fix: computed ref #70

Author: TtTRz

.eslintignore

@@ -2,4 +2,5 @@ node_modules
 types
 demo
 dist
-swc_build
+swc_build
+gulpfile.ts

.eslintrc.js

@@ -14,26 +14,31 @@ module.exports = {
   },
   plugins: [
     '@typescript-eslint',
-    'prettier'
   ],
   extends: [
     'eslint:recommended',
-    'plugin:@typescript-eslint/eslint-recommended',
     'plugin:@typescript-eslint/recommended',
-    'prettier/@typescript-eslint'
   ],
   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",
   },
-}
+}
+

demo/computed/behavior.js

@@ -1,12 +1,12 @@
-import gulp from 'gulp'
-import clean from 'gulp-clean'
-import tsc from 'gulp-typescript'
-import path from 'path'
-import swc from 'gulp-swc'
-import esbuild from 'gulp-esbuild'
-import watch from 'gulp-watch'
+import gulp from "gulp";
+import clean from "gulp-clean";
+import tsc from "gulp-typescript";
+import path from "path";
+import swc from "gulp-swc";
+import esbuild from "gulp-esbuild";
+import watch from "gulp-watch";
 
-import config from './config'
+import config from "./config";
 
 const {
   srcPath,
@@ -17,75 +17,79 @@ const {
   typesPath,
   tsConfigPath,
   swcBuildPath,
-  entry
+  entry,
 } = config;
 
+const genTsc = () => {
+  return tsc.createProject(tsConfigPath);
+};
 
-const gen_tsc = () => {
-  return tsc.createProject(tsConfigPath)
-}
+gulp.task("clean-dev-bundle", () => {
+  return gulp.src(bundleInDemoPath, { allowEmpty: true }).pipe(clean());
+});
 
+gulp.task("clean-demo-dev-bundle", () => {
+  return gulp.src(bundleInDemoPath, { allowEmpty: true }).pipe(clean());
+});
 
-gulp.task('clean-dev-bundle', () => {
-  return gulp.src(bundleInDemoPath, { allowEmpty: true })
-    .pipe(clean())
-})
+gulp.task("clean-bundle", () => {
+  return gulp.src(bundlePath, { allowEmpty: true }).pipe(clean());
+});
 
-gulp.task('clean-demo-dev-bundle', () => {
-  return gulp.src(bundleInDemoPath, { allowEmpty: true })
-    .pipe(clean())
-})
+gulp.task("clean-dts", () => {
+  return gulp.src(typesPath, { allowEmpty: true }).pipe(clean());
+});
 
-gulp.task('clean-bundle', () => {
-  return gulp.src(bundlePath, { allowEmpty: true })
-    .pipe(clean())
-})
+gulp.task("gen-dts", () => {
+  const tsc = genTsc();
+  return tsc.src().pipe(tsc()).pipe(gulp.dest(typesPath));
+});
 
-gulp.task('clean-dts', () => {
-  return gulp.src(typesPath, { allowEmpty: true })
-    .pipe(clean())
-})
-
-gulp.task('gen-dts', () => {
-  const tsc = gen_tsc();
-  return tsc.src().pipe(tsc())
-    .pipe(gulp.dest(typesPath))
-})
-
-gulp.task('swc-ts-2-js', () => {
+gulp.task("swc-ts-2-js", () => {
   return gulp
     .src(path.resolve(srcPath, "*.ts"))
     .pipe(swc(swcOptions))
     .pipe(gulp.dest(swcBuildPath));
-})
+});
 
-gulp.task('esbuild-bundle', () => {
+gulp.task("esbuild-bundle", () => {
   return gulp
     .src(path.resolve(swcBuildPath, `${entry}.js`))
     .pipe(esbuild(esbuildOptions))
     .pipe(gulp.dest(bundlePath));
-})
-
-gulp.task('copy-2-demo', () => {
-  return gulp.src(path.resolve(swcBuildPath, "*.js"))
-    .pipe(gulp.dest(bundleInDemoPath))
-})
+});
 
-gulp.task('watch', () => {
-  const ts_file = path.resolve(srcPath, "*.ts");
-  const watcher = watch(ts_file, gulp.series('dev'))
-  watcher.on('change', function (path, stats) {
+gulp.task("copy-2-demo", () => {
+  return gulp
+    .src(path.resolve(swcBuildPath, "*.js"))
+    .pipe(gulp.dest(bundleInDemoPath));
+});
+
+gulp.task("watch", () => {
+  const tsFile = path.resolve(srcPath, "*.ts");
+  const watcher = watch(tsFile, gulp.series("dev"));
+  watcher.on("change", function (path, stats) {
     console.log(`File ${path} was changed`);
   });
-})
+});
 
 // build for develop
-gulp.task('dev', gulp.series('clean-dev-bundle', 'clean-demo-dev-bundle', 'swc-ts-2-js', 'copy-2-demo'))
+gulp.task(
+  "dev",
+  gulp.series(
+    "clean-dev-bundle",
+    "clean-demo-dev-bundle",
+    "swc-ts-2-js",
+    "copy-2-demo"
+  )
+);
 
 // build for develop & watch
-gulp.task('dev-watch', gulp.series('dev', 'watch'))
-// generate .d.ts 
-gulp.task('dts', gulp.series('clean-dts', 'gen-dts'))
+gulp.task("dev-watch", gulp.series("dev", "watch"));
+// generate .d.ts
+gulp.task("dts", gulp.series("clean-dts", "gen-dts"));
 // build for publish
-gulp.task('default', gulp.series('clean-bundle', 'swc-ts-2-js', 'esbuild-bundle', 'dts'))
-
+gulp.task(
+  "default",
+  gulp.series("clean-bundle", "swc-ts-2-js", "esbuild-bundle", "dts")
+);

dist/index.js

@@ -1,11 +1,11 @@
 module.exports = {
-  preset: "ts-jest",
+  preset: 'ts-jest',
   bail: 1,
   verbose: true,
-  testEnvironment: "jsdom",
-  testURL: "https://jest.test",
-  moduleFileExtensions: ["js", "ts"],
-  testMatch: ["<rootDir>/test/**/*.spec.ts"],
-  collectCoverageFrom: ["<rootDir>/src/**/*.ts", "!**/__test__/**"],
-  snapshotSerializers: ["miniprogram-simulate/jest-snapshot-plugin"],
-};
+  testEnvironment: 'jsdom',
+  testURL: 'https://jest.test',
+  moduleFileExtensions: ['js', 'ts'],
+  testMatch: ['<rootDir>/test/**/*.spec.ts'],
+  collectCoverageFrom: ['<rootDir>/src/**/*.ts', '!**/__test__/**'],
+  snapshotSerializers: ['miniprogram-simulate/jest-snapshot-plugin'],
+}