@element-plus/nightly 0.0.20220121 → 0.0.20220125

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

@@ -1,141 +0,0 @@
-import { defineComponent, ref, inject, getCurrentInstance, onMounted, watch, onBeforeUnmount, computed, reactive } from 'vue';
-import { ElIcon } from '../../icon/index.mjs';
-import { Close, Check } from '@element-plus/icons-vue';
-
-var script = defineComponent({
-  name: "ElStep",
-  components: {
-    ElIcon,
-    Close,
-    Check
-  },
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    icon: {
-      type: [String, Object],
-      default: ""
-    },
-    description: {
-      type: String,
-      default: ""
-    },
-    status: {
-      type: String,
-      default: "",
-      validator: (val) => ["", "wait", "process", "finish", "error", "success"].includes(val)
-    }
-  },
-  setup(props) {
-    const index = ref(-1);
-    const lineStyle = ref({});
-    const internalStatus = ref("");
-    const parent = inject("ElSteps");
-    const currentInstance = getCurrentInstance();
-    onMounted(() => {
-      watch([
-        () => parent.props.active,
-        () => parent.props.processStatus,
-        () => parent.props.finishStatus
-      ], ([active]) => {
-        updateStatus(active);
-      }, { immediate: true });
-    });
-    onBeforeUnmount(() => {
-      parent.steps.value = parent.steps.value.filter((instance) => instance.uid !== currentInstance.uid);
-    });
-    const currentStatus = computed(() => {
-      return props.status || internalStatus.value;
-    });
-    const prevStatus = computed(() => {
-      const prevStep = parent.steps.value[index.value - 1];
-      return prevStep ? prevStep.currentStatus : "wait";
-    });
-    const isCenter = computed(() => {
-      return parent.props.alignCenter;
-    });
-    const isVertical = computed(() => {
-      return parent.props.direction === "vertical";
-    });
-    const isSimple = computed(() => {
-      return parent.props.simple;
-    });
-    const stepsCount = computed(() => {
-      return parent.steps.value.length;
-    });
-    const isLast = computed(() => {
-      var _a;
-      return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === currentInstance.uid;
-    });
-    const space = computed(() => {
-      return isSimple.value ? "" : parent.props.space;
-    });
-    const style = computed(() => {
-      const style2 = {
-        flexBasis: typeof space.value === "number" ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
-      };
-      if (isVertical.value)
-        return style2;
-      if (isLast.value) {
-        style2.maxWidth = `${100 / stepsCount.value}%`;
-      }
-      return style2;
-    });
-    const setIndex = (val) => {
-      index.value = val;
-    };
-    const calcProgress = (status) => {
-      let step = 100;
-      const style2 = {};
-      style2.transitionDelay = `${150 * index.value}ms`;
-      if (status === parent.props.processStatus) {
-        step = 0;
-      } else if (status === "wait") {
-        step = 0;
-        style2.transitionDelay = `${-150 * index.value}ms`;
-      }
-      style2.borderWidth = step && !isSimple.value ? "1px" : 0;
-      style2[parent.props.direction === "vertical" ? "height" : "width"] = `${step}%`;
-      lineStyle.value = style2;
-    };
-    const updateStatus = (activeIndex) => {
-      if (activeIndex > index.value) {
-        internalStatus.value = parent.props.finishStatus;
-      } else if (activeIndex === index.value && prevStatus.value !== "error") {
-        internalStatus.value = parent.props.processStatus;
-      } else {
-        internalStatus.value = "wait";
-      }
-      const prevChild = parent.steps.value[stepsCount.value - 1];
-      if (prevChild)
-        prevChild.calcProgress(internalStatus.value);
-    };
-    const stepItemState = reactive({
-      uid: computed(() => currentInstance.uid),
-      currentStatus,
-      setIndex,
-      calcProgress
-    });
-    parent.steps.value = [...parent.steps.value, stepItemState];
-    return {
-      index,
-      lineStyle,
-      currentStatus,
-      isCenter,
-      isVertical,
-      isSimple,
-      isLast,
-      space,
-      style,
-      parent,
-      setIndex,
-      calcProgress,
-      updateStatus
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=item.vue_vue_type_script_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"item.vue_vue_type_script_lang.mjs","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 v-if=\"!isSimple\" 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":[],"mappings":";;;;AA4DA,4BAA8B,CAAC;;AAE/B,EAAE,UAAU,EAAE;;AAEd,IAAI,KAAK;IACL,KAAK;GACN;EACD,KAAK,EAAE;IACL,KAAK,EAAE;MACL,IAAI,EAAE;MACN,OAAO,IAAI;KACZ;AACL;;AAEA,aAAa,EAAE,EAAE;KACZ;IACD,WAAW,EAAE;MACX,IAAI,EAAE,MAAM;MACZ,OAAO,IAAI;AACjB;;AAEA,UAAU,EAAE,MAAM;MACZ,OAAO,EAAE,EAAE;MACX,SAAS,EAAE,CAAC,GAAG,KAAK,CAAC;AAC3B;;AAEA,EAAE,KAAK,CAAC,KAAK,EAAE;IACX,MAAM,KAAK;IACX,MAAM;IACN,MAAM;IACN;IACA;;MAEE;QACE;QACA,MAAM;QACN;;QAEA;OACD,EAAE,aAAa,IAAI,GAAG,CAAC;MACxB,CAAC;IACH;MACE,MAAM,CAAC;MACP,CAAC;UACG;;KAEL,CAAC,CAAC;UACG;MACJ,MAAM;MACN,OAAO,QAAQ,GAAG,QAAQ,CAAC;;IAE7B;;KAEC,CAAC,CAAC;IACH,MAAM,UAAU,GAAG;MACjB,OAAO,OAAO,KAAK,CAAC;KACrB,CAAC,CAAC;IACH,MAAM,QAAQ,GAAG,QAAQ,OAAO;MAC9B,OAAO,MAAM,CAAC,MAAM,MAAM,CAAC;;IAE7B,MAAM,UAAU;MACd;;UAEI,MAAM,GAAG,QAAQ,CAAC,MAAM;UACxB,GAAG;aACA,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;;UAE7B,KAAK;aACF,QAAQ,CAAC,KAAK;;UAEjB,KAAK,GAAG,QAAQ;MACpB;;;MAGA,IAAI,UAAU,CAAC,KAAK;QAClB,OAAO,MAAM,CAAC;UACZ,MAAM,CAAC,KAAK,EAAE;;;;KAInB,CAAC,CAAC;UACG,QAAQ,GAAG,CAAC,QAAQ;;KAEzB,CAAC;UACI,eAAe,CAAC,MAAM,KAAK;MAC/B,IAAI,IAAI,GAAG,GAAG;;MAEd,MAAM,CAAC,eAAe,GAAG,GAAG;MAC5B,IAAI,MAAM,KAAK,MAAM,CAAC,KAAK,CAAC;;OAE3B,MAAM,IAAI,MAAM,KAAK,QAAQ;QAC5B,OAAO,CAAC,CAAC;;OAEV;MACD,OAAO,WAAW,GAAG,IAAI;;MAEzB,SAAS,CAAC,KAAK,GAAG,MAAM,CAAC;MACzB;IACF;MACE,IAAI,WAAW,GAAG,KAAK;QACrB;aACK,IAAI,WAAW,KAAK,KAAK,CAAC,KAAK,IAAI,UAAU,CAAC,KAAK,KAAK,OAAO;;;QAGpE,cAAc,CAAC,KAAK,GAAG;OACxB;;MAED,IAAI,SAAS;QACX,SAAS,aAAa,CAAC,cAAc;;UAEnC,aAAa,GAAG,QAAQ,CAAC;mBAChB,CAAC,MAAM;mBACP;cACL;kBACI;MACZ;UACI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,GAAG,MAAM,CAAC;WACzB;WACA;MACL;MACA;;;MAGA,QAAQ;MACR,MAAM;;MAEN,KAAK;MACL,MAAM;MACN,QAAQ;;MAER,YAAY;MACZ;;;;;;"}

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

@@ -1,86 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, toDisplayString, createTextVNode } from 'vue';
-
-const _hoisted_1 = {
-  key: 0,
-  class: "el-step__line"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "el-step__icon-inner"
-};
-const _hoisted_3 = { class: "el-step__main" };
-const _hoisted_4 = {
-  key: 0,
-  class: "el-step__arrow"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_check = resolveComponent("check");
-  const _component_close = resolveComponent("close");
-  return openBlock(), createElementBlock("div", {
-    style: normalizeStyle(_ctx.style),
-    class: normalizeClass([
-      "el-step",
-      _ctx.isSimple ? "is-simple" : `is-${_ctx.parent.props.direction}`,
-      _ctx.isLast && !_ctx.space && !_ctx.isCenter && "is-flex",
-      _ctx.isCenter && !_ctx.isVertical && !_ctx.isSimple && "is-center"
-    ])
-  }, [
-    createCommentVNode(" icon & line "),
-    createElementVNode("div", {
-      class: normalizeClass(["el-step__head", `is-${_ctx.currentStatus}`])
-    }, [
-      !_ctx.isSimple ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("i", {
-          class: "el-step__line-inner",
-          style: normalizeStyle(_ctx.lineStyle)
-        }, null, 4)
-      ])) : createCommentVNode("v-if", true),
-      createElementVNode("div", {
-        class: normalizeClass(["el-step__icon", `is-${_ctx.icon ? "icon" : "text"}`])
-      }, [
-        _ctx.currentStatus !== "success" && _ctx.currentStatus !== "error" ? renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
-          _ctx.icon ? (openBlock(), createBlock(_component_el_icon, {
-            key: 0,
-            class: "el-step__icon-inner"
-          }, {
-            default: withCtx(() => [
-              (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true),
-          !_ctx.icon && !_ctx.isSimple ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(_ctx.index + 1), 1)) : createCommentVNode("v-if", true)
-        ]) : (openBlock(), createBlock(_component_el_icon, {
-          key: 1,
-          class: "el-step__icon-inner is-status"
-        }, {
-          default: withCtx(() => [
-            _ctx.currentStatus === "success" ? (openBlock(), createBlock(_component_check, { key: 0 })) : (openBlock(), createBlock(_component_close, { key: 1 }))
-          ]),
-          _: 1
-        }))
-      ], 2)
-    ], 2),
-    createCommentVNode(" title & description "),
-    createElementVNode("div", _hoisted_3, [
-      createElementVNode("div", {
-        class: normalizeClass(["el-step__title", `is-${_ctx.currentStatus}`])
-      }, [
-        renderSlot(_ctx.$slots, "title", {}, () => [
-          createTextVNode(toDisplayString(_ctx.title), 1)
-        ])
-      ], 2),
-      _ctx.isSimple ? (openBlock(), createElementBlock("div", _hoisted_4)) : (openBlock(), createElementBlock("div", {
-        key: 1,
-        class: normalizeClass(["el-step__description", `is-${_ctx.currentStatus}`])
-      }, [
-        renderSlot(_ctx.$slots, "description", {}, () => [
-          createTextVNode(toDisplayString(_ctx.description), 1)
-        ])
-      ], 2))
-    ])
-  ], 6);
-}
-
-export { render };
-//# sourceMappingURL=item.vue_vue_type_template_id_6ec47f4b_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"item.vue_vue_type_template_id_6ec47f4b_lang.mjs","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 v-if=\"!isSimple\" 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":["_createCommentVNode"],"mappings":";;;;;EAY4B;;;;EAYa;;;;;EAed;;;;;;;;;qCArCV;;;;;;;;;;;;;;YAWTA;;;;;;;;;;;;;;oBAQuB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAgB5B;;;;;"}

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

@@ -1,128 +0,0 @@
-import { defineComponent, computed, ref, watch, nextTick, onMounted } from 'vue';
-import { isPromise } from '@vue/shared';
-import { isBool } from '../../../utils/util.mjs';
-import { throwError, debugWarn } from '../../../utils/error.mjs';
-import { ElIcon } from '../../icon/index.mjs';
-import { Loading } from '@element-plus/icons-vue';
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT } from '../../../utils/constants.mjs';
-import '../../../hooks/index.mjs';
-import { switchProps, switchEmits } from './switch.mjs';
-import { useFormItem } from '../../../hooks/use-form-item/index.mjs';
-import { useDisabled, useSize } from '../../../hooks/use-common-props/index.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-
-const COMPONENT_NAME = "ElSwitch";
-var script = defineComponent({
-  name: COMPONENT_NAME,
-  components: { ElIcon, Loading },
-  props: switchProps,
-  emits: switchEmits,
-  setup(props, { emit }) {
-    const { formItem } = useFormItem();
-    const switchDisabled = useDisabled(computed(() => props.loading));
-    const ns = useNamespace("switch");
-    const switchSize = useSize();
-    const isModelValue = ref(props.modelValue !== false);
-    const input = ref();
-    const core = ref();
-    const switchKls = computed(() => [
-      ns.b(),
-      ns.m(switchSize.value),
-      ns.is("disabled", switchDisabled.value),
-      ns.is("checked", checked.value)
-    ]);
-    watch(() => props.modelValue, () => {
-      isModelValue.value = true;
-    });
-    watch(() => props.value, () => {
-      isModelValue.value = false;
-    });
-    const actualValue = computed(() => {
-      return isModelValue.value ? props.modelValue : props.value;
-    });
-    const checked = computed(() => actualValue.value === props.activeValue);
-    if (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {
-      emit(UPDATE_MODEL_EVENT, props.inactiveValue);
-      emit(CHANGE_EVENT, props.inactiveValue);
-      emit(INPUT_EVENT, props.inactiveValue);
-    }
-    watch(checked, () => {
-      var _a;
-      input.value.checked = checked.value;
-      if (props.activeColor || props.inactiveColor) {
-        setBackgroundColor();
-      }
-      if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
-      }
-    });
-    const handleChange = () => {
-      const val = checked.value ? props.inactiveValue : props.activeValue;
-      emit(UPDATE_MODEL_EVENT, val);
-      emit(CHANGE_EVENT, val);
-      emit(INPUT_EVENT, val);
-      nextTick(() => {
-        input.value.checked = checked.value;
-      });
-    };
-    const switchValue = () => {
-      if (switchDisabled.value)
-        return;
-      const { beforeChange } = props;
-      if (!beforeChange) {
-        handleChange();
-        return;
-      }
-      const shouldChange = beforeChange();
-      const isExpectType = [isPromise(shouldChange), isBool(shouldChange)].some((i) => i);
-      if (!isExpectType) {
-        throwError(COMPONENT_NAME, "beforeChange must return type `Promise<boolean>` or `boolean`");
-      }
-      if (isPromise(shouldChange)) {
-        shouldChange.then((result) => {
-          if (result) {
-            handleChange();
-          }
-        }).catch((e) => {
-          debugWarn(COMPONENT_NAME, `some error occurred: ${e}`);
-        });
-      } else if (shouldChange) {
-        handleChange();
-      }
-    };
-    const setBackgroundColor = () => {
-      const newColor = checked.value ? props.activeColor : props.inactiveColor;
-      const coreEl = core.value;
-      if (props.borderColor)
-        coreEl.style.borderColor = props.borderColor;
-      else if (!props.borderColor)
-        coreEl.style.borderColor = newColor;
-      coreEl.style.backgroundColor = newColor;
-      coreEl.children[0].style.color = newColor;
-    };
-    const focus = () => {
-      var _a, _b;
-      (_b = (_a = input.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
-    };
-    onMounted(() => {
-      if (props.activeColor || props.inactiveColor || props.borderColor) {
-        setBackgroundColor();
-      }
-      input.value.checked = checked.value;
-    });
-    return {
-      ns,
-      input,
-      core,
-      switchDisabled,
-      checked,
-      switchKls,
-      handleChange,
-      switchValue,
-      focus
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=switch.vue_vue_type_script_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"switch.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/switch/src/switch.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"switchKls\"\n    role=\"switch\"\n    :aria-checked=\"checked\"\n    :aria-disabled=\"switchDisabled\"\n    @click.prevent=\"switchValue\"\n  >\n    <input\n      :id=\"id\"\n      ref=\"input\"\n      :class=\"ns.e('input')\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :true-value=\"activeValue\"\n      :false-value=\"inactiveValue\"\n      :disabled=\"switchDisabled\"\n      @change=\"handleChange\"\n      @keydown.enter=\"switchValue\"\n    />\n    <span\n      v-if=\"!inlinePrompt && (inactiveIcon || inactiveText)\"\n      :class=\"[\n        ns.e('label'),\n        ns.em('label', 'left'),\n        ns.is('active', !checked),\n      ]\"\n    >\n      <el-icon v-if=\"inactiveIcon\"><component :is=\"inactiveIcon\" /></el-icon>\n      <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n        inactiveText\n      }}</span>\n    </span>\n    <span\n      ref=\"core\"\n      :class=\"ns.e('core')\"\n      :style=\"{ width: (width || 40) + 'px' }\"\n    >\n      <div v-if=\"inlinePrompt\" :class=\"ns.e('inner')\">\n        <template v-if=\"activeIcon || inactiveIcon\">\n          <el-icon\n            v-if=\"activeIcon\"\n            :class=\"[ns.is('icon'), checked ? ns.is('show') : ns.is('hide')]\"\n          >\n            <component :is=\"activeIcon\" />\n          </el-icon>\n          <el-icon\n            v-if=\"inactiveIcon\"\n            :class=\"[ns.is('icon'), !checked ? ns.is('show') : ns.is('hide')]\"\n          >\n            <component :is=\"inactiveIcon\" />\n          </el-icon>\n        </template>\n        <template v-else-if=\"activeText || inactiveIcon\">\n          <span\n            v-if=\"activeText\"\n            :class=\"[ns.is('text'), checked ? ns.is('show') : ns.is('hide')]\"\n            :aria-hidden=\"!checked\"\n          >\n            {{ activeText.substr(0, 1) }}\n          </span>\n          <span\n            v-if=\"inactiveText\"\n            :class=\"[ns.is('text'), !checked ? ns.is('show') : ns.is('hide')]\"\n            :aria-hidden=\"checked\"\n          >\n            {{ inactiveText.substr(0, 1) }}\n          </span>\n        </template>\n      </div>\n      <div :class=\"ns.e('action')\">\n        <el-icon v-if=\"loading\" :class=\"ns.is('loading')\"><loading /></el-icon>\n      </div>\n    </span>\n    <span\n      v-if=\"!inlinePrompt && (activeIcon || activeText)\"\n      :class=\"[\n        ns.e('label'),\n        ns.em('label', 'right'),\n        ns.is('active', checked),\n      ]\"\n    >\n      <el-icon v-if=\"activeIcon\"><component :is=\"activeIcon\" /></el-icon>\n      <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n        activeText\n      }}</span>\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, onMounted, ref, nextTick, watch } from 'vue'\nimport { isPromise } from '@vue/shared'\nimport { isBool } from '@element-plus/utils/util'\nimport { throwError, debugWarn } from '@element-plus/utils/error'\nimport ElIcon from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons-vue'\nimport {\n  UPDATE_MODEL_EVENT,\n  CHANGE_EVENT,\n  INPUT_EVENT,\n} from '@element-plus/utils/constants'\nimport {\n  useDisabled,\n  useFormItem,\n  useNamespace,\n  useSize,\n} from '@element-plus/hooks'\nimport { switchProps, switchEmits } from './switch'\n\nconst COMPONENT_NAME = 'ElSwitch'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  components: { ElIcon, Loading },\n\n  props: switchProps,\n  emits: switchEmits,\n\n  setup(props, { emit }) {\n    const { formItem } = useFormItem()\n    const switchDisabled = useDisabled(computed(() => props.loading))\n    const ns = useNamespace('switch')\n\n    const switchSize = useSize()\n    const isModelValue = ref(props.modelValue !== false)\n    const input = ref<HTMLInputElement>()\n    const core = ref<HTMLSpanElement>()\n\n    const switchKls = computed(() => [\n      ns.b(),\n      ns.m(switchSize.value),\n      ns.is('disabled', switchDisabled.value),\n      ns.is('checked', checked.value),\n    ])\n\n    watch(\n      () => props.modelValue,\n      () => {\n        isModelValue.value = true\n      }\n    )\n\n    watch(\n      () => props.value,\n      () => {\n        isModelValue.value = false\n      }\n    )\n\n    const actualValue = computed(() => {\n      return isModelValue.value ? props.modelValue : props.value\n    })\n\n    const checked = computed(() => actualValue.value === props.activeValue)\n\n    if (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {\n      emit(UPDATE_MODEL_EVENT, props.inactiveValue)\n      emit(CHANGE_EVENT, props.inactiveValue)\n      emit(INPUT_EVENT, props.inactiveValue)\n    }\n\n    watch(checked, () => {\n      input.value!.checked = checked.value\n\n      if (props.activeColor || props.inactiveColor) {\n        setBackgroundColor()\n      }\n\n      if (props.validateEvent) {\n        formItem?.validate?.('change')\n      }\n    })\n\n    const handleChange = (): void => {\n      const val = checked.value ? props.inactiveValue : props.activeValue\n      emit(UPDATE_MODEL_EVENT, val)\n      emit(CHANGE_EVENT, val)\n      emit(INPUT_EVENT, val)\n      nextTick(() => {\n        input.value!.checked = checked.value\n      })\n    }\n\n    const switchValue = (): void => {\n      if (switchDisabled.value) return\n\n      const { beforeChange } = props\n      if (!beforeChange) {\n        handleChange()\n        return\n      }\n\n      const shouldChange = beforeChange()\n\n      const isExpectType = [isPromise(shouldChange), isBool(shouldChange)].some(\n        (i) => i\n      )\n      if (!isExpectType) {\n        throwError(\n          COMPONENT_NAME,\n          'beforeChange must return type `Promise<boolean>` or `boolean`'\n        )\n      }\n\n      if (isPromise(shouldChange)) {\n        shouldChange\n          .then((result) => {\n            if (result) {\n              handleChange()\n            }\n          })\n          .catch((e) => {\n            debugWarn(COMPONENT_NAME, `some error occurred: ${e}`)\n          })\n      } else if (shouldChange) {\n        handleChange()\n      }\n    }\n\n    const setBackgroundColor = (): void => {\n      const newColor = checked.value ? props.activeColor : props.inactiveColor\n      const coreEl = core.value\n      if (props.borderColor) coreEl!.style.borderColor = props.borderColor\n      else if (!props.borderColor) coreEl!.style.borderColor = newColor\n      coreEl!.style.backgroundColor = newColor\n      ;(coreEl!.children[0] as HTMLDivElement).style.color = newColor\n    }\n\n    const focus = (): void => {\n      input.value?.focus?.()\n    }\n\n    onMounted(() => {\n      if (props.activeColor || props.inactiveColor || props.borderColor) {\n        setBackgroundColor()\n      }\n\n      input.value!.checked = checked.value\n    })\n\n    return {\n      ns,\n      input,\n      core,\n      switchDisabled,\n      checked,\n      switchKls,\n      handleChange,\n      switchValue,\n      focus,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AA4GA,oBAAoB,GAAG,WAAW;;AAElC,EAAE,IAAI,EAAE;;AAER,EAAE,KAAK,EAAE,WAAW;EAClB,OAAO,WAAW;EAClB,KAAK,CAAC,SAAS,IAAI,IAAI;;IAErB,MAAM;IACN,MAAM,EAAE,GAAG;;IAEX,MAAM,YAAY,GAAG;IACrB,MAAM,KAAK,GAAG,GAAG,EAAE;IACnB,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC;IACnB,MAAM,SAAS,GAAG,QAAQ,CAAC;;MAEzB,EAAE,EAAE,CAAC,UAAU,MAAM,CAAC;MACtB,EAAE,GAAG,CAAC,0BAA0B,CAAC,KAAK;MACtC,EAAE,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC;KAChC,CAAC,CAAC;;MAED,YAAY,MAAM,GAAG,IAAI,CAAC;MAC1B,CAAC;SACE,CAAC,MAAM,KAAK,CAAC,KAAK;MACrB,YAAY,CAAC,KAAK,GAAG,KAAK,CAAC;MAC3B,CAAC;IACH;;KAEC,CAAC,CAAC;UACG,OAAO,GAAG,QAAQ;SACnB,CAAC;UACA,CAAC,kBAAkB,EAAE;MACzB;;;IAGF,KAAK;MACH,IAAI,EAAE,CAAC;MACP,MAAM;UACF,KAAK,CAAC,WAAW,IAAI;;;;QAIvB,GAAG,GAAG,QAAQ,IAAI,IAAI,GAAG,MAAM;OAChC;KACF;;MAEC,MAAM,GAAG,GAAG,OAAO,CAAC,aAAa,CAAC,aAAa,QAAQ,CAAC,WAAW,CAAC;;UAEhE,CAAC,YAAY,EAAE,IAAI,CAAC;MACxB,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;MACvB,QAAQ,CAAC,MAAM;QACb,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK;;;IAGvC,MAAM;MACJ,IAAI,cAAc,CAAC,KAAK;;MAExB,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;UAC3B,CAAC,YAAY,EAAE;;;OAGlB;YACK,YAAY,GAAG;MACrB;;;OAGC;MACD,IAAI,SAAS,CAAC,YAAY,GAAG;QAC3B,YAAY,CAAC,IAAI,CAAC,CAAC,MAAM;UACvB,IAAI,MAAM,EAAE;YACV,YAAY,EAAE,CAAC;WAChB;SACF,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;;;;QAIhB,YAAY,EAAE;OACf;;UAEG,qBAAqB;MACzB,MAAM,QAAQ,GAAG;YACX,MAAM,GAAG;UACX;;;QAGF,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG;;MAE7B,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC;;;MAG1C,IAAI,EAAE,EAAE,EAAE,CAAC;SACR,GAAG,CAAC,EAAE,GAAG;;aAEL,CAAC,MAAM;;;;MAId,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO;;WAExB;;;;;aAKE;eACE;;MAET,WAAW;WACN;MACL;;;;;;"}

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

@@ -1,128 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, withKeys, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, toDisplayString, normalizeStyle, Fragment, createVNode } from 'vue';
-
-const _hoisted_1 = ["aria-checked", "aria-disabled"];
-const _hoisted_2 = ["id", "name", "true-value", "false-value", "disabled"];
-const _hoisted_3 = ["aria-hidden"];
-const _hoisted_4 = ["aria-hidden"];
-const _hoisted_5 = ["aria-hidden"];
-const _hoisted_6 = ["aria-hidden"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_loading = resolveComponent("loading");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.switchKls),
-    role: "switch",
-    "aria-checked": _ctx.checked,
-    "aria-disabled": _ctx.switchDisabled,
-    onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.switchValue && _ctx.switchValue(...args), ["prevent"]))
-  }, [
-    createElementVNode("input", {
-      id: _ctx.id,
-      ref: "input",
-      class: normalizeClass(_ctx.ns.e("input")),
-      type: "checkbox",
-      name: _ctx.name,
-      "true-value": _ctx.activeValue,
-      "false-value": _ctx.inactiveValue,
-      disabled: _ctx.switchDisabled,
-      onChange: _cache[0] || (_cache[0] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
-      onKeydown: _cache[1] || (_cache[1] = withKeys((...args) => _ctx.switchValue && _ctx.switchValue(...args), ["enter"]))
-    }, null, 42, _hoisted_2),
-    !_ctx.inlinePrompt && (_ctx.inactiveIcon || _ctx.inactiveText) ? (openBlock(), createElementBlock("span", {
-      key: 0,
-      class: normalizeClass([
-        _ctx.ns.e("label"),
-        _ctx.ns.em("label", "left"),
-        _ctx.ns.is("active", !_ctx.checked)
-      ])
-    }, [
-      _ctx.inactiveIcon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
-        default: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.inactiveIcon)))
-        ]),
-        _: 1
-      })) : createCommentVNode("v-if", true),
-      !_ctx.inactiveIcon && _ctx.inactiveText ? (openBlock(), createElementBlock("span", {
-        key: 1,
-        "aria-hidden": _ctx.checked
-      }, toDisplayString(_ctx.inactiveText), 9, _hoisted_3)) : createCommentVNode("v-if", true)
-    ], 2)) : createCommentVNode("v-if", true),
-    createElementVNode("span", {
-      ref: "core",
-      class: normalizeClass(_ctx.ns.e("core")),
-      style: normalizeStyle({ width: (_ctx.width || 40) + "px" })
-    }, [
-      _ctx.inlinePrompt ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(_ctx.ns.e("inner"))
-      }, [
-        _ctx.activeIcon || _ctx.inactiveIcon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          _ctx.activeIcon ? (openBlock(), createBlock(_component_el_icon, {
-            key: 0,
-            class: normalizeClass([_ctx.ns.is("icon"), _ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")])
-          }, {
-            default: withCtx(() => [
-              (openBlock(), createBlock(resolveDynamicComponent(_ctx.activeIcon)))
-            ]),
-            _: 1
-          }, 8, ["class"])) : createCommentVNode("v-if", true),
-          _ctx.inactiveIcon ? (openBlock(), createBlock(_component_el_icon, {
-            key: 1,
-            class: normalizeClass([_ctx.ns.is("icon"), !_ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")])
-          }, {
-            default: withCtx(() => [
-              (openBlock(), createBlock(resolveDynamicComponent(_ctx.inactiveIcon)))
-            ]),
-            _: 1
-          }, 8, ["class"])) : createCommentVNode("v-if", true)
-        ], 64)) : _ctx.activeText || _ctx.inactiveIcon ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          _ctx.activeText ? (openBlock(), createElementBlock("span", {
-            key: 0,
-            class: normalizeClass([_ctx.ns.is("text"), _ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")]),
-            "aria-hidden": !_ctx.checked
-          }, toDisplayString(_ctx.activeText.substr(0, 1)), 11, _hoisted_4)) : createCommentVNode("v-if", true),
-          _ctx.inactiveText ? (openBlock(), createElementBlock("span", {
-            key: 1,
-            class: normalizeClass([_ctx.ns.is("text"), !_ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")]),
-            "aria-hidden": _ctx.checked
-          }, toDisplayString(_ctx.inactiveText.substr(0, 1)), 11, _hoisted_5)) : createCommentVNode("v-if", true)
-        ], 64)) : createCommentVNode("v-if", true)
-      ], 2)) : createCommentVNode("v-if", true),
-      createElementVNode("div", {
-        class: normalizeClass(_ctx.ns.e("action"))
-      }, [
-        _ctx.loading ? (openBlock(), createBlock(_component_el_icon, {
-          key: 0,
-          class: normalizeClass(_ctx.ns.is("loading"))
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_loading)
-          ]),
-          _: 1
-        }, 8, ["class"])) : createCommentVNode("v-if", true)
-      ], 2)
-    ], 6),
-    !_ctx.inlinePrompt && (_ctx.activeIcon || _ctx.activeText) ? (openBlock(), createElementBlock("span", {
-      key: 1,
-      class: normalizeClass([
-        _ctx.ns.e("label"),
-        _ctx.ns.em("label", "right"),
-        _ctx.ns.is("active", _ctx.checked)
-      ])
-    }, [
-      _ctx.activeIcon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
-        default: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.activeIcon)))
-        ]),
-        _: 1
-      })) : createCommentVNode("v-if", true),
-      !_ctx.activeIcon && _ctx.activeText ? (openBlock(), createElementBlock("span", {
-        key: 1,
-        "aria-hidden": !_ctx.checked
-      }, toDisplayString(_ctx.activeText), 9, _hoisted_6)) : createCommentVNode("v-if", true)
-    ], 2)) : createCommentVNode("v-if", true)
-  ], 10, _hoisted_1);
-}
-
-export { render };
-//# sourceMappingURL=switch.vue_vue_type_template_id_538fbc85_lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"switch.vue_vue_type_template_id_538fbc85_lang.mjs","sources":["../../../../../../packages/components/switch/src/switch.vue?vue&type=template&id=538fbc85&lang.js"],"sourcesContent":["<template>\n  <div\n    :class=\"switchKls\"\n    role=\"switch\"\n    :aria-checked=\"checked\"\n    :aria-disabled=\"switchDisabled\"\n    @click.prevent=\"switchValue\"\n  >\n    <input\n      :id=\"id\"\n      ref=\"input\"\n      :class=\"ns.e('input')\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :true-value=\"activeValue\"\n      :false-value=\"inactiveValue\"\n      :disabled=\"switchDisabled\"\n      @change=\"handleChange\"\n      @keydown.enter=\"switchValue\"\n    />\n    <span\n      v-if=\"!inlinePrompt && (inactiveIcon || inactiveText)\"\n      :class=\"[\n        ns.e('label'),\n        ns.em('label', 'left'),\n        ns.is('active', !checked),\n      ]\"\n    >\n      <el-icon v-if=\"inactiveIcon\"><component :is=\"inactiveIcon\" /></el-icon>\n      <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n        inactiveText\n      }}</span>\n    </span>\n    <span\n      ref=\"core\"\n      :class=\"ns.e('core')\"\n      :style=\"{ width: (width || 40) + 'px' }\"\n    >\n      <div v-if=\"inlinePrompt\" :class=\"ns.e('inner')\">\n        <template v-if=\"activeIcon || inactiveIcon\">\n          <el-icon\n            v-if=\"activeIcon\"\n            :class=\"[ns.is('icon'), checked ? ns.is('show') : ns.is('hide')]\"\n          >\n            <component :is=\"activeIcon\" />\n          </el-icon>\n          <el-icon\n            v-if=\"inactiveIcon\"\n            :class=\"[ns.is('icon'), !checked ? ns.is('show') : ns.is('hide')]\"\n          >\n            <component :is=\"inactiveIcon\" />\n          </el-icon>\n        </template>\n        <template v-else-if=\"activeText || inactiveIcon\">\n          <span\n            v-if=\"activeText\"\n            :class=\"[ns.is('text'), checked ? ns.is('show') : ns.is('hide')]\"\n            :aria-hidden=\"!checked\"\n          >\n            {{ activeText.substr(0, 1) }}\n          </span>\n          <span\n            v-if=\"inactiveText\"\n            :class=\"[ns.is('text'), !checked ? ns.is('show') : ns.is('hide')]\"\n            :aria-hidden=\"checked\"\n          >\n            {{ inactiveText.substr(0, 1) }}\n          </span>\n        </template>\n      </div>\n      <div :class=\"ns.e('action')\">\n        <el-icon v-if=\"loading\" :class=\"ns.is('loading')\"><loading /></el-icon>\n      </div>\n    </span>\n    <span\n      v-if=\"!inlinePrompt && (activeIcon || activeText)\"\n      :class=\"[\n        ns.e('label'),\n        ns.em('label', 'right'),\n        ns.is('active', checked),\n      ]\"\n    >\n      <el-icon v-if=\"activeIcon\"><component :is=\"activeIcon\" /></el-icon>\n      <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n        activeText\n      }}</span>\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, onMounted, ref, nextTick, watch } from 'vue'\nimport { isPromise } from '@vue/shared'\nimport { isBool } from '@element-plus/utils/util'\nimport { throwError, debugWarn } from '@element-plus/utils/error'\nimport ElIcon from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons-vue'\nimport {\n  UPDATE_MODEL_EVENT,\n  CHANGE_EVENT,\n  INPUT_EVENT,\n} from '@element-plus/utils/constants'\nimport {\n  useDisabled,\n  useFormItem,\n  useNamespace,\n  useSize,\n} from '@element-plus/hooks'\nimport { switchProps, switchEmits } from './switch'\n\nconst COMPONENT_NAME = 'ElSwitch'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  components: { ElIcon, Loading },\n\n  props: switchProps,\n  emits: switchEmits,\n\n  setup(props, { emit }) {\n    const { formItem } = useFormItem()\n    const switchDisabled = useDisabled(computed(() => props.loading))\n    const ns = useNamespace('switch')\n\n    const switchSize = useSize()\n    const isModelValue = ref(props.modelValue !== false)\n    const input = ref<HTMLInputElement>()\n    const core = ref<HTMLSpanElement>()\n\n    const switchKls = computed(() => [\n      ns.b(),\n      ns.m(switchSize.value),\n      ns.is('disabled', switchDisabled.value),\n      ns.is('checked', checked.value),\n    ])\n\n    watch(\n      () => props.modelValue,\n      () => {\n        isModelValue.value = true\n      }\n    )\n\n    watch(\n      () => props.value,\n      () => {\n        isModelValue.value = false\n      }\n    )\n\n    const actualValue = computed(() => {\n      return isModelValue.value ? props.modelValue : props.value\n    })\n\n    const checked = computed(() => actualValue.value === props.activeValue)\n\n    if (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {\n      emit(UPDATE_MODEL_EVENT, props.inactiveValue)\n      emit(CHANGE_EVENT, props.inactiveValue)\n      emit(INPUT_EVENT, props.inactiveValue)\n    }\n\n    watch(checked, () => {\n      input.value!.checked = checked.value\n\n      if (props.activeColor || props.inactiveColor) {\n        setBackgroundColor()\n      }\n\n      if (props.validateEvent) {\n        formItem?.validate?.('change')\n      }\n    })\n\n    const handleChange = (): void => {\n      const val = checked.value ? props.inactiveValue : props.activeValue\n      emit(UPDATE_MODEL_EVENT, val)\n      emit(CHANGE_EVENT, val)\n      emit(INPUT_EVENT, val)\n      nextTick(() => {\n        input.value!.checked = checked.value\n      })\n    }\n\n    const switchValue = (): void => {\n      if (switchDisabled.value) return\n\n      const { beforeChange } = props\n      if (!beforeChange) {\n        handleChange()\n        return\n      }\n\n      const shouldChange = beforeChange()\n\n      const isExpectType = [isPromise(shouldChange), isBool(shouldChange)].some(\n        (i) => i\n      )\n      if (!isExpectType) {\n        throwError(\n          COMPONENT_NAME,\n          'beforeChange must return type `Promise<boolean>` or `boolean`'\n        )\n      }\n\n      if (isPromise(shouldChange)) {\n        shouldChange\n          .then((result) => {\n            if (result) {\n              handleChange()\n            }\n          })\n          .catch((e) => {\n            debugWarn(COMPONENT_NAME, `some error occurred: ${e}`)\n          })\n      } else if (shouldChange) {\n        handleChange()\n      }\n    }\n\n    const setBackgroundColor = (): void => {\n      const newColor = checked.value ? props.activeColor : props.inactiveColor\n      const coreEl = core.value\n      if (props.borderColor) coreEl!.style.borderColor = props.borderColor\n      else if (!props.borderColor) coreEl!.style.borderColor = newColor\n      coreEl!.style.backgroundColor = newColor\n      ;(coreEl!.children[0] as HTMLDivElement).style.color = newColor\n    }\n\n    const focus = (): void => {\n      input.value?.focus?.()\n    }\n\n    onMounted(() => {\n      if (props.activeColor || props.inactiveColor || props.borderColor) {\n        setBackgroundColor()\n      }\n\n      input.value!.checked = checked.value\n    })\n\n    return {\n      ns,\n      input,\n      core,\n      switchDisabled,\n      checked,\n      switchKls,\n      handleChange,\n      switchValue,\n      focus,\n    }\n  },\n})\n</script>\n"],"names":["_createElementVNode","_normalizeClass","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;wBACE;IACG;IACD;;IAECA;;;;MAIE,IAAI;MACL;MACC,8BAAS;MACV;MACC,eAAU;MACV,8BAAuB;MACvB,iCAA0B;;qGAEN;MACpB;;;;;;;;;;;WAUc;;;;;;;;;4BACf;;;;;;;;;;;;;wBASA;;YAA0B;;;;mBAGdC,cAAU;;;4BACVC;;;;;;;;;;;;;;;;;;;;mCAWyB;;;;;;;;;;;;;;;;;;;;;oCAiBtBC;;SACE;;;cAAU;;;;;;;;;"}