cnhis-design-vue 3.4.0-beta.4 → 3.4.0-beta.7

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

@@ -48,154 +48,59 @@ import { GlobalState } from '@formily/core/esm/shared/constants';
 
 const _hoisted_1 = {
   key: 0,
-  style: {
-    "height": "54px"
-  }
-};
-const _hoisted_2 = {
-  style: {
-    "white-space": "pre"
-  }
+  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
-    },
-    nominalAge: {
-      type: Boolean,
-      default: false
-    },
-    schema: {
-      type: Object
-    },
+    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 },
+    nominalAge: { type: Boolean, default: false },
+    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
-    },
+    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
-    },
+    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
-    },
+    outBordered: { type: Boolean, default: false },
+    uniqueCacheData: { type: Boolean, default: false },
     forceClearable: Boolean,
-    wordSplitFilter: {
-      type: Boolean,
-      default: true
-    },
+    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
-    },
+    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,
     linebreaksToTitle: Boolean,
     dialogFn: {}
@@ -208,61 +113,39 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     "linebarChange",
     "ready"
   ],
-  setup(__props, {
-    expose: __expose,
-    emit: __emit
-  }) {
+  setup(__props, { expose, emit }) {
     const props = __props;
-    const emit = __emit;
     const cssVars = useTheme();
-    const {
-      nuiThemeOverrides
-    } = useNuiThemeOverrides();
+    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 { 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);
+    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();
+    const { observeFormGraph, setGraph, removeGraph } = useFormGraph();
     provide(InjectionFormGraph, observeFormGraph);
-    const {
-      lowCodeEventTrigger
-    } = useLowCodeEvent();
+    const { lowCodeEventTrigger } = useLowCodeEvent();
     const emitFormChange = ref(true);
     const formModel = createForm({
       initialValues: props.initialData,
@@ -304,17 +187,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     });
-    const {
-      lowCodeReactionsHandler
-    } = useLowCodeReactions(computed(() => props.lowCodeReactions), formModel);
-    const {
-      newLowCodeReactionsHandler
-    } = useNewLowCodeReactions(computed(() => props.newLowCodeReactions), formModel);
+    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);
+    const { schemaAdaptor } = useFieldListAdaptor(businessCollector, props);
     let _fieldList = props.fieldList || [];
     let incrementalRenderList = [];
     const parsedSchema = computed(() => {
@@ -369,17 +252,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         emit("ready");
       }
     }
-    const {
-      onKeydown
-    } = useFormDomEvent({
-      formModel,
-      formRenderRef,
-      props,
-      formUUID
-    });
-    const {
-      clearSpan
-    } = useComplexOptionsSpan();
+    const { onKeydown } = useFormDomEvent({ formModel, formRenderRef, props, formUUID });
+    const { clearSpan } = useComplexOptionsSpan();
     onBeforeUnmount(() => {
       clearSpan(formUUID);
       props.fixMemoLeak && (GlobalState.lifecycles.length = 0);
@@ -396,7 +270,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       changeContextCollector,
       emitFormChange
     });
-    __expose({
+    expose({
       formModel,
       validate(path = "*", options = {}) {
         return exposeEvent.validate(path, options);
@@ -452,59 +326,59 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NForm), mergeProps({
-        class: ["form-render", {
-          "form-render--out-border": __props.outBordered
-        }],
+        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": formHeight.value
-            }),
-            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: parsedSchema.value
-            }, null, 8, ["schema"]), __props.consumer ? (openBlock(), createBlock(unref(FormConsumer), {
-              key: 0
+      }, 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(({
-                form
-              }) => [createElementVNode("div", _hoisted_2, toDisplayString(JSON.stringify(form.values, null, 2)), 1)]),
+              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
-            })) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")]),
+            }, 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, ["form"])], 36)]),
-          _: 3
-        }, 8, ["theme-overrides"])]),
+          }, 8, ["theme-overrides"])
+        ]),
         _: 3
       }, 16, ["class", "style", "uuid"]);
     };