cnhis-design-vue 3.1.5-beta.10 → 3.1.5-beta.13

package/es/packages/form-render/src/components/inputNumber2.mjs

@@ -1,7 +1,18 @@
+import { defineComponent, createVNode } from 'vue';
 import { assignUpdateValue } from '../utils/index2.mjs';
 import { connect, mapProps } from '@formily/vue';
 import { NInputNumber } from 'naive-ui';
 
-const INPUT_NUMBER = connect(NInputNumber, mapProps(assignUpdateValue));
+const script = defineComponent({
+  props: {
+    onChange: {}
+  },
+  setup(_) {
+    return () => {
+      return createVNode(NInputNumber, null, null);
+    };
+  }
+});
+const INPUT_NUMBER = connect(script, mapProps(assignUpdateValue));
 
 export { INPUT_NUMBER };

package/es/packages/form-render/src/components/select.d.ts

@@ -1,13 +1,18 @@
 import { AnyObject } from 'cnhis-design-vue/es/src/types';
-import { FormRequestType } from "../types";
-import { PropType } from "vue";
+import { FormRequestType } from '../types';
+import { PropType } from 'vue';
 declare type UrlConfig = {
     method: FormRequestType;
+    dependKey?: string | string[];
     nameKey: string;
     url: string;
+    params?: AnyObject;
     valueKey: string;
 };
 export declare const SELECT: import("vue").DefineComponent<{
+    value: {
+        type: StringConstructor;
+    };
     options: {
         type: PropType<AnyObject[]>;
         default: () => never[];
@@ -15,7 +20,13 @@ export declare const SELECT: import("vue").DefineComponent<{
     urlConfig: {
         type: PropType<UrlConfig>;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    onChange: {
+        type: FunctionConstructor;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+    };
     options: {
         type: PropType<AnyObject[]>;
         default: () => never[];
@@ -23,7 +34,12 @@ export declare const SELECT: import("vue").DefineComponent<{
     urlConfig: {
         type: PropType<UrlConfig>;
     };
-}>>, {
+    onChange: {
+        type: FunctionConstructor;
+    };
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
     options: AnyObject[];
 }>;
 export {};

package/es/packages/form-render/src/components/select2.mjs

@@ -1,37 +1,56 @@
-import { defineComponent, ref, inject, computed, watch, createVNode, mergeProps } from 'vue';
-import { InjectAsyncQueue } from '../constants/index2.mjs';
-import { assignUpdateValue, formRenderLog } from '../utils/index2.mjs';
+import { defineComponent, ref, inject, computed, watch, createVNode } from 'vue';
+import { cloneDeep } from 'lodash-es';
+import { InjectAsyncQueue, InjectionFormItemDepsCollector, InjectionChangeContextCollector } from '../constants/index2.mjs';
+import { assignUpdateValue, formRenderLog, generateUrlParams } from '../utils/index2.mjs';
 import { isObject } from '@vueuse/core';
 import { useFormField } from '../hooks/useFormField2.mjs';
+import 'cnhis-design-vue/es/packages/form-render/src/utils';
 import { connect, mapProps } from '@formily/vue';
 import { NSelect } from 'naive-ui';
 
 const script = defineComponent({
   name: "FormSelect",
   props: {
+    value: {
+      type: String
+    },
     options: {
       type: Array,
       default: () => []
     },
     urlConfig: {
       type: Object
+    },
+    onChange: {
+      type: Function
     }
   },
+  emits: ["update:value"],
   setup(props, {
     slots,
-    attrs
+    emit
   }) {
     const _options = ref(null);
     let cachedOptions = null;
-    let lastSearch;
+    let lastSearch = ref("");
     const asyncQueue = inject(InjectAsyncQueue);
     const {
-      title
+      title,
+      field,
+      fieldKey
     } = useFormField();
+    function filterOption(options, searchContent) {
+      return options.filter((option) => {
+        return !searchContent || String(option[labelKey.value]).includes(searchContent);
+      });
+    }
     async function fetchData(content) {
-      if (content === lastSearch && cachedOptions)
-        return;
-      lastSearch = content;
+      if (content === lastSearch.value) {
+        if (cachedOptions)
+          return;
+      } else {
+        lastSearch.value = content || "";
+      }
       const config = props.urlConfig;
       if (!config) {
         return cachedOptions = _options.value = null;
@@ -41,19 +60,17 @@ const script = defineComponent({
         return cachedOptions = _options.value = null;
       }
       if (cachedOptions) {
-        return _options.value = cachedOptions.filter((option) => {
-          var _a;
-          return !content || ((_a = option[config.nameKey]) == null ? void 0 : _a.includes(content));
-        });
+        return _options.value = filterOption(cachedOptions, content);
       }
       try {
         const data = await asyncQueue.addAsync({
           ...config,
-          key: title.value
+          key: title.value,
+          params: Object.assign({}, config.params, generateUrlParams(field.value, config.dependKey))
         });
         _options.value = data.reduce((res, d) => {
           var _a;
-          if (((_a = d[config.nameKey]) == null ? void 0 : _a.includes(content)) || !content) {
+          if (((_a = d[labelKey.value]) == null ? void 0 : _a.includes(content)) || !content) {
             res.push(d);
           }
           return res;
@@ -64,30 +81,53 @@ const script = defineComponent({
       }
     }
     const renderOptions = computed(() => {
-      return _options.value || props.options || [];
+      if (_options.value)
+        return _options.value;
+      if (!Array.isArray(props.options))
+        return [];
+      return filterOption(props.options, lastSearch.value);
     });
-    watch(() => props.urlConfig, () => {
+    const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
+    watch(() => props.urlConfig, (config) => {
       cachedOptions = null;
+      config && formItemDepsCollector.setDeps(fieldKey.value, config.dependKey || [], () => {
+        cachedOptions = null;
+        props.value && fetchData();
+      });
+    }, {
+      immediate: true
     });
-    watch(() => attrs.value, (n, o) => {
+    watch(() => props.value, (n, o) => {
       if (o == null && n != null) {
         fetchData();
       }
     }, {
       immediate: true
     });
-    return () => {
-      var _a, _b, _c, _d;
-      return createVNode(NSelect, mergeProps(attrs, {
-        "remote": true,
-        "filterable": true,
-        "labelField": (_b = (_a = props.urlConfig) == null ? void 0 : _a.nameKey) != null ? _b : "text",
-        "valueField": (_d = (_c = props.urlConfig) == null ? void 0 : _c.valueKey) != null ? _d : "value",
-        "onSearch": fetchData,
-        "onUpdate:show": (show) => show && fetchData(),
-        "options": renderOptions.value
-      }), slots);
-    };
+    const changeContextCollector = inject(InjectionChangeContextCollector);
+    function update(v, option) {
+      changeContextCollector == null ? void 0 : changeContextCollector.setContext(fieldKey.value, "currentOption", cloneDeep(option));
+      emit("update:value", v);
+    }
+    const labelKey = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.urlConfig) == null ? void 0 : _a.nameKey) != null ? _b : "text";
+    });
+    const valueKey = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.urlConfig) == null ? void 0 : _a.valueKey) != null ? _b : "value";
+    });
+    return () => createVNode(NSelect, {
+      "value": props.value,
+      "onUpdate:value": update,
+      "remote": true,
+      "filterable": true,
+      "labelField": labelKey.value,
+      "valueField": valueKey.value,
+      "onSearch": fetchData,
+      "onUpdate:show": (show) => show && fetchData(),
+      "options": renderOptions.value
+    }, slots);
   }
 });
 const SELECT = connect(script, mapProps({

package/es/packages/form-render/src/components/switch.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from "vue";
+import { PropType } from 'vue';
 interface Description {
     value: string;
     describe: string;
@@ -10,6 +10,7 @@ export declare const SWITCH: import("vue").DefineComponent<{
     closeDescription: {
         type: PropType<Description>;
     };
+    onChange: {};
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     openDescription: {
         type: PropType<Description>;
@@ -17,5 +18,6 @@ export declare const SWITCH: import("vue").DefineComponent<{
     closeDescription: {
         type: PropType<Description>;
     };
+    onChange: {};
 }>>, {}>;
 export {};

package/es/packages/form-render/src/components/switch2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createVNode, mergeProps, createTextVNode } from 'vue';
+import { defineComponent, computed, createVNode, createTextVNode } from 'vue';
 import { NSwitch } from 'naive-ui';
 import { assignUpdateValue } from '../utils/index2.mjs';
 import { connect, mapProps } from '@formily/vue';
@@ -11,11 +11,10 @@ const script = defineComponent({
     },
     closeDescription: {
       type: Object
-    }
+    },
+    onChange: {}
   },
-  setup(props, {
-    attrs
-  }) {
+  setup(props) {
     return () => {
       const checkedValue = computed(() => {
         var _a, _b;
@@ -33,10 +32,10 @@ const script = defineComponent({
         var _a, _b;
         return createTextVNode((_b = (_a = props.closeDescription) == null ? void 0 : _a.describe) != null ? _b : "");
       };
-      return createVNode(NSwitch, mergeProps(attrs, {
+      return createVNode(NSwitch, {
         "checkedValue": checkedValue.value,
         "uncheckedValue": uncheckedValue.value
-      }), {
+      }, {
         checked,
         unchecked
       });

package/es/packages/form-render/src/constants/index.d.ts

@@ -1,9 +1,12 @@
-import { BusinessCollector } from "../hooks";
-import { FormAsyncQueue } from "../types";
-import { Component, InjectionKey } from "vue";
+import { ContextCollector } from 'cnhis-design-vue/es/packages/form-render/src/hooks/useChangeContext';
+import { BusinessCollector, FormItemDepsCollector } from '../hooks';
+import { FormAsyncQueue } from '../types';
+import { Component, InjectionKey } from 'vue';
 export declare const InjectAsyncQueue: InjectionKey<FormAsyncQueue>;
 export declare const InjectionSchemaField: InjectionKey<Component>;
 export declare const InjectionBusinessCollector: InjectionKey<BusinessCollector>;
+export declare const InjectionChangeContextCollector: InjectionKey<ContextCollector>;
+export declare const InjectionFormItemDepsCollector: InjectionKey<FormItemDepsCollector>;
 export declare enum FIELD_BUSINESS_TYPE {
     PASSWORD = "password",
     ID_CARD = "id_card",
@@ -11,6 +14,8 @@ export declare enum FIELD_BUSINESS_TYPE {
     MOBILE = "mobile",
     TELEPHONE = "telephone",
     EMAIL = "email",
+    SEX = "sex",
+    BIRTHDAY = "birthday",
     BANK_CARD = "bank_card",
     WEBSITE = "website",
     GESTATIONAL_WEEKS = "gestational_weeks",

package/es/packages/form-render/src/constants/index.mjs

@@ -1 +1 @@
-export { FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, InjectAsyncQueue, InjectionBusinessCollector, InjectionSchemaField } from './index2.mjs';
+export { FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, InjectAsyncQueue, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionSchemaField } from './index2.mjs';

package/es/packages/form-render/src/constants/index2.mjs

@@ -1,6 +1,8 @@
 const InjectAsyncQueue = Symbol("InjectAsyncQueue");
 const InjectionSchemaField = Symbol("InjectionSchemaField");
 const InjectionBusinessCollector = Symbol("InjectionBusinessCollector");
+const InjectionChangeContextCollector = Symbol("InjectionChangeContextCollector");
+const InjectionFormItemDepsCollector = Symbol("InjectionFormItemDepsCollector");
 var FIELD_BUSINESS_TYPE = /* @__PURE__ */ ((FIELD_BUSINESS_TYPE2) => {
   FIELD_BUSINESS_TYPE2["PASSWORD"] = "password";
   FIELD_BUSINESS_TYPE2["ID_CARD"] = "id_card";
@@ -8,6 +10,8 @@ var FIELD_BUSINESS_TYPE = /* @__PURE__ */ ((FIELD_BUSINESS_TYPE2) => {
   FIELD_BUSINESS_TYPE2["MOBILE"] = "mobile";
   FIELD_BUSINESS_TYPE2["TELEPHONE"] = "telephone";
   FIELD_BUSINESS_TYPE2["EMAIL"] = "email";
+  FIELD_BUSINESS_TYPE2["SEX"] = "sex";
+  FIELD_BUSINESS_TYPE2["BIRTHDAY"] = "birthday";
   FIELD_BUSINESS_TYPE2["BANK_CARD"] = "bank_card";
   FIELD_BUSINESS_TYPE2["WEBSITE"] = "website";
   FIELD_BUSINESS_TYPE2["GESTATIONAL_WEEKS"] = "gestational_weeks";
@@ -21,4 +25,4 @@ var FIELD_SEX_VALUE = /* @__PURE__ */ ((FIELD_SEX_VALUE2) => {
   return FIELD_SEX_VALUE2;
 })(FIELD_SEX_VALUE || {});
 
-export { FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, InjectAsyncQueue, InjectionBusinessCollector, InjectionSchemaField };
+export { FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, InjectAsyncQueue, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionSchemaField };

package/es/packages/form-render/src/hooks/index.d.ts

@@ -1,9 +1,11 @@
-export * from "./useFieldList2Schema";
-export * from "./useFormRequest";
-export * from "./useCommonLog";
-export * from "./useFormField";
-export * from "./useAsyncQueue";
-export * from "./useFieldVisitor";
-export * from "./useTypeNormalize";
-export * from "./useFormValidator";
-export * from "./useBusinessBinding";
+export * from './useFieldList2Schema';
+export * from './useFormRequest';
+export * from './useCommonLog';
+export * from './useFormField';
+export * from './useAsyncQueue';
+export * from './useFieldVisitor';
+export * from './useTypeNormalize';
+export * from './useFormValidator';
+export * from './useBusinessBinding';
+export * from './useChangeContext';
+export * from './useFormItemDeps';

package/es/packages/form-render/src/hooks/index.mjs

@@ -7,3 +7,5 @@ export { useFieldVisitor } from './useFieldVisitor2.mjs';
 export { useTypeNormalize } from './useTypeNormalize2.mjs';
 export { useFormValidator } from './useFormValidator2.mjs';
 export { BusinessCollector, useBusinessBinding } from './useBusinessBinding2.mjs';
+export { ContextCollector, useChangeContext } from './useChangeContext2.mjs';
+export { FormItemDepsCollector, useFormItemDeps } from './useFormItemDeps2.mjs';

package/es/packages/form-render/src/hooks/useAsyncQueue.d.ts

@@ -1,27 +1,7 @@
-import { FormAsyncQueueItem } from "../types";
-declare enum ENTRY_STATE {
-    PENDING = 0,
-    DONE = 1
-}
+import { FormAsyncQueueItem } from '../types';
 interface EntryCallback {
     (err?: any, result?: any): void;
 }
-declare class AsyncQueueEntry<K = any> {
-    key: K;
-    item: any;
-    state: ENTRY_STATE;
-    callback?: EntryCallback;
-    callbacks?: EntryCallback[];
-    result?: any;
-    error?: any;
-    constructor(item: any, key: K, callback: EntryCallback);
-}
-declare class ArrayQueue<K = any> {
-    _list: AsyncQueueEntry<K>[];
-    constructor(items?: AsyncQueueEntry<K>[]);
-    enqueue(item: AsyncQueueEntry<K>): void;
-    dequeue(): AsyncQueueEntry<K> | undefined;
-}
 interface Processor<T, R = any> {
     (item: T, cb: (err?: any, result?: R) => void, removeCache: () => void): void;
 }
@@ -35,21 +15,21 @@ interface AsyncQueueOptions<T = any, K = any> {
  * @constructor 并发控制器
  */
 export declare class AsyncQueue<T = any, K = any, R = any> {
-    name: string;
-    processor: Processor<T, R>;
-    getKey: AsyncQueueOptions<T, K>["getKey"];
-    parallelism: number;
-    _queued: ArrayQueue<K>;
-    _entries: Map<K, AsyncQueueEntry<K>>;
-    _activeTasks: number;
-    _processingLock: boolean;
-    _stopped: boolean;
+    readonly name: string;
+    private readonly processor;
+    private readonly getKey;
+    private readonly parallelism;
+    private readonly _queued;
+    private readonly _entries;
+    private _activeTasks;
+    private _processingLock;
+    private _stopped;
     constructor({ name, processor, getKey, parallelism }: AsyncQueueOptions<T>);
     add(item: T, callback: EntryCallback): void;
     addAsync(item: T): Promise<R>;
-    _ensureProcessing(): void;
-    _startProcess(entry: AsyncQueueEntry): void;
-    _handlerResult(entry: AsyncQueueEntry, e?: any, r?: any): void;
+    private _ensureProcessing;
+    private _startProcess;
+    private _handlerResult;
 }
 export declare function useAsyncQueue(): {
     create: (parallelism?: number) => AsyncQueue<FormAsyncQueueItem, any, {

package/es/packages/form-render/src/hooks/useBusinessBinding.d.ts

@@ -1,13 +1,15 @@
-import { Form } from "@formily/core";
-import { FIELD_BUSINESS_TYPE } from "../constants";
+import { Form } from '@formily/core';
+import { FIELD_BUSINESS_TYPE } from '../constants';
 export declare class BusinessCollector {
-    typeCollector: Map<FIELD_BUSINESS_TYPE, Set<string>>;
-    fieldNameCollector: Map<string, FIELD_BUSINESS_TYPE>;
+    private readonly typeCollector;
+    private readonly fieldNameCollector;
     collect(type: FIELD_BUSINESS_TYPE, fieldName: string): void;
     getField(type: FIELD_BUSINESS_TYPE): string[];
     getType(fieldName: string): FIELD_BUSINESS_TYPE | undefined;
+    handlerIdCardType(formModel: Form, value: unknown): void;
+    handlerMap: Map<FIELD_BUSINESS_TYPE, (formModel: Form, value: unknown) => void>;
+    trigger(formModel: Form, fieldName: string, value: unknown): void;
 }
 export declare function useBusinessBinding(): {
     create: () => BusinessCollector;
-    trigger: (collector: BusinessCollector, formModel: Form, fieldName: string, value: unknown) => void;
 };

package/es/packages/form-render/src/hooks/useBusinessBinding2.mjs

@@ -6,6 +6,7 @@ class BusinessCollector {
   constructor() {
     this.typeCollector = /* @__PURE__ */ new Map();
     this.fieldNameCollector = /* @__PURE__ */ new Map();
+    this.handlerMap = /* @__PURE__ */ new Map([[FIELD_BUSINESS_TYPE.ID_CARD, this.handlerIdCardType.bind(this)]]);
   }
   collect(type, fieldName) {
     const set = this.typeCollector.get(type) || /* @__PURE__ */ new Set();
@@ -19,30 +20,41 @@ class BusinessCollector {
   getType(fieldName) {
     return this.fieldNameCollector.get(fieldName);
   }
-}
-function useBusinessBinding() {
-  function create() {
-    return new BusinessCollector();
-  }
-  function handlerIdCardType(formModel, collector, value) {
+  handlerIdCardType(formModel, value) {
     if (!value || !isString(value) || !isIdCard(value))
       return;
     const info = parseIdCard(value);
-    const ageFields = collector.getField(FIELD_BUSINESS_TYPE.AGE);
+    const ageFields = this.getField(FIELD_BUSINESS_TYPE.AGE);
     ageFields.forEach((field) => {
       formModel.setFieldState(field, (state) => {
         state.value = info.age;
       });
     });
+    const sexFields = this.getField(FIELD_BUSINESS_TYPE.SEX);
+    sexFields.forEach((field) => {
+      formModel.setFieldState(field, (state) => {
+        state.value = info.sex;
+      });
+    });
+    const birthdayFields = this.getField(FIELD_BUSINESS_TYPE.BIRTHDAY);
+    birthdayFields.forEach((field) => {
+      formModel.setFieldState(field, (state) => {
+        state.value = info.birthday;
+      });
+    });
   }
-  const handlerMap = /* @__PURE__ */ new Map([[FIELD_BUSINESS_TYPE.ID_CARD, handlerIdCardType]]);
-  function trigger(collector, formModel, fieldName, value) {
-    const type = collector.fieldNameCollector.get(fieldName);
-    if (!type || !handlerMap.has(type))
+  trigger(formModel, fieldName, value) {
+    const type = this.getType(fieldName);
+    if (!type || !this.handlerMap.has(type))
       return;
-    handlerMap.get(type)(formModel, collector, value);
+    this.handlerMap.get(type)(formModel, value);
+  }
+}
+function useBusinessBinding() {
+  function create() {
+    return new BusinessCollector();
   }
-  return { create, trigger };
+  return { create };
 }
 
 export { BusinessCollector, useBusinessBinding };

package/es/packages/form-render/src/hooks/useChangeContext.d.ts

@@ -0,0 +1,11 @@
+import { FormChangeContext } from 'cnhis-design-vue/es/packages/form-render';
+export declare class ContextCollector {
+    private readonly contextMap;
+    setContext(key: string, prop: keyof FormChangeContext, value: any): void;
+    getContext(key: string): Partial<{
+        currentOption: import("../../../../src/types").AnyObject;
+    }>;
+}
+export declare function useChangeContext(): {
+    create: () => ContextCollector;
+};

package/es/packages/form-render/src/hooks/useChangeContext.mjs

@@ -0,0 +1 @@
+export { ContextCollector, useChangeContext } from './useChangeContext2.mjs';

package/es/packages/form-render/src/hooks/useChangeContext2.mjs

@@ -0,0 +1,21 @@
+class ContextCollector {
+  constructor() {
+    this.contextMap = /* @__PURE__ */ new Map();
+  }
+  setContext(key, prop, value) {
+    const context = this.contextMap.get(key) || {};
+    Reflect.set(context, prop, value);
+    this.contextMap.set(key, context);
+  }
+  getContext(key) {
+    return this.contextMap.get(key) || {};
+  }
+}
+function useChangeContext() {
+  function create() {
+    return new ContextCollector();
+  }
+  return { create };
+}
+
+export { ContextCollector, useChangeContext };

package/es/packages/form-render/src/hooks/useFieldList2Schema2.mjs

@@ -109,6 +109,7 @@ function useFieldList2Schema(collector) {
   };
   const createCustomSchema = (item) => {
     const schema = createStandardSchema(item);
+    item.fieldType && (schema.type = item.fieldType);
     Object.assign(schema["x-component-props"], {
       fieldItem: item
     });
@@ -126,6 +127,13 @@ function useFieldList2Schema(collector) {
       }
     };
   };
+  const createComplexSchema = (item) => {
+    const schema = createStandardSchema(item);
+    const properties = Array.isArray(item.properties) ? transform(item.properties) : {};
+    schema.type = item.fieldType || "void";
+    schema.properties = properties;
+    return schema;
+  };
   const creatorMap = /* @__PURE__ */ new Map([
     ["LINEBAR", createCollapseSchema],
     ["INPUT", createInputSchema],
@@ -137,7 +145,8 @@ function useFieldList2Schema(collector) {
     ["RADIO", createRadioSchema],
     ["CHECKBOX", createRadioSchema],
     ["SWITCH", createSwitchSchema],
-    ["SLIDER", createSliderSchema]
+    ["SLIDER", createSliderSchema],
+    ["COMPLEX", createComplexSchema]
   ]);
   const createWidgetSchema = (item) => {
     if (item.suffixConfig)

package/es/packages/form-render/src/hooks/useFormField.d.ts

@@ -1,4 +1,5 @@
 export declare function useFormField(): {
     field: import("vue").Ref<import("@formily/core").GeneralField>;
     title: import("vue").ComputedRef<any>;
+    fieldKey: import("vue").ComputedRef<string>;
 };

package/es/packages/form-render/src/hooks/useFormField2.mjs

@@ -3,7 +3,13 @@ import { computed } from 'vue';
 
 function useFormField() {
   const field = useField();
-  return { field, title: computed(() => field.value.title) };
+  return {
+    field,
+    title: computed(() => field.value.title),
+    fieldKey: computed(() => {
+      return field.value.props.name.toString();
+    })
+  };
 }
 
 export { useFormField };

package/es/packages/form-render/src/hooks/useFormItemDeps.d.ts

@@ -0,0 +1,8 @@
+export declare class FormItemDepsCollector {
+    private readonly collector;
+    setDeps(key: string, dependKey: string | string[], callback: Function): void;
+    trigger(dependKey: string): void;
+}
+export declare function useFormItemDeps(): {
+    create: () => FormItemDepsCollector;
+};

package/es/packages/form-render/src/hooks/useFormItemDeps.mjs

@@ -0,0 +1 @@
+export { FormItemDepsCollector, useFormItemDeps } from './useFormItemDeps2.mjs';

package/es/packages/form-render/src/hooks/useFormItemDeps2.mjs

@@ -0,0 +1,29 @@
+import { arrayed } from 'cnhis-design-vue/es/packages/form-render/src/utils';
+
+class FormItemDepsCollector {
+  constructor() {
+    this.collector = /* @__PURE__ */ new Map();
+  }
+  setDeps(key, dependKey, callback) {
+    dependKey = arrayed(dependKey);
+    dependKey.forEach((dependKey2) => {
+      const map = this.collector.get(dependKey2) || /* @__PURE__ */ new Map();
+      map.set(key, callback);
+      this.collector.set(dependKey2, map);
+    });
+  }
+  trigger(dependKey) {
+    const map = this.collector.get(dependKey);
+    map && map.forEach((cb) => {
+      typeof cb === "function" && cb();
+    });
+  }
+}
+function useFormItemDeps() {
+  function create() {
+    return new FormItemDepsCollector();
+  }
+  return { create };
+}
+
+export { FormItemDepsCollector, useFormItemDeps };