cnhis-design-vue 3.1.16-beta.1 → 3.1.16-beta.4

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();
     };
@@ -551,7 +558,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           });
         }
       };
-      if (formType === "date") {
+      if (formType === "date" || formType === "time") {
         propsData.formattedValue = row[col.columnName];
       } else if (formatMap) {
         propsData.value = row[formatMap.value];
@@ -1364,7 +1371,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         emit("checkboxChange", {
           checked: checked2,
           row,
-          index: $rowIndex
+          index: $rowIndex,
+          records: [row]
         });
         return;
       }
@@ -1437,7 +1445,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         emit("checkboxChange", {
           checked: setChecked,
           row,
-          index: $rowIndex
+          index: $rowIndex,
+          records: checkedRow
         });
         setChecked && emit("handlerClickRow", row, $rowIndex);
         return;
@@ -1454,7 +1463,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       emit("checkboxChange", {
         checked: setChecked,
         row,
-        index: $rowIndex
+        index: $rowIndex,
+        records: checkedRow
       });
       setChecked && emit("handlerClickRow", row, $rowIndex);
     };
@@ -1474,6 +1484,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const treeTableSelectionChange = (records) => {
       if (state.isTree == 0) {
+        emit("selectionChange", records);
         return false;
       }
       pubCheckChange(records);
@@ -1494,7 +1505,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       emit("checkboxChange", {
         checked,
         row,
-        index: $rowIndex
+        index: $rowIndex,
+        records
       });
       if (treeTableSelectionChange(records))
         return;
@@ -2278,7 +2290,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 +2453,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/components/edit-form/edit-time.js

@@ -44,7 +44,7 @@ var editTime = defineComponent({
       ...props.col.componentProps || {}
     };
     return () => createVNode(NTimePicker, mergeProps(attrs, config, {
-      "onUpdateValue": onUpdateValue
+      "onUpdateFormattedValue": onUpdateValue
     }), null);
   }
 });

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/useColumnConfigAdaptor.js

@@ -28,6 +28,7 @@ function useColumnConfigAdaptor() {
           type,
           "select"
         ]),
+        ...["DATE"].map((type) => [type, "date"]),
         ...["INPUT"].map((type) => [type, "input"]),
         ...["DIGITAL"].map((type) => [type, "number"])
       ]);
@@ -40,13 +41,17 @@ function useColumnConfigAdaptor() {
       const validateHandler = (value, result) => {
         if (!isObject(value))
           return;
-        result.componentProps = Object.assign({}, result.comonentProps, {
-          maxlength: value.max_length,
-          minlength: value.min_length,
-          max: value.max_value,
-          min: value.min_value,
-          precision: value.decimal_length
-        });
+        const keyMap = {
+          maxlength: "max_length",
+          minlength: "min_length",
+          max: "max_value",
+          min: "min_value",
+          precision: "decimal_length"
+        };
+        result.componentProps = Object.assign({}, result.comonentProps, Object.entries(keyMap).reduce((res, [k, v]) => {
+          res[k] = value[v];
+          return res;
+        }, {}));
       };
       const dateRangeValidate = (value, result) => {
         if (!isObject(value))
@@ -71,14 +76,25 @@ function useColumnConfigAdaptor() {
         const option = { label: value.describe, ...value };
         result.options = isArray(result.options) ? [...result.options, option] : [option];
       };
+      const htmlTypeHandler = (value, result, fieldItem) => {
+        var _a;
+        if (!isString(value))
+          return;
+        if (value === "DATE") {
+          result.formType = isString(fieldItem.date_format) && fieldItem.date_format.startsWith("HH:mm") ? "time" : "date";
+          return;
+        }
+        result.formType = (_a = htmlTypeValueMap.get(value)) != null ? _a : value;
+      };
       const settingMap = new Map([
         ["multi_select_value", { property: "multiple", valueMap: multipleValueMap }],
         ["is_null", isNullHandler],
         ["validate", validateHandler],
         ["dateValidate", dateRangeValidate],
+        ["date_format", "valueFormat"],
         ...["open", "close"].map((key) => [key, switchOptionHandler]),
         ["is_edit", { property: "isEdit", valueMap: isEditValueMap }],
-        ["html_type", { property: "formType", valueMap: htmlTypeValueMap }],
+        ["html_type", htmlTypeHandler],
         ["option", { property: "options", fieldMap: /* @__PURE__ */ new Map([["text", "label"]]) }],
         [
           "alias",

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

@@ -100,7 +100,7 @@ const useEdit = (props, state, emit, xGrid) => {
     } else {
       row[column.columnName] = value;
     }
-    if ((column == null ? void 0 : column.formType) === "date" && !value) {
+    if (((column == null ? void 0 : column.formType) === "date" || (column == null ? void 0 : column.formType) === "time") && !value) {
       row[column.columnName] = void 0;
     }
     emit("formChange", { value, row, column, index, oldValue });

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/fabric-chart/src/FabricChart.js

@@ -115,7 +115,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const times = top.xScalevalue.times;
       let left = originX.value - xCellWidth.value;
       function getDate(date) {
-        return String(date).length < 9 ? `20${date}` : date;
+        const [year = "2022", month = "01", day = "01"] = String(date).match(/\d+/g) || [];
+        return `20${year}`.slice(-4) + "-" + `00${month}`.slice(-2) + "-" + `00${day}`.slice(-2);
       }
       const timeList = dateList.map((item) => {
         return times.map((v) => {

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[];