cnhis-design-vue 3.1.16-beta.6 → 3.1.16-beta.9

package/es/packages/form-config/src/hooks/useConfigurationField.js

@@ -2,62 +2,48 @@ import { EditAbleField, widgetWidthOptionConfig, isShowOptionConfig, isNotFoldOp
 
 function useConfigurationField() {
   const fieldMap = /* @__PURE__ */ new Map([
-    [EditAbleField.ALIAS, { alias: "\u540D\u79F0", elem_width: 12, is_null: "0", val_key: "alias", html_type: "INPUT" }],
-    [EditAbleField.TIP, { alias: "\u95EE\u53F7\u63D0\u793A", elem_width: 12, val_key: "tip", html_type: "INPUT" }],
+    [EditAbleField.NAME, { alias: "\u540D\u79F0", elem_width: 12, is_null: "0", html_type: "INPUT" }],
+    [EditAbleField.NOTES, { alias: "\u95EE\u53F7\u63D0\u793A", elem_width: 12, html_type: "INPUT" }],
     [
-      EditAbleField.DEFAULT_VAL,
-      { alias: "\u9ED8\u8BA4\u503C", val_key: "default_val", elem_width: 12, html_type: "INPUT", validate: { max_length: 20 } }
+      EditAbleField.DEFAULT_VALUE,
+      { alias: "\u9ED8\u8BA4\u503C", elem_width: 12, html_type: "INPUT", validate: { max_length: 20 } }
     ],
     [
-      EditAbleField.ELEM_WIDTH,
-      {
-        alias: "\u5BBD\u5EA6",
-        fieldType: "number",
-        val_key: "elem_width",
-        html_type: "SELECT",
-        elem_width: 12,
-        ...widgetWidthOptionConfig()
-      }
+      EditAbleField.LAYOUT_WIDTH_ENUM,
+      { alias: "\u5BBD\u5EA6", fieldType: "number", html_type: "SELECT", elem_width: 12, ...widgetWidthOptionConfig() }
     ],
+    [EditAbleField.DESC, { alias: "\u8BF4\u660E\u6587\u672C", elem_width: 12, html_type: "INPUT", validate: { max_length: 30 } }],
     [
-      EditAbleField.PLACEHOLDER,
-      { alias: "\u8BF4\u660E\u6587\u672C", elem_width: 12, val_key: "placeholder", html_type: "INPUT", validate: { max_length: 30 } }
+      EditAbleField.DEFAULT_EXPAND,
+      { alias: "\u662F\u5426\u9ED8\u8BA4\u5C55\u5F00", html_type: "SWITCH", elem_width: 12, ...isShowOptionConfig() }
     ],
-    [
-      EditAbleField.IS_SHOW,
-      { val_key: "is_show", alias: "\u662F\u5426\u9ED8\u8BA4\u5C55\u5F00", html_type: "SWITCH", elem_width: 12, ...isShowOptionConfig() }
-    ],
-    [
-      EditAbleField.IS_NOT_FOLD,
-      { val_key: "is_not_fold", alias: "\u662F\u5426\u53EF\u6298\u53E0", html_type: "SWITCH", elem_width: 12, ...isNotFoldOptionConfig() }
-    ],
-    [
-      EditAbleField.IS_EDIT,
-      { val_key: "is_edit", alias: "\u662F\u5426\u53EF\u7F16\u8F91", html_type: "SWITCH", elem_width: 12, ...isEditOptionConfig() }
-    ],
-    [
-      EditAbleField.IS_NULL,
-      { val_key: "is_null", alias: "\u662F\u5426\u5FC5\u586B", html_type: "SWITCH", elem_width: 12, ...isNullOptionConfig() }
-    ]
+    [EditAbleField.FOLD, { alias: "\u662F\u5426\u53EF\u6298\u53E0", html_type: "SWITCH", elem_width: 12, ...isNotFoldOptionConfig() }],
+    [EditAbleField.EDITABLE, { alias: "\u662F\u5426\u53EF\u7F16\u8F91", html_type: "SWITCH", elem_width: 12, ...isEditOptionConfig() }],
+    [EditAbleField.REQUIRED, { alias: "\u662F\u5426\u5FC5\u586B", html_type: "SWITCH", elem_width: 12, ...isNullOptionConfig() }]
   ]);
   function generateFieldListByKeys(keyList) {
-    return keyList.map((key) => fieldMap.get(key));
+    return keyList.map((key) => {
+      return { ...fieldMap.get(key), val_key: key };
+    });
   }
   function generateFieldListByFieldItem(fieldItem) {
     const htmlMap = new Map([
-      ["LINEBAR", [EditAbleField.ALIAS, EditAbleField.ELEM_WIDTH, EditAbleField.IS_SHOW, EditAbleField.IS_NOT_FOLD]],
-      ...["LINE_BREAKS", "COMPLEX", "COMBINATION"].map((key) => [key, [EditAbleField.ALIAS, EditAbleField.ELEM_WIDTH]])
+      [
+        "LINE_BAR",
+        [EditAbleField.NAME, EditAbleField.LAYOUT_WIDTH_ENUM, EditAbleField.DEFAULT_EXPAND, EditAbleField.FOLD]
+      ],
+      ...["NEWLINE", "COMPLEX", "COMBINATION"].map((key) => [key, [EditAbleField.NAME, EditAbleField.LAYOUT_WIDTH_ENUM]])
     ]);
     const defaultItems = [
-      EditAbleField.ALIAS,
-      EditAbleField.DEFAULT_VAL,
-      EditAbleField.ELEM_WIDTH,
-      EditAbleField.PLACEHOLDER,
-      EditAbleField.TIP,
-      EditAbleField.IS_EDIT,
-      EditAbleField.IS_NULL
+      EditAbleField.NAME,
+      EditAbleField.DEFAULT_VALUE,
+      EditAbleField.LAYOUT_WIDTH_ENUM,
+      EditAbleField.DESC,
+      EditAbleField.NOTES,
+      EditAbleField.EDITABLE,
+      EditAbleField.REQUIRED
     ];
-    const keys = htmlMap.get(fieldItem.html_type) || defaultItems;
+    const keys = htmlMap.get(fieldItem.type) || defaultItems;
     return generateFieldListByKeys(keys);
   }
   return { generateFieldListByKeys, generateFieldListByFieldItem };

package/es/packages/form-config/src/hooks/usePresetRenderer.d.ts

@@ -1,5 +1,4 @@
-import { FieldItem } from '../../../../../es/packages/form-render';
-import { FormConfigTextFormatter } from '../types';
+import { FormConfigItem, FormConfigTextFormatter } from '../types';
 export declare function usePresetRenderer(textFormatter: FormConfigTextFormatter): {
-    getRenderer: (fieldItem: FieldItem) => import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>;
+    getRenderer: (fieldItem: FormConfigItem) => import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>;
 };

package/es/packages/form-config/src/hooks/usePresetRenderer.js

@@ -2,7 +2,8 @@ import { defineComponent, computed, createVNode, mergeProps, inject } from 'vue'
 import { isString, isArray, isFunction } from 'lodash-es';
 import Draggable from 'vuedraggable';
 import { InjectionActiveFieldItem, WidgetTextMap } from '../../../../packages/form-config/src/constants';
-import { useSortable } from '../../../../packages/form-config/src/hooks';
+import { useSortable } from '../../../../packages/form-config/src/hooks/useSortable';
+import { layoutWidthEnum2Column } from '../../../../packages/form-config/src/utils';
 import { NEllipsis } from 'naive-ui';
 
 function usePresetRenderer(textFormatter) {
@@ -19,14 +20,15 @@ function usePresetRenderer(textFormatter) {
         }
       }, [createVNode(NEllipsis, {
         "class": ["form-config__renderer--default", {
-          "is-required": fieldItem.is_null === "0",
-          "is-disabled": fieldItem.is_edit === "0"
+          "is-required": fieldItem.required,
+          "is-disabled": fieldItem.editable === false
         }]
       }, {
         default: () => getDisplayText()
       })]);
       function getDisplayText() {
-        return textFormatter(fieldItem, `${fieldItem.alias}(${WidgetTextMap.get(fieldItem.html_type) || "\u63A7\u4EF6"})`);
+        const type = WidgetTextMap.get(fieldItem.type);
+        return textFormatter(fieldItem, `${fieldItem.name}${type ? `(${type})` : ""}`);
       }
     }
   };
@@ -44,12 +46,11 @@ function usePresetRenderer(textFormatter) {
           return props.fieldItem[key];
         }
         const classList = computed(() => {
-          return `form-config__renderer--complex form-config__renderer--complex--${fieldFor("display") || "grid"}`;
+          return "form-config__renderer--complex form-config__renderer--complex--grid";
         });
         const style = computed(() => {
           return {
-            "--item-column": fieldFor("elem_width"),
-            ...fieldFor("wrapperStyle")
+            "--item-column": layoutWidthEnum2Column(fieldFor("layoutWidthEnum"))
           };
         });
         function renderField(fieldItem) {
@@ -57,7 +58,7 @@ function usePresetRenderer(textFormatter) {
           return createVNode("div", {
             "class": "form-config__displayContentItem",
             "style": {
-              "--item-column": fieldItem.elem_width
+              "--item-column": layoutWidthEnum2Column(fieldItem.layoutWidthEnum)
             }
           }, [createVNode(Renderer, {
             "fieldItem": fieldItem
@@ -65,14 +66,10 @@ function usePresetRenderer(textFormatter) {
         }
         const childrenList = computed({
           get() {
-            return fieldFor("html_type") === "COMBINATION" ? fieldFor("children") : fieldFor("properties");
+            return fieldFor("children");
           },
           set(v) {
-            if (fieldFor("html_type") === "COMBINATION") {
-              props.fieldItem.children = v;
-            } else {
-              props.fieldItem.properties = v;
-            }
+            props.fieldItem.children = v;
           }
         });
         const {
@@ -82,7 +79,7 @@ function usePresetRenderer(textFormatter) {
         return () => createVNode(DraggableComponent, mergeProps(commonConfig, {
           "class": classList.value,
           "style": style.value,
-          "group": fieldFor("val_key"),
+          "group": fieldFor("key"),
           "modelValue": childrenList.value,
           "onUpdate:modelValue": ($event) => childrenList.value = $event
         }), {
@@ -101,12 +98,12 @@ function usePresetRenderer(textFormatter) {
       matcher
     }) => {
       if (isString(matcher))
-        return matcher === fieldItem.html_type;
+        return matcher === fieldItem.type;
       if (isArray(matcher))
-        return matcher.includes(fieldItem.html_type);
+        return matcher.includes(fieldItem.type);
       if (isFunction(matcher))
-        return matcher(fieldItem.html_type);
-      return matcher.test(fieldItem.html_type);
+        return matcher(fieldItem.type);
+      return matcher.test(fieldItem.type);
     }).renderer;
   }
   return {

package/es/packages/form-config/src/hooks/useSortable.js

@@ -24,7 +24,7 @@ function useSortable() {
     }
     to.classList.add("is-choosing-area");
   }
-  const commonConfig = { onMove, onChoose, onUnchoose, tag: "section", animation: "150", "item-key": "val_key" };
+  const commonConfig = { onMove, onChoose, onUnchoose, tag: "section", animation: "150", "item-key": "key" };
   return { commonConfig };
 }
 

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

@@ -1,6 +1,5 @@
 import { Component, FunctionalComponent } from 'vue';
 import { ArrayAble } from '../../../../../es/src/types';
-import { FieldItem } from '../../../../../es/packages/form-render';
 interface Matcher {
     (type: string): boolean;
 }
@@ -8,11 +7,29 @@ export declare type FormConfigRenderer = {
     matcher: ArrayAble<string> | RegExp | Matcher;
     renderer: Component | FunctionalComponent;
 };
+export declare type FormConfigType = 'NEWLINE' | 'LINE_BAR' | 'OTHER' | string;
+export declare type FormConfigWidth = 'ALL_LINE' | 'HALF_LINE' | 'FIVE_SIX' | 'TWO_THREE' | 'ONE_THREE' | 'THREE_FOUR' | 'ONE_FOUR' | 'ONE_SIX';
+export declare type FormConfigItem = {
+    key: string;
+    layoutWidthEnum: FormConfigWidth;
+    type: FormConfigType;
+    name: string;
+} & Partial<{
+    show: boolean;
+    defaultValue: any;
+    defaultExpand: boolean;
+    fold: boolean;
+    required: boolean;
+    editable: boolean;
+    notes: string;
+    desc: string;
+    children: FormConfigItem[];
+}>;
 export interface FormConfigTextFormatter {
-    (fieldItem: FieldItem, parsedText: string): string;
+    (fieldItem: FormConfigItem, parsedText: string): string;
 }
 export interface FormConfigExpose {
-    loadData(payload: Record<'fieldList' | 'materialList', FieldItem[]>): void;
-    getData(): Record<'fieldList' | 'materialList', FieldItem[]>;
+    loadData(payload: Record<'fieldList', FormConfigItem[]>): void;
+    getData(): Record<'fieldList' | 'materialList', FormConfigItem[]>;
 }
 export {};

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

@@ -0,0 +1,2 @@
+import { FormConfigWidth } from '../../../../../es/packages/form-config';
+export declare function layoutWidthEnum2Column(layoutWidthEnum: FormConfigWidth): number;

package/es/packages/form-config/src/utils/index.js

@@ -0,0 +1,15 @@
+function layoutWidthEnum2Column(layoutWidthEnum) {
+  const transferMap = {
+    ALL_LINE: 12,
+    HALF_LINE: 6,
+    FIVE_SIX: 10,
+    TWO_THREE: 8,
+    ONE_THREE: 4,
+    THREE_FOUR: 9,
+    ONE_FOUR: 3,
+    ONE_SIX: 2
+  };
+  return transferMap[layoutWidthEnum] || 12;
+}
+
+export { layoutWidthEnum2Column };

package/es/packages/form-config/style/index.css

@@ -5,6 +5,7 @@
 .form-config__material {
   padding: 16px;
   box-sizing: border-box;
+  flex-shrink: 0;
   width: 200px;
   background: white;
 }
@@ -15,8 +16,12 @@
   height: 40px;
 }
 .form-config__materialContent {
-  padding: 8px;
-  min-height: 400px;
+  padding: 16px;
+  box-sizing: border-box;
+  flex-shrink: 0;
+  overflow-y: auto;
+  max-height: var(--max-height);
+  min-height: 200px;
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -33,6 +38,8 @@
 .form-config__displayWrapper {
   padding: 16px;
   box-sizing: border-box;
+  flex-shrink: 0;
+  min-width: 400px;
   flex: 1;
   padding: 16px 0;
 }
@@ -45,6 +52,9 @@
 .form-config__displayContent {
   padding: 16px;
   box-sizing: border-box;
+  flex-shrink: 0;
+  overflow-y: auto;
+  max-height: var(--max-height);
   height: fit-content;
   background: #eeeeee;
   display: grid !important;
@@ -58,9 +68,23 @@
 .form-config__config {
   padding: 16px;
   box-sizing: border-box;
+  flex-shrink: 0;
   width: 220px;
   background: white;
 }
+.form-config__configHeader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 40px;
+}
+.form-config__configContent {
+  padding: 16px;
+  box-sizing: border-box;
+  flex-shrink: 0;
+  overflow-y: auto;
+  max-height: var(--max-height);
+}
 .form-config__renderer--default {
   display: flex;
   align-items: center;

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

@@ -29,6 +29,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    businessFormatter: {
+        type: import("vue").PropType<import("./src/types").FormBusinessFormatter>;
+    };
     schema: {
         type: import("vue").PropType<import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
@@ -141,6 +144,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
             type: NumberConstructor;
             default: number;
         };
+        businessFormatter: {
+            type: import("vue").PropType<import("./src/types").FormBusinessFormatter>;
+        };
         schema: {
             type: import("vue").PropType<import("@formily/json-schema").Stringify<{
                 [key: symbol]: any;
@@ -1638,6 +1644,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    businessFormatter: {
+        type: import("vue").PropType<import("./src/types").FormBusinessFormatter>;
+    };
     schema: {
         type: import("vue").PropType<import("@formily/json-schema").Stringify<{
             [key: symbol]: any;

package/es/packages/form-render/src/FormRender.js

@@ -30,6 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     maxHeight: { type: [Number, String], default: "" },
     anchor: { type: Boolean, default: false },
     parallelism: { type: Number, default: 3 },
+    businessFormatter: { type: Function },
     schema: { type: Object },
     components: {
       type: Object,

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

@@ -1,7 +1,7 @@
 /// <reference types="lodash" />
 import { AnyObject } from '../../../../es/src/types';
 import { Component, FunctionalComponent, nextTick, PropType } from 'vue';
-import { FieldItem, FieldVisitor } from './types';
+import { FieldItem, FieldVisitor, FormBusinessFormatter } from './types';
 declare const _default: import("vue").DefineComponent<{
     fieldList: {
         type: PropType<FieldItem[]>;
@@ -29,6 +29,9 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    businessFormatter: {
+        type: PropType<FormBusinessFormatter>;
+    };
     schema: {
         type: PropType<import("@formily/vue").Stringify<{
             [key: symbol]: any;
@@ -141,6 +144,9 @@ declare const _default: import("vue").DefineComponent<{
             type: NumberConstructor;
             default: number;
         };
+        businessFormatter: {
+            type: PropType<FormBusinessFormatter>;
+        };
         schema: {
             type: PropType<import("@formily/vue").Stringify<{
                 [key: symbol]: any;
@@ -1638,6 +1644,9 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    businessFormatter: {
+        type: PropType<FormBusinessFormatter>;
+    };
     schema: {
         type: PropType<import("@formily/vue").Stringify<{
             [key: symbol]: any;

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

@@ -1,17 +1,6 @@
-import { AnyObject, ArrayAble, Func } from '../../../../../../es/src/types';
-import { FormRequestType } from '../../types';
+import { AnyObject, Func } from '../../../../../../es/src/types';
+import { UrlConfig } from '../../../../../../es/packages/form-render';
 import { PropType } from 'vue';
-declare type DependKeyObj = {
-    paramName: string;
-    paramValue: string;
-};
-declare type UrlConfig = {
-    method?: FormRequestType;
-    nameKey?: string;
-    valueKey?: string;
-    dependKey?: ArrayAble<string> | Record<string, string> | ArrayAble<DependKeyObj>;
-    url: string;
-};
 export declare const SEARCH_CASCADE: import("vue").DefineComponent<{
     options: {
         type: PropType<AnyObject[]>;
@@ -51,4 +40,3 @@ export declare const SEARCH_CASCADE: import("vue").DefineComponent<{
 }, {
     options: AnyObject[];
 }>;
-export {};

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

@@ -1,14 +1,6 @@
 import { AnyObject, Func } from '../../../../../../es/src/types';
-import { FormRequestType } from '../../types';
+import { UrlConfig } 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;
@@ -53,4 +45,3 @@ export declare const SELECT: import("vue").DefineComponent<{
     options: AnyObject[];
     lazyRequest: boolean;
 }>;
-export {};

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

@@ -1,8 +1,9 @@
 import { defineComponent, computed, ref, inject, nextTick, watch, createVNode } from 'vue';
 import { isField } from '@formily/core';
-import { cloneDeep, isEqual } from 'lodash-es';
+import { cloneDeep, isEqual, isString } from 'lodash-es';
 import { useCommonInjection } from '../../../../../packages/form-render/src/hooks/useCommonInjection';
 import { InjectAsyncQueue, InjectionChangeContextCollector, InjectionFormItemDepsCollector } from '../../constants/index.js';
+import { formRenderLog } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { NSelect } from 'naive-ui';
 import { useFormField } from '../../hooks/useFormField.js';
@@ -61,9 +62,11 @@ const script = defineComponent({
       }
       if (remoteOptions.value)
         return;
-      remoteOptions.value = await asyncQueue.addAsync({
-        ...await createParams(configFor(props), field.value, fieldKey.value)
-      });
+      try {
+        remoteOptions.value = await asyncQueue.addAsync(await createParams(configFor(props), field.value, fieldKey.value));
+      } catch (e) {
+        isString(e) && formRenderLog(e, "warn");
+      }
       async function createParams(config, field2, key) {
         const _params = {};
         try {

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

@@ -1,10 +1,13 @@
 import { Form } from '@formily/core';
+import { FormBusinessFormatter } from '../../../../../es/packages/form-render';
 import { FIELD_BUSINESS_TYPE } from '../constants';
 export declare class BusinessCollector {
     private formModel;
+    private businessFormatter?;
     private readonly typeCollector;
     private readonly fieldNameCollector;
-    constructor(formModel: Form);
+    constructor(formModel: Form, businessFormatter?: FormBusinessFormatter | undefined);
+    private formatter;
     collect(type: FIELD_BUSINESS_TYPE, fieldName: string): void;
     private getField;
     private getType;
@@ -19,5 +22,5 @@ export declare class BusinessCollector {
     trigger(fieldName: string, triggerType?: 'change' | 'blur'): void;
 }
 export declare function useBusinessBinding(): {
-    create: (formModel: Form) => BusinessCollector;
+    create: (formModel: Form, formatter?: FormBusinessFormatter) => BusinessCollector;
 };

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

@@ -1,12 +1,13 @@
 import { isField } from '@formily/core';
 import { isString } from '@vueuse/core';
-import { isNumber } from 'lodash-es';
+import { isFunction, isNumber } from 'lodash-es';
 import { FIELD_BUSINESS_TYPE } from '../constants/index.js';
 import { isIdCard, parseIdCard, parseAge2FromContext, parseBirthday, parseAge2Birthday } from '../utils/business.js';
 
 class BusinessCollector {
-  constructor(formModel) {
+  constructor(formModel, businessFormatter) {
     this.formModel = formModel;
+    this.businessFormatter = businessFormatter;
     this.typeCollector = /* @__PURE__ */ new Map();
     this.fieldNameCollector = /* @__PURE__ */ new Map();
     this.handlerChangeMap = /* @__PURE__ */ new Map([
@@ -18,6 +19,9 @@ class BusinessCollector {
       [FIELD_BUSINESS_TYPE.AGE, this.handlerAgeType.bind(this)]
     ]);
   }
+  formatter(...args) {
+    return isFunction(this.businessFormatter) ? this.businessFormatter(...args) : args[0].value;
+  }
   collect(type, fieldName) {
     this.typeCollector.set(type, fieldName);
     this.fieldNameCollector.set(fieldName, type);
@@ -41,7 +45,7 @@ class BusinessCollector {
     field && this.formModel.setFieldState(field, (state) => {
       if (!force && state.value)
         return;
-      state.value = value;
+      state.value = this.formatter({ value, type, fieldKey: field });
     });
   }
   handlerIdCardType() {
@@ -80,8 +84,8 @@ class BusinessCollector {
   }
 }
 function useBusinessBinding() {
-  function create(formModel) {
-    return new BusinessCollector(formModel);
+  function create(formModel, formatter) {
+    return new BusinessCollector(formModel, formatter);
   }
   return { create };
 }

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

@@ -1,7 +1,7 @@
 import { isObject } from '@vueuse/core';
 import { pick } from 'lodash-es';
 import { useFormValidator, useTypeNormalize } from '../../../../packages/form-render';
-import { arrayed, parseNumberFromMaybeString } from '../utils/index.js';
+import { arrayed, parseNumberFromMaybeString, formRenderLog } from '../utils/index.js';
 import { fieldKeyEscape, createLinebarId, elementIdEscape } from '../utils/schema.js';
 import { transformDateFormat } from '../utils/business.js';
 
@@ -158,7 +158,10 @@ function useFieldListAdaptor(collector, uuid) {
   };
   const createComplexSchema = (item) => {
     const schema = createStandardSchema(item);
-    const properties = Array.isArray(item.properties) ? schemaAdaptor(item.properties) : {};
+    if (Array.isArray(item.properties)) {
+      formRenderLog("COMPLEX\u63A7\u4EF6\u7684properties\u5C5E\u6027\u5DF2\u7ECF\u5E9F\u5F03, \u8BF7\u4F7F\u7528children\u4F5C\u4E3A\u66FF\u4EE3, \u5728\u4E4B\u540E\u7684\u7248\u672C\u4E2Dproperties\u5C5E\u6027\u5C06\u4E0D\u518D\u652F\u6301", "warn");
+    }
+    const properties = Array.isArray(item.properties || item.children) ? schemaAdaptor(item.properties || item.children) : {};
     schema.type = item.fieldType || "void";
     schema.properties = properties;
     Object.assign(schema["x-decorator-props"], { showFeedback: false });

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

@@ -34,7 +34,7 @@ function useFormContext(props, formModel) {
     },
     scope: Object.assign({}, usePresetScope(), props.scope)
   }).SchemaField);
-  const businessCollector = useBusinessBinding().create(formModel);
+  const businessCollector = useBusinessBinding().create(formModel, props.businessFormatter);
   provide(InjectionBusinessCollector, businessCollector);
   const changeContextCollector = useChangeContext().create();
   provide(InjectionChangeContextCollector, changeContextCollector);

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

@@ -1,7 +1,7 @@
 import { AnyObject, ArrayAble } from '../../../../../es/src/types';
 import { SchemaTypes } from '@formily/vue';
 import { CSSProperties, VNode } from 'vue';
-import { DependKeyType, FormCommonState } from '../../../../../es/packages/form-render';
+import { DependKeyType, FormCommonState, FormRequestType } from '../../../../../es/packages/form-render';
 declare type FieldBusinessType = 'password' | 'id_card' | 'age' | 'age_unit' | 'mobile' | 'telephone' | 'email' | 'sex' | 'birthday' | 'bank_card' | 'website' | 'gestational_weeks' | 'gestational_stage' | 'customer_name';
 export declare type ValidateItem = Partial<{
     /**
@@ -36,6 +36,15 @@ interface FormRendererPayload {
 export interface FormRenderer {
     (payload: FormRendererPayload): ArrayAble<VNode> | any;
 }
+export declare type UrlConfig = {
+    url: string;
+} & Partial<{
+    method?: FormRequestType;
+    nameKey?: string;
+    valueKey?: string;
+    params?: AnyObject;
+    dependKey?: DependKeyType;
+}>;
 interface SwitchProperty {
     value?: any;
     describe?: string;
@@ -141,17 +150,7 @@ export declare type FieldItem = {
      * slider控件间距
      */
     step_length: string | number;
-    urlConfig: Partial<{
-        url: string;
-        method: 'post' | 'get' | 'put' | 'patch' | 'delete';
-        /**
-         * 请求参数依赖关系
-         */
-        dependKey: DependKeyType;
-        params: AnyObject;
-        nameKey: string;
-        valueKey: string;
-    }>;
+    urlConfig: UrlConfig;
     /**
      * 控件组
      */

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

@@ -2,6 +2,7 @@ import { AnyObject, WithUndefined } from '../../../../../es/src/types';
 import { DataField, Field } from '@formily/core';
 import { ISchema } from '@formily/json-schema/esm/types';
 import { Component, FunctionalComponent } from 'vue';
+import { FIELD_BUSINESS_TYPE } from '../../../../../es/packages/form-render/src/constants';
 import { FieldItem } from '../types';
 import { AsyncQueue } from '../hooks';
 export * from './fieldItem';
@@ -69,4 +70,10 @@ export declare type FormRenderProps = Partial<{
     consumer: boolean;
     uuid: string;
     lifeCycle: FormRenderLifeCycle;
+    businessFormatter: FormBusinessFormatter;
 }>;
+export declare type FormBusinessFormatter = (payload: {
+    fieldKey: string;
+    value: unknown;
+    type: FIELD_BUSINESS_TYPE;
+}) => unknown;