ele-admin-plus 1.1.4 → 1.1.5-beta.1

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

@@ -20,7 +20,7 @@
     display: none;
   }
 
-  // 背景
+  /* 背景 */
   .el-tabs__header {
     margin: 0;
     box-sizing: border-box;
@@ -29,7 +29,7 @@
     padding: eleVar('segmented', 'padding');
   }
 
-  // item
+  /* item */
   .el-tabs__item {
     color: eleVar('segmented', 'color');
     height: eleVar('segmented', 'height');
@@ -41,7 +41,7 @@
     z-index: 2;
 
     &:not(.is-disabled):hover {
-      color: eleVar('segmented', 'active-color');
+      color: eleVar('segmented', 'hover-color');
       background: eleVar('segmented', 'hover-bg');
     }
 
@@ -63,7 +63,7 @@
     padding: 0 eleVar('segmented', 'item-padding');
   }
 
-  // 选中背景
+  /* 选中背景 */
   .el-tabs__active-bar {
     $item-padding: eleVar('segmented', 'item-padding');
     padding: 0 $item-padding;
@@ -78,12 +78,12 @@
     top: 0;
   }
 
-  // 宽度撑满
+  /* 宽度撑满 */
   &:not(.is-block) .el-tabs__header {
     display: inline-block;
   }
 
-  // 尺寸控制
+  /* 尺寸控制 */
   &.is-large {
     .el-tabs__header {
       border-radius: eleVar('segmented-large', 'radius');

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

@@ -11,11 +11,11 @@ declare const _default: import("vue").DefineComponent<{
     vertical: BooleanConstructor;
     reverse: BooleanConstructor;
     resizable: BooleanConstructor;
-    flexTable: BooleanConstructor;
+    flexTable: BooleanConstructor; /** 侧边容器节点 */
     responsive: {
         type: BooleanConstructor;
         default: null;
-    };
+    }; /** 侧边节点 */
 }, {
     rootRef: import("vue").Ref<HTMLElement | null>;
     wrapRef: import("vue").Ref<HTMLElement | null>;
@@ -41,11 +41,11 @@ declare const _default: import("vue").DefineComponent<{
     vertical: BooleanConstructor;
     reverse: BooleanConstructor;
     resizable: BooleanConstructor;
-    flexTable: BooleanConstructor;
+    flexTable: BooleanConstructor; /** 侧边容器节点 */
     responsive: {
         type: BooleanConstructor;
         default: null;
-    };
+    }; /** 侧边节点 */
 }>> & {
     "onUpdate:collapse"?: ((_collapse: boolean) => any) | undefined;
 }, {

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

@@ -3,19 +3,33 @@ import type { PropType, ExtractPropTypes } from 'vue';
  * 属性
  */
 export declare const splitPanelProps: {
+    /** 默认大小 */
     size: StringConstructor;
+    /** 最小尺寸 */
     minSize: NumberConstructor;
+    /** 最大尺寸 */
     maxSize: NumberConstructor;
+    /** 间距 */
     space: StringConstructor;
+    /** 自定义样式 */
     customStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 自定义内容样式 */
     bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 是否可折叠 */
     allowCollapse: BooleanConstructor;
+    /** 折叠按钮样式 */
     collapseStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 是否折叠 */
     collapse: BooleanConstructor;
+    /** 是否垂直方向 */
     vertical: BooleanConstructor;
+    /** 是否反向布局 */
     reverse: BooleanConstructor;
+    /** 是否可拉伸宽度 */
     resizable: BooleanConstructor;
+    /** 内部表格弹性布局 */
     flexTable: BooleanConstructor;
+    /** 是否开启响应式 */
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -26,5 +40,6 @@ export type SplitPanelProps = ExtractPropTypes<typeof splitPanelProps>;
  * 事件
  */
 export declare const splitPanelEmits: {
+    /** 更新折叠状态 */
     'update:collapse': (_collapse: boolean) => boolean;
 };

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

@@ -1,40 +1,40 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const splitPanelProps = {
-  // 默认大小
+  /** 默认大小 */
   size: String,
-  // 最小尺寸
+  /** 最小尺寸 */
   minSize: Number,
-  // 最大尺寸
+  /** 最大尺寸 */
   maxSize: Number,
-  // 间距
+  /** 间距 */
   space: String,
-  // 自定义样式
+  /** 自定义样式 */
   customStyle: Object,
-  // 自定义内容样式
+  /** 自定义内容样式 */
   bodyStyle: Object,
-  // 是否可折叠
+  /** 是否可折叠 */
   allowCollapse: Boolean,
-  // 折叠按钮样式
+  /** 折叠按钮样式 */
   collapseStyle: Object,
-  // 是否折叠
+  /** 是否折叠 */
   collapse: Boolean,
-  // 是否垂直方向
+  /** 是否垂直方向 */
   vertical: Boolean,
-  // 是否反向布局
+  /** 是否反向布局 */
   reverse: Boolean,
-  // 是否可拉伸宽度
+  /** 是否可拉伸宽度 */
   resizable: Boolean,
-  // 内部表格弹性布局
+  /** 内部表格弹性布局 */
   flexTable: Boolean,
-  // 是否开启响应式
+  /** 是否开启响应式 */
   responsive: {
     type: Boolean,
     default: null
   }
 };
 const splitPanelEmits = {
-  // 更新折叠状态
+  /** 更新折叠状态 */
   "update:collapse": (_collapse) => true
 };
 exports.splitPanelEmits = splitPanelEmits;

package/lib/ele-split-panel/style/index.scss

@@ -7,7 +7,7 @@
   --ele-split-size: 200px;
   --ele-split-space: 16px;
 
-  // 侧边容器
+  /* 侧边容器 */
   & > .ele-split-panel-wrap {
     flex-shrink: 0;
     box-sizing: border-box;
@@ -17,7 +17,7 @@
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     opacity: 1;
 
-    // 侧边
+    /* 侧边 */
     & > .ele-split-panel-side {
       flex-shrink: 0;
       width: var(--ele-split-size);
@@ -26,14 +26,14 @@
       position: relative;
     }
 
-    // 间距
+    /* 间距 */
     & > .ele-split-panel-space {
       flex-shrink: 0;
       width: var(--ele-split-space);
       box-sizing: border-box;
       position: relative;
 
-      // 拉伸线
+      /* 拉伸线 */
       .ele-split-resize-line {
         width: 12px;
         height: 100%;
@@ -57,7 +57,7 @@
     }
   }
 
-  // 内容
+  /* 内容 */
   & > .ele-split-panel-body {
     flex: 1;
     overflow: auto;
@@ -65,7 +65,7 @@
     position: relative;
   }
 
-  // 折叠按钮
+  /* 折叠按钮 */
   & > .ele-split-collapse-button {
     width: 24px;
     height: 24px;
@@ -96,7 +96,7 @@
     }
   }
 
-  // 折叠状态
+  /* 折叠状态 */
   &.is-collapse {
     & > .ele-split-panel-wrap {
       width: 0 !important;
@@ -113,7 +113,7 @@
     }
   }
 
-  // 垂直
+  /* 垂直 */
   &.is-vertical {
     flex-direction: column;
 
@@ -172,7 +172,7 @@
     }
   }
 
-  // 反向
+  /* 反向 */
   &.is-reverse {
     flex-direction: row-reverse;
 
@@ -237,7 +237,7 @@
     }
   }
 
-  // 拉伸状态
+  /* 拉伸状态 */
   &.is-resizing {
     user-select: none;
 
@@ -247,7 +247,7 @@
     }
   }
 
-  // 遮罩层
+  /* 遮罩层 */
   .ele-split-panel-mask {
     position: absolute;
     top: 0;
@@ -263,7 +263,7 @@
     z-index: 2;
   }
 
-  // 内部表格弹性布局
+  /* 内部表格弹性布局 */
   &.is-flex-table {
     flex: 1;
     overflow: auto;
@@ -331,7 +331,7 @@
       }
     }
 
-    // 反向
+    /* 反向 */
     &.is-reverse {
       & > .ele-split-panel-wrap {
         right: 0;

package/lib/ele-steps/props.d.ts

@@ -4,10 +4,12 @@ import type { StepType, StepItem } from './types';
  * 属性
  */
 export declare const stepsProps: {
+    /** 步骤条数据 */
     items: {
         type: PropType<StepItem[]>;
         required: boolean;
     };
+    /** 类型 */
     type: PropType<StepType>;
     space: import("element-plus/es/utils").EpPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, "", boolean>;
     active: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;

package/lib/ele-steps/props.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const elementPlus = require("element-plus");
 const stepsProps = {
   ...elementPlus.stepsProps,
-  // 步骤条数据
+  /** 步骤条数据 */
   items: {
     type: Array,
     required: true
   },
-  // 类型
+  /** 类型 */
   type: String
 };
 exports.stepsProps = stepsProps;

package/lib/ele-steps/style/css-var.scss

@@ -1,5 +1,6 @@
 @use '../../style/util.scss' as *;
 
+/* 步骤条主题变量 */
 @mixin set-step-var($var) {
   .ele-steps {
     @include set-ele-var('step', $var);

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

@@ -16,7 +16,7 @@
     box-sizing: border-box;
   }
 
-  // 线条
+  /* 线条 */
   .el-step__line {
     background: none;
     border-style: solid;
@@ -29,7 +29,7 @@
     display: none;
   }
 
-  // 图标
+  /* 图标 */
   .el-step__icon {
     width: auto;
     height: auto;
@@ -63,7 +63,7 @@
     }
   }
 
-  // 标题
+  /* 标题 */
   .el-step__title {
     color: eleVar('step', 'color');
     font-size: eleVar('step', 'font-size');
@@ -72,7 +72,7 @@
     padding: 0;
   }
 
-  // 描述
+  /* 描述 */
   .el-step__description {
     color: eleVar('step', 'text-color');
     font-size: eleVar('step', 'text-font-size');
@@ -81,7 +81,7 @@
     padding: 0;
   }
 
-  // 当前步骤
+  /* 当前步骤 */
   .el-step__head.is-process {
     .el-step__icon {
       color: eleVar('step', 'active-icon-bg');
@@ -102,7 +102,7 @@
     color: eleVar('step', 'active-text-color');
   }
 
-  // 完成步骤
+  /* 完成步骤 */
   .el-step__head.is-finish,
   .el-step__head.is-success {
     .el-step__line {
@@ -133,7 +133,7 @@
     color: eleVar('step', 'finish-text-color');
   }
 
-  // 水平
+  /* 水平 */
   &.is-horizontal {
     $space: eleVar('step', 'line-space');
     $icon-size: eleVar('step', 'icon-size');
@@ -160,7 +160,7 @@
     }
   }
 
-  // 垂直
+  /* 垂直 */
   &.is-vertical {
     $space: eleVar('step', 'line-space');
     $icon-size: eleVar('step', 'icon-size');

package/lib/ele-tab-tool/props.d.ts

@@ -3,7 +3,9 @@ import type { ExtractPropTypes } from 'vue';
  * 属性
  */
 export declare const tabToolProps: {
+    /** 是否为模拟页签 */
     tab: BooleanConstructor;
+    /** 为模拟页签时是否选中 */
     active: BooleanConstructor;
 };
 export type TabToolProps = ExtractPropTypes<typeof tabToolProps>;

package/lib/ele-tab-tool/props.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tabToolProps = {
-  // 是否为模拟页签
+  /** 是否为模拟页签 */
   tab: Boolean,
-  // 为模拟页签时是否选中
+  /** 为模拟页签时是否选中 */
   active: Boolean
 };
 exports.tabToolProps = tabToolProps;

package/lib/ele-tab-wrap/props.d.ts

@@ -4,7 +4,9 @@ import type { TabSize, TabType } from '../ele-tabs/types';
  * 属性
  */
 export declare const tabWrapProps: {
+    /** 尺寸 */
     size: PropType<TabSize>;
+    /** 风格类型 */
     type: PropType<TabType>;
 };
 export type TabWrapProps = ExtractPropTypes<typeof tabWrapProps>;

package/lib/ele-tab-wrap/props.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tabWrapProps = {
-  // 尺寸
+  /** 尺寸 */
   size: String,
-  // 风格类型
+  /** 风格类型 */
   type: String
 };
 exports.tabWrapProps = tabWrapProps;

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

@@ -2,12 +2,24 @@ declare const _default: import("vue").DefineComponent<{
     stripe: BooleanConstructor;
     border: BooleanConstructor;
     size: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+    hasHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasFooter: BooleanConstructor;
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     stripe: BooleanConstructor;
     border: BooleanConstructor;
     size: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+    hasHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasFooter: BooleanConstructor;
 }>>, {
     stripe: boolean;
     border: boolean;
+    hasFooter: boolean;
+    hasHeader: boolean;
 }, {}>;
 export default _default;

package/lib/ele-table/index.js

@@ -16,6 +16,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("table", {
     class: vue.normalizeClass([
       "ele-table",
+      { "has-header": _ctx.hasHeader },
+      { "has-footer": _ctx.hasFooter },
       { "is-stripe": _ctx.stripe },
       { "is-border": _ctx.border },
       { "is-large": _ctx.size === "large" },

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

@@ -3,8 +3,18 @@ import type { PropType, ExtractPropTypes } from 'vue';
  * 属性
  */
 export declare const tableProps: {
+    /** 是否为斑马纹 */
     stripe: BooleanConstructor;
+    /** 是否带有纵向边框 */
     border: BooleanConstructor;
+    /** 尺寸 */
     size: PropType<"" | "default" | "small" | "large" | undefined>;
+    /** 是否有表头 */
+    hasHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否有表尾 */
+    hasFooter: BooleanConstructor;
 };
 export type TableProps = ExtractPropTypes<typeof tableProps>;

package/lib/ele-table/props.js

@@ -1,11 +1,18 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tableProps = {
-  // 是否为斑马纹
+  /** 是否为斑马纹 */
   stripe: Boolean,
-  // 是否带有纵向边框
+  /** 是否带有纵向边框 */
   border: Boolean,
-  // 尺寸
-  size: String
+  /** 尺寸 */
+  size: String,
+  /** 是否有表头 */
+  hasHeader: {
+    type: Boolean,
+    default: true
+  },
+  /** 是否有表尾 */
+  hasFooter: Boolean
 };
 exports.tableProps = tableProps;

package/lib/ele-table/style/css-var.scss

@@ -1,5 +1,6 @@
 @use '../../style/util.scss' as *;
 
+/* 静态表格主题变量 */
 @mixin set-table-var($var) {
   .ele-table {
     @include set-ele-var('table', $var);