@element-plus/nightly 0.0.20260117 → 0.0.20260118

package/es/components/steps/src/item.vue2.mjs

@@ -1,7 +1,6 @@
 import { defineComponent, ref, inject, getCurrentInstance, onMounted, watch, computed, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, normalizeStyle, createCommentVNode, createElementVNode, unref, renderSlot, createBlock, withCtx, resolveDynamicComponent, createVNode, toDisplayString, createTextVNode } from 'vue';
 import { ElIcon } from '../../icon/index.mjs';
 import { Check, Close } from '@element-plus/icons-vue';
-import { stepProps } from './item.mjs';
 import { STEPS_INJECTION_KEY } from './tokens.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { isNumber } from '../../../utils/types.mjs';
@@ -11,7 +10,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElStep"
   },
   __name: "item",
-  props: stepProps,
+  props: {
+    title: { type: String, required: false, default: "" },
+    icon: { type: null, required: false, default: "" },
+    description: { type: String, required: false, default: "" },
+    status: { type: String, required: false, default: "" }
+  },
   setup(__props) {
     const props = __props;
     const ns = useNamespace("step");
@@ -157,16 +161,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode(
                 "div",
                 {
-                  class: normalizeClass([unref(ns).e("icon"), unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
+                  class: normalizeClass([unref(ns).e("icon"), unref(ns).is(__props.icon || _ctx.$slots.icon ? "icon" : "text")])
                 },
                 [
                   renderSlot(_ctx.$slots, "icon", {}, () => [
-                    _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), {
+                    __props.icon ? (openBlock(), createBlock(unref(ElIcon), {
                       key: 0,
                       class: normalizeClass(unref(ns).e("icon-inner"))
                     }, {
                       default: withCtx(() => [
-                        (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+                        (openBlock(), createBlock(resolveDynamicComponent(__props.icon)))
                       ]),
                       _: 1
                       /* STABLE */
@@ -222,7 +226,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 [
                   renderSlot(_ctx.$slots, "title", {}, () => [
                     createTextVNode(
-                      toDisplayString(_ctx.title),
+                      toDisplayString(__props.title),
                       1
                       /* TEXT */
                     )
@@ -249,7 +253,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 [
                   renderSlot(_ctx.$slots, "description", {}, () => [
                     createTextVNode(
-                      toDisplayString(_ctx.description),
+                      toDisplayString(__props.description),
                       1
                       /* TEXT */
                     )

package/es/components/steps/src/item.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"item.vue2.mjs","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":["style","_createElementBlock","_createCommentVNode","_createElementVNode","_normalizeClass","_unref","icon","$slots","_renderSlot","_createBlock","_openBlock","_resolveDynamicComponent","_createVNode","title","description"],"mappings":"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"}
+{"version":3,"file":"item.vue2.mjs","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 { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { StepProps } from './item'\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: Required<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 = withDefaults(defineProps<StepProps>(), {\n  title: '',\n  description: '',\n  icon: '',\n  status: '',\n})\n\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":["style","_createElementBlock","_createCommentVNode","_createElementVNode","_normalizeClass","_unref","$slots","_renderSlot","_createBlock","_openBlock","_resolveDynamicComponent","_createVNode"],"mappings":"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"}

package/es/components/steps/src/steps.d.ts

@@ -1,5 +1,44 @@
 import type Steps from './steps.vue';
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
+export type StepsStatus = 'wait' | 'process' | 'finish' | 'error' | 'success';
+export interface StepsProps {
+    /**
+     * @description the spacing of each step, will be responsive if omitted. Supports percentage.
+     * @default ''
+     */
+    space?: number | string;
+    /**
+     * @description current activation step
+     * @default 0
+     */
+    active?: number;
+    /**
+     * @description display direction
+     * @default 'horizontal'
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * @description center title and description
+     */
+    alignCenter?: boolean;
+    /**
+     * @description whether to apply simple theme
+     */
+    simple?: boolean;
+    /**
+     * @description status of end step
+     * @default 'finish'
+     */
+    finishStatus?: StepsStatus;
+    /**
+     * @description status of current step
+     * @default 'process'
+     */
+    processStatus?: StepsStatus;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `StepsProps` instead.
+ */
 export declare const stepsProps: {
     readonly space: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, "", boolean>;
     readonly active: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
@@ -19,7 +58,9 @@ export declare const stepsProps: {
     readonly finishStatus: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "finish", boolean>;
     readonly processStatus: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "process", boolean>;
 };
-export type StepsProps = ExtractPropTypes<typeof stepsProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `StepsProps` instead.
+ */
 export type StepsPropsPublic = ExtractPublicPropTypes<typeof stepsProps>;
 export declare const stepsEmits: {
     change: (newVal: number, oldVal: number) => boolean;

package/es/components/steps/src/steps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"steps.mjs","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":[],"mappings":";;;;AAMO,MAAM,aAAa,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAInC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,YAAA;AAAA,IACT,MAAA,EAAQ,CAAC,YAAA,EAAc,UAAU;AAAA,GACnC;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,MAAA;AAAA,IACN,QAAQ,CAAC,MAAA,EAAQ,SAAA,EAAW,QAAA,EAAU,SAAS,SAAS,CAAA;AAAA,IACxD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,MAAA;AAAA,IACN,QAAQ,CAAC,MAAA,EAAQ,SAAA,EAAW,QAAA,EAAU,SAAS,SAAS,CAAA;AAAA,IACxD,OAAA,EAAS;AAAA;AAEb,CAAU;AAIH,MAAM,UAAA,GAAa;AAAA,EACxB,CAAC,YAAY,GAAG,CAAC,MAAA,EAAgB,MAAA,KAC/B,CAAC,MAAA,EAAQ,MAAM,CAAA,CAAE,KAAA,CAAM,QAAQ;AACnC;;;;"}
+{"version":3,"file":"steps.mjs","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 { ExtractPublicPropTypes } from 'vue'\n\nexport type StepsStatus = 'wait' | 'process' | 'finish' | 'error' | 'success'\n\nexport interface StepsProps {\n  /**\n   * @description the spacing of each step, will be responsive if omitted. Supports percentage.\n   * @default ''\n   */\n  space?: number | string\n  /**\n   * @description current activation step\n   * @default 0\n   */\n  active?: number\n  /**\n   * @description display direction\n   * @default 'horizontal'\n   */\n  direction?: 'horizontal' | 'vertical'\n  /**\n   * @description center title and description\n   */\n  alignCenter?: boolean\n  /**\n   * @description whether to apply simple theme\n   */\n  simple?: boolean\n  /**\n   * @description status of end step\n   * @default 'finish'\n   */\n  finishStatus?: StepsStatus\n  /**\n   * @description status of current step\n   * @default 'process'\n   */\n  processStatus?: StepsStatus\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `StepsProps` instead.\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)\n\n/**\n * @deprecated Removed after 3.0.0, Use `StepsProps` instead.\n */\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":[],"mappings":";;;;AA+CO,MAAM,aAAa,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAInC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,YAAA;AAAA,IACT,MAAA,EAAQ,CAAC,YAAA,EAAc,UAAU;AAAA,GACnC;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,MAAA;AAAA,IACN,QAAQ,CAAC,MAAA,EAAQ,SAAA,EAAW,QAAA,EAAU,SAAS,SAAS,CAAA;AAAA,IACxD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,MAAA;AAAA,IACN,QAAQ,CAAC,MAAA,EAAQ,SAAA,EAAW,QAAA,EAAU,SAAS,SAAS,CAAA;AAAA,IACxD,OAAA,EAAS;AAAA;AAEb,CAAU;AAOH,MAAM,UAAA,GAAa;AAAA,EACxB,CAAC,YAAY,GAAG,CAAC,MAAA,EAAgB,MAAA,KAC/B,CAAC,MAAA,EAAQ,MAAM,CAAA,CAAE,KAAA,CAAM,QAAQ;AACnC;;;;"}

package/es/components/steps/src/steps.vue.d.ts

@@ -1,59 +1,52 @@
+import type { StepsProps } from './steps';
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly space: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, "", boolean>;
-    readonly active: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly direction: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-    readonly alignCenter: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly simple: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly finishStatus: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "finish", boolean>;
-    readonly processStatus: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "process", boolean>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<StepsProps>, {
+    space: string;
+    direction: string;
+    active: number;
+    processStatus: string;
+    finishStatus: string;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (newVal: number, oldVal: number) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly space: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, "", boolean>;
-    readonly active: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly direction: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-    readonly alignCenter: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly simple: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly finishStatus: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "finish", boolean>;
-    readonly processStatus: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "process", boolean>;
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<StepsProps>, {
+    space: string;
+    direction: string;
+    active: number;
+    processStatus: string;
+    finishStatus: string;
+}>>> & {
     onChange?: ((newVal: number, oldVal: number) => any) | undefined;
 }, {
-    readonly space: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
-    readonly direction: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
-    readonly active: number;
-    readonly finishStatus: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown>;
-    readonly processStatus: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown>;
+    space: number | string;
+    direction: "horizontal" | "vertical";
+    active: number;
+    finishStatus: import("./steps").StepsStatus;
+    processStatus: import("./steps").StepsStatus;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/es/components/steps/src/steps.vue2.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, getCurrentInstance, watch, provide, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createVNode } from 'vue';
-import { stepsEmits, stepsProps } from './steps.mjs';
+import { stepsEmits } from './steps.mjs';
 import { STEPS_INJECTION_KEY } from './tokens.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { useOrderedChildren } from '../../../hooks/use-ordered-children/index.mjs';
@@ -10,7 +10,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElSteps"
   },
   __name: "steps",
-  props: stepsProps,
+  props: {
+    space: { type: [Number, String], required: false, default: "" },
+    active: { type: Number, required: false, default: 0 },
+    direction: { type: String, required: false, default: "horizontal" },
+    alignCenter: { type: Boolean, required: false },
+    simple: { type: Boolean, required: false },
+    finishStatus: { type: String, required: false, default: "finish" },
+    processStatus: { type: String, required: false, default: "process" }
+  },
   emits: stepsEmits,
   setup(__props, { emit: __emit }) {
     const props = __props;
@@ -38,7 +46,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(
         "div",
         {
-          class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.simple ? "simple" : _ctx.direction)])
+          class: normalizeClass([unref(ns).b(), unref(ns).m(__props.simple ? "simple" : __props.direction)])
         },
         [
           renderSlot(_ctx.$slots, "default"),

package/es/components/steps/src/steps.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"steps.vue2.mjs","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":["_createElementBlock","_normalizeClass","_unref","simple","direction","_renderSlot","_createVNode"],"mappings":";;;;;;;;;;;;;;;AAoBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,EAAA,GAAK,aAAa,OAAO,CAAA;AAC/B,IAAA,MAAM;AAAA,MACJ,QAAA,EAAU,KAAA;AAAA,MACV,QAAA,EAAU,OAAA;AAAA,MACV,WAAA,EAAa,UAAA;AAAA,MACb,cAAA,EAAgB;AAAA,KAClB,GAAI,kBAAA,CAAkC,kBAAA,EAAmB,EAAI,QAAQ,CAAA;AAErE,IAAA,KAAA,CAAM,OAAO,MAAM;AACjB,MAAA,KAAA,CAAM,KAAA,CAAM,OAAA,CAAQ,CAAC,QAAA,EAAyB,KAAA,KAAkB;AAC9D,QAAA,QAAA,CAAS,SAAS,KAAK,CAAA;AAAA,MACzB,CAAC,CAAA;AAAA,IACH,CAAC,CAAA;AAED,IAAA,OAAA,CAAQ,qBAAqB,EAAE,KAAA,EAAO,KAAA,EAAO,OAAA,EAAS,YAAY,CAAA;AAElE,IAAA,KAAA;AAAA,MACE,MAAM,KAAA,CAAM,MAAA;AAAA,MACZ,CAAC,QAAgB,MAAA,KAAmB;AAClC,QAAA,IAAA,CAAK,YAAA,EAAc,QAAQ,MAAM,CAAA;AAAA,MACnC;AAAA,KACF;;0BA3CEA,kBAAA;AAAA,QAGM,KAAA;AAAA,QAAA;AAAA,UAHA,OAAKC,cAAA,CAAA,CAAGC,MAAA,EAAA,CAAA,CAAG,GAAC,EAAIA,KAAA,CAAA,EAAA,CAAA,CAAG,EAAEC,IAAAA,CAAAA,MAAAA,GAAM,WAAcC,IAAAA,CAAAA,SAAS,CAAA,CAAA;AAAA;;UACtDC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,UACRC,WAAA,CAAgBJ,KAAA,CAAA,WAAA,CAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"steps.vue2.mjs","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 } from './steps'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { StepsProps } from './steps'\nimport type { StepItemState } from './item.vue'\n\ndefineOptions({\n  name: 'ElSteps',\n})\n\nconst props = withDefaults(defineProps<StepsProps>(), {\n  space: '',\n  direction: 'horizontal',\n  active: 0,\n  processStatus: 'process',\n  finishStatus: 'finish',\n})\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":["_createElementBlock","_normalizeClass","_unref","_renderSlot","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAOd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,EAAA,GAAK,aAAa,OAAO,CAAA;AAC/B,IAAA,MAAM;AAAA,MACJ,QAAA,EAAU,KAAA;AAAA,MACV,QAAA,EAAU,OAAA;AAAA,MACV,WAAA,EAAa,UAAA;AAAA,MACb,cAAA,EAAgB;AAAA,KAClB,GAAI,kBAAA,CAAkC,kBAAA,EAAmB,EAAI,QAAQ,CAAA;AAErE,IAAA,KAAA,CAAM,OAAO,MAAM;AACjB,MAAA,KAAA,CAAM,KAAA,CAAM,OAAA,CAAQ,CAAC,QAAA,EAAyB,KAAA,KAAkB;AAC9D,QAAA,QAAA,CAAS,SAAS,KAAK,CAAA;AAAA,MACzB,CAAC,CAAA;AAAA,IACH,CAAC,CAAA;AAED,IAAA,OAAA,CAAQ,qBAAqB,EAAE,KAAA,EAAO,KAAA,EAAO,OAAA,EAAS,YAAY,CAAA;AAElE,IAAA,KAAA;AAAA,MACE,MAAM,KAAA,CAAM,MAAA;AAAA,MACZ,CAAC,QAAgB,MAAA,KAAmB;AAClC,QAAA,IAAA,CAAK,YAAA,EAAc,QAAQ,MAAM,CAAA;AAAA,MACnC;AAAA,KACF;;0BAlDEA,kBAAA;AAAA,QAGM,KAAA;AAAA,QAAA;AAAA,UAHA,OAAKC,cAAA,CAAA,CAAGC,MAAA,EAAA,CAAA,CAAG,GAAC,EAAIA,KAAA,CAAA,EAAA,CAAA,CAAG,EAAE,OAAA,CAAA,MAAA,GAAM,WAAc,OAAA,CAAA,SAAS,CAAA,CAAA;AAAA;;UACtDC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,UACRC,WAAA,CAAgBF,KAAA,CAAA,WAAA,CAAA;AAAA;;;;;;;;;;"}

package/es/components/switch/src/switch.d.ts

@@ -1,5 +1,91 @@
+import type { ComponentSize } from '@element-plus/nightly/es/constants';
+import type { Component, ExtractPublicPropTypes, PropType } from 'vue';
 import type Switch from './switch.vue';
-import type { ExtractPropTypes, ExtractPublicPropTypes, PropType } from 'vue';
+export interface SwitchProps {
+    /**
+     * @description binding value, it should be equivalent to either `active-value` or `inactive-value`, by default it's `boolean` type
+     */
+    modelValue?: boolean | string | number;
+    /**
+     * @description whether Switch is disabled
+     */
+    disabled?: boolean;
+    /**
+     * @description whether Switch is in loading state
+     */
+    loading?: boolean;
+    /**
+     * @description size of Switch
+     */
+    size?: ComponentSize;
+    /**
+     * @description width of Switch
+     */
+    width?: string | number;
+    /**
+     * @description whether icon or text is displayed inside dot, only the first character will be rendered for text
+     */
+    inlinePrompt?: boolean;
+    /**
+     * @description component of the icon displayed in action when in `off` state
+     */
+    inactiveActionIcon?: string | Component;
+    /**
+     * @description component of the icon displayed in action when in `on` state
+     */
+    activeActionIcon?: string | Component;
+    /**
+     * @description component of the icon displayed when in `on` state, overrides `active-text`
+     */
+    activeIcon?: string | Component;
+    /**
+     * @description component of the icon displayed when in `off` state, overrides `inactive-text`
+     */
+    inactiveIcon?: string | Component;
+    /**
+     * @description text displayed when in `on` state
+     */
+    activeText?: string;
+    /**
+     * @description text displayed when in `off` state
+     */
+    inactiveText?: string;
+    /**
+     * @description switch value when in `on` state
+     */
+    activeValue?: boolean | string | number;
+    /**
+     * @description switch value when in `off` state
+     */
+    inactiveValue?: boolean | string | number;
+    /**
+     * @description input name of Switch
+     */
+    name?: string;
+    /**
+     * @description whether to trigger form validation
+     */
+    validateEvent?: boolean;
+    /**
+     * @description before-change hook before the switch state changes. If `false` is returned or a `Promise` is returned and then is rejected, will stop switching
+     */
+    beforeChange?: () => Promise<boolean> | boolean;
+    /**
+     * @description id for input
+     */
+    id?: string;
+    /**
+     * @description tabindex for input
+     */
+    tabindex?: string | number;
+    /**
+     * @description native `aria-label` attribute
+     */
+    ariaLabel?: string;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `SwitchProps` instead.
+ */
 export declare const switchProps: {
     readonly ariaLabel: StringConstructor;
     readonly modelValue: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown, false, boolean>;
@@ -14,25 +100,25 @@ export declare const switchProps: {
     readonly width: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     readonly inlinePrompt: BooleanConstructor;
     readonly inactiveActionIcon: {
-        readonly type: PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
+        readonly type: PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly activeActionIcon: {
-        readonly type: PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
+        readonly type: PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly activeIcon: {
-        readonly type: PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
+        readonly type: PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly inactiveIcon: {
-        readonly type: PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
+        readonly type: PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -57,7 +143,9 @@ export declare const switchProps: {
         __epPropKey: true;
     };
 };
-export type SwitchProps = ExtractPropTypes<typeof switchProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `SwitchProps` instead.
+ */
 export type SwitchPropsPublic = ExtractPublicPropTypes<typeof switchProps>;
 export declare const switchEmits: {
     "update:modelValue": (val: boolean | string | number) => boolean;

package/es/components/switch/src/switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"switch.mjs","sources":["../../../../../../packages/components/switch/src/switch.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isBoolean,\n  isNumber,\n  isString,\n  isValidComponentSize,\n} from '@element-plus/utils'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useAriaProps } from '@element-plus/hooks'\n\nimport type { ComponentSize } from '@element-plus/constants'\nimport type Switch from './switch.vue'\nimport type { ExtractPropTypes, ExtractPublicPropTypes, PropType } from 'vue'\n\nexport const switchProps = buildProps({\n  /**\n   * @description binding value, it should be equivalent to either `active-value` or `inactive-value`, by default it's `boolean` type\n   */\n  modelValue: {\n    type: [Boolean, String, Number],\n    default: false,\n  },\n  /**\n   * @description whether Switch is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether Switch is in loading state\n   */\n  loading: Boolean,\n  /**\n   * @description size of Switch\n   */\n  size: {\n    type: String as PropType<ComponentSize>,\n    validator: isValidComponentSize,\n  },\n  /**\n   * @description width of Switch\n   */\n  width: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description whether icon or text is displayed inside dot, only the first character will be rendered for text\n   */\n  inlinePrompt: Boolean,\n  /**\n   * @description component of the icon displayed in action when in `off` state\n   */\n  inactiveActionIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description component of the icon displayed in action when in `on` state\n   */\n  activeActionIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description component of the icon displayed when in `on` state, overrides `active-text`\n   */\n  activeIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description component of the icon displayed when in `off` state, overrides `inactive-text`\n   */\n  inactiveIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description text displayed when in `on` state\n   */\n  activeText: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description text displayed when in `off` state\n   */\n  inactiveText: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description switch value when in `on` state\n   */\n  activeValue: {\n    type: [Boolean, String, Number],\n    default: true,\n  },\n  /**\n   * @description switch value when in `off` state\n   */\n  inactiveValue: {\n    type: [Boolean, String, Number],\n    default: false,\n  },\n  /**\n   * @description input name of Switch\n   */\n  name: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description before-change hook before the switch state changes. If `false` is returned or a `Promise` is returned and then is rejected, will stop switching\n   */\n  beforeChange: {\n    type: definePropType<() => Promise<boolean> | boolean>(Function),\n  },\n  /**\n   * @description id for input\n   */\n  id: String,\n  /**\n   * @description tabindex for input\n   */\n  tabindex: {\n    type: [String, Number],\n  },\n  ...useAriaProps(['ariaLabel']),\n} as const)\n\nexport type SwitchProps = ExtractPropTypes<typeof switchProps>\nexport type SwitchPropsPublic = ExtractPublicPropTypes<typeof switchProps>\n\nexport const switchEmits = {\n  [UPDATE_MODEL_EVENT]: (val: boolean | string | number) =>\n    isBoolean(val) || isString(val) || isNumber(val),\n  [CHANGE_EVENT]: (val: boolean | string | number) =>\n    isBoolean(val) || isString(val) || isNumber(val),\n  [INPUT_EVENT]: (val: boolean | string | number) =>\n    isBoolean(val) || isString(val) || isNumber(val),\n}\nexport type SwitchEmits = typeof switchEmits\n\nexport type SwitchInstance = InstanceType<typeof Switch> & unknown\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"switch.mjs","sources":["../../../../../../packages/components/switch/src/switch.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isBoolean,\n  isNumber,\n  isString,\n  isValidComponentSize,\n} from '@element-plus/utils'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useAriaProps } from '@element-plus/hooks'\n\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { Component, ExtractPublicPropTypes, PropType } from 'vue'\nimport type Switch from './switch.vue'\n\nexport interface SwitchProps {\n  /**\n   * @description binding value, it should be equivalent to either `active-value` or `inactive-value`, by default it's `boolean` type\n   */\n  modelValue?: boolean | string | number\n  /**\n   * @description whether Switch is disabled\n   */\n  disabled?: boolean\n  /**\n   * @description whether Switch is in loading state\n   */\n  loading?: boolean\n  /**\n   * @description size of Switch\n   */\n  size?: ComponentSize\n  /**\n   * @description width of Switch\n   */\n  width?: string | number\n  /**\n   * @description whether icon or text is displayed inside dot, only the first character will be rendered for text\n   */\n  inlinePrompt?: boolean\n  /**\n   * @description component of the icon displayed in action when in `off` state\n   */\n  inactiveActionIcon?: string | Component\n  /**\n   * @description component of the icon displayed in action when in `on` state\n   */\n  activeActionIcon?: string | Component\n  /**\n   * @description component of the icon displayed when in `on` state, overrides `active-text`\n   */\n  activeIcon?: string | Component\n  /**\n   * @description component of the icon displayed when in `off` state, overrides `inactive-text`\n   */\n  inactiveIcon?: string | Component\n  /**\n   * @description text displayed when in `on` state\n   */\n  activeText?: string\n  /**\n   * @description text displayed when in `off` state\n   */\n  inactiveText?: string\n  /**\n   * @description switch value when in `on` state\n   */\n  activeValue?: boolean | string | number\n  /**\n   * @description switch value when in `off` state\n   */\n  inactiveValue?: boolean | string | number\n  /**\n   * @description input name of Switch\n   */\n  name?: string\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent?: boolean\n  /**\n   * @description before-change hook before the switch state changes. If `false` is returned or a `Promise` is returned and then is rejected, will stop switching\n   */\n  beforeChange?: () => Promise<boolean> | boolean\n  /**\n   * @description id for input\n   */\n  id?: string\n  /**\n   * @description tabindex for input\n   */\n  tabindex?: string | number\n  /**\n   * @description native `aria-label` attribute\n   */\n  ariaLabel?: string\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `SwitchProps` instead.\n */\nexport const switchProps = buildProps({\n  /**\n   * @description binding value, it should be equivalent to either `active-value` or `inactive-value`, by default it's `boolean` type\n   */\n  modelValue: {\n    type: [Boolean, String, Number],\n    default: false,\n  },\n  /**\n   * @description whether Switch is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether Switch is in loading state\n   */\n  loading: Boolean,\n  /**\n   * @description size of Switch\n   */\n  size: {\n    type: String as PropType<ComponentSize>,\n    validator: isValidComponentSize,\n  },\n  /**\n   * @description width of Switch\n   */\n  width: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description whether icon or text is displayed inside dot, only the first character will be rendered for text\n   */\n  inlinePrompt: Boolean,\n  /**\n   * @description component of the icon displayed in action when in `off` state\n   */\n  inactiveActionIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description component of the icon displayed in action when in `on` state\n   */\n  activeActionIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description component of the icon displayed when in `on` state, overrides `active-text`\n   */\n  activeIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description component of the icon displayed when in `off` state, overrides `inactive-text`\n   */\n  inactiveIcon: {\n    type: iconPropType,\n  },\n  /**\n   * @description text displayed when in `on` state\n   */\n  activeText: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description text displayed when in `off` state\n   */\n  inactiveText: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description switch value when in `on` state\n   */\n  activeValue: {\n    type: [Boolean, String, Number],\n    default: true,\n  },\n  /**\n   * @description switch value when in `off` state\n   */\n  inactiveValue: {\n    type: [Boolean, String, Number],\n    default: false,\n  },\n  /**\n   * @description input name of Switch\n   */\n  name: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description before-change hook before the switch state changes. If `false` is returned or a `Promise` is returned and then is rejected, will stop switching\n   */\n  beforeChange: {\n    type: definePropType<() => Promise<boolean> | boolean>(Function),\n  },\n  /**\n   * @description id for input\n   */\n  id: String,\n  /**\n   * @description tabindex for input\n   */\n  tabindex: {\n    type: [String, Number],\n  },\n  ...useAriaProps(['ariaLabel']),\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `SwitchProps` instead.\n */\nexport type SwitchPropsPublic = ExtractPublicPropTypes<typeof switchProps>\n\nexport const switchEmits = {\n  [UPDATE_MODEL_EVENT]: (val: boolean | string | number) =>\n    isBoolean(val) || isString(val) || isNumber(val),\n  [CHANGE_EVENT]: (val: boolean | string | number) =>\n    isBoolean(val) || isString(val) || isNumber(val),\n  [INPUT_EVENT]: (val: boolean | string | number) =>\n    isBoolean(val) || isString(val) || isNumber(val),\n}\nexport type SwitchEmits = typeof switchEmits\n\nexport type SwitchInstance = InstanceType<typeof Switch> & unknown\n"],"names":[],"mappings":"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"}