element-pe 1.0.8 → 1.0.9-alpha.12

package/es/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-pe/es/utils/props").BuildPropReturn<readonly [BooleanConstructor, StringConstructor, NumberConstructor], false, unknown, unknown, unknown>;
+    readonly value: import("element-pe/es/utils/props").BuildPropReturn<readonly [BooleanConstructor, StringConstructor, NumberConstructor], false, unknown, unknown, unknown>;
+    readonly disabled: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly width: import("element-pe/es/utils/props").BuildPropReturn<NumberConstructor, 40, unknown, unknown, unknown>;
+    readonly inlinePrompt: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly activeIcon: import("element-pe/es/utils/props").BuildPropReturn<import("element-pe/es/utils/props").PropWrapper<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly inactiveIcon: import("element-pe/es/utils/props").BuildPropReturn<import("element-pe/es/utils/props").PropWrapper<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly activeText: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly inactiveText: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly activeColor: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly inactiveColor: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly borderColor: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly activeValue: import("element-pe/es/utils/props").BuildPropReturn<readonly [BooleanConstructor, StringConstructor, NumberConstructor], true, unknown, unknown, unknown>;
+    readonly inactiveValue: import("element-pe/es/utils/props").BuildPropReturn<readonly [BooleanConstructor, StringConstructor, NumberConstructor], false, unknown, unknown, unknown>;
+    readonly name: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly validateEvent: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly id: StringConstructor;
+    readonly loading: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly beforeChange: import("element-pe/es/utils/props").BuildPropReturn<import("element-pe/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/es/components/switch/src/switch.mjs

@@ -0,0 +1,87 @@
+import { buildProps, definePropType } from '../../../utils/props.mjs';
+import { UPDATE_MODEL_EVENT, CHANGE_EVENT, INPUT_EVENT } from '../../../utils/constants.mjs';
+import { isBool, isNumber } from '../../../utils/util.mjs';
+import { isString } from '@vue/shared';
+
+const switchProps = 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: definePropType([String, Object]),
+    default: ""
+  },
+  inactiveIcon: {
+    type: 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: definePropType(Function)
+  }
+});
+const switchEmits = {
+  [UPDATE_MODEL_EVENT]: (val) => isBool(val) || isString(val) || isNumber(val),
+  [CHANGE_EVENT]: (val) => isBool(val) || isString(val) || isNumber(val),
+  [INPUT_EVENT]: (val) => isBool(val) || isString(val) || isNumber(val)
+};
+
+export { switchEmits, switchProps };
+//# sourceMappingURL=switch.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.mjs","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":[],"mappings":";;;;;MAUa,cAAc,WAAW;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,MAAM,eAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM,eAAmC,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,MAAM,eAAiD;AAAA;AAAA;MAM9C,cAAc;AAAA,GACxB,qBAAqB,CAAC,QACrB,OAAO,QAAQ,SAAS,QAAQ,SAAS;AAAA,GAC1C,eAAe,CAAC,QACf,OAAO,QAAQ,SAAS,QAAQ,SAAS;AAAA,GAC1C,cAAc,CAAC,QACd,OAAO,QAAQ,SAAS,QAAQ,SAAS;AAAA;;;;"}

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

@@ -0,0 +1,98 @@
+declare const _default: 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;
+    value: import("../../../utils/props").BuildPropType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+    validateEvent: import("../../../utils/props").BuildPropType<BooleanConstructor, 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;
+}> & {
+    "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
+    onChange?: ((val: string | number | boolean) => any) | undefined;
+    onInput?: ((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;
+    value: import("../../../utils/props").BuildPropType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+    validateEvent: import("../../../utils/props").BuildPropType<BooleanConstructor, 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>;
+}>;
+export default _default;

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

@@ -0,0 +1,117 @@
+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 } from '../../../hooks/use-common-props/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 isModelValue = ref(props.modelValue !== false);
+    const input = ref();
+    const core = ref();
+    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 {
+      input,
+      core,
+      switchDisabled,
+      checked,
+      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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/switch/src/switch.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-switch\"\n    :class=\"{ 'is-disabled': switchDisabled, 'is-checked': checked }\"\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=\"el-switch__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        'el-switch__label',\n        'el-switch__label--left',\n        !checked ? 'is-active' : '',\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=\"el-switch__core\"\n      :style=\"{ width: (width || 40) + 'px' }\"\n    >\n      <div v-if=\"inlinePrompt\" class=\"el-switch__inner\">\n        <template v-if=\"activeIcon || inactiveIcon\">\n          <el-icon\n            v-if=\"activeIcon\"\n            class=\"is-icon\"\n            :class=\"checked ? 'is-show' : 'is-hide'\"\n          >\n            <component :is=\"activeIcon\" />\n          </el-icon>\n          <el-icon\n            v-if=\"inactiveIcon\"\n            class=\"is-icon\"\n            :class=\"!checked ? 'is-show' : '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=\"is-text\"\n            :class=\"checked ? 'is-show' : 'is-hide'\"\n            :aria-hidden=\"!checked\"\n          >\n            {{ activeText.substr(0, 1) }}\n          </span>\n          <span\n            v-if=\"inactiveText\"\n            class=\"is-text\"\n            :class=\"!checked ? 'is-show' : 'is-hide'\"\n            :aria-hidden=\"checked\"\n          >\n            {{ inactiveText.substr(0, 1) }}\n          </span>\n        </template>\n      </div>\n      <div class=\"el-switch__action\">\n        <el-icon v-if=\"loading\" class=\"is-loading\"><loading /></el-icon>\n      </div>\n    </span>\n    <span\n      v-if=\"!inlinePrompt && (activeIcon || activeText)\"\n      :class=\"[\n        'el-switch__label',\n        'el-switch__label--right',\n        checked ? 'is-active' : '',\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 { useDisabled, useFormItem } 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\n    const isModelValue = ref(props.modelValue !== false)\n    const input = ref<HTMLInputElement>()\n    const core = ref<HTMLSpanElement>()\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      input,\n      core,\n      switchDisabled,\n      checked,\n      handleChange,\n      switchValue,\n      focus,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AA8GA,MAAM,iBAAiB;AAEvB,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,EAAE,QAAQ;AAAA,EAEtB,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,EAAE,aAAa;AACrB,UAAM,iBAAiB,YAAY,SAAS,MAAM,MAAM;AAExD,UAAM,eAAe,IAAI,MAAM,eAAe;AAC9C,UAAM,QAAQ;AACd,UAAM,OAAO;AAEb,UACE,MAAM,MAAM,YACZ,MAAM;AACJ,mBAAa,QAAQ;AAAA;AAIzB,UACE,MAAM,MAAM,OACZ,MAAM;AACJ,mBAAa,QAAQ;AAAA;AAIzB,UAAM,cAAc,SAAS,MAAM;AACjC,aAAO,aAAa,QAAQ,MAAM,aAAa,MAAM;AAAA;AAGvD,UAAM,UAAU,SAAS,MAAM,YAAY,UAAU,MAAM;AAE3D,QAAI,CAAC,CAAC,MAAM,aAAa,MAAM,eAAe,SAAS,YAAY,QAAQ;AACzE,WAAK,oBAAoB,MAAM;AAC/B,WAAK,cAAc,MAAM;AACzB,WAAK,aAAa,MAAM;AAAA;AAG1B,UAAM,SAAS,MAAM;;AACnB,YAAM,MAAO,UAAU,QAAQ;AAE/B,UAAI,MAAM,eAAe,MAAM,eAAe;AAC5C;AAAA;AAGF,UAAI,MAAM,eAAe;AACvB,mDAAU,aAAV,kCAAqB;AAAA;AAAA;AAIzB,UAAM,eAAe,MAAY;AAC/B,YAAM,MAAM,QAAQ,QAAQ,MAAM,gBAAgB,MAAM;AACxD,WAAK,oBAAoB;AACzB,WAAK,cAAc;AACnB,WAAK,aAAa;AAClB,eAAS,MAAM;AACb,cAAM,MAAO,UAAU,QAAQ;AAAA;AAAA;AAInC,UAAM,cAAc,MAAY;AAC9B,UAAI,eAAe;AAAO;AAE1B,YAAM,EAAE,iBAAiB;AACzB,UAAI,CAAC,cAAc;AACjB;AACA;AAAA;AAGF,YAAM,eAAe;AAErB,YAAM,eAAe,CAAC,UAAU,eAAe,OAAO,eAAe,KACnE,CAAC,MAAM;AAET,UAAI,CAAC,cAAc;AACjB,mBACE,gBACA;AAAA;AAIJ,UAAI,UAAU,eAAe;AAC3B,qBACG,KAAK,CAAC,WAAW;AAChB,cAAI,QAAQ;AACV;AAAA;AAAA,WAGH,MAAM,CAAC,MAAM;AACZ,oBAAU,gBAAgB,wBAAwB;AAAA;AAAA,iBAE7C,cAAc;AACvB;AAAA;AAAA;AAIJ,UAAM,qBAAqB,MAAY;AACrC,YAAM,WAAW,QAAQ,QAAQ,MAAM,cAAc,MAAM;AAC3D,YAAM,SAAS,KAAK;AACpB,UAAI,MAAM;AAAa,eAAQ,MAAM,cAAc,MAAM;AAAA,eAChD,CAAC,MAAM;AAAa,eAAQ,MAAM,cAAc;AACzD,aAAQ,MAAM,kBAAkB;AAC/B,MAAC,OAAQ,SAAS,GAAsB,MAAM,QAAQ;AAAA;AAGzD,UAAM,QAAQ,MAAY;;AACxB,wBAAM,UAAN,mBAAa,UAAb;AAAA;AAGF,cAAU,MAAM;AACd,UAAI,MAAM,eAAe,MAAM,iBAAiB,MAAM,aAAa;AACjE;AAAA;AAGF,YAAM,MAAO,UAAU,QAAQ;AAAA;AAGjC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

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

@@ -0,0 +1,128 @@
+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 = {
+  key: 0,
+  class: "el-switch__inner"
+};
+const _hoisted_5 = ["aria-hidden"];
+const _hoisted_6 = ["aria-hidden"];
+const _hoisted_7 = { class: "el-switch__action" };
+const _hoisted_8 = ["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(["el-switch", { "is-disabled": _ctx.switchDisabled, "is-checked": _ctx.checked }]),
+    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: "el-switch__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, 40, _hoisted_2),
+    !_ctx.inlinePrompt && (_ctx.inactiveIcon || _ctx.inactiveText) ? (openBlock(), createElementBlock("span", {
+      key: 0,
+      class: normalizeClass([
+        "el-switch__label",
+        "el-switch__label--left",
+        !_ctx.checked ? "is-active" : ""
+      ])
+    }, [
+      _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: "el-switch__core",
+      style: normalizeStyle({ width: (_ctx.width || 40) + "px" })
+    }, [
+      _ctx.inlinePrompt ? (openBlock(), createElementBlock("div", _hoisted_4, [
+        _ctx.activeIcon || _ctx.inactiveIcon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          _ctx.activeIcon ? (openBlock(), createBlock(_component_el_icon, {
+            key: 0,
+            class: normalizeClass(["is-icon", _ctx.checked ? "is-show" : "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(["is-icon", !_ctx.checked ? "is-show" : "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(["is-text", _ctx.checked ? "is-show" : "is-hide"]),
+            "aria-hidden": !_ctx.checked
+          }, toDisplayString(_ctx.activeText.substr(0, 1)), 11, _hoisted_5)) : createCommentVNode("v-if", true),
+          _ctx.inactiveText ? (openBlock(), createElementBlock("span", {
+            key: 1,
+            class: normalizeClass(["is-text", !_ctx.checked ? "is-show" : "is-hide"]),
+            "aria-hidden": _ctx.checked
+          }, toDisplayString(_ctx.inactiveText.substr(0, 1)), 11, _hoisted_6)) : createCommentVNode("v-if", true)
+        ], 64)) : createCommentVNode("v-if", true)
+      ])) : createCommentVNode("v-if", true),
+      createElementVNode("div", _hoisted_7, [
+        _ctx.loading ? (openBlock(), createBlock(_component_el_icon, {
+          key: 0,
+          class: "is-loading"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_loading)
+          ]),
+          _: 1
+        })) : createCommentVNode("v-if", true)
+      ])
+    ], 4),
+    !_ctx.inlinePrompt && (_ctx.activeIcon || _ctx.activeText) ? (openBlock(), createElementBlock("span", {
+      key: 1,
+      class: normalizeClass([
+        "el-switch__label",
+        "el-switch__label--right",
+        _ctx.checked ? "is-active" : ""
+      ])
+    }, [
+      _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_8)) : 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

@@ -0,0 +1 @@
+{"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=\"el-switch\"\n    :class=\"{ 'is-disabled': switchDisabled, 'is-checked': checked }\"\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=\"el-switch__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        'el-switch__label',\n        'el-switch__label--left',\n        !checked ? 'is-active' : '',\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=\"el-switch__core\"\n      :style=\"{ width: (width || 40) + 'px' }\"\n    >\n      <div v-if=\"inlinePrompt\" class=\"el-switch__inner\">\n        <template v-if=\"activeIcon || inactiveIcon\">\n          <el-icon\n            v-if=\"activeIcon\"\n            class=\"is-icon\"\n            :class=\"checked ? 'is-show' : 'is-hide'\"\n          >\n            <component :is=\"activeIcon\" />\n          </el-icon>\n          <el-icon\n            v-if=\"inactiveIcon\"\n            class=\"is-icon\"\n            :class=\"!checked ? 'is-show' : '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=\"is-text\"\n            :class=\"checked ? 'is-show' : 'is-hide'\"\n            :aria-hidden=\"!checked\"\n          >\n            {{ activeText.substr(0, 1) }}\n          </span>\n          <span\n            v-if=\"inactiveText\"\n            class=\"is-text\"\n            :class=\"!checked ? 'is-show' : 'is-hide'\"\n            :aria-hidden=\"checked\"\n          >\n            {{ inactiveText.substr(0, 1) }}\n          </span>\n        </template>\n      </div>\n      <div class=\"el-switch__action\">\n        <el-icon v-if=\"loading\" class=\"is-loading\"><loading /></el-icon>\n      </div>\n    </span>\n    <span\n      v-if=\"!inlinePrompt && (activeIcon || activeText)\"\n      :class=\"[\n        'el-switch__label',\n        'el-switch__label--right',\n        checked ? 'is-active' : '',\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 { useDisabled, useFormItem } 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\n    const isModelValue = ref(props.modelValue !== false)\n    const input = ref<HTMLInputElement>()\n    const core = ref<HTMLSpanElement>()\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      input,\n      core,\n      switchDisabled,\n      checked,\n      handleChange,\n      switchValue,\n      focus,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_createBlock","_resolveDynamicComponent","_createVNode"],"mappings":";;;;;;;EAuC+B,OAAM;AAAA;;;qBAoC1B,OAAM;;;;;sBA1EfA;IACE,uBAAM,8BACmB,mCAA8B;IACvD,MAAK;AAAA,IACJ,gBAAc;IACd,iBAAe;IACf,8DAAe;;IAEhBC;MACG,IAAI;MACL,KAAI;AAAA,MACJ,OAAM;AAAA,MACN,MAAK;AAAA,MACJ,MAAM;MACN,cAAY;MACZ,eAAa;MACb,UAAU;MACV,iDAAQ;MACR,2DAAe;;KAGT,2CAAiC,mCAD1CD;;MAEG;;;;;;MAMc,kCAAfE;yBAA6B;wBAAAA,YAAgCC,wBAAhB;;;;OAChC,qBAAgB,kCAA7BH;;QAA4C,eAAa;yBACvD;;IAGJC;MACE,KAAI;AAAA,MACJ,OAAM;AAAA,MACL,+BAAiB;;MAEP,kCAAXD,0BAAA;QACkB,mBAAc,kCAA9BA;UAEU,gCADRE;;YAEE,uBAAM,WACE;;6BAER;4BAAAA,oCAAgB;;;;UAGV,kCADRA;;YAEE,uBAAM,YACG;;6BAET;4BAAAA,oCAAgB;;;;kBAGC,mBAAc,kCAAnCF;UAEU,gCADRA;;YAEE,uBAAM,WACE;YACP,gBAAc;6BAEZ,gBAAW;UAGR,kCADRA;;YAEE,uBAAM,YACG;YACR,eAAa;6BAEX,kBAAa;;;MAItBC,0BAAA;QACiB,6BAAfC;;UAAwB,OAAM;AAAA;2BAAa;YAAAE,YAAW;AAAA;AAAA;;;;KAIjD,yCAA+B,iCADxCJ;;MAEG;;;;;;MAMc,gCAAfE;yBAA2B;wBAAAA,YAA8BC,wBAAd;;;;OAC9B,mBAAc,gCAA3BH;;QAAwC,gBAAc;yBACpD;;;;;;;"}

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

@@ -0,0 +1,7 @@
+import script from './switch.vue_vue_type_script_lang.mjs';
+export { default } from './switch.vue_vue_type_script_lang.mjs';
+import { render } from './switch.vue_vue_type_template_id_538fbc85_lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/switch/src/switch.vue";
+//# sourceMappingURL=switch2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}