element-pe 2.0.2 → 2.0.3

package/lib/components/scrollbar/src/bar2.js

@@ -2,54 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var thumb = require('./thumb2.js');
-var bar = require('./bar.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+require('../../../utils/index.js');
+var props = require('../../../utils/vue/props.js');
 
-const _sfc_main = vue.defineComponent({
-  components: {
-    Thumb: thumb["default"]
+const barProps = props.buildProps({
+  always: {
+    type: Boolean,
+    default: true
   },
-  props: bar.barProps,
-  setup(props) {
-    const moveX = vue.ref(0);
-    const moveY = vue.ref(0);
-    const GAP = 4;
-    const handleScroll = (wrap) => {
-      if (wrap) {
-        const offsetHeight = wrap.offsetHeight - GAP;
-        const offsetWidth = wrap.offsetWidth - GAP;
-        moveY.value = wrap.scrollTop * 100 / offsetHeight * props.ratioY;
-        moveX.value = wrap.scrollLeft * 100 / offsetWidth * props.ratioX;
-      }
-    };
-    return {
-      handleScroll,
-      moveX,
-      moveY
-    };
+  width: {
+    type: String,
+    default: ""
+  },
+  height: {
+    type: String,
+    default: ""
+  },
+  ratioX: {
+    type: Number,
+    default: 1
+  },
+  ratioY: {
+    type: Number,
+    default: 1
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_thumb = vue.resolveComponent("thumb");
-  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    vue.createVNode(_component_thumb, {
-      move: _ctx.moveX,
-      ratio: _ctx.ratioX,
-      size: _ctx.width,
-      always: _ctx.always
-    }, null, 8, ["move", "ratio", "size", "always"]),
-    vue.createVNode(_component_thumb, {
-      move: _ctx.moveY,
-      ratio: _ctx.ratioY,
-      size: _ctx.height,
-      vertical: "",
-      always: _ctx.always
-    }, null, 8, ["move", "ratio", "size", "always"])
-  ], 64);
-}
-var Bar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-pe/packages/components/scrollbar/src/bar.vue"]]);
 
-exports["default"] = Bar;
+exports.barProps = barProps;
 //# sourceMappingURL=bar2.js.map

package/lib/components/scrollbar/src/bar2.js.map

@@ -1 +1 @@
-{"version":3,"file":"bar2.js","sources":["../../../../../../packages/components/scrollbar/src/bar.vue"],"sourcesContent":["<template>\n  <thumb :move=\"moveX\" :ratio=\"ratioX\" :size=\"width\" :always=\"always\" />\n  <thumb\n    :move=\"moveY\"\n    :ratio=\"ratioY\"\n    :size=\"height\"\n    vertical\n    :always=\"always\"\n  />\n</template>\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport Thumb from './thumb.vue'\nimport { barProps } from './bar'\n\nexport default defineComponent({\n  components: {\n    Thumb,\n  },\n  props: barProps,\n  setup(props) {\n    const moveX = ref(0)\n    const moveY = ref(0)\n    const GAP = 4 // top 2 + bottom 2 of bar instance\n\n    const handleScroll = (wrap: HTMLDivElement) => {\n      if (wrap) {\n        const offsetHeight = wrap.offsetHeight - GAP\n        const offsetWidth = wrap.offsetWidth - GAP\n\n        moveY.value = ((wrap.scrollTop * 100) / offsetHeight) * props.ratioY\n        moveX.value = ((wrap.scrollLeft * 100) / offsetWidth) * props.ratioX\n      }\n    }\n\n    return {\n      handleScroll,\n      moveX,\n      moveY,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","Thumb","barProps","ref","_createVNode"],"mappings":";;;;;;;;;AAeA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,UAAY,EAAA;AAAA,WACVC,gBAAA;AAAA,GACF;AAAA,EACA,KAAO,EAAAC,YAAA;AAAA,EACP,MAAM,KAAO,EAAA;AACX,IAAM,MAAA,KAAA,GAAQC,QAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,KAAA,GAAQA,QAAI,CAAC,CAAA,CAAA;AACnB,IAAA,MAAM,GAAM,GAAA,CAAA,CAAA;AAEZ,IAAM,MAAA,YAAA,GAAe,CAAC,IAAyB,KAAA;AAC7C,MAAA,IAAI,IAAM,EAAA;AACR,QAAM,MAAA,YAAA,GAAe,KAAK,YAAe,GAAA,GAAA,CAAA;AACzC,QAAM,MAAA,WAAA,GAAc,KAAK,WAAc,GAAA,GAAA,CAAA;AAEvC,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,SAAY,GAAA,GAAA,GAAO,eAAgB,KAAM,CAAA,MAAA,CAAA;AAC9D,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,UAAa,GAAA,GAAA,GAAO,cAAe,KAAM,CAAA,MAAA,CAAA;AAAA,OAChE;AAAA,KACF,CAAA;AAEA,IAAO,OAAA;AAAA,MACL,YAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;IAxCCC,eAAsE,CAAA,gBAAA,EAAA;AAAA,MAA9D,IAAM,EAAA,IAAA,CAAA,KAAA;AAAA,MAAQ,KAAO,EAAA,IAAA,CAAA,MAAA;AAAA,MAAS,IAAM,EAAA,IAAA,CAAA,KAAA;AAAA,MAAQ,MAAQ,EAAA,IAAA,CAAA,MAAA;AAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,CAAA,CAAA;IAC5DA,eAME,CAAA,gBAAA,EAAA;AAAA,MALC,IAAM,EAAA,IAAA,CAAA,KAAA;AAAA,MACN,KAAO,EAAA,IAAA,CAAA,MAAA;AAAA,MACP,IAAM,EAAA,IAAA,CAAA,MAAA;AAAA,MACP,QAAA,EAAA,EAAA;AAAA,MACC,MAAQ,EAAA,IAAA,CAAA,MAAA;AAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,CAAA,CAAA;;;;;;;"}
+{"version":3,"file":"bar2.js","sources":["../../../../../../packages/components/scrollbar/src/bar.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const barProps = buildProps({\n  always: {\n    type: Boolean,\n    default: true,\n  },\n  width: {\n    type: String,\n    default: '',\n  },\n  height: {\n    type: String,\n    default: '',\n  },\n  ratioX: {\n    type: Number,\n    default: 1,\n  },\n  ratioY: {\n    type: Number,\n    default: 1,\n  },\n} as const)\nexport type BarProps = ExtractPropTypes<typeof barProps>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,QAAQ,GAAGA,gBAAU,CAAC;AACnC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC;;;;"}

package/lib/components/scrollbar/src/scrollbar2.js

@@ -7,7 +7,7 @@ var core = require('@vueuse/core');
 require('../../../utils/index.js');
 require('../../../tokens/index.js');
 require('../../../hooks/index.js');
-var bar = require('./bar2.js');
+var bar = require('./bar.js');
 var scrollbar = require('./scrollbar.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-namespace/index.js');

package/lib/components/scrollbar/style/css.js

@@ -1,6 +1,6 @@
 'use strict';
 
 require('../../base/style/css.js');
-require('element-plus/theme-chalk/el-scrollbar.css');
+require('element-pe/theme-chalk/el-scrollbar.css');
 
 //# sourceMappingURL=css.js.map

package/lib/components/scrollbar/style/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
 require('../../base/style/index.js');
-require('element-plus/theme-chalk/src/scrollbar.scss');
+require('element-pe/theme-chalk/src/scrollbar.scss');
 
 //# sourceMappingURL=index.js.map

package/lib/components/select/style/css.js

@@ -7,6 +7,6 @@ require('../../option/style/css.js');
 require('../../option-group/style/css.js');
 require('../../scrollbar/style/css.js');
 require('../../popper/style/css.js');
-require('element-plus/theme-chalk/el-select.css');
+require('element-pe/theme-chalk/el-select.css');
 
 //# sourceMappingURL=css.js.map

package/lib/components/select/style/index.js

@@ -7,6 +7,6 @@ require('../../option/style/index.js');
 require('../../option-group/style/index.js');
 require('../../scrollbar/style/index.js');
 require('../../popper/style/index.js');
-require('element-plus/theme-chalk/src/select.scss');
+require('element-pe/theme-chalk/src/select.scss');
 
 //# sourceMappingURL=index.js.map

package/lib/components/select-v2/style/css.js

@@ -5,6 +5,6 @@ require('../../input/style/css.js');
 require('../../tag/style/css.js');
 require('../../scrollbar/style/css.js');
 require('../../popper/style/css.js');
-require('element-plus/theme-chalk/el-select-v2.css');
+require('element-pe/theme-chalk/el-select-v2.css');
 
 //# sourceMappingURL=css.js.map

package/lib/components/select-v2/style/index.js

@@ -5,6 +5,6 @@ require('../../input/style/index.js');
 require('../../tag/style/index.js');
 require('../../scrollbar/style/index.js');
 require('../../popper/style/index.js');
-require('element-plus/theme-chalk/src/select-v2.scss');
+require('element-pe/theme-chalk/src/select-v2.scss');
 
 //# sourceMappingURL=index.js.map

package/lib/components/skeleton/style/css.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('../../base/style/css.js');
-require('element-plus/theme-chalk/el-skeleton.css');
+require('element-pe/theme-chalk/el-skeleton.css');
 require('../../skeleton-item/style/css.js');
 
 //# sourceMappingURL=css.js.map

package/lib/components/skeleton/style/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('../../base/style/index.js');
-require('element-plus/theme-chalk/src/skeleton.scss');
+require('element-pe/theme-chalk/src/skeleton.scss');
 require('../../skeleton-item/style/index.js');
 
 //# sourceMappingURL=index.js.map

package/lib/components/skeleton-item/style/css.js

@@ -1,6 +1,6 @@
 'use strict';
 
 require('../../base/style/css.js');
-require('element-plus/theme-chalk/el-skeleton-item.css');
+require('element-pe/theme-chalk/el-skeleton-item.css');
 
 //# sourceMappingURL=css.js.map

package/lib/components/skeleton-item/style/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
 require('../../base/style/index.js');
-require('element-plus/theme-chalk/src/skeleton-item.scss');
+require('element-pe/theme-chalk/src/skeleton-item.scss');
 
 //# sourceMappingURL=index.js.map

package/lib/components/slider/style/css.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('../../base/style/css.js');
-require('element-plus/theme-chalk/el-slider.css');
+require('element-pe/theme-chalk/el-slider.css');
 require('../../input-number/style/css.js');
 require('../../tooltip/style/css.js');
 

package/lib/components/slider/style/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('../../base/style/index.js');
-require('element-plus/theme-chalk/src/slider.scss');
+require('element-pe/theme-chalk/src/slider.scss');
 require('../../input-number/style/index.js');
 require('../../tooltip/style/index.js');
 

package/lib/components/space/style/css.js

@@ -1,6 +1,6 @@
 'use strict';
 
 require('../../base/style/css.js');
-require('element-plus/theme-chalk/el-space.css');
+require('element-pe/theme-chalk/el-space.css');
 
 //# sourceMappingURL=css.js.map

package/lib/components/space/style/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
 require('../../base/style/index.js');
-require('element-plus/theme-chalk/src/space.scss');
+require('element-pe/theme-chalk/src/space.scss');
 
 //# sourceMappingURL=index.js.map

package/lib/components/step/style/css.js

@@ -1,6 +1,6 @@
 'use strict';
 
 require('../../base/style/css.js');
-require('element-plus/theme-chalk/el-step.css');
+require('element-pe/theme-chalk/el-step.css');
 
 //# sourceMappingURL=css.js.map

package/lib/components/step/style/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
 require('../../base/style/index.js');
-require('element-plus/theme-chalk/src/step.scss');
+require('element-pe/theme-chalk/src/step.scss');
 
 //# sourceMappingURL=index.js.map

package/lib/components/steps/style/css.js

@@ -1,6 +1,6 @@
 'use strict';
 
 require('../../base/style/css.js');
-require('element-plus/theme-chalk/el-steps.css');
+require('element-pe/theme-chalk/el-steps.css');
 
 //# sourceMappingURL=css.js.map

package/lib/components/steps/style/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
 require('../../base/style/index.js');
-require('element-plus/theme-chalk/src/steps.scss');
+require('element-pe/theme-chalk/src/steps.scss');
 
 //# sourceMappingURL=index.js.map

package/lib/components/switch/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var _switch$1 = require('./src/switch.js');
-var _switch = require('./src/switch2.js');
+var _switch$1 = require('./src/switch2.js');
+var _switch = require('./src/switch.js');
 var install = require('../../utils/vue/install.js');
 
 const ElSwitch = install.withInstall(_switch$1["default"]);

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

@@ -2,261 +2,99 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var shared = require('@vue/shared');
 require('../../../utils/index.js');
-var index = require('../../icon/index.js');
-var iconsVue = require('@element-plus/icons-vue');
 require('../../../constants/index.js');
-require('../../../hooks/index.js');
-var _switch = require('./switch2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index$1 = require('../../../hooks/use-form-item/index.js');
-var index$2 = require('../../../hooks/use-common-props/index.js');
-var index$3 = require('../../../hooks/use-namespace/index.js');
+var props = require('../../../utils/vue/props.js');
+var icon = require('../../../utils/vue/icon.js');
+var validator = require('../../../utils/vue/validator.js');
 var event = require('../../../constants/event.js');
-var error = require('../../../utils/error.js');
 var core = require('@vueuse/core');
+var shared = require('@vue/shared');
 
-const COMPONENT_NAME = "ElSwitch";
-const _sfc_main = vue.defineComponent({
-  name: COMPONENT_NAME,
-  components: { ElIcon: index.ElIcon, Loading: iconsVue.Loading },
-  props: _switch.switchProps,
-  emits: _switch.switchEmits,
-  setup(props, { emit }) {
-    const { formItem } = index$1.useFormItem();
-    const switchDisabled = index$2.useDisabled(vue.computed(() => props.loading));
-    const ns = index$3.useNamespace("switch");
-    const switchSize = index$2.useSize();
-    const isModelValue = vue.ref(props.modelValue !== false);
-    const input = vue.ref();
-    const core$1 = vue.ref();
-    const switchKls = vue.computed(() => [
-      ns.b(),
-      ns.m(switchSize.value),
-      ns.is("disabled", switchDisabled.value),
-      ns.is("checked", checked.value)
-    ]);
-    vue.watch(() => props.modelValue, () => {
-      isModelValue.value = true;
-    });
-    vue.watch(() => props.value, () => {
-      isModelValue.value = false;
-    });
-    const actualValue = vue.computed(() => {
-      return isModelValue.value ? props.modelValue : props.value;
-    });
-    const checked = vue.computed(() => actualValue.value === props.activeValue);
-    if (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {
-      emit(event.UPDATE_MODEL_EVENT, props.inactiveValue);
-      emit(event.CHANGE_EVENT, props.inactiveValue);
-      emit(event.INPUT_EVENT, props.inactiveValue);
-    }
-    vue.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").catch((err) => error.debugWarn(err));
-      }
-    });
-    const handleChange = () => {
-      const val = checked.value ? props.inactiveValue : props.activeValue;
-      emit(event.UPDATE_MODEL_EVENT, val);
-      emit(event.CHANGE_EVENT, val);
-      emit(event.INPUT_EVENT, val);
-      vue.nextTick(() => {
-        input.value.checked = checked.value;
-      });
-    };
-    const switchValue = () => {
-      if (switchDisabled.value)
-        return;
-      const { beforeChange } = props;
-      if (!beforeChange) {
-        handleChange();
-        return;
-      }
-      const shouldChange = beforeChange();
-      const isExpectType = [
-        shared.isPromise(shouldChange),
-        core.isBoolean(shouldChange)
-      ].some((i) => i);
-      if (!isExpectType) {
-        error.throwError(COMPONENT_NAME, "beforeChange must return type `Promise<boolean>` or `boolean`");
-      }
-      if (shared.isPromise(shouldChange)) {
-        shouldChange.then((result) => {
-          if (result) {
-            handleChange();
-          }
-        }).catch((e) => {
-          error.debugWarn(COMPONENT_NAME, `some error occurred: ${e}`);
-        });
-      } else if (shouldChange) {
-        handleChange();
-      }
-    };
-    const setBackgroundColor = () => {
-      const newColor = checked.value ? props.activeColor : props.inactiveColor;
-      const coreEl = core$1.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);
-    };
-    vue.onMounted(() => {
-      if (props.activeColor || props.inactiveColor || props.borderColor) {
-        setBackgroundColor();
-      }
-      input.value.checked = checked.value;
-    });
-    return {
-      ns,
-      input,
-      core: core$1,
-      switchDisabled,
-      checked,
-      switchKls,
-      handleChange,
-      switchValue,
-      focus
-    };
+const switchProps = props.buildProps({
+  modelValue: {
+    type: [Boolean, String, Number],
+    default: false
+  },
+  value: {
+    type: [Boolean, String, Number],
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  width: {
+    type: Number,
+    default: 40
+  },
+  inlinePrompt: {
+    type: Boolean,
+    default: false
+  },
+  activeIcon: {
+    type: icon.iconPropType,
+    default: ""
+  },
+  inactiveIcon: {
+    type: icon.iconPropType,
+    default: ""
+  },
+  activeText: {
+    type: String,
+    default: ""
+  },
+  inactiveText: {
+    type: String,
+    default: ""
+  },
+  activeColor: {
+    type: String,
+    default: ""
+  },
+  inactiveColor: {
+    type: String,
+    default: ""
+  },
+  borderColor: {
+    type: String,
+    default: ""
+  },
+  activeValue: {
+    type: [Boolean, String, Number],
+    default: true
+  },
+  inactiveValue: {
+    type: [Boolean, String, Number],
+    default: false
+  },
+  name: {
+    type: String,
+    default: ""
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  id: String,
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  beforeChange: {
+    type: props.definePropType(Function)
+  },
+  size: {
+    type: String,
+    validator: validator.isValidComponentSize
   }
 });
-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 _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_loading = vue.resolveComponent("loading");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(_ctx.switchKls),
-    role: "switch",
-    "aria-checked": _ctx.checked,
-    "aria-disabled": _ctx.switchDisabled,
-    onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args) => _ctx.switchValue && _ctx.switchValue(...args), ["prevent"]))
-  }, [
-    vue.createElementVNode("input", {
-      id: _ctx.id,
-      ref: "input",
-      class: vue.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] = vue.withKeys((...args) => _ctx.switchValue && _ctx.switchValue(...args), ["enter"]))
-    }, null, 42, _hoisted_2),
-    !_ctx.inlinePrompt && (_ctx.inactiveIcon || _ctx.inactiveText) ? (vue.openBlock(), vue.createElementBlock("span", {
-      key: 0,
-      class: vue.normalizeClass([
-        _ctx.ns.e("label"),
-        _ctx.ns.em("label", "left"),
-        _ctx.ns.is("active", !_ctx.checked)
-      ])
-    }, [
-      _ctx.inactiveIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
-        default: vue.withCtx(() => [
-          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.inactiveIcon)))
-        ]),
-        _: 1
-      })) : vue.createCommentVNode("v-if", true),
-      !_ctx.inactiveIcon && _ctx.inactiveText ? (vue.openBlock(), vue.createElementBlock("span", {
-        key: 1,
-        "aria-hidden": _ctx.checked
-      }, vue.toDisplayString(_ctx.inactiveText), 9, _hoisted_3)) : vue.createCommentVNode("v-if", true)
-    ], 2)) : vue.createCommentVNode("v-if", true),
-    vue.createElementVNode("span", {
-      ref: "core",
-      class: vue.normalizeClass(_ctx.ns.e("core")),
-      style: vue.normalizeStyle({ width: (_ctx.width || 40) + "px" })
-    }, [
-      _ctx.inlinePrompt ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        class: vue.normalizeClass(_ctx.ns.e("inner"))
-      }, [
-        _ctx.activeIcon || _ctx.inactiveIcon ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          _ctx.activeIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-            key: 0,
-            class: vue.normalizeClass([_ctx.ns.is("icon"), _ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")])
-          }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.activeIcon)))
-            ]),
-            _: 1
-          }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-          _ctx.inactiveIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-            key: 1,
-            class: vue.normalizeClass([_ctx.ns.is("icon"), !_ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")])
-          }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.inactiveIcon)))
-            ]),
-            _: 1
-          }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-        ], 64)) : _ctx.activeText || _ctx.inactiveIcon ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          _ctx.activeText ? (vue.openBlock(), vue.createElementBlock("span", {
-            key: 0,
-            class: vue.normalizeClass([_ctx.ns.is("text"), _ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")]),
-            "aria-hidden": !_ctx.checked
-          }, vue.toDisplayString(_ctx.activeText.substring(0, 3)), 11, _hoisted_4)) : vue.createCommentVNode("v-if", true),
-          _ctx.inactiveText ? (vue.openBlock(), vue.createElementBlock("span", {
-            key: 1,
-            class: vue.normalizeClass([_ctx.ns.is("text"), !_ctx.checked ? _ctx.ns.is("show") : _ctx.ns.is("hide")]),
-            "aria-hidden": _ctx.checked
-          }, vue.toDisplayString(_ctx.inactiveText.substring(0, 3)), 11, _hoisted_5)) : vue.createCommentVNode("v-if", true)
-        ], 64)) : vue.createCommentVNode("v-if", true)
-      ], 2)) : vue.createCommentVNode("v-if", true),
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.ns.e("action"))
-      }, [
-        _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-          key: 0,
-          class: vue.normalizeClass(_ctx.ns.is("loading"))
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_loading)
-          ]),
-          _: 1
-        }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-      ], 2)
-    ], 6),
-    !_ctx.inlinePrompt && (_ctx.activeIcon || _ctx.activeText) ? (vue.openBlock(), vue.createElementBlock("span", {
-      key: 1,
-      class: vue.normalizeClass([
-        _ctx.ns.e("label"),
-        _ctx.ns.em("label", "right"),
-        _ctx.ns.is("active", _ctx.checked)
-      ])
-    }, [
-      _ctx.activeIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
-        default: vue.withCtx(() => [
-          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.activeIcon)))
-        ]),
-        _: 1
-      })) : vue.createCommentVNode("v-if", true),
-      !_ctx.activeIcon && _ctx.activeText ? (vue.openBlock(), vue.createElementBlock("span", {
-        key: 1,
-        "aria-hidden": !_ctx.checked
-      }, vue.toDisplayString(_ctx.activeText), 9, _hoisted_6)) : vue.createCommentVNode("v-if", true)
-    ], 2)) : vue.createCommentVNode("v-if", true)
-  ], 10, _hoisted_1);
-}
-var Switch = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-pe/packages/components/switch/src/switch.vue"]]);
+const switchEmits = {
+  [event.UPDATE_MODEL_EVENT]: (val) => core.isBoolean(val) || shared.isString(val) || core.isNumber(val),
+  [event.CHANGE_EVENT]: (val) => core.isBoolean(val) || shared.isString(val) || core.isNumber(val),
+  [event.INPUT_EVENT]: (val) => core.isBoolean(val) || shared.isString(val) || core.isNumber(val)
+};
 
-exports["default"] = Switch;
+exports.switchEmits = switchEmits;
+exports.switchProps = switchProps;
 //# sourceMappingURL=switch.js.map