annil 1.4.0 → 1.5.1

package/src/api/DefineComponent/collectOptionsForComponent.ts

@@ -3,9 +3,11 @@ import { BBeforeCreate } from "../../behaviors/BbeforeCreated";
 import { BComputedAndWatch } from "../../behaviors/BComputedAndWatch";
 import type { ComputedCache, Instance } from "../../behaviors/BComputedAndWatch/types";
 import { BStore } from "../../behaviors/BStore";
+import { Assign } from "../../types/Assign";
 import type { WMComponent } from "../../types/OfficialTypeAlias";
 import { INNERMARKER } from "../../utils/InnerMarker";
 import { isEmptyObject } from "../../utils/isEmptyObject";
+import { instanceConfig } from "../InstanceInject/instanceConfig";
 import type { RootComponentTrueOptions } from "../RootComponent";
 import type { ComputedConstraint } from "../RootComponent/Computed/ComputedConstraint";
 import type {
@@ -292,6 +294,44 @@ function collectRootComponentOption(
   otherFieldsHandle(finalOptions, rootComponentOptions);
 }
 
+/**
+ * 合并 source 对象字段到 target字段
+ * @remarks 规则：
+ * 1. behaviors字段 源对象在前
+ * 2. 对象字段 源覆盖目标
+ * @param target - 目标对象
+ * @param source - 源对象
+ * @returns 按规则合并后的对象
+ */
+function merge<Target extends object, Source extends object>(target: Target, source: Source): Assign<Target, Source> {
+  for (const key in source) {
+    const sourceVal = source[key];
+    if (key in target) {
+      // @ts-ignore
+      const targetVal = target[key];
+      switch (key) {
+        case "behaviors":
+          {
+            // @ts-ignore
+            target[key] = [...sourceVal, ...targetVal];
+          }
+          break;
+
+        default:
+          {
+            // @ts-ignore 源覆盖目标
+            target[key] = Object.assign(targetVal, sourceVal);
+          }
+          break;
+      }
+    } else {
+      // @ts-ignore
+      target[key] = sourceVal;
+    }
+  }
+
+  return target as unknown as Assign<Target, Source>;
+}
 /**
  * 返回一个由rootComponentOption和subComponentsList配置整合的对象
  * @param rootComponentOption -
@@ -303,18 +343,14 @@ export function collectOptionsForComponent(
 ): FinalOptionsOfComponent {
   const rootComponentOption = defineComponentOption.rootComponent;
   const subComponentsList = defineComponentOption.subComponents;
-  const finalOptionsForComponent: FinalOptionsOfComponent = {
-    options: {
-      addGlobalClass: true, // "styleIsolation": "apply-shared"
-      multipleSlots: true,
-      pureDataPattern: /^_/,
-      virtualHost: true,
-    },
-    behaviors: [BStore, BComputedAndWatch],
-    methods: {},
+
+  const finalOptionsForComponent: FinalOptionsOfComponent = merge(instanceConfig.injectInfo || {}, {
     observers: {},
     data: {},
-  };
+    methods: {},
+    behaviors: [BStore, BComputedAndWatch],
+  });
+
   /**
    * 有些字段配置同时存在根组件和子组件当中(如pageLifetimes，lifetimes,watch字段), 且key相同值类型为函数。funcConfig对象用于收集这些配置为数组形式,最终再一起整合进finalOptionsForComponent配置中。即funcConfig是一个临时中介对象。
    */
@@ -350,7 +386,7 @@ export function collectOptionsForComponent(
   /* istanbul ignore next: miniprogram-simulate(当前版本 1.6.1) 无法测试页面 */
   finalOptionsForComponent.isPage
     // 页面时删除预设的虚拟组件字段
-    && Reflect.deleteProperty(finalOptionsForComponent.options!, "virtualHost");
+    && finalOptionsForComponent.options && Reflect.deleteProperty(finalOptionsForComponent.options, "virtualHost");
 
   // BBeforeCreate在最后面,让BeforeCreate生命周期运行在最终建立组件时。
   finalOptionsForComponent.behaviors!.push(BBeforeCreate);

package/src/api/DefineComponent/index.ts

@@ -54,6 +54,7 @@ export type DefineComponentOption = {
  */
 export const DefineComponent: DefineComponentConstructor = function(options): any {
   // console.log("---------------------------");
+
   Component(
     collectOptionsForComponent(options as DefineComponentOption) as any,
   );

package/src/api/InstanceInject/inject.ts

@@ -0,0 +1,34 @@
+import { observable, runInAction } from "mobx";
+
+// 注入的响应式数据;
+const themeStore = observable({ theme: wx.getSystemInfoSync().theme });
+
+wx.onThemeChange((Res) => {
+  runInAction(() => {
+    themeStore.theme = Res.theme;
+  });
+});
+
+// 注入的方法;
+function injectMethod(data: string) {
+  return data;
+}
+
+const data = {
+  injectStr: "injectStr",
+};
+const methods = {
+  injectMethod,
+};
+const store = {
+  injectTheme: () => themeStore.theme,
+};
+
+// 声明注入类型 js开发可以忽略
+declare module "../.." {
+  interface IInjectInfo {
+    data: typeof data;
+    store: typeof store;
+    methods: typeof methods;
+  }
+}

package/src/api/InstanceInject/instanceConfig.ts

@@ -0,0 +1,39 @@
+/* eslint-disable @typescript-eslint/explicit-member-accessibility */
+
+import { ReturnTypeInObject } from "hry-types/src/Object/ReturnTypeInObject";
+import { WMComponentOption } from "../../types/OfficialTypeAlias";
+import { DataConstraint } from "../RootComponent/Data/DataConstraint";
+import { MethodsConstraint } from "../RootComponent/Methods/MethodsConstraint";
+import { StoreConstraint } from "../RootComponent/Store/StoreConstraint";
+
+// 利用继承的多态性 使得IInjectInfo类型可由使用者外部定义
+interface BaseInjectInfo {
+  options?: WMComponentOption;
+  methods?: MethodsConstraint;
+  data?: DataConstraint;
+  store?: StoreConstraint;
+  behaviors?: string[];
+}
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface IInjectInfo extends BaseInjectInfo {
+}
+
+export type IInjectData = IInjectInfo["data"] & ReturnTypeInObject<IInjectInfo["store"]>;
+
+export type IInjectMethods = IInjectInfo["methods"];
+
+/**
+ * 实例配置接口
+ */
+class InstanceConfig {
+  private info: { injectInfo?: IInjectInfo } = {};
+  public get injectInfo() {
+    return this.info.injectInfo;
+  }
+  public setInjectInfo(info: IInjectInfo | undefined) {
+    info && (this.info.injectInfo = info);
+  }
+}
+
+export const instanceConfig = new InstanceConfig();

package/src/api/InstanceInject/test/normal.test.ts

@@ -0,0 +1,40 @@
+import { Checking, Test } from "hry-types";
+import { RootComponent } from "../../RootComponent";
+
+// 1. 注入字段无重复时
+RootComponent()({
+  methods: {
+    testInjectTypes() {
+      Checking<typeof this.data.injectStr, string, Test.Pass>;
+
+      Checking<typeof this.data.injectTheme, "dark" | "light" | undefined, Test.Pass>;
+
+      Checking<typeof this.injectMethod, (data: string) => string, Test.Pass>;
+    },
+  },
+});
+
+// 2. 注入字段重复时,自身覆盖注入类型
+RootComponent()({
+  data: {
+    // 覆盖注入的数据类型
+    injectStr: 123,
+  },
+  store: {
+    // 覆盖注入的数据类型
+    injectTheme: (() => "aaa") as () => "aaa",
+  },
+  methods: {
+    // 覆盖注入的方法类型
+    injectMethod() {
+      return 123;
+    },
+    testInjectTypes() {
+      Checking<typeof this.data.injectStr, number, Test.Pass>;
+
+      Checking<typeof this.data.injectTheme, "aaa", Test.Pass>;
+
+      Checking<typeof this.injectMethod, () => 123, Test.Pass>;
+    },
+  },
+});

package/src/api/RootComponent/Computed/test/normal.test.ts

@@ -1,5 +1,6 @@
 import { Checking, type Test } from "hry-types";
 import type { ReadonlyDeep } from "hry-types/src/Any/_api";
+import { IInjectData } from "../../../InstanceInject/instanceConfig";
 import { RootComponent } from "../..";
 import type { Mock_User } from "../../Properties/test/normalRequired.test";
 
@@ -29,15 +30,17 @@ const RootDoc = RootComponent()({
       // 3 this.data 类型是深度只读的
       Checking<
         typeof this.data,
-        ReadonlyDeep<{
-          firstName: string;
-          lastName: string;
-          fullName: string;
-          user: Mock_User;
-          prefix: string;
-          id_fullName: string;
-          readOnly: "str";
-        }>,
+        ReadonlyDeep<
+          {
+            firstName: string;
+            lastName: string;
+            fullName: string;
+            user: Mock_User;
+            prefix: string;
+            id_fullName: string;
+            readOnly: "str";
+          } & IInjectData
+        >,
         Test.Pass
       >;
 
@@ -66,7 +69,7 @@ const noComputedFieldDoc = RootComponent()({
   methods: {
     M1() {
       // 5.1 无computed,this.data中为{}
-      Checking<typeof this.data, {}, Test.Pass>;
+      Checking<typeof this.data, ReadonlyDeep<IInjectData>, Test.Pass>;
     },
   },
 });
@@ -81,7 +84,7 @@ const EmptyComputedFieldDoc = RootComponent()({
   methods: {
     M1() {
       // 6.1 computed为{},this.data中为{}
-      Checking<typeof this.data, {}, Test.Pass>;
+      Checking<typeof this.data, ReadonlyDeep<IInjectData>, Test.Pass>;
     },
   },
 });

package/src/api/RootComponent/Data/test/normal.test.ts

@@ -1,6 +1,7 @@
 import { Checking, type Test } from "hry-types";
 
 import type { ReadonlyDeep } from "hry-types/src/Any/_api";
+import { IInjectData } from "../../../InstanceInject/instanceConfig";
 import { RootComponent } from "../..";
 
 type Gender = "male" | "female";
@@ -15,7 +16,7 @@ const RootDoc = RootComponent()({
     foo() {
       Checking<
         typeof this.data,
-        ReadonlyDeep<{ gender: Gender; num: number; _innernalFields: number }>,
+        ReadonlyDeep<{ gender: Gender; num: number; _innernalFields: number } & IInjectData>,
         Test.Pass
       >;
     },
@@ -36,7 +37,7 @@ const EmptyDataRootDoc = RootComponent()({
   methods: {
     M1() {
       // 3.1 data为空对象时 this.data为{}类型
-      Checking<typeof this.data, {}, Test.Pass>;
+      Checking<typeof this.data, ReadonlyDeep<IInjectData>, Test.Pass>;
     },
   },
 });
@@ -51,7 +52,7 @@ const noDataRootDoc = RootComponent()({
   methods: {
     M1() {
       // 4.1 data为空对象时 this.data为{}类型
-      Checking<typeof this.data, {}, Test.Pass>;
+      Checking<typeof this.data, ReadonlyDeep<IInjectData>, Test.Pass>;
     },
   },
 });

package/src/api/RootComponent/Instance/RootComponentInstance.ts

@@ -1,10 +1,11 @@
 import type { ReadonlyDeep } from "hry-types/src/Any/_api";
 import type { IfExtends } from "hry-types/src/Any/IfExtends";
-import type { Func } from "hry-types/src/Misc/Func";
 import type { ComputeIntersection } from "hry-types/src/Object/ComputeIntersection";
 import type { IReactionDisposer } from "mobx";
 
+import { Assign } from "../../../types/Assign";
 import type { WMComponentInstance, WMInstanceMethods, WMPageInstance } from "../../../types/OfficialTypeAlias";
+import { IInjectData, IInjectMethods } from "../../InstanceInject/instanceConfig";
 import type { CustomEventMethods } from "./CustomEventMethods";
 import type { CustomSetData } from "./CustomSetData";
 export type RootComponentInstance<
@@ -23,11 +24,9 @@ export type RootComponentInstance<
   & CustomSetData<TData>
   & IfExtends<{}, StoreDoc, unknown, {
     disposer?: { [k in keyof StoreDoc]: IReactionDisposer };
-    applySetData: Func;
   }>
-  & TMethods
-  & CustomEventMethods<CustomEventsDoc>
-  & { data: ReadonlyDeep<ComputeIntersection<AllData>> };
+  & Assign<IInjectMethods, TMethods & CustomEventMethods<CustomEventsDoc>>
+  & { data: ReadonlyDeep<Assign<IInjectData, ComputeIntersection<AllData>>> };
 
 export type ComponentInstance = RootComponentInstance<false, {}, {}, {}, {}, {}>;
 

package/src/api/RootComponent/Instance/test/properties/mormal.test.ts

@@ -1,6 +1,7 @@
 import { Checking, type Test } from "hry-types";
 import type { ReadonlyDeep } from "hry-types/src/Any/ReadonlyDeep";
 import { type DetailedType, RootComponent } from "../../../../..";
+import { IInjectData } from "../../../../InstanceInject/instanceConfig";
 
 // 组件时
 RootComponent()({
@@ -14,7 +15,11 @@ RootComponent()({
   lifetimes: {
     attached() {
       // 组件实例对象格外添加null类型
-      Checking<typeof this.data, ReadonlyDeep<{ optionalObj: { name: string } | null; obj: object | null }>, Test.Pass>;
+      Checking<
+        typeof this.data,
+        ReadonlyDeep<{ optionalObj: { name: string } | null; obj: object | null } & IInjectData>,
+        Test.Pass
+      >;
     },
   },
 });

package/src/api/RootComponent/Instance/test/setData/error.test.ts

@@ -63,13 +63,3 @@ RootComponent()({
     },
   },
 });
-
-RootComponent()({
-  store: {},
-  lifetimes: {
-    attached() {
-      // @ts-expect-error 没有store字段时不可以调用applySetData
-      this.applySetData();
-    },
-  },
-});

package/src/api/RootComponent/Instance/test/setData/normal.test.ts

@@ -46,9 +46,6 @@ RootComponent()({
       runInAction(() => {
         store.name = "liil";
       });
-
-      // 有store字段时可以调用applySetData
-      this.applySetData();
     },
   },
 });

package/src/api/RootComponent/Lifetimes/LifetimesConstraint.ts

@@ -9,6 +9,6 @@ export type LifetimesConstraint = // 官方组件生命周期
       /**
        * 建立组件时的真正配置对象
        */
-      beforeCreate?: (options: FinalOptionsOfComponent) => void;
+      beforeCreate?: (this: void, options: FinalOptionsOfComponent) => void;
     }
   >;

package/src/api/RootComponent/Lifetimes/test/normal.test.ts

@@ -1,3 +1,4 @@
+import { Checking, Test } from "hry-types";
 import { RootComponent } from "../../../..";
 
 /**
@@ -7,6 +8,8 @@ RootComponent()({
   lifetimes: {
     // 新增声明周期可用于查看或拓展配置文件
     beforeCreate(opitons) {
+      Checking<typeof this, void, Test.Pass>;
+
       opitons;
     },
     created() {

package/src/api/RootComponent/Properties/test/normalEmpty.test.ts

@@ -1,4 +1,6 @@
 import { Checking, type Test } from "hry-types";
+import { ReadonlyDeep } from "hry-types/src/Any/_api";
+import { IInjectData } from "../../../InstanceInject/instanceConfig";
 import { RootComponent } from "../..";
 
 /**
@@ -9,7 +11,7 @@ const emptyObj = RootComponent()({
   methods: {
     foo() {
       // 1 this.data 为空对象类型
-      Checking<typeof this.data, {}, Test.Pass>;
+      Checking<typeof this.data, ReadonlyDeep<IInjectData>, Test.Pass>;
     },
   },
 });
@@ -28,7 +30,7 @@ const noProperties = RootComponent()({
   methods: {
     foo() {
       // 3 this.data 为空对象类型
-      Checking<typeof this.data, {}, Test.Pass>;
+      Checking<typeof this.data, ReadonlyDeep<IInjectData>, Test.Pass>;
     },
   },
 });

package/src/api/RootComponent/Properties/test/normalOptional.test.ts

@@ -1,6 +1,7 @@
 import { Checking, type Test } from "hry-types";
 import type { ReadonlyDeep } from "hry-types/src/Any/_api";
 import type { DetailedType } from "../../../../types/DetailedType";
+import { IInjectData } from "../../../InstanceInject/instanceConfig";
 import { RootComponent } from "../..";
 import { type Mock_User } from "./normalRequired.test";
 
@@ -43,14 +44,16 @@ const OptionalDoc = RootComponent()({
       // 1. 内部this.data中的类型(去除可选)
       Checking<
         typeof this.data,
-        ReadonlyDeep<{
-          optional_num: number;
-          optional_gender: "male" | "female";
-          optional_tuple: [number, string, boolean];
-          optional_obj: Mock_User | null;
-          optional_objOrNull: Mock_User | null;
-          optional_union: string | number;
-        }>,
+        ReadonlyDeep<
+          {
+            optional_num: number;
+            optional_gender: "male" | "female";
+            optional_tuple: [number, string, boolean];
+            optional_obj: Mock_User | null;
+            optional_objOrNull: Mock_User | null;
+            optional_union: string | number;
+          } & IInjectData
+        >,
         Test.Pass
       >;
     },

package/src/api/RootComponent/Properties/test/normalRequired.test.ts

@@ -2,6 +2,7 @@ import { Checking, type Test } from "hry-types";
 import type { DetailedType } from "../../../../types/DetailedType";
 
 import type { ReadonlyDeep } from "hry-types/src/Any/_api";
+import { IInjectData } from "../../../InstanceInject/instanceConfig";
 import { RootComponent } from "../..";
 import type { RequiredSingle, RequiredType, RequiredUnion } from "../PropertiesConstraint";
 
@@ -91,7 +92,7 @@ const RequiredDoc = RootComponent()({
   methods: {
     foo() {
       // 1 this.data中的类型(对象类型加null)
-      Checking<typeof this.data, ReadonlyDeep<RequiredTypeExpected>, Test.Pass>;
+      Checking<typeof this.data, ReadonlyDeep<RequiredTypeExpected & IInjectData>, Test.Pass>;
     },
   },
 });

package/src/api/RootComponent/Watch/test/WtachInject.test.ts

@@ -0,0 +1,20 @@
+import { Checking, Test } from "hry-types";
+import { RootComponent } from "../..";
+
+/**
+ * watch data字段 深度只读
+ */
+RootComponent()({
+  watch: {
+    injectStr(newValue, oldValue) {
+      Checking<string, typeof newValue, Test.Pass>;
+
+      Checking<string, typeof oldValue, Test.Pass>;
+    },
+    injectTheme(newValue, oldValue) {
+      Checking<"dark" | "light" | undefined, typeof newValue, Test.Pass>;
+
+      Checking<"dark" | "light" | undefined, typeof oldValue, Test.Pass>;
+    },
+  },
+});

package/src/api/RootComponent/index.ts

@@ -5,6 +5,7 @@ import type { ComputeIntersection } from "hry-types/src/Object/_api";
 import type { ComputeObject } from "../../types/ComputeObj";
 import type { WMCompOtherOption } from "../../types/OfficialTypeAlias";
 import type { ComponentDoc } from "../DefineComponent/ReturnType/ComponentDoc";
+import { IInjectData } from "../InstanceInject/instanceConfig";
 import type { ComputedConstraint } from "./Computed/ComputedConstraint";
 import type { ComputedOption } from "./Computed/ComputedOption";
 import type { GetComputedDoc } from "./Computed/GetComputedDoc";
@@ -61,6 +62,7 @@ type RootComponentOptions<
     & Required<PropertiesDoc>
     & DataDoc
     & StoreDoc
+    & IInjectData
   >
   & Partial<Omit<WMCompOtherOption, "pageLifetimes">>
   & ThisType<

package/src/api/SubComponent/SubComputed/test/normal.test.ts

@@ -2,6 +2,7 @@ import { Checking, type Test } from "hry-types";
 import type { ReadonlyDeep } from "hry-types/src/Any/_api";
 import type { ComponentDoc } from "../../../DefineComponent/ReturnType/ComponentDoc";
 
+import { IInjectData } from "../../../InstanceInject/instanceConfig";
 import type { Mock_User } from "../../../RootComponent/Properties/test/normalRequired.test";
 import { SubComponent } from "../..";
 
@@ -80,17 +81,19 @@ SubComponent<Root, OnlyPropsCompDoc>()({
       // 5 this.data
       Checking<
         typeof this.data,
-        ReadonlyDeep<{
-          num: number;
-          user: User | null;
-          SNum: number;
-          str: string;
-          bool: boolean;
-          aaa_num: number;
-          aaa_num123: 123;
-          aaa_str: "a";
-          aaa_obj: Mock_User;
-        }>,
+        ReadonlyDeep<
+          {
+            num: number;
+            user: User | null;
+            SNum: number;
+            str: string;
+            bool: boolean;
+            aaa_num: number;
+            aaa_num123: 123;
+            aaa_str: "a";
+            aaa_obj: Mock_User;
+          } & IInjectData
+        >,
         Test.Pass
       >;
 
@@ -102,17 +105,19 @@ SubComponent<Root, OnlyPropsCompDoc>()({
       // 5 this.data 深度只读
       Checking<
         typeof this.data,
-        ReadonlyDeep<{
-          num: number;
-          user: User | null;
-          str: string;
-          SNum: number;
-          bool: boolean;
-          aaa_num: number;
-          aaa_num123: 123;
-          aaa_str: "a";
-          aaa_obj: Mock_User;
-        }>,
+        ReadonlyDeep<
+          {
+            num: number;
+            user: User | null;
+            str: string;
+            SNum: number;
+            bool: boolean;
+            aaa_num: number;
+            aaa_num123: 123;
+            aaa_str: "a";
+            aaa_obj: Mock_User;
+          } & IInjectData
+        >,
         Test.Pass
       >;
     },

package/src/api/SubComponent/SubData/test/normal.test.ts

@@ -2,6 +2,7 @@ import { Checking, type Test } from "hry-types";
 import type { ReadonlyDeep } from "hry-types/src/Any/_api";
 import type { ComponentDoc } from "../../../DefineComponent/ReturnType/ComponentDoc";
 
+import { IInjectData } from "../../../InstanceInject/instanceConfig";
 import type { Mock_User } from "../../../RootComponent/Properties/test/normalRequired.test";
 import { SubComponent } from "../..";
 
@@ -51,12 +52,14 @@ SubComponent<{}, CompDoc>()({
       // 4 this.data中的data配置数据
       Checking<
         typeof this.data,
-        ReadonlyDeep<{
-          aaa_str: "a";
-          aaa_num: 123;
-          aaa_obj: null;
-          _aaa_str: string;
-        }>,
+        ReadonlyDeep<
+          {
+            aaa_str: "a";
+            aaa_num: 123;
+            aaa_obj: null;
+            _aaa_str: string;
+          } & IInjectData
+        >,
         Test.Pass
       >;
     },

package/src/api/SubComponent/SubInstance/test/normal.test.ts

@@ -2,6 +2,7 @@ import { Checking, type Test } from "hry-types";
 import type { ReadonlyDeep } from "hry-types/src/Any/_api";
 import type { ComponentDoc } from "../../../DefineComponent/ReturnType/ComponentDoc";
 
+import { IInjectData } from "../../../InstanceInject/instanceConfig";
 import type { Mock_User } from "../../../RootComponent/Properties/test/normalRequired.test";
 import type { RootComponentDoc } from "../../../RootComponent/RootComponentDoc";
 import { SubComponent } from "../..";
@@ -57,17 +58,19 @@ SubComponent<RootDoc, CompDoc>()({
       // this.data
       Checking<
         typeof this.data,
-        ReadonlyDeep<{
-          // RootData
-          Pstr: string;
-          Pobj: Mock_User | null;
-          PoptionalObj: Mock_User;
-          Dnum: number;
-          Cnum: number;
-          // 自身Data
-          aaa_str: "str";
-          _aaa_SubReactive: 123;
-        }>,
+        ReadonlyDeep<
+          {
+            // RootData
+            Pstr: string;
+            Pobj: Mock_User | null;
+            PoptionalObj: Mock_User;
+            Dnum: number;
+            Cnum: number;
+            // 自身Data
+            aaa_str: "str";
+            _aaa_SubReactive: 123;
+          } & IInjectData
+        >,
         Test.Pass
       >;
 

package/src/api/SubComponent/SubWatch/SubWatchOption.ts

@@ -1,4 +1,3 @@
-import type { NoInfer } from "hry-types/src/Generic/NoInfer";
 import type { WatchOption } from "../../RootComponent/Watch/WatchOption";
 
-export type SubWatchOption<TWatchData extends object> = WatchOption<NoInfer<TWatchData>>;
+export type SubWatchOption<TWatchData extends object> = WatchOption<TWatchData>;