hy-dispatch-ui-v3 0.2.30 → 0.2.32

package/lib/components/hyTable/cpns/virtualTable.vue.js

@@ -16,7 +16,8 @@ const _sfc_main = {
   __name: "virtualTable",
   props: {
     rowKey: {
-      type: [String, Number]
+      type: [String, Number],
+      default: "id"
     },
     width: {
       type: Number
@@ -48,6 +49,9 @@ const _sfc_main = {
       type: Object,
       default: () => ({})
     },
+    rowClassName: {
+      type: [String, Function]
+    },
     onRowClick: {
       type: Function
     },
@@ -55,25 +59,11 @@ const _sfc_main = {
       type: Function
     }
   },
-  emits: ["search", "select", "select-all"],
+  emits: ["search", "select", "select-all", "expand-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const { t } = useLocale.useLocale();
-    const expandedKeys = vue.ref([]);
-    const expandedMap = vue.computed(() => {
-      return expandedKeys.value.reduce((keyMap, key, index) => {
-        keyMap.set(key, index);
-        return keyMap;
-      }, /* @__PURE__ */ new Map());
-    });
-    function onRowExpandSwitch({ rowKey }) {
-      if (expandedMap.value.has(rowKey)) {
-        expandedKeys.value.splice(expandedMap.value.get(rowKey), 1);
-      } else {
-        expandedKeys.value.push(rowKey);
-      }
-    }
     const avgWidth = vue.computed(() => {
       const { total, totalWidth } = props.columns.reduce(
         ({ total: total2, totalWidth: totalWidth2 }, column) => {
@@ -113,7 +103,7 @@ const _sfc_main = {
         return props.data.map((item) => {
           item.children = [
             {
-              id: /* @__PURE__ */ Symbol("expandKey"),
+              [props.rowKey]: /* @__PURE__ */ Symbol("expandKey"),
               rowType: "expand",
               dataKey: getRowKey(item)
             }
@@ -129,6 +119,15 @@ const _sfc_main = {
     function getRowKey(row) {
       return row[props.rowKey];
     }
+    function rowClass({ rowData: row, rowIndex }) {
+      let className = [];
+      if (is.isString(props.rowClassName)) {
+        className.push(props.rowClassName);
+      } else if (is.isFunction(props.rowClassName)) {
+        className.push(props.rowClassName({ row, rowIndex }));
+      }
+      return className.filter(Boolean).join(" ");
+    }
     function generateDataSourceMap(list, dataMap = /* @__PURE__ */ new Map()) {
       return (list || []).reduce((dataMap2, data) => {
         if (data.children) {
@@ -251,22 +250,42 @@ const _sfc_main = {
       const { allChecked } = handler(list, checkedNodeMap, indeterminateKeys2);
       return { checkedNodeMap, indeterminateKeys: indeterminateKeys2, allChecked };
     }
+    const expandedKeys = vue.ref([]);
+    const expandedMap = vue.computed(() => {
+      return expandedKeys.value.reduce((keyMap, key, index) => {
+        keyMap.set(key, index);
+        return keyMap;
+      }, /* @__PURE__ */ new Map());
+    });
+    function toggleRowExpansion(row, expanded) {
+      const index = expandedMap.value.get(getRowKey(row));
+      const isExpanded = is.isBoolean(expanded) ? expanded : !is.isNumber(index);
+      if (isExpanded) {
+        if (!is.isNumber(index)) {
+          expandedKeys.value.push(getRowKey(row));
+        }
+      } else {
+        if (is.isNumber(index)) {
+          expandedKeys.value.splice(index, 1);
+        }
+      }
+      if (isExpandTable.value) {
+        const expandedList = expandedKeys.value.reduce((list, key) => {
+          list.push(dataSourceMap.value.get(key));
+          return list;
+        }, []);
+        emits("expand-change", row, expandedList);
+      } else {
+        emits("expand-change", row, isExpanded);
+      }
+    }
+    function onRowExpandSwitch({ row, rowKey }) {
+      toggleRowExpansion(row, !expandedMap.value.has(rowKey));
+    }
     __expose({
       toggleRowSelection,
       toggleAllSelection,
-      toggleRowExpansion(row, expanded) {
-        const index = expandedMap.value.get(getRowKey(row));
-        const isExpanded = is.isBoolean(expanded) ? expanded : !is.isNumber(index);
-        if (isExpanded) {
-          if (!is.isNumber(index)) {
-            expandedKeys.value.push(getRowKey(row));
-          }
-        } else {
-          if (is.isNumber(index)) {
-            expandedKeys.value.splice(index, 1);
-          }
-        }
-      },
+      toggleRowExpansion,
       clearSelection: () => {
         isAllChecked.value = false;
         selectedMap.value.clear();
@@ -287,6 +306,7 @@ const _sfc_main = {
         "estimated-row-height": 50,
         "expand-column-key": expandColumn.value?.key,
         fixed: "",
+        "row-class": rowClass,
         "row-event-handlers": {
           onClick: onRowClickHandler,
           onContextmenu: onContextmenuHandler
@@ -336,308 +356,300 @@ const _sfc_main = {
             { key: 1 },
             [
               vue.createCommentVNode(" \u5355\u5143\u683C\u5185\u5BB9 "),
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(["hy-el-table-v2__row is-customized", [
-                  `hy-el-table-v2__row-depth-${depth}`,
-                  { "is-expanded": expandedMap.value.has(getRowKey(row)) }
-                ]]),
-                role: "row",
-                rowkey: getRowKey(row)
-              }, [
-                (vue.openBlock(true), vue.createElementBlock(
-                  vue.Fragment,
-                  null,
-                  vue.renderList(columns, (column, cellIndex) => {
-                    return vue.openBlock(), vue.createElementBlock(
-                      "div",
-                      {
-                        key: cellIndex,
-                        class: "hy-el-table-v2__row-cell",
-                        role: "cell",
-                        style: vue.normalizeStyle([{ "flex": "0 0 auto" }, { width: `${column.width}px` }])
-                      },
-                      [
-                        column.type === "expand" ? (vue.openBlock(), vue.createElementBlock(
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(columns, (column, cellIndex) => {
+                  return vue.openBlock(), vue.createElementBlock(
+                    "div",
+                    {
+                      key: cellIndex,
+                      class: "hy-el-table-v2__row-cell",
+                      role: "cell",
+                      style: vue.normalizeStyle([{ "flex": "0 0 auto" }, { width: `${column.width}px` }])
+                    },
+                    [
+                      column.type === "expand" ? (vue.openBlock(), vue.createElementBlock(
+                        vue.Fragment,
+                        { key: 0 },
+                        [
+                          row.children && row.children.length ? (vue.openBlock(), vue.createElementBlock("button", {
+                            key: 0,
+                            type: "button",
+                            "aria-label": "\u5C55\u5F00\u5F53\u524D\u884C",
+                            "aria-expanded": "false",
+                            class: vue.normalizeClass(["hy-el-table-v2__expand-icon", { "is-expanded": expandedMap.value.has(getRowKey(row)) }]),
+                            onClick: vue.withModifiers(($event) => onRowExpandSwitch({
+                              rowData: _ctx.rowData,
+                              row,
+                              rowKey: getRowKey(row)
+                            }), ["stop"])
+                          }, [
+                            vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                              style: vue.normalizeStyle({ "margin-inline-start": `${depth * 12}px` })
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(iconsVue.ArrowRight))
+                              ]),
+                              _: 1
+                              /* STABLE */
+                            }, 8, ["style"])
+                          ], 10, ["onClick"])) : (vue.openBlock(), vue.createElementBlock(
+                            "div",
+                            {
+                              key: 1,
+                              class: "w-3 h-3",
+                              style: vue.normalizeStyle({ "margin-inline-start": `${(depth + 1) * 12}px` })
+                            },
+                            null,
+                            4
+                            /* STYLE */
+                          ))
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      )) : vue.createCommentVNode("v-if", true),
+                      column.type === "selection" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCheckbox), {
+                        key: 1,
+                        "model-value": selectedMap.value.has(getRowKey(row)),
+                        indeterminate: indeterminateKeys.value.has(getRowKey(row)),
+                        disabled: !isSelectable(row),
+                        onClick: vue.withModifiers(($event) => switchCheckHandler(row), ["stop"])
+                      }, null, 8, ["model-value", "indeterminate", "disabled", "onClick"])) : column?.slot && (column.type !== "expand" || !isExpandTable.value) ? vue.renderSlot(_ctx.$slots, column?.slot, vue.mergeProps({
+                        key: 2,
+                        ref_for: true
+                      }, { column, row, $index, cellIndex })) : column.type === "index" ? (vue.openBlock(), vue.createElementBlock(
+                        vue.Fragment,
+                        { key: 3 },
+                        [
+                          vue.createTextVNode(
+                            vue.toDisplayString(columnIndexHandler({ column, row, $index, cellIndex })),
+                            1
+                            /* TEXT */
+                          )
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      )) : column.type === "operator" ? (vue.openBlock(), vue.createElementBlock("div", {
+                        key: 4,
+                        class: "w-full flex items-center justify-between text-main",
+                        onClick: vue.withModifiers(() => {
+                        }, ["stop"]),
+                        onContextmenu: vue.withModifiers(() => {
+                        }, ["stop"])
+                      }, [
+                        (vue.openBlock(true), vue.createElementBlock(
                           vue.Fragment,
-                          { key: 0 },
-                          [
-                            row.children && row.children.length ? (vue.openBlock(), vue.createElementBlock("button", {
-                              key: 0,
-                              type: "button",
-                              "aria-label": "\u5C55\u5F00\u5F53\u524D\u884C",
-                              "aria-expanded": "false",
-                              class: vue.normalizeClass(["hy-el-table-v2__expand-icon", { "is-expanded": expandedMap.value.has(getRowKey(row)) }]),
-                              onClick: vue.withModifiers(($event) => onRowExpandSwitch({
-                                rowData: _ctx.rowData,
-                                rowKey: getRowKey(row)
-                              }), ["stop"])
-                            }, [
-                              vue.createVNode(vue.unref(elementPlus.ElIcon), {
-                                style: vue.normalizeStyle({ "margin-inline-start": `${depth * 12}px` })
-                              }, {
+                          null,
+                          vue.renderList(vue.unref(index.operatorFilterHandler)(
+                            column,
+                            { column, row, $index, cellIndex },
+                            "default"
+                          ), (citem, cindex) => {
+                            return vue.openBlock(), vue.createBlock(vue.unref(index$1.HyTooltip), {
+                              key: cindex,
+                              "is-always": "",
+                              overLine: 1,
+                              content: citem.label
+                            }, {
+                              default: vue.withCtx(() => [
+                                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.operatorClickHandler)(
+                                    cindex,
+                                    column,
+                                    { column, row, $index, cellIndex },
+                                    "default"
+                                  )
+                                }, [
+                                  vue.createVNode(vue.unref(index$2.HyIcon), {
+                                    "svg-name": citem.svgName,
+                                    "class-name": "!w-4 !h-4"
+                                  }, null, 8, ["svg-name"]),
+                                  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, ["content"]);
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        )),
+                        vue.unref(index.operatorFilterHandler)(
+                          column,
+                          { column, row, $index, cellIndex },
+                          "more"
+                        )?.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdown), {
+                          key: 0,
+                          ref_for: true,
+                          ref: "operatorDropdownRef",
+                          trigger: "click",
+                          "popper-style": "min-width: 150px",
+                          placement: "bottom",
+                          onCommand: ($event) => vue.unref(index.operatorClickHandler)(
+                            $event,
+                            column,
+                            { column, row, $index, cellIndex },
+                            "more"
+                          )
+                        }, {
+                          dropdown: vue.withCtx(() => [
+                            vue.createVNode(
+                              vue.unref(elementPlus.ElDropdownMenu),
+                              null,
+                              {
                                 default: vue.withCtx(() => [
-                                  vue.createVNode(vue.unref(iconsVue.ArrowRight))
+                                  (vue.openBlock(true), vue.createElementBlock(
+                                    vue.Fragment,
+                                    null,
+                                    vue.renderList(vue.unref(index.operatorFilterHandler)(
+                                      column,
+                                      { column, row, $index, cellIndex },
+                                      "more"
+                                    ), (citem, cindex) => {
+                                      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdownItem), {
+                                        key: cindex,
+                                        command: cindex,
+                                        disabled: vue.unref(index.operatorDisabledHandler)(citem, {
+                                          column,
+                                          row,
+                                          $index,
+                                          cellIndex
+                                        })
+                                      }, {
+                                        default: vue.withCtx(() => [
+                                          vue.createElementVNode("span", null, [
+                                            vue.createElementVNode(
+                                              "span",
+                                              null,
+                                              vue.toDisplayString(citem.label),
+                                              1
+                                              /* TEXT */
+                                            ),
+                                            vue.unref(index.operatorDisabledHandler)(citem, {
+                                              column,
+                                              row,
+                                              $index,
+                                              cellIndex
+                                            }) ? (vue.openBlock(), vue.createElementBlock(
+                                              "span",
+                                              {
+                                                key: 0,
+                                                class: "text-xs leading-1"
+                                              },
+                                              "\uFF08" + vue.toDisplayString(vue.unref(index.operatorDisableTextdHandler)(citem, {
+                                                column,
+                                                row,
+                                                $index,
+                                                cellIndex
+                                              })) + "\uFF09",
+                                              1
+                                              /* TEXT */
+                                            )) : vue.createCommentVNode("v-if", true)
+                                          ])
+                                        ]),
+                                        _: 2
+                                        /* DYNAMIC */
+                                      }, 1032, ["command", "disabled"]);
+                                    }),
+                                    128
+                                    /* KEYED_FRAGMENT */
+                                  ))
                                 ]),
-                                _: 1
-                                /* STABLE */
-                              }, 8, ["style"])
-                            ], 10, ["onClick"])) : (vue.openBlock(), vue.createElementBlock(
-                              "div",
-                              {
-                                key: 1,
-                                class: "w-3 h-3",
-                                style: vue.normalizeStyle({ "margin-inline-start": `${(depth + 1) * 12}px` })
+                                _: 2
+                                /* DYNAMIC */
                               },
-                              null,
-                              4
-                              /* STYLE */
-                            ))
-                          ],
-                          64
-                          /* STABLE_FRAGMENT */
-                        )) : vue.createCommentVNode("v-if", true),
-                        column.type === "selection" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCheckbox), {
-                          key: 1,
-                          "model-value": selectedMap.value.has(getRowKey(row)),
-                          indeterminate: indeterminateKeys.value.has(getRowKey(row)),
-                          disabled: !isSelectable(row),
-                          onClick: vue.withModifiers(($event) => switchCheckHandler(row), ["stop"])
-                        }, null, 8, ["model-value", "indeterminate", "disabled", "onClick"])) : column?.slot && (column.type !== "expand" || !isExpandTable.value) ? vue.renderSlot(_ctx.$slots, column?.slot, vue.mergeProps({
-                          key: 2,
-                          ref_for: true
-                        }, { column, row, $index, cellIndex })) : column.type === "index" ? (vue.openBlock(), vue.createElementBlock(
-                          vue.Fragment,
-                          { key: 3 },
-                          [
-                            vue.createTextVNode(
-                              vue.toDisplayString(columnIndexHandler({ column, row, $index, cellIndex })),
-                              1
-                              /* TEXT */
+                              1024
+                              /* DYNAMIC_SLOTS */
                             )
-                          ],
-                          64
-                          /* STABLE_FRAGMENT */
-                        )) : column.type === "operator" ? (vue.openBlock(), vue.createElementBlock("div", {
-                          key: 4,
-                          class: "w-full flex items-center justify-between text-main",
-                          onClick: vue.withModifiers(() => {
-                          }, ["stop"]),
-                          onContextmenu: vue.withModifiers(() => {
-                          }, ["stop"])
-                        }, [
-                          (vue.openBlock(true), vue.createElementBlock(
-                            vue.Fragment,
-                            null,
-                            vue.renderList(vue.unref(index.operatorFilterHandler)(
-                              column,
-                              { column, row, $index, cellIndex },
-                              "default"
-                            ), (citem, cindex) => {
-                              return vue.openBlock(), vue.createBlock(vue.unref(index$1.HyTooltip), {
-                                key: cindex,
+                          ]),
+                          default: vue.withCtx(() => [
+                            vue.createElementVNode("span", null, [
+                              vue.createVNode(vue.unref(index$1.HyTooltip), {
                                 "is-always": "",
                                 overLine: 1,
-                                content: citem.label
+                                content: vue.unref(t)("table.moreOperations")
                               }, {
                                 default: vue.withCtx(() => [
-                                  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.operatorClickHandler)(
-                                      cindex,
-                                      column,
-                                      { column, row, $index, cellIndex },
-                                      "default"
-                                    )
-                                  }, [
-                                    vue.createVNode(vue.unref(index$2.HyIcon), {
-                                      "svg-name": citem.svgName,
-                                      "class-name": "!w-4 !h-4"
-                                    }, null, 8, ["svg-name"]),
-                                    citem.subLabel ? (vue.openBlock(), vue.createElementBlock(
+                                  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.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 */
+                                      })
+                                    ]),
+                                    vue.createElementVNode(
                                       "div",
-                                      {
-                                        key: 0,
-                                        class: "mt-1 whitespace-nowrap"
-                                      },
-                                      vue.toDisplayString(citem.subLabel),
+                                      { class: "mt-1" },
+                                      vue.toDisplayString(vue.unref(t)("table.more")),
                                       1
                                       /* TEXT */
-                                    )) : (vue.openBlock(), vue.createElementBlock("div", {
-                                      key: 1,
-                                      class: "mt-1 whitespace-nowrap"
-                                    }, "\xA0"))
-                                  ], 10, ["onClick"])
+                                    )
+                                  ])
                                 ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1032, ["content"]);
-                            }),
-                            128
-                            /* KEYED_FRAGMENT */
-                          )),
-                          vue.unref(index.operatorFilterHandler)(
-                            column,
-                            { column, row, $index, cellIndex },
-                            "more"
-                          )?.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdown), {
-                            key: 0,
-                            ref_for: true,
-                            ref: "operatorDropdownRef",
-                            trigger: "click",
-                            "popper-style": "min-width: 150px",
-                            placement: "bottom",
-                            onCommand: ($event) => vue.unref(index.operatorClickHandler)(
-                              $event,
+                                _: 1
+                                /* STABLE */
+                              }, 8, ["content"])
+                            ])
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["onCommand"])) : vue.createCommentVNode("v-if", true)
+                      ], 40, ["onClick", "onContextmenu"])) : column.type === "default" ? (vue.openBlock(), vue.createElementBlock(
+                        vue.Fragment,
+                        { key: 5 },
+                        [
+                          !vue.unref(is.isEmpty)(
+                            vue.unref(index.renderContentHandler)(column, {
                               column,
-                              { column, row, $index, cellIndex },
-                              "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.operatorFilterHandler)(
-                                        column,
-                                        { column, row, $index, cellIndex },
-                                        "more"
-                                      ), (citem, cindex) => {
-                                        return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdownItem), {
-                                          key: cindex,
-                                          command: cindex,
-                                          disabled: vue.unref(index.operatorDisabledHandler)(citem, {
-                                            column,
-                                            row,
-                                            $index,
-                                            cellIndex
-                                          })
-                                        }, {
-                                          default: vue.withCtx(() => [
-                                            vue.createElementVNode("span", null, [
-                                              vue.createElementVNode(
-                                                "span",
-                                                null,
-                                                vue.toDisplayString(citem.label),
-                                                1
-                                                /* TEXT */
-                                              ),
-                                              vue.unref(index.operatorDisabledHandler)(citem, {
-                                                column,
-                                                row,
-                                                $index,
-                                                cellIndex
-                                              }) ? (vue.openBlock(), vue.createElementBlock(
-                                                "span",
-                                                {
-                                                  key: 0,
-                                                  class: "text-xs leading-1"
-                                                },
-                                                "\uFF08" + vue.toDisplayString(vue.unref(index.operatorDisableTextdHandler)(citem, {
-                                                  column,
-                                                  row,
-                                                  $index,
-                                                  cellIndex
-                                                })) + "\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$1.HyTooltip), {
-                                  "is-always": "",
-                                  overLine: 1,
-                                  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.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 */
-                                        })
-                                      ]),
-                                      vue.createElementVNode(
-                                        "div",
-                                        { class: "mt-1" },
-                                        vue.toDisplayString(vue.unref(t)("table.more")),
-                                        1
-                                        /* TEXT */
-                                      )
-                                    ])
-                                  ]),
-                                  _: 1
-                                  /* STABLE */
-                                }, 8, ["content"])
-                              ])
-                            ]),
-                            _: 2
-                            /* DYNAMIC */
-                          }, 1032, ["onCommand"])) : vue.createCommentVNode("v-if", true)
-                        ], 40, ["onClick", "onContextmenu"])) : column.type === "default" ? (vue.openBlock(), vue.createElementBlock(
-                          vue.Fragment,
-                          { key: 5 },
-                          [
-                            !vue.unref(is.isEmpty)(
-                              vue.unref(index.renderContentHandler)(column, {
-                                column,
-                                row,
-                                $index,
-                                cellIndex
-                              })
-                            ) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyTooltip), {
-                              key: 0,
-                              "is-always": false,
-                              "over-line": 2,
-                              content: vue.unref(index.renderContentHandler)(column, { column, row, $index, cellIndex })
-                            }, null, 8, ["content"])) : (vue.openBlock(), vue.createElementBlock("span", {
-                              key: 1,
-                              class: "text-auxiliary"
-                            }, "- -"))
-                          ],
-                          64
-                          /* STABLE_FRAGMENT */
-                        )) : vue.createCommentVNode("v-if", true)
-                      ],
-                      4
-                      /* STYLE */
-                    );
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ], 10, ["rowkey"])
+                              row,
+                              $index,
+                              cellIndex
+                            })
+                          ) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyTooltip), {
+                            key: 0,
+                            "is-always": false,
+                            "over-line": 2,
+                            content: vue.unref(index.renderContentHandler)(column, { column, row, $index, cellIndex })
+                          }, null, 8, ["content"])) : (vue.openBlock(), vue.createElementBlock("span", {
+                            key: 1,
+                            class: "text-auxiliary"
+                          }, "- -"))
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      )) : vue.createCommentVNode("v-if", true)
+                    ],
+                    4
+                    /* STYLE */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
             ],
-            2112
-            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-          )) 
+            64
+            /* STABLE_FRAGMENT */
+          ))
         ]),
         empty: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "empty")