ele-admin-plus 1.0.2 → 1.1.0

package/es/ele-qr-code/index.d.ts

@@ -1,5 +1,5 @@
-import type { CSSProperties } from 'vue';
-declare const _sfc_main: import("vue").DefineComponent<{
+import type { StyleValues } from '../ele-app/types';
+declare const _default: import("vue").DefineComponent<{
     value: StringConstructor;
     size: {
         type: NumberConstructor;
@@ -22,12 +22,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: number;
     };
     imageSettings: import("vue").PropType<import("./types").ImageSettings>;
-    customStyle: import("vue").PropType<CSSProperties>;
+    customStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
 }, {
     canvasRef: import("vue").Ref<HTMLCanvasElement | null>;
     imageRef: import("vue").Ref<HTMLImageElement | null>;
     imageSrc: import("vue").ComputedRef<string | undefined>;
-    canvasStyle: import("vue").ComputedRef<CSSProperties>;
+    canvasStyle: import("vue").ComputedRef<StyleValues>;
     render: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     done: () => boolean;
@@ -54,7 +54,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: number;
     };
     imageSettings: import("vue").PropType<import("./types").ImageSettings>;
-    customStyle: import("vue").PropType<CSSProperties>;
+    customStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
 }>> & {
     onDone?: (() => any) | undefined;
 }, {
@@ -64,4 +64,4 @@ declare const _sfc_main: import("vue").DefineComponent<{
     fgColor: string;
     margin: number;
 }, {}>;
-export default _sfc_main;
+export default _default;

package/es/ele-qr-code/index.js

@@ -16,11 +16,16 @@ const _sfc_main = defineComponent({
       }
     );
     const canvasStyle = computed(() => {
-      return {
-        height: `${props.size}px`,
-        width: `${props.size}px`,
-        ...props.customStyle
-      };
+      const styles = [
+        {
+          height: `${props.size}px`,
+          width: `${props.size}px`
+        }
+      ];
+      if (props.customStyle != null) {
+        styles.push(props.customStyle);
+      }
+      return styles;
     });
     const render = () => {
       const { value, size, level, bgColor, fgColor, margin, imageSettings } = props;

package/es/ele-qr-code/props.d.ts

@@ -1,4 +1,5 @@
-import type { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { StyleValue } from '../ele-app/types';
 import type { Level, ImageSettings } from './types';
 /**
  * 属性
@@ -26,7 +27,7 @@ export declare const qrCodeProps: {
         default: number;
     };
     imageSettings: PropType<ImageSettings>;
-    customStyle: PropType<CSSProperties>;
+    customStyle: PropType<StyleValue>;
 };
 export type QrCodeProps = ExtractPropTypes<typeof qrCodeProps>;
 /**

package/es/ele-qr-code/qrcodegen.js

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 var qrcodegen;
 ((qrcodegen2) => {
-  const _QrCode = class {
+  const _QrCode = class _QrCode {
     /*-- Constructor (low level) and fields --*/
     // Creates a new QR Code with the given version number,
     // error correction level, data codeword bytes, and mask number.
@@ -516,18 +516,17 @@ var qrcodegen;
       runHistory.unshift(currentRunLength);
     }
   };
-  let QrCode = _QrCode;
   /*-- Constants and tables --*/
   // The minimum version number supported in the QR Code Model 2 standard.
-  __publicField(QrCode, "MIN_VERSION", 1);
+  __publicField(_QrCode, "MIN_VERSION", 1);
   // The maximum version number supported in the QR Code Model 2 standard.
-  __publicField(QrCode, "MAX_VERSION", 40);
+  __publicField(_QrCode, "MAX_VERSION", 40);
   // For use in getPenaltyScore(), when evaluating which mask is best.
-  __publicField(QrCode, "PENALTY_N1", 3);
-  __publicField(QrCode, "PENALTY_N2", 3);
-  __publicField(QrCode, "PENALTY_N3", 40);
-  __publicField(QrCode, "PENALTY_N4", 10);
-  __publicField(QrCode, "ECC_CODEWORDS_PER_BLOCK", [
+  __publicField(_QrCode, "PENALTY_N1", 3);
+  __publicField(_QrCode, "PENALTY_N2", 3);
+  __publicField(_QrCode, "PENALTY_N3", 40);
+  __publicField(_QrCode, "PENALTY_N4", 10);
+  __publicField(_QrCode, "ECC_CODEWORDS_PER_BLOCK", [
     // Version: (note that index 0 is for padding, and is set to an illegal value)
     //0,  1,  2,  3,  4,  5,  6,  7,  8,  9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40    Error correction level
     [
@@ -707,7 +706,7 @@ var qrcodegen;
     ]
     // High
   ]);
-  __publicField(QrCode, "NUM_ERROR_CORRECTION_BLOCKS", [
+  __publicField(_QrCode, "NUM_ERROR_CORRECTION_BLOCKS", [
     // Version: (note that index 0 is for padding, and is set to an illegal value)
     //0, 1, 2, 3, 4, 5, 6, 7, 8, 9,10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40    Error correction level
     [
@@ -887,6 +886,7 @@ var qrcodegen;
     ]
     // High
   ]);
+  let QrCode = _QrCode;
   qrcodegen2.QrCode = QrCode;
   function appendBits(val, len, bb) {
     if (len < 0 || len > 31 || val >>> len != 0)
@@ -901,7 +901,7 @@ var qrcodegen;
     if (!cond)
       throw "Assertion error";
   }
-  const _QrSegment = class {
+  const _QrSegment = class _QrSegment {
     /*-- Constructor (low level) and fields --*/
     // Creates a new QR Code segment with the given attributes and data.
     // The character count (numChars) must agree with the mode and the bit buffer length,
@@ -1030,20 +1030,20 @@ var qrcodegen;
       return result;
     }
   };
-  let QrSegment = _QrSegment;
   /*-- Constants --*/
   // Describes precisely all strings that are encodable in numeric mode.
-  __publicField(QrSegment, "NUMERIC_REGEX", /^[0-9]*$/);
+  __publicField(_QrSegment, "NUMERIC_REGEX", /^[0-9]*$/);
   // Describes precisely all strings that are encodable in alphanumeric mode.
-  __publicField(QrSegment, "ALPHANUMERIC_REGEX", /^[A-Z0-9 $%*+.\/:-]*$/);
+  __publicField(_QrSegment, "ALPHANUMERIC_REGEX", /^[A-Z0-9 $%*+.\/:-]*$/);
   // The set of all legal characters in alphanumeric mode,
   // where each character value maps to the index in the string.
-  __publicField(QrSegment, "ALPHANUMERIC_CHARSET", "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:");
+  __publicField(_QrSegment, "ALPHANUMERIC_CHARSET", "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:");
+  let QrSegment = _QrSegment;
   qrcodegen2.QrSegment = QrSegment;
 })(qrcodegen || (qrcodegen = {}));
 ((qrcodegen2) => {
   ((QrCode2) => {
-    const _Ecc = class {
+    const _Ecc = class _Ecc {
       // The QR Code can tolerate about 30% erroneous codewords
       /*-- Constructor and fields --*/
       constructor(ordinal, formatBits) {
@@ -1051,21 +1051,21 @@ var qrcodegen;
         this.formatBits = formatBits;
       }
     };
-    let Ecc = _Ecc;
     /*-- Constants --*/
-    __publicField(Ecc, "LOW", new _Ecc(0, 1));
+    __publicField(_Ecc, "LOW", new _Ecc(0, 1));
     // The QR Code can tolerate about  7% erroneous codewords
-    __publicField(Ecc, "MEDIUM", new _Ecc(1, 0));
+    __publicField(_Ecc, "MEDIUM", new _Ecc(1, 0));
     // The QR Code can tolerate about 15% erroneous codewords
-    __publicField(Ecc, "QUARTILE", new _Ecc(2, 3));
+    __publicField(_Ecc, "QUARTILE", new _Ecc(2, 3));
     // The QR Code can tolerate about 25% erroneous codewords
-    __publicField(Ecc, "HIGH", new _Ecc(3, 2));
+    __publicField(_Ecc, "HIGH", new _Ecc(3, 2));
+    let Ecc = _Ecc;
     QrCode2.Ecc = Ecc;
   })(qrcodegen2.QrCode || (qrcodegen2.QrCode = {}));
 })(qrcodegen || (qrcodegen = {}));
 ((qrcodegen2) => {
   ((QrSegment2) => {
-    const _Mode = class {
+    const _Mode = class _Mode {
       /*-- Constructor and fields --*/
       constructor(modeBits, numBitsCharCount) {
         this.modeBits = modeBits;
@@ -1078,13 +1078,13 @@ var qrcodegen;
         return this.numBitsCharCount[Math.floor((ver + 7) / 17)];
       }
     };
-    let Mode = _Mode;
     /*-- Constants --*/
-    __publicField(Mode, "NUMERIC", new _Mode(1, [10, 12, 14]));
-    __publicField(Mode, "ALPHANUMERIC", new _Mode(2, [9, 11, 13]));
-    __publicField(Mode, "BYTE", new _Mode(4, [8, 16, 16]));
-    __publicField(Mode, "KANJI", new _Mode(8, [8, 10, 12]));
-    __publicField(Mode, "ECI", new _Mode(7, [0, 0, 0]));
+    __publicField(_Mode, "NUMERIC", new _Mode(1, [10, 12, 14]));
+    __publicField(_Mode, "ALPHANUMERIC", new _Mode(2, [9, 11, 13]));
+    __publicField(_Mode, "BYTE", new _Mode(4, [8, 16, 16]));
+    __publicField(_Mode, "KANJI", new _Mode(8, [8, 10, 12]));
+    __publicField(_Mode, "ECI", new _Mode(7, [0, 0, 0]));
+    let Mode = _Mode;
     QrSegment2.Mode = Mode;
   })(qrcodegen2.QrSegment || (qrcodegen2.QrSegment = {}));
 })(qrcodegen || (qrcodegen = {}));

package/es/ele-qr-code-svg/index.d.ts

@@ -1,4 +1,4 @@
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     value: StringConstructor;
     size: {
         type: NumberConstructor;
@@ -21,7 +21,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: number;
     };
     imageSettings: import("vue").PropType<import("../ele-qr-code/types").ImageSettings>;
-    customStyle: import("vue").PropType<import("vue").CSSProperties>;
+    customStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
 }, {
     viewBox: import("vue").Ref<string>;
     path: import("vue").Ref<string>;
@@ -57,7 +57,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: number;
     };
     imageSettings: import("vue").PropType<import("../ele-qr-code/types").ImageSettings>;
-    customStyle: import("vue").PropType<import("vue").CSSProperties>;
+    customStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
 }>> & {
     onDone?: (() => any) | undefined;
 }, {
@@ -67,4 +67,4 @@ declare const _sfc_main: import("vue").DefineComponent<{
     fgColor: string;
     margin: number;
 }, {}>;
-export default _sfc_main;
+export default _default;

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

@@ -1,5 +1,5 @@
 import type { ElTabsInstance } from '../ele-app/types';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     modelValue: (StringConstructor | NumberConstructor)[];
     block: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -27,7 +27,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((_value: string | number) => any) | undefined;
     onChange?: ((_active: string | number) => any) | undefined;
 }, {
-    block: boolean;
     disabled: boolean;
+    block: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

package/es/ele-segmented/style/css-var.scss

@@ -1,4 +1,4 @@
-@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
 
 @mixin set-segmented-var($var) {
   .ele-segmented {

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

@@ -1,4 +1,5 @@
 @use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
 @use './css-var.scss' as *;
 
 @include set-segmented-var($ele);
@@ -35,7 +36,6 @@
     line-height: eleVar('segmented', 'height');
     font-size: eleVar('segmented', 'font-size');
     border-radius: eleVar('segmented', 'radius');
-    padding: 0 eleVar('segmented', 'item-padding') !important;
     transition: color 0.2s, background-color 0.2s;
     background: none;
     z-index: 2;
@@ -59,6 +59,10 @@
     }
   }
 
+  .el-tabs__header .el-tabs__nav .el-tabs__item {
+    padding: 0 eleVar('segmented', 'item-padding');
+  }
+
   // 选中背景
   .el-tabs__active-bar {
     $item-padding: eleVar('segmented', 'item-padding');
@@ -81,22 +85,54 @@
 
   // 尺寸控制
   &.is-large {
-    $font-size: eleVar('segmented-large', 'font-size');
-    $item-padding: eleVar('segmented-large', 'item-padding');
-    #{eleVarName('segmented', 'padding')}: eleVar('segmented-large', 'padding');
-    #{eleVarName('segmented', 'radius')}: eleVar('segmented-large', 'radius');
-    #{eleVarName('segmented', 'height')}: eleVar('segmented-large', 'height');
-    #{eleVarName('segmented', 'font-size')}: #{$font-size};
-    #{eleVarName('segmented', 'item-padding')}: #{$item-padding};
+    .el-tabs__header {
+      border-radius: eleVar('segmented-large', 'radius');
+      padding: eleVar('segmented-large', 'padding');
+    }
+
+    .el-tabs__item {
+      height: eleVar('segmented-large', 'height');
+      line-height: eleVar('segmented-large', 'height');
+      font-size: eleVar('segmented-large', 'font-size');
+      border-radius: eleVar('segmented-large', 'radius');
+    }
+
+    .el-tabs__header .el-tabs__nav .el-tabs__item {
+      padding: 0 eleVar('segmented-large', 'item-padding');
+    }
+
+    .el-tabs__active-bar {
+      $item-padding: eleVar('segmented-large', 'item-padding');
+      padding: 0 $item-padding;
+      margin-left: calc(0px - #{$item-padding});
+      border-radius: eleVar('segmented-large', 'radius');
+      transform: translateX(#{$item-padding});
+    }
   }
 
   &.is-small {
-    $font-size: eleVar('segmented-small', 'font-size');
-    $item-padding: eleVar('segmented-small', 'item-padding');
-    #{eleVarName('segmented', 'padding')}: eleVar('segmented-small', 'padding');
-    #{eleVarName('segmented', 'radius')}: eleVar('segmented-small', 'radius');
-    #{eleVarName('segmented', 'height')}: eleVar('segmented-small', 'height');
-    #{eleVarName('segmented', 'font-size')}: #{$font-size};
-    #{eleVarName('segmented', 'item-padding')}: #{$item-padding};
+    .el-tabs__header {
+      border-radius: eleVar('segmented-small', 'radius');
+      padding: eleVar('segmented-small', 'padding');
+    }
+
+    .el-tabs__item {
+      height: eleVar('segmented-small', 'height');
+      line-height: eleVar('segmented-small', 'height');
+      font-size: eleVar('segmented-small', 'font-size');
+      border-radius: eleVar('segmented-small', 'radius');
+    }
+
+    .el-tabs__header .el-tabs__nav .el-tabs__item {
+      padding: 0 eleVar('segmented-small', 'item-padding');
+    }
+
+    .el-tabs__active-bar {
+      $item-padding: eleVar('segmented-small', 'item-padding');
+      padding: 0 $item-padding;
+      margin-left: calc(0px - #{$item-padding});
+      border-radius: eleVar('segmented-small', 'radius');
+      transform: translateX(#{$item-padding});
+    }
   }
 }

package/es/ele-segmented/types/index.d.ts

@@ -1,5 +1,5 @@
-import type { Component, CSSProperties } from 'vue';
-import type { IconProps } from 'element-plus';
+import type { Component } from 'vue';
+import type { StyleValue, ElIconProps } from '../../ele-app/types';
 /**
  * 尺寸
  */
@@ -7,9 +7,9 @@ export type SegmentedSize = 'large' | 'default' | 'small';
 /**
  * 数据
  */
-export interface SegmentedItem {
+export interface SegmentedItem extends Record<keyof any, any> {
     /** 标题 */
-    label: string;
+    label?: string;
     /** 值 */
     value: string | number;
     /** 图标 */
@@ -17,9 +17,9 @@ export interface SegmentedItem {
     /** 是否禁用 */
     disabled?: boolean;
     /** 自定义样式 */
-    style?: CSSProperties;
+    style?: StyleValue;
     /** 自定义图标属性 */
-    iconProps?: Partial<IconProps>;
+    iconProps?: ElIconProps;
     /** 自定义图标样式 */
-    iconStyle?: CSSProperties;
+    iconStyle?: StyleValue;
 }

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

@@ -1,12 +1,12 @@
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     size: StringConstructor;
     minSize: NumberConstructor;
     maxSize: NumberConstructor;
     space: StringConstructor;
-    customStyle: import("vue").PropType<import("vue").CSSProperties>;
-    bodyStyle: import("vue").PropType<import("vue").CSSProperties>;
+    customStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    bodyStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
     allowCollapse: BooleanConstructor;
-    collapseStyle: import("vue").PropType<import("vue").CSSProperties>;
+    collapseStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
     collapse: BooleanConstructor;
     vertical: BooleanConstructor;
     reverse: BooleanConstructor;
@@ -33,10 +33,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     minSize: NumberConstructor;
     maxSize: NumberConstructor;
     space: StringConstructor;
-    customStyle: import("vue").PropType<import("vue").CSSProperties>;
-    bodyStyle: import("vue").PropType<import("vue").CSSProperties>;
+    customStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    bodyStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
     allowCollapse: BooleanConstructor;
-    collapseStyle: import("vue").PropType<import("vue").CSSProperties>;
+    collapseStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
     collapse: BooleanConstructor;
     vertical: BooleanConstructor;
     reverse: BooleanConstructor;
@@ -50,11 +50,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
     "onUpdate:collapse"?: ((_collapse: boolean) => any) | undefined;
 }, {
     reverse: boolean;
-    allowCollapse: boolean;
-    collapse: boolean;
     vertical: boolean;
+    collapse: boolean;
     resizable: boolean;
-    flexTable: boolean;
     responsive: boolean;
+    allowCollapse: boolean;
+    flexTable: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

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

@@ -1,4 +1,5 @@
-import type { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { StyleValue } from '../ele-app/types';
 /**
  * 属性
  */
@@ -7,10 +8,10 @@ export declare const splitPanelProps: {
     minSize: NumberConstructor;
     maxSize: NumberConstructor;
     space: StringConstructor;
-    customStyle: PropType<CSSProperties>;
-    bodyStyle: PropType<CSSProperties>;
+    customStyle: PropType<StyleValue>;
+    bodyStyle: PropType<StyleValue>;
     allowCollapse: BooleanConstructor;
-    collapseStyle: PropType<CSSProperties>;
+    collapseStyle: PropType<StyleValue>;
     collapse: BooleanConstructor;
     vertical: BooleanConstructor;
     reverse: BooleanConstructor;

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

@@ -1,4 +1,5 @@
 @use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
 
 .ele-split-panel {
   display: flex;
@@ -301,7 +302,7 @@
       bottom: 0;
 
       & > .ele-split-panel-side {
-        background: elVar('bg-color', 'overlay');
+        background: elVar('bg-color');
         border: none;
         z-index: 3;
       }

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

@@ -1,4 +1,4 @@
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     items: {
         type: import("vue").PropType<import("./types").StepItem[]>;
         required: boolean;
@@ -22,15 +22,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
     finishStatus: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "finish", boolean>;
     processStatus: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "process", boolean>;
 }, {
+    authenticated: import("vue").Ref<boolean>;
     rootProps: import("vue").ComputedRef<Omit<import("@vue/shared").LooseRequired<{
+        readonly direction: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
         readonly space: import("element-plus/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
         readonly active: number;
-        readonly direction: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
         readonly finishStatus: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown>;
         readonly processStatus: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown>;
         readonly type?: import("./types").StepType | undefined;
-        readonly items?: import("./types").StepItem[] | undefined;
         readonly alignCenter?: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        readonly items?: import("./types").StepItem[] | undefined;
         readonly simple?: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
     } & {}>, "type" | "items">>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -57,10 +58,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     finishStatus: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "finish", boolean>;
     processStatus: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "process", boolean>;
 }>>, {
+    direction: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
     space: import("element-plus/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     active: number;
-    direction: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
     finishStatus: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown>;
     processStatus: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown>;
 }, {}>;
-export default _sfc_main;
+export default _default;

package/es/ele-steps/index.js

@@ -1,5 +1,6 @@
 import { defineComponent, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, renderSlot } from "vue";
 import { ElSteps, ElStep } from "element-plus";
+import { useLicense } from "../ele-config-provider/receiver";
 import { omit } from "../utils/core";
 import { stepsProps } from "./props";
 const _sfc_main = defineComponent({
@@ -7,10 +8,11 @@ const _sfc_main = defineComponent({
   components: { ElSteps, ElStep },
   props: stepsProps,
   setup(props) {
+    const { authenticated } = useLicense();
     const rootProps = computed(() => {
       return omit(props, ["items", "type"]);
     });
-    return { rootProps };
+    return { authenticated, rootProps };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -24,7 +26,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElStep = resolveComponent("ElStep");
   const _component_ElSteps = resolveComponent("ElSteps");
   return openBlock(), createBlock(_component_ElSteps, mergeProps(_ctx.rootProps, {
-    class: ["ele-steps", { "is-inline": _ctx.type === "inline" }]
+    class: [
+      { "ele-steps": _ctx.authenticated },
+      { "is-inline": _ctx.direction === "horizontal" && _ctx.type === "inline" }
+    ]
   }), {
     default: withCtx(() => [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index2) => {

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

@@ -0,0 +1,7 @@
+@use '../../style/util.scss' as *;
+
+@mixin set-step-var($var) {
+  .ele-steps {
+    @include set-ele-var('step', $var);
+  }
+}