hy-dispatch-ui-v3 0.1.5 → 0.2.0

package/lib/components/appTable/appTable.vue.js

@@ -5,17 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var elementPlus = require('element-plus');
 var iconsVue = require('@element-plus/icons-vue');
-var index$5 = require('../appTooltip/index.js');
-var index$3 = require('./js/index.js');
+var index$4 = require('./js/index.js');
 var search = require('./js/search.js');
+var headerItem = require('./cpns/headerItem.vue.js');
 var columnSelect = require('./cpns/columnSelect.vue.js');
+var virtualTable = require('./cpns/virtualTable.vue.js');
 var useMixins = require('../../hooks/useMixins.js');
-var index = require('../appButton/index.js');
-var index$1 = require('../appIcon/index.js');
-var index$2 = require('../appSearch/index.js');
+var index$1 = require('../appButton/index.js');
+var index$3 = require('../appSearch/index.js');
 var adaptive = require('../../utils/adaptive.js');
-var index$4 = require('../appIconBox/index.js');
 var useLocale = require('../../hooks/useLocale.js');
+var index = require('../appTooltip/index.js');
+var index$2 = require('../appIcon/index.js');
 var is = require('../../utils/is.js');
 
 import "./style/appTable.scss";
@@ -26,6 +27,11 @@ const __default__ = vue.defineComponent({
 const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   props: {
     // 表格配置项
+    type: {
+      type: String,
+      default: "default"
+      // default-普通表格 virtual-虚拟表格
+    },
     rowKey: {
       // 选中的参数
       type: [String, Function],
@@ -133,6 +139,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         return [];
       }
     },
+    controllerText: {
+      type: String,
+      default: ""
+    },
     // 分页配置
     layout: {
       type: String,
@@ -185,6 +195,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       onTableRowClickHandler,
       onTableRowContextmenuHandler,
       onTableSelectHandler,
+      isSearchFocus,
+      onSearchInputHandler,
+      onSearchBlurHandler,
       // useAppTableSearch
       // 表单查询
       totalElements,
@@ -208,7 +221,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         operatorDropdownRef,
         appSearchRef
       },
-      [index$3.useAppTableWrapper, search.useAppTableSearch]
+      [index$4.useAppTableWrapper, search.useAppTableSearch]
     );
     if (props.defaultGetData) {
       getData(1);
@@ -262,29 +275,63 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   /* TEXT */
                 )
               ], 8, ["onClick"])) : vue.createCommentVNode("v-if", true),
-              vue.unref(searchPlaceholder) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElInput), {
+              vue.unref(searchPlaceholder) ? (vue.openBlock(), vue.createBlock(vue.unref(index.AppTooltip), {
                 key: 2,
-                modelValue: __props.filterModel.query,
-                "onUpdate:modelValue": ($event) => __props.filterModel.query = $event,
-                class: "w-[160px]",
-                placeholder: vue.unref(t)("table.searchFor", [vue.unref(searchPlaceholder)]),
-                onKeydown: vue.withKeys(vue.unref(onSearchQueryHandler), ["enter"])
+                "is-always": "",
+                placement: "bottom"
               }, {
-                append: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(elementPlus.ElButton), {
-                    icon: vue.unref(iconsVue.Search),
-                    onClick: vue.unref(onSearchQueryHandler)
-                  }, null, 8, ["icon", "onClick"])
+                content: vue.withCtx(() => [
+                  vue.createElementVNode("span", {
+                    innerHTML: vue.unref(t)("table.searchByInput", [vue.unref(searchPlaceholder)])
+                  }, null, 8, ["innerHTML"])
+                ]),
+                default: vue.withCtx(() => [
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: vue.normalizeClass(["border border-border hover:border-theme rounded overflow-hidden", { "!border-theme": vue.unref(isSearchFocus) }])
+                    },
+                    [
+                      vue.createVNode(vue.unref(elementPlus.ElInput), {
+                        modelValue: __props.filterModel.query,
+                        "onUpdate:modelValue": ($event) => __props.filterModel.query = $event,
+                        class: "app-table-search",
+                        placeholder: vue.unref(t)("table.searchFor", [__props.controllerText || ""]),
+                        onFocus: vue.unref(onSearchInputHandler),
+                        onBlur: vue.unref(onSearchBlurHandler),
+                        onKeydown: vue.withKeys(vue.unref(onSearchQueryHandler), ["enter"])
+                      }, {
+                        append: vue.withCtx(() => [
+                          vue.createElementVNode("div", {
+                            class: "w-[32px] h-full flex items-center justify-center bg-background-3 rounded-[2px] cursor-pointer",
+                            onClick: vue.unref(onSearchQueryHandler)
+                          }, [
+                            vue.createVNode(vue.unref(elementPlus.ElIcon), { size: "18" }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(iconsVue.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"])) : (vue.openBlock(), vue.createBlock(vue.unref(index.AppButton), {
+              })) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.AppButton), {
                 key: 3,
                 type: "primary",
                 onClick: ($event) => vue.unref(getData)()
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(index$1.AppIcon), {
+                  vue.createVNode(vue.unref(index$2.AppIcon), {
                     class: "w-[12px] h-[12px]",
                     "svg-name": "refres"
                   })
@@ -302,7 +349,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             ])) : vue.createCommentVNode("v-if", true)
           ]),
           vue.createCommentVNode(" \u67E5\u8BE2\u8FC7\u6EE4 "),
-          __props.filterColumns.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.AppSearch), {
+          __props.filterColumns.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.AppSearch), {
             key: 0,
             ref_key: "appSearchRef",
             ref: appSearchRef,
@@ -325,9 +372,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             })
           ]), 1032, ["model", "columns", "hidden", "class", "onSearch"])) : vue.createCommentVNode("v-if", true),
           vue.createCommentVNode(" \u4E3B\u5185\u5BB9 "),
-          vue.createElementVNode("div", { class: "h-0 flex-1 flex flex-col border border-border rounded pb-5 overflow-hidden" }, [
+          vue.createElementVNode("div", { class: "h-0 flex-1 flex flex-col border border-border rounded overflow-hidden" }, [
+            vue.createCommentVNode(" \u8868\u683C "),
             vue.renderSlot(_ctx.$slots, "table", { data: vue.unref(tableDataSource) }, () => [
-              vue.createVNode(vue.unref(elementPlus.ElTable), vue.mergeProps({
+              __props.type === "default" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTable), vue.mergeProps({
+                key: 0,
                 ref_key: "tableRef",
                 ref: tableRef,
                 "row-key": vue.unref(getRowKey),
@@ -360,159 +409,211 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     vue.Fragment,
                     null,
                     vue.renderList(vue.unref(tableColumns), (column) => {
-                      var _a;
                       return vue.openBlock(), vue.createElementBlock(
                         vue.Fragment,
                         {
                           key: column.prop
                         },
                         [
-                          ((_a = vue.unref(tableColumnsEditablele)[column.prop]) == null ? void 0 : _a.checked) ? (vue.openBlock(), vue.createBlock(
+                          vue.unref(tableColumnsEditablele)[column.prop]?.checked ? (vue.openBlock(), vue.createBlock(
                             vue.unref(elementPlus.ElTableColumn),
                             vue.mergeProps({
                               key: 0,
                               ref_for: true
-                            }, column),
+                            }, column, { "render-header": null }),
                             {
                               header: vue.withCtx((scope) => [
-                                vue.renderSlot(_ctx.$slots, column.headerSlot, vue.mergeProps({ ref_for: true }, scope), () => {
-                                  var _a2, _b;
-                                  return [
-                                    !vue.unref(is.isEmpty)((_a2 = scope.column) == null ? void 0 : _a2.label) ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.AppTooltip), {
-                                      key: 0,
-                                      "over-line": 1,
-                                      content: (_b = scope.column) == null ? void 0 : _b.label
-                                    }, null, 8, ["content"])) : vue.createCommentVNode("v-if", true)
-                                  ];
-                                })
+                                vue.createVNode(headerItem.default, {
+                                  type: "default",
+                                  column,
+                                  "filter-model": __props.filterModel,
+                                  onSearch: ($event) => vue.unref(getData)(1)
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.renderSlot(_ctx.$slots, column.headerSlot, vue.mergeProps({ ref_for: true }, { column, $index: scope.$index }), () => [
+                                      !vue.unref(is.isEmpty)(vue.unref(index$4.renderHeaderHandler)(column, scope)) ? (vue.openBlock(), vue.createBlock(vue.unref(index.AppTooltip), {
+                                        key: 0,
+                                        "over-line": 1,
+                                        content: vue.unref(index$4.renderHeaderHandler)(column, scope)
+                                      }, null, 8, ["content"])) : vue.createCommentVNode("v-if", true)
+                                    ])
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1032, ["column", "filter-model", "onSearch"])
                               ]),
-                              default: vue.withCtx((scope) => {
-                                var _a2, _b;
-                                return [
-                                  (column == null ? void 0 : column.slot) ? vue.renderSlot(_ctx.$slots, column == null ? void 0 : column.slot, vue.mergeProps({
-                                    key: 0,
-                                    ref_for: true
-                                  }, scope)) : column.prop === "operator" ? (vue.openBlock(), vue.createElementBlock(
+                              default: vue.withCtx((scope) => [
+                                column?.slot ? vue.renderSlot(_ctx.$slots, column?.slot, vue.mergeProps({
+                                  key: 0,
+                                  ref_for: true
+                                }, scope)) : column.type === "operator" ? (vue.openBlock(), vue.createElementBlock("div", {
+                                  key: 1,
+                                  class: "flex items-center justify-between text-main"
+                                }, [
+                                  (vue.openBlock(true), vue.createElementBlock(
                                     vue.Fragment,
-                                    { key: 1 },
-                                    [
-                                      (vue.openBlock(true), vue.createElementBlock(
-                                        vue.Fragment,
-                                        null,
-                                        vue.renderList(vue.unref(index$3.operatorFilterHandler)(
-                                          column,
-                                          scope,
-                                          "default"
-                                        ), (citem, cindex) => {
-                                          return vue.openBlock(), vue.createBlock(vue.unref(index$4.AppIconBox), {
-                                            key: cindex,
-                                            "svg-name": citem.svgName,
-                                            altText: citem.label,
-                                            onClick: vue.withModifiers(($event) => vue.unref(index$3.operatorClickHandler)(cindex, column, scope, "default"), ["stop"])
-                                          }, null, 8, ["svg-name", "altText", "onClick"]);
-                                        }),
-                                        128
-                                        /* KEYED_FRAGMENT */
-                                      )),
-                                      ((_a2 = vue.unref(index$3.operatorFilterHandler)(column, scope, "more")) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.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) => vue.unref(index$3.operatorClickHandler)($event, column, scope, "more")
+                                    null,
+                                    vue.renderList(vue.unref(index$4.operatorFilterHandler)(
+                                      column,
+                                      scope,
+                                      "default"
+                                    ), (citem, cindex) => {
+                                      return vue.openBlock(), vue.createBlock(vue.unref(index.AppTooltip), {
+                                        key: cindex,
+                                        "is-always": "",
+                                        content: citem.label
                                       }, {
-                                        dropdown: vue.withCtx(() => [
-                                          vue.createVNode(
-                                            vue.unref(elementPlus.ElDropdownMenu),
-                                            null,
-                                            {
-                                              default: vue.withCtx(() => [
-                                                (vue.openBlock(true), vue.createElementBlock(
-                                                  vue.Fragment,
-                                                  null,
-                                                  vue.renderList(vue.unref(index$3.operatorFilterHandler)(
-                                                    column,
-                                                    scope,
-                                                    "more"
-                                                  ), (citem, cindex) => {
-                                                    return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdownItem), {
-                                                      key: cindex,
-                                                      command: cindex,
-                                                      disabled: vue.unref(index$3.operatorDisabledHandler)(citem, scope)
-                                                    }, {
-                                                      default: vue.withCtx(() => [
-                                                        vue.createElementVNode("span", null, [
-                                                          vue.createElementVNode(
-                                                            "span",
-                                                            null,
-                                                            vue.toDisplayString(citem.label),
-                                                            1
-                                                            /* TEXT */
-                                                          ),
-                                                          vue.unref(index$3.operatorDisabledHandler)(citem, scope) ? (vue.openBlock(), vue.createElementBlock(
-                                                            "span",
-                                                            {
-                                                              key: 0,
-                                                              class: "text-xs leading-1"
-                                                            },
-                                                            "\uFF08" + vue.toDisplayString(vue.unref(index$3.operatorDisableTextdHandler)(citem, scope)) + "\uFF09",
-                                                            1
-                                                            /* TEXT */
-                                                          )) : vue.createCommentVNode("v-if", true)
-                                                        ])
-                                                      ]),
-                                                      _: 2
-                                                      /* DYNAMIC */
-                                                    }, 1032, ["command", "disabled"]);
-                                                  }),
-                                                  128
-                                                  /* KEYED_FRAGMENT */
-                                                ))
-                                              ]),
-                                              _: 2
-                                              /* DYNAMIC */
-                                            },
-                                            1024
-                                            /* DYNAMIC_SLOTS */
-                                          )
-                                        ]),
                                         default: vue.withCtx(() => [
-                                          vue.createVNode(vue.unref(index$4.AppIconBox), {
-                                            key: "more",
-                                            "svg-name": "system-burst_analysis_select_option",
-                                            altText: vue.unref(t)("table.moreOperations"),
-                                            onClick: vue.withModifiers(() => {
-                                            }, ["stop"])
-                                          }, null, 8, ["altText", "onClick"])
+                                          vue.createElementVNode("div", {
+                                            class: vue.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) => vue.unref(index$4.operatorClickHandler)(cindex, column, scope, "default")
+                                          }, [
+                                            vue.createCommentVNode(' <AppIcon\n                          :svg-name="citem.svgName"\n                          class-name="!w-4 !h-4"\n                        /> '),
+                                            vue.createElementVNode("div", { class: "w-4 h-4" }, [
+                                              vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                                                size: "16",
+                                                color: "rgba(var(--hy-main))"
+                                              }, {
+                                                default: vue.withCtx(() => [
+                                                  vue.createVNode(vue.unref(iconsVue.MoreFilled))
+                                                ]),
+                                                _: 1
+                                                /* STABLE */
+                                              })
+                                            ]),
+                                            citem.subLabel ? (vue.openBlock(), vue.createElementBlock(
+                                              "div",
+                                              {
+                                                key: 0,
+                                                class: "mt-1 whitespace-nowrap"
+                                              },
+                                              vue.toDisplayString(citem.subLabel),
+                                              1
+                                              /* TEXT */
+                                            )) : (vue.openBlock(), vue.createElementBlock("div", {
+                                              key: 1,
+                                              class: "mt-1 whitespace-nowrap"
+                                            }, "\xA0"))
+                                          ], 10, ["onClick"])
                                         ]),
                                         _: 2
                                         /* DYNAMIC */
-                                      }, 1032, ["onCommand"])) : vue.createCommentVNode("v-if", true)
-                                    ],
-                                    64
-                                    /* STABLE_FRAGMENT */
-                                  )) : ((_b = scope.column) == null ? void 0 : _b.type) === "default" ? (vue.openBlock(), vue.createElementBlock(
-                                    vue.Fragment,
-                                    { key: 2 },
-                                    [
-                                      !vue.unref(is.isEmpty)(scope.row[scope.column.property]) ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.AppTooltip), {
-                                        key: 0,
-                                        "over-line": 2,
-                                        content: scope.row[scope.column.property]
-                                      }, null, 8, ["content"])) : (vue.openBlock(), vue.createElementBlock("span", {
-                                        key: 1,
-                                        class: "text-auxiliary"
-                                      }, "- -"))
-                                    ],
-                                    64
-                                    /* STABLE_FRAGMENT */
-                                  )) : vue.createCommentVNode("v-if", true)
-                                ];
-                              }),
+                                      }, 1032, ["content"]);
+                                    }),
+                                    128
+                                    /* KEYED_FRAGMENT */
+                                  )),
+                                  vue.unref(index$4.operatorFilterHandler)(column, scope, "more")?.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdown), {
+                                    key: 0,
+                                    ref_for: true,
+                                    ref_key: "operatorDropdownRef",
+                                    ref: operatorDropdownRef,
+                                    trigger: "click",
+                                    "popper-style": "min-width: 150px",
+                                    placement: "bottom",
+                                    onCommand: ($event) => vue.unref(index$4.operatorClickHandler)($event, column, scope, "more")
+                                  }, {
+                                    dropdown: vue.withCtx(() => [
+                                      vue.createVNode(
+                                        vue.unref(elementPlus.ElDropdownMenu),
+                                        null,
+                                        {
+                                          default: vue.withCtx(() => [
+                                            (vue.openBlock(true), vue.createElementBlock(
+                                              vue.Fragment,
+                                              null,
+                                              vue.renderList(vue.unref(index$4.operatorFilterHandler)(
+                                                column,
+                                                scope,
+                                                "more"
+                                              ), (citem, cindex) => {
+                                                return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdownItem), {
+                                                  key: cindex,
+                                                  command: cindex,
+                                                  disabled: vue.unref(index$4.operatorDisabledHandler)(citem, scope)
+                                                }, {
+                                                  default: vue.withCtx(() => [
+                                                    vue.createElementVNode("span", null, [
+                                                      vue.createElementVNode(
+                                                        "span",
+                                                        null,
+                                                        vue.toDisplayString(citem.label),
+                                                        1
+                                                        /* TEXT */
+                                                      ),
+                                                      vue.unref(index$4.operatorDisabledHandler)(citem, scope) ? (vue.openBlock(), vue.createElementBlock(
+                                                        "span",
+                                                        {
+                                                          key: 0,
+                                                          class: "text-xs leading-1"
+                                                        },
+                                                        "\uFF08" + vue.toDisplayString(vue.unref(index$4.operatorDisableTextdHandler)(citem, scope)) + "\uFF09",
+                                                        1
+                                                        /* TEXT */
+                                                      )) : vue.createCommentVNode("v-if", true)
+                                                    ])
+                                                  ]),
+                                                  _: 2
+                                                  /* DYNAMIC */
+                                                }, 1032, ["command", "disabled"]);
+                                              }),
+                                              128
+                                              /* KEYED_FRAGMENT */
+                                            ))
+                                          ]),
+                                          _: 2
+                                          /* DYNAMIC */
+                                        },
+                                        1024
+                                        /* DYNAMIC_SLOTS */
+                                      )
+                                    ]),
+                                    default: vue.withCtx(() => [
+                                      vue.createElementVNode("span", null, [
+                                        vue.createVNode(vue.unref(index.AppTooltip), {
+                                          "is-always": "",
+                                          content: vue.unref(t)("table.moreOperations")
+                                        }, {
+                                          default: vue.withCtx(() => [
+                                            vue.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" }, [
+                                              vue.createVNode(vue.unref(index$2.AppIcon), {
+                                                "svg-name": "system-burst_analysis_select_option",
+                                                "class-name": "!w-4 !h-4"
+                                              }),
+                                              vue.createElementVNode(
+                                                "div",
+                                                { class: "mt-0.5" },
+                                                vue.toDisplayString(vue.unref(t)("table.more")),
+                                                1
+                                                /* TEXT */
+                                              )
+                                            ])
+                                          ]),
+                                          _: 1
+                                          /* STABLE */
+                                        }, 8, ["content"])
+                                      ])
+                                    ]),
+                                    _: 2
+                                    /* DYNAMIC */
+                                  }, 1032, ["onCommand"])) : vue.createCommentVNode("v-if", true)
+                                ])) : scope.column?.type === "default" ? (vue.openBlock(), vue.createElementBlock(
+                                  vue.Fragment,
+                                  { key: 2 },
+                                  [
+                                    !vue.unref(is.isEmpty)(vue.unref(index$4.renderContentHandler)(column, scope)) ? (vue.openBlock(), vue.createBlock(vue.unref(index.AppTooltip), {
+                                      key: 0,
+                                      "over-line": 2,
+                                      content: vue.unref(index$4.renderContentHandler)(column, scope)
+                                    }, null, 8, ["content"])) : (vue.openBlock(), vue.createElementBlock("span", {
+                                      key: 1,
+                                      class: "text-auxiliary"
+                                    }, "- -"))
+                                  ],
+                                  64
+                                  /* STABLE_FRAGMENT */
+                                )) : vue.createCommentVNode("v-if", true)
+                              ]),
                               _: 2
                               /* DYNAMIC */
                             },
@@ -530,17 +631,70 @@ 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"])) : vue.createCommentVNode("v-if", true),
+              __props.type === "virtual" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElAutoResizer), { key: 1 }, {
+                default: vue.withCtx(({ height, width }) => [
+                  vue.createVNode(virtualTable.default, vue.mergeProps({
+                    ref_key: "tableRef",
+                    ref: tableRef,
+                    width,
+                    height,
+                    "row-key": __props.rowKey,
+                    data: vue.unref(tableDataSource),
+                    columns: vue.unref(tableColumns),
+                    "columns-editable": vue.unref(tableColumnsEditablele),
+                    "show-header": __props.showHeader,
+                    "row-class-name": vue.unref(setTableRowClassName),
+                    "show-all-select": __props.isShowAllSelect,
+                    style: {
+                      "font-size": `${vue.unref(adaptive.parseRem)(__props.fontSize)}rem`
+                    },
+                    "filter-model": __props.filterModel,
+                    onSearch: ($event) => vue.unref(getData)(1),
+                    onSelect: vue.unref(onTableSelectHandler),
+                    onSelectAll: vue.unref(onTableSelectHandler),
+                    onRowClick: vue.unref(onTableRowClickHandler),
+                    onRowContextmenu: vue.unref(onTableRowContextmenuHandler)
+                  }, _ctx.$attrs), vue.createSlots({
+                    empty: vue.withCtx(() => [
+                      vue.createElementVNode("div", { class: "w-full h-full flex items-center justify-center border-b border-border" }, [
+                        vue.renderSlot(_ctx.$slots, "empty", {}, () => [
+                          vue.createElementVNode(
+                            "span",
+                            null,
+                            vue.toDisplayString(__props.emptyText || vue.unref(t)("hy.noData")),
+                            1
+                            /* TEXT */
+                          )
+                        ])
+                      ])
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, [
+                    vue.renderList(_ctx.$slots, (_, slotName) => {
+                      return {
+                        name: slotName,
+                        fn: vue.withCtx((scope) => [
+                          vue.renderSlot(_ctx.$slots, slotName, vue.normalizeProps(vue.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 */
+              })) : vue.createCommentVNode("v-if", true)
             ]),
             vue.createCommentVNode(" \u5206\u9875 "),
             __props.showPagination ? (vue.openBlock(), vue.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"
             }, [
               vue.createElementVNode(
                 "div",
                 { class: "absolute left-4 top-1/2 transform -translate-y-1/2 text-sm" },
-                vue.toDisplayString(vue.unref(t)("table.aTotalOfPiecesOfData", [100])),
+                vue.toDisplayString(vue.unref(t)("table.aTotalOfPiecesOfData", [vue.unref(totalElements)])),
                 1
                 /* TEXT */
               ),
@@ -553,7 +707,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: vue.unref(onSizeChangeHandler),
@@ -574,7 +728,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             "virtual-triggering": "",
             trigger: "contextmenu",
             placement: "bottom",
-            onCommand: ($event) => vue.unref(index$3.operatorClickHandler)(
+            onCommand: ($event) => vue.unref(index$4.operatorClickHandler)(
               $event,
               vue.unref(tableTriggerRef).column,
               vue.unref(tableTriggerRef).scope
@@ -586,14 +740,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   (vue.openBlock(true), vue.createElementBlock(
                     vue.Fragment,
                     null,
-                    vue.renderList(vue.unref(index$3.operatorFilterHandler)(
+                    vue.renderList(vue.unref(index$4.operatorFilterHandler)(
                       vue.unref(tableTriggerRef).column,
                       vue.unref(tableTriggerRef).scope
                     ), (citem, cindex) => {
                       return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdownItem), {
                         key: cindex,
                         command: cindex,
-                        disabled: vue.unref(index$3.operatorDisabledHandler)(citem, vue.unref(tableTriggerRef).scope)
+                        disabled: vue.unref(index$4.operatorDisabledHandler)(citem, vue.unref(tableTriggerRef).scope)
                       }, {
                         default: vue.withCtx(() => [
                           vue.createElementVNode("span", null, [
@@ -604,13 +758,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                               1
                               /* TEXT */
                             ),
-                            vue.unref(index$3.operatorDisabledHandler)(citem, vue.unref(tableTriggerRef).scope) ? (vue.openBlock(), vue.createElementBlock(
+                            vue.unref(index$4.operatorDisabledHandler)(citem, vue.unref(tableTriggerRef).scope) ? (vue.openBlock(), vue.createElementBlock(
                               "span",
                               {
                                 key: 0,
                                 class: "text-xs leading-1"
                               },
-                              "\uFF08" + vue.toDisplayString(vue.unref(index$3.operatorDisableTextdHandler)(citem, vue.unref(tableTriggerRef).scope)) + "\uFF09",
+                              "\uFF08" + vue.toDisplayString(vue.unref(index$4.operatorDisableTextdHandler)(citem, vue.unref(tableTriggerRef).scope)) + "\uFF09",
                               1
                               /* TEXT */
                             )) : vue.createCommentVNode("v-if", true)