hy-dispatch-ui-v3 0.2.32 → 0.2.34

package/es/components/hySearch/cpns/searchItem.vue.mjs

@@ -75,7 +75,7 @@ const _sfc_main = {
         prop: columnProp.value
       }, {
         default: withCtx(() => [
-          createElementVNode("div", { class: "flex bg-background-2 rounded border border-transparent hover:border-theme box-border" }, [
+          createElementVNode("div", { class: "flex bg-background-2 rounded outline outline-1 outline-transparent outline-offset-0 hover:outline-theme box-border" }, [
             createElementVNode(
               "div",
               {
@@ -92,10 +92,7 @@ const _sfc_main = {
                     }])
                   },
                   [
-                    __props.column.labelSlot && _ctx.$slots[__props.column.labelSlot] ? renderSlot(_ctx.$slots, __props.column.labelSlot, {
-                      key: 0,
-                      column: __props.column
-                    }) : (openBlock(), createElementBlock(
+                    __props.column.labelSlot && _ctx.$slots[__props.column.labelSlot] ? renderSlot(_ctx.$slots, __props.column.labelSlot, { column: __props.column }, void 0, void 0, 0) : (openBlock(), createElementBlock(
                       "span",
                       { key: 1 },
                       toDisplayString(__props.column.label),
@@ -115,10 +112,7 @@ const _sfc_main = {
                   },
                   [
                     createCommentVNode(" \u81EA\u5B9A\u4E49\u5177\u540D\u63D2\u69FD "),
-                    __props.column.slot ? renderSlot(_ctx.$slots, __props.column.slot, {
-                      key: 0,
-                      column: __props.column
-                    }) : __props.column.type === "input" ? (openBlock(), createElementBlock(
+                    __props.column.slot ? renderSlot(_ctx.$slots, __props.column.slot, { column: __props.column }, void 0, void 0, 0) : __props.column.type === "input" ? (openBlock(), createElementBlock(
                       Fragment,
                       { key: 1 },
                       [

package/es/components/hySearch/js/index.mjs

@@ -55,13 +55,13 @@ function useShrink(props, formItemWrapper) {
   function getContainerPickUpHeight() {
     switch (props.size) {
       case "large":
-        return 43;
+        return 44;
       case "small":
-        return 27;
+        return 28;
       case "":
       case "default":
       default:
-        return 35;
+        return 36;
     }
   }
   function switchShrink() {
@@ -74,7 +74,7 @@ function useShrink(props, formItemWrapper) {
     if (container.children.length) {
       for (let i = 0; i < container.children.length; i++) {
         const element = container.children[i];
-        if (i > 0 && element.offsetLeft === 0) {
+        if (i > 0 && element.offsetLeft <= 1) {
           showShrink.value = true;
           break;
         } else if (i === container.children.length - 1) {

package/es/components/hySearch/style/search.scss

@@ -11,59 +11,60 @@
     padding-bottom: 0;
     opacity: 0;
   }
-}
-.hy-search-header {
-  height: 16px;
-  display: flex;
-  align-items: center;
-  font-size: 12px;
-  color: rgb(var(--hy-main));
-  margin-bottom: 16px;
-  transition: all 0.3s linear;
-  &.hy-search-header-hidden {
-    height: 0;
-    margin-bottom: 0px;
-  }
-}
-.hy-search-form {
-  overflow: hidden;
-  transition: all 0.3s;
-}
-.hy-search-container {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 16px;
-  position: relative;
-  .hy-el-form-item {
-    margin-bottom: 0;
-    &.hidden {
-      display: none;
+  .hy-search-header {
+    height: 16px;
+    display: flex;
+    align-items: center;
+    font-size: 12px;
+    color: rgb(var(--hy-main));
+    margin-bottom: 16px;
+    transition: all 0.3s linear;
+    &.hy-search-header-hidden {
+      height: 0;
+      margin-bottom: 0px;
     }
   }
-  .hy-el-input,
-  .hy-el-date-editor {
-    --el-input-bg-color: transparent;
-    --el-input-border: none;
-    --el-border-color: transparent;
-    --el-input-border-color: transparent;
-    --el-input-text-color: rgb(var(--hy-main));
-    --el-input-border-radius: 0px 4px 4px 0px;
-    --el-input-hover-border-color: rgb(var(--hy-theme));
-    .hy-el-input__wrapper,
-    &.hy-el-input__wrapper {
-      box-shadow: none !important;
-    }
+  .hy-search-form {
+    overflow: hidden;
+    transition: all 0.3s;
   }
-  .hy-el-select {
-    --el-border-color: transparent;
-    --el-fill-color-blank: transparent;
-    --el-border-radius-base: 0px 4px 4px 0px;
-    --el-border-color-hover: rgb(var(--hy-theme));
-    .hy-el-select__wrapper {
-      box-shadow: none !important;
+  .hy-search-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+    position: relative;
+    padding: 1px;
+    .hy-el-form-item {
+      margin-bottom: 0;
+      &.hidden {
+        display: none;
+      }
+    }
+    .hy-el-input,
+    .hy-el-date-editor {
+      --el-input-bg-color: transparent;
+      --el-input-border: none;
+      --el-border-color: transparent;
+      --el-input-border-color: transparent;
+      --el-input-text-color: rgb(var(--hy-main));
+      --el-input-border-radius: 0px 4px 4px 0px;
+      --el-input-hover-border-color: rgb(var(--hy-theme));
+      .hy-el-input__wrapper,
+      &.hy-el-input__wrapper {
+        box-shadow: none !important;
+      }
+    }
+    .hy-el-select {
+      --el-border-color: transparent;
+      --el-fill-color-blank: transparent;
+      --el-border-radius-base: 0px 4px 4px 0px;
+      --el-border-color-hover: rgb(var(--hy-theme));
+      .hy-el-select__wrapper {
+        box-shadow: none !important;
+      }
+    }
+    .hy-search-custom-wrapper {
+      min-height: var(--hy-el-component-size);
     }
-  }
-  .hy-search-custom-wrapper {
-    min-height: var(--hy-el-component-size);
   }
 }

package/es/components/hyTable/cpns/columnSelect.vue.mjs

@@ -5,6 +5,7 @@ import { CircleClose, Warning, Edit } from '@element-plus/icons-vue';
 import { tableColumnHandler } from '../js/index.mjs';
 import _sfc_main$1 from './columnSelectItem.vue.mjs';
 import { useLocale } from '../../../hooks/useLocale.mjs';
+import { HyTooltip } from '../../hyTooltip/index.mjs';
 import { HyButton } from '../../hyButton/index.mjs';
 import { isEmpty } from '../../../utils/is.mjs';
 
@@ -228,7 +229,7 @@ const _sfc_main = {
                   /* STABLE */
                 })
               ]),
-              createElementVNode("div", { class: "h-[364px] px-4 pt-[11px] pb-1 overflow-y-auto" }, [
+              createElementVNode("div", { class: "h-[364px] px-4 pt-[11px] pb-1 scroll-body overflow-y-auto" }, [
                 createVNode(unref(ElCheckboxGroup), {
                   modelValue: checkedList.value,
                   "onUpdate:modelValue": ($event) => checkedList.value = $event
@@ -299,48 +300,44 @@ const _sfc_main = {
                   /* STABLE */
                 }, 8, ["modelValue", "onUpdate:modelValue"])
               ]),
-              createElementVNode("div", { class: "flex items-center pt-[5px] pb-4 pl-[14px] pr-3" }, [
-                createElementVNode(
-                  "span",
-                  null,
-                  toDisplayString(unref(t)("table.haveBeenSelected", [checkedList.value?.length || 0])),
-                  1
-                  /* TEXT */
-                ),
-                showClear.value ? (openBlock(), createElementBlock(
-                  "span",
-                  {
-                    key: 0,
-                    class: "clickBox text-danger-2 ml-3",
-                    onClick: onClearHandler
-                  },
-                  toDisplayString(unref(t)("table.clear")),
-                  1
-                  /* TEXT */
-                )) : createCommentVNode("v-if", true),
-                createElementVNode("div", { class: "flex items-center ml-auto" }, [
-                  checkedList.value?.length >= 8 ? (openBlock(), createElementBlock("span", {
+              createElementVNode("div", { class: "flex items-center pt-[5px] pb-4 pl-[14px] pr-3 overflow-hidden" }, [
+                createElementVNode("div", { class: "flex items-center" }, [
+                  createElementVNode(
+                    "span",
+                    null,
+                    toDisplayString(unref(t)("table.selectedNumberItems", [checkedList.value?.length || 0])),
+                    1
+                    /* TEXT */
+                  ),
+                  showClear.value ? (openBlock(), createElementBlock(
+                    "span",
+                    {
+                      key: 0,
+                      class: "clickBox text-danger-2 ml-3",
+                      onClick: onClearHandler
+                    },
+                    toDisplayString(unref(t)("table.clear")),
+                    1
+                    /* TEXT */
+                  )) : createCommentVNode("v-if", true)
+                ]),
+                createElementVNode("div", { class: "w-0 flex-1 flex items-center justify-end ml-3" }, [
+                  createVNode(unref(ElIcon), {
+                    class: "mr-1.5",
+                    color: "rgb(var(--hy-auxiliary))"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(Warning))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  checkedList.value?.length >= 8 ? (openBlock(), createBlock(unref(HyTooltip), {
                     key: 0,
-                    class: "flex items-center mr-2 text-auxiliary"
-                  }, [
-                    createVNode(unref(ElIcon), {
-                      class: "mr-1.5",
-                      color: "rgb(var(--hy-auxiliary))"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(unref(Warning))
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    }),
-                    createElementVNode(
-                      "span",
-                      null,
-                      toDisplayString(unref(t)("table.tooManyFieldsWillAffectReadability")),
-                      1
-                      /* TEXT */
-                    )
-                  ])) : createCommentVNode("v-if", true),
+                    "is-always": false,
+                    content: unref(t)("table.tooManyFieldsWillAffectReadability"),
+                    class: "mr-2 text-auxiliary"
+                  }, null, 8, ["content"])) : createCommentVNode("v-if", true),
                   createVNode(unref(HyButton), {
                     type: "primary",
                     size: "small",

package/es/components/hyTable/cpns/columnSelectItem.vue.mjs

@@ -1,6 +1,6 @@
 import { openBlock, createBlock, unref, withCtx, createElementVNode, toDisplayString, createElementBlock, createCommentVNode, Fragment, renderList, normalizeClass, createVNode, withModifiers } from 'vue';
 import { ElPopover, ElIcon, ElCheckbox } from 'element-plus';
-import { Lock, DCaret } from '@element-plus/icons-vue';
+import { Lock } from '@element-plus/icons-vue';
 import { renderHeaderHandler } from '../js/index.mjs';
 import { useLocale } from '../../../hooks/useLocale.mjs';
 import { HyTooltip } from '../../hyTooltip/index.mjs';
@@ -90,16 +90,13 @@ const _sfc_main = {
               )),
               __props.columnsLength > 1 ? (openBlock(), createElementBlock("div", {
                 key: 2,
-                class: "w-5 h-full flex items-center justify-center handle cursor-grab ml-3",
+                class: "h-full flex items-center justify-center handle cursor-grab ml-3",
                 onClick: withModifiers(() => {
                 }, ["stop"])
               }, [
-                createVNode(unref(ElIcon), null, {
-                  default: withCtx(() => [
-                    createVNode(unref(DCaret))
-                  ]),
-                  _: 1
-                  /* STABLE */
+                createElementVNode("div", {
+                  class: "w-5 h-2.5",
+                  style: { "background": "radial-gradient(\n                    circle,\n                    rgba(var(--hy-theme)) 1px,\n                    transparent 2px\n                  )\n                  0px 0px / 5px 5px" }
                 })
               ], 8, ["onClick"])) : createCommentVNode("v-if", true)
             ])) : createCommentVNode("v-if", true)

package/es/components/hyTable/cpns/headerItem.vue.mjs

@@ -90,7 +90,7 @@ const _sfc_main = {
           }, 8, ["color", "onClick"])
         ]),
         renderSlot(_ctx.$slots, "default")
-      ], 8, ["onClick"])) : renderSlot(_ctx.$slots, "default", { key: 1 });
+      ], 8, ["onClick"])) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1);
     };
   }
 };

package/es/components/hyTable/cpns/virtualTable.vue.mjs

@@ -53,6 +53,12 @@ const _sfc_main = {
     },
     onRowContextmenu: {
       type: Function
+    },
+    expandMode: {
+      // 展开模式，不支持树形展开
+      type: String,
+      default: "default"
+      // deafult-默认 accordion-手风琴
     }
   },
   emits: ["search", "select", "select-all", "expand-change"],
@@ -258,7 +264,11 @@ const _sfc_main = {
       const isExpanded = isBoolean(expanded) ? expanded : !isNumber(index);
       if (isExpanded) {
         if (!isNumber(index)) {
-          expandedKeys.value.push(getRowKey(row));
+          if (props.expandMode === "accordion" && isExpandTable.value) {
+            expandedKeys.value = [getRowKey(row)];
+          } else {
+            expandedKeys.value.push(getRowKey(row));
+          }
         }
       } else {
         if (isNumber(index)) {
@@ -345,9 +355,8 @@ const _sfc_main = {
         row: withCtx(({ columns, depth, rowData: row, rowIndex: $index }) => [
           createCommentVNode(" \u5C55\u5F00\u5185\u5BB9 "),
           depth > 0 && isExpandTable.value ? renderSlot(_ctx.$slots, expandColumn.value.slot, {
-            key: 0,
             row: dataSourceMap.value.get(row.dataKey)
-          }) : (openBlock(), createElementBlock(
+          }, void 0, void 0, 0) : (openBlock(), createElementBlock(
             Fragment,
             { key: 1 },
             [
@@ -382,6 +391,7 @@ const _sfc_main = {
                             }), ["stop"])
                           }, [
                             createVNode(unref(ElIcon), {
+                              class: "text-main",
                               style: normalizeStyle({ "margin-inline-start": `${depth * 12}px` })
                             }, {
                               default: withCtx(() => [
@@ -411,10 +421,7 @@ const _sfc_main = {
                         indeterminate: indeterminateKeys.value.has(getRowKey(row)),
                         disabled: !isSelectable(row),
                         onClick: withModifiers(($event) => switchCheckHandler(row), ["stop"])
-                      }, null, 8, ["model-value", "indeterminate", "disabled", "onClick"])) : column?.slot && (column.type !== "expand" || !isExpandTable.value) ? renderSlot(_ctx.$slots, column?.slot, mergeProps({
-                        key: 2,
-                        ref_for: true
-                      }, { column, row, $index, cellIndex })) : column.type === "index" ? (openBlock(), createElementBlock(
+                      }, null, 8, ["model-value", "indeterminate", "disabled", "onClick"])) : column?.slot && (column.type !== "expand" || !isExpandTable.value) ? renderSlot(_ctx.$slots, column?.slot, mergeProps({ ref_for: true }, { column, row, $index, cellIndex }), void 0, void 0, 2) : column.type === "index" ? (openBlock(), createElementBlock(
                         Fragment,
                         { key: 3 },
                         [
@@ -428,7 +435,7 @@ const _sfc_main = {
                         /* STABLE_FRAGMENT */
                       )) : column.type === "operator" ? (openBlock(), createElementBlock("div", {
                         key: 4,
-                        class: "w-full flex items-center justify-between text-main",
+                        class: "w-full flex items-center justify-end gap-2 text-main",
                         onClick: withModifiers(() => {
                         }, ["stop"]),
                         onContextmenu: withModifiers(() => {
@@ -446,7 +453,7 @@ const _sfc_main = {
                               key: cindex,
                               "is-always": "",
                               overLine: 1,
-                              content: citem.label
+                              content: citem.desc
                             }, {
                               default: withCtx(() => [
                                 createElementVNode("div", {
@@ -462,13 +469,13 @@ const _sfc_main = {
                                     "svg-name": citem.svgName,
                                     "class-name": "!w-4 !h-4"
                                   }, null, 8, ["svg-name"]),
-                                  citem.subLabel ? (openBlock(), createElementBlock(
+                                  citem.label ? (openBlock(), createElementBlock(
                                     "div",
                                     {
                                       key: 0,
                                       class: "mt-1 whitespace-nowrap"
                                     },
-                                    toDisplayString(citem.subLabel),
+                                    toDisplayString(citem.label),
                                     1
                                     /* TEXT */
                                   )) : (openBlock(), createElementBlock("div", {

package/es/components/hyTable/js/index.mjs

@@ -314,6 +314,17 @@ const useAppTableWrapper = (hy) => {
       tableRef.value.toggleRowExpansion(row);
     }
   }
+  function onTableRowExpandChangeHandler(row, expandedRows) {
+    if (isBoolean(expandedRows) || props.expandMode !== "accordion" || expandedRows.length <= 1) {
+      props.onExpandChange && props.onExpandChange(row, expandedRows);
+      return;
+    } else {
+      expandedRows.forEach((item) => {
+        if (getRowKey(row) === getRowKey(item)) return;
+        toggleRowExpansion(item);
+      });
+    }
+  }
   const isSearchFocus = ref(false);
   function onSearchInputHandler() {
     isSearchFocus.value = true;
@@ -353,6 +364,7 @@ const useAppTableWrapper = (hy) => {
     toggleRowExpansion,
     onTableSelectHandler,
     onTableRowContextmenuHandler,
+    onTableRowExpandChangeHandler,
     onTableRowClickHandler,
     onTableColumnsSelectHandler,
     // 搜索选中

package/es/components/hyTable/js/useAppTable.mjs

@@ -1,6 +1,6 @@
 import { toRef } from 'vue';
-import { useAppSearch } from '../../hySearch/js/useAppSearch.mjs';
 import { isEmpty, isBoolean, isString, isObject } from '../../../utils/is.mjs';
+import { useAppSearch } from '../../hySearch/js/useAppSearch.mjs';
 import { useLocale } from '../../../hooks/useLocale.mjs';
 
 function getColumnDefaultConfig(column) {

package/es/components/hyTable/style/table.scss

@@ -38,3 +38,16 @@
     }
   }
 }
+
+.hy-table-dropdown-menu.hy-el-dropdown-menu {
+  --hy-el-text-color-regular: rgba(var(--hy-main));
+  border: 1px solid rgba(var(--hy-main));
+  padding: 0px;
+  .hy-el-dropdown-menu__item {
+    padding: 9px 16px 10px;
+    border-bottom: 1px solid rgba(var(--hy-border));
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+}

package/es/components/hyTable/table.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, openBlock, createElementBlock, createCommentVNode, createElementVNode, createBlock, unref, createVNode, withCtx, toDisplayString, normalizeClass, withKeys, renderSlot, createSlots, renderList, normalizeProps, guardReactiveProps, mergeProps, Fragment } from 'vue';
+import { defineComponent, useTemplateRef, openBlock, createElementBlock, createCommentVNode, createElementVNode, createBlock, unref, createVNode, withCtx, toDisplayString, normalizeClass, withKeys, renderSlot, createSlots, renderList, normalizeProps, guardReactiveProps, mergeProps, Fragment, withModifiers } 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';
@@ -6,13 +6,13 @@ 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 { HySearch } from '../hySearch/index.mjs';
-import { parseRem } from '../../utils/adaptive.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
+import { useMixins } from '../../hooks/useMixins.mjs';
 import { HyTooltip } from '../hyTooltip/index.mjs';
 import { HyButton } from '../hyButton/index.mjs';
 import { HyIcon } from '../hyIcon/index.mjs';
+import { HySearch } from '../hySearch/index.mjs';
+import { parseRem } from '../../utils/adaptive.mjs';
 import { isEmpty } from '../../utils/is.mjs';
 
 import "./style/table.scss";
@@ -173,6 +173,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: Boolean,
       required: false,
       default: true
+    },
+    expandMode: {
+      // 展开模式，不支持树形展开
+      type: String,
+      default: "default"
+      // deafult-默认 accordion-手风琴
+    },
+    onExpandChange: {
+      // 展开回调
+      type: Function
     }
   },
   emits: [
@@ -210,6 +220,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       toggleRowExpansion,
       onTableRowClickHandler,
       onTableRowContextmenuHandler,
+      onTableRowExpandChangeHandler,
       onTableSelectHandler,
       isSearchFocus,
       onSearchInputHandler,
@@ -318,8 +329,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         "onUpdate:modelValue": ($event) => __props.filterModel.query = $event,
                         class: "hy-table-search",
                         placeholder: unref(t)("table.searchFor", [__props.controllerText || ""]),
+                        clearable: "",
                         onFocus: unref(onSearchInputHandler),
                         onBlur: unref(onSearchBlurHandler),
+                        onClear: unref(onSearchQueryHandler),
                         onKeydown: withKeys(unref(onSearchQueryHandler), ["enter"])
                       }, {
                         append: withCtx(() => [
@@ -338,7 +351,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         ]),
                         _: 1
                         /* STABLE */
-                      }, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onFocus", "onBlur", "onKeydown"])
+                      }, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onFocus", "onBlur", "onClear", "onKeydown"])
                     ],
                     2
                     /* CLASS */
@@ -413,7 +426,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 onSelect: unref(onTableSelectHandler),
                 onSelectAll: unref(onTableSelectHandler),
                 onRowClick: unref(onTableRowClickHandler),
-                onRowContextmenu: unref(onTableRowContextmenuHandler)
+                onRowContextmenu: unref(onTableRowContextmenuHandler),
+                onExpandChange: unref(onTableRowExpandChangeHandler)
               }), {
                 empty: withCtx(() => [
                   renderSlot(_ctx.$slots, "empty", {}, () => [
@@ -466,12 +480,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                 }, 1032, ["column", "filter-model", "onSearch"])
                               ]),
                               default: withCtx((scope) => [
-                                column?.slot ? renderSlot(_ctx.$slots, column?.slot, mergeProps({
-                                  key: 0,
-                                  ref_for: true
-                                }, scope)) : column.type === "operator" ? (openBlock(), createElementBlock("div", {
+                                column?.slot ? renderSlot(_ctx.$slots, column?.slot, mergeProps({ ref_for: true }, scope), void 0, void 0, 0) : column.type === "operator" ? (openBlock(), createElementBlock("div", {
                                   key: 1,
-                                  class: "flex items-center justify-end text-main"
+                                  class: "flex items-center justify-end gap-2 text-main"
                                 }, [
                                   (openBlock(true), createElementBlock(
                                     Fragment,
@@ -485,31 +496,33 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                         key: cindex,
                                         "is-always": "",
                                         overLine: 1,
-                                        content: citem.label
+                                        content: citem.desc
                                       }, {
                                         default: withCtx(() => [
                                           createElementVNode("div", {
-                                            class: normalizeClass(["ml-2 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")
+                                            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: withModifiers(($event) => unref(operatorClickHandler)(cindex, column, scope, "default"), ["stop"]),
+                                            onContextmenu: withModifiers(() => {
+                                            }, ["stop"])
                                           }, [
                                             createVNode(unref(HyIcon), {
                                               "svg-name": citem.svgName,
                                               "class-name": "!w-4 !h-4"
                                             }, null, 8, ["svg-name"]),
-                                            citem.subLabel ? (openBlock(), createElementBlock(
+                                            citem.label ? (openBlock(), createElementBlock(
                                               "div",
                                               {
                                                 key: 0,
                                                 class: "mt-1 whitespace-nowrap w-full text-center over_one_line"
                                               },
-                                              toDisplayString(citem.subLabel),
+                                              toDisplayString(citem.label),
                                               1
                                               /* TEXT */
                                             )) : (openBlock(), createElementBlock("div", {
                                               key: 1,
                                               class: "mt-1 whitespace-nowrap"
                                             }, "\xA0"))
-                                          ], 10, ["onClick"])
+                                          ], 42, ["onClick", "onContextmenu"])
                                         ]),
                                         _: 2
                                         /* DYNAMIC */
@@ -584,7 +597,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                       )
                                     ]),
                                     default: withCtx(() => [
-                                      createElementVNode("span", null, [
+                                      createElementVNode("div", {
+                                        onClick: withModifiers(() => {
+                                        }, ["stop"]),
+                                        onContextmenu: withModifiers(() => {
+                                        }, ["stop"])
+                                      }, [
                                         createVNode(unref(HyTooltip), {
                                           "is-always": "",
                                           overLine: 1,
@@ -614,7 +632,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                           _: 1
                                           /* STABLE */
                                         }, 8, ["content"])
-                                      ])
+                                      ], 40, ["onClick", "onContextmenu"])
                                     ]),
                                     _: 2
                                     /* DYNAMIC */
@@ -654,7 +672,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 ]),
                 _: 3
                 /* FORWARDED */
-              }, 16, ["row-key", "data", "show-header", "row-class-name", "class", "style", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu"])) : createCommentVNode("v-if", true),
+              }, 16, ["row-key", "data", "show-header", "row-class-name", "class", "style", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu", "onExpandChange"])) : createCommentVNode("v-if", true),
               __props.type === "virtual" ? (openBlock(), createBlock(unref(ElAutoResizer), { key: 1 }, {
                 default: withCtx(({ height, width }) => [
                   createVNode(_sfc_main$3, mergeProps({
@@ -674,11 +692,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     },
                     "row-key": __props.rowKey,
                     "filter-model": __props.filterModel,
+                    expandMode: __props.expandMode,
                     onSearch: ($event) => unref(getData)(1),
                     onSelect: unref(onTableSelectHandler),
                     onSelectAll: unref(onTableSelectHandler),
                     onRowClick: unref(onTableRowClickHandler),
-                    onRowContextmenu: unref(onTableRowContextmenuHandler)
+                    onRowContextmenu: unref(onTableRowContextmenuHandler),
+                    onExpandChange: __props.onExpandChange
                   }), createSlots({
                     empty: withCtx(() => [
                       createElementVNode("div", { class: "w-full h-full flex items-center justify-center border-b border-border" }, [
@@ -704,7 +724,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         ])
                       };
                     })
-                  ]), 1040, ["width", "height", "data", "columns", "columns-editable", "show-header", "row-class-name", "show-all-select", "style", "row-key", "filter-model", "onSearch", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu"])
+                  ]), 1040, ["width", "height", "data", "columns", "columns-editable", "show-header", "row-class-name", "show-all-select", "style", "row-key", "filter-model", "expandMode", "onSearch", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu", "onExpandChange"])
                 ]),
                 _: 3
                 /* FORWARDED */
@@ -759,7 +779,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             )
           }, {
             dropdown: withCtx(() => [
-              createVNode(unref(ElDropdownMenu), null, {
+              createVNode(unref(ElDropdownMenu), { class: "hy-table-dropdown-menu" }, {
                 default: withCtx(() => [
                   (openBlock(true), createElementBlock(
                     Fragment,