annil 1.3.0-dev.202312100 → 1.4.0

package/src/behaviors/BComputedAndWatch/initComputed.ts

@@ -2,17 +2,11 @@
 // import type { IsDependOnOthers } from "./data-tracer";
 
 import type { Func } from "hry-types/src/Misc/Func";
-import { deleteProtoField } from "../../utils/deleteProtoField";
-import { computedUpdater } from "./computedUpdater";
+import type { FinalOptionsOfComponent } from "../../api/DefineComponent/collectOptionsForComponent";
 import { deepProxy, unwrap } from "./data-tracer";
-import type { ComputedCache, Instance } from "./types";
+import type { ComputedCache, ItemCache } from "./types";
 export type ComputedDependence = { paths: string[]; val: unknown };
 
-type ComputedInfo = {
-  dependences: ComputedDependence[];
-  value: unknown;
-};
-
 /**
  * 如果依赖列表某项的首个字段值为undefined并且字段为其他计算属性字段 返回false(即被依赖的计算字段写在了依赖他的计算字段后面), 否则返回ComputedInfo。
  */
@@ -20,7 +14,7 @@ function isValidDependences(dependences: ComputedDependence[], computedKeys: str
   for (const { paths: path, val } of dependences) {
     // 引用值为undefined时
     // console.log(path[0]);
-    if (val === undefined && computedKeys.includes(path[0])) {
+    if ((val === undefined) && computedKeys.includes(path[0])) {
       return false;
     }
   }
@@ -28,49 +22,22 @@ function isValidDependences(dependences: ComputedDependence[], computedKeys: str
   return true; // 依赖有效
 }
 
-export function getComputedInfo(
-  this: Instance,
+export function getItemCache(
+  initAllData: object,
   computedKeys: string[],
   computedFunc: Func,
-  key: string,
-): false | ComputedInfo {
-  // 建立当前计算字段的依赖
+): false | ItemCache {
+  // 当前计算字段的依赖列表
   const dependences: ComputedDependence[] = [];
-  let initValue: unknown;
-  // eslint-disable-next-line @typescript-eslint/no-this-alias
-  const _this = this;
-  const computedThis = new Proxy({ data: deepProxy(this.data, dependences) }, {
-    get(target, key) {
-      if (key === "data") {
-        return Reflect.get(target, key);
-      }
-
-      return Reflect.get(_this, key);
-    },
-  });
-
-  initValue = computedFunc.call(computedThis);
-
-  // } catch (error) {
-  //   // 为js开发考虑使用了 this.data.xxx.age 当xxx为undefined时
-  //   if (!isValidDependences(dependences, computedKeys)) {
-  //     console.log(222);
+  const initValue = computedFunc.call({ data: deepProxy(initAllData, dependences) });
 
-  //     // 情形2 依赖了未初始化的计算属性的子属性(会报错) 对应测试文件[NoOptionalProperties.ts](../../../jest/computed/NoOptionalProperties/NoOptionalProperties.test.ts)的age字段
-  //     return false;
-  //   }
-  //   // 其他错误正常报错
-  //   throw error;
-  // }
   if (isValidDependences(dependences, computedKeys)) {
-    // 有效的依赖
-    initValue = unwrap(initValue);
-
-    this.setData({
-      [key]: initValue,
-    });
-
-    return { dependences, value: initValue };
+    return {
+      // 去重 避免 如: ` age(){ return this.data.xxx.num + this.data.xxx.str + this.data.xxx} ` 造成的多个依赖相同情况。应就要一个 xxx
+      dependences: uniqueDependences(dependences),
+      method: computedFunc,
+      value: unwrap(initValue),
+    };
   } else {
     /**
      * 情形1 依赖了其他未初始化的计算属性(不报错) 对应测试文件[NoOptionalProperties.ts](../../../jest/computed/NoOptionalProperties/NoOptionalProperties.test.ts)的copyPropUser字段
@@ -118,66 +85,45 @@ function uniqueDependences(dependences: ComputedDependence[]): ComputedDependenc
 
   return dependences;
 }
+
 /**
- * 初始化计算属性配置返回计算属性缓存
- * @param computedConfig - 计算属性配置
- * @param uninitedkeys - 未初始的计算属性keys
- * @param computedCache - 计算属性缓存默认=`{}`
- * @returns 计算属性缓存
+ * 把计算属性初始值加入到options.data中返回缓存
  */
-function _initComputed(
-  this: Instance,
+export function initComputed(
+  options: FinalOptionsOfComponent,
   computedConfig: Record<string, Func>,
-  uninitedkeys: string[], //
+  initAllData: object,
+  uninitedkeys: string[] = Object.keys(computedConfig),
   computedCache: ComputedCache = {},
 ): ComputedCache {
-  // 收集依赖
+  // 收集依赖 uninitedkeys不受内部2处重新赋值的影响
   for (const key of uninitedkeys) {
-    const computedInfo = getComputedInfo.call(this, uninitedkeys, computedConfig[key], key);
+    // uninitedkeys 受2处重新赋值的影响
+    const itemCache = getItemCache(initAllData, uninitedkeys, computedConfig[key]);
 
-    // 去除完成的依赖key
+    // 去除当前的key 2
     uninitedkeys = uninitedkeys.filter(ele => ele !== key);
 
-    if (computedInfo === false) {
+    if (itemCache === false) {
       // 把当前依赖不正确的key放到后面去
       uninitedkeys.push(key);
     } else {
-      computedCache[key] = {
-        // 去重 避免 如: ` age(){ return this.data.xxx.num + this.data.xxx.str + this.data.xxx} ` 造成的多个依赖相同情况。应就要一个 xxx
-        dependences: uniqueDependences(computedInfo.dependences),
-        method: computedConfig[key],
-        value: computedInfo.value, // 为了watch的oldValue
-      };
+      /* istanbul ignore next */
+      const dataOpt = options.data ||= {};
+
+      dataOpt[key] = itemCache.value;
+
+      // @ts-ignore 隐式索引
+      initAllData[key] = itemCache.value;
+
+      computedCache[key] = itemCache;
     }
   }
-  // 看uninitedkey是否未空，空表示所有依赖收集完毕直接返回
+  // 看uninitedkey(2处的新值)是否未空，空表示所有依赖收集完毕直接返回
   if (uninitedkeys.length === 0) {
     return computedCache;
   }
 
   // uninitedkey不为空,递归
-  return _initComputed.call(this, computedConfig, uninitedkeys, computedCache);
-}
-export function initComputed(this: Instance) {
-  const computedConfig = this.__computedConfig__?.();
-
-  deleteProtoField(this, "__computedConfig__");
-
-  if (computedConfig) {
-    // 实例加入 __computedUpdateStatus__ 提高性能
-    this.__computedStatus__ = "初始化中";
-
-    // 初始化计算属性(返回缓存)
-    this.__computedCache__ = _initComputed.call(
-      this,
-      computedConfig,
-      Object.keys(computedConfig),
-    );
-
-    // 给原型上加入__computedUpdater__方法 在observers下的'**'配置中触发
-
-    this.__computedUpdater__ = computedUpdater.bind(this);
-
-    this.__computedStatus__ = "待更新";
-  }
+  return initComputed(options, computedConfig, initAllData, uninitedkeys, computedCache);
 }

package/src/behaviors/BComputedAndWatch/isEqual.ts

@@ -18,6 +18,7 @@ export function isEqual(value: unknown, other: unknown) {
   }
   // 递归比较存在的相同key是否相等
   for (const key of keys1) {
+    // @ts-ignore 隐式索引
     if (!keys2.includes(key) || !isEqual(value[key], other[key])) {
       return false;
     }

package/src/behaviors/BComputedAndWatch/types.ts

@@ -5,25 +5,27 @@ import type { ComputedDependence } from "./initComputed";
 export type InstanceCustomFields = {
   __pendingSetData__?: object | null;
   __storeConfig__?: () => Record<string, () => unknown>;
-  __computedStatus__?: "初始化中" | "待更新" | "更新完毕";
+  __computedStatus__?: "待更新" | "更新完毕";
   __computedUpdater__: Func;
-  __computedConfig__?: () => Record<string, Func>;
-  __computedCache__?: ComputedCache;
+  __computedInitCache__?: () => ComputedCache;
+  __computedCache__: ComputedCache | undefined;
   __watchOldValue__?: WatchOldValue;
   __watchConfig__?: () => Record<string, Func>;
   __compLoadList__?: Func[];
+
+  __prePropertiesValue__: object | undefined;
+  __setDataFromInner__?: boolean;
   disposer: Record<string, Func>;
 };
 
 export type Instance = (ComponentInstance | PageInstance) & InstanceCustomFields;
 
-export type ComputedCache = Record<
-  string,
-  {
-    dependences: ComputedDependence[];
-    method: Func;
-    value: unknown;
-  }
->;
+export type ItemCache = {
+  dependences: ComputedDependence[];
+  method: Func;
+  value: unknown;
+};
+
+export type ComputedCache = Record<string, ItemCache>;
 
 export type WatchOldValue = Record<string, unknown[]>;

package/src/behaviors/BStore.ts

@@ -5,22 +5,17 @@ import { deleteProtoField } from "../utils/deleteProtoField";
 import type { Instance } from "./BComputedAndWatch/types";
 
 export const BStore = Behavior({
+  // @ts-ignore
   definitionFilter(options: FinalOptionsOfComponent) {
     // 初始化store
     const storeConfig = options.store;
     if (!storeConfig) return;
     const { toJS } = require("mobx") as typeof mobx;
     for (const key in storeConfig) {
-      options.data ||= {};
-
       options.data[key] = toJS(storeConfig[key]());
 
       // 把响应式数据配置保留在methods的__storeConfig__字段下带入到组件实例中(不用函数返回方式也可以,但不符合methods字段类型),后续再从原型上删除。
-      options.methods ||= {};
-
       options.methods.__storeConfig__ = () => storeConfig;
-
-      delete options.store;
     }
   },
   lifetimes: {
@@ -28,6 +23,8 @@ export const BStore = Behavior({
       // 取出通过addStoreConfigToMethods函数带入的storeConfig
       const storeConfig = this.__storeConfig__?.();
       if (!storeConfig) return;
+      deleteProtoField(this, "__storeConfig__");
+
       const { comparer, reaction, toJS } = require("mobx") as typeof mobx;
 
       this.disposer = {};
@@ -47,7 +44,6 @@ export const BStore = Behavior({
           },
         );
       }
-      deleteProtoField(this, "__storeConfig__");
     },
     /* istanbul ignore next */
     detached(this: Instance) {

package/src/behaviors/BbeforeCreated.ts

@@ -1,8 +1,11 @@
 import type { FinalOptionsOfComponent } from "../api/DefineComponent/collectOptionsForComponent";
 
 export const BBeforeCreate = Behavior({
-  definitionFilter(options: FinalOptionsOfComponent) {
-    // 触发beforeCreate生命周期函数
+  // @ts-ignore
+  definitionFilter(
+    options: Omit<FinalOptionsOfComponent, "customEvents" | "store" | "events" | "computed">,
+  ) {
+    // 触发beforeCreate生命周期函数  options.lifetimes在之前被赋值过默认{}所以！
     const beforeCreateFunc = options.lifetimes!.beforeCreate;
 
     beforeCreateFunc && beforeCreateFunc(options);

package/src/utils/InnerMarker.ts

@@ -1,4 +1,3 @@
 export const INNERMARKER = {
-  url: "__annil__" satisfies `_${string}`, // url默认传值Data字段 必须是内部字段,因为会加入到实例的data下。
-  // defUrl: "/xx&xx", // 标记 组件默认的的url类型
+  url: "__annil__", // url默认传值Data字段
 };

package/src/utils/isEmptyObject.ts

@@ -1,7 +1,7 @@
 /**
  * 判断一个值是否为空对象 `{}`
  */
-export function isEmptyObject(obj: unknown) {
+export function isEmptyObject(obj: object) {
   if (
     typeof obj !== "object" || obj === null || Array.isArray(obj) || obj instanceof Set || obj instanceof Map
     || obj instanceof WeakSet || obj instanceof WeakMap

package/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "lib": ["ES2022", "DOM"], // jest中用到了DOM类型
+    "target": "ES2017",
+    "module": "ES2022",
+    "strict": true,
+    "strictFunctionTypes": false, // e: Dataset<{ id: string }>会报错。
+    "exactOptionalPropertyTypes": true, // 带有?标志的属性类型不在包含undefined
+    "skipLibCheck": true, // 跳过声明文件的类型检查(.d.ts),除了你引用的, 默认false(不跳过)。
+    "moduleResolution": "Bundler", // 模块解析策略 //5.0 新值 bundler
+    "noImplicitAny": true, // 不允许隐式的any类型
+    "esModuleInterop": true, // 默认false 将 CommonJS/AMD/UMD 模块视为类似于 ES6 模块,jest需要。
+    "removeComments": true, // 去除注释
+    "noEmit": true,
+    "noImplicitReturns": true, // 隐式函数返回
+    "forceConsistentCasingInFileNames": true, // 区分文件名的大小写
+    // "noUnusedLocals": true, // 报告未使用局部变量的错误
+    // "noUnusedParameters": false, // 报告函数中未使用参数的错误
+    // "suppressImplicitAnyIndexErrors": true, // 为true关闭隐式索引错误,但很激进,建议使用@ts-ignore
+    "isolatedModules": true, // 模块化(.ts文件必须有导入或导出) 默认false
+    // "verbatimModuleSyntax": true,不能开启.jset会报错,在vscode中设置代替它要求ts版本>5.3
+    // 默认加载所有@types下的包 types指定具体的包,其他拒绝。包含上级目录
+    "types": ["hry-types", "mobx", "jest", "miniprogram-api-typings"]
+  },
+  "include": ["**/*.ts"]
+}

package/dist/behaviors/BComputedAndWatch/IsPage.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInstance, PageInstance } from "../../api/RootComponent/Instance/RootComponentInstance";
-export declare function isPage(Ins: ComponentInstance | PageInstance): Ins is PageInstance;

package/dist/behaviors/BComputedAndWatch/IsPage.js

@@ -1,4 +0,0 @@
-export function isPage(Ins) {
-    return typeof Ins.route === "string";
-}
-//# sourceMappingURL=IsPage.js.map

package/dist/behaviors/BComputedAndWatch/IsPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IsPage.js","sourceRoot":"","sources":["../../../src/behaviors/BComputedAndWatch/IsPage.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,MAAM,CAAC,GAAqC;IAC1D,OAAO,OAAQ,GAAoB,CAAC,KAAK,KAAK,QAAQ,CAAC;AACzD,CAAC"}

package/src/behaviors/BComputedAndWatch/IsPage.ts

@@ -1,5 +0,0 @@
-import type { ComponentInstance, PageInstance } from "../../api/RootComponent/Instance/RootComponentInstance";
-
-export function isPage(Ins: ComponentInstance | PageInstance): Ins is PageInstance {
-  return typeof (Ins as PageInstance).route === "string";
-}