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

package/es/ele-drawer/index.js

@@ -1,16 +1,16 @@
 import { defineComponent, ref, computed, unref, onActivated, onDeactivated, resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from "vue";
 import { ElDrawer, ElIcon, drawerEmits } from "element-plus";
-import { useLicense, useLayoutState } from "../ele-config-provider/receiver";
-import { collapseClass, compactClass, maximizedClass, hasTabClass, mixSidebarClass, singleSidebarClass, topLayoutClass, expandedClass, mobileClass } from "../ele-modal/util";
 import { CloseOutlined } from "../icons";
+import ReceiverView from "../ele-config-provider/components/receiver-view";
+import { useLayoutState } from "../ele-config-provider/receiver";
+import { collapseClass, compactClass, maximizedClass, hasTabClass, mixSidebarClass, singleSidebarClass, topLayoutClass, expandedClass, mobileClass } from "../ele-modal/util";
 import { drawerProps } from "./props";
 const _sfc_main = defineComponent({
   name: "EleDrawer",
-  components: { ElDrawer, ElIcon, CloseOutlined },
+  components: { ElDrawer, ElIcon, CloseOutlined, ReceiverView },
   props: drawerProps,
   emits: drawerEmits,
   setup(props, { emit }) {
-    const { authenticated } = useLicense();
     const layoutProvide = useLayoutState();
     const drawerRef = ref(null);
     const isActivated = ref(true);
@@ -66,9 +66,7 @@ const _sfc_main = defineComponent({
       }
     };
     const updateModelValue = (value) => {
-      if (authenticated.value) {
-        emit("update:modelValue", value);
-      }
+      emit("update:modelValue", value);
     };
     const onOpen = () => {
       emit("open");
@@ -111,6 +109,7 @@ const _hoisted_1 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CloseOutlined = resolveComponent("CloseOutlined");
   const _component_ElIcon = resolveComponent("ElIcon");
+  const _component_ReceiverView = resolveComponent("ReceiverView");
   const _component_ElDrawer = resolveComponent("ElDrawer");
   return openBlock(), createBlock(_component_ElDrawer, {
     ref: "drawerRef",
@@ -170,12 +169,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 4)
     ]),
     default: withCtx(() => [
-      createElementVNode("div", {
+      createVNode(_component_ReceiverView, {
+        wrapPosition: false,
         class: "ele-drawer-body",
         style: normalizeStyle(_ctx.bodyStyle)
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 4)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["style"])
     ]),
     _: 2
   }, [

package/es/ele-dropdown/index.js

@@ -1,6 +1,5 @@
 import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, normalizeStyle, createElementBlock, Fragment, renderList, normalizeProps, resolveDynamicComponent, createCommentVNode, toDisplayString } from "vue";
 import { ElDropdown, ElDropdownMenu, ElDropdownItem, ElIcon } from "element-plus";
-import { useLicense } from "../ele-config-provider/receiver";
 import { omit } from "../utils/core";
 import { dropdownProps, dropdownEmits } from "./props";
 const _sfc_main = defineComponent({
@@ -9,7 +8,6 @@ const _sfc_main = defineComponent({
   props: dropdownProps,
   emits: dropdownEmits,
   setup(props, { emit }) {
-    const { authenticated } = useLicense();
     const dropdownRef = ref();
     const rootProps = computed(() => {
       const options = omit(props, [
@@ -21,13 +19,11 @@ const _sfc_main = defineComponent({
         "onClick",
         "onVisibleChange"
       ]);
-      if (authenticated.value) {
-        const classes = ["ele-popper", "ele-dropdown"];
-        if (props.popperClass) {
-          classes.push(props.popperClass);
-        }
-        options.popperClass = classes.join(" ");
+      const classes = ["ele-popper", "ele-dropdown"];
+      if (props.popperClass) {
+        classes.push(props.popperClass);
       }
+      options.popperClass = classes.join(" ");
       return options;
     });
     const selected = computed(() => {
@@ -37,7 +33,7 @@ const _sfc_main = defineComponent({
       return props.items.find((d) => d.command === props.modelValue);
     });
     const updateModelValue = (value) => {
-      if (authenticated.value && value !== props.modelValue) {
+      if (value !== props.modelValue) {
         emit("update:modelValue", value);
         emit("change", value);
       }
@@ -89,8 +85,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElDropdownMenu = resolveComponent("ElDropdownMenu");
   const _component_ElDropdown = resolveComponent("ElDropdown");
   return openBlock(), createBlock(_component_ElDropdown, mergeProps(_ctx.rootProps, {
-    class: "ele-dropdown-text",
     ref: "dropdownRef",
+    class: "ele-dropdown-trigger",
     onClick: _ctx.onBtnClick,
     onCommand: _ctx.onMenuClick,
     onVisibleChange: _ctx.onPopVisibleChange

package/es/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/es/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/es/ele-edit-tag/index.js

@@ -1,7 +1,6 @@
-import { defineComponent, ref, onDeactivated, onActivated, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, normalizeStyle, withCtx, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, renderSlot, vShow, mergeProps } from "vue";
+import { defineComponent, ref, onDeactivated, onActivated, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, normalizeStyle, withCtx, createTextVNode, toDisplayString, createCommentVNode, withDirectives, renderSlot, createVNode, vShow, mergeProps } from "vue";
 import { ElTag, ElInput, ElIcon } from "element-plus";
 import EleTooltip from "../ele-tooltip/index";
-import { useLicense } from "../ele-config-provider/receiver";
 import { PlusOutlined, LoadingOutlined } from "../icons";
 import { editTagProps, editTagEmits } from "./props";
 const _sfc_main = defineComponent({
@@ -17,7 +16,6 @@ const _sfc_main = defineComponent({
   props: editTagProps,
   emits: editTagEmits,
   setup(props, { emit }) {
-    const { authenticated } = useLicense();
     const inputRef = ref(null);
     const isEdit = ref(false);
     const inputValue = ref("");
@@ -51,6 +49,9 @@ const _sfc_main = defineComponent({
       }, 0);
     };
     const onAddClick = () => {
+      if (props.disabled) {
+        return;
+      }
       tooltipVisible.value = false;
       errorMessage.value = "";
       isEdit.value = true;
@@ -59,9 +60,6 @@ const _sfc_main = defineComponent({
       });
     };
     const onTagClose = (index2) => {
-      if (!authenticated.value) {
-        return;
-      }
       if (typeof props.beforeRemove !== "function") {
         removeTag(index2);
         return;
@@ -151,7 +149,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: 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 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.modelValue, (item, index2) => {
@@ -162,7 +162,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: normalizeStyle(_ctx.itemStyle),
         onClose: ($event) => _ctx.onTagClose(index2)
@@ -171,9 +171,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           createTextVNode(toDisplayString(item), 1)
         ]),
         _: 2
-      }, 1032, ["type", "color", "size", "effect", "round", "style", "onClose"]);
+      }, 1032, ["type", "color", "size", "effect", "round", "closable", "style", "onClose"]);
     }), 128)) : createCommentVNode("", true),
-    withDirectives(createVNode(_component_ElTag, {
+    !_ctx.readonly ? withDirectives((openBlock(), createBlock(_component_ElTag, {
+      key: 1,
       type: "info",
       size: _ctx.size,
       round: _ctx.round,
@@ -196,10 +197,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 3
-    }, 8, ["size", "round", "style", "onClick"]), [
+    }, 8, ["size", "round", "style", "onClick"])), [
       [vShow, !_ctx.isEdit]
-    ]),
-    withDirectives(createVNode(_component_ElTag, {
+    ]) : createCommentVNode("", true),
+    !_ctx.readonly ? withDirectives((openBlock(), createBlock(_component_ElTag, {
+      key: 2,
       size: _ctx.size,
       round: _ctx.round,
       disableTransitions: true,
@@ -232,9 +234,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"])), [
       [vShow, _ctx.isEdit]
-    ]),
+    ]) : createCommentVNode("", true),
     createVNode(_component_EleTooltip, mergeProps({
       offset: 7,
       hideAfter: 0,

package/es/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/es/ele-edit-tag/props.js

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

package/es/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/es/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/es/ele-ellipsis/index.js

@@ -1,6 +1,5 @@
 import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, normalizeProps, createCommentVNode } from "vue";
-import { omit, pick, getCurrentStyle } from "../utils/core";
-import { useLicense } from "../ele-config-provider/receiver";
+import { omit, pick, contentIsEllipsis } from "../utils/core";
 import EleTooltip from "../ele-tooltip/index";
 import EleText from "../ele-text/index";
 import { textPropKeys } from "../ele-text/props";
@@ -10,7 +9,6 @@ const _sfc_main = defineComponent({
   components: { EleText, EleTooltip },
   props: ellipsisProps,
   setup(props) {
-    const { authenticated } = useLicense();
     const textRef = ref(null);
     const virtualRef = ref();
     const text = ref("");
@@ -29,7 +27,7 @@ const _sfc_main = defineComponent({
       return omit(opt, ["original"]);
     });
     const multiLine = computed(() => {
-      return authenticated.value && !!(props.maxLine && props.maxLine > 1);
+      return !!(props.maxLine && props.maxLine > 1);
     });
     const textProps = computed(() => {
       return Object.assign({ title: title.value }, pick(props, textPropKeys));
@@ -49,29 +47,8 @@ const _sfc_main = 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 = 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 || !props.tooltip) {
+      if (!props.tooltip) {
         virtualRef.value = void 0;
         return;
       }
@@ -82,7 +59,7 @@ const _sfc_main = defineComponent({
         }
       } else {
         if (target) {
-          const temp = isOverflow(target) ? target.innerText : "";
+          const temp = contentIsEllipsis(target) ? target.innerText : "";
           if (text.value !== temp) {
             text.value = temp;
           }

package/es/ele-file-list/components/file-grid-item.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, toDisplayString, createCommentVNode, createBlock, mergeProps, createSlots, withCtx, renderSlot } from "vue";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, renderSlot, toDisplayString, createCommentVNode, createBlock, mergeProps, createSlots, withCtx } from "vue";
 import EleDropdown from "../../ele-dropdown/index";
 const _sfc_main = defineComponent({
   name: "FileGridItem",
@@ -132,15 +132,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onContextmenu: _cache[0] || (_cache[0] = (...args) => _ctx.onContextmenu && _ctx.onContextmenu(...args))
     }, [
       createElementVNode("div", _hoisted_1, [
-        createElementVNode("img", {
-          src: _ctx.icon,
-          class: normalizeClass({ "ele-file-list-item-image": !!_ctx.item.thumbnail })
-        }, null, 10, _hoisted_2)
+        renderSlot(_ctx.$slots, "icon", {
+          icon: _ctx.icon,
+          item: _ctx.item
+        }, () => [
+          createElementVNode("img", {
+            src: _ctx.icon,
+            class: normalizeClass({ "ele-file-list-item-image": !!_ctx.item.thumbnail })
+          }, null, 10, _hoisted_2)
+        ])
       ]),
-      createElementVNode("div", {
-        title: _ctx.item.name,
-        class: "ele-file-list-item-title"
-      }, toDisplayString(_ctx.item.name), 9, _hoisted_3)
+      renderSlot(_ctx.$slots, "title", { item: _ctx.item }, () => [
+        createElementVNode("div", {
+          title: _ctx.item.name,
+          class: "ele-file-list-item-title"
+        }, toDisplayString(_ctx.item.name), 9, _hoisted_3)
+      ])
     ], 32),
     _ctx.selectable ? (openBlock(), createElementBlock("div", {
       key: 0,

package/es/ele-file-list/components/file-grid.js

@@ -1,8 +1,9 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, createElementVNode, withModifiers, normalizeClass, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, createElementVNode, withModifiers, normalizeClass, toDisplayString, createCommentVNode, Fragment, renderList, createSlots, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import ReceiverView from "../../ele-config-provider/components/receiver-view";
 import FileGridItem from "./file-grid-item";
 const _sfc_main = defineComponent({
   name: "FileGrid",
-  components: { FileGridItem },
+  components: { ReceiverView, FileGridItem },
   props: {
     /** 文件数据 */
     data: Array,
@@ -93,60 +94,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 = resolveComponent("FileGridItem");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    _ctx.selectionType === "checkbox" ? (openBlock(), createElementBlock("div", _hoisted_2, [
-      createElementVNode("div", {
-        class: "ele-file-list-selection",
-        onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onCheckAllChange && _ctx.onCheckAllChange(...args), ["stop"]))
-      }, [
-        createElementVNode("i", {
-          class: normalizeClass([
-            "ele-file-list-checkbox",
-            { "is-checked": _ctx.isCheckAll },
-            { "is-indeterminate": _ctx.isIndeterminate }
-          ])
-        }, null, 2),
-        createElementVNode("div", null, toDisplayString(_ctx.headerText), 1)
+  const _component_ReceiverView = resolveComponent("ReceiverView");
+  return openBlock(), createBlock(_component_ReceiverView, { class: "ele-file-list" }, {
+    default: withCtx(() => [
+      _ctx.selectionType === "checkbox" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: "ele-file-list-selection",
+          onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onCheckAllChange && _ctx.onCheckAllChange(...args), ["stop"]))
+        }, [
+          createElementVNode("i", {
+            class: normalizeClass([
+              "ele-file-list-checkbox",
+              { "is-checked": _ctx.isCheckAll },
+              { "is-indeterminate": _ctx.isIndeterminate }
+            ])
+          }, null, 2),
+          createElementVNode("div", null, toDisplayString(_ctx.headerText), 1)
+        ])
+      ])) : createCommentVNode("", true),
+      createElementVNode("div", _hoisted_2, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item) => {
+          return openBlock(), 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
+          }, createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["item", "selectionType", "selections", "current", "icons", "contextMenus", "contextMenuProps", "onClick", "onCheckChange", "onContextMenu", "onContextOpen"]);
+        }), 128))
       ])
-    ])) : createCommentVNode("", true),
-    createElementVNode("div", _hoisted_3, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item) => {
-        return openBlock(), 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
-        }, createSlots({ _: 2 }, [
-          renderList(Object.keys(_ctx.$slots), (name) => {
-            return {
-              name,
-              fn: withCtx((slotProps) => [
-                renderSlot(_ctx.$slots, name, normalizeProps(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]]);
 export {

package/es/ele-file-list/components/file-table-item.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, createCommentVNode, toDisplayString, renderSlot, Fragment, renderList, normalizeStyle, createTextVNode, createBlock, mergeProps, createSlots, withCtx } from "vue";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, createCommentVNode, renderSlot, toDisplayString, Fragment, renderList, normalizeStyle, createTextVNode, createBlock, mergeProps, createSlots, withCtx } from "vue";
 import EleDropdown from "../../ele-dropdown/index";
 const _sfc_main = defineComponent({
   name: "FileTableItem",
@@ -132,11 +132,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       { "is-checked": _ctx.selected },
       { "is-active": _ctx.dropdownVisible }
     ]),
-    onClick: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
+    onClick: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
   }, [
     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 ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("i", {
@@ -150,16 +150,21 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ])) : createCommentVNode("", true),
       createElementVNode("div", _hoisted_2, [
         createElementVNode("div", _hoisted_3, [
-          createElementVNode("img", {
-            src: _ctx.icon,
-            class: normalizeClass({ "ele-file-list-item-image": !!_ctx.item.thumbnail }),
-            onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-          }, null, 10, _hoisted_4),
-          createElementVNode("div", {
-            title: _ctx.item.name,
-            class: "ele-file-list-item-title",
-            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-          }, toDisplayString(_ctx.item.name), 9, _hoisted_5)
+          renderSlot(_ctx.$slots, "icon", {
+            icon: _ctx.icon,
+            item: _ctx.item
+          }, () => [
+            createElementVNode("img", {
+              src: _ctx.icon,
+              class: normalizeClass({ "ele-file-list-item-image": !!_ctx.item.thumbnail })
+            }, null, 10, _hoisted_4)
+          ]),
+          renderSlot(_ctx.$slots, "title", { item: _ctx.item }, () => [
+            createElementVNode("div", {
+              title: _ctx.item.name,
+              class: "ele-file-list-item-title"
+            }, toDisplayString(_ctx.item.name), 9, _hoisted_5)
+          ])
         ]),
         _ctx.$slots.tool ? (openBlock(), createElementBlock("div", _hoisted_6, [
           renderSlot(_ctx.$slots, "tool", { item: _ctx.item })
@@ -171,7 +176,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           style: normalizeStyle(col.style),
           class: "ele-file-list-item-cell"
         }, [
-          col.slot && _ctx.$slots[col.slot] ? renderSlot(_ctx.$slots, col.slot, {
+          col.slot && !["icon", "title", "tool", "contextMenu"].includes(col.slot) && _ctx.$slots[col.slot] ? renderSlot(_ctx.$slots, col.slot, {
             key: 0,
             item: _ctx.item,
             col
@@ -195,7 +200,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }), createSlots({
       default: withCtx(() => [
         createElementVNode("div", {
-          onClick: _cache[4] || (_cache[4] = withModifiers(() => {
+          onClick: _cache[2] || (_cache[2] = withModifiers(() => {
           }, ["stop"]))
         })
       ]),