element-plus 2.5.0 → 2.5.1

package/lib/components/select-v2/src/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":["../../../../../../packages/components/select-v2/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[nsSelect.b(), nsSelect.m(selectSize)]\"\n    @mouseenter=\"states.inputHovering = true\"\n    @mouseleave=\"states.inputHovering = false\"\n    @click.stop=\"toggleMenu\"\n  >\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownMenuVisible\"\n      :teleported=\"teleported\"\n      :popper-class=\"[nsSelect.e('popper'), popperClass]\"\n      :gpu-acceleration=\"false\"\n      :stop-popper-mouse-event=\"false\"\n      :popper-options=\"popperOptions\"\n      :fallback-placements=\"['bottom-start', 'top-start', 'right', 'left']\"\n      :effect=\"effect\"\n      :placement=\"placement\"\n      pure\n      :transition=\"`${nsSelect.namespace.value}-zoom-in-top`\"\n      trigger=\"click\"\n      :persistent=\"persistent\"\n      @before-show=\"handleMenuEnter\"\n      @hide=\"states.isBeforeHide = false\"\n    >\n      <template #default>\n        <div\n          ref=\"wrapperRef\"\n          :class=\"[\n            nsSelect.e('wrapper'),\n            nsSelect.is('focused', isFocused),\n            nsSelect.is('hovering', states.inputHovering),\n            nsSelect.is('filterable', filterable),\n            nsSelect.is('disabled', selectDisabled),\n          ]\"\n        >\n          <div\n            v-if=\"$slots.prefix\"\n            ref=\"prefixRef\"\n            :class=\"nsSelect.e('prefix')\"\n          >\n            <slot name=\"prefix\" />\n          </div>\n          <div\n            ref=\"selectionRef\"\n            :class=\"[\n              nsSelect.e('selection'),\n              nsSelect.is(\n                'near',\n                multiple && !$slots.prefix && !!modelValue.length\n              ),\n            ]\"\n          >\n            <slot v-if=\"multiple\" name=\"tag\">\n              <div\n                v-for=\"item in showTagList\"\n                :key=\"getValueKey(getValue(item))\"\n                :class=\"nsSelect.e('selected-item')\"\n              >\n                <el-tag\n                  :closable=\"!selectDisabled && !getDisabled(item)\"\n                  :size=\"collapseTagSize\"\n                  :type=\"tagType\"\n                  disable-transitions\n                  :style=\"tagStyle\"\n                  @close=\"deleteTag($event, item)\"\n                >\n                  <span :class=\"nsSelect.e('tags-text')\">\n                    {{ getLabel(item) }}\n                  </span>\n                </el-tag>\n              </div>\n\n              <el-tooltip\n                v-if=\"collapseTags && modelValue.length > maxCollapseTags\"\n                ref=\"tagTooltipRef\"\n                :disabled=\"!collapseTagsTooltip\"\n                :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n                :effect=\"effect\"\n                placement=\"bottom\"\n                :teleported=\"teleported\"\n              >\n                <template #default>\n                  <div :class=\"nsSelect.e('selected-item')\">\n                    <el-tag\n                      :closable=\"false\"\n                      :size=\"collapseTagSize\"\n                      :type=\"tagType\"\n                      :style=\"tagStyle\"\n                      disable-transitions\n                    >\n                      <span :class=\"nsSelect.e('tags-text')\">\n                        + {{ modelValue.length - maxCollapseTags }}\n                      </span>\n                    </el-tag>\n                  </div>\n                </template>\n                <template #content>\n                  <div ref=\"tagMenuRef\" :class=\"nsSelect.e('selection')\">\n                    <div\n                      v-for=\"selected in collapseTagList\"\n                      :key=\"getValueKey(getValue(selected))\"\n                      :class=\"nsSelect.e('selected-item')\"\n                    >\n                      <el-tag\n                        class=\"in-tooltip\"\n                        :closable=\"!selectDisabled && !getDisabled(selected)\"\n                        :size=\"collapseTagSize\"\n                        :type=\"tagType\"\n                        disable-transitions\n                        @close=\"deleteTag($event, selected)\"\n                      >\n                        <span :class=\"nsSelect.e('tags-text')\">\n                          {{ getLabel(selected) }}\n                        </span>\n                      </el-tag>\n                    </div>\n                  </div>\n                </template>\n              </el-tooltip>\n            </slot>\n            <div\n              v-if=\"!selectDisabled\"\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('input-wrapper'),\n                nsSelect.is('hidden', !filterable),\n              ]\"\n            >\n              <input\n                :id=\"inputId\"\n                ref=\"inputRef\"\n                v-model=\"states.inputValue\"\n                :style=\"inputStyle\"\n                :autocomplete=\"autocomplete\"\n                aria-autocomplete=\"list\"\n                aria-haspopup=\"listbox\"\n                autocapitalize=\"off\"\n                :aria-expanded=\"expanded\"\n                :aria-label=\"ariaLabel\"\n                :class=\"[nsSelect.e('input'), nsSelect.is(selectSize)]\"\n                :disabled=\"selectDisabled\"\n                role=\"combobox\"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                type=\"text\"\n                :name=\"name\"\n                :unselectable=\"expanded ? 'on' : undefined\"\n                @focus=\"handleFocus\"\n                @blur=\"handleBlur\"\n                @input=\"onInput\"\n                @compositionstart=\"handleCompositionStart\"\n                @compositionupdate=\"handleCompositionUpdate\"\n                @compositionend=\"handleCompositionEnd\"\n                @keydown.up.stop.prevent=\"onKeyboardNavigate('backward')\"\n                @keydown.down.stop.prevent=\"onKeyboardNavigate('forward')\"\n                @keydown.enter.stop.prevent=\"onKeyboardSelect\"\n                @keydown.esc.stop.prevent=\"handleEsc\"\n                @keydown.delete.stop=\"handleDel\"\n              />\n              <span\n                v-if=\"filterable\"\n                ref=\"calculatorRef\"\n                aria-hidden=\"true\"\n                :class=\"nsSelect.e('input-calculator')\"\n                v-text=\"states.inputValue\"\n              />\n            </div>\n            <div\n              v-if=\"shouldShowPlaceholder\"\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('placeholder'),\n                nsSelect.is(\n                  'transparent',\n                  !hasModelValue || (expanded && !states.inputValue)\n                ),\n              ]\"\n            >\n              <span>{{ currentPlaceholder }}</span>\n            </div>\n          </div>\n          <div ref=\"suffixRef\" :class=\"nsSelect.e('suffix')\">\n            <el-icon\n              v-if=\"iconComponent\"\n              v-show=\"!showClearBtn\"\n              :class=\"[nsSelect.e('caret'), nsInput.e('icon'), iconReverse]\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              :class=\"[nsSelect.e('caret'), nsInput.e('icon')]\"\n              @click.prevent.stop=\"handleClear\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon\"\n              :class=\"[nsInput.e('icon'), nsInput.e('validateIcon')]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </div>\n        </div>\n      </template>\n      <template #content>\n        <el-select-menu\n          ref=\"menuRef\"\n          :data=\"filteredOptions\"\n          :width=\"popperSize\"\n          :hovering-index=\"states.hoveringIndex\"\n          :scrollbar-always-on=\"scrollbarAlwaysOn\"\n        >\n          <template #default=\"scope\">\n            <slot v-bind=\"scope\" />\n          </template>\n          <template #empty>\n            <slot name=\"empty\">\n              <p :class=\"nsSelect.be('dropdown', 'empty')\">\n                {{ emptyText ? emptyText : '' }}\n              </p>\n            </slot>\n          </template>\n        </el-select-menu>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, provide, reactive, toRefs } from 'vue'\nimport { isArray } from '@element-plus/utils'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElTag from '@element-plus/components/tag'\nimport ElIcon from '@element-plus/components/icon'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport ElSelectMenu from './select-dropdown'\nimport useSelect from './useSelect'\nimport { SelectProps } from './defaults'\nimport { selectV2InjectionKey } from './token'\nexport default defineComponent({\n  name: 'ElSelectV2',\n  components: {\n    ElSelectMenu,\n    ElTag,\n    ElTooltip,\n    ElIcon,\n  },\n  directives: { ClickOutside },\n  props: SelectProps,\n  emits: [\n    UPDATE_MODEL_EVENT,\n    CHANGE_EVENT,\n    'remove-tag',\n    'clear',\n    'visible-change',\n    'focus',\n    'blur',\n  ],\n\n  setup(props, { emit }) {\n    const modelValue = computed(() => {\n      const { modelValue: rawModelValue, multiple } = props\n      const fallback = multiple ? [] : undefined\n      // When it is array, we check if this is multi-select.\n      // Based on the result we get\n      if (isArray(rawModelValue)) {\n        return multiple ? rawModelValue : fallback\n      }\n      return multiple ? fallback : rawModelValue\n    })\n\n    const API = useSelect(\n      reactive({\n        ...toRefs(props),\n        modelValue,\n      }),\n      emit\n    )\n    // TODO, remove the any cast to align the actual API.\n    provide(selectV2InjectionKey, {\n      props: reactive({\n        ...toRefs(props),\n        height: API.popupHeight,\n        modelValue,\n      }),\n      tooltipRef: API.tooltipRef,\n      onSelect: API.onSelect,\n      onHover: API.onHover,\n      onKeyboardNavigate: API.onKeyboardNavigate,\n      onKeyboardSelect: API.onKeyboardSelect,\n    } as any)\n\n    return {\n      ...API,\n      modelValue,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElSelectMenu","ElTag","ElTooltip","ElIcon","ClickOutside","SelectProps","UPDATE_MODEL_EVENT","CHANGE_EVENT","computed","isArray","useSelect","reactive","toRefs","provide","selectV2InjectionKey","_createElementBlock","_normalizeClass","_createVNode","_withCtx","_createElementVNode","_renderSlot","_createCommentVNode","_openBlock","_Fragment","_renderList","_normalizeStyle","_toDisplayString","_createBlock","_withKeys","_withModifiers","_vModelText","_withDirectives","_resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"select.js","sources":["../../../../../../packages/components/select-v2/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[nsSelect.b(), nsSelect.m(selectSize)]\"\n    @mouseenter=\"states.inputHovering = true\"\n    @mouseleave=\"states.inputHovering = false\"\n    @click.stop=\"toggleMenu\"\n  >\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownMenuVisible\"\n      :teleported=\"teleported\"\n      :popper-class=\"[nsSelect.e('popper'), popperClass]\"\n      :gpu-acceleration=\"false\"\n      :stop-popper-mouse-event=\"false\"\n      :popper-options=\"popperOptions\"\n      :fallback-placements=\"['bottom-start', 'top-start', 'right', 'left']\"\n      :effect=\"effect\"\n      :placement=\"placement\"\n      pure\n      :transition=\"`${nsSelect.namespace.value}-zoom-in-top`\"\n      trigger=\"click\"\n      :persistent=\"persistent\"\n      @before-show=\"handleMenuEnter\"\n      @hide=\"states.isBeforeHide = false\"\n    >\n      <template #default>\n        <div\n          ref=\"wrapperRef\"\n          :class=\"[\n            nsSelect.e('wrapper'),\n            nsSelect.is('focused', isFocused),\n            nsSelect.is('hovering', states.inputHovering),\n            nsSelect.is('filterable', filterable),\n            nsSelect.is('disabled', selectDisabled),\n          ]\"\n        >\n          <div\n            v-if=\"$slots.prefix\"\n            ref=\"prefixRef\"\n            :class=\"nsSelect.e('prefix')\"\n          >\n            <slot name=\"prefix\" />\n          </div>\n          <div\n            ref=\"selectionRef\"\n            :class=\"[\n              nsSelect.e('selection'),\n              nsSelect.is(\n                'near',\n                multiple && !$slots.prefix && !!modelValue.length\n              ),\n            ]\"\n          >\n            <slot v-if=\"multiple\" name=\"tag\">\n              <div\n                v-for=\"item in showTagList\"\n                :key=\"getValueKey(getValue(item))\"\n                :class=\"nsSelect.e('selected-item')\"\n              >\n                <el-tag\n                  :closable=\"!selectDisabled && !getDisabled(item)\"\n                  :size=\"collapseTagSize\"\n                  :type=\"tagType\"\n                  disable-transitions\n                  :style=\"tagStyle\"\n                  @close=\"deleteTag($event, item)\"\n                >\n                  <span :class=\"nsSelect.e('tags-text')\">\n                    {{ getLabel(item) }}\n                  </span>\n                </el-tag>\n              </div>\n\n              <el-tooltip\n                v-if=\"collapseTags && modelValue.length > maxCollapseTags\"\n                ref=\"tagTooltipRef\"\n                :disabled=\"!collapseTagsTooltip\"\n                :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n                :effect=\"effect\"\n                placement=\"bottom\"\n                :teleported=\"teleported\"\n              >\n                <template #default>\n                  <div :class=\"nsSelect.e('selected-item')\">\n                    <el-tag\n                      :closable=\"false\"\n                      :size=\"collapseTagSize\"\n                      :type=\"tagType\"\n                      :style=\"tagStyle\"\n                      disable-transitions\n                    >\n                      <span :class=\"nsSelect.e('tags-text')\">\n                        + {{ modelValue.length - maxCollapseTags }}\n                      </span>\n                    </el-tag>\n                  </div>\n                </template>\n                <template #content>\n                  <div ref=\"tagMenuRef\" :class=\"nsSelect.e('selection')\">\n                    <div\n                      v-for=\"selected in collapseTagList\"\n                      :key=\"getValueKey(getValue(selected))\"\n                      :class=\"nsSelect.e('selected-item')\"\n                    >\n                      <el-tag\n                        class=\"in-tooltip\"\n                        :closable=\"!selectDisabled && !getDisabled(selected)\"\n                        :size=\"collapseTagSize\"\n                        :type=\"tagType\"\n                        disable-transitions\n                        @close=\"deleteTag($event, selected)\"\n                      >\n                        <span :class=\"nsSelect.e('tags-text')\">\n                          {{ getLabel(selected) }}\n                        </span>\n                      </el-tag>\n                    </div>\n                  </div>\n                </template>\n              </el-tooltip>\n            </slot>\n            <div\n              v-if=\"!selectDisabled\"\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('input-wrapper'),\n                nsSelect.is('hidden', !filterable),\n              ]\"\n            >\n              <input\n                :id=\"inputId\"\n                ref=\"inputRef\"\n                v-model=\"states.inputValue\"\n                :style=\"inputStyle\"\n                :autocomplete=\"autocomplete\"\n                aria-autocomplete=\"list\"\n                aria-haspopup=\"listbox\"\n                autocapitalize=\"off\"\n                :aria-expanded=\"expanded\"\n                :aria-label=\"ariaLabel\"\n                :class=\"[nsSelect.e('input'), nsSelect.is(selectSize)]\"\n                :disabled=\"selectDisabled\"\n                role=\"combobox\"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                type=\"text\"\n                :name=\"name\"\n                :unselectable=\"expanded ? 'on' : undefined\"\n                @focus=\"handleFocus\"\n                @blur=\"handleBlur\"\n                @input=\"onInput\"\n                @compositionstart=\"handleCompositionStart\"\n                @compositionupdate=\"handleCompositionUpdate\"\n                @compositionend=\"handleCompositionEnd\"\n                @keydown.up.stop.prevent=\"onKeyboardNavigate('backward')\"\n                @keydown.down.stop.prevent=\"onKeyboardNavigate('forward')\"\n                @keydown.enter.stop.prevent=\"onKeyboardSelect\"\n                @keydown.esc.stop.prevent=\"handleEsc\"\n                @keydown.delete.stop=\"handleDel\"\n                @click.stop\n              />\n              <span\n                v-if=\"filterable\"\n                ref=\"calculatorRef\"\n                aria-hidden=\"true\"\n                :class=\"nsSelect.e('input-calculator')\"\n                v-text=\"states.inputValue\"\n              />\n            </div>\n            <div\n              v-if=\"shouldShowPlaceholder\"\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('placeholder'),\n                nsSelect.is(\n                  'transparent',\n                  !hasModelValue || (expanded && !states.inputValue)\n                ),\n              ]\"\n            >\n              <span>{{ currentPlaceholder }}</span>\n            </div>\n          </div>\n          <div ref=\"suffixRef\" :class=\"nsSelect.e('suffix')\">\n            <el-icon\n              v-if=\"iconComponent\"\n              v-show=\"!showClearBtn\"\n              :class=\"[nsSelect.e('caret'), nsInput.e('icon'), iconReverse]\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              :class=\"[nsSelect.e('caret'), nsInput.e('icon')]\"\n              @click.prevent.stop=\"handleClear\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon\"\n              :class=\"[nsInput.e('icon'), nsInput.e('validateIcon')]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </div>\n        </div>\n      </template>\n      <template #content>\n        <el-select-menu\n          ref=\"menuRef\"\n          :data=\"filteredOptions\"\n          :width=\"popperSize\"\n          :hovering-index=\"states.hoveringIndex\"\n          :scrollbar-always-on=\"scrollbarAlwaysOn\"\n        >\n          <template #default=\"scope\">\n            <slot v-bind=\"scope\" />\n          </template>\n          <template #empty>\n            <slot name=\"empty\">\n              <p :class=\"nsSelect.be('dropdown', 'empty')\">\n                {{ emptyText ? emptyText : '' }}\n              </p>\n            </slot>\n          </template>\n        </el-select-menu>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, provide, reactive, toRefs } from 'vue'\nimport { isArray } from '@element-plus/utils'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElTag from '@element-plus/components/tag'\nimport ElIcon from '@element-plus/components/icon'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport ElSelectMenu from './select-dropdown'\nimport useSelect from './useSelect'\nimport { SelectProps } from './defaults'\nimport { selectV2InjectionKey } from './token'\nexport default defineComponent({\n  name: 'ElSelectV2',\n  components: {\n    ElSelectMenu,\n    ElTag,\n    ElTooltip,\n    ElIcon,\n  },\n  directives: { ClickOutside },\n  props: SelectProps,\n  emits: [\n    UPDATE_MODEL_EVENT,\n    CHANGE_EVENT,\n    'remove-tag',\n    'clear',\n    'visible-change',\n    'focus',\n    'blur',\n  ],\n\n  setup(props, { emit }) {\n    const modelValue = computed(() => {\n      const { modelValue: rawModelValue, multiple } = props\n      const fallback = multiple ? [] : undefined\n      // When it is array, we check if this is multi-select.\n      // Based on the result we get\n      if (isArray(rawModelValue)) {\n        return multiple ? rawModelValue : fallback\n      }\n      return multiple ? fallback : rawModelValue\n    })\n\n    const API = useSelect(\n      reactive({\n        ...toRefs(props),\n        modelValue,\n      }),\n      emit\n    )\n    // TODO, remove the any cast to align the actual API.\n    provide(selectV2InjectionKey, {\n      props: reactive({\n        ...toRefs(props),\n        height: API.popupHeight,\n        modelValue,\n      }),\n      tooltipRef: API.tooltipRef,\n      onSelect: API.onSelect,\n      onHover: API.onHover,\n      onKeyboardNavigate: API.onKeyboardNavigate,\n      onKeyboardSelect: API.onKeyboardSelect,\n    } as any)\n\n    return {\n      ...API,\n      modelValue,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElSelectMenu","ElTag","ElTooltip","ElIcon","ClickOutside","SelectProps","UPDATE_MODEL_EVENT","CHANGE_EVENT","computed","isArray","useSelect","reactive","toRefs","provide","selectV2InjectionKey","_createElementBlock","_normalizeClass","_createVNode","_withCtx","_createElementVNode","_renderSlot","_createCommentVNode","_openBlock","_Fragment","_renderList","_normalizeStyle","_toDisplayString","_createBlock","_withKeys","_withModifiers","_vModelText","_withDirectives","_resolveDynamicComponent"],"mappings":"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"}

package/lib/components/steps/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
 var steps$1 = require('./src/steps2.js');
-var item$1 = require('./src/item2.js');
-var item = require('./src/item.js');
+var item$1 = require('./src/item.js');
+var item = require('./src/item2.js');
 var steps = require('./src/steps.js');
 var install = require('../../utils/vue/install.js');
 

package/lib/components/steps/src/item.js

@@ -2,28 +2,200 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
+require('../../../hooks/index.js');
+var index$1 = require('../../icon/index.js');
+var iconsVue = require('@element-plus/icons-vue');
 require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var icon = require('../../../utils/vue/icon.js');
+var item = require('./item2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var types = require('../../../utils/types.js');
 
-const stepProps = runtime.buildProps({
-  title: {
-    type: String,
-    default: ""
-  },
-  icon: {
-    type: icon.iconPropType
-  },
-  description: {
-    type: String,
-    default: ""
-  },
-  status: {
-    type: String,
-    values: ["", "wait", "process", "finish", "error", "success"],
-    default: ""
+const __default__ = vue.defineComponent({
+  name: "ElStep"
+});
+const _sfc_main = vue.defineComponent({
+  ...__default__,
+  props: item.stepProps,
+  setup(__props) {
+    const props = __props;
+    const ns = index.useNamespace("step");
+    const index$2 = vue.ref(-1);
+    const lineStyle = vue.ref({});
+    const internalStatus = vue.ref("");
+    const parent = vue.inject("ElSteps");
+    const currentInstance = vue.getCurrentInstance();
+    vue.onMounted(() => {
+      vue.watch([
+        () => parent.props.active,
+        () => parent.props.processStatus,
+        () => parent.props.finishStatus
+      ], ([active]) => {
+        updateStatus(active);
+      }, { immediate: true });
+    });
+    vue.onBeforeUnmount(() => {
+      parent.removeStep(stepItemState.uid);
+    });
+    const currentStatus = vue.computed(() => {
+      return props.status || internalStatus.value;
+    });
+    const prevStatus = vue.computed(() => {
+      const prevStep = parent.steps.value[index$2.value - 1];
+      return prevStep ? prevStep.currentStatus : "wait";
+    });
+    const isCenter = vue.computed(() => {
+      return parent.props.alignCenter;
+    });
+    const isVertical = vue.computed(() => {
+      return parent.props.direction === "vertical";
+    });
+    const isSimple = vue.computed(() => {
+      return parent.props.simple;
+    });
+    const stepsCount = vue.computed(() => {
+      return parent.steps.value.length;
+    });
+    const isLast = vue.computed(() => {
+      var _a;
+      return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === (currentInstance == null ? void 0 : currentInstance.uid);
+    });
+    const space = vue.computed(() => {
+      return isSimple.value ? "" : parent.props.space;
+    });
+    const containerKls = vue.computed(() => {
+      return [
+        ns.b(),
+        ns.is(isSimple.value ? "simple" : parent.props.direction),
+        ns.is("flex", isLast.value && !space.value && !isCenter.value),
+        ns.is("center", isCenter.value && !isVertical.value && !isSimple.value)
+      ];
+    });
+    const style = vue.computed(() => {
+      const style2 = {
+        flexBasis: types.isNumber(space.value) ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
+      };
+      if (isVertical.value)
+        return style2;
+      if (isLast.value) {
+        style2.maxWidth = `${100 / stepsCount.value}%`;
+      }
+      return style2;
+    });
+    const setIndex = (val) => {
+      index$2.value = val;
+    };
+    const calcProgress = (status) => {
+      const isWait = status === "wait";
+      const style2 = {
+        transitionDelay: `${isWait ? "-" : ""}${150 * index$2.value}ms`
+      };
+      const step = status === parent.props.processStatus || isWait ? 0 : 100;
+      style2.borderWidth = step && !isSimple.value ? "1px" : 0;
+      style2[parent.props.direction === "vertical" ? "height" : "width"] = `${step}%`;
+      lineStyle.value = style2;
+    };
+    const updateStatus = (activeIndex) => {
+      if (activeIndex > index$2.value) {
+        internalStatus.value = parent.props.finishStatus;
+      } else if (activeIndex === index$2.value && prevStatus.value !== "error") {
+        internalStatus.value = parent.props.processStatus;
+      } else {
+        internalStatus.value = "wait";
+      }
+      const prevChild = parent.steps.value[index$2.value - 1];
+      if (prevChild)
+        prevChild.calcProgress(internalStatus.value);
+    };
+    const stepItemState = vue.reactive({
+      uid: currentInstance.uid,
+      currentStatus,
+      setIndex,
+      calcProgress
+    });
+    parent.addStep(stepItemState);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        style: vue.normalizeStyle(vue.unref(style)),
+        class: vue.normalizeClass(vue.unref(containerKls))
+      }, [
+        vue.createCommentVNode(" icon & line "),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass([vue.unref(ns).e("head"), vue.unref(ns).is(vue.unref(currentStatus))])
+        }, [
+          !vue.unref(isSimple) ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("line"))
+          }, [
+            vue.createElementVNode("i", {
+              class: vue.normalizeClass(vue.unref(ns).e("line-inner")),
+              style: vue.normalizeStyle(lineStyle.value)
+            }, null, 6)
+          ], 2)) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
+          }, [
+            vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+              _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(ns).e("icon-inner"))
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+                ]),
+                _: 1
+              }, 8, ["class"])) : vue.unref(currentStatus) === "success" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
+                key: 1,
+                class: vue.normalizeClass([vue.unref(ns).e("icon-inner"), vue.unref(ns).is("status")])
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.Check))
+                ]),
+                _: 1
+              }, 8, ["class"])) : vue.unref(currentStatus) === "error" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
+                key: 2,
+                class: vue.normalizeClass([vue.unref(ns).e("icon-inner"), vue.unref(ns).is("status")])
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.Close))
+                ]),
+                _: 1
+              }, 8, ["class"])) : !vue.unref(isSimple) ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 3,
+                class: vue.normalizeClass(vue.unref(ns).e("icon-inner"))
+              }, vue.toDisplayString(index$2.value + 1), 3)) : vue.createCommentVNode("v-if", true)
+            ])
+          ], 2)
+        ], 2),
+        vue.createCommentVNode(" title & description "),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(ns).e("main"))
+        }, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass([vue.unref(ns).e("title"), vue.unref(ns).is(vue.unref(currentStatus))])
+          }, [
+            vue.renderSlot(_ctx.$slots, "title", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+            ])
+          ], 2),
+          vue.unref(isSimple) ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("arrow"))
+          }, null, 2)) : (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: vue.normalizeClass([vue.unref(ns).e("description"), vue.unref(ns).is(vue.unref(currentStatus))])
+          }, [
+            vue.renderSlot(_ctx.$slots, "description", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
+            ])
+          ], 2))
+        ], 2)
+      ], 6);
+    };
   }
 });
+var Step = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "item.vue"]]);
 
-exports.stepProps = stepProps;
+exports["default"] = Step;
 //# sourceMappingURL=item.js.map

package/lib/components/steps/src/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../../../../packages/components/steps/src/item.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type Step from './item.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const stepProps = buildProps({\n  /**\n   * @description step title\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description step custom icon. Icons can be passed via named slot as well\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description step description\n   */\n  description: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description current status. It will be automatically set by Steps if not configured.\n   */\n  status: {\n    type: String,\n    values: ['', 'wait', 'process', 'finish', 'error', 'success'],\n    default: '',\n  },\n} as const)\n\nexport type StepProps = ExtractPropTypes<typeof stepProps>\n\nexport type StepInstance = InstanceType<typeof Step>\n"],"names":["buildProps","iconPropType"],"mappings":";;;;;;;;AACY,MAAC,SAAS,GAAGA,kBAAU,CAAC;AACpC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;AACjE,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"item.js","sources":["../../../../../../packages/components/steps/src/item.vue"],"sourcesContent":["<template>\n  <div :style=\"style\" :class=\"containerKls\">\n    <!-- icon & line -->\n    <div :class=\"[ns.e('head'), ns.is(currentStatus)]\">\n      <div v-if=\"!isSimple\" :class=\"ns.e('line')\">\n        <i :class=\"ns.e('line-inner')\" :style=\"lineStyle\" />\n      </div>\n\n      <div\n        :class=\"[ns.e('icon'), ns.is(icon || $slots.icon ? 'icon' : 'text')]\"\n      >\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\" :class=\"ns.e('icon-inner')\">\n            <component :is=\"icon\" />\n          </el-icon>\n          <el-icon\n            v-else-if=\"currentStatus === 'success'\"\n            :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n          >\n            <Check />\n          </el-icon>\n          <el-icon\n            v-else-if=\"currentStatus === 'error'\"\n            :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n          >\n            <Close />\n          </el-icon>\n          <div v-else-if=\"!isSimple\" :class=\"ns.e('icon-inner')\">\n            {{ index + 1 }}\n          </div>\n        </slot>\n      </div>\n    </div>\n    <!-- title & description -->\n    <div :class=\"ns.e('main')\">\n      <div :class=\"[ns.e('title'), ns.is(currentStatus)]\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div v-if=\"isSimple\" :class=\"ns.e('arrow')\" />\n      <div v-else :class=\"[ns.e('description'), ns.is(currentStatus)]\">\n        <slot name=\"description\">{{ description }}</slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Check, Close } from '@element-plus/icons-vue'\nimport { isNumber } from '@element-plus/utils'\nimport { stepProps } from './item'\n\nimport type { CSSProperties, Ref } from 'vue'\n\nexport interface IStepsProps {\n  space: number | string\n  active: number\n  direction: string\n  alignCenter: boolean\n  simple: boolean\n  finishStatus: string\n  processStatus: string\n}\n\nexport interface StepItemState {\n  uid: number\n  currentStatus: string\n  setIndex: (val: number) => void\n  calcProgress: (status: string) => void\n}\n\nexport interface IStepsInject {\n  props: IStepsProps\n  steps: Ref<StepItemState[]>\n  addStep: (item: StepItemState) => void\n  removeStep: (uid: number) => void\n}\n\ndefineOptions({\n  name: 'ElStep',\n})\n\nconst props = defineProps(stepProps)\nconst ns = useNamespace('step')\nconst index = ref(-1)\nconst lineStyle = ref({})\nconst internalStatus = ref('')\nconst parent = inject('ElSteps') as IStepsInject\nconst currentInstance = getCurrentInstance()\n\nonMounted(() => {\n  watch(\n    [\n      () => parent.props.active,\n      () => parent.props.processStatus,\n      () => parent.props.finishStatus,\n    ],\n    ([active]) => {\n      updateStatus(active)\n    },\n    { immediate: true }\n  )\n})\n\nonBeforeUnmount(() => {\n  parent.removeStep(stepItemState.uid)\n})\n\nconst currentStatus = computed(() => {\n  return props.status || internalStatus.value\n})\n\nconst prevStatus = computed(() => {\n  const prevStep = parent.steps.value[index.value - 1]\n  return prevStep ? prevStep.currentStatus : 'wait'\n})\n\nconst isCenter = computed(() => {\n  return parent.props.alignCenter\n})\n\nconst isVertical = computed(() => {\n  return parent.props.direction === 'vertical'\n})\n\nconst isSimple = computed(() => {\n  return parent.props.simple\n})\n\nconst stepsCount = computed(() => {\n  return parent.steps.value.length\n})\n\nconst isLast = computed(() => {\n  return parent.steps.value[stepsCount.value - 1]?.uid === currentInstance?.uid\n})\n\nconst space = computed(() => {\n  return isSimple.value ? '' : parent.props.space\n})\n\nconst containerKls = computed(() => {\n  return [\n    ns.b(),\n    ns.is(isSimple.value ? 'simple' : parent.props.direction),\n    ns.is('flex', isLast.value && !space.value && !isCenter.value),\n    ns.is('center', isCenter.value && !isVertical.value && !isSimple.value),\n  ]\n})\n\nconst style = computed(() => {\n  const style: CSSProperties = {\n    flexBasis: isNumber(space.value)\n      ? `${space.value}px`\n      : space.value\n      ? space.value\n      : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`,\n  }\n  if (isVertical.value) return style\n  if (isLast.value) {\n    style.maxWidth = `${100 / stepsCount.value}%`\n  }\n  return style\n})\n\nconst setIndex = (val: number) => {\n  index.value = val\n}\n\nconst calcProgress = (status: string) => {\n  const isWait = status === 'wait'\n  const style: CSSProperties = {\n    transitionDelay: `${isWait ? '-' : ''}${150 * index.value}ms`,\n  }\n  const step = status === parent.props.processStatus || isWait ? 0 : 100\n\n  style.borderWidth = step && !isSimple.value ? '1px' : 0\n  style[parent.props.direction === 'vertical' ? 'height' : 'width'] = `${step}%`\n  lineStyle.value = style\n}\n\nconst updateStatus = (activeIndex: number) => {\n  if (activeIndex > index.value) {\n    internalStatus.value = parent.props.finishStatus\n  } else if (activeIndex === index.value && prevStatus.value !== 'error') {\n    internalStatus.value = parent.props.processStatus\n  } else {\n    internalStatus.value = 'wait'\n  }\n  const prevChild = parent.steps.value[index.value - 1]\n  if (prevChild) prevChild.calcProgress(internalStatus.value)\n}\n\nconst stepItemState = reactive({\n  uid: currentInstance!.uid,\n  currentStatus,\n  setIndex,\n  calcProgress,\n})\n\nparent.addStep(stepItemState)\n</script>\n"],"names":["useNamespace","index","ref","inject","getCurrentInstance","onMounted","watch","onBeforeUnmount","computed","isNumber","reactive"],"mappings":"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"}

package/lib/components/steps/src/item2.js

@@ -2,200 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
-var index$1 = require('../../icon/index.js');
-var iconsVue = require('@element-plus/icons-vue');
 require('../../../utils/index.js');
-var item = require('./item.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var types = require('../../../utils/types.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var icon = require('../../../utils/vue/icon.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElStep"
-});
-const _sfc_main = vue.defineComponent({
-  ...__default__,
-  props: item.stepProps,
-  setup(__props) {
-    const props = __props;
-    const ns = index.useNamespace("step");
-    const index$2 = vue.ref(-1);
-    const lineStyle = vue.ref({});
-    const internalStatus = vue.ref("");
-    const parent = vue.inject("ElSteps");
-    const currentInstance = vue.getCurrentInstance();
-    vue.onMounted(() => {
-      vue.watch([
-        () => parent.props.active,
-        () => parent.props.processStatus,
-        () => parent.props.finishStatus
-      ], ([active]) => {
-        updateStatus(active);
-      }, { immediate: true });
-    });
-    vue.onBeforeUnmount(() => {
-      parent.removeStep(stepItemState.uid);
-    });
-    const currentStatus = vue.computed(() => {
-      return props.status || internalStatus.value;
-    });
-    const prevStatus = vue.computed(() => {
-      const prevStep = parent.steps.value[index$2.value - 1];
-      return prevStep ? prevStep.currentStatus : "wait";
-    });
-    const isCenter = vue.computed(() => {
-      return parent.props.alignCenter;
-    });
-    const isVertical = vue.computed(() => {
-      return parent.props.direction === "vertical";
-    });
-    const isSimple = vue.computed(() => {
-      return parent.props.simple;
-    });
-    const stepsCount = vue.computed(() => {
-      return parent.steps.value.length;
-    });
-    const isLast = vue.computed(() => {
-      var _a;
-      return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === (currentInstance == null ? void 0 : currentInstance.uid);
-    });
-    const space = vue.computed(() => {
-      return isSimple.value ? "" : parent.props.space;
-    });
-    const containerKls = vue.computed(() => {
-      return [
-        ns.b(),
-        ns.is(isSimple.value ? "simple" : parent.props.direction),
-        ns.is("flex", isLast.value && !space.value && !isCenter.value),
-        ns.is("center", isCenter.value && !isVertical.value && !isSimple.value)
-      ];
-    });
-    const style = vue.computed(() => {
-      const style2 = {
-        flexBasis: types.isNumber(space.value) ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
-      };
-      if (isVertical.value)
-        return style2;
-      if (isLast.value) {
-        style2.maxWidth = `${100 / stepsCount.value}%`;
-      }
-      return style2;
-    });
-    const setIndex = (val) => {
-      index$2.value = val;
-    };
-    const calcProgress = (status) => {
-      const isWait = status === "wait";
-      const style2 = {
-        transitionDelay: `${isWait ? "-" : ""}${150 * index$2.value}ms`
-      };
-      const step = status === parent.props.processStatus || isWait ? 0 : 100;
-      style2.borderWidth = step && !isSimple.value ? "1px" : 0;
-      style2[parent.props.direction === "vertical" ? "height" : "width"] = `${step}%`;
-      lineStyle.value = style2;
-    };
-    const updateStatus = (activeIndex) => {
-      if (activeIndex > index$2.value) {
-        internalStatus.value = parent.props.finishStatus;
-      } else if (activeIndex === index$2.value && prevStatus.value !== "error") {
-        internalStatus.value = parent.props.processStatus;
-      } else {
-        internalStatus.value = "wait";
-      }
-      const prevChild = parent.steps.value[index$2.value - 1];
-      if (prevChild)
-        prevChild.calcProgress(internalStatus.value);
-    };
-    const stepItemState = vue.reactive({
-      uid: currentInstance.uid,
-      currentStatus,
-      setIndex,
-      calcProgress
-    });
-    parent.addStep(stepItemState);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        style: vue.normalizeStyle(vue.unref(style)),
-        class: vue.normalizeClass(vue.unref(containerKls))
-      }, [
-        vue.createCommentVNode(" icon & line "),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass([vue.unref(ns).e("head"), vue.unref(ns).is(vue.unref(currentStatus))])
-        }, [
-          !vue.unref(isSimple) ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: vue.normalizeClass(vue.unref(ns).e("line"))
-          }, [
-            vue.createElementVNode("i", {
-              class: vue.normalizeClass(vue.unref(ns).e("line-inner")),
-              style: vue.normalizeStyle(lineStyle.value)
-            }, null, 6)
-          ], 2)) : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
-          }, [
-            vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-              _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
-                key: 0,
-                class: vue.normalizeClass(vue.unref(ns).e("icon-inner"))
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
-                ]),
-                _: 1
-              }, 8, ["class"])) : vue.unref(currentStatus) === "success" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
-                key: 1,
-                class: vue.normalizeClass([vue.unref(ns).e("icon-inner"), vue.unref(ns).is("status")])
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(iconsVue.Check))
-                ]),
-                _: 1
-              }, 8, ["class"])) : vue.unref(currentStatus) === "error" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
-                key: 2,
-                class: vue.normalizeClass([vue.unref(ns).e("icon-inner"), vue.unref(ns).is("status")])
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(iconsVue.Close))
-                ]),
-                _: 1
-              }, 8, ["class"])) : !vue.unref(isSimple) ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 3,
-                class: vue.normalizeClass(vue.unref(ns).e("icon-inner"))
-              }, vue.toDisplayString(index$2.value + 1), 3)) : vue.createCommentVNode("v-if", true)
-            ])
-          ], 2)
-        ], 2),
-        vue.createCommentVNode(" title & description "),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(ns).e("main"))
-        }, [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass([vue.unref(ns).e("title"), vue.unref(ns).is(vue.unref(currentStatus))])
-          }, [
-            vue.renderSlot(_ctx.$slots, "title", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
-            ])
-          ], 2),
-          vue.unref(isSimple) ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: vue.normalizeClass(vue.unref(ns).e("arrow"))
-          }, null, 2)) : (vue.openBlock(), vue.createElementBlock("div", {
-            key: 1,
-            class: vue.normalizeClass([vue.unref(ns).e("description"), vue.unref(ns).is(vue.unref(currentStatus))])
-          }, [
-            vue.renderSlot(_ctx.$slots, "description", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
-            ])
-          ], 2))
-        ], 2)
-      ], 6);
-    };
+const stepProps = runtime.buildProps({
+  title: {
+    type: String,
+    default: ""
+  },
+  icon: {
+    type: icon.iconPropType
+  },
+  description: {
+    type: String,
+    default: ""
+  },
+  status: {
+    type: String,
+    values: ["", "wait", "process", "finish", "error", "success"],
+    default: ""
   }
 });
-var Step = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "item.vue"]]);
 
-exports["default"] = Step;
+exports.stepProps = stepProps;
 //# sourceMappingURL=item2.js.map

package/lib/components/steps/src/item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"item2.js","sources":["../../../../../../packages/components/steps/src/item.vue"],"sourcesContent":["<template>\n  <div :style=\"style\" :class=\"containerKls\">\n    <!-- icon & line -->\n    <div :class=\"[ns.e('head'), ns.is(currentStatus)]\">\n      <div v-if=\"!isSimple\" :class=\"ns.e('line')\">\n        <i :class=\"ns.e('line-inner')\" :style=\"lineStyle\" />\n      </div>\n\n      <div\n        :class=\"[ns.e('icon'), ns.is(icon || $slots.icon ? 'icon' : 'text')]\"\n      >\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\" :class=\"ns.e('icon-inner')\">\n            <component :is=\"icon\" />\n          </el-icon>\n          <el-icon\n            v-else-if=\"currentStatus === 'success'\"\n            :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n          >\n            <Check />\n          </el-icon>\n          <el-icon\n            v-else-if=\"currentStatus === 'error'\"\n            :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n          >\n            <Close />\n          </el-icon>\n          <div v-else-if=\"!isSimple\" :class=\"ns.e('icon-inner')\">\n            {{ index + 1 }}\n          </div>\n        </slot>\n      </div>\n    </div>\n    <!-- title & description -->\n    <div :class=\"ns.e('main')\">\n      <div :class=\"[ns.e('title'), ns.is(currentStatus)]\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div v-if=\"isSimple\" :class=\"ns.e('arrow')\" />\n      <div v-else :class=\"[ns.e('description'), ns.is(currentStatus)]\">\n        <slot name=\"description\">{{ description }}</slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Check, Close } from '@element-plus/icons-vue'\nimport { isNumber } from '@element-plus/utils'\nimport { stepProps } from './item'\n\nimport type { CSSProperties, Ref } from 'vue'\n\nexport interface IStepsProps {\n  space: number | string\n  active: number\n  direction: string\n  alignCenter: boolean\n  simple: boolean\n  finishStatus: string\n  processStatus: string\n}\n\nexport interface StepItemState {\n  uid: number\n  currentStatus: string\n  setIndex: (val: number) => void\n  calcProgress: (status: string) => void\n}\n\nexport interface IStepsInject {\n  props: IStepsProps\n  steps: Ref<StepItemState[]>\n  addStep: (item: StepItemState) => void\n  removeStep: (uid: number) => void\n}\n\ndefineOptions({\n  name: 'ElStep',\n})\n\nconst props = defineProps(stepProps)\nconst ns = useNamespace('step')\nconst index = ref(-1)\nconst lineStyle = ref({})\nconst internalStatus = ref('')\nconst parent = inject('ElSteps') as IStepsInject\nconst currentInstance = getCurrentInstance()\n\nonMounted(() => {\n  watch(\n    [\n      () => parent.props.active,\n      () => parent.props.processStatus,\n      () => parent.props.finishStatus,\n    ],\n    ([active]) => {\n      updateStatus(active)\n    },\n    { immediate: true }\n  )\n})\n\nonBeforeUnmount(() => {\n  parent.removeStep(stepItemState.uid)\n})\n\nconst currentStatus = computed(() => {\n  return props.status || internalStatus.value\n})\n\nconst prevStatus = computed(() => {\n  const prevStep = parent.steps.value[index.value - 1]\n  return prevStep ? prevStep.currentStatus : 'wait'\n})\n\nconst isCenter = computed(() => {\n  return parent.props.alignCenter\n})\n\nconst isVertical = computed(() => {\n  return parent.props.direction === 'vertical'\n})\n\nconst isSimple = computed(() => {\n  return parent.props.simple\n})\n\nconst stepsCount = computed(() => {\n  return parent.steps.value.length\n})\n\nconst isLast = computed(() => {\n  return parent.steps.value[stepsCount.value - 1]?.uid === currentInstance?.uid\n})\n\nconst space = computed(() => {\n  return isSimple.value ? '' : parent.props.space\n})\n\nconst containerKls = computed(() => {\n  return [\n    ns.b(),\n    ns.is(isSimple.value ? 'simple' : parent.props.direction),\n    ns.is('flex', isLast.value && !space.value && !isCenter.value),\n    ns.is('center', isCenter.value && !isVertical.value && !isSimple.value),\n  ]\n})\n\nconst style = computed(() => {\n  const style: CSSProperties = {\n    flexBasis: isNumber(space.value)\n      ? `${space.value}px`\n      : space.value\n      ? space.value\n      : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`,\n  }\n  if (isVertical.value) return style\n  if (isLast.value) {\n    style.maxWidth = `${100 / stepsCount.value}%`\n  }\n  return style\n})\n\nconst setIndex = (val: number) => {\n  index.value = val\n}\n\nconst calcProgress = (status: string) => {\n  const isWait = status === 'wait'\n  const style: CSSProperties = {\n    transitionDelay: `${isWait ? '-' : ''}${150 * index.value}ms`,\n  }\n  const step = status === parent.props.processStatus || isWait ? 0 : 100\n\n  style.borderWidth = step && !isSimple.value ? '1px' : 0\n  style[parent.props.direction === 'vertical' ? 'height' : 'width'] = `${step}%`\n  lineStyle.value = style\n}\n\nconst updateStatus = (activeIndex: number) => {\n  if (activeIndex > index.value) {\n    internalStatus.value = parent.props.finishStatus\n  } else if (activeIndex === index.value && prevStatus.value !== 'error') {\n    internalStatus.value = parent.props.processStatus\n  } else {\n    internalStatus.value = 'wait'\n  }\n  const prevChild = parent.steps.value[index.value - 1]\n  if (prevChild) prevChild.calcProgress(internalStatus.value)\n}\n\nconst stepItemState = reactive({\n  uid: currentInstance!.uid,\n  currentStatus,\n  setIndex,\n  calcProgress,\n})\n\nparent.addStep(stepItemState)\n</script>\n"],"names":["useNamespace","index","ref","inject","getCurrentInstance","onMounted","watch","onBeforeUnmount","computed","isNumber","reactive"],"mappings":"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"}
+{"version":3,"file":"item2.js","sources":["../../../../../../packages/components/steps/src/item.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type Step from './item.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const stepProps = buildProps({\n  /**\n   * @description step title\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description step custom icon. Icons can be passed via named slot as well\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description step description\n   */\n  description: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description current status. It will be automatically set by Steps if not configured.\n   */\n  status: {\n    type: String,\n    values: ['', 'wait', 'process', 'finish', 'error', 'success'],\n    default: '',\n  },\n} as const)\n\nexport type StepProps = ExtractPropTypes<typeof stepProps>\n\nexport type StepInstance = InstanceType<typeof Step>\n"],"names":["buildProps","iconPropType"],"mappings":";;;;;;;;AACY,MAAC,SAAS,GAAGA,kBAAU,CAAC;AACpC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;AACjE,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}