hy-dispatch-ui-v3 0.1.6 → 0.2.0

package/es/components/appTable/appTable.vue.mjs

@@ -1,17 +1,18 @@
-import { defineComponent, useTemplateRef, openBlock, createElementBlock, createCommentVNode, createElementVNode, createBlock, unref, createVNode, withCtx, toDisplayString, withKeys, renderSlot, normalizeClass, createSlots, renderList, normalizeProps, guardReactiveProps, mergeProps, Fragment, withModifiers } from 'vue';
-import { ElIcon, ElInput, ElButton, ElTable, ElTableColumn, ElDropdown, ElDropdownMenu, ElDropdownItem, ElPagination } from 'element-plus';
-import { Filter, Search } from '@element-plus/icons-vue';
-import { AppTooltip } from '../appTooltip/index.mjs';
-import { operatorFilterHandler, operatorClickHandler, operatorDisabledHandler, operatorDisableTextdHandler, useAppTableWrapper } from './js/index.mjs';
+import { defineComponent, useTemplateRef, openBlock, createElementBlock, createCommentVNode, createElementVNode, createBlock, unref, createVNode, withCtx, toDisplayString, normalizeClass, withKeys, renderSlot, createSlots, renderList, normalizeProps, guardReactiveProps, mergeProps, Fragment } from 'vue';
+import { ElIcon, ElInput, ElTable, ElTableColumn, ElDropdown, ElDropdownMenu, ElDropdownItem, ElAutoResizer, ElPagination } from 'element-plus';
+import { Filter, Search, MoreFilled } from '@element-plus/icons-vue';
+import { operatorFilterHandler, operatorClickHandler, operatorDisabledHandler, operatorDisableTextdHandler, renderContentHandler, renderHeaderHandler, useAppTableWrapper } from './js/index.mjs';
 import { useAppTableSearch } from './js/search.mjs';
+import _sfc_main$2 from './cpns/headerItem.vue.mjs';
 import _sfc_main$1 from './cpns/columnSelect.vue.mjs';
+import _sfc_main$3 from './cpns/virtualTable.vue.mjs';
 import { useMixins } from '../../hooks/useMixins.mjs';
 import { AppButton } from '../appButton/index.mjs';
-import { AppIcon } from '../appIcon/index.mjs';
 import { AppSearch } from '../appSearch/index.mjs';
 import { parseRem } from '../../utils/adaptive.mjs';
-import { AppIconBox } from '../appIconBox/index.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
+import { AppTooltip } from '../appTooltip/index.mjs';
+import { AppIcon } from '../appIcon/index.mjs';
 import { isEmpty } from '../../utils/is.mjs';
 
 import "./style/appTable.scss";
@@ -22,6 +23,11 @@ const __default__ = defineComponent({
 const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   props: {
     // 表格配置项
+    type: {
+      type: String,
+      default: "default"
+      // default-普通表格 virtual-虚拟表格
+    },
     rowKey: {
       // 选中的参数
       type: [String, Function],
@@ -129,6 +135,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         return [];
       }
     },
+    controllerText: {
+      type: String,
+      default: ""
+    },
     // 分页配置
     layout: {
       type: String,
@@ -181,6 +191,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       onTableRowClickHandler,
       onTableRowContextmenuHandler,
       onTableSelectHandler,
+      isSearchFocus,
+      onSearchInputHandler,
+      onSearchBlurHandler,
       // useAppTableSearch
       // 表单查询
       totalElements,
@@ -258,23 +271,57 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   /* TEXT */
                 )
               ], 8, ["onClick"])) : createCommentVNode("v-if", true),
-              unref(searchPlaceholder) ? (openBlock(), createBlock(unref(ElInput), {
+              unref(searchPlaceholder) ? (openBlock(), createBlock(unref(AppTooltip), {
                 key: 2,
-                modelValue: __props.filterModel.query,
-                "onUpdate:modelValue": ($event) => __props.filterModel.query = $event,
-                class: "w-[160px]",
-                placeholder: unref(t)("table.searchFor", [unref(searchPlaceholder)]),
-                onKeydown: withKeys(unref(onSearchQueryHandler), ["enter"])
+                "is-always": "",
+                placement: "bottom"
               }, {
-                append: withCtx(() => [
-                  createVNode(unref(ElButton), {
-                    icon: unref(Search),
-                    onClick: unref(onSearchQueryHandler)
-                  }, null, 8, ["icon", "onClick"])
+                content: withCtx(() => [
+                  createElementVNode("span", {
+                    innerHTML: unref(t)("table.searchByInput", [unref(searchPlaceholder)])
+                  }, null, 8, ["innerHTML"])
+                ]),
+                default: withCtx(() => [
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass(["border border-border hover:border-theme rounded overflow-hidden", { "!border-theme": unref(isSearchFocus) }])
+                    },
+                    [
+                      createVNode(unref(ElInput), {
+                        modelValue: __props.filterModel.query,
+                        "onUpdate:modelValue": ($event) => __props.filterModel.query = $event,
+                        class: "app-table-search",
+                        placeholder: unref(t)("table.searchFor", [__props.controllerText || ""]),
+                        onFocus: unref(onSearchInputHandler),
+                        onBlur: unref(onSearchBlurHandler),
+                        onKeydown: withKeys(unref(onSearchQueryHandler), ["enter"])
+                      }, {
+                        append: withCtx(() => [
+                          createElementVNode("div", {
+                            class: "w-[32px] h-full flex items-center justify-center bg-background-3 rounded-[2px] cursor-pointer",
+                            onClick: unref(onSearchQueryHandler)
+                          }, [
+                            createVNode(unref(ElIcon), { size: "18" }, {
+                              default: withCtx(() => [
+                                createVNode(unref(Search))
+                              ]),
+                              _: 1
+                              /* STABLE */
+                            })
+                          ], 8, ["onClick"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onFocus", "onBlur", "onKeydown"])
+                    ],
+                    2
+                    /* CLASS */
+                  )
                 ]),
                 _: 1
                 /* STABLE */
-              }, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onKeydown"])) : (openBlock(), createBlock(unref(AppButton), {
+              })) : (openBlock(), createBlock(unref(AppButton), {
                 key: 3,
                 type: "primary",
                 onClick: ($event) => unref(getData)()
@@ -321,9 +368,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             })
           ]), 1032, ["model", "columns", "hidden", "class", "onSearch"])) : createCommentVNode("v-if", true),
           createCommentVNode(" \u4E3B\u5185\u5BB9 "),
-          createElementVNode("div", { class: "h-0 flex-1 flex flex-col border border-border rounded pb-5 overflow-hidden" }, [
+          createElementVNode("div", { class: "h-0 flex-1 flex flex-col border border-border rounded overflow-hidden" }, [
+            createCommentVNode(" \u8868\u683C "),
             renderSlot(_ctx.$slots, "table", { data: unref(tableDataSource) }, () => [
-              createVNode(unref(ElTable), mergeProps({
+              __props.type === "default" ? (openBlock(), createBlock(unref(ElTable), mergeProps({
+                key: 0,
                 ref_key: "tableRef",
                 ref: tableRef,
                 "row-key": unref(getRowKey),
@@ -356,159 +405,211 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     Fragment,
                     null,
                     renderList(unref(tableColumns), (column) => {
-                      var _a;
                       return openBlock(), createElementBlock(
                         Fragment,
                         {
                           key: column.prop
                         },
                         [
-                          ((_a = unref(tableColumnsEditablele)[column.prop]) == null ? void 0 : _a.checked) ? (openBlock(), createBlock(
+                          unref(tableColumnsEditablele)[column.prop]?.checked ? (openBlock(), createBlock(
                             unref(ElTableColumn),
                             mergeProps({
                               key: 0,
                               ref_for: true
-                            }, column),
+                            }, column, { "render-header": null }),
                             {
                               header: withCtx((scope) => [
-                                renderSlot(_ctx.$slots, column.headerSlot, mergeProps({ ref_for: true }, scope), () => {
-                                  var _a2, _b;
-                                  return [
-                                    !unref(isEmpty)((_a2 = scope.column) == null ? void 0 : _a2.label) ? (openBlock(), createBlock(unref(AppTooltip), {
-                                      key: 0,
-                                      "over-line": 1,
-                                      content: (_b = scope.column) == null ? void 0 : _b.label
-                                    }, null, 8, ["content"])) : createCommentVNode("v-if", true)
-                                  ];
-                                })
+                                createVNode(_sfc_main$2, {
+                                  type: "default",
+                                  column,
+                                  "filter-model": __props.filterModel,
+                                  onSearch: ($event) => unref(getData)(1)
+                                }, {
+                                  default: withCtx(() => [
+                                    renderSlot(_ctx.$slots, column.headerSlot, mergeProps({ ref_for: true }, { column, $index: scope.$index }), () => [
+                                      !unref(isEmpty)(unref(renderHeaderHandler)(column, scope)) ? (openBlock(), createBlock(unref(AppTooltip), {
+                                        key: 0,
+                                        "over-line": 1,
+                                        content: unref(renderHeaderHandler)(column, scope)
+                                      }, null, 8, ["content"])) : createCommentVNode("v-if", true)
+                                    ])
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1032, ["column", "filter-model", "onSearch"])
                               ]),
-                              default: withCtx((scope) => {
-                                var _a2, _b;
-                                return [
-                                  (column == null ? void 0 : column.slot) ? renderSlot(_ctx.$slots, column == null ? void 0 : column.slot, mergeProps({
-                                    key: 0,
-                                    ref_for: true
-                                  }, scope)) : column.prop === "operator" ? (openBlock(), createElementBlock(
+                              default: withCtx((scope) => [
+                                column?.slot ? renderSlot(_ctx.$slots, column?.slot, mergeProps({
+                                  key: 0,
+                                  ref_for: true
+                                }, scope)) : column.type === "operator" ? (openBlock(), createElementBlock("div", {
+                                  key: 1,
+                                  class: "flex items-center justify-between text-main"
+                                }, [
+                                  (openBlock(true), createElementBlock(
                                     Fragment,
-                                    { key: 1 },
-                                    [
-                                      (openBlock(true), createElementBlock(
-                                        Fragment,
-                                        null,
-                                        renderList(unref(operatorFilterHandler)(
-                                          column,
-                                          scope,
-                                          "default"
-                                        ), (citem, cindex) => {
-                                          return openBlock(), createBlock(unref(AppIconBox), {
-                                            key: cindex,
-                                            "svg-name": citem.svgName,
-                                            altText: citem.label,
-                                            onClick: withModifiers(($event) => unref(operatorClickHandler)(cindex, column, scope, "default"), ["stop"])
-                                          }, null, 8, ["svg-name", "altText", "onClick"]);
-                                        }),
-                                        128
-                                        /* KEYED_FRAGMENT */
-                                      )),
-                                      ((_a2 = unref(operatorFilterHandler)(column, scope, "more")) == null ? void 0 : _a2.length) ? (openBlock(), createBlock(unref(ElDropdown), {
-                                        key: 0,
-                                        ref_for: true,
-                                        ref_key: "operatorDropdownRef",
-                                        ref: operatorDropdownRef,
-                                        trigger: "click",
-                                        class: "ml-3",
-                                        "popper-style": "min-width: 150px",
-                                        placement: "bottom",
-                                        onCommand: ($event) => unref(operatorClickHandler)($event, column, scope, "more")
+                                    null,
+                                    renderList(unref(operatorFilterHandler)(
+                                      column,
+                                      scope,
+                                      "default"
+                                    ), (citem, cindex) => {
+                                      return openBlock(), createBlock(unref(AppTooltip), {
+                                        key: cindex,
+                                        "is-always": "",
+                                        content: citem.label
                                       }, {
-                                        dropdown: withCtx(() => [
-                                          createVNode(
-                                            unref(ElDropdownMenu),
-                                            null,
-                                            {
-                                              default: withCtx(() => [
-                                                (openBlock(true), createElementBlock(
-                                                  Fragment,
-                                                  null,
-                                                  renderList(unref(operatorFilterHandler)(
-                                                    column,
-                                                    scope,
-                                                    "more"
-                                                  ), (citem, cindex) => {
-                                                    return openBlock(), createBlock(unref(ElDropdownItem), {
-                                                      key: cindex,
-                                                      command: cindex,
-                                                      disabled: unref(operatorDisabledHandler)(citem, scope)
-                                                    }, {
-                                                      default: withCtx(() => [
-                                                        createElementVNode("span", null, [
-                                                          createElementVNode(
-                                                            "span",
-                                                            null,
-                                                            toDisplayString(citem.label),
-                                                            1
-                                                            /* TEXT */
-                                                          ),
-                                                          unref(operatorDisabledHandler)(citem, scope) ? (openBlock(), createElementBlock(
-                                                            "span",
-                                                            {
-                                                              key: 0,
-                                                              class: "text-xs leading-1"
-                                                            },
-                                                            "\uFF08" + toDisplayString(unref(operatorDisableTextdHandler)(citem, scope)) + "\uFF09",
-                                                            1
-                                                            /* TEXT */
-                                                          )) : createCommentVNode("v-if", true)
-                                                        ])
-                                                      ]),
-                                                      _: 2
-                                                      /* DYNAMIC */
-                                                    }, 1032, ["command", "disabled"]);
-                                                  }),
-                                                  128
-                                                  /* KEYED_FRAGMENT */
-                                                ))
-                                              ]),
-                                              _: 2
-                                              /* DYNAMIC */
-                                            },
-                                            1024
-                                            /* DYNAMIC_SLOTS */
-                                          )
-                                        ]),
                                         default: withCtx(() => [
-                                          createVNode(unref(AppIconBox), {
-                                            key: "more",
-                                            "svg-name": "system-burst_analysis_select_option",
-                                            altText: unref(t)("table.moreOperations"),
-                                            onClick: withModifiers(() => {
-                                            }, ["stop"])
-                                          }, null, 8, ["altText", "onClick"])
+                                          createElementVNode("div", {
+                                            class: normalizeClass(["w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-xs hover:font-bold border border-transparent hover:border-theme hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-theme),0.5)] rounded box-border cursor-pointer", citem.className]),
+                                            onClick: ($event) => unref(operatorClickHandler)(cindex, column, scope, "default")
+                                          }, [
+                                            createCommentVNode(' <AppIcon\n                          :svg-name="citem.svgName"\n                          class-name="!w-4 !h-4"\n                        /> '),
+                                            createElementVNode("div", { class: "w-4 h-4" }, [
+                                              createVNode(unref(ElIcon), {
+                                                size: "16",
+                                                color: "rgba(var(--hy-main))"
+                                              }, {
+                                                default: withCtx(() => [
+                                                  createVNode(unref(MoreFilled))
+                                                ]),
+                                                _: 1
+                                                /* STABLE */
+                                              })
+                                            ]),
+                                            citem.subLabel ? (openBlock(), createElementBlock(
+                                              "div",
+                                              {
+                                                key: 0,
+                                                class: "mt-1 whitespace-nowrap"
+                                              },
+                                              toDisplayString(citem.subLabel),
+                                              1
+                                              /* TEXT */
+                                            )) : (openBlock(), createElementBlock("div", {
+                                              key: 1,
+                                              class: "mt-1 whitespace-nowrap"
+                                            }, "\xA0"))
+                                          ], 10, ["onClick"])
                                         ]),
                                         _: 2
                                         /* DYNAMIC */
-                                      }, 1032, ["onCommand"])) : createCommentVNode("v-if", true)
-                                    ],
-                                    64
-                                    /* STABLE_FRAGMENT */
-                                  )) : ((_b = scope.column) == null ? void 0 : _b.type) === "default" ? (openBlock(), createElementBlock(
-                                    Fragment,
-                                    { key: 2 },
-                                    [
-                                      !unref(isEmpty)(scope.row[scope.column.property]) ? (openBlock(), createBlock(unref(AppTooltip), {
-                                        key: 0,
-                                        "over-line": 2,
-                                        content: scope.row[scope.column.property]
-                                      }, null, 8, ["content"])) : (openBlock(), createElementBlock("span", {
-                                        key: 1,
-                                        class: "text-auxiliary"
-                                      }, "- -"))
-                                    ],
-                                    64
-                                    /* STABLE_FRAGMENT */
-                                  )) : createCommentVNode("v-if", true)
-                                ];
-                              }),
+                                      }, 1032, ["content"]);
+                                    }),
+                                    128
+                                    /* KEYED_FRAGMENT */
+                                  )),
+                                  unref(operatorFilterHandler)(column, scope, "more")?.length ? (openBlock(), createBlock(unref(ElDropdown), {
+                                    key: 0,
+                                    ref_for: true,
+                                    ref_key: "operatorDropdownRef",
+                                    ref: operatorDropdownRef,
+                                    trigger: "click",
+                                    "popper-style": "min-width: 150px",
+                                    placement: "bottom",
+                                    onCommand: ($event) => unref(operatorClickHandler)($event, column, scope, "more")
+                                  }, {
+                                    dropdown: withCtx(() => [
+                                      createVNode(
+                                        unref(ElDropdownMenu),
+                                        null,
+                                        {
+                                          default: withCtx(() => [
+                                            (openBlock(true), createElementBlock(
+                                              Fragment,
+                                              null,
+                                              renderList(unref(operatorFilterHandler)(
+                                                column,
+                                                scope,
+                                                "more"
+                                              ), (citem, cindex) => {
+                                                return openBlock(), createBlock(unref(ElDropdownItem), {
+                                                  key: cindex,
+                                                  command: cindex,
+                                                  disabled: unref(operatorDisabledHandler)(citem, scope)
+                                                }, {
+                                                  default: withCtx(() => [
+                                                    createElementVNode("span", null, [
+                                                      createElementVNode(
+                                                        "span",
+                                                        null,
+                                                        toDisplayString(citem.label),
+                                                        1
+                                                        /* TEXT */
+                                                      ),
+                                                      unref(operatorDisabledHandler)(citem, scope) ? (openBlock(), createElementBlock(
+                                                        "span",
+                                                        {
+                                                          key: 0,
+                                                          class: "text-xs leading-1"
+                                                        },
+                                                        "\uFF08" + toDisplayString(unref(operatorDisableTextdHandler)(citem, scope)) + "\uFF09",
+                                                        1
+                                                        /* TEXT */
+                                                      )) : createCommentVNode("v-if", true)
+                                                    ])
+                                                  ]),
+                                                  _: 2
+                                                  /* DYNAMIC */
+                                                }, 1032, ["command", "disabled"]);
+                                              }),
+                                              128
+                                              /* KEYED_FRAGMENT */
+                                            ))
+                                          ]),
+                                          _: 2
+                                          /* DYNAMIC */
+                                        },
+                                        1024
+                                        /* DYNAMIC_SLOTS */
+                                      )
+                                    ]),
+                                    default: withCtx(() => [
+                                      createElementVNode("span", null, [
+                                        createVNode(unref(AppTooltip), {
+                                          "is-always": "",
+                                          content: unref(t)("table.moreOperations")
+                                        }, {
+                                          default: withCtx(() => [
+                                            createElementVNode("div", { class: "w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-main text-xs hover:font-bold border border-transparent hover:border-theme hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-theme),0.5)] rounded box-border cursor-pointer" }, [
+                                              createVNode(unref(AppIcon), {
+                                                "svg-name": "system-burst_analysis_select_option",
+                                                "class-name": "!w-4 !h-4"
+                                              }),
+                                              createElementVNode(
+                                                "div",
+                                                { class: "mt-0.5" },
+                                                toDisplayString(unref(t)("table.more")),
+                                                1
+                                                /* TEXT */
+                                              )
+                                            ])
+                                          ]),
+                                          _: 1
+                                          /* STABLE */
+                                        }, 8, ["content"])
+                                      ])
+                                    ]),
+                                    _: 2
+                                    /* DYNAMIC */
+                                  }, 1032, ["onCommand"])) : createCommentVNode("v-if", true)
+                                ])) : scope.column?.type === "default" ? (openBlock(), createElementBlock(
+                                  Fragment,
+                                  { key: 2 },
+                                  [
+                                    !unref(isEmpty)(unref(renderContentHandler)(column, scope)) ? (openBlock(), createBlock(unref(AppTooltip), {
+                                      key: 0,
+                                      "over-line": 2,
+                                      content: unref(renderContentHandler)(column, scope)
+                                    }, null, 8, ["content"])) : (openBlock(), createElementBlock("span", {
+                                      key: 1,
+                                      class: "text-auxiliary"
+                                    }, "- -"))
+                                  ],
+                                  64
+                                  /* STABLE_FRAGMENT */
+                                )) : createCommentVNode("v-if", true)
+                              ]),
                               _: 2
                               /* DYNAMIC */
                             },
@@ -526,12 +627,65 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 ]),
                 _: 3
                 /* FORWARDED */
-              }, 16, ["row-key", "data", "show-header", "row-class-name", "class", "style", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu"])
+              }, 16, ["row-key", "data", "show-header", "row-class-name", "class", "style", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu"])) : createCommentVNode("v-if", true),
+              __props.type === "virtual" ? (openBlock(), createBlock(unref(ElAutoResizer), { key: 1 }, {
+                default: withCtx(({ height, width }) => [
+                  createVNode(_sfc_main$3, mergeProps({
+                    ref_key: "tableRef",
+                    ref: tableRef,
+                    width,
+                    height,
+                    "row-key": __props.rowKey,
+                    data: unref(tableDataSource),
+                    columns: unref(tableColumns),
+                    "columns-editable": unref(tableColumnsEditablele),
+                    "show-header": __props.showHeader,
+                    "row-class-name": unref(setTableRowClassName),
+                    "show-all-select": __props.isShowAllSelect,
+                    style: {
+                      "font-size": `${unref(parseRem)(__props.fontSize)}rem`
+                    },
+                    "filter-model": __props.filterModel,
+                    onSearch: ($event) => unref(getData)(1),
+                    onSelect: unref(onTableSelectHandler),
+                    onSelectAll: unref(onTableSelectHandler),
+                    onRowClick: unref(onTableRowClickHandler),
+                    onRowContextmenu: unref(onTableRowContextmenuHandler)
+                  }, _ctx.$attrs), createSlots({
+                    empty: withCtx(() => [
+                      createElementVNode("div", { class: "w-full h-full flex items-center justify-center border-b border-border" }, [
+                        renderSlot(_ctx.$slots, "empty", {}, () => [
+                          createElementVNode(
+                            "span",
+                            null,
+                            toDisplayString(__props.emptyText || unref(t)("hy.noData")),
+                            1
+                            /* TEXT */
+                          )
+                        ])
+                      ])
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, [
+                    renderList(_ctx.$slots, (_, slotName) => {
+                      return {
+                        name: slotName,
+                        fn: withCtx((scope) => [
+                          renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(scope)))
+                        ])
+                      };
+                    })
+                  ]), 1040, ["width", "height", "row-key", "data", "columns", "columns-editable", "show-header", "row-class-name", "show-all-select", "style", "filter-model", "onSearch", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu"])
+                ]),
+                _: 3
+                /* FORWARDED */
+              })) : createCommentVNode("v-if", true)
             ]),
             createCommentVNode(" \u5206\u9875 "),
             __props.showPagination ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: "flex items-center justify-center min-h-6 relative mt-3"
+              class: "flex items-center justify-center min-h-6 relative pt-3 pb-5"
             }, [
               createElementVNode(
                 "div",
@@ -549,7 +703,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 "pager-count": __props.pagerCount,
                 "page-sizes": [10, 15, 30, 50, 100],
                 layout: __props.layout,
-                size: "small",
+                size: "default",
                 background: "",
                 "hide-on-single-page": "",
                 onSizeChange: unref(onSizeChangeHandler),