cnhis-design-vue 3.1.14-beta.0 → 3.1.14-beta.11

package/es/packages/form-render/src/components/renderer/cascader.js

@@ -1,8 +1,8 @@
 import { defineComponent, ref, inject, computed, watch, createVNode } from 'vue';
 import { isField } from '@formily/core';
-import { isObject, isString } from 'lodash-es';
+import { isEqual } from 'lodash-es';
 import { InjectAsyncQueue } from '../../constants/index.js';
-import { assignUpdateValue, formRenderLog, arrayed } from '../../utils/index.js';
+import { assignUpdateValue, traverseDependKey } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { NCascader } from 'naive-ui';
 import { useFormField } from '../../hooks/useFormField.js';
@@ -14,7 +14,7 @@ const script = defineComponent({
       type: Array,
       default: () => []
     },
-    deep: {
+    depth: {
       type: [Number, String],
       required: true
     },
@@ -32,59 +32,41 @@ const script = defineComponent({
     slots,
     emit
   }) {
-    const _options = ref(null);
+    const remoteOptions = ref(null);
     const asyncQueue = inject(InjectAsyncQueue);
     const {
       field,
       title
     } = useFormField();
     async function fetchData(option) {
-      if (!option && _options.value)
+      if (!option && remoteOptions.value)
         return;
-      const config = props.urlConfig;
-      if (!config)
+      if (!configFor(props))
         return;
-      if (!isObject(config)) {
-        formRenderLog(`invalid urlConfig (${config}) in CASCADER => ${title.value}`, "warn");
+      if (deepFor(option) + 1 >= deepFor(props))
         return;
-      }
-      if (deepFor(option) + 1 >= props.deep)
-        return;
-      let data = await asyncQueue.addAsync({
-        ...createRequestParams(deepFor(option), config, option),
-        key: title.value
-      });
-      if (!Array.isArray(data)) {
-        data = [];
-      }
-      if (!data.length && isObject(option)) {
+      const data = await asyncQueue.addAsync(createRequestParams(deepFor(option), configFor(props), title.value, option));
+      if (!data.length && option) {
         option.isLeaf = true;
         updateValue(null, null, getOptionChain(option));
         show.value = false;
         return;
       }
       const result = data.map((item) => optionNormalize(item, deepFor(option)));
-      option ? option.children = result : _options.value = result;
-      function deepFor(option2) {
-        var _a;
-        return (_a = option2 == null ? void 0 : option2.depth) != null ? _a : -1;
-      }
-      function createRequestParams(deep, config2, option2) {
+      option ? option.children = result : remoteOptions.value = result;
+      function createRequestParams(deep, config, key, option2) {
         const params = {
           lvlnr: deep + 1 + ""
         };
-        if (option2 && config2.dependKey) {
-          arrayed(config2.dependKey).forEach((key) => {
-            if (isString(key)) {
-              params[key] = option2[valueKey.value];
-            } else if (isObject(key)) {
-              params[key.paramName] = option2[key.paramValue];
-            }
+        if (option2 && config.dependKey) {
+          traverseDependKey(config.dependKey, (dependKey, valueKey2) => {
+            params[valueKey2] = option2[dependKey];
           });
         }
         return {
           params,
-          ...config2
+          ...config,
+          key
         };
       }
       function getOptionChain(option2) {
@@ -96,30 +78,39 @@ const script = defineComponent({
         }
         return result2;
       }
-      function optionNormalize(data2, deep) {
+      function optionNormalize(data2, depth) {
         return {
           [labelKey.value]: data2[labelKey.value],
           [valueKey.value]: data2[valueKey.value],
-          depth: deep + 1,
+          depth: depth + 1,
           parent: option,
-          isLeaf: deep + 2 >= props.deep
+          isLeaf: depth + 2 >= deepFor(props)
         };
       }
+      function configFor(target) {
+        return target.urlConfig;
+      }
+      function deepFor(target) {
+        var _a;
+        return (_a = target == null ? void 0 : target.depth) != null ? _a : -1;
+      }
     }
-    const renderOptions = computed(() => {
-      return _options.value || props.options || [];
+    const parsedOptions = computed(() => {
+      return remoteOptions.value || props.options || [];
     });
     watch(() => props.value, (n, o) => {
       var _a, _b;
-      if (n != null && o == null) {
-        fetchData();
-      }
-      if (isField(field.value) && field.value.visited) {
-        (_b = (_a = field.value).validate) == null ? void 0 : _b.call(_a);
-      }
+      n != null && o == null && fetchData();
+      isField(field.value) && field.value.visited && ((_b = (_a = field.value).validate) == null ? void 0 : _b.call(_a));
     }, {
       immediate: true
     });
+    watch(() => props.urlConfig, async (config, oldConfig) => {
+      if (isEqual(config, oldConfig))
+        return;
+      remoteOptions.value = null;
+      await fetchData();
+    });
     const labelKey = computed(() => {
       var _a, _b;
       return (_b = (_a = props.urlConfig) == null ? void 0 : _a.nameKey) != null ? _b : "text";
@@ -131,13 +122,11 @@ const script = defineComponent({
     const _value = computed(() => {
       try {
         const parsed = Array.isArray(props.value) ? props.value : JSON.parse(props.value || "");
-        if (Array.isArray(parsed)) {
-          return parsed.map((option) => option[labelKey.value]).join(" / ");
-        } else {
-          return [];
-        }
+        if (!Array.isArray(parsed) || !parsed.length)
+          return null;
+        return parsed.map((option) => option[labelKey.value]).join(" / ");
       } catch (e) {
-        return "";
+        return null;
       }
     });
     function updateValue(_, __, options) {
@@ -172,7 +161,7 @@ const script = defineComponent({
         "remote": true,
         "labelField": labelKey.value,
         "valueField": valueKey.value,
-        "options": renderOptions.value,
+        "options": parsedOptions.value,
         "checkStrategy": "child",
         "onLoad": fetchData,
         "onFocus": focusDecorator(props.onFocus),

package/es/packages/form-render/src/components/renderer/formItem.js

@@ -1,9 +1,9 @@
-import { defineComponent, inject, computed, ref, createVNode } from 'vue';
+import { defineComponent, inject, computed, createVNode } from 'vue';
 import { isVoidField } from '@formily/core';
 import { connect, mapProps } from '@formily/vue';
-import { FileTrayFull, FileTray } from '@vicons/ionicons5';
 import { isBoolean } from 'lodash-es';
-import { NFormItem, NPopover, NIcon, NInput } from 'naive-ui';
+import { NFormItem } from 'naive-ui';
+import AnnotationEdit from '../../../../../packages/annotation-edit';
 import { InjectionAnnotation } from '../../../../../packages/form-render/src/constants';
 
 const script = defineComponent({
@@ -27,96 +27,12 @@ const script = defineComponent({
         };
       }
     });
-    function renderTextarea() {
-      return createVNode(NInput, {
-        "type": "textarea",
-        "value": annotationContent.value,
-        "onUpdate:value": ($event) => annotationContent.value = $event
-      }, null);
-    }
-    const __showPopper = ref(false);
-    const showPopper = computed({
-      get() {
-        return __showPopper.value;
-      },
-      async set(value) {
-        __showPopper.value = value;
-        if (!value && isEdit.value) {
-          await new Promise((resolve) => setTimeout(resolve, 200));
-          isEdit.value = false;
-        }
-      }
-    });
-    const isEdit = ref(false);
-    let clickTimer;
-    function iconClick() {
-      clearTimeout(clickTimer);
-      if (showPopper.value && isEdit.value) {
-        showPopper.value = false;
-        return;
-      }
-      clickTimer = setTimeout(() => {
-        if (!annotationContent.value) {
-          isEdit.value = showPopper.value = true;
-        }
-      }, 200);
-    }
-    function iconDbClick() {
-      clearTimeout(clickTimer);
-      if (!annotationContent.value)
-        return;
-      showPopper.value = true;
-      isEdit.value = true;
-    }
-    function iconMouseenter() {
-      if (!annotationContent.value)
-        return;
-      showPopper.value = true;
-    }
-    function iconMouseleave() {
-      if (!annotationContent.value || isEdit.value)
-        return;
-      showPopper.value = false;
-    }
     function renderAnnotation() {
-      return createVNode("section", {
-        "class": ["form-render__formItemLabel--annotation", {
-          "is-active": !!annotationContent.value
-        }],
-        "style": {
-          "--icon-right": "-5"
-        },
-        "form-item-hover-show": !annotationContent.value && !isEdit.value
-      }, [createVNode(NPopover, {
-        "style": {
-          maxWidth: "200px",
-          wordBreak: "break-all"
-        },
-        "show": showPopper.value,
-        "onUpdate:show": ($event) => showPopper.value = $event,
-        "trigger": "manual",
-        "duration": 100
-      }, {
-        default: renderDefault,
-        trigger: renderTrigger
-      })]);
-      function renderText() {
-        return createVNode("span", null, [annotationContent.value]);
-      }
-      function renderDefault() {
-        return createVNode("div", null, [isEdit.value ? renderTextarea() : renderText()]);
-      }
-      function renderTrigger() {
-        return createVNode("div", {
-          "class": "form-render__formItemLabel--icon",
-          "onMouseleave": iconMouseleave,
-          "onMouseenter": iconMouseenter,
-          "onDblclick": iconDbClick,
-          "onClick": iconClick
-        }, [createVNode(NIcon, {
-          "component": annotationContent.value ? FileTrayFull : FileTray
-        }, null)]);
-      }
+      return createVNode(AnnotationEdit, {
+        "class": "form-render__formItemLabel--annotation",
+        "modelValue": annotationContent.value,
+        "onUpdate:modelValue": ($event) => annotationContent.value = $event
+      }, null);
     }
     const showAnnotation = computed(() => {
       return annotation.value && (!isBoolean(props.annotation) || props.annotation);

package/es/packages/form-render/src/components/renderer/input.js

@@ -1,5 +1,5 @@
-import { defineComponent, computed, createVNode, Fragment } from 'vue';
-import { createSlot, assignUpdateValue } from '../../utils/index.js';
+import { defineComponent, createVNode } from 'vue';
+import { createInputSlot, assignUpdateValue } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { NInput } from 'naive-ui';
 
@@ -13,21 +13,10 @@ const script = defineComponent({
       type: String
     }
   },
-  setup(props, {
-    attrs
-  }) {
-    const _slots = computed(() => {
-      const res = {};
-      if (props.prefix) {
-        res.prefix = () => createVNode(Fragment, null, [createSlot(props.prefix, props).default()]);
-      }
-      if (props.suffix) {
-        res.suffix = () => createVNode(Fragment, null, [createSlot(props.suffix, props).default()]);
-      }
-      return res;
-    });
+  setup(props) {
+    const _slots = createInputSlot(props);
     return () => {
-      return createVNode(NInput, attrs, _slots.value);
+      return createVNode(NInput, null, _slots.value);
     };
   }
 });

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

@@ -1,5 +1,17 @@
 export declare const INPUT_NUMBER: import("vue").DefineComponent<{
     onChange: {};
+    prefix: {
+        type: StringConstructor;
+    };
+    suffix: {
+        type: StringConstructor;
+    };
 }, () => 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: {};
+    prefix: {
+        type: StringConstructor;
+    };
+    suffix: {
+        type: StringConstructor;
+    };
 }>>, {}>;

package/es/packages/form-render/src/components/renderer/inputNumber.js

@@ -1,15 +1,22 @@
 import { defineComponent, createVNode } from 'vue';
-import { assignUpdateValue } from '../../utils/index.js';
+import { createInputSlot, assignUpdateValue } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { NInputNumber } from 'naive-ui';
 
 const script = defineComponent({
   props: {
-    onChange: {}
+    onChange: {},
+    prefix: {
+      type: String
+    },
+    suffix: {
+      type: String
+    }
   },
-  setup(_) {
+  setup(props) {
+    const _slots = createInputSlot(props);
     return () => {
-      return createVNode(NInputNumber, null, null);
+      return createVNode(NInputNumber, null, _slots.value);
     };
   }
 });

package/es/packages/form-render/src/components/renderer/select.js

@@ -1,9 +1,8 @@
-import { defineComponent, ref, inject, computed, watch, nextTick, createVNode } from 'vue';
+import { defineComponent, ref, watch, inject, computed, nextTick, createVNode } from 'vue';
 import { isField } from '@formily/core';
-import { cloneDeep } from 'lodash-es';
+import { isEqual, cloneDeep } from 'lodash-es';
 import { InjectAsyncQueue, InjectionFormItemDepsCollector, InjectionChangeContextCollector } from '../../constants/index.js';
-import { assignUpdateValue, formRenderLog, generateUrlParams } from '../../utils/index.js';
-import { isObject } from '@vueuse/core';
+import { assignUpdateValue, traverseDependKey } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { NSelect } from 'naive-ui';
 import { useFormField } from '../../hooks/useFormField.js';
@@ -32,6 +31,7 @@ const script = defineComponent({
     emit
   }) {
     const remoteOptions = ref(null);
+    watch(remoteOptions, (o) => console.log("remoteOption", o));
     const lastSearch = ref("");
     const asyncQueue = inject(InjectAsyncQueue);
     const {
@@ -52,10 +52,6 @@ const script = defineComponent({
       if (!config) {
         return remoteOptions.value = null;
       }
-      if (!isObject(config)) {
-        formRenderLog(`invalid urlConfig (${config}) in SELECT => ${title.value}`, "warn");
-        return remoteOptions.value = null;
-      }
       try {
         remoteOptions.value = await asyncQueue.addAsync({
           ...createParams(config, field.value),
@@ -65,9 +61,16 @@ const script = defineComponent({
         remoteOptions.value = null;
       }
       function createParams(config2, field2) {
+        const _params = {};
+        traverseDependKey(config2.dependKey, (dependKey, valueKey2) => {
+          const _field = field2.query(dependKey).take();
+          if (isField(_field)) {
+            _params[valueKey2] = _field.value;
+          }
+        });
         return {
           ...config2,
-          params: Object.assign({}, config2.params, generateUrlParams(field2, config2.dependKey))
+          params: Object.assign({}, config2.params, _params)
         };
       }
     }
@@ -79,13 +82,16 @@ const script = defineComponent({
       return filterOption(props.options, lastSearch.value);
     });
     const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
-    watch(() => props.urlConfig, (config) => {
+    watch(() => props.urlConfig, (config, oldConfig) => {
+      if (isEqual(config, oldConfig))
+        return;
       remoteOptions.value = null;
       config && formItemDepsCollector.setDeps(fieldKey.value, config.dependKey || [], async () => {
         remoteOptions.value = null;
         await nextTick();
         props.value != null && await fetchData();
       });
+      config && fetchData();
     }, {
       immediate: true
     });

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

@@ -1,2 +1,15 @@
-export declare const TEXT: (props: any) => JSX.Element;
-export declare const BUTTON: (props: any) => JSX.Element;
+export declare const TEXT: {
+    (props: any): JSX.Element;
+    props: {
+        content: {};
+        fieldItem: {};
+    };
+};
+export declare const BUTTON: {
+    (props: any): JSX.Element;
+    props: {
+        onClick: {};
+        fieldItem: {};
+        content: {};
+    };
+};

package/es/packages/form-render/src/components/renderer/simpleComponent.js

@@ -1,12 +1,9 @@
-import { createVNode, mergeProps, isVNode } from 'vue';
+import { createVNode } from 'vue';
 import { connect, mapProps } from '@formily/vue';
 import { isFunction } from 'lodash-es';
 import { NButton } from 'naive-ui';
 import { createSlot } from '../../../../../packages/form-render/src/utils';
 
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 function createPropFor(props) {
   return (property) => {
     var _a;
@@ -14,9 +11,12 @@ function createPropFor(props) {
   };
 }
 const textScript = (props) => {
-  var _a, _b, _c;
-  const propFor = createPropFor(props);
-  return createVNode("div", (_a = propFor("componentProps")) != null ? _a : {}, [(_c = (_b = createSlot(props.content, props)).default) == null ? void 0 : _c.call(_b)]);
+  var _a, _b;
+  return createVNode("div", null, [(_b = (_a = createSlot(props.content, props)).default) == null ? void 0 : _b.call(_a)]);
+};
+textScript.props = {
+  content: {},
+  fieldItem: {}
 };
 const TEXT = connect(textScript, mapProps((props) => {
   var _a;
@@ -26,19 +26,20 @@ const TEXT = connect(textScript, mapProps((props) => {
   };
 }));
 const buttonScript = (props) => {
-  var _a;
-  let _slot;
   const propFor = createPropFor(props);
   function onClick() {
-    var _a2;
-    const cb = propFor("onClick") || ((_a2 = propFor("componentProps")) == null ? void 0 : _a2.onClick);
+    var _a;
+    const cb = propFor("onClick") || ((_a = propFor("componentProps")) == null ? void 0 : _a.onClick);
     return () => isFunction(cb) && cb(props.fieldItem);
   }
-  return createVNode(NButton, mergeProps((_a = propFor("componentProps")) != null ? _a : {}, {
+  return createVNode(NButton, {
     "onClick": onClick()
-  }), _isSlot(_slot = createSlot(props.content, props)) ? _slot : {
-    default: () => [_slot]
-  });
+  }, createSlot(props.content, props));
+};
+buttonScript.props = {
+  onClick: {},
+  fieldItem: {},
+  content: {}
 };
 const BUTTON = connect(buttonScript, mapProps((props) => {
   var _a;

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

@@ -3,7 +3,7 @@ import { ISchema } from '@formily/json-schema/esm/types';
 import { FormItemDepsCollector } from '../../../../../es/packages/form-render';
 export declare function useAnchor(props: Readonly<AnyObject>, collector: FormItemDepsCollector): {
     currentAnchor: import("vue").WritableComputedRef<string>;
-    onScroll: () => Promise<void>;
+    onScroll: () => void;
     formHeight: import("vue").ComputedRef<any>;
     anchorIdList: import("vue").Ref<{
         name: string;

package/es/packages/form-render/src/hooks/useAnchor.js

@@ -3,7 +3,7 @@ import { useDebounceFn } from '@vueuse/core';
 import { isNumber } from 'lodash-es';
 import { ref, computed, watch, nextTick } from 'vue';
 import { FormItemLineBarDepKeyPrepend } from '../../../../packages/form-render/src/constants';
-import { traverseSchema, createLinebarId } from '../../../../packages/form-render/src/utils';
+import { createLinebarId, traverseSchema } from '../../../../packages/form-render/src/utils';
 
 function useAnchor(props, collector) {
   const __currentAnchor = ref("");
@@ -44,13 +44,13 @@ function useAnchor(props, collector) {
       scrollLock = false;
     }
   }
-  const onScroll = useDebounceFn(async function() {
+  const onScroll = useDebounceFn(function() {
     var _a;
     if (scrollLock || !scrollbarRef.value)
       return;
     const { scrollTop, clientHeight } = scrollbarRef.value;
     const result = anchorIdList.value.find((anchor) => {
-      const node = scrollbarRef.value.querySelector(`#${anchor.name}`);
+      const node = scrollbarRef.value.querySelector(`#${createLinebarId(anchor.name)}`);
       if (!node)
         return;
       return node.offsetTop >= scrollTop || node.offsetTop < scrollTop && node.clientHeight + node.offsetTop > scrollTop + clientHeight;

package/es/packages/form-render/src/hooks/useAsyncQueue.js

@@ -120,7 +120,7 @@ function useAsyncQueue() {
           const { data, success } = res;
           if (!success)
             throw res;
-          cb(void 0, data);
+          cb(void 0, Array.isArray(data) ? data : []);
         } catch (e) {
           cb(new Error(`Request error => ${e}`));
           removeCache();

package/es/packages/form-render/src/hooks/useFieldListAdaptor.js

@@ -1,7 +1,7 @@
 import { isObject } from '@vueuse/core';
-import { isArray, pick } from 'lodash-es';
+import { pick } from 'lodash-es';
 import { useFormValidator, useTypeNormalize } from '../../../../packages/form-render';
-import { createLinebarId, arrayed, transformDateFormat } from '../utils/index.js';
+import { fieldKeyEscape, arrayed, createLinebarId, transformDateFormat } from '../utils/index.js';
 
 function useFieldListAdaptor(collector, uuid) {
   const { createValidatorSchema } = useFormValidator();
@@ -80,7 +80,7 @@ function useFieldListAdaptor(collector, uuid) {
     const schema = createStandardSchema(item);
     Object.assign(schema["x-component-props"], {
       urlConfig: item.urlConfig,
-      deep: (_a = item.wordbook) == null ? void 0 : _a.level_num,
+      depth: (_a = item.wordbook) == null ? void 0 : _a.level_num,
       options: item.option
     });
     return schema;
@@ -108,7 +108,9 @@ function useFieldListAdaptor(collector, uuid) {
     Object.assign(schema["x-component-props"], {
       precision: decimal_length || (validate == null ? void 0 : validate.decimal_length),
       max: validate == null ? void 0 : validate.max_value,
-      min: validate == null ? void 0 : validate.min_value
+      min: validate == null ? void 0 : validate.min_value,
+      prefix: item.prefix,
+      suffix: item.suffix
     });
     return schema;
   };
@@ -174,13 +176,15 @@ function useFieldListAdaptor(collector, uuid) {
     return creator(item);
   };
   const createWidgetCombinationSchema = (item) => {
+    if (!item.suffixConfig)
+      return createWidgetSchema(item);
     const suffixList = arrayed(item.suffixConfig);
     const fieldList = [{ ...item, suffixConfig: void 0 }].concat(suffixList.map((suffix) => {
       return { ...suffix, is_show: item.is_show, alias: " " };
     }));
     return {
       type: "void",
-      name: fieldList.map((f) => f.val_key).join("-"),
+      name: fieldKeyEscape(fieldList),
       title: item.alias || item.name,
       "x-component": "INPUT_GROUP",
       "x-component-props": { span: item.elem_width },
@@ -211,8 +215,8 @@ function useFieldListAdaptor(collector, uuid) {
       return schema;
     }
     function createFieldName(fieldItem) {
-      if (isArray(fieldItem.suffixConfig)) {
-        return [fieldItem.val_key, fieldItem.suffixConfig.map((f) => f.val_key)].join("-");
+      if (fieldItem.suffixConfig) {
+        return fieldKeyEscape([fieldItem, ...arrayed(fieldItem.suffixConfig)]);
       }
       return fieldItem.val_key;
     }

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

@@ -1,7 +1,7 @@
-import { Func } from '../../../../../es/src/types';
+import { ArrayAble, Func } from '../../../../../es/src/types';
 export declare class FormItemDepsCollector {
     private readonly collector;
-    setDeps(key: string, dependKey: string | string[], callback: Func): void;
+    setDeps(key: string, dependKeys: ArrayAble<string> | Record<string, string> | ArrayAble<Record<'paramName' | 'paramValue', string>>, callback: Func): void;
     trigger(dependKey: string, payload?: any): void;
 }
 export declare function useFormItemDeps(): {

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

@@ -1,16 +1,15 @@
 import { isFunction } from 'lodash-es';
-import { arrayed } from '../../../../packages/form-render/src/utils';
+import { traverseDependKey } from '../../../../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();
+  setDeps(key, dependKeys, callback) {
+    traverseDependKey(dependKeys, (dependKey) => {
+      const map = this.collector.get(dependKey) || /* @__PURE__ */ new Map();
       map.set(key, callback);
-      this.collector.set(dependKey2, map);
+      this.collector.set(dependKey, map);
     });
   }
   trigger(dependKey, payload) {

package/es/packages/form-render/src/types/fieldItem.d.ts

@@ -64,11 +64,12 @@ export declare type FieldItem = {
     urlConfig: Partial<{
         url: string;
         method: 'post' | 'get' | 'put' | 'patch' | 'delete';
-        dependKey: string | string[];
+        dependKey: string | string[] | Record<string, string>;
         params: AnyObject;
         nameKey: string;
         valueKey: string;
     }>;
+    suffixConfig: FieldItem[] | FieldItem;
     fieldType: 'string' | 'object' | 'array' | 'number' | 'void' | 'boolean' | 'datetime';
     content: string | FormRenderer | Record<string, FormRenderer>;
     properties: FieldItem[];