cnhis-design-vue 3.1.16-beta.2 → 3.1.16-beta.3

package/es/packages/big-table/src/BigTable.vue_vue_type_script_setup_true_lang.js

@@ -1,21 +1,13 @@
-import { defineComponent, ref, reactive, useAttrs, computed, onMounted, onUnmounted, onActivated, createVNode, h, resolveComponent, Teleport, createTextVNode, nextTick, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, unref, mergeProps, withCtx, renderSlot, createBlock, toDisplayString, withDirectives, vShow, isVNode } from 'vue';
+import { defineComponent, ref, reactive, useAttrs, computed, onMounted, onUnmounted, onActivated, createVNode, h, resolveComponent, Teleport, createTextVNode, nextTick, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createBlock, unref, withCtx, renderList, createElementVNode, normalizeClass, normalizeStyle, mergeProps, renderSlot, toDisplayString, withDirectives, vShow, isVNode } from 'vue';
 import { isArray, isFunction } from 'lodash-es';
-import { useAnnotation } from '../../../packages/big-table/src/hooks/useAnnotation';
-import { useSeparateRow } from '../../../packages/big-table/src/hooks/useSeparateRow';
 import bigTableState from './bigTableState.js';
 import bigTableProps from './bigTableProps.js';
 import bigTableEmits from './bigTableEmits.js';
-import { useFormat } from './hooks/useFormat.js';
-import { useTableParse } from './hooks/useTableParse.js';
-import { useBatchEditing } from './hooks/useBatchEditing.js';
-import { useNestTable } from './hooks/useNestTable.js';
-import { useEdit, comps } from './hooks/useEdit.js';
-import { useEvent } from './hooks/useEvent.js';
 import { SettingsSharp, CaretDown, CaretForward, CopyOutline, SyncOutline } from '@vicons/ionicons5';
 import NoData from './components/NoData.js';
 import TextOverTooltip from '../../../src/components/TextOverTooltip';
 import SvgIcon from '../../../src/components/SvgIcon';
-import { useMessage, NIcon, NTooltip, NCheckbox, NCheckboxGroup, NGrid, NGi, NSpace, NButton, NPopconfirm, NProgress, NDropdown, NSwitch, NPopover } from 'naive-ui';
+import { useMessage, NIcon, NTooltip, NCheckbox, NCheckboxGroup, NGrid, NGi, NSpace, NButton, NPopconfirm, NProgress, NDropdown, NSwitch, NPopover, NTabs, NTabPane } from 'naive-ui';
 import CGrid from '../../../packages/grid';
 import vexutils from '../../../src/utils/vexutils';
 import { handleTableHeight, setTableConfig, handleGroupColums, treeToList, checkMethod, setTreeGroupTitle, handleName, generateEditRender, handlerInitSearchItem, getEvaluate, getMapVal, getCandidateComponents, getageShowType, isLink, showFilter, reScrollFilterWrap, hideFilterWrap, mergeConObjFn, setDefaultFormData, handleImgArr, handleImgSrc, modalDetailImage, handleQrCodeContent, getInlineEditBtn, isCopy, setVisibleCheckAllWrap, handleTableImageSize, visibleMethod, getRowStyle, getFooterGroup, flattenRow, intersectRow, removeCheckedDisabledRows } from './utils.js';
@@ -23,6 +15,15 @@ import InputButtonScript from './components/input-button.js';
 import Separate from './components/separate.js';
 import xb_big from '../../../src/assets/img/xb_big';
 import qr from '../../../src/assets/img/qr';
+import { useBatchEditing } from './hooks/useBatchEditing.js';
+import { useNestTable } from './hooks/useNestTable.js';
+import { useAnchor } from './hooks/useAnchor.js';
+import { useEvent } from './hooks/useEvent.js';
+import { useSeparateRow } from './hooks/useSeparateRow.js';
+import { useFormat } from './hooks/useFormat.js';
+import { useTableParse } from './hooks/useTableParse.js';
+import { useEdit, comps } from './hooks/useEdit.js';
+import { useAnnotation } from './hooks/useAnnotation.js';
 
 const _hoisted_1 = {
   key: 0,
@@ -99,10 +100,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       loadExpandMethod,
       nestHandleClickRow
     } = useNestTable(props, state, emit);
+    const {
+      initAnchor,
+      updateAnchor,
+      anchorEvent
+    } = useAnchor(props, state, emit, xGrid);
     const {
       keyDown,
       scroll
-    } = useEvent(props, state, emit, xGrid);
+    } = useEvent(props, state, emit, xGrid, anchorEvent);
     const attr = useAttrs();
     const currentCheckedKeys = computed(() => {
       var _a;
@@ -240,6 +246,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       let columns = formatColumns(config);
       columns = handleGroupColums(columns, props);
       xGrid.value && xGrid.value.reloadColumn(columns);
+      initAnchor();
       setGroupTreeExpand();
       resetTableInlineEditStatus();
     };
@@ -2278,7 +2285,23 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
 			'expand-padding': !props.isNestTable
 		}"
 		:style="{ height: state.tableHeight }"
-	> `), createElementVNode("div", {
+	> `), state.anchorList.length ? (openBlock(), createBlock(unref(NTabs), {
+        key: 0,
+        type: "line",
+        animated: "",
+        "pane-style": "padding: 0",
+        value: state.anchorValue,
+        "onUpdate:value": [_cache[0] || (_cache[0] = ($event) => state.anchorValue = $event), unref(updateAnchor)]
+      }, {
+        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.anchor, (item) => {
+          return openBlock(), createBlock(unref(NTabPane), {
+            name: item.field,
+            tab: item.title,
+            key: item.field
+          }, null, 8, ["name", "tab"]);
+        }), 128))]),
+        _: 1
+      }, 8, ["value", "onUpdate:value"])) : createCommentVNode("v-if", true), createElementVNode("div", {
         class: normalizeClass(["big-table custom-big-table", {
           mt: state.hasRefresh,
           "expand-padding": !props.isNestTable
@@ -2425,7 +2448,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }, [createVNode(unref(NIcon), {
         size: "14",
         component: unref(SyncOutline)
-      }, null, 8, ["component"]), createElementVNode("p", _hoisted_6, toDisplayString(_ctx.refreshRow) + "\u6761\u66F4\u65B0", 1)], 512), [[vShow, props.refreshRow > 0 && !props.isNestTable]])], 6)], 2112);
+      }, null, 8, ["component"]), createElementVNode("p", _hoisted_6, toDisplayString(_ctx.refreshRow) + "\u6761\u66F4\u65B0", 1)], 512), [[vShow, props.refreshRow > 0 && !props.isNestTable]])], 6)], 64);
     };
   }
 });

package/es/packages/big-table/src/bigTableProps.d.ts

@@ -199,5 +199,9 @@ declare const bigTableProps: {
     };
     resetInlineBatchEdit: FunctionConstructor;
     resetBatchEditRowStatus: FunctionConstructor;
+    anchor: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
 };
 export default bigTableProps;

package/es/packages/big-table/src/bigTableProps.js

@@ -112,7 +112,8 @@ const bigTableProps = {
   batchError: Boolean,
   batchFormData: { type: Object, default: () => ({}) },
   resetInlineBatchEdit: Function,
-  resetBatchEditRowStatus: Function
+  resetBatchEditRowStatus: Function,
+  anchor: { type: Array, default: () => [] }
 };
 
 export { bigTableProps as default };

package/es/packages/big-table/src/bigTableState.d.ts

@@ -52,5 +52,7 @@ declare const bigTableState: {
         isHover: boolean;
         isCurrent: boolean;
     };
+    anchorValue: string;
+    anchorList: never[];
 };
 export default bigTableState;

package/es/packages/big-table/src/bigTableState.js

@@ -54,7 +54,9 @@ const bigTableState = {
       return !row.$__SEPARATE;
     }
   },
-  rowConfig: { height: 32, isHover: true, isCurrent: true }
+  rowConfig: { height: 32, isHover: true, isCurrent: true },
+  anchorValue: "",
+  anchorList: []
 };
 
 export { bigTableState as default };

package/es/packages/big-table/src/hooks/index.d.ts

@@ -0,0 +1,9 @@
+export * from './useAnchor';
+export * from './useEdit';
+export * from './useFormat';
+export * from './useTableParse';
+export * from './useBatchEditing';
+export * from './useNestTable';
+export * from './useEvent';
+export * from './useAnnotation';
+export * from './useSeparateRow';

package/es/packages/big-table/src/hooks/index.js

@@ -0,0 +1,9 @@
+export { useAnchor } from './useAnchor.js';
+export { comps, useEdit } from './useEdit.js';
+export { useFormat } from './useFormat.js';
+export { useTableParse } from './useTableParse.js';
+export { useBatchEditing } from './useBatchEditing.js';
+export { useNestTable } from './useNestTable.js';
+export { useEvent } from './useEvent.js';
+export { useAnnotation } from './useAnnotation.js';
+export { SeparateHandle, useSeparateMap, useSeparateRow } from './useSeparateRow.js';

package/es/packages/big-table/src/hooks/useAnchor.d.ts

@@ -0,0 +1,7 @@
+export declare const useAnchor: (props: any, state: any, emit: any, xGrid: any) => {
+    initAnchor: () => void;
+    updateAnchor: (field: string) => void;
+    anchorEvent: ({ scrollLeft }: {
+        scrollLeft: number;
+    }) => void;
+};

package/es/packages/big-table/src/hooks/useAnchor.js

@@ -0,0 +1,41 @@
+import { useThrottleFn } from '@vueuse/core';
+
+const useAnchor = (props, state, emit, xGrid) => {
+  function initAnchor() {
+    var _a;
+    if ((_a = props.anchor) == null ? void 0 : _a.length) {
+      const columns = xGrid.value.getColumns();
+      let left = 0;
+      columns.forEach((column) => {
+        const { field, minWidth, width } = column;
+        const colWidth = +(minWidth || width);
+        left += colWidth;
+        const anchorObj = props.anchor.find((v) => v.field === field);
+        anchorObj && state.anchorList.push({
+          ...anchorObj,
+          left: left - colWidth
+        });
+      });
+      state.anchorValue = state.anchorList[0].field;
+    }
+  }
+  function updateAnchor(field) {
+    xGrid.value.scrollToColumn(field);
+  }
+  function setAnchorValue({ scrollLeft }) {
+    if (state.anchorList.length) {
+      const anchorObj = state.anchorList.find((v) => scrollLeft < v.left);
+      if (anchorObj) {
+        state.anchorValue = anchorObj.field;
+      }
+    }
+  }
+  const anchorEvent = useThrottleFn(setAnchorValue, 800);
+  return {
+    initAnchor,
+    updateAnchor,
+    anchorEvent
+  };
+};
+
+export { useAnchor };

package/es/packages/big-table/src/hooks/useEvent.d.ts

@@ -1,4 +1,4 @@
-export declare const useEvent: (props: any, state: any, emit: any, xGrid: any) => {
+export declare const useEvent: (props: any, state: any, emit: any, xGrid: any, anchorEvent: Function) => {
     keyDown: ({ $event }: {
         $event: KeyboardEvent;
     }) => void;

package/es/packages/big-table/src/hooks/useEvent.js

@@ -1,7 +1,7 @@
 import vexutils from '../../../../src/utils/vexutils';
 import { hideFilterWrap } from '../utils.js';
 
-const useEvent = (props, state, emit, xGrid) => {
+const useEvent = (props, state, emit, xGrid, anchorEvent) => {
   function keyDown({ $event }) {
     var _a, _b;
     let activeRow = null;
@@ -29,7 +29,7 @@ const useEvent = (props, state, emit, xGrid) => {
       if ($event.key === "ArrowDown" && index < ((_b = props.data) == null ? void 0 : _b.length) - 1) {
         activeIndex = index + 1;
       }
-      let row = xGridRef.getData(activeIndex);
+      const row = xGridRef.getData(activeIndex);
       xGridRef.setCurrentRow(row);
       xGridRef.scrollToRow(row);
       emitKeyBoard();
@@ -60,6 +60,7 @@ const useEvent = (props, state, emit, xGrid) => {
       hideFilterWrap(state, props);
     }
     scrollEvent(params);
+    anchorEvent(params);
   };
   return {
     keyDown,

package/es/packages/button-print/index.d.ts

@@ -4016,7 +4016,7 @@ declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
-            preset: import("vue").PropType<"dialog" | "confirm" | "card">;
+            preset: import("vue").PropType<"dialog" | "card" | "confirm">;
             to: import("vue").PropType<string | HTMLElement>;
             displayDirective: {
                 type: import("vue").PropType<"show" | "if">;
@@ -4978,7 +4978,7 @@ declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
-            preset: import("vue").PropType<"dialog" | "confirm" | "card">;
+            preset: import("vue").PropType<"dialog" | "card" | "confirm">;
             to: import("vue").PropType<string | HTMLElement>;
             displayDirective: {
                 type: import("vue").PropType<"show" | "if">;

package/es/packages/button-print/src/ButtonPrint.vue.d.ts

@@ -4020,7 +4020,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
-            preset: import("vue").PropType<"dialog" | "confirm" | "card">;
+            preset: import("vue").PropType<"dialog" | "card" | "confirm">;
             to: import("vue").PropType<string | HTMLElement>;
             displayDirective: {
                 type: import("vue").PropType<"show" | "if">;
@@ -4982,7 +4982,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
-            preset: import("vue").PropType<"dialog" | "confirm" | "card">;
+            preset: import("vue").PropType<"dialog" | "card" | "confirm">;
             to: import("vue").PropType<string | HTMLElement>;
             displayDirective: {
                 type: import("vue").PropType<"show" | "if">;

package/es/packages/button-print/src/components/IdentityVerification.vue.d.ts

@@ -1505,7 +1505,7 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-        preset: import("vue").PropType<"dialog" | "confirm" | "card">;
+        preset: import("vue").PropType<"dialog" | "card" | "confirm">;
         to: import("vue").PropType<string | HTMLElement>;
         displayDirective: {
             type: import("vue").PropType<"show" | "if">;
@@ -2467,7 +2467,7 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-        preset: import("vue").PropType<"dialog" | "confirm" | "card">;
+        preset: import("vue").PropType<"dialog" | "card" | "confirm">;
         to: import("vue").PropType<string | HTMLElement>;
         displayDirective: {
             type: import("vue").PropType<"show" | "if">;

package/es/packages/drag-layout/index.d.ts

@@ -1888,7 +1888,7 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-        preset: import("vue").PropType<"dialog" | "confirm" | "card">;
+        preset: import("vue").PropType<"dialog" | "card" | "confirm">;
         to: import("vue").PropType<string | HTMLElement>;
         displayDirective: {
             type: import("vue").PropType<"show" | "if">;
@@ -2850,7 +2850,7 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-        preset: import("vue").PropType<"dialog" | "confirm" | "card">;
+        preset: import("vue").PropType<"dialog" | "card" | "confirm">;
         to: import("vue").PropType<string | HTMLElement>;
         displayDirective: {
             type: import("vue").PropType<"show" | "if">;

package/es/packages/drag-layout/src/DragLayout.vue.d.ts

@@ -1888,7 +1888,7 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-        preset: import("vue").PropType<"dialog" | "confirm" | "card">;
+        preset: import("vue").PropType<"dialog" | "card" | "confirm">;
         to: import("vue").PropType<string | HTMLElement>;
         displayDirective: {
             type: import("vue").PropType<"show" | "if">;
@@ -2850,7 +2850,7 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-        preset: import("vue").PropType<"dialog" | "confirm" | "card">;
+        preset: import("vue").PropType<"dialog" | "card" | "confirm">;
         to: import("vue").PropType<string | HTMLElement>;
         displayDirective: {
             type: import("vue").PropType<"show" | "if">;

package/es/packages/field-set/index.d.ts

@@ -6974,7 +6974,7 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         modelValue: unknown[];
         componentData: Record<string, any>;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSave" | "onClose")[], "onSave" | "onClose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSave" | "onClose")[], "onClose" | "onSave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     fields: {
         type: import("vue").PropType<any[]>;
         default: () => never[];

package/es/packages/field-set/src/FieldSet.vue.d.ts

@@ -6954,7 +6954,7 @@ declare const _default: import("vue").DefineComponent<{
         modelValue: unknown[];
         componentData: Record<string, any>;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSave" | "onClose")[], "onSave" | "onClose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSave" | "onClose")[], "onClose" | "onSave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     fields: {
         type: PropType<any[]>;
         default: () => never[];

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

@@ -5154,7 +5154,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
-            preset: import("vue").PropType<"dialog" | "confirm" | "card">;
+            preset: import("vue").PropType<"dialog" | "card" | "confirm">;
             to: import("vue").PropType<string | HTMLElement>;
             displayDirective: {
                 type: import("vue").PropType<"show" | "if">;
@@ -6116,7 +6116,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
-            preset: import("vue").PropType<"dialog" | "confirm" | "card">;
+            preset: import("vue").PropType<"dialog" | "card" | "confirm">;
             to: import("vue").PropType<string | HTMLElement>;
             displayDirective: {
                 type: import("vue").PropType<"show" | "if">;
@@ -7762,7 +7762,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     readonly default: "bar";
                 };
                 readonly closable: BooleanConstructor;
-                readonly justifyContent: import("vue").PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+                readonly justifyContent: import("vue").PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
                 readonly size: {
                     readonly type: import("vue").PropType<"small" | "medium" | "large">;
                     readonly default: "medium";
@@ -8038,7 +8038,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 addTabFixed: import("vue").Ref<boolean>;
                 tabWrapperStyle: import("vue").ComputedRef<{
                     display: string;
-                    justifyContent: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
+                    justifyContent: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
                 } | undefined>;
                 handleNavResize: import("lodash").DebouncedFunc<(entry: ResizeObserverEntry) => void>;
                 mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
@@ -8094,7 +8094,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     readonly default: "bar";
                 };
                 readonly closable: BooleanConstructor;
-                readonly justifyContent: import("vue").PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+                readonly justifyContent: import("vue").PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
                 readonly size: {
                     readonly type: import("vue").PropType<"small" | "medium" | "large">;
                     readonly default: "medium";
@@ -12840,7 +12840,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     readonly default: "bar";
                 };
                 readonly closable: BooleanConstructor;
-                readonly justifyContent: import("vue").PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+                readonly justifyContent: import("vue").PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
                 readonly size: {
                     readonly type: import("vue").PropType<"small" | "medium" | "large">;
                     readonly default: "medium";
@@ -13116,7 +13116,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 addTabFixed: import("vue").Ref<boolean>;
                 tabWrapperStyle: import("vue").ComputedRef<{
                     display: string;
-                    justifyContent: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
+                    justifyContent: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
                 } | undefined>;
                 handleNavResize: import("lodash").DebouncedFunc<(entry: ResizeObserverEntry) => void>;
                 mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
@@ -13172,7 +13172,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     readonly default: "bar";
                 };
                 readonly closable: BooleanConstructor;
-                readonly justifyContent: import("vue").PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+                readonly justifyContent: import("vue").PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
                 readonly size: {
                     readonly type: import("vue").PropType<"small" | "medium" | "large">;
                     readonly default: "medium";

package/es/packages/form-config/src/FormConfig.vue.d.ts

@@ -5156,7 +5156,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
-            preset: PropType<"dialog" | "confirm" | "card">;
+            preset: PropType<"dialog" | "card" | "confirm">;
             to: PropType<string | HTMLElement>;
             displayDirective: {
                 type: PropType<"show" | "if">;
@@ -6118,7 +6118,7 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
-            preset: PropType<"dialog" | "confirm" | "card">;
+            preset: PropType<"dialog" | "card" | "confirm">;
             to: PropType<string | HTMLElement>;
             displayDirective: {
                 type: PropType<"show" | "if">;
@@ -7764,7 +7764,7 @@ declare const _default: import("vue").DefineComponent<{
                     readonly default: "bar";
                 };
                 readonly closable: BooleanConstructor;
-                readonly justifyContent: PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+                readonly justifyContent: PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
                 readonly size: {
                     readonly type: PropType<"small" | "medium" | "large">;
                     readonly default: "medium";
@@ -8040,7 +8040,7 @@ declare const _default: import("vue").DefineComponent<{
                 addTabFixed: import("vue").Ref<boolean>;
                 tabWrapperStyle: import("vue").ComputedRef<{
                     display: string;
-                    justifyContent: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
+                    justifyContent: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
                 } | undefined>;
                 handleNavResize: import("lodash").DebouncedFunc<(entry: ResizeObserverEntry) => void>;
                 mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
@@ -8096,7 +8096,7 @@ declare const _default: import("vue").DefineComponent<{
                     readonly default: "bar";
                 };
                 readonly closable: BooleanConstructor;
-                readonly justifyContent: PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+                readonly justifyContent: PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
                 readonly size: {
                     readonly type: PropType<"small" | "medium" | "large">;
                     readonly default: "medium";
@@ -12842,7 +12842,7 @@ declare const _default: import("vue").DefineComponent<{
                     readonly default: "bar";
                 };
                 readonly closable: BooleanConstructor;
-                readonly justifyContent: PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+                readonly justifyContent: PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
                 readonly size: {
                     readonly type: PropType<"small" | "medium" | "large">;
                     readonly default: "medium";
@@ -13118,7 +13118,7 @@ declare const _default: import("vue").DefineComponent<{
                 addTabFixed: import("vue").Ref<boolean>;
                 tabWrapperStyle: import("vue").ComputedRef<{
                     display: string;
-                    justifyContent: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
+                    justifyContent: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
                 } | undefined>;
                 handleNavResize: import("lodash").DebouncedFunc<(entry: ResizeObserverEntry) => void>;
                 mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
@@ -13174,7 +13174,7 @@ declare const _default: import("vue").DefineComponent<{
                     readonly default: "bar";
                 };
                 readonly closable: BooleanConstructor;
-                readonly justifyContent: PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+                readonly justifyContent: PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
                 readonly size: {
                     readonly type: PropType<"small" | "medium" | "large">;
                     readonly default: "medium";

package/es/packages/form-config/src/components/FormConfigCreator.vue.d.ts

@@ -4094,7 +4094,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 readonly default: "bar";
             };
             readonly closable: BooleanConstructor;
-            readonly justifyContent: import("vue").PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+            readonly justifyContent: import("vue").PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
             readonly size: {
                 readonly type: import("vue").PropType<"small" | "medium" | "large">;
                 readonly default: "medium";
@@ -4370,7 +4370,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             addTabFixed: import("vue").Ref<boolean>;
             tabWrapperStyle: import("vue").ComputedRef<{
                 display: string;
-                justifyContent: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
+                justifyContent: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
             } | undefined>;
             handleNavResize: import("lodash").DebouncedFunc<(entry: ResizeObserverEntry) => void>;
             mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
@@ -4426,7 +4426,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 readonly default: "bar";
             };
             readonly closable: BooleanConstructor;
-            readonly justifyContent: import("vue").PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+            readonly justifyContent: import("vue").PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
             readonly size: {
                 readonly type: import("vue").PropType<"small" | "medium" | "large">;
                 readonly default: "medium";

package/es/packages/form-config/src/components/FormConfigEdit.vue.d.ts

@@ -1732,7 +1732,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
             default: boolean;
         };
-        preset: import("vue").PropType<"dialog" | "confirm" | "card">;
+        preset: import("vue").PropType<"dialog" | "card" | "confirm">;
         to: import("vue").PropType<string | HTMLElement>;
         displayDirective: {
             type: import("vue").PropType<"show" | "if">;
@@ -2694,7 +2694,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
             default: boolean;
         };
-        preset: import("vue").PropType<"dialog" | "confirm" | "card">;
+        preset: import("vue").PropType<"dialog" | "card" | "confirm">;
         to: import("vue").PropType<string | HTMLElement>;
         displayDirective: {
             type: import("vue").PropType<"show" | "if">;
@@ -4340,7 +4340,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 readonly default: "bar";
             };
             readonly closable: BooleanConstructor;
-            readonly justifyContent: import("vue").PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+            readonly justifyContent: import("vue").PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
             readonly size: {
                 readonly type: import("vue").PropType<"small" | "medium" | "large">;
                 readonly default: "medium";
@@ -4616,7 +4616,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             addTabFixed: import("vue").Ref<boolean>;
             tabWrapperStyle: import("vue").ComputedRef<{
                 display: string;
-                justifyContent: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
+                justifyContent: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
             } | undefined>;
             handleNavResize: import("lodash").DebouncedFunc<(entry: ResizeObserverEntry) => void>;
             mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
@@ -4672,7 +4672,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 readonly default: "bar";
             };
             readonly closable: BooleanConstructor;
-            readonly justifyContent: import("vue").PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+            readonly justifyContent: import("vue").PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
             readonly size: {
                 readonly type: import("vue").PropType<"small" | "medium" | "large">;
                 readonly default: "medium";

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

@@ -753,7 +753,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
             readonly default: "bar";
         };
         readonly closable: BooleanConstructor;
-        readonly justifyContent: import("vue").PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+        readonly justifyContent: import("vue").PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
         readonly size: {
             readonly type: import("vue").PropType<"small" | "medium" | "large">;
             readonly default: "medium";
@@ -1029,7 +1029,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
         addTabFixed: import("vue").Ref<boolean>;
         tabWrapperStyle: import("vue").ComputedRef<{
             display: string;
-            justifyContent: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
+            justifyContent: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
         } | undefined>;
         handleNavResize: import("lodash").DebouncedFunc<(entry: ResizeObserverEntry) => void>;
         mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
@@ -1085,7 +1085,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
             readonly default: "bar";
         };
         readonly closable: BooleanConstructor;
-        readonly justifyContent: import("vue").PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+        readonly justifyContent: import("vue").PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
         readonly size: {
             readonly type: import("vue").PropType<"small" | "medium" | "large">;
             readonly default: "medium";