style: lint fmt

Author: TtTRz

.eslintignore

@@ -2,4 +2,4 @@ node_modules
 types
 demo
 dist
-swc_build
+swc_build

.eslintrc.js

@@ -3,37 +3,36 @@ module.exports = {
   parser: '@typescript-eslint/parser',
   parserOptions: {
     ecmaVersion: 6,
-    sourceType: 'module'
+    sourceType: 'module',
   },
   env: {
     es6: true,
     browser: true,
     jest: true,
     commonjs: true,
-    node: true
+    node: true,
   },
-  plugins: [
-    '@typescript-eslint',
-    'prettier'
-  ],
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/eslint-recommended',
-    'plugin:@typescript-eslint/recommended',
-    'prettier/@typescript-eslint'
-  ],
+  plugins: ['@typescript-eslint'],
+  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended'],
   globals: {
     wx: true,
     App: true,
     Page: true,
-    Component: true
+    Component: true,
+    Behavior: true,
   },
   rules: {
-    'prettier/prettier': 'error',
+    'no-console': 0,
     '@typescript-eslint/ban-ts-ignore': 'off',
     '@typescript-eslint/no-empty-function': 'off',
     '@typescript-eslint/explicit-function-return-type': 'off',
     '@typescript-eslint/no-explicit-any': 'off',
-    '@typescript-eslint/no-non-null-assertion': 'off'
+    '@typescript-eslint/no-non-null-assertion': 'off',
+    indent: ['error', 2, { SwitchCase: 1 }],
+    'comma-spacing': 'error',
+    semi: ['error', 'never'],
+    quotes: ['error', 'single'],
+    'object-curly-spacing': ['error', 'always'],
+    '@typescript-eslint/ban-ts-comment': 'off',
   },
-}
+}

README.md

@@ -40,8 +40,8 @@ npm run dev // 构建 dev 版本
 
 ```js
 // component.js
-const computedBehavior = require("miniprogram-computed").behavior;
-const behaviorTest = require("./behavior-test"); // 引入自定义 behavior
+const computedBehavior = require('miniprogram-computed').behavior
+const behaviorTest = require('./behavior-test') // 引入自定义 behavior
 
 Component({
   behaviors: [behaviorTest, computedBehavior],
@@ -53,18 +53,18 @@ Component({
     sum(data) {
       // 注意： computed 函数中不能访问 this ，只有 data 对象可供访问
       // 这个函数的返回值会被设置到 this.data.sum 字段中
-      return data.a + data.b + data.c; // data.c 为自定义 behavior 数据段
+      return data.a + data.b + data.c // data.c 为自定义 behavior 数据段
     },
   },
   methods: {
     onTap() {
       this.setData({
         a: this.data.b,
         b: this.data.a + this.data.b,
-      });
+      })
     },
   },
-});
+})
 ```
 
 ```js
@@ -73,7 +73,7 @@ module.exports = Behavior({
   data: {
     c: 2,
   },
-});
+})
 ```
 
 ```xml
@@ -86,7 +86,7 @@ module.exports = Behavior({
 ### watch 基本用法
 
 ```js
-const computedBehavior = require("miniprogram-computed").behavior;
+const computedBehavior = require('miniprogram-computed').behavior
 
 Component({
   behaviors: [computedBehavior],
@@ -96,21 +96,21 @@ Component({
     sum: 2,
   },
   watch: {
-    "a, b": function (a, b) {
+    'a, b': function (a, b) {
       this.setData({
         sum: a + b,
-      });
+      })
     },
   },
   methods: {
     onTap() {
       this.setData({
         a: this.data.b,
         b: this.data.a + this.data.b,
-      });
+      })
     },
   },
-});
+})
 ```
 
 ```xml
@@ -125,7 +125,7 @@ Component({
 由于通过 behavior 的方式引入不能获得类型支持, 因此为了获得类型的支持, 可以使用一个辅助组件构造器：
 
 ```ts
-import { ComponentWithComputed } from "miniprogram-computed";
+import { ComponentWithComputed } from 'miniprogram-computed'
 
 ComponentWithComputed({
   data: {
@@ -134,20 +134,20 @@ ComponentWithComputed({
     sum: 2,
   },
   watch: {
-    "a, b": function (a, b) {
+    'a, b': function (a, b) {
       this.setData({
         sum: a + b,
-      });
+      })
     },
   },
   computed: {
     sum(data) {
       // 注意： computed 函数中不能访问 this ，只有 data 对象可供访问
       // 这个函数的返回值会被设置到 this.data.sum 字段中
-      return data.a + data.b + data.sum; // data.c 为自定义 behavior 数据段
+      return data.a + data.b + data.sum // data.c 为自定义 behavior 数据段
     },
   },
-});
+})
 ```
 
 当使用该构造器的时候, 编译器可以给 `computed` 和 `watch` 提供自动提示和类型支持。
@@ -158,7 +158,7 @@ ComponentWithComputed({
 
 **关于 TS 兼容问题**
 
-若在小程序中用 `TypeScript` 进行开发并使用到了 `Component` 构造器。这时定义 `computed` 或 `watch` 字段会出现类型报错。  
+若在小程序中用 `TypeScript` 进行开发并使用到了 `Component` 构造器。这时定义 `computed` 或 `watch` 字段会出现类型报错。
 
 针对此问题，推荐使用 `ComponentWithComputed` 构造器代替 `Component` 构造器。
 
@@ -215,7 +215,7 @@ ComponentWithComputed({
 在 `watch` 字段上可以使用 `**` 通配符，是它能够监听这个字段下的子字段的变化（类似于小程序基础库本身的 observers ）。
 
 ```js
-const computedBehavior = require("miniprogram-computed").behavior;
+const computedBehavior = require('miniprogram-computed').behavior
 
 Component({
   behaviors: [computedBehavior],
@@ -226,20 +226,20 @@ Component({
     },
   },
   watch: {
-    "obj.**": function (obj) {
+    'obj.**': function (obj) {
       this.setData({
         sum: obj.a + obj.b,
-      });
+      })
     },
   },
   methods: {
     onTap() {
       this.setData({
-        "obj.a": 10,
-      });
+        'obj.a': 10,
+      })
     },
   },
-});
+})
 ```
 
 除此以外：
@@ -248,4 +248,5 @@ Component({
 - 对于使用了 `**` 通配符的字段，则会进行深比较，来尝试精确检测对象是否真的发生了变化，这要求对象字段不能包含循环（类似于 `JSON.stringify` ）。
 
 ### 关于低版本兼容
-对于 IOS `9.3` 以下的版本，由于无法原生支持 `Proxy`，这里会使用 `proxy-polyfill` 去代替。
+
+对于 IOS `9.3` 以下的版本，由于无法原生支持 `Proxy`，这里会使用 `proxy-polyfill` 去代替。

UPDATE.md

@@ -1,39 +1,39 @@
 ## 0.0.6
 
-* 支持 properties。
+- 支持 properties。
 
 ## 0.0.7
 
-* 修复 setData 设置 properties 会报 can't call setData in computed getter function! 问题
+- 修复 setData 设置 properties 会报 can't call setData in computed getter function! 问题
 
 ## 2.0.0
 
-* 基于 observers 重构，开始支持 watch
+- 基于 observers 重构，开始支持 watch
 
 ## 2.1.0
 
-* 支持 watch 的 `.**` 语法
+- 支持 watch 的 `.**` 语法
 
 ## 3.0.0
 
-* 修复 computed 中使用自定义 behavior 数据段时，初始化视图的 computed data 不渲染的问题。
-* 支持 mobx-miniprogram 扩展库。
-* 更新 computed  数据追踪方式。
+- 修复 computed 中使用自定义 behavior 数据段时，初始化视图的 computed data 不渲染的问题。
+- 支持 mobx-miniprogram 扩展库。
+- 更新 computed 数据追踪方式。
 
 ## 4.0.0
 
-* 使用 TypeScript 重构。
-* 优化部分生命周期逻辑。
+- 使用 TypeScript 重构。
+- 优化部分生命周期逻辑。
 
 # 4.1.1
 
-* 优化打包方式
-* 优化 dev 开发流程
+- 优化打包方式
+- 优化 dev 开发流程
 
 # 4.2.x
 
-* 增加 polyfill
+- 增加 polyfill
 
 # 4.3.0
 
-* 修复引用类型的部分问题
+- 修复引用类型的部分问题

config/base.ts

@@ -1,31 +1,31 @@
-import path from "path";
+import path from 'path'
 
 export interface BaseConfig {
-  entry: string;
-  srcPath: string;
-  bundlePath: string;
-  demoPath: string;
-  bundleInDemoPath: string;
-  typesPath: string;
-  swcBuildPath: string;
-  tsConfigPath: string;
+  entry: string
+  srcPath: string
+  bundlePath: string
+  demoPath: string
+  bundleInDemoPath: string
+  typesPath: string
+  swcBuildPath: string
+  tsConfigPath: string
 }
 
-const srcPath = path.resolve(__dirname, "../src");
-const bundlePath = path.resolve(__dirname, "../dist");
-const demoPath = path.resolve(__dirname, "../demo");
-const bundleInDemoPath = path.resolve(demoPath, "./computed");
-const swcBuildPath = path.resolve(__dirname, "../swc_build");
-const typesPath = path.resolve(__dirname, "../types");
-const tsConfigPath = path.resolve(__dirname, "../tsconfig.json");
+const srcPath = path.resolve(__dirname, '../src')
+const bundlePath = path.resolve(__dirname, '../dist')
+const demoPath = path.resolve(__dirname, '../demo')
+const bundleInDemoPath = path.resolve(demoPath, './computed')
+const swcBuildPath = path.resolve(__dirname, '../swc_build')
+const typesPath = path.resolve(__dirname, '../types')
+const tsConfigPath = path.resolve(__dirname, '../tsconfig.json')
 
 export const baseConfig: BaseConfig = {
-  entry: "index",
+  entry: 'index',
   srcPath, // 源码路径
   bundlePath, // 编译产物路径
   demoPath, // demo 路径
   bundleInDemoPath, // 编译产物在 demo 里的路径
   typesPath, // .d.ts 类型声明路径
   swcBuildPath, // swc 转译生成路径
   tsConfigPath, // tsc 配置文件
-};
+}

config/build.ts

@@ -8,13 +8,13 @@
 const swcOptions = {
   jsc: {
     parser: {
-      syntax: "typescript",
+      syntax: 'typescript',
       tsx: false,
       decorators: false,
       dynamicImport: false,
     },
     transform: null,
-    target: "es5",
+    target: 'es5',
     externalHelpers: false,
     keepClassNames: false,
     minify: {
@@ -26,29 +26,29 @@ const swcOptions = {
   },
   minify: false,
   module: {
-    type: "commonjs",
+    type: 'commonjs',
     strict: false,
     strictMode: true,
     lazy: false,
     noInterop: false,
   },
-};
+}
 
 // esbuild 配置
 const esbuildOptions = {
-  outfile: "index.js",
+  outfile: 'index.js',
   bundle: true,
-  format: "cjs",
+  format: 'cjs',
   minify: true,
-  external: ["rfdc", "fast-deep-equal"]
-};
+  external: ['rfdc', 'fast-deep-equal'],
+}
 
 export interface BuildConfig {
-  swcOptions: any;
-  esbuildOptions: any;
+  swcOptions: any
+  esbuildOptions: any
 }
 
 export const buildConfig: BuildConfig = {
   swcOptions,
   esbuildOptions,
-};
+}

config/index.ts

@@ -1,11 +1,11 @@
-import { baseConfig, BaseConfig } from "./base";
-import { buildConfig, BuildConfig } from "./build";
+import { baseConfig, BaseConfig } from './base'
+import { buildConfig, BuildConfig } from './build'
 
 interface Config extends BaseConfig, BuildConfig {}
 
 const config: Config = {
   ...baseConfig,
   ...buildConfig,
-};
+}
 
-export default config;
+export default config