cnhis-design-vue 3.1.9-beta.1 → 3.1.9-beta.4

package/es/packages/form-render/src/FormRender.vue.d.ts

@@ -186,9 +186,9 @@ declare const _default: import("vue").DefineComponent<{
         onFormChange?: ((...args: any[]) => any) | undefined;
     }>>;
     emit: (event: "formChange", ...args: any[]) => void;
-    create: () => import("./hooks").BusinessCollector;
-    trigger: (collector: import("./hooks").BusinessCollector, formModel: import("@formily/core").Form<any>, fieldName: string, value: unknown) => void;
-    collector: import("./hooks").BusinessCollector;
+    businessCollector: import("./hooks").BusinessCollector;
+    changeContextCollector: import("./hooks").ContextCollector;
+    formItemDepsCollector: import("./hooks").FormItemDepsCollector;
     formModel: import("@formily/core").Form<{
         [x: string]: any;
     }>;
@@ -313,6 +313,270 @@ declare const _default: import("vue").DefineComponent<{
         form: any;
     }>;
     FormConsumer: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    NForm: import("vue").DefineComponent<{
+        readonly inline: BooleanConstructor;
+        readonly labelWidth: PropType<string | number>;
+        readonly labelAlign: PropType<import("naive-ui/es/form/src/interface").LabelAlign>;
+        readonly labelPlacement: {
+            readonly type: PropType<import("naive-ui/es/form/src/interface").LabelPlacement>;
+            readonly default: "top";
+        };
+        readonly model: {
+            readonly type: PropType<Record<string, any>>;
+            readonly default: () => void;
+        };
+        readonly rules: PropType<import("naive-ui").FormRules>;
+        readonly disabled: BooleanConstructor;
+        readonly size: PropType<import("naive-ui/es/form/src/interface").Size>;
+        readonly showRequireMark: {
+            readonly type: PropType<boolean | undefined>;
+            readonly default: undefined;
+        };
+        readonly requireMarkPlacement: PropType<"left" | "right" | "right-hanging">;
+        readonly showFeedback: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly onSubmit: {
+            readonly type: PropType<(e: Event) => void>;
+            readonly default: (e: Event) => void;
+        };
+        readonly showLabel: {
+            readonly type: PropType<boolean | undefined>;
+            readonly default: undefined;
+        };
+        readonly validateMessages: PropType<Partial<import("naive-ui/es/form/src/interface").FormValidateMessages>>;
+        readonly theme: PropType<import("naive-ui/es/_mixins").Theme<"Form", {
+            blankHeightSmall: string;
+            blankHeightMedium: string;
+            blankHeightLarge: string;
+            lineHeight: string;
+            labelTextColor: string;
+            asteriskColor: string;
+            feedbackTextColorError: string;
+            feedbackTextColorWarning: string;
+            feedbackTextColor: string;
+            feedbackPadding: string;
+            feedbackHeightSmall: string;
+            feedbackHeightMedium: string;
+            feedbackHeightLarge: string;
+            feedbackFontSizeSmall: string;
+            feedbackFontSizeMedium: string;
+            feedbackFontSizeLarge: string;
+            labelFontSizeLeftSmall: string;
+            labelFontSizeLeftMedium: string;
+            labelFontSizeLeftLarge: string;
+            labelFontSizeTopSmall: string;
+            labelFontSizeTopMedium: string;
+            labelFontSizeTopLarge: string;
+            labelHeightSmall: string;
+            labelHeightMedium: string;
+            labelHeightLarge: string;
+            labelPaddingVertical: string;
+            labelPaddingHorizontal: string;
+            labelTextAlignVertical: string;
+            labelTextAlignHorizontal: string;
+        }, any>>;
+        readonly themeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
+            blankHeightSmall: string;
+            blankHeightMedium: string;
+            blankHeightLarge: string;
+            lineHeight: string;
+            labelTextColor: string;
+            asteriskColor: string;
+            feedbackTextColorError: string;
+            feedbackTextColorWarning: string;
+            feedbackTextColor: string;
+            feedbackPadding: string;
+            feedbackHeightSmall: string;
+            feedbackHeightMedium: string;
+            feedbackHeightLarge: string;
+            feedbackFontSizeSmall: string;
+            feedbackFontSizeMedium: string;
+            feedbackFontSizeLarge: string;
+            labelFontSizeLeftSmall: string;
+            labelFontSizeLeftMedium: string;
+            labelFontSizeLeftLarge: string;
+            labelFontSizeTopSmall: string;
+            labelFontSizeTopMedium: string;
+            labelFontSizeTopLarge: string;
+            labelHeightSmall: string;
+            labelHeightMedium: string;
+            labelHeightLarge: string;
+            labelPaddingVertical: string;
+            labelPaddingHorizontal: string;
+            labelTextAlignVertical: string;
+            labelTextAlignHorizontal: string;
+        }, any>>>;
+        readonly builtinThemeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
+            blankHeightSmall: string;
+            blankHeightMedium: string;
+            blankHeightLarge: string;
+            lineHeight: string;
+            labelTextColor: string;
+            asteriskColor: string;
+            feedbackTextColorError: string;
+            feedbackTextColorWarning: string;
+            feedbackTextColor: string;
+            feedbackPadding: string;
+            feedbackHeightSmall: string;
+            feedbackHeightMedium: string;
+            feedbackHeightLarge: string;
+            feedbackFontSizeSmall: string;
+            feedbackFontSizeMedium: string;
+            feedbackFontSizeLarge: string;
+            labelFontSizeLeftSmall: string;
+            labelFontSizeLeftMedium: string;
+            labelFontSizeLeftLarge: string;
+            labelFontSizeTopSmall: string;
+            labelFontSizeTopMedium: string;
+            labelFontSizeTopLarge: string;
+            labelHeightSmall: string;
+            labelHeightMedium: string;
+            labelHeightLarge: string;
+            labelPaddingVertical: string;
+            labelPaddingHorizontal: string;
+            labelTextAlignVertical: string;
+            labelTextAlignHorizontal: string;
+        }, any>>>;
+    }, import("naive-ui").FormInst & {
+        mergedClsPrefix: import("vue").ComputedRef<string>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly inline: BooleanConstructor;
+        readonly labelWidth: PropType<string | number>;
+        readonly labelAlign: PropType<import("naive-ui/es/form/src/interface").LabelAlign>;
+        readonly labelPlacement: {
+            readonly type: PropType<import("naive-ui/es/form/src/interface").LabelPlacement>;
+            readonly default: "top";
+        };
+        readonly model: {
+            readonly type: PropType<Record<string, any>>;
+            readonly default: () => void;
+        };
+        readonly rules: PropType<import("naive-ui").FormRules>;
+        readonly disabled: BooleanConstructor;
+        readonly size: PropType<import("naive-ui/es/form/src/interface").Size>;
+        readonly showRequireMark: {
+            readonly type: PropType<boolean | undefined>;
+            readonly default: undefined;
+        };
+        readonly requireMarkPlacement: PropType<"left" | "right" | "right-hanging">;
+        readonly showFeedback: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly onSubmit: {
+            readonly type: PropType<(e: Event) => void>;
+            readonly default: (e: Event) => void;
+        };
+        readonly showLabel: {
+            readonly type: PropType<boolean | undefined>;
+            readonly default: undefined;
+        };
+        readonly validateMessages: PropType<Partial<import("naive-ui/es/form/src/interface").FormValidateMessages>>;
+        readonly theme: PropType<import("naive-ui/es/_mixins").Theme<"Form", {
+            blankHeightSmall: string;
+            blankHeightMedium: string;
+            blankHeightLarge: string;
+            lineHeight: string;
+            labelTextColor: string;
+            asteriskColor: string;
+            feedbackTextColorError: string;
+            feedbackTextColorWarning: string;
+            feedbackTextColor: string;
+            feedbackPadding: string;
+            feedbackHeightSmall: string;
+            feedbackHeightMedium: string;
+            feedbackHeightLarge: string;
+            feedbackFontSizeSmall: string;
+            feedbackFontSizeMedium: string;
+            feedbackFontSizeLarge: string;
+            labelFontSizeLeftSmall: string;
+            labelFontSizeLeftMedium: string;
+            labelFontSizeLeftLarge: string;
+            labelFontSizeTopSmall: string;
+            labelFontSizeTopMedium: string;
+            labelFontSizeTopLarge: string;
+            labelHeightSmall: string;
+            labelHeightMedium: string;
+            labelHeightLarge: string;
+            labelPaddingVertical: string;
+            labelPaddingHorizontal: string;
+            labelTextAlignVertical: string;
+            labelTextAlignHorizontal: string;
+        }, any>>;
+        readonly themeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
+            blankHeightSmall: string;
+            blankHeightMedium: string;
+            blankHeightLarge: string;
+            lineHeight: string;
+            labelTextColor: string;
+            asteriskColor: string;
+            feedbackTextColorError: string;
+            feedbackTextColorWarning: string;
+            feedbackTextColor: string;
+            feedbackPadding: string;
+            feedbackHeightSmall: string;
+            feedbackHeightMedium: string;
+            feedbackHeightLarge: string;
+            feedbackFontSizeSmall: string;
+            feedbackFontSizeMedium: string;
+            feedbackFontSizeLarge: string;
+            labelFontSizeLeftSmall: string;
+            labelFontSizeLeftMedium: string;
+            labelFontSizeLeftLarge: string;
+            labelFontSizeTopSmall: string;
+            labelFontSizeTopMedium: string;
+            labelFontSizeTopLarge: string;
+            labelHeightSmall: string;
+            labelHeightMedium: string;
+            labelHeightLarge: string;
+            labelPaddingVertical: string;
+            labelPaddingHorizontal: string;
+            labelTextAlignVertical: string;
+            labelTextAlignHorizontal: string;
+        }, any>>>;
+        readonly builtinThemeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Form", {
+            blankHeightSmall: string;
+            blankHeightMedium: string;
+            blankHeightLarge: string;
+            lineHeight: string;
+            labelTextColor: string;
+            asteriskColor: string;
+            feedbackTextColorError: string;
+            feedbackTextColorWarning: string;
+            feedbackTextColor: string;
+            feedbackPadding: string;
+            feedbackHeightSmall: string;
+            feedbackHeightMedium: string;
+            feedbackHeightLarge: string;
+            feedbackFontSizeSmall: string;
+            feedbackFontSizeMedium: string;
+            feedbackFontSizeLarge: string;
+            labelFontSizeLeftSmall: string;
+            labelFontSizeLeftMedium: string;
+            labelFontSizeLeftLarge: string;
+            labelFontSizeTopSmall: string;
+            labelFontSizeTopMedium: string;
+            labelFontSizeTopLarge: string;
+            labelHeightSmall: string;
+            labelHeightMedium: string;
+            labelHeightLarge: string;
+            labelPaddingVertical: string;
+            labelPaddingHorizontal: string;
+            labelTextAlignVertical: string;
+            labelTextAlignHorizontal: string;
+        }, any>>>;
+    }>>, {
+        readonly inline: boolean;
+        readonly disabled: boolean;
+        readonly onSubmit: (e: Event) => void;
+        readonly labelPlacement: import("naive-ui/es/form/src/interface").LabelPlacement;
+        readonly model: Record<string, any>;
+        readonly showRequireMark: boolean | undefined;
+        readonly showFeedback: boolean;
+        readonly showLabel: boolean | undefined;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formChange"[], "formChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     fieldList: {
         type: PropType<FieldItem[]>;

package/es/packages/form-render/src/FormRender.vue_vue_type_script_setup_true_lang.mjs

@@ -1,12 +1,15 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, renderSlot, createBlock, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
+import { defineComponent, provide, computed, openBlock, createBlock, unref, normalizeStyle, withCtx, createVNode, renderSlot, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
 import { injectOrProvide } from './utils/index.mjs';
 import { cloneDeep } from 'lodash-es';
-import { InjectionBusinessCollector, InjectAsyncQueue, InjectionSchemaField } from './constants/index.mjs';
+import { InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectAsyncQueue, InjectionSchemaField } from './constants/index.mjs';
 import * as index from './components/index.mjs';
 import { createForm, onFieldValueChange } from '@formily/core';
 import { FormProvider, FormConsumer, createSchemaField } from '@formily/vue';
+import { NForm } from 'naive-ui';
 import { useBusinessBinding } from './hooks/useBusinessBinding.mjs';
 import { useAsyncQueue } from './hooks/useAsyncQueue.mjs';
+import { useChangeContext } from './hooks/useChangeContext.mjs';
+import { useFormItemDeps } from './hooks/useFormItemDeps.mjs';
 import { useFieldVisitor } from './hooks/useFieldVisitor.mjs';
 import { useFieldList2Schema } from './hooks/useFieldList2Schema.mjs';
 
@@ -32,20 +35,27 @@ var script = /* @__PURE__ */ defineComponent({
   ],
   setup(__props, { expose, emit }) {
     const props = __props;
-    const { create, trigger } = useBusinessBinding();
-    const collector = injectOrProvide(InjectionBusinessCollector, create);
     injectOrProvide(InjectAsyncQueue, () => useAsyncQueue().create(props.parallelism));
+    const businessCollector = useBusinessBinding().create();
+    provide(InjectionBusinessCollector, businessCollector);
+    const changeContextCollector = useChangeContext().create();
+    provide(InjectionChangeContextCollector, changeContextCollector);
+    const formItemDepsCollector = useFormItemDeps().create();
+    provide(InjectionFormItemDepsCollector, formItemDepsCollector);
     const formModel = createForm({
       initialValues: props.initialData,
       effects() {
         onFieldValueChange("*", (field) => {
+          const fieldKey = field.props.name.toString();
           emit("formChange", {
             fieldInstance: field,
-            fieldKey: field.props.name,
+            fieldKey,
             fieldName: field.title,
-            value: field.value
+            value: field.value,
+            context: changeContextCollector.getContext(fieldKey)
           });
-          trigger(collector, formModel, field.props.name, field.value);
+          businessCollector.trigger(formModel, fieldKey, field.value);
+          formItemDepsCollector.trigger(fieldKey);
         });
       }
     });
@@ -54,11 +64,12 @@ var script = /* @__PURE__ */ defineComponent({
       scope: props.scope
     }).SchemaField);
     const { traverse } = useFieldVisitor();
-    const { transform } = useFieldList2Schema(collector);
+    const { transform } = useFieldList2Schema(businessCollector);
     const renderSchema = computed(() => {
       if (props.schema) {
         return props.schema;
-      } else if (props.fieldList) {
+      }
+      if (props.fieldList) {
         const _fieldList = traverse(cloneDeep(props.fieldList), props.fieldVisitor);
         return { type: "object", properties: transform(_fieldList) };
       }
@@ -75,25 +86,28 @@ var script = /* @__PURE__ */ defineComponent({
       setFieldState: formModel.setFieldState.bind(formModel)
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", {
+      return openBlock(), createBlock(unref(NForm), {
         class: "form-render__wrapper",
         style: normalizeStyle({ "--column": __props.column })
-      }, [
-        createVNode(unref(FormProvider), { form: unref(formModel) }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default", { schemaFiled: unref(SchemaField) }, () => [
-              createVNode(unref(SchemaField), { schema: unref(renderSchema) }, null, 8, ["schema"])
-            ]),
-            __props.consumer ? (openBlock(), createBlock(unref(FormConsumer), { key: 0 }, {
-              default: withCtx(({ form }) => [
-                createElementVNode("div", _hoisted_1, toDisplayString(JSON.stringify(form.values, null, 2)), 1)
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(FormProvider), { form: unref(formModel) }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default", { schemaFiled: unref(SchemaField) }, () => [
+                createVNode(unref(SchemaField), { schema: unref(renderSchema) }, null, 8, ["schema"])
               ]),
-              _: 1
-            })) : createCommentVNode("v-if", true)
-          ]),
-          _: 3
-        }, 8, ["form"])
-      ], 4);
+              __props.consumer ? (openBlock(), createBlock(unref(FormConsumer), { key: 0 }, {
+                default: withCtx(({ form }) => [
+                  createElementVNode("div", _hoisted_1, toDisplayString(JSON.stringify(form.values, null, 2)), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true)
+            ]),
+            _: 3
+          }, 8, ["form"])
+        ]),
+        _: 3
+      }, 8, ["style"]);
     };
   }
 });

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

@@ -1,10 +1,14 @@
-import { AnyObject } from 'cnhis-design-vue/es/src/types';
+import { AnyObject, ArrayAble } from 'cnhis-design-vue/es/src/types';
 import { FormRequestType } from '../types';
 import { PropType } from 'vue';
+declare type DependKeyObj = {
+    paramName: string;
+    paramValue: string;
+};
 declare type UrlConfig = {
     method: FormRequestType;
     nameKey: string;
-    dependKey: string;
+    dependKey: ArrayAble<string> | ArrayAble<DependKeyObj>;
     url: string;
     valueKey: string;
 };

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, inject, computed, watch, createVNode } from 'vue';
+import { isObject, isString } from 'lodash-es';
 import { InjectAsyncQueue } from '../constants/index.mjs';
-import { assignUpdateValue, formRenderLog } from '../utils/index.mjs';
-import { isObject } from '@vueuse/core';
+import { assignUpdateValue, formRenderLog, arrayed } from '../utils/index.mjs';
 import { connect, mapProps } from '@formily/vue';
 import { NCascader } from 'naive-ui';
 import { useFormField } from '../hooks/useFormField.mjs';
@@ -52,11 +52,17 @@ const script = defineComponent({
         lvlnr: parentDepth + 1 + ""
       };
       if (option) {
-        if (!props.urlConfig.dependKey) {
-          formRenderLog(`invalid urlConfig.dependKey ${props.urlConfig.dependKey} in CASCADER => ${title.value}`, "warn");
+        if (!config.dependKey) {
+          formRenderLog(`invalid urlConfig.dependKey ${config.dependKey} in CASCADER => ${title.value}`, "warn");
           return;
         }
-        params[props.urlConfig.dependKey] = option[config.valueKey];
+        arrayed(config.dependKey).forEach((key) => {
+          if (isString(key)) {
+            params[key] = option[config.valueKey];
+          } else if (isObject(key)) {
+            params[key.paramName] = option[key.paramValue];
+          }
+        });
       }
       const data = await asyncQueue.addAsync({
         ...config,
@@ -77,7 +83,7 @@ const script = defineComponent({
     const renderOptions = computed(() => {
       return _options.value || props.options || [];
     });
-    watch(() => attrs.value, (n, o) => {
+    watch(() => props.value, (n, o) => {
       if (n != null && o == null) {
         fetchData();
       }

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

@@ -3,11 +3,16 @@ 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[];
@@ -18,7 +23,10 @@ export declare const SELECT: import("vue").DefineComponent<{
     onChange: {
         type: FunctionConstructor;
     };
-}, () => 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<{
+}, () => 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[];
@@ -29,7 +37,9 @@ export declare const SELECT: import("vue").DefineComponent<{
     onChange: {
         type: FunctionConstructor;
     };
-}>>, {
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
     options: AnyObject[];
 }>;
 export {};

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

@@ -1,6 +1,7 @@
 import { defineComponent, ref, inject, computed, watch, createVNode } from 'vue';
-import { InjectAsyncQueue } from '../constants/index.mjs';
-import { assignUpdateValue, formRenderLog } from '../utils/index.mjs';
+import { cloneDeep } from 'lodash-es';
+import { InjectAsyncQueue, InjectionFormItemDepsCollector, InjectionChangeContextCollector } from '../constants/index.mjs';
+import { assignUpdateValue, formRenderLog, generateUrlParams } from '../utils/index.mjs';
 import { isObject } from '@vueuse/core';
 import { connect, mapProps } from '@formily/vue';
 import { NSelect } from 'naive-ui';
@@ -9,6 +10,9 @@ import { useFormField } from '../hooks/useFormField.mjs';
 const script = defineComponent({
   name: "FormSelect",
   props: {
+    value: {
+      type: String
+    },
     options: {
       type: Array,
       default: () => []
@@ -20,21 +24,32 @@ const script = defineComponent({
       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;
@@ -44,19 +59,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;
@@ -67,30 +80,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, {
-        "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/constants/index.d.ts

@@ -1,9 +1,12 @@
-import { BusinessCollector } from '../hooks';
+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",