cnhis-design-vue 3.4.0-beta.0 → 3.4.0-beta.10

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,40 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     "linebarChange",
     "ready"
   ],
-  setup(__props, {
-    expose: __expose,
-    emit: __emit
-  }) {
+  setup(__props, { expose: __expose, emit: __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 +188,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 +253,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);
@@ -452,59 +327,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": 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 }, {
+                      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"]);
     };

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

@@ -3,16 +3,26 @@ import FormRender from './FormRender.vue.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FormRenderWrapper",
-  setup(__props, {
-    expose: __expose
-  }) {
+  setup(__props, { expose: __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 formRenderExposeKeyList = [
+      "validate",
+      "getFormValues",
+      "setFormValues",
+      "setFieldState",
+      "resetFields",
+      "queryWidget",
+      "getFieldList",
+      "applySelectedSetting",
+      "getTextFormValues",
+      "optionInited",
+      "updateAnchor"
+    ];
     const exposed = formRenderExposeKeyList.reduce((res, key2) => {
       res[key2] = (...args) => {
         var _a;
@@ -34,7 +44,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ref_key: "formRenderRef",
         ref: formRenderRef
       }, {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
         _: 3
       });
     };

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

@@ -1,3 +1,4 @@
+import { i18n } from '../../../../../../../_virtual/_virtual_i18n-methods.js';
 import { ref, computed, watch, onBeforeUnmount, createVNode, mergeProps } from 'vue';
 import { autorun } from '@formily/reactive';
 import { AddCircleOutline, RemoveCircle } from '@vicons/ionicons5';
@@ -52,14 +53,7 @@ function useCombination(props) {
       icon: () => createVNode(NIcon, {
         "component": AddCircleOutline
       }, null),
-      default: () => function() {
-        var _a2, _b, _c;
-        try {
-          return ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.279")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.279")) || "\u65B0\u589E";
-        } catch (e) {
-          return "\u65B0\u589E";
-        }
-      }()
+      default: () => i18n("10010.1.279", "\u65B0\u589E")
     })]);
   }
   function renderRemoveBtn(attrs, idx) {

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

@@ -7,28 +7,29 @@ import { useFormField } from '../../../../hooks/useFormField.js';
 
 function useDeepValidate() {
   function bindDeepValidate(formRenderRefs) {
-    const {
-      field
-    } = useFormField();
+    const { field } = useFormField();
     onMounted(() => {
       if (!isField(field.value))
         return;
       const tempValidator = field.value.validator;
-      field.value.validator = [{
-        async validator() {
-          return Promise.allSettled(formRenderRefs.value.filter((formRenderRef) => formRenderRef).map((formRenderRef) => formRenderRef.validate())).then((resultList) => {
-            const rejected = resultList.filter((res) => res.status === "rejected");
-            if (!rejected.length)
-              return "";
-            return flatten(rejected.map((res) => res.reason));
-          });
-        }
-      }, ...tempValidator ? arrayed(tempValidator) : []];
+      field.value.validator = [
+        {
+          async validator() {
+            return Promise.allSettled(
+              formRenderRefs.value.filter((formRenderRef) => formRenderRef).map((formRenderRef) => formRenderRef.validate())
+            ).then((resultList) => {
+              const rejected = resultList.filter((res) => res.status === "rejected");
+              if (!rejected.length)
+                return "";
+              return flatten(rejected.map((res) => res.reason));
+            });
+          }
+        },
+        ...tempValidator ? arrayed(tempValidator) : []
+      ];
     });
   }
-  return {
-    bindDeepValidate
-  };
+  return { bindDeepValidate };
 }
 
 export { useDeepValidate };

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

@@ -1,3 +1,4 @@
+import { i18n } from '../../../../../../_virtual/_virtual_i18n-methods.js';
 import { defineComponent, ref, computed, watch, onMounted, inject, createVNode } from 'vue';
 import { isField } from '@formily/core';
 import { Path } from '@formily/path';
@@ -161,14 +162,7 @@ const script = /* @__PURE__ */ defineComponent({
         icon: () => createVNode(NIcon, {
           "component": AddCircleOutline
         }, null),
-        default: () => function() {
-          var _a, _b, _c;
-          try {
-            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.279")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.279")) || "\u65B0\u589E";
-          } catch (e) {
-            return "\u65B0\u589E";
-          }
-        }()
+        default: () => i18n("10010.1.279", "\u65B0\u589E")
       })]), range(currentGroupNum.value).map((_, idx) => createVNode("section", {
         "class": "form-render__combinationContentJson"
       }, [createVNode(FormRenderComponent, {

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

@@ -1,3 +1,4 @@
+import { i18n } from '../../../../../../_virtual/_virtual_i18n-methods.js';
 import { defineComponent, ref, watch, onMounted, createVNode } from 'vue';
 import { arrayed } from '../../../../../../shared/utils/index.js';
 import { isField } from '@formily/core';
@@ -100,14 +101,7 @@ const tableScript = /* @__PURE__ */ defineComponent({
       }
     }
     const fieldListWithOperation = fieldList.concat({
-      alias: function() {
-        var _a, _b, _c;
-        try {
-          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.241")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.241")) || "\u64CD\u4F5C";
-        } catch (e) {
-          return "\u64CD\u4F5C";
-        }
-      }(),
+      alias: i18n("10010.1.241", "\u64CD\u4F5C"),
       columnName: "operation",
       width: 60,
       isFixed: 2,

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

@@ -1,4 +1,6 @@
+import { i18n } from '../../../../../_virtual/_virtual_i18n-methods.js';
 import { defineComponent, inject, computed, ref, onUnmounted, createVNode, mergeProps, unref, withModifiers, createTextVNode } from 'vue';
+import AbbrText from '../../../../../shared/components/AbbrText/AbbrText.js';
 import { arrayed, getStringWidth, widthAppend } from '../../../../../shared/utils/index.js';
 import { isVoidField } from '@formily/core';
 import { observe, autorun } from '@formily/reactive';
@@ -134,14 +136,7 @@ const script = /* @__PURE__ */ defineComponent({
         }, {
           default: () => [createVNode("span", {
             "style": "display:inline-block;margin-left:4px"
-          }, [createTextVNode(function() {
-            var _a, _b, _c;
-            try {
-              return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.589")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.589")) || "\u63D0\u793A";
-            } catch (e) {
-              return "\u63D0\u793A";
-            }
-          }())])]
+          }, [createTextVNode(i18n("10010.1.589", "\u63D0\u793A"))])]
         }),
         default: () => {
           var _a, _b;
@@ -195,6 +190,7 @@ const script = /* @__PURE__ */ defineComponent({
       return (_a = props.fieldItem) == null ? void 0 : _a.fieldTitleColor;
     });
     function renderLabel() {
+      var _a, _b;
       return needRenderLabel.value ? createVNode("section", {
         "class": "form-render__formItemLabel"
       }, [createVNode("span", {
@@ -205,7 +201,10 @@ const script = /* @__PURE__ */ defineComponent({
           color: labelColor.value
         },
         "title": title.value
-      }, [isFunction(props.labelRender) ? props.labelRender(props.label) : props.label]), marginRight.value ? createVNode("section", {
+      }, [isFunction(props.labelRender) ? props.labelRender(props.label, (_a = props.fieldItem) == null ? void 0 : _a.nameAbbr) : createVNode(AbbrText, {
+        "text": props.label,
+        "abbr": (_b = props.fieldItem) == null ? void 0 : _b.nameAbbr
+      }, null)]), marginRight.value ? createVNode("section", {
         "class": "form-render__formItemLabel--operation"
       }, [props.remark ? createVNode("div", {
         "class": "form-render__formItemLabel--tooltip"

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

@@ -1,13 +1,11 @@
 import { connect, mapProps } from '@formily/vue';
 import { NInputGroup } from 'naive-ui';
 
-const INPUT_GROUP = connect(NInputGroup, mapProps((props) => {
-  return {
-    style: {
-      "--column": props.span
-    },
-    class: "form-render__inputGroup"
-  };
-}));
+const INPUT_GROUP = connect(
+  NInputGroup,
+  mapProps((props) => {
+    return { style: { "--column": props.span }, class: "form-render__inputGroup" };
+  })
+);
 
 export { INPUT_GROUP };