@geelato/web-vue 2.57.1 → 2.58.2

package/es/table/table.js

@@ -1,4 +1,4 @@
-import { defineComponent, inject, toRefs, computed, ref, reactive, watch, watchEffect, provide, onMounted, createVNode, Fragment, mergeProps, isVNode } from "vue";
+import { defineComponent, inject, toRefs, computed, ref, reactive, watch, watchEffect, provide, nextTick, onMounted, createVNode, mergeProps, Fragment, isVNode } from "vue";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isObject, isFunction, isNumber, isString, isArray, isUndefined, isNull } from "../_utils/is.js";
 import { debounce } from "../_utils/debounce.js";
@@ -279,7 +279,7 @@ var _Table = defineComponent({
     const {
       componentRef: virtualComRef,
       elementRef: virtualRef
-    } = useComponentRef("viewportRef");
+    } = useComponentRef("containerRef");
     const {
       componentRef: theadComRef,
       elementRef: theadRef
@@ -475,6 +475,9 @@ var _Table = defineComponent({
       currentAllEnabledRowKeys,
       emit
     });
+    const currentAllEnabledRowKeySet = computed(() => new Set(currentAllEnabledRowKeys.value));
+    const currentSelectedRowKeySet = computed(() => new Set(currentSelectedRowKeys.value));
+    const selectedRowKeySet = computed(() => new Set(selectedRowKeys.value));
     const {
       expandedRowKeys,
       handleExpand,
@@ -530,18 +533,27 @@ var _Table = defineComponent({
             expand: _record.expand,
             isLeaf: _record.isLeaf
           };
-          if (_record.children) {
-            record.isLeaf = false;
-            record.children = travel(_record.children);
+          const recordChildren = _record.children;
+          if (Array.isArray(recordChildren)) {
+            if (recordChildren.length > 0) {
+              record.isLeaf = false;
+              record.children = travel(recordChildren);
+            } else if (showEmptyTree.value) {
+              record.isLeaf = false;
+              record.children = [];
+            } else {
+              record.isLeaf = true;
+            }
           } else if (props.loadMore && !_record.isLeaf) {
             record.isLeaf = false;
-            if (lazyLoadData[record.key]) {
-              record.children = travel(lazyLoadData[record.key]);
+            const lazyChildren = lazyLoadData[record.key];
+            if (lazyChildren) {
+              record.children = travel(lazyChildren);
             }
           } else {
             record.isLeaf = true;
           }
-          record.hasSubtree = Boolean(record.children ? props.hideExpandButtonOnEmpty ? record.children.length > 0 : true : props.loadMore && !record.isLeaf);
+          record.hasSubtree = Boolean(record.children ? props.hideExpandButtonOnEmpty ? record.children.length > 0 : showEmptyTree.value || record.children.length > 0 : props.loadMore && !record.isLeaf);
           result.push(record);
         }
         return result;
@@ -859,7 +871,10 @@ var _Table = defineComponent({
       resizingColumn,
       checkStrictly,
       currentAllEnabledRowKeys,
+      currentAllEnabledRowKeySet,
       currentSelectedRowKeys,
+      currentSelectedRowKeySet,
+      selectedRowKeySet,
       addColumn,
       removeColumn,
       onSelectAll: handleSelectAll,
@@ -879,7 +894,8 @@ var _Table = defineComponent({
       [`${prefixCls}-dragging`]: dragState.dragging,
       [`${prefixCls}-type-selection`]: Boolean(props.rowSelection),
       [`${prefixCls}-empty`]: props.data && flattenData.value.length === 0,
-      [`${prefixCls}-layout-fixed`]: props.tableLayoutFixed || isScroll.value.x || splitTable.value || hasEllipsis.value
+      [`${prefixCls}-layout-fixed`]: props.tableLayoutFixed || isScroll.value.x || splitTable.value || hasEllipsis.value,
+      [`${prefixCls}-virtualized`]: Boolean(props.virtualListProps)
     }]);
     const paginationCls = computed(() => [`${prefixCls}-pagination`, {
       [`${prefixCls}-pagination-left`]: props.pagePosition === "tl" || props.pagePosition === "bl",
@@ -906,6 +922,13 @@ var _Table = defineComponent({
       }
       thWidth.value = width;
     };
+    watch(columnWidth, () => {
+      if (isVirtualList.value) {
+        nextTick(getThWidth);
+      }
+    }, {
+      deep: true
+    });
     const hasScrollBar = ref(false);
     const isTbodyHasScrollBar = () => {
       if (tbodyRef.value) {
@@ -978,11 +1001,16 @@ var _Table = defineComponent({
       columns: allColumns
     });
     const getVirtualColumnStyle = (name) => {
-      if (!isVirtualList.value || !name || !thWidth.value[name]) {
+      var _a;
+      if (!isVirtualList.value || !name) {
+        return void 0;
+      }
+      const width = (_a = columnWidth[name]) != null ? _a : thWidth.value[name];
+      if (!width) {
         return void 0;
       }
       return {
-        width: `${thWidth.value[name]}px`
+        width: `${width}px`
       };
     };
     const renderSummaryRow = (record, rowIndex) => {
@@ -1098,16 +1126,14 @@ var _Table = defineComponent({
       }
       return null;
     };
-    const renderRecord = (record, rowIndex, {
+    const renderRecordRow = (record, rowIndex, {
       indentSize = 0,
       indexPath,
       allowDrag = true
     } = {}) => {
-      var _a;
       const currentKey = record.key;
       const currentPath = (indexPath != null ? indexPath : []).concat(rowIndex);
       const expandContent = renderExpandContent(record);
-      const showExpand = expandedRowKeys.value.includes(currentKey);
       const isDragTarget = dragState.sourceKey === record.key;
       const dragSourceEvent = dragType.value ? {
         draggable: allowDrag,
@@ -1140,7 +1166,7 @@ var _Table = defineComponent({
           handleDrop(ev);
         }
       } : {};
-      return createVNode(Fragment, null, [createVNode(Tr, mergeProps({
+      return createVNode(Tr, mergeProps({
         "key": currentKey,
         "class": [{
           [`${prefixCls}-tr-draggable`]: dragType.value === "row",
@@ -1148,15 +1174,15 @@ var _Table = defineComponent({
         }, isFunction(props.rowClass) ? props.rowClass(record.raw, rowIndex) : props.rowClass],
         "rowIndex": rowIndex,
         "record": record,
-        "checked": props.rowSelection && ((_a = selectedRowKeys.value) == null ? void 0 : _a.includes(currentKey)),
+        "checked": props.rowSelection && selectedRowKeySet.value.has(currentKey),
         "onClick": (ev) => handleRowClick(record, ev),
         "onDblclick": (ev) => handleRowDblclick(record, ev),
         "onContextmenu": (ev) => handleRowContextMenu(record, ev)
       }, dragType.value === "row" ? dragSourceEvent : {}, dragTargetEvent), {
         default: () => [operations.value.map((operation, index) => {
-          var _a2;
+          var _a;
           const cellId = `${rowIndex}-${index}-${record.key}`;
-          const [rowspan, colspan] = props.spanAll ? (_a2 = tableSpan.value[cellId]) != null ? _a2 : [1, 1] : [1, 1];
+          const [rowspan, colspan] = props.spanAll ? (_a = tableSpan.value[cellId]) != null ? _a : [1, 1] : [1, 1];
           if (props.spanAll && removedCells.value.includes(cellId)) {
             return null;
           }
@@ -1176,9 +1202,9 @@ var _Table = defineComponent({
             "drag-handle-icon": slots["drag-handle-icon"]
           });
         }), dataColumns.value.map((column, index) => {
-          var _a2;
+          var _a;
           const cellId = `${rowIndex}-${props.spanAll ? operations.value.length + index : index}-${record.key}`;
-          const [rowspan, colspan] = (_a2 = tableSpan.value[cellId]) != null ? _a2 : [1, 1];
+          const [rowspan, colspan] = (_a = tableSpan.value[cellId]) != null ? _a : [1, 1];
           if (removedCells.value.includes(cellId)) {
             return null;
           }
@@ -1209,13 +1235,123 @@ var _Table = defineComponent({
           });
         })],
         tr: slots.tr
+      });
+    };
+    const renderRecord = (record, rowIndex, {
+      indentSize = 0,
+      indexPath,
+      allowDrag = true
+    } = {}) => {
+      const currentKey = record.key;
+      const currentPath = (indexPath != null ? indexPath : []).concat(rowIndex);
+      const expandContent = renderExpandContent(record);
+      const showExpand = expandedRowKeys.value.includes(currentKey);
+      return createVNode(Fragment, null, [renderRecordRow(record, rowIndex, {
+        indentSize,
+        indexPath,
+        allowDrag
       }), showExpand && renderExpand(record, {
         indentSize: indentSize + props.indentSize,
         indexPath: currentPath,
-        allowDrag: allowDrag && !isDragTarget,
+        allowDrag,
         expandContent
       })]);
     };
+    const renderVirtualEmptyRow = (key) => {
+      return createVNode(Tr, {
+        "key": key,
+        "empty": true
+      }, {
+        default: () => [createVNode(Td, {
+          "colSpan": dataColumns.value.length + operations.value.length
+        }, {
+          default: () => {
+            var _a, _b, _c, _d, _e;
+            return [(_e = (_d = (_a = slots.empty) == null ? void 0 : _a.call(slots)) != null ? _d : (_c = configCtx == null ? void 0 : (_b = configCtx.slots).empty) == null ? void 0 : _c.call(_b, {
+              component: "table"
+            })) != null ? _e : createVNode(Empty, null, null)];
+          }
+        })]
+      });
+    };
+    const virtualListData = computed(() => {
+      if (!isVirtualList.value || flattenData.value.length === 0) {
+        return [];
+      }
+      const hasSubData = flattenData.value.some((record) => Boolean(record.hasSubtree));
+      const baseIndentSize = hasSubData ? 20 : 0;
+      const expandedKeySet = new Set(expandedRowKeys.value);
+      const list = [];
+      let recordIndex = 0;
+      const travel = (data, indentSize, indexPath) => {
+        data.forEach((record, index) => {
+          var _a;
+          const currentPath = indexPath.concat(index);
+          list.push({
+            type: "record",
+            _key: `r-${String(record.key)}`,
+            record,
+            rowIndex: recordIndex,
+            indentSize,
+            indexPath: currentPath
+          });
+          recordIndex += 1;
+          if (!expandedKeySet.has(record.key))
+            return;
+          if (record.hasSubtree) {
+            if (((_a = record.children) == null ? void 0 : _a.length) === 0 && showEmptyTree.value) {
+              list.push({
+                type: "empty-subtree",
+                _key: `empty-subtree-${String(record.key)}`
+              });
+              return;
+            }
+            if (record.children && record.children.length > 0) {
+              travel(record.children, indentSize + props.indentSize, currentPath);
+            }
+            return;
+          }
+          const expandContent = renderExpandContent(record);
+          if (expandContent) {
+            list.push({
+              type: "expand",
+              _key: `expand-${String(record.key)}`,
+              record
+            });
+          }
+        });
+      };
+      travel(flattenData.value, baseIndentSize, []);
+      return list;
+    });
+    const renderVirtualItem = (item) => {
+      if (item.type === "record") {
+        return renderRecordRow(item.record, item.rowIndex, {
+          indentSize: item.indentSize,
+          indexPath: item.indexPath
+        });
+      }
+      if (item.type === "empty-subtree") {
+        return renderVirtualEmptyRow(item._key);
+      }
+      const expandContent = renderExpandContent(item.record);
+      if (!expandContent) {
+        return null;
+      }
+      const scrollContainer = containerElement.value;
+      return createVNode(Tr, {
+        "key": `${item.record.key}-expand`,
+        "expand": true
+      }, {
+        default: () => [createVNode(Td, {
+          "isFixedExpand": hasLeftFixedColumn.value || hasRightFixedColumn.value,
+          "containerWidth": scrollContainer == null ? void 0 : scrollContainer.clientWidth,
+          "colSpan": dataColumns.value.length + operations.value.length
+        }, _isSlot(expandContent) ? expandContent : {
+          default: () => [expandContent]
+        })]
+      });
+    };
     const renderBody = () => {
       const hasSubData = flattenData.value.some((record) => Boolean(record.hasSubtree));
       return createVNode(Tbody, null, {
@@ -1244,7 +1380,7 @@ var _Table = defineComponent({
             "rowSpan": groupColumns.value.length
           }, null);
         }), row.map((column, index2) => {
-          const resizable = props.columnResizable && Boolean(column.dataIndex) && index2 < row.length - 1;
+          const resizable = props.columnResizable && Boolean(column.dataIndex) && index2 < row.length - 1 && !column.fixed;
           return createVNode(Th, {
             "key": `th-${index2}`,
             "ref": (ins) => {
@@ -1264,6 +1400,24 @@ var _Table = defineComponent({
       }))],
       thead: slots.thead
     });
+    const VirtualListTable = defineComponent({
+      setup(_props, {
+        attrs,
+        slots: slots2
+      }) {
+        return () => {
+          var _a;
+          return createVNode("table", mergeProps(attrs, {
+            "cellpadding": 0,
+            "cellspacing": 0
+          }), [createVNode(ColGroup, {
+            "dataColumns": dataColumns.value,
+            "operations": operations.value,
+            "columnWidth": columnWidth
+          }, null), (_a = slots2.default) == null ? void 0 : _a.call(slots2)]);
+        };
+      }
+    });
     const renderContent = () => {
       var _a, _b;
       if (splitTable.value) {
@@ -1307,17 +1461,14 @@ var _Table = defineComponent({
           "onResize": handleTbodyResize
         }, {
           default: () => {
-            var _a2, _b2;
+            var _a2, _b2, _c, _d;
             return [isVirtualList.value && flattenData.value.length ? createVNode(VirtualList, mergeProps({
-              "ref": (ins) => {
-                if (ins == null ? void 0 : ins.$el)
-                  tbodyRef.value = ins.$el;
-              },
+              "ref": virtualComRef.value,
               "class": `${prefixCls}-body`,
-              "data": flattenData.value,
+              "data": virtualListData.value,
               "itemKey": "_key",
               "component": {
-                list: "table",
+                list: VirtualListTable,
                 content: "tbody"
               },
               "listAttrs": {
@@ -1325,19 +1476,18 @@ var _Table = defineComponent({
                 style: contentStyle.value
               },
               "paddingPosition": "list",
-              "height": "auto"
+              "height": (_b2 = (_a2 = props.scroll) == null ? void 0 : _a2.y) != null ? _b2 : "auto"
             }, props.virtualListProps, {
               "onScroll": onTbodyScroll
             }), {
               item: ({
-                item,
-                index
-              }) => renderRecord(item, index)
+                item
+              }) => renderVirtualItem(item)
             }) : createVNode(Component, mergeProps({
               "ref": tbodyComRef,
               "class": `${prefixCls}-body`,
               "style": {
-                maxHeight: isNumber((_a2 = props.scroll) == null ? void 0 : _a2.y) ? `${(_b2 = props.scroll) == null ? void 0 : _b2.y}px` : "100%"
+                maxHeight: isNumber((_c = props.scroll) == null ? void 0 : _c.y) ? `${(_d = props.scroll) == null ? void 0 : _d.y}px` : "100%"
               }
             }, scrollbar.value ? {
               outerStyle: {

package/es/table/utils.d.ts

@@ -28,7 +28,7 @@ export declare function mapArrayWithChildren<T extends Array<{
 }>>(arr: T): T;
 export declare function mapRawTableData<T extends TableDataWithRaw[]>(arr: T): TableDataWithRaw['raw'][];
 export declare const getLeafKeys: (record: TableDataWithRaw) => BaseType[];
-export declare const getSelectionStatus: (selectedRowKeys: BaseType[], leafKeys: BaseType[]) => {
+export declare const getSelectionStatus: (selectedRowKeys: BaseType[] | Set<BaseType>, leafKeys: BaseType[]) => {
     checked: boolean;
     indeterminate: boolean;
 };

package/es/table/utils.js

@@ -259,11 +259,15 @@ const getLeafKeys = (record) => {
 const getSelectionStatus = (selectedRowKeys, leafKeys) => {
   let checked = false;
   let indeterminate = false;
-  const selectedLeafKeys = leafKeys.filter(
-    (key) => selectedRowKeys.includes(key)
-  );
-  if (selectedLeafKeys.length > 0) {
-    if (selectedLeafKeys.length >= leafKeys.length) {
+  const selectedSet = selectedRowKeys instanceof Set ? selectedRowKeys : new Set(selectedRowKeys);
+  let selectedLeafCount = 0;
+  for (const key of leafKeys) {
+    if (selectedSet.has(key)) {
+      selectedLeafCount += 1;
+    }
+  }
+  if (selectedLeafCount > 0) {
+    if (selectedLeafCount >= leafKeys.length) {
       checked = true;
     } else {
       indeterminate = true;

package/es/tabs/index.d.ts

@@ -17,7 +17,7 @@ declare const Tabs: {
             default: string;
         };
         size: {
-            type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
+            type: import("vue").PropType<"mini" | "small" | "medium" | "large">;
         };
         type: {
             type: import("vue").PropType<import("./interface").TabsType>;
@@ -84,12 +84,12 @@ declare const Tabs: {
         add: (ev: Event) => true;
         delete: (key: string | number, ev: Event) => true;
     }, import("vue").PublicProps, {
+        type: import("./interface").TabsType;
         trigger: import("./interface").TabTriggerEvent;
         position: import("./interface").TabsPosition;
         justify: boolean;
-        type: import("./interface").TabsType;
-        direction: "horizontal" | "vertical";
         animation: boolean;
+        direction: "horizontal" | "vertical";
         activeKey: string | number;
         defaultActiveKey: string | number;
         destroyOnHide: boolean;
@@ -121,7 +121,7 @@ declare const Tabs: {
             default: string;
         };
         size: {
-            type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
+            type: import("vue").PropType<"mini" | "small" | "medium" | "large">;
         };
         type: {
             type: import("vue").PropType<import("./interface").TabsType>;
@@ -182,12 +182,12 @@ declare const Tabs: {
         "onUpdate:activeKey"?: ((key: string | number) => any) | undefined;
         onTabClick?: ((key: string | number, ev: Event) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        type: import("./interface").TabsType;
         trigger: import("./interface").TabTriggerEvent;
         position: import("./interface").TabsPosition;
         justify: boolean;
-        type: import("./interface").TabsType;
-        direction: "horizontal" | "vertical";
         animation: boolean;
+        direction: "horizontal" | "vertical";
         activeKey: string | number;
         defaultActiveKey: string | number;
         destroyOnHide: boolean;
@@ -216,7 +216,7 @@ declare const Tabs: {
         default: string;
     };
     size: {
-        type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
+        type: import("vue").PropType<"mini" | "small" | "medium" | "large">;
     };
     type: {
         type: import("vue").PropType<import("./interface").TabsType>;
@@ -283,12 +283,12 @@ declare const Tabs: {
     add: (ev: Event) => true;
     delete: (key: string | number, ev: Event) => true;
 }, string, {
+    type: import("./interface").TabsType;
     trigger: import("./interface").TabTriggerEvent;
     position: import("./interface").TabsPosition;
     justify: boolean;
-    type: import("./interface").TabsType;
-    direction: "horizontal" | "vertical";
     animation: boolean;
+    direction: "horizontal" | "vertical";
     activeKey: string | number;
     defaultActiveKey: string | number;
     destroyOnHide: boolean;

package/es/tabs/tabs-nav.d.ts

@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<ScrollPosition>;
         default: string;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "add" | "delete")[], "click" | "delete" | "add", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "add" | "delete")[], "delete" | "add" | "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tabs: {
         type: PropType<TabData[]>;
         required: true;

package/es/tabs/tabs-tab.d.ts

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onKeydown: (ev: KeyboardEvent) => void;
     }>;
     handleDelete: (e: Event) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "delete")[], "click" | "delete", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "delete")[], "delete" | "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tab: {
         type: PropType<TabData>;
         required: true;
@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
         };
         size: {
-            type: PropType<"mini" | "medium" | "large" | "small">;
+            type: PropType<"mini" | "small" | "medium" | "large">;
             default: string;
         };
         disabled: {
@@ -55,7 +55,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
         };
         size: {
-            type: PropType<"mini" | "medium" | "large" | "small">;
+            type: PropType<"mini" | "small" | "medium" | "large">;
             default: string;
         };
         disabled: {
@@ -63,8 +63,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{}>, {
+        size: "mini" | "small" | "medium" | "large";
         disabled: boolean;
-        size: "mini" | "medium" | "large" | "small";
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     IconClose: any;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/tabs/tabs.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     size: {
-        type: PropType<"mini" | "medium" | "large" | "small">;
+        type: PropType<"mini" | "small" | "medium" | "large">;
     };
     type: {
         type: PropType<TabsType>;
@@ -88,7 +88,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     size: {
-        type: PropType<"mini" | "medium" | "large" | "small">;
+        type: PropType<"mini" | "small" | "medium" | "large">;
     };
     type: {
         type: PropType<TabsType>;
@@ -149,12 +149,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:activeKey"?: ((key: string | number) => any) | undefined;
     onTabClick?: ((key: string | number, ev: Event) => any) | undefined;
 }>, {
+    type: TabsType;
     trigger: TabTriggerEvent;
     position: TabsPosition;
     justify: boolean;
-    type: TabsType;
-    direction: "horizontal" | "vertical";
     animation: boolean;
+    direction: "horizontal" | "vertical";
     activeKey: string | number;
     defaultActiveKey: string | number;
     destroyOnHide: boolean;

package/es/tag/index.d.ts

@@ -7,7 +7,7 @@ declare const Tag: {
             type: import("vue").PropType<string>;
         };
         size: {
-            type: import("vue").PropType<"medium" | "large" | "small">;
+            type: import("vue").PropType<"small" | "medium" | "large">;
         };
         bordered: {
             type: BooleanConstructor;
@@ -71,17 +71,17 @@ declare const Tag: {
         loading: boolean;
         bordered: boolean;
         closable: boolean;
+        defaultChecked: boolean;
         defaultVisible: boolean;
         checked: boolean;
         checkable: boolean;
-        defaultChecked: boolean;
     }, true, {}, {}, {
         IconHover: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             prefix: {
                 type: StringConstructor;
             };
             size: {
-                type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
+                type: import("vue").PropType<"mini" | "small" | "medium" | "large">;
                 default: string;
             };
             disabled: {
@@ -95,7 +95,7 @@ declare const Tag: {
                 type: StringConstructor;
             };
             size: {
-                type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
+                type: import("vue").PropType<"mini" | "small" | "medium" | "large">;
                 default: string;
             };
             disabled: {
@@ -103,8 +103,8 @@ declare const Tag: {
                 default: boolean;
             };
         }>> & Readonly<{}>, {
+            size: "mini" | "small" | "medium" | "large";
             disabled: boolean;
-            size: "mini" | "medium" | "large" | "small";
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         IconClose: any;
         IconLoading: any;
@@ -120,7 +120,7 @@ declare const Tag: {
             type: import("vue").PropType<string>;
         };
         size: {
-            type: import("vue").PropType<"medium" | "large" | "small">;
+            type: import("vue").PropType<"small" | "medium" | "large">;
         };
         bordered: {
             type: BooleanConstructor;
@@ -179,10 +179,10 @@ declare const Tag: {
         loading: boolean;
         bordered: boolean;
         closable: boolean;
+        defaultChecked: boolean;
         defaultVisible: boolean;
         checked: boolean;
         checkable: boolean;
-        defaultChecked: boolean;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -192,7 +192,7 @@ declare const Tag: {
         type: import("vue").PropType<string>;
     };
     size: {
-        type: import("vue").PropType<"medium" | "large" | "small">;
+        type: import("vue").PropType<"small" | "medium" | "large">;
     };
     bordered: {
         type: BooleanConstructor;
@@ -256,17 +256,17 @@ declare const Tag: {
     loading: boolean;
     bordered: boolean;
     closable: boolean;
+    defaultChecked: boolean;
     defaultVisible: boolean;
     checked: boolean;
     checkable: boolean;
-    defaultChecked: boolean;
 }, {}, string, {}, {
     IconHover: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         prefix: {
             type: StringConstructor;
         };
         size: {
-            type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
+            type: import("vue").PropType<"mini" | "small" | "medium" | "large">;
             default: string;
         };
         disabled: {
@@ -280,7 +280,7 @@ declare const Tag: {
             type: StringConstructor;
         };
         size: {
-            type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
+            type: import("vue").PropType<"mini" | "small" | "medium" | "large">;
             default: string;
         };
         disabled: {
@@ -288,8 +288,8 @@ declare const Tag: {
             default: boolean;
         };
     }>> & Readonly<{}>, {
+        size: "mini" | "small" | "medium" | "large";
         disabled: boolean;
-        size: "mini" | "medium" | "large" | "small";
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     IconClose: any;
     IconLoading: any;