ele-admin-plus 1.5.1-beta.3 → 1.6.0-beta.1

package/es/ele-breadcrumb/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, createBlock, openBlock, unref, withCtx, createElementBlock, Fragment, renderList, renderSlot, createCommentVNode, mergeProps, resolveDynamicComponent, normalizeStyle, toDisplayString } from "vue";
+import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createElementBlock, Fragment, renderList, renderSlot, mergeProps, resolveDynamicComponent, normalizeStyle, createCommentVNode, toDisplayString } from "vue";
 import { ElBreadcrumb, ElBreadcrumbItem, ElIcon } from "element-plus";
 import { breadcrumbProps } from "./props";
 const _hoisted_1 = { key: 1 };

package/es/ele-breadcrumb/props.d.ts

@@ -15,7 +15,7 @@ export declare const breadcrumbProps: {
         required: boolean;
     };
     separatorIcon: {
-        readonly type: PropType<string | import('vue').Component>;
+        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | (((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/es/ele-buttons/components/item-render.d.ts

@@ -1,8 +1,12 @@
 import { PropType } from 'vue';
+import { UserComponent } from '../../ele-app/types';
 import { ElDividerProps } from '../../ele-app/el';
-import { ButtonItem, ButtonItemType, ButtonsLocale } from '../types';
+import { ButtonItem, ButtonsLocale } from '../types';
 
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 按钮数据 */
     item: {
         type: PropType<ButtonItem>;
@@ -11,7 +15,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /** 是否显示分割线 */
     divider: PropType<boolean | ElDividerProps>;
     /** 组件类型 */
-    type: PropType<ButtonItemType>;
+    type: PropType<UserComponent>;
     /** 是否增加包裹类名 */
     wrapClass: BooleanConstructor;
     /** 文案 */
@@ -30,7 +34,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /** 是否显示分割线 */
     divider: PropType<boolean | ElDividerProps>;
     /** 组件类型 */
-    type: PropType<ButtonItemType>;
+    type: PropType<UserComponent>;
     /** 是否增加包裹类名 */
     wrapClass: BooleanConstructor;
     /** 文案 */
@@ -43,4 +47,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     wrapClass: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/ele-buttons/components/item-render.js

@@ -1,9 +1,13 @@
-import { defineComponent, computed, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, unref, mergeProps, withCtx, createElementVNode, toDisplayString, createVNode } from "vue";
+import { defineComponent, computed, watch, onBeforeUnmount, openBlock, createElementBlock, Fragment, createBlock, unref, mergeProps, createCommentVNode, createSlots, withCtx, renderSlot, createElementVNode, toDisplayString, createVNode, renderList, normalizeProps, guardReactiveProps, resolveDynamicComponent } from "vue";
 import { ElDivider, ElLink, ElIcon, ElButton } from "element-plus";
 import { ArrowDown, EyeOutlined, ArrowUp, VerticalAlignMiddleOutlined, ColumnHeightOutlined, DownloadOutlined, UploadOutlined, DeleteOutlined, EditOutlined, PlusOutlined, SyncOutlined, SearchOutlined } from "../../icons/index";
 import { mapTree } from "../../utils/common";
 import { useDropdown } from "../../ele-dropdown-provider/util";
 import { usePopconfirm } from "../../ele-popconfirm-provider/util";
+import { useTooltip } from "../../ele-tooltip-provider/util";
+const dropdownDefaultTrigger = "hover";
+const popconfirmDefaultTrigger = "click";
+const tooltipDefaultTrigger = "hover";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "ItemRender" },
   __name: "item-render",
@@ -16,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     /** 是否显示分割线 */
     divider: [Boolean, Object],
     /** 组件类型 */
-    type: String,
+    type: [String, Object, Function],
     /** 是否增加包裹类名 */
     wrapClass: Boolean,
     /** 文案 */
@@ -61,8 +65,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     ];
     const props = __props;
     const emit = __emit;
-    const dropdown = useDropdown();
-    const popconfirm = usePopconfirm();
+    const dropdownProvider = useDropdown();
+    const popconfirmProvider = usePopconfirm();
+    const tooltipProvider = useTooltip();
+    let virtualTriggerEl;
     const getItemTitle = (item, lang) => {
       if (item.title != null) {
         return item.title;
@@ -81,6 +87,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return presetIcon[item.preset];
     };
+    const componentType = computed(() => {
+      return props.item.type ?? props.type;
+    });
     const title = computed(() => {
       return getItemTitle(props.item, props.lang);
     });
@@ -116,50 +125,154 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       triggerItemClick(command);
     };
     const handleOpenDropdown = (e, item) => {
-      if (!item.dropdownItems || !item.dropdownItems.length || !dropdown || !dropdown.openDropdown) {
+      if (!item.dropdownItems?.length || !dropdownProvider || !dropdownProvider.openDropdown) {
         return;
       }
-      dropdown.openDropdown(
-        e.currentTarget,
+      virtualTriggerEl = e.currentTarget;
+      dropdownProvider.openDropdown(
+        virtualTriggerEl,
         mapTree(item.dropdownItems, (d) => {
           return {
             ...d,
             title: getItemTitle(d, props.lang),
             icon: getItemIcon(d),
-            preset: void 0
+            preset: void 0,
+            permission: void 0,
+            anyPermission: void 0,
+            role: void 0,
+            anyRole: void 0,
+            permissionFilter: void 0,
+            vIf: void 0
           };
         }),
         {
           iconSize: "small",
           onCommand: handleDropdownCommand,
           popperOptions: { strategy: "fixed" },
-          ...item.dropdownProps || {},
-          trigger: "hover"
+          trigger: dropdownDefaultTrigger,
+          ...item.dropdownProps || {}
         }
       );
     };
+    const handleCloseDropdown = (e, el) => {
+      if (dropdownProvider && dropdownProvider.removeDropdown) {
+        const triggerEl = el ?? e?.currentTarget;
+        triggerEl && dropdownProvider.removeDropdown(triggerEl);
+      }
+    };
     const handleOpenPopconfirm = (e, item) => {
       if (!item.popconfirmProps) {
         return;
       }
-      if (!popconfirm || !popconfirm.openPopconfirm) {
+      if (!popconfirmProvider || !popconfirmProvider.openPopconfirm) {
         const onConfirm = item.popconfirmProps.onConfirm;
         onConfirm && onConfirm(e);
         return;
       }
-      popconfirm.openPopconfirm(e.currentTarget, {
+      virtualTriggerEl = e.currentTarget;
+      popconfirmProvider.openPopconfirm(virtualTriggerEl, {
+        popperOptions: { strategy: "fixed" },
+        trigger: popconfirmDefaultTrigger,
+        ...item.popconfirmProps || {}
+      });
+    };
+    const handleClosePopconfirm = (e, el) => {
+      if (popconfirmProvider && popconfirmProvider.removePopconfirm) {
+        const triggerEl = el ?? e?.currentTarget;
+        triggerEl && popconfirmProvider.removePopconfirm(triggerEl);
+      }
+    };
+    const handleOpenTooltip = (e, item) => {
+      if (!item.tooltipProps || !tooltipProvider || !tooltipProvider.showTooltip) {
+        return;
+      }
+      virtualTriggerEl = e.currentTarget;
+      tooltipProvider.showTooltip(virtualTriggerEl, {
         popperOptions: { strategy: "fixed" },
-        ...item.popconfirmProps || {},
-        trigger: "click"
+        placement: "top",
+        trigger: tooltipDefaultTrigger,
+        ...item.tooltipProps || {}
       });
     };
+    const handleCloseTooltip = (e, el) => {
+      if (tooltipProvider && tooltipProvider.removeTooltip) {
+        const triggerEl = el ?? e?.currentTarget;
+        triggerEl && tooltipProvider.removeTooltip(triggerEl);
+      }
+    };
     const handleItemClick = (e, item) => {
-      if (item.popconfirmProps) {
+      if (item.disabled) {
+        handleCloseDropdown(e);
+        handleClosePopconfirm(e);
+        handleCloseTooltip(e);
+        return;
+      }
+      if ((item.dropdownProps?.trigger || dropdownDefaultTrigger) === "click") {
+        handleOpenDropdown(e, item);
+      }
+      if (item.popconfirmProps && (item.popconfirmProps.trigger ?? popconfirmDefaultTrigger) === "click") {
         handleOpenPopconfirm(e, item);
       }
+      if (item.tooltipProps && (item.tooltipProps.trigger ?? tooltipDefaultTrigger) === "click") {
+        handleOpenTooltip(e, item);
+      }
       item.onClick && item.onClick(e);
       triggerItemClick(item.command, e);
     };
+    const handleItemMouseenter = (e, item) => {
+      if (item.disabled) {
+        handleCloseDropdown(e);
+        handleClosePopconfirm(e);
+        handleCloseTooltip(e);
+        return;
+      }
+      if ((item.dropdownProps?.trigger ?? dropdownDefaultTrigger) === "hover") {
+        handleOpenDropdown(e, item);
+      }
+      if (item.popconfirmProps && (item.popconfirmProps.trigger ?? popconfirmDefaultTrigger) === "hover") {
+        handleOpenPopconfirm(e, item);
+      }
+      if (item.tooltipProps && (item.tooltipProps.trigger ?? tooltipDefaultTrigger) === "hover") {
+        handleOpenTooltip(e, item);
+      }
+    };
+    const handleItemContextmenu = (e, item) => {
+      if (item.disabled) {
+        handleCloseDropdown(e);
+        handleClosePopconfirm(e);
+        return;
+      }
+      if ((item.dropdownProps?.trigger ?? dropdownDefaultTrigger) === "contextmenu") {
+        e.preventDefault();
+        handleOpenDropdown(e, item);
+      }
+      if (item.popconfirmProps && (item.popconfirmProps.trigger ?? popconfirmDefaultTrigger) === "contextmenu") {
+        e.preventDefault();
+        handleOpenPopconfirm(e, item);
+      }
+      if (item.tooltipProps && (item.tooltipProps.trigger ?? tooltipDefaultTrigger) === "contextmenu") {
+        e.preventDefault();
+        handleOpenTooltip(e, item);
+      }
+    };
+    watch(
+      () => props.item.disabled,
+      (disabled) => {
+        if (disabled && virtualTriggerEl) {
+          handleCloseDropdown(void 0, virtualTriggerEl);
+          handleClosePopconfirm(void 0, virtualTriggerEl);
+          handleCloseTooltip(void 0, virtualTriggerEl);
+        }
+      }
+    );
+    onBeforeUnmount(() => {
+      if (virtualTriggerEl) {
+        handleCloseDropdown(void 0, virtualTriggerEl);
+        handleClosePopconfirm(void 0, virtualTriggerEl);
+        handleCloseTooltip(void 0, virtualTriggerEl);
+        virtualTriggerEl = void 0;
+      }
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         __props.divider ? (openBlock(), createBlock(unref(ElDivider), mergeProps({
@@ -167,58 +280,113 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           direction: "vertical",
           class: "ele-buttons-divider"
         }, typeof __props.divider === "object" ? __props.divider : {}), null, 16)) : createCommentVNode("", true),
-        (__props.item.type ?? __props.type) === "link" ? (openBlock(), createBlock(unref(ElLink), mergeProps({
+        componentType.value === "link" ? (openBlock(), createBlock(unref(ElLink), mergeProps({
           key: 1,
           underline: "never",
           type: linkType.value,
           icon: icon.value,
+          disabled: __props.item.disabled,
           class: ["ele-buttons-item ele-buttons-link", {
             "ele-buttons-icon-link": !!icon.value,
             "ele-buttons-wrap": __props.wrapClass
           }]
         }, __props.item.props || {}, {
           onClick: _cache[0] || (_cache[0] = (e) => handleItemClick(e, __props.item)),
-          onMouseenter: _cache[1] || (_cache[1] = (e) => handleOpenDropdown(e, __props.item))
-        }), {
+          onMouseenter: _cache[1] || (_cache[1] = (e) => handleItemMouseenter(e, __props.item)),
+          onContextmenu: _cache[2] || (_cache[2] = (e) => handleItemContextmenu(e, __props.item))
+        }), createSlots({
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createElementVNode("span", null, toDisplayString(title.value), 1)
+            ]),
+            __props.item.dropdownItems && __props.item.dropdownItems.length && __props.item.dropdownArrowProps !== false ? (openBlock(), createBlock(unref(ElIcon), mergeProps(
+              { key: 0 },
+              (__props.item.dropdownArrowProps === true ? void 0 : __props.item.dropdownArrowProps) || {},
+              { class: "ele-buttons-arrow" }
+            ), {
+              default: withCtx(() => [
+                createVNode(unref(ArrowDown))
+              ]),
+              _: 1
+            }, 16)) : createCommentVNode("", true)
+          ]),
+          _: 2
+        }, [
+          renderList(Object.keys(_ctx.$slots).filter((k) => k !== "default"), (name) => {
+            return {
+              name,
+              fn: withCtx((slotProps) => [
+                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+              ])
+            };
+          })
+        ]), 1040, ["type", "icon", "disabled", "class"])) : componentType.value && componentType.value !== "button" ? (openBlock(), createBlock(resolveDynamicComponent(componentType.value), mergeProps({ key: 2 }, __props.item.props || {}, {
+          onClick: _cache[3] || (_cache[3] = (e) => handleItemClick(e, __props.item)),
+          onMouseenter: _cache[4] || (_cache[4] = (e) => handleItemMouseenter(e, __props.item)),
+          onContextmenu: _cache[5] || (_cache[5] = (e) => handleItemContextmenu(e, __props.item))
+        }), createSlots({
           default: withCtx(() => [
-            createElementVNode("span", null, toDisplayString(title.value), 1),
-            __props.item.dropdownItems && __props.item.dropdownItems.length ? (openBlock(), createBlock(unref(ElIcon), {
-              key: 0,
-              class: "ele-buttons-arrow"
-            }, {
+            __props.item.dropdownItems && __props.item.dropdownItems.length && __props.item.dropdownArrowProps !== false ? (openBlock(), createBlock(unref(ElIcon), mergeProps(
+              { key: 0 },
+              (__props.item.dropdownArrowProps === true ? void 0 : __props.item.dropdownArrowProps) || {},
+              { class: "ele-buttons-arrow" }
+            ), {
               default: withCtx(() => [
                 createVNode(unref(ArrowDown))
               ]),
               _: 1
-            })) : createCommentVNode("", true)
+            }, 16)) : createCommentVNode("", true)
           ]),
-          _: 1
-        }, 16, ["type", "icon", "class"])) : (openBlock(), createBlock(unref(ElButton), mergeProps({
-          key: 2,
+          _: 2
+        }, [
+          renderList(Object.keys(_ctx.$slots), (name) => {
+            return {
+              name,
+              fn: withCtx((slotProps) => [
+                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+              ])
+            };
+          })
+        ]), 1040)) : (openBlock(), createBlock(unref(ElButton), mergeProps({
+          key: 3,
           type: btnType.value,
           icon: icon.value,
+          disabled: __props.item.disabled,
           class: ["ele-buttons-item ele-buttons-btn", {
             "ele-buttons-icon-btn": !!icon.value,
             "ele-buttons-wrap": __props.wrapClass
           }]
         }, __props.item.props || {}, {
-          onClick: _cache[2] || (_cache[2] = (e) => handleItemClick(e, __props.item)),
-          onMouseenter: _cache[3] || (_cache[3] = (e) => handleOpenDropdown(e, __props.item))
-        }), {
+          onClick: _cache[6] || (_cache[6] = (e) => handleItemClick(e, __props.item)),
+          onMouseenter: _cache[7] || (_cache[7] = (e) => handleItemMouseenter(e, __props.item)),
+          onContextmenu: _cache[8] || (_cache[8] = (e) => handleItemContextmenu(e, __props.item))
+        }), createSlots({
           default: withCtx(() => [
-            createElementVNode("span", null, toDisplayString(title.value), 1),
-            __props.item.dropdownItems && __props.item.dropdownItems.length ? (openBlock(), createBlock(unref(ElIcon), {
-              key: 0,
-              class: "ele-buttons-arrow"
-            }, {
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createElementVNode("span", null, toDisplayString(title.value), 1)
+            ]),
+            __props.item.dropdownItems && __props.item.dropdownItems.length && __props.item.dropdownArrowProps !== false ? (openBlock(), createBlock(unref(ElIcon), mergeProps(
+              { key: 0 },
+              (__props.item.dropdownArrowProps === true ? void 0 : __props.item.dropdownArrowProps) || {},
+              { class: "ele-buttons-arrow" }
+            ), {
               default: withCtx(() => [
                 createVNode(unref(ArrowDown))
               ]),
               _: 1
-            })) : createCommentVNode("", true)
+            }, 16)) : createCommentVNode("", true)
           ]),
-          _: 1
-        }, 16, ["type", "icon", "class"]))
+          _: 2
+        }, [
+          renderList(Object.keys(_ctx.$slots).filter((k) => k !== "default"), (name) => {
+            return {
+              name,
+              fn: withCtx((slotProps) => [
+                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+              ])
+            };
+          })
+        ]), 1040, ["type", "icon", "disabled", "class"]))
       ], 64);
     };
   }

package/es/ele-buttons/index.d.ts

@@ -1,10 +1,7 @@
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     items: import('vue').PropType<import('./types').ButtonItem[]>;
     divider: import('vue').PropType<boolean | import('../ele-app/el').ElDividerProps>;
-    type: import('vue').PropType<import('./types').ButtonItemType>;
+    type: import('vue').PropType<import('../ele-app/types').UserComponent>;
     gap: {
         type: (NumberConstructor | BooleanConstructor)[];
         default: null;
@@ -15,12 +12,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     modalFooter: BooleanConstructor;
     locale: import('vue').PropType<Partial<import('./types').ButtonsLocale>>;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    itemClick: (_command: any, _e?: MouseEvent | undefined) => void;
+    permissionFilter: import('vue').PropType<import('./types').ButtonItemPermissionFilter>;
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    itemClick: (_command: any, _e?: MouseEvent) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     items: import('vue').PropType<import('./types').ButtonItem[]>;
     divider: import('vue').PropType<boolean | import('../ele-app/el').ElDividerProps>;
-    type: import('vue').PropType<import('./types').ButtonItemType>;
+    type: import('vue').PropType<import('../ele-app/types').UserComponent>;
     gap: {
         type: (NumberConstructor | BooleanConstructor)[];
         default: null;
@@ -31,6 +29,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     modalFooter: BooleanConstructor;
     locale: import('vue').PropType<Partial<import('./types').ButtonsLocale>>;
+    permissionFilter: import('vue').PropType<import('./types').ButtonItemPermissionFilter>;
 }>> & Readonly<{
     onItemClick?: ((_command: any, _e?: MouseEvent | undefined) => any) | undefined;
 }>, {
@@ -38,10 +37,4 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     wrap: boolean;
     modalFooter: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/es/ele-buttons/index.js

@@ -1,58 +1,69 @@
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, Fragment, renderList, createBlock, unref } from "vue";
+import { defineComponent, createVNode, isVNode } from "vue";
 import { useLocale } from "../ele-config-provider/receiver";
 import ItemRender from "./components/item-render";
 import { buttonsEmits, buttonsProps } from "./props";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "EleButtons" },
-  __name: "index",
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const index = /* @__PURE__ */ defineComponent({
+  name: "EleButtons",
   props: buttonsProps,
   emits: buttonsEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { lang } = useLocale("buttons", props);
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      lang
+    } = useLocale("buttons", props);
     const handleItemClick = (command, e) => {
       emit("itemClick", command, e);
     };
-    return (_ctx, _cache) => {
-      return _ctx.gap != null || _ctx.wrap != null || _ctx.modalFooter ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(["ele-buttons-wrap ele-buttons", {
-          "is-nowrap": _ctx.wrap === false,
-          "is-gap": _ctx.gap != null,
-          "is-modal-footer": _ctx.modalFooter
-        }]),
-        style: normalizeStyle(_ctx.gap == null || _ctx.gap === true ? {} : { gap: `${_ctx.gap || 0}px` })
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
-          return openBlock(), createBlock(ItemRender, {
-            key: item.key ?? item.command ?? item.title ?? item.preset,
-            item,
-            divider: index === 0 ? false : _ctx.divider,
-            type: _ctx.type,
-            wrapClass: false,
-            lang: unref(lang),
-            onItemClick: handleItemClick
-          }, null, 8, ["item", "divider", "type", "lang"]);
-        }), 128)),
-        renderSlot(_ctx.$slots, "default")
-      ], 6)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
-          return openBlock(), createBlock(ItemRender, {
-            key: item.key ?? item.command ?? item.title ?? item.preset,
-            item,
-            divider: index === 0 ? false : _ctx.divider,
-            type: _ctx.type,
-            wrapClass: true,
-            lang: unref(lang),
-            onItemClick: handleItemClick
-          }, null, 8, ["item", "divider", "type", "lang"]);
-        }), 128)),
-        renderSlot(_ctx.$slots, "default")
-      ], 64));
+    const getItemSlots = (itemSlots) => {
+      const slotObj = {};
+      if (!itemSlots) {
+        return slotObj;
+      }
+      Object.keys(itemSlots).forEach((key) => {
+        const slot = itemSlots[key];
+        if (slot) {
+          if (typeof slot === "function") {
+            slotObj[key] = slot;
+          } else if (typeof slot === "string") {
+            slotObj[key] = slots[slot];
+          }
+        }
+      });
+      return slotObj;
     };
+    const renderItems = (wrapClass) => {
+      return (props.items || []).map((item, index2) => {
+        let _slot;
+        return createVNode(ItemRender, {
+          "key": item.key ?? item.command ?? item.title ?? item.preset,
+          "item": item,
+          "divider": index2 === 0 ? false : props.divider,
+          "type": props.type,
+          "wrapClass": wrapClass,
+          "lang": lang.value,
+          "onItemClick": handleItemClick
+        }, _isSlot(_slot = getItemSlots(item.slots)) ? _slot : {
+          default: () => [_slot]
+        });
+      });
+    };
+    return () => props.gap != null || props.wrap != null || props.modalFooter ? createVNode("div", {
+      "class": ["ele-buttons-wrap ele-buttons", {
+        "is-nowrap": props.wrap === false,
+        "is-gap": props.gap != null,
+        "is-modal-footer": props.modalFooter
+      }],
+      "style": props.gap == null || props.gap === true ? {} : {
+        gap: `${props.gap || 0}px`
+      }
+    }, [renderItems(false), slots.default?.()]) : [renderItems(true), slots.default?.()];
   }
 });
 export {
-  _sfc_main as default
+  index as default
 };

package/es/ele-buttons/props.d.ts

@@ -1,6 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { UserComponent } from '../ele-app/types';
 import { ElDividerProps } from '../ele-app/el';
-import { ButtonItem, ButtonItemType, ButtonsLocale } from './types';
+import { ButtonItem, ButtonsLocale, ButtonItemPermissionFilter } from './types';
 
 /**
  * 属性
@@ -11,7 +12,7 @@ export declare const buttonsProps: {
     /** 是否显示分割线 */
     divider: PropType<boolean | ElDividerProps>;
     /** 组件类型 */
-    type: PropType<ButtonItemType>;
+    type: PropType<UserComponent>;
     /** 间距 */
     gap: {
         type: (BooleanConstructor | NumberConstructor)[];
@@ -26,6 +27,8 @@ export declare const buttonsProps: {
     modalFooter: BooleanConstructor;
     /** 国际化 */
     locale: PropType<Partial<ButtonsLocale>>;
+    /** 权限过滤方式 */
+    permissionFilter: PropType<ButtonItemPermissionFilter>;
 };
 export type ButtonsProps = ExtractPropTypes<typeof buttonsProps>;
 /**

package/es/ele-buttons/props.js

@@ -4,7 +4,7 @@ const buttonsProps = {
   /** 是否显示分割线 */
   divider: [Boolean, Object],
   /** 组件类型 */
-  type: String,
+  type: [String, Object, Function],
   /** 间距 */
   gap: {
     type: [Boolean, Number],
@@ -18,7 +18,9 @@ const buttonsProps = {
   /** 是否是弹窗底栏 */
   modalFooter: Boolean,
   /** 国际化 */
-  locale: Object
+  locale: Object,
+  /** 权限过滤方式 */
+  permissionFilter: String
 };
 const buttonsEmits = {
   itemClick: (_command, _e) => true