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

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

@@ -1,6 +1,6 @@
+import { i18n } from '../../../../_virtual/_virtual_i18n-methods.js';
 import { omit, pick, range } from 'lodash-es';
 import { EditAbleField, widgetWidthOptionConfig, isShowOptionConfig, isNotFoldOptionConfig, isEditOptionConfig, isNullOptionConfig, isVisibleOptionConfig, rowsOptionConfig, dateFormatOptionConfig, dateConditionOptionConfig, dateUnitOptionConfig } from '../constants/index.js';
-import { useFormConfigLocale } from './useLocale.js';
 import '../../../form-render/index.js';
 import { useFieldNormalize } from '../../../form-render/src/hooks/useFieldNormalize.js';
 
@@ -9,7 +9,7 @@ const {
 } = useFieldNormalize();
 function useConfigurationField() {
   const fieldMap = /* @__PURE__ */ new Map([[EditAbleField.KEY, (formConfigItem) => ({
-    alias: useFormConfigLocale("configArea.field"),
+    alias: i18n("10010.1.9", "\u5B57\u6BB5"),
     elem_width: 6,
     html_type: "TEXT",
     content: formConfigItem == null ? void 0 : formConfigItem.key,
@@ -17,26 +17,26 @@ function useConfigurationField() {
       labelPlacement: "left"
     }
   })], [EditAbleField.ALIAS, () => ({
-    alias: useFormConfigLocale("configArea.alias"),
+    alias: i18n("10010.1.11", "\u522B\u540D"),
     elem_width: 6,
     default_val: "",
     html_type: "INPUT"
   })], [EditAbleField.NAME, () => ({
-    alias: useFormConfigLocale("configArea.name"),
+    alias: i18n("10010.1.10", "\u540D\u79F0"),
     elem_width: 6,
     html_type: "TEXT",
     decoratorProps: {
       labelPlacement: "left"
     }
   })], [EditAbleField.NOTES, () => ({
-    alias: useFormConfigLocale("configArea.tips"),
+    alias: i18n("10010.1.15", "\u95EE\u53F7\u63D0\u793A"),
     elem_width: 6,
     html_type: "INPUT",
     is_empty: "0"
   })], [EditAbleField.DEFAULT_VALUE, (formConfigItem, fieldItem) => {
     const originalSetting = FieldNormalizeWaterfallHook.call(Object.assign({}, formConfigItem == null ? void 0 : formConfigItem.originalSetting, fieldItem), {});
     return {
-      alias: useFormConfigLocale("configArea.defaultValue"),
+      alias: i18n("10010.1.12", "\u9ED8\u8BA4\u503C"),
       elem_width: 6,
       html_type: "INPUT",
       is_empty: "0",
@@ -44,13 +44,13 @@ function useConfigurationField() {
       ...pick(originalSetting, ["html_type", "validate", "option", "multi_select", "multi_select_value", "wordbook", "open", "close", "date_format", "step_length", "urlConfig", "autograph", "defined_error_msg", "free_entry", "validator", "allowSlash", "is_allow_check_mid", "allow_check_mid_level"])
     };
   }], [EditAbleField.LAYOUT_WIDTH_ENUM, () => ({
-    alias: useFormConfigLocale("configArea.width"),
+    alias: i18n("10010.1.13", "\u5BBD\u5EA6"),
     fieldType: "number",
     html_type: "SELECT",
     elem_width: 6,
     ...widgetWidthOptionConfig()
   })], [EditAbleField.DESC, () => ({
-    alias: useFormConfigLocale("configArea.describeText"),
+    alias: i18n("10010.1.14", "\u8BF4\u660E\u6587\u672C"),
     elem_width: 6,
     html_type: "INPUT",
     is_empty: "0",
@@ -58,23 +58,23 @@ function useConfigurationField() {
       max_length: 30
     }
   })], [EditAbleField.DEFAULT_EXPAND, () => ({
-    alias: useFormConfigLocale("configArea.isExpand"),
+    alias: i18n("10010.1.18", "\u662F\u5426\u9ED8\u8BA4\u5C55\u5F00"),
     html_type: "SWITCH",
     elem_width: 6,
     ...isShowOptionConfig()
   })], [EditAbleField.FOLD, () => ({
-    alias: useFormConfigLocale("configArea.isFoldAble"),
+    alias: i18n("10010.1.19", "\u662F\u5426\u53EF\u6298\u53E0"),
     html_type: "SWITCH",
     elem_width: 6,
     ...isNotFoldOptionConfig()
   })], [EditAbleField.EDITABLE, (formConfigItem) => ({
-    alias: useFormConfigLocale("configArea.isEditable"),
+    alias: i18n("10010.1.17", "\u662F\u5426\u53EF\u7F16\u8F91"),
     html_type: "SWITCH",
     elem_width: 6,
     is_edit: (formConfigItem == null ? void 0 : formConfigItem.editableDisabled) ? "0" : "1",
     ...isEditOptionConfig()
   })], [EditAbleField.CONFIRM, () => ({
-    alias: useFormConfigLocale("configArea.confirm"),
+    alias: "\u662F\u5426\u5728\u4FEE\u6539\u503C\u540E\u5F39\u7A97\u63D0\u9192",
     html_type: "SWITCH",
     elem_width: 6,
     reactions: [{
@@ -92,39 +92,39 @@ function useConfigurationField() {
     }],
     ...isEditOptionConfig()
   })], [EditAbleField.REQUIRED, (formConfigItem) => ({
-    alias: useFormConfigLocale("configArea.isRequired"),
+    alias: i18n("10010.1.16", "\u662F\u5426\u5FC5\u586B"),
     html_type: "SWITCH",
     elem_width: 6,
     is_edit: (formConfigItem == null ? void 0 : formConfigItem.requiredDisabled) ? "0" : "1",
     requiredReminderContent: formConfigItem == null ? void 0 : formConfigItem.requiredReminderContent,
     ...isNullOptionConfig()
   })], [EditAbleField.SHOW, (formConfigItem) => ({
-    alias: useFormConfigLocale("configArea.isShow"),
+    alias: i18n("10010.1.20", "\u662F\u5426\u663E\u793A"),
     html_type: "SWITCH",
     elem_width: 6,
     is_show: (formConfigItem == null ? void 0 : formConfigItem.__isCombinationChild) ? "1" : "0",
     ...isVisibleOptionConfig()
   })], [EditAbleField.ROWS, () => ({
-    alias: useFormConfigLocale("configArea.rowsHeight"),
+    alias: i18n("10010.1.25", "\u9AD8\u5EA6"),
     elem_width: 6,
-    remark: useFormConfigLocale("configArea.rowsTips"),
+    remark: i18n("10010.1.26", "\u9ED8\u8BA4\u4E3A3\u884C\u9AD8\u5EA6\uFF0C\u53EF\u8C03\u6574\u4E3A1-10\u884C\u9AD8\u5EA6"),
     default_val: 3,
     is_empty: "0",
     html_type: "SELECT",
     ...rowsOptionConfig()
   })], [EditAbleField.TITLE_RED, () => ({
-    alias: useFormConfigLocale("configArea.titleRed"),
+    alias: "\u6807\u9898\u663E\u793A\u7EA2\u8272",
     elem_width: 6,
     default_val: false,
     html_type: "SWITCH"
   })], [EditAbleField.ALLOW_PARTIAL, () => ({
-    alias: useFormConfigLocale("configArea.allowPartial"),
+    alias: "\u5141\u8BB8\u9009\u62E9\u4E2D\u95F4\u5C42\u7EA7",
     elem_width: 6,
     html_type: "SWITCH"
   })], [EditAbleField.PARTIAL_LEVEL, (field) => {
     var _a, _b;
     return {
-      alias: useFormConfigLocale("configArea.partialLevel"),
+      alias: "\u81F3\u5C11\u9009\u62E9\u591A\u5C11\u7EA7",
       elem_width: 6,
       html_type: "SELECT",
       componentProps: {
@@ -135,11 +135,11 @@ function useConfigurationField() {
       }
     };
   }], [EditAbleField.DATE_FORMAT, () => ({
-    alias: useFormConfigLocale("configArea.dateFormat"),
+    alias: i18n("10010.1.541", "\u65E5\u671F\u683C\u5F0F"),
     elem_width: 6,
     html_type: "SELECT",
     ...dateFormatOptionConfig()
-  })], [EditAbleField.DATE_DEFAULT_VALUE_CONDITION, () => createDateField(EditAbleField.DATE_DEFAULT_VALUE_CONDITION, EditAbleField.DATE_DEFAULT_VALUE_UNIT, EditAbleField.DATE_DEFAULT_VALUE_VALUE, useFormConfigLocale("configArea.dateDefaultValue"))], [EditAbleField.DATE_MAX_VALUE_CONDITION, () => createDateField(EditAbleField.DATE_MAX_VALUE_CONDITION, EditAbleField.DATE_MAX_VALUE_UNIT, EditAbleField.DATE_MAX_VALUE_VALUE, useFormConfigLocale("configArea.dateMaxValue"))], [EditAbleField.DATE_MIN_VALUE_CONDITION, () => createDateField(EditAbleField.DATE_MIN_VALUE_CONDITION, EditAbleField.DATE_MIN_VALUE_UNIT, EditAbleField.DATE_MIN_VALUE_VALUE, useFormConfigLocale("configArea.dateMinValue"))]]);
+  })], [EditAbleField.DATE_DEFAULT_VALUE_CONDITION, () => createDateField(EditAbleField.DATE_DEFAULT_VALUE_CONDITION, EditAbleField.DATE_DEFAULT_VALUE_UNIT, EditAbleField.DATE_DEFAULT_VALUE_VALUE, i18n("10010.1.12", "\u9ED8\u8BA4\u503C"))], [EditAbleField.DATE_MAX_VALUE_CONDITION, () => createDateField(EditAbleField.DATE_MAX_VALUE_CONDITION, EditAbleField.DATE_MAX_VALUE_UNIT, EditAbleField.DATE_MAX_VALUE_VALUE, i18n("10010.1.373", "\u6700\u5927\u503C"))], [EditAbleField.DATE_MIN_VALUE_CONDITION, () => createDateField(EditAbleField.DATE_MIN_VALUE_CONDITION, EditAbleField.DATE_MIN_VALUE_UNIT, EditAbleField.DATE_MIN_VALUE_VALUE, i18n("10010.1.372", "\u6700\u5C0F\u503C"))]]);
   function createDateField(conditionKey, unitKey, valueKey, alias) {
     return {
       val_key: conditionKey,

package/es/components/form-config/src/hooks/useDataNormalize.js

@@ -38,16 +38,10 @@ function useDataNormalize(props) {
       return res;
     }, []).map((field) => {
       const result = withOriginalSetting ? field : omit(field, ["originalSetting"]);
-      return otherConfig ? {
-        ...result,
-        ...otherConfig
-      } : result;
+      return otherConfig ? { ...result, ...otherConfig } : result;
     });
   }
-  return {
-    transform,
-    inverseTransform
-  };
+  return { transform, inverseTransform };
 }
 
 export { useDataNormalize };

package/es/components/form-config/src/hooks/useSortalbeConfig.js

@@ -10,21 +10,13 @@ function useSortableConfig({
   materialList
 } = {}) {
   let timer = null;
-  function onChoose({
-    target,
-    item
-  }) {
+  function onChoose({ target, item }) {
     timer = setTimeout(() => {
       target.classList.add("is-choosing-area");
       item.classList.add("is-choosing");
     }, 200);
   }
-  function onUnchoose({
-    from,
-    to,
-    target,
-    item
-  }) {
+  function onUnchoose({ from, to, target, item }) {
     clearTimeout(timer);
     [from, to, target].forEach((ele) => {
       ele.classList.remove("is-choosing-area");
@@ -32,17 +24,8 @@ function useSortableConfig({
     item.classList.remove("is-choosing");
   }
   let prevTo;
-  function onMove({
-    to,
-    from,
-    dragged
-  }) {
-    const {
-      type,
-      required,
-      extra,
-      key
-    } = dragged.dataset || {};
+  function onMove({ to, from, dragged }) {
+    const { type, required, extra, key } = dragged.dataset || {};
     if (type === "LINE_BAR" && findAncestor(to, (ele) => ele.dataset.type === "LINE_BAR")) {
       return false;
     }

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

@@ -28,12 +28,16 @@ function findFieldItemByKey(fieldList, key) {
   if (!isArray(fieldList) || !fieldList.length)
     return;
   let result;
-  traverse(fieldList, (fieldItem, stop) => {
-    if ((fieldItem == null ? void 0 : fieldItem.val_key) !== key)
-      return;
-    result = fieldItem;
-    stop();
-  }, ["children", "properties"]);
+  traverse(
+    fieldList,
+    (fieldItem, stop) => {
+      if ((fieldItem == null ? void 0 : fieldItem.val_key) !== key)
+        return;
+      result = fieldItem;
+      stop();
+    },
+    ["children", "properties"]
+  );
   return result;
 }
 function fieldItemNormalize(item) {

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,60 +113,39 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     "linebarChange",
     "ready"
   ],
-  setup(__props, {
-    expose,
-    emit
-  }) {
+  setup(__props, { expose, emit }) {
     const props = __props;
     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,
@@ -303,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(() => {
@@ -368,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);
@@ -451,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": 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
+      }, 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"]);
     };