cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.4

package/es/components/form-render/src/FormRender.vue2.js

@@ -1 +1,507 @@
-import{defineComponent as e,ref as o,provide as t,computed as r,nextTick as a,onBeforeUnmount as s,openBlock as i,createBlock as l,unref as n,mergeProps as m,withCtx as p,createElementBlock as d,createVNode as u,isRef as c,Fragment as f,renderList as h,createCommentVNode as y,createElementVNode as g,normalizeStyle as v,toDisplayString as b,renderSlot as j}from"vue";import{useTheme as k}from"../../../shared/hooks/useTheme.js";import{useElementSize as C}from"@vueuse/core";import"date-fns";import{isNumber as F,cloneDeep as S}from"lodash-es";import"@vue/shared";import"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{NForm as x,NTabs as w,NTabPane as L,NConfigProvider as B}from"naive-ui";import{useVersion as A}from"../../../shared/hooks/useVersion.js";import"../../../shared/hooks/useScrollLoading.js";import{createForm as R,onFormMount as H,onFieldValueChange as O,onFieldMount as T,onFieldUnmount as I,onFieldReact as V}from"@formily/core";import{Path as N}from"@formily/path";import{FormProvider as _,FormConsumer as D}from"@formily/vue";import{InjectionFormColumnWidth as W,InjectionFormLifeCycleCaller as U,InjectionFormGraph as E}from"./constants/index.js";import"./components/renderer/text.js";import"./utils/business.js";import{createObjSchema as M}from"./utils/schema.js";import{useAnchor as q}from"./hooks/useAnchor.js";import"../index.js";import{useComplexOptionsSpan as P}from"./hooks/useComplexOptions.js";import{useFieldListAdaptor as G}from"./hooks/useFieldListAdaptor.js";import"../../../shared/utils/tapable/SyncHook.js";import"../../../shared/utils/tapable/SyncBailHook.js";import"../../../shared/utils/tapable/SyncWaterfallHook.js";import"../../../shared/utils/tapable/SyncLoopHook.js";import"../../../shared/utils/tapable/AsyncParallelHook.js";import"../../../shared/utils/tapable/AsyncParallelBailHook.js";import"../../../shared/utils/tapable/AsyncSeriesHook.js";import"../../../shared/utils/tapable/AsyncSeriesBailHook.js";import"../../../shared/utils/tapable/AsyncSeriesLoopHook.js";import"../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js";import{useFieldVisitor as K}from"./hooks/useFieldVisitor.js";import{useFormContext as z}from"./hooks/useFormContext.js";import{useFormDomEvent as J,useFormExposeEvent as Q}from"./hooks/useFormEvent.js";import{useFormGraph as $}from"./hooks/useFormGraph.js";import{useFormRenderLifeCycle as X}from"./hooks/useFormRenderLifeCycle.js";import{validateMessageLocale as Y}from"./hooks/useFormValidator.js";import{useLowCodeEvent as Z}from"./hooks/useLowCodeEvent.js";import{useLowCodeReactions as ee}from"./hooks/useLowCodeReactions.js";import{useNuiThemeOverrides as oe}from"./hooks/useNuiThemeOverrides.js";import{useOperationalForm as te}from"./hooks/useOperationalForm.js";import{useWordbookSetting as re}from"./hooks/useWordbookSetting.js";import{useNewLowCodeReactions as ae}from"./hooks/useNewLowCodeReactions.js";import{GlobalState as se}from"@formily/core/esm/shared/constants";const ie={key:0,style:{height:"54px"}},le={style:{"white-space":"pre"}};var ne=e({__name:"FormRender",props:{fieldList:{type:Array},initialData:{type:Object,default:()=>({})},fieldVisitor:{type:Object},column:{type:Number,default:24},maxHeight:{type:[Number,String],default:""},anchor:{type:Boolean,default:!1},parallelism:{type:Number,default:5},businessFormatter:{type:Function},schema:{type:Object},components:{type:Object,default:()=>({})},scope:{type:Object,default:()=>({})},annotation:{type:Object},annotationShortcuts:{type:Array},consumer:{type:Boolean,default:!1},uuid:{type:String},lifeCycle:{type:Object},requestInstance:{type:Object},enterToNextWidget:{type:[Boolean,Function],default:!0},autoExpand:Boolean,lowCodeReactions:{type:Array},newLowCodeReactions:{type:Array},operationalForm:{type:Array},dateOperationalForm:{type:Object},operationalFormInit:{type:Boolean,default:!0},linebarAutoHidden:{type:Boolean},bordered:{type:[Boolean,String],default:!0},labelPlacementOverwrite:Boolean,outBordered:{type:Boolean,default:!1},uniqueCacheData:{type:Boolean,default:!1},forceClearable:Boolean,wordSplitFilter:{type:Boolean,default:!0},selectMode:Boolean,selectedFields:{type:Array},linebarDirection:{type:String,default:"vertical"},linebarTextDirection:{type:String,default:"horizontal"},linebarWidth:{type:[Number,String],default:120},autoWidth:{type:[Boolean,Number],default:!1},incrementalRender:{type:Boolean,default:!1},feedbackType:{type:String,default:"default"},fixMemoLeak:{type:Boolean},lazyRender:Boolean},emits:["formChange","annotationChange","scroll","update:selectedFields","linebarChange","ready"],setup(e,{expose:ne,emit:me}){const pe=e,de=k(),{nuiThemeOverrides:ue}=oe();Y();const ce=o(),{width:fe}=C(ce);t(W,r((()=>fe.value?(fe.value-16*(pe.column-1))/24:0)));const he=r((()=>F(pe.maxHeight)?pe.maxHeight+"px":pe.maxHeight)),{SchemaField:ye,businessCollector:ge,formItemDepsCollector:ve,changeContextCollector:be,asyncQueue:je,formUUID:ke}=z(pe,me),{anchorBarRef:Ce,currentAnchor:Fe,updateAnchorList:Se,anchorIdList:xe,onScroll:we,generateAnchorList:Le}=q(pe,me,ce,ve),{callLifeCycle:Be}=X(pe);t(U,Be),Be("onSetup");const{observeFormGraph:Ae,setGraph:Re,removeGraph:He}=$();t(E,Ae);const{lowCodeEventTrigger:Oe}=Z(),Te=o(!0),Ie=R({initialValues:pe.initialData,effects(e){const o={};H((()=>{Object.assign(o,S(e.values))})),O("*",(t=>{const r=N.getIn(o,t.path);N.setIn(o,t.path,t.value);const a=t.props.name.toString();ge.trigger(e,a),ve.trigger(t.path),Te.value&&me("formChange",{fieldInstance:t,fieldKey:a,oldValue:r,fieldName:t.title,value:t.value,context:be.getContext(a,t.value)}),Oe(t),Ve(a),Ne(a),_e.trigger(a),De.trigger(a,t.value)})),T("*",Re),T("*",(e=>{const o=e.props.name.toString();Ve(o),Ne(o),pe.operationalFormInit&&_e.trigger(o)})),I("*",He),pe.anchor&&V("*",Se)}}),{lowCodeReactionsHandler:Ve}=ee(r((()=>pe.lowCodeReactions)),Ie),{newLowCodeReactionsHandler:Ne}=ae(r((()=>pe.newLowCodeReactions)),Ie),_e=te(pe,Ie),De=re().create(Ie,be),{schemaAdaptor:We}=G(ge,pe.lifeCycle);let Ue=pe.fieldList||[],Ee=[];const Me=r((()=>{var e;let o=!1;const t=pe.schema?pe.schema:pe.fieldList?(Ue!==pe.fieldList&&0!==Ue.length||(o=!0),Ue=K().traverse(S(pe.fieldList),pe.fieldVisitor),M(We(Ue,pe))):M({});return pe.incrementalRender&&(null==(e=pe.fieldList)?void 0:e.length)&&o&&(Ee=[],Object.values(t.properties).forEach((e=>{var o;"visible"===e["x-display"]&&"LINEBAR"===e["x-component"]&&!1!==(null==(o=e["x-component-props"])?void 0:o.show)&&(Ee.push(e),e["x-component-props"].show=!1)})),qe()),t}));function qe(){Ee.length?setTimeout((()=>{const e=Ee.shift();e&&(ve.trigger(N.parse(e.name),!0),Ie.setFieldState(e.name,(e=>{e.componentProps.show=!0})),Ee.length?qe():a().then((()=>{me("ready")})))}),300):me("ready")}const{onKeydown:Pe}=J({formModel:Ie,formRenderRef:ce,props:pe,formUUID:ke}),{clearSpan:Ge}=P();s((()=>{Ge(ke),pe.fixMemoLeak&&(se.lifecycles.length=0)}));const Ke=Q({formModel:Ie,formRenderRef:ce,formItemDepsCollector:ve,businessCollector:ge,wordbookSettingHandler:De,operationalFormHandler:_e,getFieldList:()=>Ue,formUUID:ke,changeContextCollector:be,emitFormChange:Te});return ne({formModel:Ie,validate:(e="*",o={})=>Ke.validate(e,o),getFormValues:(e=!0)=>Ke.getFormValues(e),setFormValues:async(e,o={})=>Ke.setFormValues(e,o),setFieldState(e,o){Ke.setFieldState(e,o)},resetFields(e="*"){Ke.resetFields(e)},queryWidget:async e=>Ke.queryWidget(e),getFieldList:()=>Ue,applySelectedSetting:e=>Ke.applySelectedSetting(e),async reload(){console.error("reload function is abstract,it should be overwrite!")},async optionInited(e={}){if(await a(),je.activeTasks)return new Promise((o=>{var t;const r=()=>{o(),je.onActiveTaskChange=null};je.onActiveTaskChange=()=>{je.activeTasks||r()},setTimeout(r,null!=(t=e.timeout)?t:5e3)}))},updateAnchor(){Le(Ie)},getTextFormValues:()=>Ke.getTextFormValues()}),(o,t)=>(i(),l(n(x),m({class:["form-render",{"form-render--out-border":e.outBordered}],"require-mark-placement":"left",style:n(de)},n(A)(),{uuid:n(ke)}),{default:p((()=>[e.anchor&&n(xe).length?(i(),d("section",ie,[u(n(w),{value:n(Fe),"onUpdate:value":t[0]||(t[0]=e=>c(Fe)?Fe.value=e:null),type:"line",ref_key:"anchorBarRef",ref:Ce},{default:p((()=>[(i(!0),d(f,null,h(n(xe),(e=>(i(),l(n(L),{name:e.name,tab:e.title,key:e.name},null,8,["name","tab"])))),128))])),_:1},8,["value"])])):y("v-if",!0),u(n(B),{"theme-overrides":n(ue)},{default:p((()=>[g("section",{class:"form-render__wrapper",style:v({"--column":e.column,"--form-height":n(he)}),ref_key:"formRenderRef",ref:ce,onScroll:t[1]||(t[1]=(...e)=>n(we)&&n(we)(...e)),onKeydownCapture:t[2]||(t[2]=(...e)=>n(Pe)&&n(Pe)(...e))},[u(n(_),{form:n(Ie)},{default:p((()=>[u(n(ye),{schema:n(Me)},null,8,["schema"]),e.consumer?(i(),l(n(D),{key:0},{default:p((({form:e})=>[g("div",le,b(JSON.stringify(e.values,null,2)),1)])),_:1})):y("v-if",!0),j(o.$slots,"default")])),_:3},8,["form"])],36)])),_:3},8,["theme-overrides"])])),_:3},16,["class","style","uuid"]))}});export{ne as default};
+import { defineComponent, ref, provide, computed, nextTick, onBeforeUnmount, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, createVNode, isRef, Fragment, renderList, createCommentVNode, createElementVNode, normalizeStyle, toDisplayString, renderSlot } from 'vue';
+import { useTheme } from '../../../shared/hooks/useTheme.js';
+import { useElementSize } from '@vueuse/core';
+import 'date-fns';
+import { isNumber, cloneDeep } from 'lodash-es';
+import '@vue/shared';
+import '../../../shared/utils/index.js';
+import '@vueuse/shared';
+import '../../../shared/hooks/selectHooks/useSearchContent.js';
+import '@vicons/ionicons5';
+import { NForm, NTabs, NTabPane, NConfigProvider } from 'naive-ui';
+import { useVersion } from '../../../shared/hooks/useVersion.js';
+import '../../../shared/hooks/useScrollLoading.js';
+import { createForm, onFormMount, onFieldValueChange, onFieldMount, onFieldUnmount, onFieldReact } from '@formily/core';
+import { Path } from '@formily/path';
+import { FormProvider, FormConsumer } from '@formily/vue';
+import { InjectionFormColumnWidth, InjectionFormLifeCycleCaller, InjectionFormGraph } from './constants/index.js';
+import './components/renderer/text.js';
+import './utils/business.js';
+import { createObjSchema } from './utils/schema.js';
+import { useAnchor } from './hooks/useAnchor.js';
+import '../index.js';
+import { useComplexOptionsSpan } from './hooks/useComplexOptions.js';
+import { useFieldListAdaptor } from './hooks/useFieldListAdaptor.js';
+import '../../../shared/utils/tapable/SyncHook.js';
+import '../../../shared/utils/tapable/SyncBailHook.js';
+import '../../../shared/utils/tapable/SyncWaterfallHook.js';
+import '../../../shared/utils/tapable/SyncLoopHook.js';
+import '../../../shared/utils/tapable/AsyncParallelHook.js';
+import '../../../shared/utils/tapable/AsyncParallelBailHook.js';
+import '../../../shared/utils/tapable/AsyncSeriesHook.js';
+import '../../../shared/utils/tapable/AsyncSeriesBailHook.js';
+import '../../../shared/utils/tapable/AsyncSeriesLoopHook.js';
+import '../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
+import { useFieldVisitor } from './hooks/useFieldVisitor.js';
+import { useFormContext } from './hooks/useFormContext.js';
+import { useFormDomEvent, useFormExposeEvent } from './hooks/useFormEvent.js';
+import { useFormGraph } from './hooks/useFormGraph.js';
+import { useFormRenderLifeCycle } from './hooks/useFormRenderLifeCycle.js';
+import { validateMessageLocale } from './hooks/useFormValidator.js';
+import { useLowCodeEvent } from './hooks/useLowCodeEvent.js';
+import { useLowCodeReactions } from './hooks/useLowCodeReactions.js';
+import { useNuiThemeOverrides } from './hooks/useNuiThemeOverrides.js';
+import { useOperationalForm } from './hooks/useOperationalForm.js';
+import { useWordbookSetting } from './hooks/useWordbookSetting.js';
+import { useNewLowCodeReactions } from './hooks/useNewLowCodeReactions.js';
+import { GlobalState } from '@formily/core/esm/shared/constants';
+
+const _hoisted_1 = {
+  key: 0,
+  style: {
+    "height": "54px"
+  }
+};
+const _hoisted_2 = {
+  style: {
+    "white-space": "pre"
+  }
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormRender",
+  props: {
+    fieldList: {
+      type: Array
+    },
+    initialData: {
+      type: Object,
+      default: () => ({})
+    },
+    fieldVisitor: {
+      type: Object
+    },
+    column: {
+      type: Number,
+      default: 24
+    },
+    maxHeight: {
+      type: [Number, String],
+      default: ""
+    },
+    anchor: {
+      type: Boolean,
+      default: false
+    },
+    parallelism: {
+      type: Number,
+      default: 5
+    },
+    businessFormatter: {
+      type: Function
+    },
+    schema: {
+      type: Object
+    },
+    components: {
+      type: Object,
+      default: () => ({})
+    },
+    scope: {
+      type: Object,
+      default: () => ({})
+    },
+    annotation: {
+      type: Object
+    },
+    annotationShortcuts: {
+      type: Array
+    },
+    consumer: {
+      type: Boolean,
+      default: false
+    },
+    uuid: {
+      type: String
+    },
+    lifeCycle: {
+      type: Object
+    },
+    requestInstance: {
+      type: Object
+    },
+    enterToNextWidget: {
+      type: [Boolean, Function],
+      default: true
+    },
+    autoExpand: Boolean,
+    lowCodeReactions: {
+      type: Array
+    },
+    newLowCodeReactions: {
+      type: Array
+    },
+    operationalForm: {
+      type: Array
+    },
+    dateOperationalForm: {
+      type: Object
+    },
+    operationalFormInit: {
+      type: Boolean,
+      default: true
+    },
+    linebarAutoHidden: {
+      type: Boolean
+    },
+    bordered: {
+      type: [Boolean, String],
+      default: true
+    },
+    labelPlacementOverwrite: Boolean,
+    outBordered: {
+      type: Boolean,
+      default: false
+    },
+    uniqueCacheData: {
+      type: Boolean,
+      default: false
+    },
+    forceClearable: Boolean,
+    wordSplitFilter: {
+      type: Boolean,
+      default: true
+    },
+    selectMode: Boolean,
+    selectedFields: {
+      type: Array
+    },
+    linebarDirection: {
+      type: String,
+      default: "vertical"
+    },
+    linebarTextDirection: {
+      type: String,
+      default: "horizontal"
+    },
+    linebarWidth: {
+      type: [Number, String],
+      default: 120
+    },
+    autoWidth: {
+      type: [Boolean, Number],
+      default: false
+    },
+    incrementalRender: {
+      type: Boolean,
+      default: false
+    },
+    feedbackType: {
+      type: String,
+      default: "default"
+    },
+    fixMemoLeak: {
+      type: Boolean
+    },
+    lazyRender: Boolean
+  },
+  emits: [
+    "formChange",
+    "annotationChange",
+    "scroll",
+    "update:selectedFields",
+    "linebarChange",
+    "ready"
+  ],
+  setup(__props, {
+    expose,
+    emit
+  }) {
+    const props = __props;
+    const cssVars = useTheme();
+    const {
+      nuiThemeOverrides
+    } = useNuiThemeOverrides();
+    validateMessageLocale();
+    const formRenderRef = ref();
+    const {
+      width: formWidth
+    } = useElementSize(formRenderRef);
+    provide(InjectionFormColumnWidth, computed(() => {
+      if (!formWidth.value)
+        return 0;
+      return (formWidth.value - (props.column - 1) * 16) / 24;
+    }));
+    const formHeight = computed(() => {
+      if (isNumber(props.maxHeight))
+        return props.maxHeight + "px";
+      return props.maxHeight;
+    });
+    const {
+      SchemaField,
+      businessCollector,
+      formItemDepsCollector,
+      changeContextCollector,
+      asyncQueue,
+      formUUID
+    } = useFormContext(props, emit);
+    const {
+      anchorBarRef,
+      currentAnchor,
+      updateAnchorList,
+      anchorIdList,
+      onScroll,
+      generateAnchorList
+    } = useAnchor(props, emit, formRenderRef, formItemDepsCollector);
+    const {
+      callLifeCycle
+    } = useFormRenderLifeCycle(props);
+    provide(InjectionFormLifeCycleCaller, callLifeCycle);
+    callLifeCycle("onSetup");
+    const {
+      observeFormGraph,
+      setGraph,
+      removeGraph
+    } = useFormGraph();
+    provide(InjectionFormGraph, observeFormGraph);
+    const {
+      lowCodeEventTrigger
+    } = useLowCodeEvent();
+    const emitFormChange = ref(true);
+    const formModel = createForm({
+      initialValues: props.initialData,
+      effects(_formModel) {
+        const formValues = {};
+        onFormMount(() => {
+          Object.assign(formValues, cloneDeep(_formModel.values));
+        });
+        onFieldValueChange("*", (field) => {
+          const oldValue = Path.getIn(formValues, field.path);
+          Path.setIn(formValues, field.path, field.value);
+          const fieldKey = field.props.name.toString();
+          businessCollector.trigger(_formModel, fieldKey);
+          formItemDepsCollector.trigger(field.path);
+          emitFormChange.value && emit("formChange", {
+            fieldInstance: field,
+            fieldKey,
+            oldValue,
+            fieldName: field.title,
+            value: field.value,
+            context: changeContextCollector.getContext(fieldKey, field.value)
+          });
+          lowCodeEventTrigger(field);
+          lowCodeReactionsHandler(fieldKey);
+          newLowCodeReactionsHandler(fieldKey);
+          operationalFormHandler.trigger(fieldKey);
+          wordbookSettingHandler.trigger(fieldKey, field.value);
+        });
+        onFieldMount("*", setGraph);
+        onFieldMount("*", (field) => {
+          const fieldKey = field.props.name.toString();
+          lowCodeReactionsHandler(fieldKey);
+          newLowCodeReactionsHandler(fieldKey);
+          props.operationalFormInit && operationalFormHandler.trigger(fieldKey);
+        });
+        onFieldUnmount("*", removeGraph);
+        if (props.anchor) {
+          onFieldReact("*", updateAnchorList);
+        }
+      }
+    });
+    const {
+      lowCodeReactionsHandler
+    } = useLowCodeReactions(computed(() => props.lowCodeReactions), formModel);
+    const {
+      newLowCodeReactionsHandler
+    } = useNewLowCodeReactions(computed(() => props.newLowCodeReactions), formModel);
+    const operationalFormHandler = useOperationalForm(props, formModel);
+    const wordbookSettingHandler = useWordbookSetting().create(formModel, changeContextCollector);
+    const {
+      schemaAdaptor
+    } = useFieldListAdaptor(businessCollector, props.lifeCycle);
+    let _fieldList = props.fieldList || [];
+    let incrementalRenderList = [];
+    const parsedSchema = computed(() => {
+      var _a;
+      let isInit = false;
+      const result = (() => {
+        if (props.schema) {
+          return props.schema;
+        }
+        if (props.fieldList) {
+          if (_fieldList === props.fieldList || _fieldList.length === 0) {
+            isInit = true;
+          }
+          _fieldList = useFieldVisitor().traverse(cloneDeep(props.fieldList), props.fieldVisitor);
+          return createObjSchema(schemaAdaptor(_fieldList, props));
+        }
+        return createObjSchema({});
+      })();
+      if (props.incrementalRender && ((_a = props.fieldList) == null ? void 0 : _a.length) && isInit) {
+        incrementalRenderList = [];
+        Object.values(result.properties).forEach((item) => {
+          var _a2;
+          if (item["x-display"] !== "visible" || item["x-component"] !== "LINEBAR" || ((_a2 = item["x-component-props"]) == null ? void 0 : _a2.show) === false) {
+            return;
+          }
+          incrementalRenderList.push(item);
+          item["x-component-props"].show = false;
+        });
+        startIncrementalRender();
+      }
+      return result;
+    });
+    function startIncrementalRender() {
+      if (incrementalRenderList.length) {
+        setTimeout(() => {
+          const item = incrementalRenderList.shift();
+          if (!item)
+            return;
+          formItemDepsCollector.trigger(Path.parse(item.name), true);
+          formModel.setFieldState(item.name, (state) => {
+            state.componentProps.show = true;
+          });
+          if (incrementalRenderList.length) {
+            startIncrementalRender();
+          } else {
+            nextTick().then(() => {
+              emit("ready");
+            });
+          }
+        }, 300);
+      } else {
+        emit("ready");
+      }
+    }
+    const {
+      onKeydown
+    } = useFormDomEvent({
+      formModel,
+      formRenderRef,
+      props,
+      formUUID
+    });
+    const {
+      clearSpan
+    } = useComplexOptionsSpan();
+    onBeforeUnmount(() => {
+      clearSpan(formUUID);
+      props.fixMemoLeak && (GlobalState.lifecycles.length = 0);
+    });
+    const exposeEvent = useFormExposeEvent({
+      formModel,
+      formRenderRef,
+      formItemDepsCollector,
+      businessCollector,
+      wordbookSettingHandler,
+      operationalFormHandler,
+      getFieldList: () => _fieldList,
+      formUUID,
+      changeContextCollector,
+      emitFormChange
+    });
+    expose({
+      formModel,
+      validate(path = "*", options = {}) {
+        return exposeEvent.validate(path, options);
+      },
+      getFormValues(needCombineExtendKey = true) {
+        return exposeEvent.getFormValues(needCombineExtendKey);
+      },
+      async setFormValues(values, options = {}) {
+        return exposeEvent.setFormValues(values, options);
+      },
+      setFieldState(path, setter) {
+        exposeEvent.setFieldState(path, setter);
+      },
+      resetFields(path = "*") {
+        exposeEvent.resetFields(path);
+      },
+      async queryWidget(key) {
+        return exposeEvent.queryWidget(key);
+      },
+      getFieldList() {
+        return _fieldList;
+      },
+      applySelectedSetting(settings) {
+        return exposeEvent.applySelectedSetting(settings);
+      },
+      async reload() {
+        console.error("reload function is abstract,it should be overwrite!");
+      },
+      async optionInited(option = {}) {
+        await nextTick();
+        if (!asyncQueue.activeTasks)
+          return;
+        return new Promise((res) => {
+          var _a;
+          const resolve = () => {
+            res();
+            asyncQueue.onActiveTaskChange = null;
+          };
+          asyncQueue.onActiveTaskChange = () => {
+            if (asyncQueue.activeTasks)
+              return;
+            resolve();
+          };
+          setTimeout(resolve, (_a = option.timeout) != null ? _a : 5e3);
+        });
+      },
+      updateAnchor() {
+        generateAnchorList(formModel);
+      },
+      getTextFormValues() {
+        return exposeEvent.getTextFormValues();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NForm), mergeProps({
+        class: ["form-render", {
+          "form-render--out-border": __props.outBordered
+        }],
+        "require-mark-placement": "left",
+        style: unref(cssVars)
+      }, unref(useVersion)(), {
+        uuid: unref(formUUID)
+      }), {
+        default: withCtx(() => [__props.anchor && unref(anchorIdList).length ? (openBlock(), createElementBlock("section", _hoisted_1, [createVNode(unref(NTabs), {
+          value: unref(currentAnchor),
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(currentAnchor) ? currentAnchor.value = $event : null),
+          type: "line",
+          ref_key: "anchorBarRef",
+          ref: anchorBarRef
+        }, {
+          default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(anchorIdList), (anchor) => {
+            return openBlock(), createBlock(unref(NTabPane), {
+              name: anchor.name,
+              tab: anchor.title,
+              key: anchor.name
+            }, null, 8, ["name", "tab"]);
+          }), 128))]),
+          _: 1
+        }, 8, ["value"])])) : createCommentVNode("v-if", true), createVNode(unref(NConfigProvider), {
+          "theme-overrides": unref(nuiThemeOverrides)
+        }, {
+          default: withCtx(() => [createElementVNode("section", {
+            class: "form-render__wrapper",
+            style: normalizeStyle({
+              "--column": __props.column,
+              "--form-height": unref(formHeight)
+            }),
+            ref_key: "formRenderRef",
+            ref: formRenderRef,
+            onScroll: _cache[1] || (_cache[1] = (...args) => unref(onScroll) && unref(onScroll)(...args)),
+            onKeydownCapture: _cache[2] || (_cache[2] = (...args) => unref(onKeydown) && unref(onKeydown)(...args))
+          }, [createVNode(unref(FormProvider), {
+            form: unref(formModel)
+          }, {
+            default: withCtx(() => [createVNode(unref(SchemaField), {
+              schema: unref(parsedSchema)
+            }, null, 8, ["schema"]), __props.consumer ? (openBlock(), createBlock(unref(FormConsumer), {
+              key: 0
+            }, {
+              default: withCtx(({
+                form
+              }) => [createElementVNode("div", _hoisted_2, toDisplayString(JSON.stringify(form.values, null, 2)), 1)]),
+              _: 1
+            })) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")]),
+            _: 3
+          }, 8, ["form"])], 36)]),
+          _: 3
+        }, 8, ["theme-overrides"])]),
+        _: 3
+      }, 16, ["class", "style", "uuid"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/form-render/src/FormRenderWrapper.vue.js

@@ -1 +1,6 @@
-import r from"./FormRenderWrapper.vue2.js";import e from"../../../_virtual/_plugin-vue_export-helper.js";var p=e(r,[["__file","FormRenderWrapper.vue"]]);export{p as default};
+import _sfc_main from './FormRenderWrapper.vue2.js';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
+
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "FormRenderWrapper.vue"]]);
+
+export { script as default };

package/es/components/form-render/src/FormRenderWrapper.vue2.js

@@ -1 +1,44 @@
-import{defineComponent as e,ref as r,computed as t,openBlock as a,createBlock as l,withCtx as o,renderSlot as u,nextTick as d}from"vue";import n from"./FormRender.vue.js";var s=e({__name:"FormRenderWrapper",setup(e,{expose:s}){const i=r(),m=r(0);return s({...["validate","getFormValues","setFormValues","setFieldState","resetFields","queryWidget","getFieldList","applySelectedSetting","getTextFormValues","optionInited","updateAnchor"].reduce(((e,r)=>(e[r]=(...e)=>{var t;return(null==(t=i.value)?void 0:t[r]).call(t,...e)},e)),{}),formModel:t((()=>{var e;return null==(e=i.value)?void 0:e.formModel})),reload:async function(){m.value++,await d()}}),(e,r)=>(a(),l(n,{key:m.value,ref_key:"formRenderRef",ref:i},{default:o((()=>[u(e.$slots,"default")])),_:3}))}});export{s as default};
+import { defineComponent, ref, computed, openBlock, createBlock, withCtx, renderSlot, nextTick } from 'vue';
+import FormRender from './FormRender.vue.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormRenderWrapper",
+  setup(__props, {
+    expose
+  }) {
+    const formRenderRef = ref();
+    const key = ref(0);
+    async function reload() {
+      key.value++;
+      await nextTick();
+    }
+    const formRenderExposeKeyList = ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFields", "queryWidget", "getFieldList", "applySelectedSetting", "getTextFormValues", "optionInited", "updateAnchor"];
+    const exposed = formRenderExposeKeyList.reduce((res, key2) => {
+      res[key2] = (...args) => {
+        var _a;
+        return ((_a = formRenderRef.value) == null ? void 0 : _a[key2]).call(_a, ...args);
+      };
+      return res;
+    }, {});
+    expose({
+      ...exposed,
+      formModel: computed(() => {
+        var _a;
+        return (_a = formRenderRef.value) == null ? void 0 : _a.formModel;
+      }),
+      reload
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(FormRender, {
+        key: key.value,
+        ref_key: "formRenderRef",
+        ref: formRenderRef
+      }, {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/form-render/src/components/renderer/combination/combination.js

@@ -1 +1,102 @@
-import{defineComponent as e,inject as o,createVNode as r}from"vue";import{isObjectField as t}from"@formily/core";import{connect as i,RecursionField as n}from"@formily/vue";import{range as m}from"lodash-es";import"../../../../index.js";import{InjectionBusinessCollector as s,InjectionFormGlobalProps as a}from"../../../constants/index.js";import"../../../../../../shared/utils/index.js";import"@formily/path";import"@vicons/ionicons5";import"@vue/shared";import"@vueuse/core";import"naive-ui";import"../text.js";import"../../../utils/business.js";import{createObjSchema as u}from"../../../utils/schema.js";import{useCombination as l}from"./hooks/useCombination.js";import{useFormField as p}from"../../../hooks/useFormField.js";import{useFieldListAdaptor as c}from"../../../hooks/useFieldListAdaptor.js";const f=i(e({name:"FormCombination",props:{title:{type:String,default:""},value:{type:Array},maxGroupNum:{type:Number},minGroupNum:{type:Number,default:1},disabled:{type:Boolean},properties:{type:Array,default:()=>[]},combinationItemDeletable:{type:[Boolean,Function],default:!0},showLabel:Boolean,onInput:{},onBlur:{},onChange:{}},emits:["update:value"],setup(e){const{field:i,fieldKey:f}=p(),{currentGroupNum:d,renderRemoveBtn:v,renderHeader:y}=l(e);function b(){d.value++}const h=o(s),j=o(a),{schemaAdaptor:C}=c(h,j.lifeCycle);return()=>r("section",{class:"form-render__combination"},[y({onClick:b}),m(d.value).map(((o,m)=>r("section",{class:"form-render__combinationContent"},[r(n,{schema:u(C(e.properties)),name:m},null),v({onClick:()=>async function(o){if(d.value>e.minGroupNum)d.value--,await i.value.remove(o);else{const e=i.value.query(`${f.value}.${o}`).take();if(!e||!t(e))return;await e.reset()}}(m),class:"form-render__combinationClose"},m)])))])}}));export{f as COMBINATION};
+import { defineComponent, inject, createVNode } from 'vue';
+import { isObjectField } from '@formily/core';
+import { connect, RecursionField } from '@formily/vue';
+import { range } from 'lodash-es';
+import '../../../../index.js';
+import { InjectionBusinessCollector, InjectionFormGlobalProps } from '../../../constants/index.js';
+import '../../../../../../shared/utils/index.js';
+import '@formily/path';
+import '@vicons/ionicons5';
+import '@vue/shared';
+import '@vueuse/core';
+import 'naive-ui';
+import '../text.js';
+import '../../../utils/business.js';
+import { createObjSchema } from '../../../utils/schema.js';
+import { useCombination } from './hooks/useCombination.js';
+import { useFormField } from '../../../hooks/useFormField.js';
+import { useFieldListAdaptor } from '../../../hooks/useFieldListAdaptor.js';
+
+const script = /* @__PURE__ */ defineComponent({
+  name: "FormCombination",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    value: {
+      type: Array
+    },
+    maxGroupNum: {
+      type: Number
+    },
+    minGroupNum: {
+      type: Number,
+      default: 1
+    },
+    disabled: {
+      type: Boolean
+    },
+    properties: {
+      type: Array,
+      default: () => []
+    },
+    combinationItemDeletable: {
+      type: [Boolean, Function],
+      default: true
+    },
+    showLabel: Boolean,
+    onInput: {},
+    onBlur: {},
+    onChange: {}
+  },
+  emits: ["update:value"],
+  setup(props) {
+    const {
+      field,
+      fieldKey
+    } = useFormField();
+    const {
+      currentGroupNum,
+      renderRemoveBtn,
+      renderHeader
+    } = useCombination(props);
+    function addGroup() {
+      currentGroupNum.value++;
+    }
+    async function removeGroup(idx) {
+      if (currentGroupNum.value > props.minGroupNum) {
+        currentGroupNum.value--;
+        await field.value.remove(idx);
+      } else {
+        const currentField = field.value.query(`${fieldKey.value}.${idx}`).take();
+        if (!currentField || !isObjectField(currentField))
+          return;
+        await currentField.reset();
+      }
+    }
+    const collector = inject(InjectionBusinessCollector);
+    const globProps = inject(InjectionFormGlobalProps);
+    const {
+      schemaAdaptor
+    } = useFieldListAdaptor(collector, globProps.lifeCycle);
+    return () => {
+      return createVNode("section", {
+        "class": "form-render__combination"
+      }, [renderHeader({
+        onClick: addGroup
+      }), range(currentGroupNum.value).map((_, idx) => createVNode("section", {
+        "class": "form-render__combinationContent"
+      }, [createVNode(RecursionField, {
+        "schema": createObjSchema(schemaAdaptor(props.properties)),
+        "name": idx
+      }, null), renderRemoveBtn({
+        onClick: () => removeGroup(idx),
+        class: "form-render__combinationClose"
+      }, idx)]))]);
+    };
+  }
+});
+const COMBINATION = connect(script);
+
+export { COMBINATION };