ele-admin-plus 1.0.0-beta.1 → 1.0.0-beta.3

package/lib/ele-pro-table/util.js

@@ -1,13 +1,49 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const core = require("../utils/core");
-function getDefaultPage(opt) {
-  const isObj = opt != null && typeof opt === "object";
-  return isObj && opt.currentPage != null ? opt.currentPage : 1;
+function getTablePage(pagination, globalPagination) {
+  const props = getPaginationProps(void 0, pagination, globalPagination);
+  return (props == null ? void 0 : props.currentPage) ?? 1;
 }
-function getDefaultLimit(opt) {
-  const isObj = opt != null && typeof opt === "object";
-  return isObj && opt.pageSize != null ? opt.pageSize : 10;
+function getTableLimit(pagination, globalPagination) {
+  const props = getPaginationProps(void 0, pagination, globalPagination);
+  return (props == null ? void 0 : props.pageSize) ?? 10;
+}
+function getPaginationProps(size, pagination, globalPagination, pageProps) {
+  const props = pagination ?? globalPagination ?? true;
+  if (props == null || props === false) {
+    return null;
+  }
+  const defaultProps = {
+    small: size !== "large",
+    pagerCount: 5,
+    layout: "total, prev, pager, next, sizes, jumper",
+    pageSizes: [10, 20, 30, 40, 50, 100],
+    hideOnSinglePage: false
+  };
+  if (typeof props === "object") {
+    return Object.assign(defaultProps, core.omit(props, ["autoAmend"]), pageProps);
+  }
+  return Object.assign(defaultProps, pageProps);
+}
+function getRequestName(globalRequest, request) {
+  const defaultRequest = {
+    sortName: "sort",
+    orderName: "order",
+    ascValue: "asc",
+    descValue: "desc"
+  };
+  return Object.assign(defaultRequest, globalRequest, request);
+}
+function getResponseName(globalResponse, response) {
+  const defaultResponse = {
+    dataName: "list",
+    countName: "count"
+  };
+  return Object.assign(defaultResponse, globalResponse, response);
+}
+function getTableSize(cacheKey, size, globalSize) {
+  return getCacheSize(cacheKey) ?? size ?? globalSize ?? "default";
 }
 function getValue(data, field) {
   if (typeof field === "function") {
@@ -263,9 +299,6 @@ function getCacheSize(cacheKey) {
     }
   }
 }
-function getDefaultSize(size, globalProps) {
-  return size ?? globalProps.value.size ?? "default";
-}
 function isDisableRow(row, index, columns) {
   let disabled = false;
   core.eachTree(columns, (col) => {
@@ -397,15 +430,18 @@ exports.getCacheSize = getCacheSize;
 exports.getCheckedColumns = getCheckedColumns;
 exports.getColId = getColId;
 exports.getColsCacheKey = getColsCacheKey;
-exports.getDefaultLimit = getDefaultLimit;
-exports.getDefaultPage = getDefaultPage;
-exports.getDefaultSize = getDefaultSize;
 exports.getInitCacheColumns = getInitCacheColumns;
 exports.getInitColumns = getInitColumns;
 exports.getOrderItems = getOrderItems;
+exports.getPaginationProps = getPaginationProps;
 exports.getRequestFilters = getRequestFilters;
+exports.getRequestName = getRequestName;
+exports.getResponseName = getResponseName;
 exports.getSettingCols = getSettingCols;
 exports.getSizeCacheKey = getSizeCacheKey;
+exports.getTableLimit = getTableLimit;
+exports.getTablePage = getTablePage;
+exports.getTableSize = getTableSize;
 exports.getValue = getValue;
 exports.isDisableRow = isDisableRow;
 exports.reloadData = reloadData;

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

@@ -0,0 +1,33 @@
+import type { ElTabsInstance } from '../ele-app/types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    modelValue: (StringConstructor | NumberConstructor)[];
+    block: BooleanConstructor;
+    disabled: BooleanConstructor;
+    items: {
+        type: import("vue").PropType<import("./types").SegmentedItem[]>;
+        required: boolean;
+    };
+    size: import("vue").PropType<import("./types").SegmentedSize>;
+}, {
+    tabRef: import("vue").Ref<ElTabsInstance>;
+    onUpdateModelValue: (value: string | number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_value: string | number) => boolean;
+    change: (_active: string | number) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: (StringConstructor | NumberConstructor)[];
+    block: BooleanConstructor;
+    disabled: BooleanConstructor;
+    items: {
+        type: import("vue").PropType<import("./types").SegmentedItem[]>;
+        required: boolean;
+    };
+    size: import("vue").PropType<import("./types").SegmentedSize>;
+}>> & {
+    "onUpdate:modelValue"?: ((_value: string | number) => any) | undefined;
+    onChange?: ((_active: string | number) => any) | undefined;
+}, {
+    block: boolean;
+    disabled: boolean;
+}, {}>;
+export default _sfc_main;

package/lib/ele-segmented/index.js

@@ -0,0 +1,76 @@
+"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",
+  components: { ElIcon: elementPlus.ElIcon, ElTabs: elementPlus.ElTabs, ElTabPane: elementPlus.ElTabPane },
+  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) {
+        emit("update:modelValue", value);
+        emit("change", value);
+      }
+    };
+    return { tabRef, onUpdateModelValue };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { class: "ele-segmented-item-label" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_ElTabPane = vue.resolveComponent("ElTabPane");
+  const _component_ElTabs = vue.resolveComponent("ElTabs");
+  return vue.openBlock(), vue.createBlock(_component_ElTabs, {
+    ref: "tabRef",
+    modelValue: _ctx.modelValue,
+    stretch: _ctx.block,
+    class: vue.normalizeClass([
+      "ele-segmented",
+      { "is-block": _ctx.block },
+      { "is-large": _ctx.size === "large" },
+      { "is-small": _ctx.size === "small" },
+      { "is-disabled": _ctx.disabled }
+    ]),
+    "onUpdate:modelValue": _ctx.onUpdateModelValue
+  }, {
+    default: vue.withCtx(() => [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item) => {
+        return vue.openBlock(), vue.createBlock(_component_ElTabPane, {
+          key: item.value,
+          name: item.value,
+          disabled: _ctx.disabled || item.disabled
+        }, {
+          label: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "label", { item }, () => [
+              item.icon ? (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.mergeProps({ key: 0 }, item.iconProps || {}, { class: "ele-segmented-item-icon" }), {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), {
+                    style: vue.normalizeStyle(item.iconStyle)
+                  }, null, 8, ["style"]))
+                ]),
+                _: 2
+              }, 1040)) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", _hoisted_1, vue.toDisplayString(item.label), 1)
+            ])
+          ]),
+          _: 2
+        }, 1032, ["name", "disabled"]);
+      }), 128))
+    ]),
+    _: 3
+  }, 8, ["modelValue", "stretch", "class", "onUpdate:modelValue"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

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

@@ -0,0 +1,23 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { SegmentedSize, SegmentedItem } from './types';
+/**
+ * 属性
+ */
+export declare const segmentedProps: {
+    modelValue: (StringConstructor | NumberConstructor)[];
+    block: BooleanConstructor;
+    disabled: BooleanConstructor;
+    items: {
+        type: PropType<SegmentedItem[]>;
+        required: boolean;
+    };
+    size: PropType<SegmentedSize>;
+};
+export type SegmentedProps = ExtractPropTypes<typeof segmentedProps>;
+/**
+ * 事件
+ */
+export declare const segmentedEmits: {
+    'update:modelValue': (_value: string | number) => boolean;
+    change: (_active: string | number) => boolean;
+};

package/lib/ele-segmented/props.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const segmentedProps = {
+  // 选中的值
+  modelValue: [String, Number],
+  // 将宽度调整为父元素宽度
+  block: Boolean,
+  // 是否禁用
+  disabled: Boolean,
+  // 数据
+  items: {
+    type: Array,
+    required: true
+  },
+  // 尺寸
+  size: String
+};
+const segmentedEmits = {
+  // 更新绑定值
+  "update:modelValue": (_value) => true,
+  // 选中改变的事件
+  change: (_active) => true
+};
+exports.segmentedEmits = segmentedEmits;
+exports.segmentedProps = segmentedProps;

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

@@ -0,0 +1,15 @@
+@use '../../style/themes/default.scss' as *;
+
+@mixin set-segmented-var($var) {
+  .ele-segmented {
+    @include set-ele-var('segmented', $var);
+  }
+
+  .ele-segmented.is-large {
+    @include set-ele-var('segmented-large', $var);
+  }
+
+  .ele-segmented.is-small {
+    @include set-ele-var('segmented-small', $var);
+  }
+}

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

@@ -0,0 +1,5 @@
+"use strict";
+require("element-plus/es/components/tabs/style/index");
+require("element-plus/es/components/tab-pane/style/index");
+require("element-plus/es/components/icon/style/index");
+require("./index.scss");

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

@@ -0,0 +1,102 @@
+@use '../../style/themes/default.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-segmented-var($ele);
+
+.ele-segmented.el-tabs {
+  .el-tabs__nav-wrap,
+  .el-tabs__nav-scroll {
+    margin: 0;
+    overflow: visible;
+  }
+
+  .el-tabs__nav {
+    float: none;
+  }
+
+  .el-tabs__nav-wrap::after,
+  .el-tabs__content {
+    display: none;
+  }
+
+  // 背景
+  .el-tabs__header {
+    margin: 0;
+    box-sizing: border-box;
+    background: eleVar('segmented', 'bg');
+    border-radius: eleVar('segmented', 'radius');
+    padding: eleVar('segmented', 'padding');
+  }
+
+  // item
+  .el-tabs__item {
+    color: eleVar('segmented', 'color');
+    height: eleVar('segmented', 'height');
+    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;
+
+    &:not(.is-disabled):hover {
+      color: eleVar('segmented', 'active-color');
+      background: eleVar('segmented', 'hover-bg');
+    }
+
+    &:not(.is-disabled).is-active {
+      color: eleVar('segmented', 'active-color');
+      background: none;
+    }
+
+    &.is-disabled {
+      color: eleVar('segmented', 'disabled-color');
+    }
+
+    .ele-segmented-item-icon + .ele-segmented-item-label {
+      margin-left: 6px;
+    }
+  }
+
+  // 选中背景
+  .el-tabs__active-bar {
+    $item-padding: eleVar('segmented', 'item-padding');
+    padding: 0 $item-padding;
+    margin-left: calc(0px - #{$item-padding});
+    background: eleVar('segmented', 'active-bg');
+    border-radius: eleVar('segmented', 'radius');
+    box-shadow: eleVar('segmented', 'active-shadow');
+    transform: translateX(#{$item-padding});
+    box-sizing: content-box;
+    height: auto;
+    bottom: 0;
+    top: 0;
+  }
+
+  // 宽度撑满
+  &:not(.is-block) .el-tabs__header {
+    display: inline-block;
+  }
+
+  // 尺寸控制
+  &.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};
+  }
+
+  &.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};
+  }
+}

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

@@ -0,0 +1,25 @@
+import type { Component, CSSProperties } from 'vue';
+import type { IconProps } from 'element-plus';
+/**
+ * 尺寸
+ */
+export type SegmentedSize = 'large' | 'default' | 'small';
+/**
+ * 数据
+ */
+export interface SegmentedItem {
+    /** 标题 */
+    label: string;
+    /** 值 */
+    value: string | number;
+    /** 图标 */
+    icon?: string | Component;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义样式 */
+    style?: CSSProperties;
+    /** 自定义图标属性 */
+    iconProps?: Partial<IconProps>;
+    /** 自定义图标样式 */
+    iconStyle?: CSSProperties;
+}

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

@@ -1,13 +1,12 @@
-import type { CSSProperties } from 'vue';
 declare const _sfc_main: import("vue").DefineComponent<{
     size: StringConstructor;
     minSize: NumberConstructor;
     maxSize: NumberConstructor;
     space: StringConstructor;
-    customStyle: import("vue").PropType<CSSProperties>;
-    bodyStyle: import("vue").PropType<CSSProperties>;
+    customStyle: import("vue").PropType<import("vue").CSSProperties>;
+    bodyStyle: import("vue").PropType<import("vue").CSSProperties>;
     allowCollapse: BooleanConstructor;
-    collapseStyle: import("vue").PropType<CSSProperties>;
+    collapseStyle: import("vue").PropType<import("vue").CSSProperties>;
     collapse: BooleanConstructor;
     vertical: BooleanConstructor;
     reverse: BooleanConstructor;
@@ -23,8 +22,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
     sideRef: import("vue").Ref<HTMLElement | null>;
     isResponsive: import("vue").ComputedRef<boolean>;
     isCollapse: import("vue").Ref<boolean>;
+    resizedSize: import("vue").Ref<string | null>;
     resizing: import("vue").Ref<boolean>;
-    rootStyle: import("vue").ComputedRef<CSSProperties>;
     toggleCollapse: (collapse?: boolean) => void;
     onResize: (event: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -34,10 +33,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     minSize: NumberConstructor;
     maxSize: NumberConstructor;
     space: StringConstructor;
-    customStyle: import("vue").PropType<CSSProperties>;
-    bodyStyle: import("vue").PropType<CSSProperties>;
+    customStyle: import("vue").PropType<import("vue").CSSProperties>;
+    bodyStyle: import("vue").PropType<import("vue").CSSProperties>;
     allowCollapse: BooleanConstructor;
-    collapseStyle: import("vue").PropType<CSSProperties>;
+    collapseStyle: import("vue").PropType<import("vue").CSSProperties>;
     collapse: BooleanConstructor;
     vertical: BooleanConstructor;
     reverse: BooleanConstructor;

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

@@ -1,33 +1,25 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const iconsVue = require("@element-plus/icons-vue");
-const licenseUtil = require("../utils/license-util");
-const useReceiver = require("../ele-config-provider/use-receiver");
+const receiver = require("../ele-config-provider/receiver");
+const icons = require("../icons");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleSplitPanel",
-  components: { ElIcon: elementPlus.ElIcon, ArrowLeft: iconsVue.ArrowLeft, ArrowUp: iconsVue.ArrowUp },
+  components: { ElIcon: elementPlus.ElIcon, ArrowLeft: icons.ArrowLeft, ArrowUp: icons.ArrowUp },
   props: props.splitPanelProps,
   emits: props.splitPanelEmits,
   setup(props2, { emit }) {
-    const { authenticated } = licenseUtil.useLicense();
-    const isResponsive = useReceiver.useResponsive(props2);
+    const { authenticated } = receiver.useLicense();
+    const isResponsive = receiver.useResponsive(props2);
     const rootRef = vue.ref(null);
     const wrapRef = vue.ref(null);
     const sideRef = vue.ref(null);
     const isCollapse = vue.ref(false);
     const resizedSize = vue.ref(null);
     const resizing = vue.ref(false);
-    const rootStyle = vue.computed(() => {
-      return {
-        "--ele-split-size": resizedSize.value ?? props2.size,
-        "--ele-split-space": props2.space
-      };
-    });
     const toggleCollapse = (collapse) => {
       if (!authenticated.value) {
-        console.warn(licenseUtil.UNAUTHORIZED_TIP);
         return;
       }
       isCollapse.value = typeof collapse === "boolean" ? collapse : !isCollapse.value;
@@ -87,8 +79,8 @@ const _sfc_main = vue.defineComponent({
       sideRef,
       isResponsive,
       isCollapse,
+      resizedSize,
       resizing,
-      rootStyle,
       toggleCollapse,
       onResize
     };
@@ -121,7 +113,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       { "is-responsive": _ctx.isResponsive },
       { "is-flex-table": _ctx.flexTable }
     ]),
-    style: vue.normalizeStyle(_ctx.rootStyle)
+    style: vue.normalizeStyle({
+      "--ele-split-size": _ctx.resizedSize ?? _ctx.size,
+      "--ele-split-space": _ctx.space
+    })
   }, [
     vue.createElementVNode("div", _hoisted_1, [
       vue.createElementVNode("div", {

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

@@ -39,7 +39,7 @@
         position: absolute;
         left: -6px;
         z-index: 4;
-        cursor: col-resize;
+        cursor: e-resize;
 
         &::after {
           content: '';
@@ -66,30 +66,33 @@
 
   // 折叠按钮
   & > .ele-split-collapse-button {
-    width: 14px;
-    height: 48px;
-    line-height: 48px;
+    width: 24px;
+    height: 24px;
+    line-height: 24px;
     text-align: center;
     position: absolute;
     left: var(--ele-split-size);
     top: 50%;
-    margin-top: -24px;
-    border-radius: 0 4px 4px 0;
-    background: elVar('border-color', 'extra-light');
+    margin: -12px 0 0 -12px;
+    background: elVar('bg-color', 'overlay');
+    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.04);
+    border: 1px solid elVar('border-color', 'extra-light');
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    border-radius: 50%;
     cursor: pointer;
-    z-index: 3;
-
-    &:hover {
-      background: elVar('border-color', 'light');
-    }
+    z-index: 5;
 
     .ele-split-collapse-icon {
-      font-size: 14px;
+      font-size: 18px;
+      vertical-align: -4px;
       color: elVar('text-color', 'secondary');
       transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
       transform: scaleX(1);
     }
+
+    &:hover .ele-split-collapse-icon {
+      color: elVar('text-color', 'primary');
+    }
   }
 
   // 折叠状态
@@ -132,7 +135,7 @@
           height: 12px;
           left: auto;
           top: -6px;
-          cursor: row-resize;
+          cursor: n-resize;
 
           &::after {
             width: 100%;
@@ -144,14 +147,8 @@
     }
 
     & > .ele-split-collapse-button {
-      width: 48px;
-      height: 14px;
-      line-height: 14px;
       top: var(--ele-split-size);
       left: 50%;
-      margin-left: -24px;
-      margin-top: 0;
-      border-radius: 0 0 4px 4px;
 
       .ele-split-collapse-icon {
         transform: scaleY(1);
@@ -190,7 +187,7 @@
     & > .ele-split-collapse-button {
       left: auto;
       right: var(--ele-split-size);
-      border-radius: 4px 0 0 4px;
+      margin: -12px -12px 0 0;
 
       .ele-split-collapse-icon {
         transform: scaleX(-1);
@@ -222,7 +219,7 @@
         left: 50%;
         top: auto;
         bottom: var(--ele-split-size);
-        border-radius: 4px 4px 0 0;
+        margin: 0 0 -12px -12px;
 
         .ele-split-collapse-icon {
           transform: scaleY(-1);
@@ -257,7 +254,8 @@
     right: 0;
     bottom: 0;
     opacity: 0;
-    background: elVar('overlay-color', 'lighter');
+    backdrop-filter: blur(6px);
+    background: rgba(158, 158, 158, 0.2);
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     pointer-events: none;
     display: none;
@@ -292,7 +290,9 @@
 /* 小屏幕样式 */
 @media screen and (max-width: 768px) {
   .ele-split-panel.is-responsive:not(.is-vertical) {
-    overflow: hidden;
+    &:not(.is-collapse) {
+      overflow: hidden !important;
+    }
 
     & > .ele-split-panel-wrap {
       position: absolute;
@@ -301,7 +301,8 @@
       bottom: 0;
 
       & > .ele-split-panel-side {
-        background: elVar('bg-color');
+        background: elVar('bg-color', 'overlay');
+        border: none;
         z-index: 3;
       }
     }

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

@@ -21,7 +21,19 @@ 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>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {
+    rootProps: import("vue").ComputedRef<Omit<import("@vue/shared").LooseRequired<{
+        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 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<{
     items: {
         type: import("vue").PropType<import("./types").StepItem[]>;
         required: boolean;