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

package/lib/ele-pro-layout/index.d.ts

@@ -63,17 +63,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     tabStyle: {
         type: import("vue").PropType<import("./types").TabStyle>;
-        default: string; /** 页签数据 */
-    }; /** 页签数据 */
+        default: string;
+    };
     fixedHeader: {
         type: BooleanConstructor;
-        default: boolean;
+        default: boolean; /** 菜单数据 */
     };
     fixedSidebar: BooleanConstructor;
     fixedBody: BooleanConstructor;
     fluid: {
         type: BooleanConstructor;
-        default: boolean; /** 顶栏菜单数据 */
+        default: boolean;
     };
     logoInHeader: BooleanConstructor;
     colorfulIcon: BooleanConstructor;
@@ -83,22 +83,22 @@ declare const _default: import("vue").DefineComponent<{
     };
     expanded: BooleanConstructor;
     compressOnEsc: BooleanConstructor;
+    /** 侧栏一级菜单选中 */
     fixedHome: {
         type: BooleanConstructor;
-        default: boolean;
+        default: boolean; /** 侧栏是否隐藏 */
     };
     homePath: StringConstructor;
     redirectPath: {
-        /** 侧栏是否隐藏 */
         type: StringConstructor;
         default: string;
     };
     locale: StringConstructor;
-    i18n: import("vue").PropType<import("./types").MenuI18n>; /** 页脚是否隐藏 */
-    sidebarOpeneds: import("vue").PropType<string[]>; /** 主页地址 */
+    i18n: import("vue").PropType<import("./types").MenuI18n>;
+    sidebarOpeneds: import("vue").PropType<string[]>;
     tabContextMenu: import("vue").PropType<boolean | import("../ele-app/plus").EleDropdownProps>;
     tabContextMenus: import("vue").PropType<import("../ele-tabs/types").ContextMenus>;
-    tabSortable: BooleanConstructor; /** 水印文本 */
+    tabSortable: BooleanConstructor;
     autoScrollTop: {
         type: BooleanConstructor;
         default: boolean;
@@ -132,6 +132,12 @@ declare const _default: import("vue").DefineComponent<{
     boxTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
     itemTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
     beforeClick: import("vue").PropType<import("./types").BeforeClick>;
+    menuHoverTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    menuTextEllipsisTooltip: BooleanConstructor;
+    menuTextEllipsisTooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     keepAlive: BooleanConstructor;
     transitionName: StringConstructor;
     transitionDelay: {
@@ -142,13 +148,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    menuHoverTimeout: {
-        type: NumberConstructor;
-        default: number;
-    };
 }, {
-    authenticated: Ref<boolean>;
-    watermark: Ref<string[]>;
     contentRef: Ref<HTMLElement | null>;
     levelData: import("vue").ShallowRef<LevelItem[]>;
     tabData: import("vue").ShallowRef<TabItem[]>;
@@ -265,17 +265,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     tabStyle: {
         type: import("vue").PropType<import("./types").TabStyle>;
-        default: string; /** 页签数据 */
-    }; /** 页签数据 */
+        default: string;
+    };
     fixedHeader: {
         type: BooleanConstructor;
-        default: boolean;
+        default: boolean; /** 菜单数据 */
     };
     fixedSidebar: BooleanConstructor;
     fixedBody: BooleanConstructor;
     fluid: {
         type: BooleanConstructor;
-        default: boolean; /** 顶栏菜单数据 */
+        default: boolean;
     };
     logoInHeader: BooleanConstructor;
     colorfulIcon: BooleanConstructor;
@@ -285,22 +285,22 @@ declare const _default: import("vue").DefineComponent<{
     };
     expanded: BooleanConstructor;
     compressOnEsc: BooleanConstructor;
+    /** 侧栏一级菜单选中 */
     fixedHome: {
         type: BooleanConstructor;
-        default: boolean;
+        default: boolean; /** 侧栏是否隐藏 */
     };
     homePath: StringConstructor;
     redirectPath: {
-        /** 侧栏是否隐藏 */
         type: StringConstructor;
         default: string;
     };
     locale: StringConstructor;
-    i18n: import("vue").PropType<import("./types").MenuI18n>; /** 页脚是否隐藏 */
-    sidebarOpeneds: import("vue").PropType<string[]>; /** 主页地址 */
+    i18n: import("vue").PropType<import("./types").MenuI18n>;
+    sidebarOpeneds: import("vue").PropType<string[]>;
     tabContextMenu: import("vue").PropType<boolean | import("../ele-app/plus").EleDropdownProps>;
     tabContextMenus: import("vue").PropType<import("../ele-tabs/types").ContextMenus>;
-    tabSortable: BooleanConstructor; /** 水印文本 */
+    tabSortable: BooleanConstructor;
     autoScrollTop: {
         type: BooleanConstructor;
         default: boolean;
@@ -334,6 +334,12 @@ declare const _default: import("vue").DefineComponent<{
     boxTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
     itemTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
     beforeClick: import("vue").PropType<import("./types").BeforeClick>;
+    menuHoverTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    menuTextEllipsisTooltip: BooleanConstructor;
+    menuTextEllipsisTooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     keepAlive: BooleanConstructor;
     transitionName: StringConstructor;
     transitionDelay: {
@@ -344,10 +350,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    menuHoverTimeout: {
-        type: NumberConstructor;
-        default: number;
-    };
 }>> & {
     onTabClick?: ((_option: TabItemEventOption) => any) | undefined;
     onTabRemove?: ((_option: TabItemEventOption) => any) | undefined;
@@ -370,9 +372,9 @@ declare const _default: import("vue").DefineComponent<{
     breadcrumb: boolean;
     layout: import("./types").Layout;
     transitionDelay: number;
-    maximized: boolean;
-    compact: boolean;
     expanded: boolean;
+    compact: boolean;
+    maximized: boolean;
     tabBar: boolean;
     keepAlive: boolean;
     responsive: boolean;
@@ -403,5 +405,6 @@ declare const _default: import("vue").DefineComponent<{
     sideboxTitleSlot: string;
     sideboxIconSlot: string;
     menuHoverTimeout: number;
+    menuTextEllipsisTooltip: boolean;
 }, {}>;
 export default _default;

package/lib/ele-pro-layout/props.cjs

@@ -181,6 +181,15 @@ const proLayoutProps = {
   itemTrigger: String,
   /** 菜单点击事件前钩子 */
   beforeClick: Function,
+  /** hover模式的菜单切换超时 */
+  menuHoverTimeout: {
+    type: Number,
+    default: 600
+  },
+  /** 是否开启菜单文本溢出提示 */
+  menuTextEllipsisTooltip: Boolean,
+  /** 菜单文本溢出提示属性 */
+  menuTextEllipsisTooltipProps: Object,
   /** 是否支持内链缓存 */
   keepAlive: Boolean,
   /** 内链切换动画 */
@@ -194,11 +203,6 @@ const proLayoutProps = {
   responsive: {
     type: Boolean,
     default: true
-  },
-  /** 菜单切换超时 */
-  menuHoverTimeout: {
-    type: Number,
-    default: 600
   }
 };
 const proLayoutEmits = {

package/lib/ele-pro-layout/props.d.ts

@@ -187,6 +187,15 @@ export declare const proLayoutProps: {
     itemTrigger: PropType<MenuItemTrigger>;
     /** 菜单点击事件前钩子 */
     beforeClick: PropType<BeforeClick>;
+    /** hover模式的菜单切换超时 */
+    menuHoverTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: BooleanConstructor;
+    /** 菜单文本溢出提示属性 */
+    menuTextEllipsisTooltipProps: PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     /** 是否支持内链缓存 */
     keepAlive: BooleanConstructor;
     /** 内链切换动画 */
@@ -201,11 +210,6 @@ export declare const proLayoutProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 菜单切换超时 */
-    menuHoverTimeout: {
-        type: NumberConstructor;
-        default: number;
-    };
 };
 export type ProLayoutProps = ExtractPropTypes<typeof proLayoutProps>;
 /**

package/lib/ele-pro-table/index.cjs

@@ -28,7 +28,6 @@ const _sfc_main = vue.defineComponent({
     const events = util.useEmits(emit);
     const methods = util.useMethods(() => getTableRef());
     const globalProps = receiver.useGlobalProps("table");
-    const { authenticated } = receiver.useLicense();
     const tableState = {
       sorter: props2.defaultSort ?? {},
       filter: util$1.getDefaultFilter(props2.columns),
@@ -123,10 +122,6 @@ const _sfc_main = vue.defineComponent({
       return option;
     });
     const reload = (option, parent, resolve) => {
-      if (!authenticated.value) {
-        errorText.value = receiver.UNAUTHORIZED_TIP;
-        return;
-      }
       if (option) {
         if (option.page) {
           tablePage.value = option.page;

package/lib/ele-pro-table/index.d.ts

@@ -54,7 +54,9 @@ declare const _default: import("vue").DefineComponent<{
     cacheKey: StringConstructor;
     virtual: BooleanConstructor;
     rowHeight: NumberConstructor;
-    locale: import("vue").PropType<Partial<import("./types").TableLocale>>;
+    locale: import("vue").PropType<Partial<import("./types").TableLocale>>; /** 表格组件 */
+    width: (StringConstructor | NumberConstructor)[];
+    height: (StringConstructor | NumberConstructor)[];
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -70,13 +72,11 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    width: (StringConstructor | NumberConstructor)[];
     lazy: BooleanConstructor;
     columns: {
         type: import("vue").PropType<Columns>;
         required: boolean;
     };
-    height: (StringConstructor | NumberConstructor)[];
     scrollbarAlwaysOn: {
         type: BooleanConstructor;
         default: boolean;
@@ -146,6 +146,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     flexible: BooleanConstructor;
+    sticky: BooleanConstructor;
     headerEllipsis: {
         type: BooleanConstructor;
         default: boolean;
@@ -154,7 +155,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    sticky: BooleanConstructor;
     bottomLine: {
         type: BooleanConstructor;
         default: boolean;
@@ -202,13 +202,13 @@ declare const _default: import("vue").DefineComponent<{
     setScrollTop: (top?: number | undefined) => void;
     setScrollLeft: (left?: number | undefined) => void;
     setCurrentRowKey: (key?: import("../ele-data-table/types").DataKey | null | undefined) => void;
-    getCurrentRow: () => DataItem | undefined; /** 当前页码 */
+    getCurrentRow: () => DataItem | undefined;
     setSelectedRows: (rows?: DataItem[] | undefined) => void;
     setSelectedRowKeys: (keys?: import("../ele-data-table/types").DataKey[] | undefined, rows?: DataItem[] | undefined) => void;
-    toggleRowExpansionAll: (expanded?: boolean | undefined) => void;
+    toggleRowExpansionAll: (expanded?: boolean | undefined) => void; /** 数据请求状态 */
     updateSelectedAndChecked: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    done: (_result: DoneParams<DataItem>, _parent?: DataItem | undefined) => boolean; /** 当前页码 */
+    done: (_result: DoneParams<DataItem>, _parent?: DataItem | undefined) => boolean;
     'update:selections': (_selections: DataItem[]) => boolean;
     'update:current': (_current?: DataItem | null | undefined) => boolean;
     columnsChange: (_columns: Columns) => boolean;
@@ -227,10 +227,10 @@ declare const _default: import("vue").DefineComponent<{
     rowContextmenu: (_row: DataItem, _column: import("./types").Column, _e: MouseEvent) => boolean;
     rowDblclick: (_row: DataItem, _column: import("./types").Column, _e: MouseEvent) => boolean;
     headerClick: (_column: import("./types").Column, _e: MouseEvent) => boolean;
-    headerContextmenu: (_column: import("./types").Column, _e: MouseEvent) => boolean; /** 当前页码 */
+    headerContextmenu: (_column: import("./types").Column, _e: MouseEvent) => boolean;
     sortChange: (_sorter: Sorter) => boolean;
     filterChange: (_filter: Filter) => boolean;
-    currentChange: (_current?: DataItem | null | undefined, _old?: DataItem | null | undefined) => boolean;
+    currentChange: (_current?: DataItem | null | undefined, _old?: DataItem | null | undefined) => boolean; /** 数据总数量 */
     headerDragend: (_width: number, _old: number, _column: import("./types").Column, _e: MouseEvent) => boolean;
     expandChange: (_row: DataItem, _expanded: boolean) => boolean;
     'update:currentRowKey': (_currentRowKey?: import("../ele-data-table/types").DataKey | undefined) => boolean;
@@ -287,7 +287,9 @@ declare const _default: import("vue").DefineComponent<{
     cacheKey: StringConstructor;
     virtual: BooleanConstructor;
     rowHeight: NumberConstructor;
-    locale: import("vue").PropType<Partial<import("./types").TableLocale>>;
+    locale: import("vue").PropType<Partial<import("./types").TableLocale>>; /** 表格组件 */
+    width: (StringConstructor | NumberConstructor)[];
+    height: (StringConstructor | NumberConstructor)[];
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -303,13 +305,11 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    width: (StringConstructor | NumberConstructor)[];
     lazy: BooleanConstructor;
     columns: {
         type: import("vue").PropType<Columns>;
         required: boolean;
     };
-    height: (StringConstructor | NumberConstructor)[];
     scrollbarAlwaysOn: {
         type: BooleanConstructor;
         default: boolean;
@@ -379,6 +379,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     flexible: BooleanConstructor;
+    sticky: BooleanConstructor;
     headerEllipsis: {
         type: BooleanConstructor;
         default: boolean;
@@ -387,7 +388,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    sticky: BooleanConstructor;
     bottomLine: {
         type: BooleanConstructor;
         default: boolean;
@@ -447,13 +447,13 @@ declare const _default: import("vue").DefineComponent<{
     } | undefined;
     tableLayout: "auto" | "fixed";
     flexible: boolean;
+    sticky: boolean;
+    toolbar: boolean | import("../ele-app/plus").EleToolbarProps;
     headerEllipsis: boolean;
     slotNormalize: boolean;
-    sticky: boolean;
     bottomLine: boolean;
     emptyProps: import("../ele-data-table/types").TableEmptyProps;
     reserveCurrent: boolean;
-    toolbar: boolean | import("../ele-app/plus").EleToolbarProps;
     loadOnCreated: boolean;
     loadOnChanged: boolean;
     tools: boolean | string[];

package/lib/ele-pro-table/props.d.ts

@@ -82,6 +82,8 @@ export declare const proTableProps: {
     rowHeight: NumberConstructor;
     /** 国际化 */
     locale: PropType<Partial<TableLocale>>;
+    width: (StringConstructor | NumberConstructor)[];
+    height: (StringConstructor | NumberConstructor)[];
     size: {
         readonly type: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -97,13 +99,11 @@ export declare const proTableProps: {
         type: StringConstructor;
         default: string;
     };
-    width: (StringConstructor | NumberConstructor)[];
     lazy: BooleanConstructor;
     columns: {
         type: PropType<Columns>;
         required: boolean;
     };
-    height: (StringConstructor | NumberConstructor)[];
     scrollbarAlwaysOn: {
         type: BooleanConstructor;
         default: boolean;
@@ -173,6 +173,7 @@ export declare const proTableProps: {
         default: string;
     };
     flexible: BooleanConstructor;
+    sticky: BooleanConstructor;
     headerEllipsis: {
         type: BooleanConstructor;
         default: boolean;
@@ -181,7 +182,6 @@ export declare const proTableProps: {
         type: BooleanConstructor;
         default: boolean; /** 自定义请求参数名称 */
     };
-    sticky: BooleanConstructor;
     bottomLine: {
         type: BooleanConstructor;
         default: boolean;

package/lib/ele-segmented/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 props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleSegmented",
@@ -9,10 +8,9 @@ const _sfc_main = vue.defineComponent({
   props: props.segmentedProps,
   emits: props.segmentedEmits,
   setup(props2, { emit }) {
-    const { authenticated } = receiver.useLicense();
     const tabRef = vue.ref(null);
     const onUpdateModelValue = (value) => {
-      if (authenticated.value && props2.modelValue !== value) {
+      if (props2.modelValue !== value) {
         emit("update:modelValue", value);
         emit("change", value);
       }

package/lib/ele-split-panel/index.cjs

@@ -1,16 +1,16 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const receiver = require("../ele-config-provider/receiver");
 const icons = require("../icons");
+const ReceiverView = require("../ele-config-provider/components/receiver-view");
+const receiver = require("../ele-config-provider/receiver");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleSplitPanel",
-  components: { ElIcon: elementPlus.ElIcon, ArrowLeft: icons.ArrowLeft, ArrowUp: icons.ArrowUp },
+  components: { ElIcon: elementPlus.ElIcon, ArrowLeft: icons.ArrowLeft, ArrowUp: icons.ArrowUp, ReceiverView },
   props: props.splitPanelProps,
   emits: props.splitPanelEmits,
   setup(props2, { emit }) {
-    const { authenticated } = receiver.useLicense();
     const isResponsive = receiver.useResponsive(props2);
     const rootRef = vue.ref(null);
     const wrapRef = vue.ref(null);
@@ -19,9 +19,6 @@ const _sfc_main = vue.defineComponent({
     const resizedSize = vue.ref(null);
     const resizing = vue.ref(false);
     const toggleCollapse = (collapse) => {
-      if (!authenticated.value) {
-        return;
-      }
       isCollapse.value = typeof collapse === "boolean" ? collapse : !isCollapse.value;
       emit("update:collapse", isCollapse.value);
     };
@@ -41,9 +38,10 @@ const _sfc_main = vue.defineComponent({
       return Math.min(props2.maxSize, size);
     };
     const onResize = (event) => {
-      const rootEl = rootRef.value;
+      var _a;
+      const rootEl = (_a = rootRef.value) == null ? void 0 : _a.$el;
       const sideEl = sideRef.value;
-      if (!authenticated.value || !rootEl || !sideEl) {
+      if (!rootEl || !sideEl) {
         return;
       }
       resizing.value = true;
@@ -68,7 +66,7 @@ const _sfc_main = vue.defineComponent({
     vue.watch(
       [() => props2.collapse, () => props2.allowCollapse],
       () => {
-        if (!authenticated.value || !props2.allowCollapse) {
+        if (!props2.allowCollapse) {
           isCollapse.value = false;
         } else {
           isCollapse.value = props2.collapse;
@@ -94,8 +92,10 @@ const _sfc_main = vue.defineComponent({
     vue.watch(
       () => props2.maxSize,
       () => {
-        if (resizedSize.value && rootRef.value) {
-          const max = getMaxSize(rootRef.value);
+        var _a;
+        const rootEl = (_a = rootRef.value) == null ? void 0 : _a.$el;
+        if (resizedSize.value && rootEl) {
+          const max = getMaxSize(rootEl);
           if (Number.parseInt(resizedSize.value) > max) {
             resizedSize.value = max + "px";
           }
@@ -132,7 +132,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ArrowUp = vue.resolveComponent("ArrowUp");
   const _component_ArrowLeft = vue.resolveComponent("ArrowLeft");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
-  return vue.openBlock(), vue.createElementBlock("div", {
+  const _component_ReceiverView = vue.resolveComponent("ReceiverView");
+  return vue.openBlock(), vue.createBlock(_component_ReceiverView, {
     ref: "rootRef",
     class: vue.normalizeClass([
       "ele-split-panel",
@@ -147,55 +148,58 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "--ele-split-size": _ctx.resizedSize || _ctx.size,
       "--ele-split-space": _ctx.space
     })
-  }, [
-    vue.createElementVNode("div", _hoisted_1, [
+  }, {
+    default: vue.withCtx(() => [
+      vue.createElementVNode("div", _hoisted_1, [
+        vue.createElementVNode("div", {
+          ref: "sideRef",
+          class: "ele-split-panel-side",
+          style: vue.normalizeStyle(_ctx.customStyle)
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 4),
+        vue.createElementVNode("div", _hoisted_2, [
+          _ctx.resizable ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "ele-split-resize-line",
+            onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.onResize && _ctx.onResize(...args))
+          }, null, 32)) : vue.createCommentVNode("", true)
+        ])
+      ], 512),
       vue.createElementVNode("div", {
-        ref: "sideRef",
-        class: "ele-split-panel-side",
-        style: vue.normalizeStyle(_ctx.customStyle)
+        class: "ele-split-panel-body",
+        style: vue.normalizeStyle(_ctx.bodyStyle)
       }, [
-        vue.renderSlot(_ctx.$slots, "default")
+        vue.renderSlot(_ctx.$slots, "body", { collapse: _ctx.isCollapse })
       ], 4),
-      vue.createElementVNode("div", _hoisted_2, [
-        _ctx.resizable ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: "ele-split-resize-line",
-          onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.onResize && _ctx.onResize(...args))
-        }, null, 32)) : vue.createCommentVNode("", true)
-      ])
-    ], 512),
-    vue.createElementVNode("div", {
-      class: "ele-split-panel-body",
-      style: vue.normalizeStyle(_ctx.bodyStyle)
-    }, [
-      vue.renderSlot(_ctx.$slots, "body", { collapse: _ctx.isCollapse })
-    ], 4),
-    _ctx.allowCollapse ? (vue.openBlock(), vue.createElementBlock("div", {
-      key: 0,
-      style: vue.normalizeStyle(_ctx.collapseStyle),
-      class: "ele-split-collapse-button",
-      onClick: _cache[1] || (_cache[1] = ($event) => _ctx.toggleCollapse())
-    }, [
-      vue.renderSlot(_ctx.$slots, "collapse", { collapse: _ctx.isCollapse }, () => [
-        vue.createVNode(_component_ElIcon, { class: "ele-split-collapse-icon" }, {
-          default: vue.withCtx(() => [
-            _ctx.vertical ? (vue.openBlock(), vue.createBlock(_component_ArrowUp, {
-              key: 0,
-              style: { "margin-top": "-1.25px" }
-            })) : (vue.openBlock(), vue.createBlock(_component_ArrowLeft, {
-              key: 1,
-              style: { "margin-left": "-1.25px" }
-            }))
-          ]),
-          _: 1
-        })
-      ])
-    ], 4)) : vue.createCommentVNode("", true),
-    vue.createElementVNode("div", {
-      class: "ele-split-panel-mask",
-      onClick: _cache[2] || (_cache[2] = ($event) => _ctx.toggleCollapse())
-    })
-  ], 6);
+      _ctx.allowCollapse ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        style: vue.normalizeStyle(_ctx.collapseStyle),
+        class: "ele-split-collapse-button",
+        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.toggleCollapse())
+      }, [
+        vue.renderSlot(_ctx.$slots, "collapse", { collapse: _ctx.isCollapse }, () => [
+          vue.createVNode(_component_ElIcon, { class: "ele-split-collapse-icon" }, {
+            default: vue.withCtx(() => [
+              _ctx.vertical ? (vue.openBlock(), vue.createBlock(_component_ArrowUp, {
+                key: 0,
+                style: { "margin-top": "-1.25px" }
+              })) : (vue.openBlock(), vue.createBlock(_component_ArrowLeft, {
+                key: 1,
+                style: { "margin-left": "-1.25px" }
+              }))
+            ]),
+            _: 1
+          })
+        ])
+      ], 4)) : vue.createCommentVNode("", true),
+      vue.createElementVNode("div", {
+        class: "ele-split-panel-mask",
+        onClick: _cache[2] || (_cache[2] = ($event) => _ctx.toggleCollapse())
+      })
+    ]),
+    _: 3
+  }, 8, ["class", "style"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = index;

package/lib/ele-split-panel/index.d.ts

@@ -1,3 +1,4 @@
+import type { ReceiverViewInstance } from '../ele-app/plus';
 declare const _default: import("vue").DefineComponent<{
     size: StringConstructor;
     minSize: NumberConstructor;
@@ -10,14 +11,14 @@ declare const _default: import("vue").DefineComponent<{
     collapse: BooleanConstructor;
     vertical: BooleanConstructor;
     reverse: BooleanConstructor;
-    resizable: BooleanConstructor;
-    flexTable: BooleanConstructor; /** 侧边容器节点 */
+    resizable: BooleanConstructor; /** 是否开启布局响应 */
+    flexTable: BooleanConstructor;
     responsive: {
         type: BooleanConstructor;
         default: null;
-    }; /** 侧边节点 */
+    };
 }, {
-    rootRef: import("vue").Ref<HTMLElement | null>;
+    rootRef: import("vue").Ref<ReceiverViewInstance>;
     wrapRef: import("vue").Ref<HTMLElement | null>;
     sideRef: import("vue").Ref<HTMLElement | null>;
     isResponsive: import("vue").ComputedRef<boolean>;
@@ -41,18 +42,18 @@ declare const _default: import("vue").DefineComponent<{
     collapse: BooleanConstructor;
     vertical: BooleanConstructor;
     reverse: BooleanConstructor;
-    resizable: BooleanConstructor;
-    flexTable: BooleanConstructor; /** 侧边容器节点 */
+    resizable: BooleanConstructor; /** 是否开启布局响应 */
+    flexTable: BooleanConstructor;
     responsive: {
         type: BooleanConstructor;
         default: null;
-    }; /** 侧边节点 */
+    };
 }>> & {
     "onUpdate:collapse"?: ((_collapse: boolean) => any) | undefined;
 }, {
     reverse: boolean;
-    vertical: boolean;
     collapse: boolean;
+    vertical: boolean;
     resizable: boolean;
     responsive: boolean;
     allowCollapse: boolean;