ele-admin-plus 1.4.1 → 1.5.0-beta.1

package/es/ele-split-panel/props.d.ts

@@ -5,34 +5,42 @@ import { StyleValue } from '../ele-app/types';
  * 属性
  */
 export declare const splitPanelProps: {
-    /** 默认大小 */
-    size: StringConstructor;
-    /** 最小尺寸 */
+    /** 边栏默认尺寸 */
+    size: (StringConstructor | NumberConstructor)[];
+    /** 最小拉伸尺寸 */
     minSize: NumberConstructor;
-    /** 最大尺寸 */
+    /** 最大拉伸尺寸 */
     maxSize: NumberConstructor;
     /** 间距 */
-    space: StringConstructor;
+    space: (StringConstructor | NumberConstructor)[];
     /** 自定义边栏样式 */
     customStyle: PropType<StyleValue>;
     /** 自定义边栏容器样式 */
     customWrapStyle: PropType<StyleValue>;
     /** 自定义内容样式 */
     bodyStyle: PropType<StyleValue>;
-    /** 是否可折叠 */
-    allowCollapse: BooleanConstructor;
+    /** 是否可折叠边栏 */
+    allowCollapse: PropType<boolean | "both">;
     /** 折叠按钮样式 */
     collapseStyle: PropType<StyleValue>;
-    /** 是否折叠 */
-    collapse: BooleanConstructor;
+    /** 折叠按钮折叠时到边缘的距离 */
+    collapseBtnOffset: (StringConstructor | NumberConstructor)[];
+    /** 是否折叠状态 */
+    collapse: PropType<boolean | "body">;
     /** 是否垂直方向 */
     vertical: BooleanConstructor;
     /** 是否反向布局 */
     reverse: BooleanConstructor;
     /** 是否可拉伸宽度 */
     resizable: BooleanConstructor;
+    /** 拉伸宽度是否使用百分比 */
+    percentage: BooleanConstructor;
+    /** 自定义边栏顶部样式 */
+    sideHeaderStyle: PropType<StyleValue>;
+    /** 自定义内容顶栏样式 */
+    bodyHeaderStyle: PropType<StyleValue>;
     /** 内部表格弹性布局 */
-    flexTable: BooleanConstructor;
+    flexTable: PropType<boolean | "auto">;
     /** 是否开启响应式 */
     responsive: {
         type: BooleanConstructor;
@@ -44,6 +52,9 @@ export type SplitPanelProps = ExtractPropTypes<typeof splitPanelProps>;
  * 事件
  */
 export declare const splitPanelEmits: {
-    /** 更新折叠状态 */
-    'update:collapse': (_collapse: boolean) => boolean;
+    /** 更新边栏折叠状态 */
+    'update:collapse': (_collapse: boolean | "body") => boolean;
+    resizeStart: (_size: number) => boolean;
+    resize: (_size: number | undefined, _strSize: string | null) => boolean;
+    resizeEnd: (_size: number | undefined, _strSize: string | null) => boolean;
 };

package/es/ele-split-panel/props.js

@@ -1,32 +1,40 @@
 const splitPanelProps = {
-  /** 默认大小 */
-  size: String,
-  /** 最小尺寸 */
+  /** 边栏默认尺寸 */
+  size: [String, Number],
+  /** 最小拉伸尺寸 */
   minSize: Number,
-  /** 最大尺寸 */
+  /** 最大拉伸尺寸 */
   maxSize: Number,
   /** 间距 */
-  space: String,
+  space: [String, Number],
   /** 自定义边栏样式 */
   customStyle: Object,
   /** 自定义边栏容器样式 */
   customWrapStyle: Object,
   /** 自定义内容样式 */
   bodyStyle: Object,
-  /** 是否可折叠 */
-  allowCollapse: Boolean,
+  /** 是否可折叠边栏 */
+  allowCollapse: [Boolean, String],
   /** 折叠按钮样式 */
   collapseStyle: Object,
-  /** 是否折叠 */
-  collapse: Boolean,
+  /** 折叠按钮折叠时到边缘的距离 */
+  collapseBtnOffset: [String, Number],
+  /** 是否折叠状态 */
+  collapse: [Boolean, String],
   /** 是否垂直方向 */
   vertical: Boolean,
   /** 是否反向布局 */
   reverse: Boolean,
   /** 是否可拉伸宽度 */
   resizable: Boolean,
+  /** 拉伸宽度是否使用百分比 */
+  percentage: Boolean,
+  /** 自定义边栏顶部样式 */
+  sideHeaderStyle: Object,
+  /** 自定义内容顶栏样式 */
+  bodyHeaderStyle: Object,
   /** 内部表格弹性布局 */
-  flexTable: Boolean,
+  flexTable: [Boolean, String],
   /** 是否开启响应式 */
   responsive: {
     type: Boolean,
@@ -34,8 +42,11 @@ const splitPanelProps = {
   }
 };
 const splitPanelEmits = {
-  /** 更新折叠状态 */
-  "update:collapse": (_collapse) => true
+  /** 更新边栏折叠状态 */
+  "update:collapse": (_collapse) => true,
+  resizeStart: (_size) => true,
+  resize: (_size, _strSize) => true,
+  resizeEnd: (_size, _strSize) => true
 };
 export {
   splitPanelEmits,

package/es/ele-split-panel/style/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../style/util.scss' as *;
+
+/* 分割面板主题变量 */
+@mixin set-split-panel-var($var) {
+  .ele-split-panel {
+    @include set-ele-var('split-panel', $var);
+  }
+}