hy-dispatch-ui-v3 0.2.26 → 0.2.28

package/dist/tailwind.css

@@ -668,6 +668,11 @@ video {
   z-index: 3;
 }
 
+.\!my-4 {
+  margin-top: 1rem !important;
+  margin-bottom: 1rem !important;
+}
+
 .mx-1 {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
@@ -683,6 +688,18 @@ video {
   margin-bottom: 0.375rem;
 }
 
+.\!ml-4 {
+  margin-left: 1rem !important;
+}
+
+.\!ml-auto {
+  margin-left: auto !important;
+}
+
+.\!mr-4 {
+  margin-right: 1rem !important;
+}
+
 .-mt-0\.5 {
   margin-top: -0.125rem;
 }
@@ -775,6 +792,10 @@ video {
   margin-top: 12px;
 }
 
+.mt-auto {
+  margin-top: auto;
+}
+
 .box-border {
   box-sizing: border-box;
 }
@@ -911,10 +932,18 @@ video {
   height: 54px;
 }
 
+.h-\[calc\(100vh-32px\)\] {
+  height: calc(100vh - 32px);
+}
+
 .h-full {
   height: 100%;
 }
 
+.max-h-full {
+  max-height: 100%;
+}
+
 .min-h-6 {
   min-height: 1.5rem;
 }
@@ -1150,6 +1179,10 @@ video {
        column-gap: 1.5rem;
 }
 
+.overflow-auto {
+  overflow: auto;
+}
+
 .overflow-hidden {
   overflow: hidden;
 }
@@ -1273,6 +1306,10 @@ video {
   background-color: rgb(61 98 134 / var(--tw-bg-opacity, 1));
 }
 
+.bg-\[rgba\(var\(--hy-background-2\)\2c 0\.5\)\] {
+  background-color: rgba(var(--hy-background-2),0.5);
+}
+
 .bg-\[rgba\(var\(--hy-theme\)\2c 0\.2\)\] {
   background-color: rgba(var(--hy-theme),0.2);
 }
@@ -1315,8 +1352,8 @@ video {
   padding: 0px !important;
 }
 
-.p-6 {
-  padding: 1.5rem;
+.p-5 {
+  padding: 1.25rem;
 }
 
 .p-\[10px\] {
@@ -1356,6 +1393,11 @@ video {
   padding-right: 1.25rem;
 }
 
+.px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+
 .px-\[10px\] {
   padding-left: 10px;
   padding-right: 10px;
@@ -1381,6 +1423,11 @@ video {
   padding-bottom: 0.125rem;
 }
 
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
 .py-\[10px\] {
   padding-top: 10px;
   padding-bottom: 10px;
@@ -1438,6 +1485,10 @@ video {
   padding-right: 10px;
 }
 
+.pr-\[26px\] {
+  padding-right: 26px;
+}
+
 .pt-2 {
   padding-top: 0.5rem;
 }
@@ -1450,10 +1501,6 @@ video {
   padding-top: 0.75rem;
 }
 
-.pt-5 {
-  padding-top: 1.25rem;
-}
-
 .pt-6 {
   padding-top: 1.5rem;
 }

package/es/components/hyAudioPlayer/audioPlayer.vue.mjs

@@ -1,4 +1,4 @@
-import { useTemplateRef, computed, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, unref, createVNode, createElementVNode, toDisplayString, withDirectives, vShow, createCommentVNode, createTextVNode, normalizeStyle, isRef, vModelText, withCtx, Fragment, renderList, createBlock, defineComponent } from 'vue';
+import { defineComponent, useTemplateRef, computed, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, unref, createVNode, createElementVNode, toDisplayString, withDirectives, vShow, createCommentVNode, createTextVNode, normalizeStyle, isRef, vModelText, withCtx, Fragment, renderList, createBlock } from 'vue';
 import { ElPopover, ElSlider } from 'element-plus';
 import _sfc_main$1 from '../hyVideoPlayer/cpns/mediaLoading.vue.mjs';
 import { useAudioPlayer } from './js/index.mjs';

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

@@ -1,7 +1,7 @@
 import { ref, computed, nextTick } from 'vue';
 import { ElMessage } from 'element-plus';
-import { useLocale } from '../../../hooks/useLocale.mjs';
 import { useAudioPlayerConfig } from '../../../hooks/useAudioPlayerConfig.mjs';
+import { useLocale } from '../../../hooks/useLocale.mjs';
 import { formatDuration } from '../../../utils/date.mjs';
 
 const useAudioPlayer = (hy) => {

package/es/components/hyButton/button.vue.mjs

@@ -81,13 +81,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     }])
                   },
                   [
-                    !__props.loading ? renderSlot(_ctx.$slots, "svg", {}, () => [
+                    !__props.loading ? renderSlot(_ctx.$slots, "svg", { key: 0 }, () => [
                       __props.svgName ? (openBlock(), createBlock(unref(HyIcon), {
                         key: 0,
                         "svg-name": __props.svgName,
                         "class-name": "!w-3 !h-3 text-main mr-2"
                       }, null, 8, ["svg-name"])) : createCommentVNode("v-if", true)
-                    ], void 0, 0) : (openBlock(), createBlock(unref(ElIcon), {
+                    ]) : (openBlock(), createBlock(unref(ElIcon), {
                       key: 1,
                       color: "rgb(var(--hy-main))",
                       class: "is-loading mr-2"

package/es/components/hyConfirmDialog/confirmDialog.vue.mjs

@@ -1,8 +1,8 @@
 import { defineComponent, useModel, ref, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, createVNode, normalizeClass, toDisplayString, createElementBlock, createTextVNode, createCommentVNode, withModifiers, mergeModels } from 'vue';
 import { ElDialog, ElIcon } from 'element-plus';
 import { Warning, CircleClose } from '@element-plus/icons-vue';
-import { useLocale } from '../../hooks/useLocale.mjs';
 import { HyButton } from '../hyButton/index.mjs';
+import { useLocale } from '../../hooks/useLocale.mjs';
 
 const __default__ = defineComponent({
   name: "HyConfirmDialog"

package/es/components/hyConfirmDialog/confirmMethod.mjs

@@ -1,9 +1,9 @@
 import { unref, createVNode, render } from 'vue';
 import { defaultAxios } from '../../hooks/useApi.mjs';
 import _sfc_main from './confirmDialog.vue.mjs';
-import { useLocale } from '../../hooks/useLocale.mjs';
 import { useGlobalConfig } from '../../hooks/useGlobalConfig.mjs';
 import { HyConfigProvider } from '../hyConfigProvider/index.mjs';
+import { useLocale } from '../../hooks/useLocale.mjs';
 
 function appConfirmMethod(config) {
   let container = document.createDocumentFragment();

package/es/components/hyConfirmDialog/index.mjs

@@ -1,6 +1,6 @@
 import './confirmMethod.mjs';
-import { withInstall } from '../../utils/handler.mjs';
 import _sfc_main from './confirmDialog.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
 
 const HyConfirmDialog = withInstall(_sfc_main);
 

package/es/components/hyCutter/cutter.vue.mjs

@@ -2,9 +2,9 @@ import { defineComponent, useModel, useTemplateRef, ref, computed, openBlock, cr
 import { VueCropper } from 'vue-cropper';
 import { ElUpload, ElImage, ElIcon, ElMessage } from 'element-plus';
 import { User, Delete } from '@element-plus/icons-vue';
-import { useLocale } from '../../hooks/useLocale.mjs';
 import { blobToDataURL, sizeToTextHandler, fileUpload } from '../../utils/file.mjs';
 import { HyDialog } from '../hyDialog/index.mjs';
+import { useLocale } from '../../hooks/useLocale.mjs';
 
 import "vue-cropper/dist/index.css";
 

package/es/components/hyDatePicker/datePicker.vue.mjs

@@ -1,8 +1,8 @@
 import { defineComponent, useTemplateRef, useModel, computed, watch, unref, openBlock, createBlock, mergeProps, mergeModels } from 'vue';
 import { ElDatePicker } from 'element-plus';
-import { useLocale } from '../../hooks/useLocale.mjs';
 import { getDefaultValueFormatByType } from '../../utils/date.mjs';
 import { isArray } from '../../utils/is.mjs';
+import { useLocale } from '../../hooks/useLocale.mjs';
 
 import "./style/datePicker.scss";
 

package/es/components/hyDialog/dialog.vue.mjs

@@ -1,8 +1,8 @@
-import { useModel, ref, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, normalizeClass, createElementBlock, createVNode, mergeModels, defineComponent } from 'vue';
-import { ElDialog, ElIcon } from 'element-plus';
-import { CircleClose } from '@element-plus/icons-vue';
+import { useModel, ref, computed, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, normalizeClass, renderSlot, createElementBlock, createTextVNode, toDisplayString, createCommentVNode, createVNode, mergeModels, defineComponent } from 'vue';
+import { ElDialog } from 'element-plus';
 import { useLocale } from '../../hooks/useLocale.mjs';
 import { HyButton } from '../hyButton/index.mjs';
+import { HyIcon } from '../hyIcon/index.mjs';
 
 import "./style/dialog.scss";
 
@@ -14,6 +14,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     title: { type: String, default: "\u6807\u9898" },
     titleAlign: { type: String, default: "default" },
     // default、center
+    dialogType: {
+      type: String,
+      default: "default"
+      // default-默认类型 right-右侧弹窗 fullscreen-全屏
+    },
+    top: String,
+    showOperate: { type: Boolean, default: true },
     showClose: { type: Boolean, default: true },
     showCancel: {
       type: Boolean,
@@ -51,6 +58,30 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     const { t } = useLocale();
     const visible = useModel(__props, "modelValue");
     const loading = ref(false);
+    const dialogClass = computed(() => {
+      if (["right", "fullscreen"].includes(props.dialogType)) {
+        let value = "h-[calc(100vh-32px)] flex flex-col !my-4 !mr-4";
+        if (props.dialogType === "right") {
+          value += " !ml-auto";
+        } else {
+          value += " !ml-4";
+        }
+        return value;
+      }
+      return "flex flex-col";
+    });
+    const width = computed(() => {
+      if (props.dialogType === "fullscreen") {
+        return "calc(100vw-32px)";
+      }
+      return "37.5rem";
+    });
+    const top = computed(() => {
+      if (["right", "fullscreen"].includes(props.dialogType)) {
+        return "16px";
+      }
+      return props.top;
+    });
     async function onSubmitHandler() {
       if (loading.value) return;
       loading.value = true;
@@ -104,11 +135,19 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       return openBlock(), createBlock(unref(ElDialog), mergeProps({
         modelValue: visible.value,
         "onUpdate:modelValue": ($event) => visible.value = $event,
+        width: width.value,
         "append-to-body": true,
         "close-on-click-modal": false,
         "close-on-press-escape": false,
         "show-close": false,
-        width: "37.5rem"
+        overflow: false,
+        top: top.value,
+        modal: false,
+        "modal-penetrable": "",
+        draggable: "",
+        class: dialogClass.value,
+        "align-center": !["right", "fullscreen"].includes(props.dialogType),
+        "body-class": "h-0 flex-1"
       }, _ctx.$attrs), {
         header: withCtx(() => [
           createElementVNode(
@@ -132,18 +171,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   onClick: onCloseHandler
                 },
                 [
-                  createCommentVNode(' <HyIcon svg-name="close" class="!w-[20px] !h-[20px]" /> '),
-                  createVNode(unref(ElIcon), {
-                    size: "18",
-                    color: "rgb(var(--hy-danger-2))",
-                    class: normalizeClass({ "cursor-not-allowed": loading.value })
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(CircleClose))
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["class"])
+                  createVNode(unref(HyIcon), {
+                    "svg-name": "layout-dialog-close-v2",
+                    class: "!w-[20px] !h-[20px]"
+                  })
                 ],
                 2
                 /* CLASS */
@@ -154,51 +185,70 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           )
         ]),
         default: withCtx(() => [
-          createElementVNode("div", { class: "text-main" }, [
-            createElementVNode("div", { class: "p-6 box-border" }, [
-              renderSlot(_ctx.$slots, "default"),
-              createElementVNode("div", { class: "flex items-center justify-between pt-5" }, [
-                __props.showCancel ? (openBlock(), createBlock(unref(HyButton), {
-                  key: 0,
-                  type: __props.cancelType,
-                  disabled: loading.value,
-                  class: "!min-w-[120px]",
-                  onClick: onCancelHandler
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(
-                      toDisplayString(unref(t)("dialog.cancel")),
-                      1
-                      /* TEXT */
-                    )
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["type", "disabled"])) : createCommentVNode("v-if", true),
-                __props.showSubmit ? (openBlock(), createBlock(unref(HyButton), {
-                  key: 1,
-                  type: __props.submitType,
-                  disabled: loading.value,
-                  class: "!min-w-[120px]",
-                  onClick: onSubmitHandler
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(
-                      toDisplayString(unref(t)("dialog.confirm")),
-                      1
-                      /* TEXT */
-                    )
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(["max-h-full flex flex-col text-main", { "h-full": ["right", "fullscreen"].includes(props.dialogType) }])
+            },
+            [
+              renderSlot(_ctx.$slots, "content", {}, () => [
+                createElementVNode("div", { class: "scroll-body overflow-auto h-0 flex-1 px-6 py-4" }, [
+                  renderSlot(_ctx.$slots, "default")
+                ])
+              ]),
+              __props.showOperate ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "flex items-center flex-row-reverse justify-between p-5 pr-[26px] bg-[rgba(var(--hy-background-2),0.5)] mt-auto"
+              }, [
+                renderSlot(_ctx.$slots, "operate-left-box"),
+                createElementVNode("div", { class: "flex items-center" }, [
+                  renderSlot(_ctx.$slots, "operate", {}, () => [
+                    __props.showCancel ? (openBlock(), createBlock(unref(HyButton), {
+                      key: 0,
+                      type: __props.cancelType,
+                      disabled: loading.value,
+                      class: "!min-w-[120px]",
+                      onClick: onCancelHandler
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(
+                          toDisplayString(unref(t)("dialog.cancel")),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["type", "disabled"])) : createCommentVNode("v-if", true),
+                    __props.showSubmit ? (openBlock(), createBlock(unref(HyButton), {
+                      key: 1,
+                      type: __props.submitType,
+                      disabled: loading.value,
+                      class: "!min-w-[120px]",
+                      onClick: onSubmitHandler
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(
+                          toDisplayString(unref(t)("dialog.confirm")),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["type", "disabled"])) : createCommentVNode("v-if", true)
                   ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["type", "disabled"])) : createCommentVNode("v-if", true)
-              ])
-            ])
-          ])
+                  renderSlot(_ctx.$slots, "operate-right-box")
+                ])
+              ])) : createCommentVNode("v-if", true)
+            ],
+            2
+            /* CLASS */
+          )
         ]),
         _: 3
         /* FORWARDED */
-      }, 16, ["modelValue", "onUpdate:modelValue"]);
+      }, 16, ["modelValue", "onUpdate:modelValue", "width", "top", "class", "align-center"]);
     };
   }
 });

package/es/components/hyForm/cpns/formItem.vue.mjs

@@ -2,14 +2,14 @@ import { computed, unref, openBlock, createBlock, normalizeStyle, withCtx, creat
 import { ElFormItem, ElIcon, ElSelect, ElRadioGroup, ElCheckboxGroup, ElSwitch, ElInputNumber } from 'element-plus';
 import { QuestionFilled } from '@element-plus/icons-vue';
 import { columnShowHandler, columnItemStyle, isRequired, renderText, isDisabled, optionsHandler } from '../js/index.mjs';
-import { isArray } from '../../../utils/is.mjs';
 import { setValueByProp, getValueByProp } from '../../../utils/form.mjs';
-import { funRunHandler } from '../../../utils/handler.mjs';
 import { HyTooltip } from '../../hyTooltip/index.mjs';
 import { HyInput } from '../../hyInput/index.mjs';
 import { HyDatePicker } from '../../hyDatePicker/index.mjs';
 import { HyTimePicker } from '../../hyTimePicker/index.mjs';
 import { HyOrgCascader } from '../../hyOrgCascader/index.mjs';
+import { isArray } from '../../../utils/is.mjs';
+import { funRunHandler } from '../../../utils/handler.mjs';
 
 const _sfc_main = {
   __name: "formItem",
@@ -154,10 +154,11 @@ const _sfc_main = {
             [
               createCommentVNode(" \u81EA\u5B9A\u4E49\u5177\u540D\u63D2\u69FD "),
               __props.column.slot && _ctx.$slots[__props.column.slot] ? renderSlot(_ctx.$slots, __props.column.slot, {
+                key: 0,
                 column: __props.column,
                 model: __props.model,
                 required: unref(isRequired)(props, __props.column)
-              }, void 0, void 0, 0) : __props.column.type === "input" ? (openBlock(), createElementBlock(
+              }) : __props.column.type === "input" ? (openBlock(), createElementBlock(
                 Fragment,
                 { key: 1 },
                 [
@@ -205,6 +206,7 @@ const _sfc_main = {
                     style: { "width": "100%" }
                   }, __props.column.attrs, {
                     disabled: unref(isDisabled)(props, __props.column),
+                    teleported: false,
                     onChange: onChangeHandler
                   }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled"])) : (openBlock(), createBlock(unref(HyDatePicker), mergeProps({
                     key: 1,
@@ -214,6 +216,7 @@ const _sfc_main = {
                     style: { "width": "100%" }
                   }, __props.column.attrs, {
                     disabled: unref(isDisabled)(props, __props.column),
+                    teleported: false,
                     onChange: onChangeHandler
                   }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"]))
                 ],
@@ -234,6 +237,7 @@ const _sfc_main = {
                     style: { "width": "100%" }
                   }, __props.column.attrs, {
                     disabled: unref(isDisabled)(props, __props.column),
+                    teleported: false,
                     onChange: onChangeHandler
                   }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled"])) : (openBlock(), createBlock(unref(HyTimePicker), mergeProps({
                     key: 1,
@@ -243,6 +247,7 @@ const _sfc_main = {
                     style: { "width": "100%" }
                   }, __props.column.attrs, {
                     disabled: unref(isDisabled)(props, __props.column),
+                    teleported: false,
                     onChange: onChangeHandler
                   }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"]))
                 ],

package/es/components/hyForm/js/useAppForm.mjs

@@ -1,7 +1,7 @@
 import { unref, toRef } from 'vue';
+import { genValueByProp } from '../../../utils/form.mjs';
 import { funRunHandler, mergeDeep } from '../../../utils/handler.mjs';
 import { isArray, isObject } from '../../../utils/is.mjs';
-import { genValueByProp } from '../../../utils/form.mjs';
 import { useLocale } from '../../../hooks/useLocale.mjs';
 
 const genDefaultLabel = (config) => {

package/es/components/hyOrgCascader/orgCascader.vue.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, useModel, useTemplateRef, ref, computed, watch, openBlock, createElementBlock, createElementVNode, normalizeStyle, createVNode, unref, renderSlot, toDisplayString, createCommentVNode, createBlock, normalizeClass, mergeModels } from 'vue';
 import { ElCascader } from 'element-plus';
-import { useApi } from '../../hooks/useApi.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
+import { useApi } from '../../hooks/useApi.mjs';
 
 import "./style/orgCascader.scss";
 

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

@@ -92,7 +92,10 @@ const _sfc_main = {
                     }])
                   },
                   [
-                    __props.column.labelSlot && _ctx.$slots[__props.column.labelSlot] ? renderSlot(_ctx.$slots, __props.column.labelSlot, { column: __props.column }, void 0, void 0, 0) : (openBlock(), createElementBlock(
+                    __props.column.labelSlot && _ctx.$slots[__props.column.labelSlot] ? renderSlot(_ctx.$slots, __props.column.labelSlot, {
+                      key: 0,
+                      column: __props.column
+                    }) : (openBlock(), createElementBlock(
                       "span",
                       { key: 1 },
                       toDisplayString(__props.column.label),
@@ -112,7 +115,10 @@ const _sfc_main = {
                   },
                   [
                     createCommentVNode(" \u81EA\u5B9A\u4E49\u5177\u540D\u63D2\u69FD "),
-                    __props.column.slot ? renderSlot(_ctx.$slots, __props.column.slot, { column: __props.column }, void 0, void 0, 0) : __props.column.type === "input" ? (openBlock(), createElementBlock(
+                    __props.column.slot ? renderSlot(_ctx.$slots, __props.column.slot, {
+                      key: 0,
+                      column: __props.column
+                    }) : __props.column.type === "input" ? (openBlock(), createElementBlock(
                       Fragment,
                       { key: 1 },
                       [

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", {}, void 0, void 0, 1);
+      ], 8, ["onClick"])) : renderSlot(_ctx.$slots, "default", { key: 1 });
     };
   }
 };

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

@@ -1,4 +1,4 @@
-import { ref, computed, openBlock, createBlock, unref, withCtx, renderSlot, resolveDynamicComponent, createElementBlock, Fragment, withModifiers, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, renderList, createElementVNode, normalizeClass, createVNode, createCommentVNode } from 'vue';
+import { ref, computed, openBlock, createBlock, unref, withCtx, renderSlot, resolveDynamicComponent, createElementBlock, Fragment, withModifiers, normalizeProps, mergeProps, createTextVNode, toDisplayString, renderList, createElementVNode, normalizeClass, createVNode, createCommentVNode, guardReactiveProps } from 'vue';
 import { ElTableV2, ElCheckbox, ElDropdown, ElIcon, ElDropdownMenu, ElDropdownItem } from 'element-plus';
 import { MoreFilled } from '@element-plus/icons-vue';
 import { operatorFilterHandler, operatorClickHandler, operatorDisabledHandler, operatorDisableTextdHandler, renderContentHandler, renderHeaderHandler } from '../js/index.mjs';
@@ -329,7 +329,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 ? renderSlot(_ctx.$slots, column?.slot, normalizeProps(guardReactiveProps({ column, row, $index, cellIndex })), void 0, void 0, 2) : column.type === "index" ? (openBlock(), createElementBlock(
+          }, null, 8, ["model-value", "indeterminate", "disabled", "onClick"])) : column?.slot ? renderSlot(_ctx.$slots, column?.slot, normalizeProps(mergeProps({ key: 2 }, { column, row, $index, cellIndex }))) : column.type === "index" ? (openBlock(), createElementBlock(
             Fragment,
             { key: 3 },
             [
@@ -546,9 +546,10 @@ const _sfc_main = {
         ]),
         row: withCtx(({ cells, depth, expanded, rowData: row }) => [
           depth > 0 && isExpandTable.value ? renderSlot(_ctx.$slots, expandColumn.value.slot, {
+            key: 0,
             row,
             expanded: expandedMap.value.has(getRowKey(row))
-          }, void 0, void 0, 0) : (openBlock(), createBlock(resolveDynamicComponent(() => cells), { key: 1 }))
+          }) : (openBlock(), createBlock(resolveDynamicComponent(() => cells), { key: 1 }))
         ]),
         empty: withCtx(() => [
           renderSlot(_ctx.$slots, "empty")

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

@@ -1,6 +1,6 @@
 import { ref, computed, watchEffect, unref, nextTick } from 'vue';
 import { ElLoading } from 'element-plus';
-import { isString, isBoolean, isFunction, isArray, isNumber } from '../../../utils/is.mjs';
+import { isString, isBoolean, isFunction, isPermission, isArray, isNumber } from '../../../utils/is.mjs';
 import { useLocale } from '../../../hooks/useLocale.mjs';
 
 function tableColumnShowHandler(column) {
@@ -72,6 +72,9 @@ function tableColumnHandler(columns, cacheKey, searchArr) {
   );
 }
 function operatorShowHandler(operator, scope) {
+  if (operator.permission) {
+    return isPermission(operator.permission);
+  }
   const show = unref(operator.show);
   if (isBoolean(show)) return show;
   if (isFunction(show)) return show(scope);

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

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