@element-plus/nightly 0.0.20251217 → 0.0.20251218

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

@@ -2,27 +2,266 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
-var icon = require('../../../utils/vue/icon.js');
+var vue = require('vue');
+var index$1 = require('../../icon/index.js');
+var iconsVue = require('@element-plus/icons-vue');
+var item = require('./item.js');
+var tokens = require('./tokens.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: ""
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElStep"
   },
-  icon: {
-    type: icon.iconPropType
-  },
-  description: {
-    type: String,
-    default: ""
-  },
-  status: {
-    type: String,
-    values: ["", "wait", "process", "finish", "error", "success"],
-    default: ""
+  __name: "item",
+  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(tokens.STEPS_INJECTION_KEY);
+    const currentInstance = vue.getCurrentInstance();
+    let stepDiff = 0;
+    let beforeActive = 0;
+    vue.onMounted(() => {
+      vue.watch(
+        [
+          () => parent.props.active,
+          () => parent.props.processStatus,
+          () => parent.props.finishStatus
+        ],
+        ([active], [oldActive]) => {
+          beforeActive = oldActive || 0;
+          stepDiff = active - beforeActive;
+          updateStatus(active);
+        },
+        { immediate: true }
+      );
+    });
+    const currentStatus = vue.computed(() => {
+      return props.status || internalStatus.value;
+    });
+    const prevInternalStatus = vue.computed(() => {
+      const prevStep = parent.steps.value[index$2.value - 1];
+      return prevStep ? prevStep.internalStatus.value : "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.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 delayTimer = Math.abs(stepDiff) === 1 ? 0 : stepDiff > 0 ? (index$2.value + 1 - beforeActive) * 150 : -(index$2.value + 1 - parent.props.active) * 150;
+      const style2 = {
+        transitionDelay: `${delayTimer}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 && prevInternalStatus.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 = {
+      uid: currentInstance.uid,
+      getVnode: () => currentInstance.vnode,
+      currentStatus,
+      internalStatus,
+      setIndex,
+      calcProgress
+    };
+    parent.addStep(stepItemState);
+    vue.onBeforeUnmount(() => {
+      parent.removeStep(stepItemState);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          style: vue.normalizeStyle(style.value),
+          class: vue.normalizeClass(containerKls.value)
+        },
+        [
+          vue.createCommentVNode(" icon & line "),
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass([vue.unref(ns).e("head"), vue.unref(ns).is(currentStatus.value)])
+            },
+            [
+              !isSimple.value ? (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"])) : currentStatus.value === "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"])) : currentStatus.value === "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"])) : !isSimple.value ? (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(currentStatus.value)])
+                },
+                [
+                  vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                    vue.createTextVNode(
+                      vue.toDisplayString(_ctx.title),
+                      1
+                    )
+                  ])
+                ],
+                2
+              ),
+              isSimple.value ? (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(currentStatus.value)])
+                },
+                [
+                  vue.renderSlot(_ctx.$slots, "description", {}, () => [
+                    vue.createTextVNode(
+                      vue.toDisplayString(_ctx.description),
+                      1
+                    )
+                  ])
+                ],
+                2
+              ))
+            ],
+            2
+          )
+        ],
+        6
+      );
+    };
   }
 });
+var Step = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/steps/src/item.vue"]]);
 
-exports.stepProps = stepProps;
+exports["default"] = Step;
 //# 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.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nimport type Step from './item.vue'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } 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>\nexport type StepPropsPublic = ExtractPublicPropTypes<typeof stepProps>\n\nexport type StepInstance = InstanceType<typeof Step> & unknown\n"],"names":["buildProps","iconPropType"],"mappings":";;;;;;;AAKO,MAAM,YAAYA,kBAAW,CAAA;AAAA,EAIlC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,iBAAA;AAAA,GACR;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,QAAQ,CAAC,EAAA,EAAI,QAAQ,SAAW,EAAA,QAAA,EAAU,SAAS,SAAS,CAAA;AAAA,IAC5D,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU;;;;"}
+{"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  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'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { CSSProperties, ComputedRef, Ref, VNode } from 'vue'\nimport type { StepsProps } from './steps'\n\nexport interface StepItemState {\n  uid: number\n  getVnode: () => VNode\n  currentStatus: ComputedRef<string>\n  internalStatus: Ref<string>\n  setIndex: (val: number) => void\n  calcProgress: (status: string) => void\n}\n\nexport interface IStepsInject {\n  props: StepsProps\n  steps: Ref<StepItemState[]>\n  addStep: (item: StepItemState) => void\n  removeStep: (item: StepItemState) => 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(STEPS_INJECTION_KEY) as IStepsInject\nconst currentInstance = getCurrentInstance()!\nlet stepDiff = 0\nlet beforeActive = 0\n\nonMounted(() => {\n  watch(\n    [\n      () => parent.props.active,\n      () => parent.props.processStatus,\n      () => parent.props.finishStatus,\n    ],\n    ([active], [oldActive]) => {\n      beforeActive = oldActive || 0\n      stepDiff = active - beforeActive\n\n      updateStatus(active)\n    },\n    { immediate: true }\n  )\n})\n\nconst currentStatus = computed(() => {\n  return props.status || internalStatus.value\n})\n\nconst prevInternalStatus = computed(() => {\n  const prevStep = parent.steps.value[index.value - 1]\n  return prevStep ? prevStep.internalStatus.value : '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 delayTimer =\n    Math.abs(stepDiff) === 1\n      ? 0\n      : stepDiff > 0\n        ? (index.value + 1 - beforeActive) * 150\n        : -(index.value + 1 - parent.props.active) * 150\n\n  const style: CSSProperties = {\n    transitionDelay: `${delayTimer}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 (\n    activeIndex === index.value &&\n    prevInternalStatus.value !== 'error'\n  ) {\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: StepItemState = {\n  uid: currentInstance.uid,\n  getVnode: () => currentInstance.vnode,\n  currentStatus,\n  internalStatus,\n  setIndex,\n  calcProgress,\n}\n\nparent.addStep(stepItemState)\n\nonBeforeUnmount(() => {\n  parent.removeStep(stepItemState)\n})\n</script>\n"],"names":["useNamespace","index","ref","inject","STEPS_INJECTION_KEY","getCurrentInstance","onMounted","watch","computed","style","isNumber","onBeforeUnmount","_openBlock","_createElementBlock","_normalizeStyle","_normalizeClass","_createCommentVNode","_createElementVNode","_unref","icon","$slots","_renderSlot","_createBlock","ElIcon","_resolveDynamicComponent","_createVNode","Check","Close","_createTextVNode","title","description"],"mappings":"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"}

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

@@ -2,45 +2,59 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var steps = require('./steps2.js');
+var tokens = require('./tokens.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-ordered-children/index.js');
 var event = require('../../../constants/event.js');
-var types = require('../../../utils/types.js');
 
-const stepsProps = runtime.buildProps({
-  space: {
-    type: [Number, String],
-    default: ""
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElSteps"
   },
-  active: {
-    type: Number,
-    default: 0
-  },
-  direction: {
-    type: String,
-    default: "horizontal",
-    values: ["horizontal", "vertical"]
-  },
-  alignCenter: {
-    type: Boolean
-  },
-  simple: {
-    type: Boolean
-  },
-  finishStatus: {
-    type: String,
-    values: ["wait", "process", "finish", "error", "success"],
-    default: "finish"
-  },
-  processStatus: {
-    type: String,
-    values: ["wait", "process", "finish", "error", "success"],
-    default: "process"
+  __name: "steps",
+  props: steps.stepsProps,
+  emits: steps.stepsEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const ns = index.useNamespace("steps");
+    const {
+      children: steps,
+      addChild: addStep,
+      removeChild: removeStep,
+      ChildrenSorter: StepsSorter
+    } = index$1.useOrderedChildren(vue.getCurrentInstance(), "ElStep");
+    vue.watch(steps, () => {
+      steps.value.forEach((instance, index) => {
+        instance.setIndex(index);
+      });
+    });
+    vue.provide(tokens.STEPS_INJECTION_KEY, { props, steps, addStep, removeStep });
+    vue.watch(
+      () => props.active,
+      (newVal, oldVal) => {
+        emit(event.CHANGE_EVENT, newVal, oldVal);
+      }
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.simple ? "simple" : _ctx.direction)])
+        },
+        [
+          vue.renderSlot(_ctx.$slots, "default"),
+          vue.createVNode(vue.unref(StepsSorter))
+        ],
+        2
+      );
+    };
   }
 });
-const stepsEmits = {
-  [event.CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(types.isNumber)
-};
+var Steps = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/steps/src/steps.vue"]]);
 
-exports.stepsEmits = stepsEmits;
-exports.stepsProps = stepsProps;
+exports["default"] = Steps;
 //# sourceMappingURL=steps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"steps.js","sources":["../../../../../../packages/components/steps/src/steps.ts"],"sourcesContent":["import { CHANGE_EVENT } from '@element-plus/constants'\nimport { buildProps, isNumber } from '@element-plus/utils'\n\nimport type Steps from './steps.vue'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const stepsProps = buildProps({\n  /**\n   * @description the spacing of each step, will be responsive if omitted. Supports percentage.\n   */\n  space: {\n    type: [Number, String],\n    default: '',\n  },\n  /**\n   * @description current activation step\n   */\n  active: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description display direction\n   */\n  direction: {\n    type: String,\n    default: 'horizontal',\n    values: ['horizontal', 'vertical'],\n  },\n  /**\n   * @description center title and description\n   */\n  alignCenter: {\n    type: Boolean,\n  },\n  /**\n   * @description whether to apply simple theme\n   */\n  simple: {\n    type: Boolean,\n  },\n  /**\n   * @description status of end step\n   */\n  finishStatus: {\n    type: String,\n    values: ['wait', 'process', 'finish', 'error', 'success'],\n    default: 'finish',\n  },\n  /**\n   * @description status of current step\n   */\n  processStatus: {\n    type: String,\n    values: ['wait', 'process', 'finish', 'error', 'success'],\n    default: 'process',\n  },\n} as const)\nexport type StepsProps = ExtractPropTypes<typeof stepsProps>\nexport type StepsPropsPublic = ExtractPublicPropTypes<typeof stepsProps>\n\nexport const stepsEmits = {\n  [CHANGE_EVENT]: (newVal: number, oldVal: number) =>\n    [newVal, oldVal].every(isNumber),\n}\nexport type StepsEmits = typeof stepsEmits\n\nexport type StepsInstance = InstanceType<typeof Steps> & unknown\n"],"names":["buildProps","CHANGE_EVENT","isNumber"],"mappings":";;;;;;;;AAMO,MAAM,aAAaA,kBAAW,CAAA;AAAA,EAInC,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,YAAA;AAAA,IACT,MAAA,EAAQ,CAAC,YAAA,EAAc,UAAU,CAAA;AAAA,GACnC;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,GACR;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,GACR;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,QAAQ,CAAC,MAAA,EAAQ,SAAW,EAAA,QAAA,EAAU,SAAS,SAAS,CAAA;AAAA,IACxD,OAAS,EAAA,QAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,QAAQ,CAAC,MAAA,EAAQ,SAAW,EAAA,QAAA,EAAU,SAAS,SAAS,CAAA;AAAA,IACxD,OAAS,EAAA,SAAA;AAAA,GACX;AACF,CAAU,EAAA;AAIH,MAAM,UAAa,GAAA;AAAA,EACxB,CAACC,kBAAe,GAAA,CAAC,MAAgB,EAAA,MAAA,KAC/B,CAAC,MAAQ,EAAA,MAAM,CAAE,CAAA,KAAA,CAAMC,cAAQ,CAAA;AACnC;;;;;"}
+{"version":3,"file":"steps.js","sources":["../../../../../../packages/components/steps/src/steps.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.m(simple ? 'simple' : direction)]\">\n    <slot />\n    <steps-sorter />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { getCurrentInstance, provide, watch } from 'vue'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { stepsEmits, stepsProps } from './steps'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { StepItemState } from './item.vue'\n\ndefineOptions({\n  name: 'ElSteps',\n})\n\nconst props = defineProps(stepsProps)\nconst emit = defineEmits(stepsEmits)\n\nconst ns = useNamespace('steps')\nconst {\n  children: steps,\n  addChild: addStep,\n  removeChild: removeStep,\n  ChildrenSorter: StepsSorter,\n} = useOrderedChildren<StepItemState>(getCurrentInstance()!, 'ElStep')\n\nwatch(steps, () => {\n  steps.value.forEach((instance: StepItemState, index: number) => {\n    instance.setIndex(index)\n  })\n})\n\nprovide(STEPS_INJECTION_KEY, { props, steps, addStep, removeStep })\n\nwatch(\n  () => props.active,\n  (newVal: number, oldVal: number) => {\n    emit(CHANGE_EVENT, newVal, oldVal)\n  }\n)\n</script>\n"],"names":["useNamespace","useOrderedChildren","getCurrentInstance","watch","provide","STEPS_INJECTION_KEY","CHANGE_EVENT","_openBlock","_createElementBlock","_normalizeClass","_unref","simple","direction","_renderSlot","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEP,IAAA,MAAA,EAAA,GAAKA,mBAAa,OAAO,CAAA,CAAA;AACzB,IAAA,MAAA;AAAA,MACJ,QAAU,EAAA,KAAA;AAAA,MACV,QAAU,EAAA,OAAA;AAAA,MACV,WAAa,EAAA,UAAA;AAAA,MACb,cAAgB,EAAA,WAAA;AAAA,KACd,GAAAC,0BAAA,CAAkCC,sBAAmB,EAAA,EAAI,QAAQ,CAAA,CAAA;AAErE,IAAAC,SAAA,CAAM,OAAO,MAAM;AACjB,MAAA,KAAA,CAAM,KAAM,CAAA,OAAA,CAAQ,CAAC,QAAA,EAAyB,KAAkB,KAAA;AAC9D,QAAA,QAAA,CAAS,SAAS,KAAK,CAAA,CAAA;AAAA,OACxB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAAC,WAAA,CAAQC,4BAAqB,EAAE,KAAA,EAAO,KAAO,EAAA,OAAA,EAAS,YAAY,CAAA,CAAA;AAElE,IAAAF,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,MAAA;AAAA,MACZ,CAAC,QAAgB,MAAmB,KAAA;AAC7B,QAAA,IAAA,CAAAG,kBAAA,EAAc,QAAQ,MAAM,CAAA,CAAA;AAAA,OACnC;AAAA,KACF,CAAA;;AA3CE,MAAA,OAAAC,eAAA,EAAAC,sBAAA;AAAA,QAGM,KAAA;AAAA,QAAA;AAAA,UAHA,OAAKC,oBAAGC,UAAG,EAAA,CAAA,CAAA,GAAK,EAAAA,SAAA,CAAG,EAAA,CAAA,CAAA,EAAEC,IAAM,CAAA,MAAA,GAAA,WAAcC,IAAS,CAAA,SAAA,CAAA,CAAA,CAAA;AAAA,SAAA;AAAA;UACtDC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,UACRC,eAAA,CAAgBJ,SAAA,CAAA,WAAA,CAAA,CAAA;AAAA,SAAA;AAAA;;;;;;;;;"}

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

@@ -2,59 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var steps = require('./steps.js');
-var tokens = require('./tokens.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var index$1 = require('../../../hooks/use-ordered-children/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 var event = require('../../../constants/event.js');
+var types = require('../../../utils/types.js');
 
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElSteps"
+const stepsProps = runtime.buildProps({
+  space: {
+    type: [Number, String],
+    default: ""
   },
-  __name: "steps",
-  props: steps.stepsProps,
-  emits: steps.stepsEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const ns = index.useNamespace("steps");
-    const {
-      children: steps,
-      addChild: addStep,
-      removeChild: removeStep,
-      ChildrenSorter: StepsSorter
-    } = index$1.useOrderedChildren(vue.getCurrentInstance(), "ElStep");
-    vue.watch(steps, () => {
-      steps.value.forEach((instance, index) => {
-        instance.setIndex(index);
-      });
-    });
-    vue.provide(tokens.STEPS_INJECTION_KEY, { props, steps, addStep, removeStep });
-    vue.watch(
-      () => props.active,
-      (newVal, oldVal) => {
-        emit(event.CHANGE_EVENT, newVal, oldVal);
-      }
-    );
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.simple ? "simple" : _ctx.direction)])
-        },
-        [
-          vue.renderSlot(_ctx.$slots, "default"),
-          vue.createVNode(vue.unref(StepsSorter))
-        ],
-        2
-      );
-    };
+  active: {
+    type: Number,
+    default: 0
+  },
+  direction: {
+    type: String,
+    default: "horizontal",
+    values: ["horizontal", "vertical"]
+  },
+  alignCenter: {
+    type: Boolean
+  },
+  simple: {
+    type: Boolean
+  },
+  finishStatus: {
+    type: String,
+    values: ["wait", "process", "finish", "error", "success"],
+    default: "finish"
+  },
+  processStatus: {
+    type: String,
+    values: ["wait", "process", "finish", "error", "success"],
+    default: "process"
   }
 });
-var Steps = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/steps/src/steps.vue"]]);
+const stepsEmits = {
+  [event.CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(types.isNumber)
+};
 
-exports["default"] = Steps;
+exports.stepsEmits = stepsEmits;
+exports.stepsProps = stepsProps;
 //# sourceMappingURL=steps2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"steps2.js","sources":["../../../../../../packages/components/steps/src/steps.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.m(simple ? 'simple' : direction)]\">\n    <slot />\n    <steps-sorter />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { getCurrentInstance, provide, watch } from 'vue'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { stepsEmits, stepsProps } from './steps'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { StepItemState } from './item.vue'\n\ndefineOptions({\n  name: 'ElSteps',\n})\n\nconst props = defineProps(stepsProps)\nconst emit = defineEmits(stepsEmits)\n\nconst ns = useNamespace('steps')\nconst {\n  children: steps,\n  addChild: addStep,\n  removeChild: removeStep,\n  ChildrenSorter: StepsSorter,\n} = useOrderedChildren<StepItemState>(getCurrentInstance()!, 'ElStep')\n\nwatch(steps, () => {\n  steps.value.forEach((instance: StepItemState, index: number) => {\n    instance.setIndex(index)\n  })\n})\n\nprovide(STEPS_INJECTION_KEY, { props, steps, addStep, removeStep })\n\nwatch(\n  () => props.active,\n  (newVal: number, oldVal: number) => {\n    emit(CHANGE_EVENT, newVal, oldVal)\n  }\n)\n</script>\n"],"names":["useNamespace","useOrderedChildren","getCurrentInstance","watch","provide","STEPS_INJECTION_KEY","CHANGE_EVENT","_openBlock","_createElementBlock","_normalizeClass","_unref","simple","direction","_renderSlot","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEP,IAAA,MAAA,EAAA,GAAKA,mBAAa,OAAO,CAAA,CAAA;AACzB,IAAA,MAAA;AAAA,MACJ,QAAU,EAAA,KAAA;AAAA,MACV,QAAU,EAAA,OAAA;AAAA,MACV,WAAa,EAAA,UAAA;AAAA,MACb,cAAgB,EAAA,WAAA;AAAA,KACd,GAAAC,0BAAA,CAAkCC,sBAAmB,EAAA,EAAI,QAAQ,CAAA,CAAA;AAErE,IAAAC,SAAA,CAAM,OAAO,MAAM;AACjB,MAAA,KAAA,CAAM,KAAM,CAAA,OAAA,CAAQ,CAAC,QAAA,EAAyB,KAAkB,KAAA;AAC9D,QAAA,QAAA,CAAS,SAAS,KAAK,CAAA,CAAA;AAAA,OACxB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAAC,WAAA,CAAQC,4BAAqB,EAAE,KAAA,EAAO,KAAO,EAAA,OAAA,EAAS,YAAY,CAAA,CAAA;AAElE,IAAAF,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,MAAA;AAAA,MACZ,CAAC,QAAgB,MAAmB,KAAA;AAC7B,QAAA,IAAA,CAAAG,kBAAA,EAAc,QAAQ,MAAM,CAAA,CAAA;AAAA,OACnC;AAAA,KACF,CAAA;;AA3CE,MAAA,OAAAC,eAAA,EAAAC,sBAAA;AAAA,QAGM,KAAA;AAAA,QAAA;AAAA,UAHA,OAAKC,oBAAGC,UAAG,EAAA,CAAA,CAAA,GAAK,EAAAA,SAAA,CAAG,EAAA,CAAA,CAAA,EAAEC,IAAM,CAAA,MAAA,GAAA,WAAcC,IAAS,CAAA,SAAA,CAAA,CAAA,CAAA;AAAA,SAAA;AAAA;UACtDC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,UACRC,eAAA,CAAgBJ,SAAA,CAAA,WAAA,CAAA,CAAA;AAAA,SAAA;AAAA;;;;;;;;;"}
+{"version":3,"file":"steps2.js","sources":["../../../../../../packages/components/steps/src/steps.ts"],"sourcesContent":["import { CHANGE_EVENT } from '@element-plus/constants'\nimport { buildProps, isNumber } from '@element-plus/utils'\n\nimport type Steps from './steps.vue'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const stepsProps = buildProps({\n  /**\n   * @description the spacing of each step, will be responsive if omitted. Supports percentage.\n   */\n  space: {\n    type: [Number, String],\n    default: '',\n  },\n  /**\n   * @description current activation step\n   */\n  active: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description display direction\n   */\n  direction: {\n    type: String,\n    default: 'horizontal',\n    values: ['horizontal', 'vertical'],\n  },\n  /**\n   * @description center title and description\n   */\n  alignCenter: {\n    type: Boolean,\n  },\n  /**\n   * @description whether to apply simple theme\n   */\n  simple: {\n    type: Boolean,\n  },\n  /**\n   * @description status of end step\n   */\n  finishStatus: {\n    type: String,\n    values: ['wait', 'process', 'finish', 'error', 'success'],\n    default: 'finish',\n  },\n  /**\n   * @description status of current step\n   */\n  processStatus: {\n    type: String,\n    values: ['wait', 'process', 'finish', 'error', 'success'],\n    default: 'process',\n  },\n} as const)\nexport type StepsProps = ExtractPropTypes<typeof stepsProps>\nexport type StepsPropsPublic = ExtractPublicPropTypes<typeof stepsProps>\n\nexport const stepsEmits = {\n  [CHANGE_EVENT]: (newVal: number, oldVal: number) =>\n    [newVal, oldVal].every(isNumber),\n}\nexport type StepsEmits = typeof stepsEmits\n\nexport type StepsInstance = InstanceType<typeof Steps> & unknown\n"],"names":["buildProps","CHANGE_EVENT","isNumber"],"mappings":";;;;;;;;AAMO,MAAM,aAAaA,kBAAW,CAAA;AAAA,EAInC,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,YAAA;AAAA,IACT,MAAA,EAAQ,CAAC,YAAA,EAAc,UAAU,CAAA;AAAA,GACnC;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,GACR;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,GACR;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,QAAQ,CAAC,MAAA,EAAQ,SAAW,EAAA,QAAA,EAAU,SAAS,SAAS,CAAA;AAAA,IACxD,OAAS,EAAA,QAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,QAAQ,CAAC,MAAA,EAAQ,SAAW,EAAA,QAAA,EAAU,SAAS,SAAS,CAAA;AAAA,IACxD,OAAS,EAAA,SAAA;AAAA,GACX;AACF,CAAU,EAAA;AAIH,MAAM,UAAa,GAAA;AAAA,EACxB,CAACC,kBAAe,GAAA,CAAC,MAAgB,EAAA,MAAA,KAC/B,CAAC,MAAQ,EAAA,MAAM,CAAE,CAAA,KAAA,CAAMC,cAAQ,CAAA;AACnC;;;;;"}

package/lib/components/table/src/filter-panel.js

@@ -9,7 +9,7 @@ var iconsVue = require('@element-plus/icons-vue');
 var index$2 = require('../../tooltip/index.js');
 var index$1 = require('../../scrollbar/index.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var content = require('../../tooltip/src/content.js');
+var content = require('../../tooltip/src/content2.js');
 var index$4 = require('../../../hooks/use-locale/index.js');
 var index$5 = require('../../../hooks/use-namespace/index.js');
 var types = require('../../../utils/types.js');

package/lib/components/tag/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tag$1 = require('./src/tag2.js');
-var tag = require('./src/tag.js');
+var tag$1 = require('./src/tag.js');
+var tag = require('./src/tag2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElTag = install.withInstall(tag$1["default"]);