element-plus 1.2.0-beta.5 → 1.2.0-beta.6

package/lib/components/slider/src/index.vue.d.ts

@@ -0,0 +1,155 @@
+import type { PropType, Ref } from 'vue';
+import type { ComponentSize, Nullable } from 'element-plus/es/utils/types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: PropType<number | number[]>;
+        default: number;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showInputControls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputSize: {
+        type: PropType<ComponentSize>;
+        default: string;
+    };
+    showStops: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    formatTooltip: {
+        type: PropType<(val: number) => number | string>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    range: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    tooltipClass: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    marks: ObjectConstructor;
+}, {
+    firstValue: Ref<number>;
+    secondValue: Ref<number>;
+    oldValue: Ref<number>;
+    dragging: Ref<boolean>;
+    sliderSize: Ref<number>;
+    slider: import("@vue/reactivity").ShallowRef<Nullable<HTMLElement>>;
+    firstButton: Ref<null>;
+    secondButton: Ref<null>;
+    sliderDisabled: import("vue").ComputedRef<boolean>;
+    runwayStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+    barStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+    emitChange: () => Promise<void>;
+    onSliderClick: (event: MouseEvent) => void;
+    getStopStyle: (position: number) => import("vue").CSSProperties;
+    setFirstValue: (firstValue: number) => void;
+    setSecondValue: (secondValue: number) => void;
+    stops: import("vue").ComputedRef<number[]>;
+    markList: import("vue").ComputedRef<import("./slider.type").Mark[]>;
+    sliderWrapper: Ref<Nullable<HTMLElement>>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue" | "change")[], "input" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    modelValue?: unknown;
+    min?: unknown;
+    max?: unknown;
+    step?: unknown;
+    showInput?: unknown;
+    showInputControls?: unknown;
+    inputSize?: unknown;
+    showStops?: unknown;
+    showTooltip?: unknown;
+    formatTooltip?: unknown;
+    disabled?: unknown;
+    range?: unknown;
+    vertical?: unknown;
+    height?: unknown;
+    debounce?: unknown;
+    label?: unknown;
+    tooltipClass?: unknown;
+    marks?: unknown;
+} & {
+    disabled: boolean;
+    modelValue: number | number[];
+    height: string;
+    vertical: boolean;
+    range: boolean;
+    inputSize: ComponentSize;
+    debounce: number;
+    max: number;
+    min: number;
+    step: number;
+    showTooltip: boolean;
+    showInput: boolean;
+    showInputControls: boolean;
+    showStops: boolean;
+} & {
+    label?: string | undefined;
+    tooltipClass?: string | undefined;
+    formatTooltip?: ((val: number) => number | string) | undefined;
+    marks?: Record<string, any> | undefined;
+}> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    modelValue: number | number[];
+    label: string;
+    height: string;
+    vertical: boolean;
+    range: boolean;
+    inputSize: ComponentSize;
+    debounce: number;
+    max: number;
+    min: number;
+    step: number;
+    tooltipClass: string;
+    showTooltip: boolean;
+    showInput: boolean;
+    showInputControls: boolean;
+    showStops: boolean;
+    formatTooltip: (val: number) => number | string;
+}>;
+export default _default;

package/lib/components/slider/src/useSlide.d.ts

@@ -0,0 +1,21 @@
+import type { CSSProperties } from 'vue';
+import type { ISliderInitData, ISliderProps } from './slider.type';
+import type { ElFormItemContext } from 'element-plus/es/tokens';
+import type { Nullable } from 'element-plus/es/utils/types';
+export declare const useSlide: (props: ISliderProps, initData: ISliderInitData, emit: any) => {
+    elFormItem: ElFormItemContext;
+    slider: import("@vue/reactivity").ShallowRef<Nullable<HTMLElement>>;
+    firstButton: import("vue").Ref<null>;
+    secondButton: import("vue").Ref<null>;
+    sliderDisabled: import("vue").ComputedRef<boolean>;
+    minValue: import("vue").ComputedRef<number>;
+    maxValue: import("vue").ComputedRef<number>;
+    runwayStyle: import("vue").ComputedRef<CSSProperties>;
+    barStyle: import("vue").ComputedRef<CSSProperties>;
+    resetSize: () => void;
+    setPosition: (percent: number) => void;
+    emitChange: () => Promise<void>;
+    onSliderClick: (event: MouseEvent) => void;
+    setFirstValue: (firstValue: number) => void;
+    setSecondValue: (secondValue: number) => void;
+};

package/lib/components/steps/index.d.ts

@@ -97,13 +97,13 @@ export declare const ElSteps: import("../../utils/types").SFCWithInstall<import(
         description?: unknown;
         status?: unknown;
     } & {
-        title: string;
         icon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+        title: string;
         description: string;
         status: string;
     } & {}>, {
-        title: string;
         icon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+        title: string;
         description: string;
         status: string;
     }>;
@@ -147,13 +147,13 @@ export declare const ElStep: import("../../utils/types").SFCWithInstall<import("
     description?: unknown;
     status?: unknown;
 } & {
-    title: string;
     icon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    title: string;
     description: string;
     status: string;
 } & {}>, {
-    title: string;
     icon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    title: string;
     description: string;
     status: string;
 }>>;

package/lib/components/steps/src/item.vue.d.ts

@@ -56,13 +56,13 @@ declare const _default: import("vue").DefineComponent<{
     description?: unknown;
     status?: unknown;
 } & {
-    title: string;
     icon: string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    title: string;
     description: string;
     status: string;
 } & {}>, {
-    title: string;
     icon: string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    title: string;
     description: string;
     status: string;
 }>;

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

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var index = require('../../icon/index.js');
-var icons = require('@element-plus/icons');
+var iconsVue = require('@element-plus/icons-vue');
 
 var script = vue.defineComponent({
   name: "ElStep",
   components: {
     ElIcon: index.ElIcon,
-    Close: icons.Close,
-    Check: icons.Check
+    Close: iconsVue.Close,
+    Check: iconsVue.Check
   },
   props: {
     title: {

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

@@ -1 +1 @@
-{"version":3,"file":"item.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/steps/src/item.vue"],"sourcesContent":["<template>\n  <div\n    :style=\"style\"\n    :class=\"[\n      'el-step',\n      isSimple ? 'is-simple' : `is-${parent.props.direction}`,\n      isLast && !space && !isCenter && 'is-flex',\n      isCenter && !isVertical && !isSimple && 'is-center',\n    ]\"\n  >\n    <!-- icon & line -->\n    <div :class=\"['el-step__head', `is-${currentStatus}`]\">\n      <div class=\"el-step__line\">\n        <i class=\"el-step__line-inner\" :style=\"lineStyle\"></i>\n      </div>\n\n      <div :class=\"['el-step__icon', `is-${icon ? 'icon' : 'text'}`]\">\n        <slot\n          v-if=\"currentStatus !== 'success' && currentStatus !== 'error'\"\n          name=\"icon\"\n        >\n          <el-icon v-if=\"icon\" class=\"el-step__icon-inner\">\n            <component :is=\"icon\" />\n          </el-icon>\n          <div v-if=\"!icon && !isSimple\" class=\"el-step__icon-inner\">\n            {{ index + 1 }}\n          </div>\n        </slot>\n        <el-icon v-else class=\"el-step__icon-inner is-status\">\n          <check v-if=\"currentStatus === 'success'\" />\n          <close v-else />\n        </el-icon>\n      </div>\n    </div>\n    <!-- title & description -->\n    <div class=\"el-step__main\">\n      <div :class=\"['el-step__title', `is-${currentStatus}`]\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div v-if=\"isSimple\" class=\"el-step__arrow\"></div>\n      <div v-else :class=\"['el-step__description', `is-${currentStatus}`]\">\n        <slot name=\"description\">{{ description }}</slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  reactive,\n  watch,\n} from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Close, Check } from '@element-plus/icons'\n\nimport type { Ref, PropType, Component } 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}\n\nexport default defineComponent({\n  name: 'ElStep',\n  components: {\n    ElIcon,\n    Close,\n    Check,\n  },\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    icon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: '',\n    },\n    description: {\n      type: String,\n      default: '',\n    },\n    status: {\n      type: String,\n      default: '',\n      validator: (val: string): boolean =>\n        ['', 'wait', 'process', 'finish', 'error', 'success'].includes(val),\n    },\n  },\n  setup(props) {\n    const index = ref(-1)\n    const lineStyle = ref({})\n    const internalStatus = ref('')\n    const parent: IStepsInject = inject('ElSteps')\n    const currentInstance = getCurrentInstance()\n\n    onMounted(() => {\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\n    onBeforeUnmount(() => {\n      parent.steps.value = parent.steps.value.filter(\n        (instance) => instance.uid !== currentInstance.uid\n      )\n    })\n\n    const currentStatus = computed(() => {\n      return props.status || internalStatus.value\n    })\n    const prevStatus = computed(() => {\n      const prevStep = parent.steps.value[index.value - 1]\n      return prevStep ? prevStep.currentStatus : 'wait'\n    })\n    const isCenter = computed(() => {\n      return parent.props.alignCenter\n    })\n    const isVertical = computed(() => {\n      return parent.props.direction === 'vertical'\n    })\n    const isSimple = computed(() => {\n      return parent.props.simple\n    })\n    const stepsCount = computed(() => {\n      return parent.steps.value.length\n    })\n    const isLast = computed(() => {\n      return (\n        parent.steps.value[stepsCount.value - 1]?.uid === currentInstance.uid\n      )\n    })\n    const space = computed(() => {\n      return isSimple.value ? '' : parent.props.space\n    })\n    const style = computed(() => {\n      const style: Record<string, unknown> = {\n        flexBasis:\n          typeof space.value === 'number'\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\n    const setIndex = (val) => {\n      index.value = val\n    }\n    const calcProgress = (status) => {\n      let step = 100\n      const style: Record<string, unknown> = {}\n\n      style.transitionDelay = `${150 * index.value}ms`\n      if (status === parent.props.processStatus) {\n        step = 0\n      } else if (status === 'wait') {\n        step = 0\n        style.transitionDelay = `${-150 * index.value}ms`\n      }\n      style.borderWidth = step && !isSimple.value ? '1px' : 0\n      style[\n        parent.props.direction === 'vertical' ? 'height' : 'width'\n      ] = `${step}%`\n      lineStyle.value = style\n    }\n    const updateStatus = (activeIndex) => {\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[stepsCount.value - 1]\n      if (prevChild) prevChild.calcProgress(internalStatus.value)\n    }\n\n    const stepItemState = reactive({\n      uid: computed(() => currentInstance.uid),\n      currentStatus,\n      setIndex,\n      calcProgress,\n    })\n    parent.steps.value = [...parent.steps.value, stepItemState]\n\n    return {\n      index,\n      lineStyle,\n      currentStatus,\n      isCenter,\n      isVertical,\n      isSimple,\n      isLast,\n      space,\n      style,\n      parent,\n      setIndex,\n      calcProgress,\n      updateStatus,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","Close","Check","ref","inject","getCurrentInstance","computed","reactive"],"mappings":";;;;;;;;AAsFA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,YACVC;AAAA,WACAC;AAAA,WACAC;AAAA;AAAA,EAEF,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QACV,CAAC,IAAI,QAAQ,WAAW,UAAU,SAAS,WAAW,SAAS;AAAA;AAAA;AAAA,EAGrE,MAAM,OAAO;AACX,UAAM,QAAQC,QAAI;AAClB,UAAM,YAAYA,QAAI;AACtB,UAAM,iBAAiBA,QAAI;AAC3B,UAAM,SAAuBC,WAAO;AACpC,UAAM,kBAAkBC;AAExB,kBAAU,MAAM;AACd,gBACE;AAAA,QACE,MAAM,OAAO,MAAM;AAAA,QACnB,MAAM,OAAO,MAAM;AAAA,QACnB,MAAM,OAAO,MAAM;AAAA,SAErB,CAAC,CAAC,YAAY;AACZ,qBAAa;AAAA,SAEf,EAAE,WAAW;AAAA;AAIjB,wBAAgB,MAAM;AACpB,aAAO,MAAM,QAAQ,OAAO,MAAM,MAAM,OACtC,CAAC,aAAa,SAAS,QAAQ,gBAAgB;AAAA;AAInD,UAAM,gBAAgBC,aAAS,MAAM;AACnC,aAAO,MAAM,UAAU,eAAe;AAAA;AAExC,UAAM,aAAaA,aAAS,MAAM;AAChC,YAAM,WAAW,OAAO,MAAM,MAAM,MAAM,QAAQ;AAClD,aAAO,WAAW,SAAS,gBAAgB;AAAA;AAE7C,UAAM,WAAWA,aAAS,MAAM;AAC9B,aAAO,OAAO,MAAM;AAAA;AAEtB,UAAM,aAAaA,aAAS,MAAM;AAChC,aAAO,OAAO,MAAM,cAAc;AAAA;AAEpC,UAAM,WAAWA,aAAS,MAAM;AAC9B,aAAO,OAAO,MAAM;AAAA;AAEtB,UAAM,aAAaA,aAAS,MAAM;AAChC,aAAO,OAAO,MAAM,MAAM;AAAA;AAE5B,UAAM,SAASA,aAAS,MAAM;;AAC5B,aACE,cAAO,MAAM,MAAM,WAAW,QAAQ,OAAtC,mBAA0C,SAAQ,gBAAgB;AAAA;AAGtE,UAAM,QAAQA,aAAS,MAAM;AAC3B,aAAO,SAAS,QAAQ,KAAK,OAAO,MAAM;AAAA;AAE5C,UAAM,QAAQA,aAAS,MAAM;AAC3B,YAAM,SAAiC;AAAA,QACrC,WACE,OAAO,MAAM,UAAU,WACnB,GAAG,MAAM,YACT,MAAM,QACN,MAAM,QACN,GAAG,kBAAkB,kBAAkB,QAAQ,IAAI;AAAA;AAE3D,UAAI,WAAW;AAAO,eAAO;AAC7B,UAAI,OAAO,OAAO;AAChB,eAAM,WAAW,GAAG,MAAM,WAAW;AAAA;AAEvC,aAAO;AAAA;AAGT,UAAM,WAAW,CAAC,QAAQ;AACxB,YAAM,QAAQ;AAAA;AAEhB,UAAM,eAAe,CAAC,WAAW;AAC/B,UAAI,OAAO;AACX,YAAM,SAAiC;AAEvC,aAAM,kBAAkB,GAAG,MAAM,MAAM;AACvC,UAAI,WAAW,OAAO,MAAM,eAAe;AACzC,eAAO;AAAA,iBACE,WAAW,QAAQ;AAC5B,eAAO;AACP,eAAM,kBAAkB,GAAG,OAAO,MAAM;AAAA;AAE1C,aAAM,cAAc,QAAQ,CAAC,SAAS,QAAQ,QAAQ;AACtD,aACE,OAAO,MAAM,cAAc,aAAa,WAAW,WACjD,GAAG;AACP,gBAAU,QAAQ;AAAA;AAEpB,UAAM,eAAe,CAAC,gBAAgB;AACpC,UAAI,cAAc,MAAM,OAAO;AAC7B,uBAAe,QAAQ,OAAO,MAAM;AAAA,iBAC3B,gBAAgB,MAAM,SAAS,WAAW,UAAU,SAAS;AACtE,uBAAe,QAAQ,OAAO,MAAM;AAAA,aAC/B;AACL,uBAAe,QAAQ;AAAA;AAEzB,YAAM,YAAY,OAAO,MAAM,MAAM,WAAW,QAAQ;AACxD,UAAI;AAAW,kBAAU,aAAa,eAAe;AAAA;AAGvD,UAAM,gBAAgBC,aAAS;AAAA,MAC7B,KAAKD,aAAS,MAAM,gBAAgB;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA;AAEF,WAAO,MAAM,QAAQ,CAAC,GAAG,OAAO,MAAM,OAAO;AAE7C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"item.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/steps/src/item.vue"],"sourcesContent":["<template>\n  <div\n    :style=\"style\"\n    :class=\"[\n      'el-step',\n      isSimple ? 'is-simple' : `is-${parent.props.direction}`,\n      isLast && !space && !isCenter && 'is-flex',\n      isCenter && !isVertical && !isSimple && 'is-center',\n    ]\"\n  >\n    <!-- icon & line -->\n    <div :class=\"['el-step__head', `is-${currentStatus}`]\">\n      <div class=\"el-step__line\">\n        <i class=\"el-step__line-inner\" :style=\"lineStyle\"></i>\n      </div>\n\n      <div :class=\"['el-step__icon', `is-${icon ? 'icon' : 'text'}`]\">\n        <slot\n          v-if=\"currentStatus !== 'success' && currentStatus !== 'error'\"\n          name=\"icon\"\n        >\n          <el-icon v-if=\"icon\" class=\"el-step__icon-inner\">\n            <component :is=\"icon\" />\n          </el-icon>\n          <div v-if=\"!icon && !isSimple\" class=\"el-step__icon-inner\">\n            {{ index + 1 }}\n          </div>\n        </slot>\n        <el-icon v-else class=\"el-step__icon-inner is-status\">\n          <check v-if=\"currentStatus === 'success'\" />\n          <close v-else />\n        </el-icon>\n      </div>\n    </div>\n    <!-- title & description -->\n    <div class=\"el-step__main\">\n      <div :class=\"['el-step__title', `is-${currentStatus}`]\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div v-if=\"isSimple\" class=\"el-step__arrow\"></div>\n      <div v-else :class=\"['el-step__description', `is-${currentStatus}`]\">\n        <slot name=\"description\">{{ description }}</slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  reactive,\n  watch,\n} from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Close, Check } from '@element-plus/icons-vue'\n\nimport type { Ref, PropType, Component } 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}\n\nexport default defineComponent({\n  name: 'ElStep',\n  components: {\n    ElIcon,\n    Close,\n    Check,\n  },\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    icon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: '',\n    },\n    description: {\n      type: String,\n      default: '',\n    },\n    status: {\n      type: String,\n      default: '',\n      validator: (val: string): boolean =>\n        ['', 'wait', 'process', 'finish', 'error', 'success'].includes(val),\n    },\n  },\n  setup(props) {\n    const index = ref(-1)\n    const lineStyle = ref({})\n    const internalStatus = ref('')\n    const parent: IStepsInject = inject('ElSteps')\n    const currentInstance = getCurrentInstance()\n\n    onMounted(() => {\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\n    onBeforeUnmount(() => {\n      parent.steps.value = parent.steps.value.filter(\n        (instance) => instance.uid !== currentInstance.uid\n      )\n    })\n\n    const currentStatus = computed(() => {\n      return props.status || internalStatus.value\n    })\n    const prevStatus = computed(() => {\n      const prevStep = parent.steps.value[index.value - 1]\n      return prevStep ? prevStep.currentStatus : 'wait'\n    })\n    const isCenter = computed(() => {\n      return parent.props.alignCenter\n    })\n    const isVertical = computed(() => {\n      return parent.props.direction === 'vertical'\n    })\n    const isSimple = computed(() => {\n      return parent.props.simple\n    })\n    const stepsCount = computed(() => {\n      return parent.steps.value.length\n    })\n    const isLast = computed(() => {\n      return (\n        parent.steps.value[stepsCount.value - 1]?.uid === currentInstance.uid\n      )\n    })\n    const space = computed(() => {\n      return isSimple.value ? '' : parent.props.space\n    })\n    const style = computed(() => {\n      const style: Record<string, unknown> = {\n        flexBasis:\n          typeof space.value === 'number'\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\n    const setIndex = (val) => {\n      index.value = val\n    }\n    const calcProgress = (status) => {\n      let step = 100\n      const style: Record<string, unknown> = {}\n\n      style.transitionDelay = `${150 * index.value}ms`\n      if (status === parent.props.processStatus) {\n        step = 0\n      } else if (status === 'wait') {\n        step = 0\n        style.transitionDelay = `${-150 * index.value}ms`\n      }\n      style.borderWidth = step && !isSimple.value ? '1px' : 0\n      style[\n        parent.props.direction === 'vertical' ? 'height' : 'width'\n      ] = `${step}%`\n      lineStyle.value = style\n    }\n    const updateStatus = (activeIndex) => {\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[stepsCount.value - 1]\n      if (prevChild) prevChild.calcProgress(internalStatus.value)\n    }\n\n    const stepItemState = reactive({\n      uid: computed(() => currentInstance.uid),\n      currentStatus,\n      setIndex,\n      calcProgress,\n    })\n    parent.steps.value = [...parent.steps.value, stepItemState]\n\n    return {\n      index,\n      lineStyle,\n      currentStatus,\n      isCenter,\n      isVertical,\n      isSimple,\n      isLast,\n      space,\n      style,\n      parent,\n      setIndex,\n      calcProgress,\n      updateStatus,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","Close","Check","ref","inject","getCurrentInstance","computed","reactive"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"item.vue_vue_type_template_id_6ec47f4b_lang.js","sources":["../../../../../../packages/components/steps/src/item.vue?vue&type=template&id=6ec47f4b&lang.js"],"sourcesContent":["<template>\n  <div\n    :style=\"style\"\n    :class=\"[\n      'el-step',\n      isSimple ? 'is-simple' : `is-${parent.props.direction}`,\n      isLast && !space && !isCenter && 'is-flex',\n      isCenter && !isVertical && !isSimple && 'is-center',\n    ]\"\n  >\n    <!-- icon & line -->\n    <div :class=\"['el-step__head', `is-${currentStatus}`]\">\n      <div class=\"el-step__line\">\n        <i class=\"el-step__line-inner\" :style=\"lineStyle\"></i>\n      </div>\n\n      <div :class=\"['el-step__icon', `is-${icon ? 'icon' : 'text'}`]\">\n        <slot\n          v-if=\"currentStatus !== 'success' && currentStatus !== 'error'\"\n          name=\"icon\"\n        >\n          <el-icon v-if=\"icon\" class=\"el-step__icon-inner\">\n            <component :is=\"icon\" />\n          </el-icon>\n          <div v-if=\"!icon && !isSimple\" class=\"el-step__icon-inner\">\n            {{ index + 1 }}\n          </div>\n        </slot>\n        <el-icon v-else class=\"el-step__icon-inner is-status\">\n          <check v-if=\"currentStatus === 'success'\" />\n          <close v-else />\n        </el-icon>\n      </div>\n    </div>\n    <!-- title & description -->\n    <div class=\"el-step__main\">\n      <div :class=\"['el-step__title', `is-${currentStatus}`]\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div v-if=\"isSimple\" class=\"el-step__arrow\"></div>\n      <div v-else :class=\"['el-step__description', `is-${currentStatus}`]\">\n        <slot name=\"description\">{{ description }}</slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  reactive,\n  watch,\n} from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Close, Check } from '@element-plus/icons'\n\nimport type { Ref, PropType, Component } 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}\n\nexport default defineComponent({\n  name: 'ElStep',\n  components: {\n    ElIcon,\n    Close,\n    Check,\n  },\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    icon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: '',\n    },\n    description: {\n      type: String,\n      default: '',\n    },\n    status: {\n      type: String,\n      default: '',\n      validator: (val: string): boolean =>\n        ['', 'wait', 'process', 'finish', 'error', 'success'].includes(val),\n    },\n  },\n  setup(props) {\n    const index = ref(-1)\n    const lineStyle = ref({})\n    const internalStatus = ref('')\n    const parent: IStepsInject = inject('ElSteps')\n    const currentInstance = getCurrentInstance()\n\n    onMounted(() => {\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\n    onBeforeUnmount(() => {\n      parent.steps.value = parent.steps.value.filter(\n        (instance) => instance.uid !== currentInstance.uid\n      )\n    })\n\n    const currentStatus = computed(() => {\n      return props.status || internalStatus.value\n    })\n    const prevStatus = computed(() => {\n      const prevStep = parent.steps.value[index.value - 1]\n      return prevStep ? prevStep.currentStatus : 'wait'\n    })\n    const isCenter = computed(() => {\n      return parent.props.alignCenter\n    })\n    const isVertical = computed(() => {\n      return parent.props.direction === 'vertical'\n    })\n    const isSimple = computed(() => {\n      return parent.props.simple\n    })\n    const stepsCount = computed(() => {\n      return parent.steps.value.length\n    })\n    const isLast = computed(() => {\n      return (\n        parent.steps.value[stepsCount.value - 1]?.uid === currentInstance.uid\n      )\n    })\n    const space = computed(() => {\n      return isSimple.value ? '' : parent.props.space\n    })\n    const style = computed(() => {\n      const style: Record<string, unknown> = {\n        flexBasis:\n          typeof space.value === 'number'\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\n    const setIndex = (val) => {\n      index.value = val\n    }\n    const calcProgress = (status) => {\n      let step = 100\n      const style: Record<string, unknown> = {}\n\n      style.transitionDelay = `${150 * index.value}ms`\n      if (status === parent.props.processStatus) {\n        step = 0\n      } else if (status === 'wait') {\n        step = 0\n        style.transitionDelay = `${-150 * index.value}ms`\n      }\n      style.borderWidth = step && !isSimple.value ? '1px' : 0\n      style[\n        parent.props.direction === 'vertical' ? 'height' : 'width'\n      ] = `${step}%`\n      lineStyle.value = style\n    }\n    const updateStatus = (activeIndex) => {\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[stepsCount.value - 1]\n      if (prevChild) prevChild.calcProgress(internalStatus.value)\n    }\n\n    const stepItemState = reactive({\n      uid: computed(() => currentInstance.uid),\n      currentStatus,\n      setIndex,\n      calcProgress,\n    })\n    parent.steps.value = [...parent.steps.value, stepItemState]\n\n    return {\n      index,\n      lineStyle,\n      currentStatus,\n      isCenter,\n      isVertical,\n      isSimple,\n      isLast,\n      space,\n      style,\n      parent,\n      setIndex,\n      calcProgress,\n      updateStatus,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createCommentVNode","_createElementVNode","_renderSlot","_createBlock"],"mappings":";;;;;;qBAYW,OAAM;;;EAYwB,OAAM;AAAA;qBAWtC,OAAM;;;EAIY,OAAM;AAAA;;;;;0BAtC/BA;IACG,0BAAO;IACP;;;;;;;IAODC;IACAC;MAAM,kDAA+B;;MACnCA,8BAAA;QACEA;UAAG,OAAM;AAAA,UAAuB,0BAAO;;;MAGzCA;QAAM,kDAA+B;;QAE3B,oCAA+B,iCADvCC,gDAAA;UAIiB,8BAAfC;;YAAqB,OAAM;AAAA;iCACzB;gCAAAA,4CAAgB;;;;WAEN,cAAS,kCAArBJ,8BAAA,gCACK;+BAGPI;;UAAgB,OAAM;AAAA;+BACpB;YAAa,qDAAbA,mEACAA;;;;;;IAINH;IACAC,8BAAA;MACEA;QAAM,mDAAgC;;QACpCC,yCAAA;kDAAsB;;;MAEb,kCAAXH,8BAAA,iCACAA;;QAAa,yDAAsC;;QACjDG,+CAAA;kDAA4B;;;;;;;;;"}
+{"version":3,"file":"item.vue_vue_type_template_id_6ec47f4b_lang.js","sources":["../../../../../../packages/components/steps/src/item.vue?vue&type=template&id=6ec47f4b&lang.js"],"sourcesContent":["<template>\n  <div\n    :style=\"style\"\n    :class=\"[\n      'el-step',\n      isSimple ? 'is-simple' : `is-${parent.props.direction}`,\n      isLast && !space && !isCenter && 'is-flex',\n      isCenter && !isVertical && !isSimple && 'is-center',\n    ]\"\n  >\n    <!-- icon & line -->\n    <div :class=\"['el-step__head', `is-${currentStatus}`]\">\n      <div class=\"el-step__line\">\n        <i class=\"el-step__line-inner\" :style=\"lineStyle\"></i>\n      </div>\n\n      <div :class=\"['el-step__icon', `is-${icon ? 'icon' : 'text'}`]\">\n        <slot\n          v-if=\"currentStatus !== 'success' && currentStatus !== 'error'\"\n          name=\"icon\"\n        >\n          <el-icon v-if=\"icon\" class=\"el-step__icon-inner\">\n            <component :is=\"icon\" />\n          </el-icon>\n          <div v-if=\"!icon && !isSimple\" class=\"el-step__icon-inner\">\n            {{ index + 1 }}\n          </div>\n        </slot>\n        <el-icon v-else class=\"el-step__icon-inner is-status\">\n          <check v-if=\"currentStatus === 'success'\" />\n          <close v-else />\n        </el-icon>\n      </div>\n    </div>\n    <!-- title & description -->\n    <div class=\"el-step__main\">\n      <div :class=\"['el-step__title', `is-${currentStatus}`]\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div v-if=\"isSimple\" class=\"el-step__arrow\"></div>\n      <div v-else :class=\"['el-step__description', `is-${currentStatus}`]\">\n        <slot name=\"description\">{{ description }}</slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  reactive,\n  watch,\n} from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Close, Check } from '@element-plus/icons-vue'\n\nimport type { Ref, PropType, Component } 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}\n\nexport default defineComponent({\n  name: 'ElStep',\n  components: {\n    ElIcon,\n    Close,\n    Check,\n  },\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    icon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: '',\n    },\n    description: {\n      type: String,\n      default: '',\n    },\n    status: {\n      type: String,\n      default: '',\n      validator: (val: string): boolean =>\n        ['', 'wait', 'process', 'finish', 'error', 'success'].includes(val),\n    },\n  },\n  setup(props) {\n    const index = ref(-1)\n    const lineStyle = ref({})\n    const internalStatus = ref('')\n    const parent: IStepsInject = inject('ElSteps')\n    const currentInstance = getCurrentInstance()\n\n    onMounted(() => {\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\n    onBeforeUnmount(() => {\n      parent.steps.value = parent.steps.value.filter(\n        (instance) => instance.uid !== currentInstance.uid\n      )\n    })\n\n    const currentStatus = computed(() => {\n      return props.status || internalStatus.value\n    })\n    const prevStatus = computed(() => {\n      const prevStep = parent.steps.value[index.value - 1]\n      return prevStep ? prevStep.currentStatus : 'wait'\n    })\n    const isCenter = computed(() => {\n      return parent.props.alignCenter\n    })\n    const isVertical = computed(() => {\n      return parent.props.direction === 'vertical'\n    })\n    const isSimple = computed(() => {\n      return parent.props.simple\n    })\n    const stepsCount = computed(() => {\n      return parent.steps.value.length\n    })\n    const isLast = computed(() => {\n      return (\n        parent.steps.value[stepsCount.value - 1]?.uid === currentInstance.uid\n      )\n    })\n    const space = computed(() => {\n      return isSimple.value ? '' : parent.props.space\n    })\n    const style = computed(() => {\n      const style: Record<string, unknown> = {\n        flexBasis:\n          typeof space.value === 'number'\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\n    const setIndex = (val) => {\n      index.value = val\n    }\n    const calcProgress = (status) => {\n      let step = 100\n      const style: Record<string, unknown> = {}\n\n      style.transitionDelay = `${150 * index.value}ms`\n      if (status === parent.props.processStatus) {\n        step = 0\n      } else if (status === 'wait') {\n        step = 0\n        style.transitionDelay = `${-150 * index.value}ms`\n      }\n      style.borderWidth = step && !isSimple.value ? '1px' : 0\n      style[\n        parent.props.direction === 'vertical' ? 'height' : 'width'\n      ] = `${step}%`\n      lineStyle.value = style\n    }\n    const updateStatus = (activeIndex) => {\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[stepsCount.value - 1]\n      if (prevChild) prevChild.calcProgress(internalStatus.value)\n    }\n\n    const stepItemState = reactive({\n      uid: computed(() => currentInstance.uid),\n      currentStatus,\n      setIndex,\n      calcProgress,\n    })\n    parent.steps.value = [...parent.steps.value, stepItemState]\n\n    return {\n      index,\n      lineStyle,\n      currentStatus,\n      isCenter,\n      isVertical,\n      isSimple,\n      isLast,\n      space,\n      style,\n      parent,\n      setIndex,\n      calcProgress,\n      updateStatus,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createCommentVNode","_createElementVNode","_renderSlot","_createBlock"],"mappings":";;;;;;qBAYW,OAAM;;;EAYwB,OAAM;AAAA;qBAWtC,OAAM;;;EAIY,OAAM;AAAA;;;;;0BAtC/BA;IACG,0BAAO;IACP;;;;;;;IAODC;IACAC;MAAM,kDAA+B;;MACnCA,8BAAA;QACEA;UAAG,OAAM;AAAA,UAAuB,0BAAO;;;MAGzCA;QAAM,kDAA+B;;QAE3B,oCAA+B,iCADvCC,gDAAA;UAIiB,8BAAfC;;YAAqB,OAAM;AAAA;iCACzB;gCAAAA,4CAAgB;;;;WAEN,cAAS,kCAArBJ,8BAAA,gCACK;+BAGPI;;UAAgB,OAAM;AAAA;+BACpB;YAAa,qDAAbA,mEACAA;;;;;;IAINH;IACAC,8BAAA;MACEA;QAAM,mDAAgC;;QACpCC,yCAAA;kDAAsB;;;MAEb,kCAAXH,8BAAA,iCACAA;;QAAa,yDAAsC;;QACjDG,+CAAA;kDAA4B;;;;;;;;;"}

package/lib/components/switch/index.d.ts

@@ -1,4 +1,99 @@
-import type { SFCWithInstall } from 'element-plus/es/utils/types';
-declare const _Switch: SFCWithInstall<import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>>;
-export default _Switch;
-export declare const ElSwitch: SFCWithInstall<import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>>;
+export declare const ElSwitch: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
+    readonly modelValue: import("../../utils/props").BuildPropReturn<readonly [BooleanConstructor, StringConstructor, NumberConstructor], false, unknown, unknown, unknown>;
+    readonly value: import("../../utils/props").BuildPropReturn<readonly [BooleanConstructor, StringConstructor, NumberConstructor], false, unknown, unknown, unknown>;
+    readonly disabled: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly width: import("../../utils/props").BuildPropReturn<NumberConstructor, 40, unknown, unknown, unknown>;
+    readonly inlinePrompt: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly activeIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly inactiveIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly activeText: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly inactiveText: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly activeColor: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly inactiveColor: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly borderColor: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly activeValue: import("../../utils/props").BuildPropReturn<readonly [BooleanConstructor, StringConstructor, NumberConstructor], true, unknown, unknown, unknown>;
+    readonly inactiveValue: import("../../utils/props").BuildPropReturn<readonly [BooleanConstructor, StringConstructor, NumberConstructor], false, unknown, unknown, unknown>;
+    readonly name: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly validateEvent: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly id: StringConstructor;
+    readonly loading: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly beforeChange: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<() => boolean | Promise<boolean>>, unknown, unknown, unknown, unknown>;
+}, {
+    input: import("vue").Ref<HTMLInputElement | undefined>;
+    core: import("vue").Ref<HTMLSpanElement | undefined>;
+    switchDisabled: import("vue").ComputedRef<boolean>;
+    checked: import("vue").ComputedRef<boolean>;
+    handleChange: () => void;
+    switchValue: () => void;
+    focus: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (val: string | number | boolean) => boolean;
+    change: (val: string | number | boolean) => boolean;
+    input: (val: string | number | boolean) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly modelValue?: unknown;
+    readonly value?: unknown;
+    readonly disabled?: unknown;
+    readonly width?: unknown;
+    readonly inlinePrompt?: unknown;
+    readonly activeIcon?: unknown;
+    readonly inactiveIcon?: unknown;
+    readonly activeText?: unknown;
+    readonly inactiveText?: unknown;
+    readonly activeColor?: unknown;
+    readonly inactiveColor?: unknown;
+    readonly borderColor?: unknown;
+    readonly activeValue?: unknown;
+    readonly inactiveValue?: unknown;
+    readonly name?: unknown;
+    readonly validateEvent?: unknown;
+    readonly id?: unknown;
+    readonly loading?: unknown;
+    readonly beforeChange?: unknown;
+} & {
+    disabled: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    loading: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    name: string;
+    modelValue: import("../../utils/props").BuildPropType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+    width: number;
+    borderColor: string;
+    validateEvent: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    value: import("../../utils/props").BuildPropType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+    inlinePrompt: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    activeIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    inactiveIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    activeText: string;
+    inactiveText: string;
+    activeColor: string;
+    inactiveColor: string;
+    activeValue: import("../../utils/props").BuildPropType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+    inactiveValue: import("../../utils/props").BuildPropType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+} & {
+    id?: string | undefined;
+    beforeChange?: (() => boolean | Promise<boolean>) | undefined;
+}> & {
+    onChange?: ((val: string | number | boolean) => any) | undefined;
+    onInput?: ((val: string | number | boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
+}, {
+    disabled: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    loading: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    name: string;
+    modelValue: import("../../utils/props").BuildPropType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+    width: number;
+    borderColor: string;
+    validateEvent: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    value: import("../../utils/props").BuildPropType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+    inlinePrompt: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    activeIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    inactiveIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    activeText: string;
+    inactiveText: string;
+    activeColor: string;
+    inactiveColor: string;
+    activeValue: import("../../utils/props").BuildPropType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+    inactiveValue: import("../../utils/props").BuildPropType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+    beforeChange: () => boolean | Promise<boolean>;
+}>> & Record<string, any>;
+export default ElSwitch;
+export * from './src/switch';

package/lib/components/switch/index.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./src/index.js');
-var index_vue_vue_type_script_lang = require('./src/index.vue_vue_type_script_lang.js');
+var withInstall = require('../../utils/with-install.js');
+require('./src/switch2.js');
+var _switch = require('./src/switch.js');
+var switch_vue_vue_type_script_lang = require('./src/switch.vue_vue_type_script_lang.js');
 
-index_vue_vue_type_script_lang["default"].install = (app) => {
-  app.component(index_vue_vue_type_script_lang["default"].name, index_vue_vue_type_script_lang["default"]);
-};
-const _Switch = index_vue_vue_type_script_lang["default"];
-const ElSwitch = _Switch;
+const ElSwitch = withInstall.withInstall(switch_vue_vue_type_script_lang["default"]);
 
+exports.switchEmits = _switch.switchEmits;
+exports.switchProps = _switch.switchProps;
 exports.ElSwitch = ElSwitch;
-exports["default"] = _Switch;
+exports["default"] = ElSwitch;
 //# sourceMappingURL=index.js.map

package/lib/components/switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/switch/index.ts"],"sourcesContent":["import Switch from './src/index.vue'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nSwitch.install = (app: App): void => {\n  app.component(Switch.name, Switch)\n}\n\nconst _Switch = Switch as SFCWithInstall<typeof Switch>\n\nexport default _Switch\nexport const ElSwitch = _Switch\n"],"names":["Switch"],"mappings":";;;;;;;AAKAA,0CAAO,UAAU,CAAC,QAAmB;AACnC,MAAI,UAAUA,0CAAO,MAAMA;AAAA;MAGvB,UAAUA;MAGH,WAAW;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/switch/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Switch from './src/switch.vue'\n\nexport const ElSwitch = withInstall(Switch)\nexport default ElSwitch\n\nexport * from './src/switch'\n"],"names":["withInstall","Switch"],"mappings":";;;;;;;;;MAGa,WAAWA,wBAAYC;;;;;;;"}

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

@@ -0,0 +1,31 @@
+import type Switch from './switch.vue';
+import type { Component, ExtractPropTypes } from 'vue';
+export declare const switchProps: {
+    readonly modelValue: import("element-plus/es/utils/props").BuildPropReturn<readonly [BooleanConstructor, StringConstructor, NumberConstructor], false, unknown, unknown, unknown>;
+    readonly value: import("element-plus/es/utils/props").BuildPropReturn<readonly [BooleanConstructor, StringConstructor, NumberConstructor], false, unknown, unknown, unknown>;
+    readonly disabled: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly width: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 40, unknown, unknown, unknown>;
+    readonly inlinePrompt: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly activeIcon: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly inactiveIcon: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly activeText: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly inactiveText: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly activeColor: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly inactiveColor: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly borderColor: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly activeValue: import("element-plus/es/utils/props").BuildPropReturn<readonly [BooleanConstructor, StringConstructor, NumberConstructor], true, unknown, unknown, unknown>;
+    readonly inactiveValue: import("element-plus/es/utils/props").BuildPropReturn<readonly [BooleanConstructor, StringConstructor, NumberConstructor], false, unknown, unknown, unknown>;
+    readonly name: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly validateEvent: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly id: StringConstructor;
+    readonly loading: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly beforeChange: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<() => Promise<boolean> | boolean>, unknown, unknown, unknown, unknown>;
+};
+export declare type SwitchProps = ExtractPropTypes<typeof switchProps>;
+export declare const switchEmits: {
+    "update:modelValue": (val: boolean | string | number) => boolean;
+    change: (val: boolean | string | number) => boolean;
+    input: (val: boolean | string | number) => boolean;
+};
+export declare type SwitchEmits = typeof switchEmits;
+export declare type SwitchInstance = InstanceType<typeof Switch>;

package/lib/components/switch/src/switch.js

@@ -0,0 +1,92 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var props = require('../../../utils/props.js');
+var constants = require('../../../utils/constants.js');
+var util = require('../../../utils/util.js');
+var shared = require('@vue/shared');
+
+const switchProps = props.buildProps({
+  modelValue: {
+    type: [Boolean, String, Number],
+    default: false
+  },
+  value: {
+    type: [Boolean, String, Number],
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  width: {
+    type: Number,
+    default: 40
+  },
+  inlinePrompt: {
+    type: Boolean,
+    default: false
+  },
+  activeIcon: {
+    type: props.definePropType([String, Object]),
+    default: ""
+  },
+  inactiveIcon: {
+    type: props.definePropType([String, Object]),
+    default: ""
+  },
+  activeText: {
+    type: String,
+    default: ""
+  },
+  inactiveText: {
+    type: String,
+    default: ""
+  },
+  activeColor: {
+    type: String,
+    default: ""
+  },
+  inactiveColor: {
+    type: String,
+    default: ""
+  },
+  borderColor: {
+    type: String,
+    default: ""
+  },
+  activeValue: {
+    type: [Boolean, String, Number],
+    default: true
+  },
+  inactiveValue: {
+    type: [Boolean, String, Number],
+    default: false
+  },
+  name: {
+    type: String,
+    default: ""
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  id: String,
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  beforeChange: {
+    type: props.definePropType(Function)
+  }
+});
+const switchEmits = {
+  [constants.UPDATE_MODEL_EVENT]: (val) => util.isBool(val) || shared.isString(val) || util.isNumber(val),
+  [constants.CHANGE_EVENT]: (val) => util.isBool(val) || shared.isString(val) || util.isNumber(val),
+  [constants.INPUT_EVENT]: (val) => util.isBool(val) || shared.isString(val) || util.isNumber(val)
+};
+
+exports.switchEmits = switchEmits;
+exports.switchProps = switchProps;
+//# sourceMappingURL=switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sources":["../../../../../../packages/components/switch/src/switch.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport {\n  UPDATE_MODEL_EVENT,\n  CHANGE_EVENT,\n  INPUT_EVENT,\n} from '@element-plus/utils/constants'\nimport { isBool, isNumber, isString } from '@element-plus/utils/util'\nimport type Switch from './switch.vue'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const switchProps = buildProps({\n  modelValue: {\n    type: [Boolean, String, Number],\n    default: false,\n  },\n  value: {\n    type: [Boolean, String, Number],\n    default: false,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  width: {\n    type: Number,\n    default: 40,\n  },\n  inlinePrompt: {\n    type: Boolean,\n    default: false,\n  },\n  activeIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n  inactiveIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n  activeText: {\n    type: String,\n    default: '',\n  },\n  inactiveText: {\n    type: String,\n    default: '',\n  },\n  activeColor: {\n    type: String,\n    default: '',\n  },\n  inactiveColor: {\n    type: String,\n    default: '',\n  },\n  borderColor: {\n    type: String,\n    default: '',\n  },\n  activeValue: {\n    type: [Boolean, String, Number],\n    default: true,\n  },\n  inactiveValue: {\n    type: [Boolean, String, Number],\n    default: false,\n  },\n  name: {\n    type: String,\n    default: '',\n  },\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  id: String,\n  loading: {\n    type: Boolean,\n    default: false,\n  },\n  beforeChange: {\n    type: definePropType<() => Promise<boolean> | boolean>(Function),\n  },\n} as const)\n\nexport type SwitchProps = ExtractPropTypes<typeof switchProps>\n\nexport const switchEmits = {\n  [UPDATE_MODEL_EVENT]: (val: boolean | string | number) =>\n    isBool(val) || isString(val) || isNumber(val),\n  [CHANGE_EVENT]: (val: boolean | string | number) =>\n    isBool(val) || isString(val) || isNumber(val),\n  [INPUT_EVENT]: (val: boolean | string | number) =>\n    isBool(val) || isString(val) || isNumber(val),\n}\nexport type SwitchEmits = typeof switchEmits\n\nexport type SwitchInstance = InstanceType<typeof Switch>\n"],"names":["buildProps","definePropType","UPDATE_MODEL_EVENT","isBool","isString","isNumber","CHANGE_EVENT","INPUT_EVENT"],"mappings":";;;;;;;;;MAUa,cAAcA,iBAAW;AAAA,EACpC,YAAY;AAAA,IACV,MAAM,CAAC,SAAS,QAAQ;AAAA,IACxB,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM,CAAC,SAAS,QAAQ;AAAA,IACxB,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAMC,qBAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAMA,qBAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM,CAAC,SAAS,QAAQ;AAAA,IACxB,SAAS;AAAA;AAAA,EAEX,eAAe;AAAA,IACb,MAAM,CAAC,SAAS,QAAQ;AAAA,IACxB,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,IAAI;AAAA,EACJ,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAMA,qBAAiD;AAAA;AAAA;MAM9C,cAAc;AAAA,GACxBC,+BAAqB,CAAC,QACrBC,YAAO,QAAQC,gBAAS,QAAQC,cAAS;AAAA,GAC1CC,yBAAe,CAAC,QACfH,YAAO,QAAQC,gBAAS,QAAQC,cAAS;AAAA,GAC1CE,wBAAc,CAAC,QACdJ,YAAO,QAAQC,gBAAS,QAAQC,cAAS;AAAA;;;;;"}