hy-dispatch-ui-v3 0.2.59 → 0.2.60

package/lib/components/hyRadioGroup/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var radioGroup = require('./radioGroup.vue.js');
+var handler = require('../../utils/handler.js');
+
+const HyRadioGroup = handler.withInstall(radioGroup.default);
+
+exports.HyRadioGroup = HyRadioGroup;
+exports.default = HyRadioGroup;

package/lib/components/hyRadioGroup/radioGroup.vue.js

@@ -0,0 +1,127 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+import "./style/radioGroup.scss";
+
+const __default__ = vue.defineComponent({
+  name: "HyRadioGroup"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: /* @__PURE__ */ vue.mergeModels({
+    options: {
+      type: Array,
+      default: () => []
+    },
+    props: {
+      type: Object,
+      default: () => ({})
+    },
+    size: {
+      type: String,
+      default: "default"
+    }
+  }, {
+    "modelValue": {
+      type: [String, Number, Boolean]
+    },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const modelValue = vue.useModel(__props, "modelValue");
+    const sliderRef = vue.useTemplateRef("sliderRef");
+    const selectIndex = vue.ref(0);
+    const radioProps = vue.computed(() => {
+      return {
+        value: "value",
+        label: "label",
+        disabled: "disabled",
+        ...props.props || {}
+      };
+    });
+    function switchSelect(target) {
+      modelValue.value = target[radioProps.value.value];
+      emits("change", modelValue.value);
+    }
+    async function sliderHandler() {
+      selectIndex.value = props.options.findIndex((item) => {
+        return item[radioProps.value.value] === modelValue.value;
+      });
+      await vue.nextTick();
+      const slider = sliderRef.value;
+      if (slider) {
+        const proportion = 100 / props.options.length;
+        const left = selectIndex.value > 0 ? selectIndex.value * proportion : 0;
+        console.log("proportion", proportion, left, selectIndex.value);
+        slider.style.left = `${left}%`;
+      }
+    }
+    vue.watch(
+      () => [modelValue.value, props.options],
+      () => {
+        sliderHandler();
+      },
+      { immediate: true }
+    );
+    __expose({});
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "ul",
+        {
+          class: vue.normalizeClass(["w-full flex text-xs rounded border border-border box-border relative", [
+            __props.size === "large" ? "h-[40px]" : __props.size === "small" ? "h-[24px]" : "h-[32px]",
+            __props.size === "small" ? "text-xs" : "text-sm"
+          ]])
+        },
+        [
+          (vue.openBlock(true), vue.createElementBlock(
+            vue.Fragment,
+            null,
+            vue.renderList(__props.options, (item, index) => {
+              return vue.openBlock(), vue.createElementBlock("li", {
+                key: index,
+                class: "w-0 flex-1 flex items-center justify-center text-main clickBox",
+                onClick: ($event) => switchSelect(item)
+              }, [
+                vue.renderSlot(_ctx.$slots, "default", {
+                  item,
+                  index
+                }, () => [
+                  vue.createTextVNode(
+                    vue.toDisplayString(item[radioProps.value.label]),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ], 8, ["onClick"]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          )),
+          selectIndex.value >= 0 ? (vue.openBlock(), vue.createElementBlock(
+            "li",
+            {
+              key: 0,
+              ref_key: "sliderRef",
+              ref: sliderRef,
+              class: "slider rounded box-border absolute h-full top-0 left-0 z-0 duration-500 border border-theme shadow-[0_0_6px_0] shadow-theme",
+              style: vue.normalizeStyle([{ width: `calc(100% / ${__props.options.length})` }, { "background": "linear-gradient(180deg, #2a4968 0%, #0ea0bb 100%)" }])
+            },
+            null,
+            4
+            /* STYLE */
+          )) : vue.createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/hySearch/cpns/searchItem.vue.js

@@ -60,6 +60,13 @@ const _sfc_main = {
         form.setValueByProp(props.model, prop, val);
       }
     });
+    const columnAttrs = vue.computed(() => {
+      return {
+        ...props.column.attrs,
+        label: form.columnLabelHandler(props.column, props.model),
+        placeholder: form.columnPlaceholderHandler(props.column, props.model)
+      };
+    });
     function onChangeHandler(value, column) {
       emits("search");
     }
@@ -100,14 +107,14 @@ const _sfc_main = {
                   "div",
                   {
                     class: vue.normalizeClass(["flex items-center text-auxiliary text-xs whitespace-nowrap", {
-                      "border-r border-border px-3": __props.column.labelSlot && _ctx.$slots[__props.column.labelSlot] || __props.column.label
+                      "border-r border-border px-3": __props.column.labelSlot && _ctx.$slots[__props.column.labelSlot] || vue.unref(form.columnLabelHandler)(__props.column, props.model)
                     }])
                   },
                   [
                     __props.column.labelSlot && _ctx.$slots[__props.column.labelSlot] ? vue.renderSlot(_ctx.$slots, __props.column.labelSlot, { column: __props.column }, void 0, void 0, 0) : (vue.openBlock(), vue.createElementBlock(
                       "span",
                       { key: 1 },
-                      vue.toDisplayString(__props.column.label),
+                      vue.toDisplayString(vue.unref(form.columnLabelHandler)(__props.column, props.model)),
                       1
                       /* TEXT */
                     ))
@@ -132,7 +139,7 @@ const _sfc_main = {
                         vue.createVNode(vue.unref(index$1.HyInput), vue.mergeProps({
                           modelValue: bindValue.value,
                           "onUpdate:modelValue": ($event) => bindValue.value = $event
-                        }, __props.column.attrs, {
+                        }, columnAttrs.value, {
                           disabled: vue.unref(index.isDisabled)(props, __props.column),
                           onKeydown: vue.withKeys(($event) => onKeydownEnterHander($event, __props.column), ["enter"]),
                           onChange: ($event) => onChangeHandler($event, __props.column)
@@ -148,7 +155,7 @@ const _sfc_main = {
                         vue.createVNode(vue.unref(elementPlus.ElSelect), vue.mergeProps({
                           modelValue: bindValue.value,
                           "onUpdate:modelValue": ($event) => bindValue.value = $event
-                        }, __props.column.attrs, {
+                        }, columnAttrs.value, {
                           disabled: vue.unref(index.isDisabled)(props, __props.column),
                           options: vue.unref(index.optionsHandler)(props, __props.column),
                           onChange: ($event) => onChangeHandler($event, __props.column)
@@ -166,7 +173,7 @@ const _sfc_main = {
                           "daterange",
                           "monthrange",
                           "yearrange"
-                        ].includes(__props.column.attrs?.type) && vue.unref(is.isArray)(__props.column.field) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.HyDatePicker), vue.mergeProps({
+                        ].includes(columnAttrs.value?.type) && vue.unref(is.isArray)(__props.column.field) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.HyDatePicker), vue.mergeProps({
                           key: 0,
                           start: bindValue.value,
                           "onUpdate:start": ($event) => bindValue.value = $event,
@@ -175,7 +182,7 @@ const _sfc_main = {
                           "is-range": true,
                           style: { "width": "100%" },
                           timeRangeFill: __props.column.timeRangeFill
-                        }, __props.column.attrs, {
+                        }, columnAttrs.value, {
                           disabled: vue.unref(index.isDisabled)(props, __props.column),
                           onChange: ($event) => onChangeHandler($event, __props.column)
                         }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "timeRangeFill", "disabled", "onChange"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.HyDatePicker), vue.mergeProps({
@@ -185,7 +192,7 @@ const _sfc_main = {
                           "is-range": false,
                           style: { "width": "100%" },
                           timeRangeFill: __props.column.timeRangeFill
-                        }, __props.column.attrs, {
+                        }, columnAttrs.value, {
                           disabled: vue.unref(index.isDisabled)(props, __props.column),
                           onChange: ($event) => onChangeHandler($event, __props.column)
                         }), null, 16, ["modelValue", "onUpdate:modelValue", "timeRangeFill", "disabled", "onChange"]))
@@ -197,7 +204,7 @@ const _sfc_main = {
                       { key: 4 },
                       [
                         vue.createCommentVNode(" \u65F6\u95F4\u9009\u62E9\u6846 "),
-                        __props.column.attrs.isRange ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.HyTimePicker), vue.mergeProps({
+                        columnAttrs.value.isRange ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.HyTimePicker), vue.mergeProps({
                           key: 0,
                           start: bindValue.value,
                           "onUpdate:start": ($event) => bindValue.value = $event,
@@ -205,7 +212,7 @@ const _sfc_main = {
                           "onUpdate:end": ($event) => bindValue2.value = $event,
                           "is-range": true,
                           style: { "width": "100%" }
-                        }, __props.column.attrs, {
+                        }, columnAttrs.value, {
                           disabled: vue.unref(index.isDisabled)(props, __props.column),
                           onChange: onChangeHandler
                         }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$3.HyTimePicker), vue.mergeProps({
@@ -214,7 +221,7 @@ const _sfc_main = {
                           "onUpdate:modelValue": ($event) => bindValue.value = $event,
                           "is-range": false,
                           style: { "width": "100%" }
-                        }, __props.column.attrs, {
+                        }, columnAttrs.value, {
                           disabled: vue.unref(index.isDisabled)(props, __props.column),
                           onChange: onChangeHandler
                         }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"]))
@@ -229,7 +236,7 @@ const _sfc_main = {
                         vue.createVNode(vue.unref(index$4.HyOrgCascader), vue.mergeProps({
                           modelValue: bindValue.value,
                           "onUpdate:modelValue": ($event) => bindValue.value = $event
-                        }, __props.column.attrs, {
+                        }, columnAttrs.value, {
                           disabled: vue.unref(index.isDisabled)(props, __props.column),
                           onChange: onChangeHandler
                         }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
@@ -245,7 +252,7 @@ const _sfc_main = {
               4
               /* STYLE */
             ),
-            __props.column.type === "date-picker" && ["daterange", "datetimerange"].includes(__props.column.attrs?.type) && __props.column.timeRangeOptions?.length ? (vue.openBlock(), vue.createElementBlock("div", {
+            __props.column.type === "date-picker" && ["daterange", "datetimerange"].includes(columnAttrs.value?.type) && __props.column.timeRangeOptions?.length ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: "flex text-main select-none"
             }, [

package/lib/components/hySearch/js/useAppSearch.js

@@ -6,34 +6,6 @@ var form = require('../../../utils/form.js');
 var useLocale = require('../../../hooks/useLocale.js');
 var is = require('../../../utils/is.js');
 
-const genDefaultLabel = (config) => {
-  if (config.label) return config.label;
-  const { t } = useLocale.useLocale();
-  switch (config.type) {
-    // 部门级联选择框
-    case "org-cascader":
-      return t("form.department");
-  }
-};
-const genPlaceholderHandler = (config) => {
-  const { t } = useLocale.useLocale();
-  const { type, label, attrs = {} } = config || {};
-  let placeholder = attrs.placeholder, startPlaceholder = attrs.startPlaceholder, endPlaceholder = attrs.endPlaceholder;
-  switch (type) {
-    case "input":
-      placeholder = placeholder || t("hy.pleaseEnterPlaceholder", [label]);
-      break;
-    case "select":
-    case "date-picker":
-    case "time-picker":
-    case "org-cascader":
-      placeholder = placeholder || t("hy.pleaseSelectPlaceholder", [label]);
-      break;
-    default:
-      placeholder = placeholder || label;
-  }
-  return { placeholder, startPlaceholder, endPlaceholder };
-};
 const genColumnWidth = (config) => {
   let { width, inputWidth, type, attrs } = config || {};
   if (!width && !inputWidth) {
@@ -86,12 +58,10 @@ const timeRangeOptionsHandler = (config) => {
   }, []);
 };
 function appSearchItemHandler(column = {}) {
-  const label = genDefaultLabel(column);
-  const { placeholder} = genPlaceholderHandler({ ...column, label });
+  const label = form.genColumnDefaultLabel(column);
   const attrs = {
     clearable: true,
-    ...column.attrs || {},
-    placeholder
+    ...column.attrs || {}
   };
   const { width, inputWidth } = genColumnWidth(column);
   column = handler.mergeDeep(

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

@@ -461,7 +461,15 @@ const _sfc_main = {
                             }, {
                               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]),
+                                  class: vue.normalizeClass(["w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-xs hover:font-bold border border-transparent rounded box-border", [
+                                    citem.className,
+                                    vue.unref(index.operatorDisabledHandler)(citem, {
+                                      column,
+                                      row,
+                                      $index,
+                                      cellIndex
+                                    }) ? "cursor-not-allowed text-[var(--hy-el-text-color-disabled)] hover:border-[rgba(var(--hy-auxiliary),1)] hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-auxiliary),0.5)]" : "cursor-pointer hover:border-theme hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-theme),0.5)]"
+                                  ]]),
                                   onClick: ($event) => vue.unref(index.operatorClickHandler)(
                                     cindex,
                                     column,

package/lib/components/hyTable/js/index.js

@@ -2,9 +2,9 @@
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-var is = require('../../../utils/is.js');
-var useLocale = require('../../../hooks/useLocale.js');
 var usePermissionMap = require('../../../hooks/usePermissionMap.js');
+var useLocale = require('../../../hooks/useLocale.js');
+var is = require('../../../utils/is.js');
 
 function tableColumnShowHandler(column) {
   if (column.permission && !is.isPermission(column.permission)) {
@@ -125,6 +125,7 @@ function operatorFilterHandler(column, scope, type = "all") {
 function operatorClickHandler(command, column, scope, type = "all") {
   const operator = operatorFilterHandler(column, scope, type);
   const target = operator[command];
+  if (operatorDisabledHandler(target, scope)) return;
   target?.handler && target.handler(scope);
 }
 function renderHeaderHandler(column, scope) {
@@ -396,7 +397,9 @@ const useAppTableWrapper = (hy) => {
     // 搜索选中
     isSearchFocus,
     onSearchInputHandler,
-    onSearchBlurHandler
+    onSearchBlurHandler,
+    showAppTableLoading,
+    closeAppTableLoading
   };
 };
 

package/lib/components/hyTable/js/search.js

@@ -56,6 +56,7 @@ function useAppTableSearch(hy) {
   }
   async function resetFields() {
     await vue.nextTick();
+    props.filterModel.query = null;
     if (appSearchRef.value) {
       appSearchRef.value.resetFields();
     }

package/lib/components/hyTable/table.vue.js

@@ -5,18 +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('./js/index.js');
+var index = 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 useLocale = require('../../hooks/useLocale.js');
 var useMixins = require('../../hooks/useMixins.js');
-var index = require('../hyIcon/index.js');
-var index$1 = require('../hyTooltip/index.js');
-var index$2 = require('../hyInput/index.js');
-var index$3 = require('../hyButton/index.js');
-var index$4 = require('../hySearch/index.js');
+var index$1 = require('../hyIcon/index.js');
+var index$2 = require('../hyTooltip/index.js');
+var index$3 = require('../hyInput/index.js');
+var index$4 = require('../hyButton/index.js');
+var index$5 = require('../hySearch/index.js');
 var adaptive = require('../../utils/adaptive.js');
 var is = require('../../utils/is.js');
 
@@ -252,7 +252,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       getTableDataSource,
       onSizeChangeHandler,
       onCurrentChangeHandler,
-      onSearchQueryHandler
+      onSearchQueryHandler,
+      showAppTableLoading,
+      closeAppTableLoading
     } = useMixins.useMixins(
       {
         props,
@@ -264,7 +266,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         operatorDropdownRef,
         appSearchRef
       },
-      [index$5.useAppTableWrapper, search.useAppTableSearch]
+      [index.useAppTableWrapper, search.useAppTableSearch]
     );
     if (props.defaultGetData) {
       getData(1);
@@ -279,7 +281,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       getTableDataSource,
       clearSelection,
       clearSelectedList,
-      toggleRowExpansion
+      toggleRowExpansion,
+      showAppTableLoading,
+      closeAppTableLoading
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(
@@ -308,7 +312,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 class: "h-[32px] flex items-center gap-[10px] clickBox px-3 select-none rounded hover:bg-background-2",
                 onClick: vue.unref(switchShowFilter)
               }, [
-                vue.createVNode(vue.unref(index.HyIcon), {
+                vue.createVNode(vue.unref(index$1.HyIcon), {
                   "svg-name": "ops-button-screen",
                   "class-name": "!w-3 !h-3"
                 }),
@@ -320,7 +324,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   /* TEXT */
                 )
               ], 8, ["onClick"])) : vue.createCommentVNode("v-if", true),
-              vue.unref(searchPlaceholder) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyTooltip), {
+              vue.unref(searchPlaceholder) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.HyTooltip), {
                 key: 2,
                 "is-always": "",
                 overLine: 1,
@@ -332,7 +336,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   }, null, 8, ["innerHTML"])
                 ]),
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(index$2.HyInputSearch), {
+                  vue.createVNode(vue.unref(index$3.HyInputSearch), {
                     modelValue: __props.filterModel.query,
                     "onUpdate:modelValue": ($event) => __props.filterModel.query = $event,
                     placeholder: vue.unref(t)("table.searchFor", [__props.controllerText || ""]),
@@ -341,13 +345,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 ]),
                 _: 1
                 /* STABLE */
-              })) : (vue.openBlock(), vue.createBlock(vue.unref(index$3.HyButton), {
+              })) : (vue.openBlock(), vue.createBlock(vue.unref(index$4.HyButton), {
                 key: 3,
                 type: "primary",
                 onClick: ($event) => vue.unref(getData)()
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(index.HyIcon), {
+                  vue.createVNode(vue.unref(index$1.HyIcon), {
                     class: "w-[12px] h-[12px]",
                     "svg-name": "ops-button-icon-refres-v2"
                   })
@@ -365,7 +369,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             ])) : vue.createCommentVNode("v-if", true)
           ])) : vue.createCommentVNode("v-if", true),
           vue.createCommentVNode(" \u67E5\u8BE2\u8FC7\u6EE4 "),
-          __props.filterColumns.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.HySearch), {
+          __props.filterColumns.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.HySearch), {
             key: 1,
             ref_key: "appSearchRef",
             ref: appSearchRef,
@@ -449,11 +453,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                 }, {
                                   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$5.renderHeaderHandler)(column, scope)) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyTooltip), {
+                                      !vue.unref(is.isEmpty)(vue.unref(index.renderHeaderHandler)(column, scope)) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.HyTooltip), {
                                         key: 0,
                                         "is-always": false,
                                         "over-line": 1,
-                                        content: vue.unref(index$5.renderHeaderHandler)(column, scope)
+                                        content: vue.unref(index.renderHeaderHandler)(column, scope)
                                       }, null, 8, ["content"])) : vue.createCommentVNode("v-if", true)
                                     ])
                                   ]),
@@ -469,12 +473,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                   (vue.openBlock(true), vue.createElementBlock(
                                     vue.Fragment,
                                     null,
-                                    vue.renderList(vue.unref(index$5.operatorFilterHandler)(
+                                    vue.renderList(vue.unref(index.operatorFilterHandler)(
                                       column,
                                       scope,
                                       "default"
                                     ), (citem, cindex) => {
-                                      return vue.openBlock(), vue.createBlock(vue.unref(index$1.HyTooltip), {
+                                      return vue.openBlock(), vue.createBlock(vue.unref(index$2.HyTooltip), {
                                         key: cindex,
                                         "is-always": "",
                                         overLine: 1,
@@ -482,12 +486,15 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                       }, {
                                         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: vue.withModifiers(($event) => vue.unref(index$5.operatorClickHandler)(cindex, column, scope, "default"), ["stop"]),
+                                            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", [
+                                              citem.className,
+                                              vue.unref(index.operatorDisabledHandler)(citem, scope) ? "cursor-not-allowed text-[var(--hy-el-text-color-disabled)] hover:border-[rgba(var(--hy-auxiliary),1)] hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-auxiliary),0.5)]" : "cursor-pointer hover:border-theme hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-theme),0.5)]"
+                                            ]]),
+                                            onClick: vue.withModifiers(($event) => vue.unref(index.operatorClickHandler)(cindex, column, scope, "default"), ["stop"]),
                                             onContextmenu: vue.withModifiers(() => {
                                             }, ["stop"])
                                           }, [
-                                            vue.createVNode(vue.unref(index.HyIcon), {
+                                            vue.createVNode(vue.unref(index$1.HyIcon), {
                                               "svg-name": citem.svgName,
                                               "class-name": "!w-4 !h-4"
                                             }, null, 8, ["svg-name"]),
@@ -513,7 +520,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                     128
                                     /* KEYED_FRAGMENT */
                                   )),
-                                  vue.unref(index$5.operatorFilterHandler)(column, scope, "more")?.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdown), {
+                                  vue.unref(index.operatorFilterHandler)(column, scope, "more")?.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdown), {
                                     key: 0,
                                     ref_for: true,
                                     ref_key: "operatorDropdownRef",
@@ -521,7 +528,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                     trigger: "click",
                                     "popper-style": "min-width: 150px",
                                     placement: "bottom",
-                                    onCommand: ($event) => vue.unref(index$5.operatorClickHandler)($event, column, scope, "more")
+                                    onCommand: ($event) => vue.unref(index.operatorClickHandler)($event, column, scope, "more")
                                   }, {
                                     dropdown: vue.withCtx(() => [
                                       vue.createVNode(
@@ -532,7 +539,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                             (vue.openBlock(true), vue.createElementBlock(
                                               vue.Fragment,
                                               null,
-                                              vue.renderList(vue.unref(index$5.operatorFilterHandler)(
+                                              vue.renderList(vue.unref(index.operatorFilterHandler)(
                                                 column,
                                                 scope,
                                                 "more"
@@ -540,7 +547,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                                 return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdownItem), {
                                                   key: cindex,
                                                   command: cindex,
-                                                  disabled: vue.unref(index$5.operatorDisabledHandler)(citem, scope)
+                                                  disabled: vue.unref(index.operatorDisabledHandler)(citem, scope)
                                                 }, {
                                                   default: vue.withCtx(() => [
                                                     vue.createElementVNode("span", null, [
@@ -551,13 +558,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                                         1
                                                         /* TEXT */
                                                       ),
-                                                      vue.unref(index$5.operatorDisabledHandler)(citem, scope) ? (vue.openBlock(), vue.createElementBlock(
+                                                      vue.unref(index.operatorDisabledHandler)(citem, scope) ? (vue.openBlock(), vue.createElementBlock(
                                                         "span",
                                                         {
                                                           key: 0,
                                                           class: "text-xs leading-1"
                                                         },
-                                                        "\uFF08" + vue.toDisplayString(vue.unref(index$5.operatorDisableTextdHandler)(citem, scope)) + "\uFF09",
+                                                        "\uFF08" + vue.toDisplayString(vue.unref(index.operatorDisableTextdHandler)(citem, scope)) + "\uFF09",
                                                         1
                                                         /* TEXT */
                                                       )) : vue.createCommentVNode("v-if", true)
@@ -585,7 +592,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                         onContextmenu: vue.withModifiers(() => {
                                         }, ["stop"])
                                       }, [
-                                        vue.createVNode(vue.unref(index$1.HyTooltip), {
+                                        vue.createVNode(vue.unref(index$2.HyTooltip), {
                                           "is-always": "",
                                           overLine: 1,
                                           content: vue.unref(t)("table.moreOperations")
@@ -623,11 +630,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                   vue.Fragment,
                                   { key: 2 },
                                   [
-                                    !vue.unref(is.isEmpty)(vue.unref(index$5.renderContentHandler)(column, scope)) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyTooltip), {
+                                    !vue.unref(is.isEmpty)(vue.unref(index.renderContentHandler)(column, scope)) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.HyTooltip), {
                                       key: 0,
                                       "over-line": 2,
                                       "is-always": false,
-                                      content: vue.unref(index$5.renderContentHandler)(column, scope)
+                                      content: vue.unref(index.renderContentHandler)(column, scope)
                                     }, null, 8, ["content"])) : (vue.openBlock(), vue.createElementBlock("span", {
                                       key: 1,
                                       class: "text-auxiliary"
@@ -754,7 +761,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             "virtual-triggering": "",
             trigger: "contextmenu",
             placement: "bottom",
-            onCommand: ($event) => vue.unref(index$5.operatorClickHandler)(
+            onCommand: ($event) => vue.unref(index.operatorClickHandler)(
               $event,
               vue.unref(tableTriggerRef).column,
               vue.unref(tableTriggerRef).scope
@@ -766,14 +773,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   (vue.openBlock(true), vue.createElementBlock(
                     vue.Fragment,
                     null,
-                    vue.renderList(vue.unref(index$5.operatorFilterHandler)(
+                    vue.renderList(vue.unref(index.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$5.operatorDisabledHandler)(citem, vue.unref(tableTriggerRef).scope)
+                        disabled: vue.unref(index.operatorDisabledHandler)(citem, vue.unref(tableTriggerRef).scope)
                       }, {
                         default: vue.withCtx(() => [
                           vue.createElementVNode("span", null, [
@@ -784,13 +791,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                               1
                               /* TEXT */
                             ),
-                            vue.unref(index$5.operatorDisabledHandler)(citem, vue.unref(tableTriggerRef).scope) ? (vue.openBlock(), vue.createElementBlock(
+                            vue.unref(index.operatorDisabledHandler)(citem, vue.unref(tableTriggerRef).scope) ? (vue.openBlock(), vue.createElementBlock(
                               "span",
                               {
                                 key: 0,
                                 class: "text-xs leading-1"
                               },
-                              "\uFF08" + vue.toDisplayString(vue.unref(index$5.operatorDisableTextdHandler)(citem, vue.unref(tableTriggerRef).scope)) + "\uFF09",
+                              "\uFF08" + vue.toDisplayString(vue.unref(index.operatorDisableTextdHandler)(citem, vue.unref(tableTriggerRef).scope)) + "\uFF09",
                               1
                               /* TEXT */
                             )) : vue.createCommentVNode("v-if", true)