ele-admin-plus 1.1.9-beta.6 → 1.1.9-beta.8

package/lib/ele-drawer/index.cjs

@@ -1,17 +1,17 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
+const icons = require("../icons");
+const ReceiverView = require("../ele-config-provider/components/receiver-view");
 const receiver = require("../ele-config-provider/receiver");
 const util = require("../ele-modal/util");
-const icons = require("../icons");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleDrawer",
-  components: { ElDrawer: elementPlus.ElDrawer, ElIcon: elementPlus.ElIcon, CloseOutlined: icons.CloseOutlined },
+  components: { ElDrawer: elementPlus.ElDrawer, ElIcon: elementPlus.ElIcon, CloseOutlined: icons.CloseOutlined, ReceiverView },
   props: props.drawerProps,
   emits: elementPlus.drawerEmits,
   setup(props2, { emit }) {
-    const { authenticated } = receiver.useLicense();
     const layoutProvide = receiver.useLayoutState();
     const drawerRef = vue.ref(null);
     const isActivated = vue.ref(true);
@@ -67,9 +67,7 @@ const _sfc_main = vue.defineComponent({
       }
     };
     const updateModelValue = (value) => {
-      if (authenticated.value) {
-        emit("update:modelValue", value);
-      }
+      emit("update:modelValue", value);
     };
     const onOpen = () => {
       emit("open");
@@ -112,6 +110,7 @@ const _hoisted_1 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CloseOutlined = vue.resolveComponent("CloseOutlined");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_ReceiverView = vue.resolveComponent("ReceiverView");
   const _component_ElDrawer = vue.resolveComponent("ElDrawer");
   return vue.openBlock(), vue.createBlock(_component_ElDrawer, {
     ref: "drawerRef",
@@ -171,12 +170,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 4)
     ]),
     default: vue.withCtx(() => [
-      vue.createElementVNode("div", {
+      vue.createVNode(_component_ReceiverView, {
+        wrapPosition: false,
         class: "ele-drawer-body",
         style: vue.normalizeStyle(_ctx.bodyStyle)
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 4)
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["style"])
     ]),
     _: 2
   }, [

package/lib/ele-drawer/index.d.ts

@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<{
     zIndex: {
         readonly type: import("vue").PropType<number>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly validator: ((val: unknown) => boolean) | undefined; /** 关闭抽屉 */
         __epPropKey: true;
     };
     trapFocus: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
@@ -122,7 +122,7 @@ declare const _default: import("vue").DefineComponent<{
     zIndex: {
         readonly type: import("vue").PropType<number>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly validator: ((val: unknown) => boolean) | undefined; /** 关闭抽屉 */
         __epPropKey: true;
     };
     trapFocus: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
@@ -149,11 +149,13 @@ declare const _default: import("vue").DefineComponent<{
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
 }, {
-    size: import("element-plus/es/utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    title: string;
+    direction: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    overflow: boolean;
     center: boolean;
+    size: import("element-plus/es/utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     modelValue: boolean;
     appendTo: string;
-    title: string;
     appendToBody: boolean;
     destroyOnClose: boolean;
     closeOnClickModal: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -166,11 +168,9 @@ declare const _default: import("vue").DefineComponent<{
     headerAriaLevel: string;
     alignCenter: boolean;
     draggable: boolean;
-    overflow: boolean;
     fullscreen: boolean;
     showClose: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     ariaLevel: string;
-    direction: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
     withHeader: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     modalFade: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     inner: boolean;

package/lib/ele-dropdown/index.cjs

@@ -1,7 +1,6 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const receiver = require("../ele-config-provider/receiver");
 const core = require("../utils/core");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
@@ -10,7 +9,6 @@ const _sfc_main = vue.defineComponent({
   props: props.dropdownProps,
   emits: props.dropdownEmits,
   setup(props2, { emit }) {
-    const { authenticated } = receiver.useLicense();
     const dropdownRef = vue.ref();
     const rootProps = vue.computed(() => {
       const options = core.omit(props2, [
@@ -22,13 +20,11 @@ const _sfc_main = vue.defineComponent({
         "onClick",
         "onVisibleChange"
       ]);
-      if (authenticated.value) {
-        const classes = ["ele-popper", "ele-dropdown"];
-        if (props2.popperClass) {
-          classes.push(props2.popperClass);
-        }
-        options.popperClass = classes.join(" ");
+      const classes = ["ele-popper", "ele-dropdown"];
+      if (props2.popperClass) {
+        classes.push(props2.popperClass);
       }
+      options.popperClass = classes.join(" ");
       return options;
     });
     const selected = vue.computed(() => {
@@ -38,7 +34,7 @@ const _sfc_main = vue.defineComponent({
       return props2.items.find((d) => d.command === props2.modelValue);
     });
     const updateModelValue = (value) => {
-      if (authenticated.value && value !== props2.modelValue) {
+      if (value !== props2.modelValue) {
         emit("update:modelValue", value);
         emit("change", value);
       }
@@ -90,8 +86,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElDropdownMenu = vue.resolveComponent("ElDropdownMenu");
   const _component_ElDropdown = vue.resolveComponent("ElDropdown");
   return vue.openBlock(), vue.createBlock(_component_ElDropdown, vue.mergeProps(_ctx.rootProps, {
-    class: "ele-dropdown-text",
     ref: "dropdownRef",
+    class: "ele-dropdown-trigger",
     onClick: _ctx.onBtnClick,
     onCommand: _ctx.onMenuClick,
     onVisibleChange: _ctx.onPopVisibleChange

package/lib/ele-dropdown/style/index.scss

@@ -4,13 +4,13 @@
 
 @include set-dropdown-var($ele);
 
-.el-dropdown.ele-dropdown-text {
+.el-dropdown.ele-dropdown-trigger {
   color: inherit;
   font-size: inherit;
   line-height: inherit;
 }
 
-.ele-dropdown-text > .el-tooltip__trigger {
+.ele-dropdown-trigger > .el-tooltip__trigger {
   outline: none;
 }
 

package/lib/ele-edit-tag/index.cjs

@@ -2,7 +2,6 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const EleTooltip = require("../ele-tooltip/index");
-const receiver = require("../ele-config-provider/receiver");
 const icons = require("../icons");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
@@ -18,7 +17,6 @@ const _sfc_main = vue.defineComponent({
   props: props.editTagProps,
   emits: props.editTagEmits,
   setup(props2, { emit }) {
-    const { authenticated } = receiver.useLicense();
     const inputRef = vue.ref(null);
     const isEdit = vue.ref(false);
     const inputValue = vue.ref("");
@@ -52,6 +50,9 @@ const _sfc_main = vue.defineComponent({
       }, 0);
     };
     const onAddClick = () => {
+      if (props2.disabled) {
+        return;
+      }
       tooltipVisible.value = false;
       errorMessage.value = "";
       isEdit.value = true;
@@ -60,9 +61,6 @@ const _sfc_main = vue.defineComponent({
       });
     };
     const onTagClose = (index2) => {
-      if (!authenticated.value) {
-        return;
-      }
       if (typeof props2.beforeRemove !== "function") {
         removeTag(index2);
         return;
@@ -152,7 +150,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: vue.normalizeClass([
       "ele-edit-tag",
       { "is-large": _ctx.size === "large" },
-      { "is-small": _ctx.size === "small" }
+      { "is-small": _ctx.size === "small" },
+      { "is-disabled": _ctx.disabled },
+      { "is-readonly": _ctx.readonly }
     ])
   }, [
     _ctx.modelValue ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.modelValue, (item, index2) => {
@@ -163,7 +163,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         size: _ctx.size,
         effect: _ctx.effect,
         round: _ctx.round,
-        closable: true,
+        closable: _ctx.readonly || _ctx.disabled ? false : true,
         disableTransitions: true,
         style: vue.normalizeStyle(_ctx.itemStyle),
         onClose: ($event) => _ctx.onTagClose(index2)
@@ -172,9 +172,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           vue.createTextVNode(vue.toDisplayString(item), 1)
         ]),
         _: 2
-      }, 1032, ["type", "color", "size", "effect", "round", "style", "onClose"]);
+      }, 1032, ["type", "color", "size", "effect", "round", "closable", "style", "onClose"]);
     }), 128)) : vue.createCommentVNode("", true),
-    vue.withDirectives(vue.createVNode(_component_ElTag, {
+    !_ctx.readonly ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_ElTag, {
+      key: 1,
       type: "info",
       size: _ctx.size,
       round: _ctx.round,
@@ -197,10 +198,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 3
-    }, 8, ["size", "round", "style", "onClick"]), [
+    }, 8, ["size", "round", "style", "onClick"])), [
       [vue.vShow, !_ctx.isEdit]
-    ]),
-    vue.withDirectives(vue.createVNode(_component_ElTag, {
+    ]) : vue.createCommentVNode("", true),
+    !_ctx.readonly ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_ElTag, {
+      key: 2,
       size: _ctx.size,
       round: _ctx.round,
       disableTransitions: true,
@@ -233,9 +235,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, 8, ["disabled", "modelValue", "style", "onChange", "onBlur", "onFocus"])
       ]),
       _: 1
-    }, 8, ["size", "round", "class", "style"]), [
+    }, 8, ["size", "round", "class", "style"])), [
       [vue.vShow, _ctx.isEdit]
-    ]),
+    ]) : vue.createCommentVNode("", true),
     vue.createVNode(_component_EleTooltip, vue.mergeProps({
       offset: 7,
       hideAfter: 0,

package/lib/ele-edit-tag/index.d.ts

@@ -14,6 +14,8 @@ declare const _default: import("vue").DefineComponent<{
     validator: import("vue").PropType<import("./types").Validator>;
     beforeRemove: import("vue").PropType<import("./types").BeforeRemove>;
     tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
 }, {
     inputRef: import("vue").Ref<ElInputInstance>;
     isEdit: import("vue").Ref<boolean>;
@@ -43,9 +45,13 @@ declare const _default: import("vue").DefineComponent<{
     validator: import("vue").PropType<import("./types").Validator>;
     beforeRemove: import("vue").PropType<import("./types").BeforeRemove>;
     tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
 }>> & {
     "onUpdate:modelValue"?: ((_value?: string[] | undefined) => any) | undefined;
 }, {
+    disabled: boolean;
     round: boolean;
+    readonly: boolean;
 }, {}>;
 export default _default;

package/lib/ele-edit-tag/props.cjs

@@ -28,7 +28,11 @@ const editTagProps = {
   /** 移除校验方法 */
   beforeRemove: Function,
   /** 提示属性 */
-  tooltipProps: Object
+  tooltipProps: Object,
+  /** 是否只读 */
+  readonly: Boolean,
+  /** 是否禁用 */
+  disabled: Boolean
 };
 const editTagEmits = {
   /** 更新数据 */

package/lib/ele-edit-tag/props.d.ts

@@ -32,6 +32,10 @@ export declare const editTagProps: {
     beforeRemove: PropType<BeforeRemove>;
     /** 提示属性 */
     tooltipProps: PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
+    /** 是否只读 */
+    readonly: BooleanConstructor;
+    /** 是否禁用 */
+    disabled: BooleanConstructor;
 };
 export type EditTagProps = ExtractPropTypes<typeof editTagProps>;
 /**

package/lib/ele-edit-tag/style/index.scss

@@ -32,6 +32,19 @@
   opacity: 0.6;
 }
 
+/* 禁用 */
+.ele-edit-tag.is-disabled .ele-edit-tag-add {
+  cursor: not-allowed;
+  color: elVar('disabled', 'text-color');
+  background: elVar('disabled', 'bg-color');
+  border-color: elVar('disabled', 'border-color');
+}
+
+/* 只读 */
+.ele-edit-tag.is-readonly > .el-tag:last-child {
+  margin-right: 0;
+}
+
 /* 输入框 */
 .ele-edit-tag-input {
   &.el-tag {

package/lib/ele-ellipsis/index.cjs

@@ -1,7 +1,6 @@
 "use strict";
 const vue = require("vue");
 const core = require("../utils/core");
-const receiver = require("../ele-config-provider/receiver");
 const EleTooltip = require("../ele-tooltip/index");
 const EleText = require("../ele-text/index");
 const props$1 = require("../ele-text/props");
@@ -11,7 +10,6 @@ const _sfc_main = vue.defineComponent({
   components: { EleText, EleTooltip },
   props: props.ellipsisProps,
   setup(props2) {
-    const { authenticated } = receiver.useLicense();
     const textRef = vue.ref(null);
     const virtualRef = vue.ref();
     const text = vue.ref("");
@@ -30,7 +28,7 @@ const _sfc_main = vue.defineComponent({
       return core.omit(opt, ["original"]);
     });
     const multiLine = vue.computed(() => {
-      return authenticated.value && !!(props2.maxLine && props2.maxLine > 1);
+      return !!(props2.maxLine && props2.maxLine > 1);
     });
     const textProps = vue.computed(() => {
       return Object.assign({ title: title.value }, core.pick(props2, props$1.textPropKeys));
@@ -50,29 +48,8 @@ const _sfc_main = vue.defineComponent({
       }
       return style;
     });
-    const isOverflow = (el) => {
-      if (!el.childNodes.length) {
-        return false;
-      }
-      const range = document.createRange();
-      range.setStart(el, 0);
-      range.setEnd(el, el.childNodes.length);
-      const { width, height } = range.getBoundingClientRect();
-      const floorW = Math.floor(width);
-      const rangeWidth = width - floorW < 1e-3 ? floorW : width;
-      const floorH = Math.floor(height);
-      const rangeHeight = height - floorH < 1e-3 ? floorH : height;
-      const style = core.getCurrentStyle(el);
-      const top = Number.parseInt(style.paddingTop) || 0;
-      const left = Number.parseInt(style.paddingLeft) || 0;
-      const right = Number.parseInt(style.paddingRight) || 0;
-      const bottom = Number.parseInt(style.paddingBottom) || 0;
-      const horizontalPadding = left + right;
-      const verticalPadding = top + bottom;
-      return rangeWidth + horizontalPadding > el.offsetWidth || rangeHeight + verticalPadding > el.offsetHeight || el.scrollWidth > el.offsetWidth;
-    };
     const onHover = (e) => {
-      if (!authenticated.value || !props2.tooltip) {
+      if (!props2.tooltip) {
         virtualRef.value = void 0;
         return;
       }
@@ -83,7 +60,7 @@ const _sfc_main = vue.defineComponent({
         }
       } else {
         if (target) {
-          const temp = isOverflow(target) ? target.innerText : "";
+          const temp = core.contentIsEllipsis(target) ? target.innerText : "";
           if (text.value !== temp) {
             text.value = temp;
           }

package/lib/ele-ellipsis/index.d.ts

@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
     strong: BooleanConstructor;
     italic: BooleanConstructor;
     icon: import("vue").PropType<import("../ele-text/types").TextIcon>;
-    iconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>;
+    iconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>; /** 文本组件 */
     iconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }, {
     textRef: import("vue").Ref<EleTextInstance>;
@@ -50,14 +50,14 @@ declare const _default: import("vue").DefineComponent<{
     strong: BooleanConstructor;
     italic: BooleanConstructor;
     icon: import("vue").PropType<import("../ele-text/types").TextIcon>;
-    iconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>;
+    iconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>; /** 文本组件 */
     iconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }>>, {
+    strong: boolean;
     tag: string;
     tooltip: boolean | EllipsisTooltip;
     underline: boolean;
     italic: boolean;
     deleted: boolean;
-    strong: boolean;
 }, {}>;
 export default _default;

package/lib/ele-file-list/components/file-grid-item.cjs

@@ -133,15 +133,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onContextmenu: _cache[0] || (_cache[0] = (...args) => _ctx.onContextmenu && _ctx.onContextmenu(...args))
     }, [
       vue.createElementVNode("div", _hoisted_1, [
-        vue.createElementVNode("img", {
-          src: _ctx.icon,
-          class: vue.normalizeClass({ "ele-file-list-item-image": !!_ctx.item.thumbnail })
-        }, null, 10, _hoisted_2)
+        vue.renderSlot(_ctx.$slots, "icon", {
+          icon: _ctx.icon,
+          item: _ctx.item
+        }, () => [
+          vue.createElementVNode("img", {
+            src: _ctx.icon,
+            class: vue.normalizeClass({ "ele-file-list-item-image": !!_ctx.item.thumbnail })
+          }, null, 10, _hoisted_2)
+        ])
       ]),
-      vue.createElementVNode("div", {
-        title: _ctx.item.name,
-        class: "ele-file-list-item-title"
-      }, vue.toDisplayString(_ctx.item.name), 9, _hoisted_3)
+      vue.renderSlot(_ctx.$slots, "title", { item: _ctx.item }, () => [
+        vue.createElementVNode("div", {
+          title: _ctx.item.name,
+          class: "ele-file-list-item-title"
+        }, vue.toDisplayString(_ctx.item.name), 9, _hoisted_3)
+      ])
     ], 32),
     _ctx.selectable ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 0,

package/lib/ele-file-list/components/file-grid.cjs

@@ -1,9 +1,10 @@
 "use strict";
 const vue = require("vue");
+const ReceiverView = require("../../ele-config-provider/components/receiver-view");
 const FileGridItem = require("./file-grid-item");
 const _sfc_main = vue.defineComponent({
   name: "FileGrid",
-  components: { FileGridItem },
+  components: { ReceiverView, FileGridItem },
   props: {
     /** 文件数据 */
     data: Array,
@@ -94,60 +95,63 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = { class: "ele-file-list" };
-const _hoisted_2 = {
+const _hoisted_1 = {
   key: 0,
   class: "ele-file-list-header"
 };
-const _hoisted_3 = { class: "ele-file-list-body" };
+const _hoisted_2 = { class: "ele-file-list-body" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_FileGridItem = vue.resolveComponent("FileGridItem");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    _ctx.selectionType === "checkbox" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-      vue.createElementVNode("div", {
-        class: "ele-file-list-selection",
-        onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.onCheckAllChange && _ctx.onCheckAllChange(...args), ["stop"]))
-      }, [
-        vue.createElementVNode("i", {
-          class: vue.normalizeClass([
-            "ele-file-list-checkbox",
-            { "is-checked": _ctx.isCheckAll },
-            { "is-indeterminate": _ctx.isIndeterminate }
-          ])
-        }, null, 2),
-        vue.createElementVNode("div", null, vue.toDisplayString(_ctx.headerText), 1)
+  const _component_ReceiverView = vue.resolveComponent("ReceiverView");
+  return vue.openBlock(), vue.createBlock(_component_ReceiverView, { class: "ele-file-list" }, {
+    default: vue.withCtx(() => [
+      _ctx.selectionType === "checkbox" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", {
+          class: "ele-file-list-selection",
+          onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.onCheckAllChange && _ctx.onCheckAllChange(...args), ["stop"]))
+        }, [
+          vue.createElementVNode("i", {
+            class: vue.normalizeClass([
+              "ele-file-list-checkbox",
+              { "is-checked": _ctx.isCheckAll },
+              { "is-indeterminate": _ctx.isIndeterminate }
+            ])
+          }, null, 2),
+          vue.createElementVNode("div", null, vue.toDisplayString(_ctx.headerText), 1)
+        ])
+      ])) : vue.createCommentVNode("", true),
+      vue.createElementVNode("div", _hoisted_2, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (item) => {
+          return vue.openBlock(), vue.createBlock(_component_FileGridItem, {
+            key: item.key,
+            ref_for: true,
+            ref: "itemRefs",
+            item,
+            selectionType: _ctx.selectionType,
+            selections: _ctx.selections,
+            current: _ctx.current,
+            icons: _ctx.icons,
+            contextMenus: _ctx.getContextMenus(item),
+            contextMenuProps: _ctx.contextMenuProps,
+            onClick: _ctx.onItemClick,
+            onCheckChange: _ctx.onItemCheckChange,
+            onContextMenu: _ctx.onItemContextMenu,
+            onContextOpen: _ctx.onItemContextOpen
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["item", "selectionType", "selections", "current", "icons", "contextMenus", "contextMenuProps", "onClick", "onCheckChange", "onContextMenu", "onContextOpen"]);
+        }), 128))
       ])
-    ])) : vue.createCommentVNode("", true),
-    vue.createElementVNode("div", _hoisted_3, [
-      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (item) => {
-        return vue.openBlock(), vue.createBlock(_component_FileGridItem, {
-          key: item.key,
-          ref_for: true,
-          ref: "itemRefs",
-          item,
-          selectionType: _ctx.selectionType,
-          selections: _ctx.selections,
-          current: _ctx.current,
-          icons: _ctx.icons,
-          contextMenus: _ctx.getContextMenus(item),
-          contextMenuProps: _ctx.contextMenuProps,
-          onClick: _ctx.onItemClick,
-          onCheckChange: _ctx.onItemCheckChange,
-          onContextMenu: _ctx.onItemContextMenu,
-          onContextOpen: _ctx.onItemContextOpen
-        }, vue.createSlots({ _: 2 }, [
-          vue.renderList(Object.keys(_ctx.$slots), (name) => {
-            return {
-              name,
-              fn: vue.withCtx((slotProps) => [
-                vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-              ])
-            };
-          })
-        ]), 1032, ["item", "selectionType", "selections", "current", "icons", "contextMenus", "contextMenuProps", "onClick", "onCheckChange", "onContextMenu", "onContextOpen"]);
-      }), 128))
-    ])
-  ]);
+    ]),
+    _: 3
+  });
 }
 const fileGrid = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = fileGrid;

package/lib/ele-file-list/components/file-table-item.cjs

@@ -133,11 +133,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       { "is-checked": _ctx.selected },
       { "is-active": _ctx.dropdownVisible }
     ]),
-    onClick: _cache[5] || (_cache[5] = vue.withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
+    onClick: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
   }, [
     vue.createElementVNode("div", {
       class: "ele-file-list-item-body",
-      onContextmenu: _cache[3] || (_cache[3] = (...args) => _ctx.onContextmenu && _ctx.onContextmenu(...args))
+      onContextmenu: _cache[1] || (_cache[1] = (...args) => _ctx.onContextmenu && _ctx.onContextmenu(...args))
     }, [
       _ctx.selectable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("i", {
@@ -151,16 +151,21 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ])) : vue.createCommentVNode("", true),
       vue.createElementVNode("div", _hoisted_2, [
         vue.createElementVNode("div", _hoisted_3, [
-          vue.createElementVNode("img", {
-            src: _ctx.icon,
-            class: vue.normalizeClass({ "ele-file-list-item-image": !!_ctx.item.thumbnail }),
-            onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-          }, null, 10, _hoisted_4),
-          vue.createElementVNode("div", {
-            title: _ctx.item.name,
-            class: "ele-file-list-item-title",
-            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-          }, vue.toDisplayString(_ctx.item.name), 9, _hoisted_5)
+          vue.renderSlot(_ctx.$slots, "icon", {
+            icon: _ctx.icon,
+            item: _ctx.item
+          }, () => [
+            vue.createElementVNode("img", {
+              src: _ctx.icon,
+              class: vue.normalizeClass({ "ele-file-list-item-image": !!_ctx.item.thumbnail })
+            }, null, 10, _hoisted_4)
+          ]),
+          vue.renderSlot(_ctx.$slots, "title", { item: _ctx.item }, () => [
+            vue.createElementVNode("div", {
+              title: _ctx.item.name,
+              class: "ele-file-list-item-title"
+            }, vue.toDisplayString(_ctx.item.name), 9, _hoisted_5)
+          ])
         ]),
         _ctx.$slots.tool ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
           vue.renderSlot(_ctx.$slots, "tool", { item: _ctx.item })
@@ -172,7 +177,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           style: vue.normalizeStyle(col.style),
           class: "ele-file-list-item-cell"
         }, [
-          col.slot && _ctx.$slots[col.slot] ? vue.renderSlot(_ctx.$slots, col.slot, {
+          col.slot && !["icon", "title", "tool", "contextMenu"].includes(col.slot) && _ctx.$slots[col.slot] ? vue.renderSlot(_ctx.$slots, col.slot, {
             key: 0,
             item: _ctx.item,
             col
@@ -196,7 +201,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }), vue.createSlots({
       default: vue.withCtx(() => [
         vue.createElementVNode("div", {
-          onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => {
+          onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
           }, ["stop"]))
         })
       ]),