cnhis-design-vue 3.1.8-beta.9 → 3.1.9-beta.10

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

@@ -0,0 +1,136 @@
+import { defineComponent, ref, inject, computed, watch, createVNode } from 'vue';
+import { 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 { connect, mapProps } from '@formily/vue';
+import { NSelect } from 'naive-ui';
+import { useFormField } from '../hooks/useFormField.js';
+
+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,
+    emit
+  }) {
+    const _options = ref(null);
+    let cachedOptions = null;
+    let lastSearch = ref("");
+    const asyncQueue = inject(InjectAsyncQueue);
+    const {
+      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.value) {
+        if (cachedOptions)
+          return;
+      } else {
+        lastSearch.value = content || "";
+      }
+      const config = props.urlConfig;
+      if (!config) {
+        return cachedOptions = _options.value = null;
+      }
+      if (!isObject(config)) {
+        formRenderLog(`invalid urlConfig (${config}) in SELECT => ${title.value}`, "warn");
+        return cachedOptions = _options.value = null;
+      }
+      if (cachedOptions) {
+        return _options.value = filterOption(cachedOptions, content);
+      }
+      try {
+        const data = await asyncQueue.addAsync({
+          ...config,
+          key: title.value,
+          params: Object.assign({}, config.params, generateUrlParams(field.value, config.dependKey))
+        });
+        _options.value = data.reduce((res, d) => {
+          var _a;
+          if (((_a = d[labelKey.value]) == null ? void 0 : _a.includes(content)) || !content) {
+            res.push(d);
+          }
+          return res;
+        }, []);
+        cachedOptions = _options.value;
+      } catch (e) {
+        _options.value = null;
+      }
+    }
+    const renderOptions = computed(() => {
+      if (_options.value)
+        return _options.value;
+      if (!Array.isArray(props.options))
+        return [];
+      return filterOption(props.options, lastSearch.value);
+    });
+    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(() => props.value, (n, o) => {
+      if (o == null && n != null) {
+        fetchData();
+      }
+    }, {
+      immediate: true
+    });
+    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({
+  dataSource: "options"
+}, assignUpdateValue));
+
+export { SELECT };

package/es/packages/form-render/src/components/{slider.mjs → slider.js}

@@ -1,6 +1,6 @@
 import { connect, mapProps } from '@formily/vue';
 import { NSlider } from 'naive-ui';
-import { assignUpdateValue } from 'cnhis-design-vue/es/packages/form-render/src/utils';
+import { assignUpdateValue } from '../../../../packages/form-render/src/utils';
 
 const SLIDER = connect(NSlider, mapProps((props, field) => {
   const _props = assignUpdateValue(props, field);

package/es/packages/form-render/src/components/{switch.mjs → switch.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, createVNode, createTextVNode } from 'vue';
 import { NSwitch } from 'naive-ui';
-import { assignUpdateValue } from '../utils/index.mjs';
+import { assignUpdateValue } from '../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 
 const script = defineComponent({

package/es/packages/form-render/src/components/{textarea.mjs → textarea.js}

@@ -1,4 +1,4 @@
-import { assignUpdateValue } from '../utils/index.mjs';
+import { assignUpdateValue } from '../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { NInput } from 'naive-ui';
 

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

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

package/es/packages/form-render/src/constants/{index.mjs → index.js}

@@ -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";
@@ -23,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.js

@@ -0,0 +1,11 @@
+export { useFieldList2Schema } from './useFieldList2Schema.js';
+export { useFormRequest } from './useFormRequest.js';
+export { useCommonLog } from './useCommonLog.js';
+export { useFormField } from './useFormField.js';
+export { AsyncQueue, useAsyncQueue } from './useAsyncQueue.js';
+export { useFieldVisitor } from './useFieldVisitor.js';
+export { useTypeNormalize } from './useTypeNormalize.js';
+export { useFormValidator } from './useFormValidator.js';
+export { BusinessCollector, useBusinessBinding } from './useBusinessBinding.js';
+export { ContextCollector, useChangeContext } from './useChangeContext.js';
+export { FormItemDepsCollector, useFormItemDeps } from './useFormItemDeps.js';

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/{useAsyncQueue.mjs → useAsyncQueue.js}

@@ -1,5 +1,5 @@
-import { useCommonLog } from './useCommonLog.mjs';
-import { useFormRequest } from './useFormRequest.mjs';
+import { useCommonLog } from './useCommonLog.js';
+import { useFormRequest } from './useFormRequest.js';
 
 class AsyncQueueEntry {
   constructor(item, key, callback) {

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';
 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/{useBusinessBinding.mjs → useBusinessBinding.js}

@@ -1,11 +1,12 @@
 import { isString } from '@vueuse/core';
-import { FIELD_BUSINESS_TYPE } from '../constants/index.mjs';
-import { isIdCard, parseIdCard } from '../utils/index.mjs';
+import { FIELD_BUSINESS_TYPE } from '../constants/index.js';
+import { isIdCard, parseIdCard } from '../utils/index.js';
 
 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,42 +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 = collector.getField(FIELD_BUSINESS_TYPE.SEX);
+    const sexFields = this.getField(FIELD_BUSINESS_TYPE.SEX);
     sexFields.forEach((field) => {
       formModel.setFieldState(field, (state) => {
         state.value = info.sex;
       });
     });
-    const birthdayFields = collector.getField(FIELD_BUSINESS_TYPE.BIRTHDAY);
+    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 '../../../../../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.js

@@ -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/{useCommonLog.mjs → useCommonLog.js}

@@ -1,4 +1,4 @@
-import { formRenderLog } from '../utils/index.mjs';
+import { formRenderLog } from '../utils/index.js';
 
 function useCommonLog() {
   function invalidHttpInstanceLog() {

package/es/packages/form-render/src/hooks/{useFieldList2Schema.mjs → useFieldList2Schema.js}

@@ -1,7 +1,7 @@
-import { arrayed, transformDateFormat } from '../utils/index.mjs';
-import { useFormValidator } from './useFormValidator.mjs';
+import { arrayed, transformDateFormat } from '../utils/index.js';
+import { useFormValidator } from './useFormValidator.js';
 import { isObject } from '@vueuse/core';
-import { useTypeNormalize } from './useTypeNormalize.mjs';
+import { useTypeNormalize } from './useTypeNormalize.js';
 
 function useFieldList2Schema(collector) {
   const { createValidatorSchema } = useFormValidator();

package/es/packages/form-render/src/hooks/{useFieldVisitor.mjs → useFieldVisitor.js}

@@ -1,4 +1,4 @@
-import { arrayed } from '../utils/index.mjs';
+import { arrayed } from '../utils/index.js';
 import { isFunction } from '@vueuse/core';
 
 function useFieldVisitor() {

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/useFormField.js

@@ -0,0 +1,15 @@
+import { useField } from '@formily/vue';
+import { computed } from 'vue';
+
+function useFormField() {
+  const field = useField();
+  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.js

@@ -0,0 +1,29 @@
+import { arrayed } 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();
+      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 };

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

@@ -1,4 +1,4 @@
-import { AnyObject } from 'cnhis-design-vue/es/src/types';
+import { AnyObject } from '../../../../../es/src/types';
 import { FieldItem } from '../types';
 export declare function useFormValidator(): {
     createValidatorSchema: (fieldItem: FieldItem) => AnyObject[];

package/es/packages/form-render/src/hooks/{useFormValidator.mjs → useFormValidator.js}

@@ -1,4 +1,4 @@
-import { arrayed } from '../utils/index.mjs';
+import { arrayed } from '../utils/index.js';
 import { isFunction } from '@vueuse/core';
 
 function useFormValidator() {

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

@@ -1,4 +1,4 @@
-import { AnyObject } from 'cnhis-design-vue/es/src/types';
+import { AnyObject } from '../../../../../es/src/types';
 export declare type ValidateItem = Partial<{
     obj_type: string;
     vali_obj: string;

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

@@ -1,8 +1,8 @@
-import { AnyObject } from 'cnhis-design-vue/es/src/types';
-import { Field } from "@formily/core";
-import { FieldItem } from "../types";
-import { AsyncQueue } from "../hooks";
-export * from "./fieldItem";
+import { AnyObject } from '../../../../../es/src/types';
+import { DataField, Field } from '@formily/core';
+import { FieldItem } from '../types';
+import { AsyncQueue } from '../hooks';
+export * from './fieldItem';
 export interface FieldVisitorContext {
     field: FieldItem;
     replace(f: FieldItem): void;
@@ -10,7 +10,7 @@ export interface FieldVisitorContext {
     insertAfter(f: FieldItem | FieldItem[]): void;
 }
 export declare type FieldVisitor = Record<string, (context: FieldVisitorContext) => void>;
-export declare type FormRequestType = "post" | "get" | "patch" | "delete" | "put";
+export declare type FormRequestType = 'post' | 'get' | 'patch' | 'delete' | 'put';
 export interface FormAsyncQueueItem {
     key: any;
     url: string;
@@ -18,9 +18,19 @@ export interface FormAsyncQueueItem {
     params?: AnyObject;
 }
 export declare type FormAsyncQueue = AsyncQueue<FormAsyncQueueItem, any, AnyObject[]>;
-export declare type IdCardParseInfo = Record<"sex" | "birthday", string> & Record<"age" | "day" | "month" | "year", number>;
+export declare type IdCardParseInfo = Record<'sex' | 'birthday', string> & Record<'age' | 'day' | 'month' | 'year', number>;
 export declare type FormRenderExpose = {
     validate(): Promise<unknown>;
     getFormValues(): AnyObject;
     setFieldState(path: string, setter: (field: Field) => void): void;
 };
+export declare type FormChangeContext = Partial<{
+    currentOption: AnyObject;
+}>;
+export declare type FormChangePayload = {
+    value: any;
+    fieldKey: string;
+    fieldName: string;
+    fieldInstance: DataField;
+    context: FormChangeContext;
+};

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

@@ -1,10 +1,14 @@
-import { GeneralField } from "@formily/core";
-import { InjectionKey } from "vue";
-import { IdCardParseInfo } from "../types";
+import { AnyObject } from '../../../../../es/src/types';
+import { GeneralField } from '@formily/core';
+import { InjectionKey } from 'vue';
+import { IdCardParseInfo } from '../types';
 export declare function formRenderLog(message: string, type?: keyof Console): void;
 export declare function arrayed<T>(maybeArray: T): T extends Array<any> ? T : [T];
-export declare function assignUpdateValue(props: any, field: GeneralField): any;
+export declare function assignUpdateValue(props: AnyObject, field: GeneralField): {
+    [x: string]: any;
+};
 export declare function transformDateFormat(format: string): "date" | "datetime";
 export declare function isIdCard(idCardNo: string): boolean;
 export declare function parseIdCard(idCardNo: string): IdCardParseInfo;
 export declare function injectOrProvide<T>(key: InjectionKey<T>, creator: () => T): T;
+export declare function generateUrlParams(field: GeneralField, dependKeys?: string | string[]): AnyObject;

package/es/packages/form-render/src/utils/{index.mjs → index.js}

@@ -1,7 +1,7 @@
-import { FIELD_SEX_VALUE } from '../constants/index.mjs';
+import { FIELD_SEX_VALUE } from '../constants/index.js';
 import { isField } from '@formily/core';
-import differenceInDays from '../../../../node_modules/date-fns/esm/differenceInDays/index.mjs';
-import differenceInMonths from '../../../../node_modules/date-fns/esm/differenceInMonths/index.mjs';
+import differenceInDays from '../../../../node_modules/date-fns/esm/differenceInDays/index.js';
+import differenceInMonths from '../../../../node_modules/date-fns/esm/differenceInMonths/index.js';
 import { inject, provide } from 'vue';
 
 function formRenderLog(message, type = "log") {
@@ -55,5 +55,17 @@ function injectOrProvide(key, creator) {
   }
   return injected;
 }
+function generateUrlParams(field, dependKeys) {
+  const result = {};
+  if (dependKeys) {
+    arrayed(dependKeys).forEach((dependKey) => {
+      const _field = field.query(dependKey).take();
+      if (isField(_field)) {
+        result[dependKey] = _field.value;
+      }
+    });
+  }
+  return result;
+}
 
-export { arrayed, assignUpdateValue, formRenderLog, injectOrProvide, isIdCard, parseIdCard, transformDateFormat };
+export { arrayed, assignUpdateValue, formRenderLog, generateUrlParams, injectOrProvide, isIdCard, parseIdCard, transformDateFormat };