@element-plus/nightly 0.0.20260120 → 0.0.20260122

package/lib/components/segmented/src/segmented.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"segmented.vue2.js","sources":["../../../../../../packages/components/segmented/src/segmented.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"options.length\"\n    :id=\"inputId\"\n    ref=\"segmentedRef\"\n    :class=\"segmentedCls\"\n    role=\"radiogroup\"\n    :aria-label=\"!isLabeledByFormItem ? ariaLabel || 'segmented' : undefined\"\n    :aria-labelledby=\"isLabeledByFormItem ? formItem!.labelId : undefined\"\n  >\n    <div :class=\"[ns.e('group'), ns.m(direction)]\">\n      <div :style=\"selectedStyle\" :class=\"selectedCls\" />\n      <label\n        v-for=\"(item, index) in options\"\n        :key=\"index\"\n        :class=\"getItemCls(item)\"\n      >\n        <input\n          :class=\"ns.e('item-input')\"\n          type=\"radio\"\n          :name=\"name\"\n          :disabled=\"getDisabled(item)\"\n          :checked=\"getSelected(item)\"\n          @change=\"handleChange($event, item)\"\n        />\n        <div :class=\"ns.e('item-label')\">\n          <slot :item=\"intoAny(item)\">{{ getLabel(item) }}</slot>\n        </div>\n      </label>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, reactive, ref, watch } from 'vue'\nimport { useActiveElement, useResizeObserver } from '@vueuse/core'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { debugWarn, isObject } from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { defaultProps, segmentedEmits } from './segmented'\n\nimport type { Option } from './types'\nimport type { SegmentedProps } from './segmented'\n\ndefineOptions({\n  name: 'ElSegmented',\n})\n\nconst props = withDefaults(defineProps<SegmentedProps>(), {\n  direction: 'horizontal',\n  options: () => [],\n  props: () => defaultProps,\n  validateEvent: true,\n  modelValue: undefined,\n  disabled: undefined,\n})\nconst emit = defineEmits(segmentedEmits)\n\nconst ns = useNamespace('segmented')\nconst segmentedId = useId()\nconst segmentedSize = useFormSize()\nconst _disabled = useFormDisabled()\nconst { formItem } = useFormItem()\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\n\nconst segmentedRef = ref<HTMLElement | null>(null)\nconst activeElement = useActiveElement()\n\nconst state = reactive({\n  isInit: false,\n  width: 0,\n  height: 0,\n  translateX: 0,\n  translateY: 0,\n  focusVisible: false,\n})\n\nconst handleChange = (evt: Event, item: Option) => {\n  const value = getValue(item)\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(CHANGE_EVENT, value)\n  ;(evt.target as HTMLInputElement).checked = value === props.modelValue\n}\n\nconst aliasProps = computed(() => ({ ...defaultProps, ...props.props }))\n\n//FIXME: remove this when vue >=3.3\nconst intoAny = (item: any) => item\n\nconst getValue = (item: Option) => {\n  return isObject(item) ? item[aliasProps.value.value] : item\n}\n\nconst getLabel = (item: Option) => {\n  return isObject(item) ? item[aliasProps.value.label] : item\n}\n\nconst getDisabled = (item: Option | undefined) => {\n  return !!(\n    _disabled.value ||\n    (isObject(item) ? item[aliasProps.value.disabled] : false)\n  )\n}\n\nconst getSelected = (item: Option) => {\n  return props.modelValue === getValue(item)\n}\n\nconst getOption = (value: any) => {\n  return props.options.find((item) => getValue(item) === value)\n}\n\nconst getItemCls = (item: Option) => {\n  return [\n    ns.e('item'),\n    ns.is('selected', getSelected(item)),\n    ns.is('disabled', getDisabled(item)),\n  ]\n}\n\nconst updateSelect = () => {\n  if (!segmentedRef.value) return\n  const selectedItem = segmentedRef.value.querySelector(\n    '.is-selected'\n  ) as HTMLElement\n  const selectedItemInput = segmentedRef.value.querySelector(\n    '.is-selected input'\n  ) as HTMLElement\n  if (!selectedItem || !selectedItemInput) {\n    state.width = 0\n    state.height = 0\n    state.translateX = 0\n    state.translateY = 0\n    state.focusVisible = false\n    return\n  }\n  state.isInit = true\n  if (props.direction === 'vertical') {\n    state.height = selectedItem.offsetHeight\n    state.translateY = selectedItem.offsetTop\n  } else {\n    state.width = selectedItem.offsetWidth\n    state.translateX = selectedItem.offsetLeft\n  }\n  try {\n    // This will failed in test\n    state.focusVisible = selectedItemInput.matches(':focus-visible')\n  } catch {}\n}\n\nconst segmentedCls = computed(() => [\n  ns.b(),\n  ns.m(segmentedSize.value),\n  ns.is('block', props.block),\n])\n\nconst selectedStyle = computed(() => ({\n  width: props.direction === 'vertical' ? '100%' : `${state.width}px`,\n  height: props.direction === 'vertical' ? `${state.height}px` : '100%',\n  transform:\n    props.direction === 'vertical'\n      ? `translateY(${state.translateY}px)`\n      : `translateX(${state.translateX}px)`,\n  display: state.isInit ? 'block' : 'none',\n}))\n\nconst selectedCls = computed(() => [\n  ns.e('item-selected'),\n  ns.is('disabled', getDisabled(getOption(props.modelValue))),\n  ns.is('focus-visible', state.focusVisible),\n])\n\nconst name = computed(() => {\n  return props.name || segmentedId.value\n})\n\nuseResizeObserver(segmentedRef, updateSelect)\n\nwatch(activeElement, updateSelect)\n\nwatch(\n  () => props.modelValue,\n  () => {\n    updateSelect()\n    if (props.validateEvent) {\n      formItem?.validate?.('change').catch((err) => debugWarn(err))\n    }\n  },\n  {\n    flush: 'post',\n  }\n)\n</script>\n"],"names":["useNamespace","useId","useFormSize","useFormDisabled","useFormItem","useFormItemInputId","ref","useActiveElement","reactive","UPDATE_MODEL_EVENT","CHANGE_EVENT","computed","defaultProps","isObject","useResizeObserver","watch","debugWarn","_createElementBlock","_unref","_createElementVNode","_normalizeClass","_openBlock","_Fragment","_renderList","_renderSlot","_createTextVNode","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"segmented.vue2.js","sources":["../../../../../../packages/components/segmented/src/segmented.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"options.length\"\n    :id=\"inputId\"\n    ref=\"segmentedRef\"\n    :class=\"segmentedCls\"\n    role=\"radiogroup\"\n    :aria-label=\"!isLabeledByFormItem ? ariaLabel || 'segmented' : undefined\"\n    :aria-labelledby=\"isLabeledByFormItem ? formItem!.labelId : undefined\"\n  >\n    <div :class=\"[ns.e('group'), ns.m(direction)]\">\n      <div :style=\"selectedStyle\" :class=\"selectedCls\" />\n      <label\n        v-for=\"(item, index) in options\"\n        :key=\"index\"\n        :class=\"getItemCls(item)\"\n      >\n        <input\n          :class=\"ns.e('item-input')\"\n          type=\"radio\"\n          :name=\"name\"\n          :disabled=\"getDisabled(item)\"\n          :checked=\"getSelected(item)\"\n          @change=\"handleChange($event, item)\"\n        />\n        <div :class=\"ns.e('item-label')\">\n          <slot :item=\"intoAny(item)\">{{ getLabel(item) }}</slot>\n        </div>\n      </label>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, reactive, ref, watch } from 'vue'\nimport { useActiveElement, useResizeObserver } from '@vueuse/core'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { debugWarn, isObject } from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { defaultProps, segmentedEmits } from './segmented'\n\nimport type { Option } from './types'\nimport type { SegmentedProps } from './segmented'\n\ndefineOptions({\n  name: 'ElSegmented',\n})\n\nconst props = withDefaults(defineProps<SegmentedProps>(), {\n  direction: 'horizontal',\n  options: () => [],\n  props: () => defaultProps,\n  validateEvent: true,\n  modelValue: undefined,\n  disabled: undefined,\n})\nconst emit = defineEmits(segmentedEmits)\n\nconst ns = useNamespace('segmented')\nconst segmentedId = useId()\nconst segmentedSize = useFormSize()\nconst _disabled = useFormDisabled()\nconst { formItem } = useFormItem()\nconst { inputId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\n\nconst segmentedRef = ref<HTMLElement | null>(null)\nconst activeElement = useActiveElement()\n\nconst state = reactive({\n  isInit: false,\n  width: 0,\n  height: 0,\n  translateX: 0,\n  translateY: 0,\n  focusVisible: false,\n})\n\nconst handleChange = (evt: Event, item: Option) => {\n  const value = getValue(item)\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(CHANGE_EVENT, value)\n  ;(evt.target as HTMLInputElement).checked = value === props.modelValue\n}\n\nconst aliasProps = computed(() => ({ ...defaultProps, ...props.props }))\n\n//FIXME: remove this when vue >=3.3\nconst intoAny = (item: any) => item\n\nconst getValue = (item: Option) => {\n  return isObject(item) ? item[aliasProps.value.value] : item\n}\n\nconst getLabel = (item: Option) => {\n  return isObject(item) ? item[aliasProps.value.label] : item\n}\n\nconst getDisabled = (item: Option | undefined) => {\n  return !!(\n    _disabled.value ||\n    (isObject(item) ? item[aliasProps.value.disabled] : false)\n  )\n}\n\nconst getSelected = (item: Option) => {\n  return props.modelValue === getValue(item)\n}\n\nconst getOption = (value: any) => {\n  return props.options.find((item) => getValue(item) === value)\n}\n\nconst getItemCls = (item: Option) => {\n  return [\n    ns.e('item'),\n    ns.is('selected', getSelected(item)),\n    ns.is('disabled', getDisabled(item)),\n  ]\n}\n\nconst updateSelect = () => {\n  if (!segmentedRef.value) return\n  const selectedItem = segmentedRef.value.querySelector(\n    '.is-selected'\n  ) as HTMLElement\n  const selectedItemInput = segmentedRef.value.querySelector(\n    '.is-selected input'\n  ) as HTMLElement\n  if (!selectedItem || !selectedItemInput) {\n    state.width = 0\n    state.height = 0\n    state.translateX = 0\n    state.translateY = 0\n    state.focusVisible = false\n    return\n  }\n  state.isInit = true\n  if (props.direction === 'vertical') {\n    state.height = selectedItem.offsetHeight\n    state.translateY = selectedItem.offsetTop\n  } else {\n    state.width = selectedItem.offsetWidth\n    state.translateX = selectedItem.offsetLeft\n  }\n  try {\n    // This will failed in test\n    state.focusVisible = selectedItemInput.matches(':focus-visible')\n  } catch {}\n}\n\nconst segmentedCls = computed(() => [\n  ns.b(),\n  ns.m(segmentedSize.value),\n  ns.is('block', props.block),\n])\n\nconst selectedStyle = computed(() => ({\n  width: props.direction === 'vertical' ? '100%' : `${state.width}px`,\n  height: props.direction === 'vertical' ? `${state.height}px` : '100%',\n  transform:\n    props.direction === 'vertical'\n      ? `translateY(${state.translateY}px)`\n      : `translateX(${state.translateX}px)`,\n  display: state.isInit ? 'block' : 'none',\n}))\n\nconst selectedCls = computed(() => [\n  ns.e('item-selected'),\n  ns.is('disabled', getDisabled(getOption(props.modelValue))),\n  ns.is('focus-visible', state.focusVisible),\n])\n\nconst name = computed(() => {\n  return props.name || segmentedId.value\n})\n\nuseResizeObserver(segmentedRef, updateSelect)\n\nwatch(activeElement, updateSelect)\n\nwatch(\n  () => props.modelValue,\n  () => {\n    updateSelect()\n    if (props.validateEvent) {\n      formItem?.validate?.('change').catch((err) => debugWarn(err))\n    }\n  },\n  {\n    flush: 'post',\n  }\n)\n</script>\n"],"names":["useNamespace","useId","useFormSize","useFormDisabled","useFormItem","useFormItemInputId","ref","useActiveElement","reactive","UPDATE_MODEL_EVENT","CHANGE_EVENT","computed","defaultProps","isObject","useResizeObserver","watch","debugWarn","_createElementBlock","_unref","_createElementVNode","_normalizeClass","_openBlock","_Fragment","_renderList","_renderSlot","_createTextVNode","_toDisplayString"],"mappings":"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"}

package/lib/components/skeleton/src/skeleton-item.vue2.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var skeletonItem = require('./skeleton-item.js');
 var vue = require('vue');
 var iconsVue = require('@element-plus/icons-vue');
 var index = require('../../../hooks/use-namespace/index.js');
@@ -11,9 +12,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElSkeletonItem"
   },
   __name: "skeleton-item",
-  props: {
-    variant: { type: String, required: false, default: "text" }
-  },
+  props: skeletonItem.skeletonItemProps,
   setup(__props) {
     const ns = index.useNamespace("skeleton");
     return (_ctx, _cache) => {

package/lib/components/skeleton/src/skeleton-item.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-item.vue2.js","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.e('item'), ns.e(variant)]\">\n    <picture-filled v-if=\"variant === 'image'\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-plus/hooks'\nimport { PictureFilled } from '@element-plus/icons-vue'\n\nimport type { SkeletonItemProps } from './skeleton-item.ts'\n\ndefineOptions({\n  name: 'ElSkeletonItem',\n})\nwithDefaults(defineProps<SkeletonItemProps>(), {\n  variant: 'text',\n})\nconst ns = useNamespace('skeleton')\n</script>\n"],"names":["useNamespace","_createElementBlock","_normalizeClass","_unref","_createBlock","PictureFilled"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,IAAA,MAAM,EAAA,GAAKA,mBAAa,UAAU,CAAA;;8BAjBhCC,sBAAA;AAAA,QAEM,KAAA;AAAA,QAAA;AAAA,UAFA,OAAKC,kBAAA,CAAA,CAAGC,SAAA,KAAG,CAAA,UAAWA,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAE,OAAA,CAAA,OAAO,CAAA,CAAA;AAAA;;UAChB,QAAA,OAAA,KAAO,OAAA,qBAA7BC,gBAA6CD,SAAA,CAAAE,sBAAA,CAAA,EAAA,EAAA,KAAA,CAAA,EAAA,CAAA;;;;;;;;;;;"}
+{"version":3,"file":"skeleton-item.vue2.js","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.e('item'), ns.e(variant)]\">\n    <picture-filled v-if=\"variant === 'image'\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-plus/hooks'\nimport { PictureFilled } from '@element-plus/icons-vue'\n\nimport type { SkeletonItemProps } from './skeleton-item.ts'\n\ndefineOptions({\n  name: 'ElSkeletonItem',\n})\nwithDefaults(defineProps<SkeletonItemProps>(), {\n  variant: 'text',\n})\nconst ns = useNamespace('skeleton')\n</script>\n"],"names":["useNamespace","_createElementBlock","_normalizeClass","_unref","_createBlock","PictureFilled"],"mappings":";;;;;;;;;;;;;;;;AAkBA,IAAA,MAAM,EAAA,GAAKA,mBAAa,UAAU,CAAA;;8BAjBhCC,sBAAA;AAAA,QAEM,KAAA;AAAA,QAAA;AAAA,UAFA,OAAKC,kBAAA,CAAA,CAAGC,SAAA,KAAG,CAAA,UAAWA,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAE,OAAA,CAAA,OAAO,CAAA,CAAA;AAAA;;UAChB,QAAA,OAAA,KAAO,OAAA,qBAA7BC,gBAA6CD,SAAA,CAAAE,sBAAA,CAAA,EAAA,EAAA,KAAA,CAAA,EAAA,CAAA;;;;;;;;;;;"}

package/lib/components/skeleton/src/skeleton.vue2.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var skeleton = require('./skeleton.js');
 var vue = require('vue');
 var skeletonItem_vue_vue_type_script_setup_true_lang = require('./skeleton-item.vue2.js');
 var index$1 = require('../../../hooks/use-throttle-render/index.js');
@@ -12,13 +13,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElSkeleton"
   },
   __name: "skeleton",
-  props: {
-    animated: { type: Boolean, required: false },
-    count: { type: Number, required: false, default: 1 },
-    rows: { type: Number, required: false, default: 3 },
-    loading: { type: Boolean, required: false, default: true },
-    throttle: { type: [Object, Number], required: false }
-  },
+  props: skeleton.skeletonProps,
   setup(__props, { expose: __expose }) {
     const props = __props;
     const ns = index.useNamespace("skeleton");

package/lib/components/skeleton/src/skeleton.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.vue2.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue"],"sourcesContent":["<template>\n  <template v-if=\"uiLoading\">\n    <div :class=\"[ns.b(), ns.is('animated', animated)]\" v-bind=\"$attrs\">\n      <template v-for=\"i in count\" :key=\"i\">\n        <slot v-if=\"uiLoading\" :key=\"i\" name=\"template\">\n          <el-skeleton-item :class=\"ns.is('first')\" variant=\"p\" />\n          <el-skeleton-item\n            v-for=\"item in rows\"\n            :key=\"item\"\n            :class=\"[\n              ns.e('paragraph'),\n              ns.is('last', item === rows && rows > 1),\n            ]\"\n            variant=\"p\"\n          />\n        </slot>\n      </template>\n    </div>\n  </template>\n  <template v-else>\n    <slot v-bind=\"$attrs\" />\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { toRef } from 'vue'\nimport { useNamespace, useThrottleRender } from '@element-plus/hooks'\nimport ElSkeletonItem from './skeleton-item.vue'\n\nimport type { SkeletonProps } from './skeleton.ts'\n\ndefineOptions({\n  name: 'ElSkeleton',\n})\nconst props = withDefaults(defineProps<SkeletonProps>(), {\n  loading: true,\n  count: 1,\n  rows: 3,\n})\n\nconst ns = useNamespace('skeleton')\nconst uiLoading = useThrottleRender(toRef(props, 'loading'), props.throttle)\n\ndefineExpose({\n  /** @description loading state */\n  uiLoading,\n})\n</script>\n"],"names":["useNamespace","useThrottleRender","toRef","_unref","_openBlock","_createElementBlock","_mergeProps","$attrs","_Fragment","_renderList","_renderSlot","_createVNode","ElSkeletonItem","_normalizeClass","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkCA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAMd,IAAA,MAAM,EAAA,GAAKA,mBAAa,UAAU,CAAA;AAClC,IAAA,MAAM,YAAYC,yBAAA,CAAkBC,SAAA,CAAM,OAAO,SAAS,CAAA,EAAG,MAAM,QAAQ,CAAA;AAE3E,IAAA,QAAA,CAAa;AAAA;AAAA,MAEX;AAAA,KACD,CAAA;;aA7CiBC,SAAA,CAAA,SAAA,CAAA,IACdC,aAAA,EAAA,EAAAC,sBAAA;AAAA,QAeM,KAAA;AAAA,QAfNC,cAAA,CAeM;AAAA;UAfA,KAAA,EAAK,CAAGH,SAAA,KAAG,CAAA,IAAKA,SAAA,CAAA,EAAA,CAAA,CAAG,EAAA,CAAE,UAAA,EAAa,OAAA,CAAA,QAAQ,CAAA;AAAA,WAAYI,KAAAA,MAAM,CAAA;AAAA,QAAA;AAAA,gCAChEF,sBAAA;AAAA,YAaWG,YAAA;AAAA,YAAA,IAAA;AAAA,YAAAC,cAAA,CAbW,OAAA,CAAA,KAAA,EAAK,CAAV,CAAA,KAAC;;;uBAAiB,CAAA,EAAC;AAAA,gBAAA;AAAA,kBACtBN,SAAA,CAAA,SAAA,CAAA,GAAZO,cAAA,CAWO,IAAA,CAAA,MAAA,EAAA,UAAA,EAAA,EAXiB,GAAA,EAAK,CAAA,IAA7B,MAWO;AAAA,oBAVLC,gBAAwDC,wDAAA,EAAA;AAAA,sBAArC,OAAKC,kBAAA,CAAEV,SAAA,CAAA,EAAA,CAAA,CAAG,EAAA,CAAE,OAAA,CAAA,CAAA;AAAA,sBAAW,OAAA,EAAQ;AAAA;0CAClDE,sBAAA;AAAA,sBAQEG,YAAA;AAAA,sBAAA,IAAA;AAAA,sBAAAC,cAAA,CAPe,OAAA,CAAA,IAAA,EAAI,CAAZ,IAAA,KAAI;gDADbK,eAAA,CAQEF,wDAAA,EAAA;AAAA,0BANC,GAAA,EAAK,IAAA;AAAA,0BACL,OAAKC,kBAAA,CAAA;AAAA,4BAAkBV,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,WAAA,CAAA;AAAA,4BAA6BA,SAAA,CAAA,EAAA,CAAA,CAAG,EAAA,CAAE,MAAA,EAAS,SAAS,OAAA,CAAA,IAAA,IAAQ,OAAA,CAAA,IAAA,GAAI,CAAA;AAAA;0BAI5F,OAAA,EAAQ;AAAA;;;;;;;;;;;;;;;;;WAOhBO,cAAA,CAAwB,IAAA,kEAAVH,IAAAA,CAAAA,MAAM,CAAA,CAAA,CAAA;AAAA;;;;;;"}
+{"version":3,"file":"skeleton.vue2.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue"],"sourcesContent":["<template>\n  <template v-if=\"uiLoading\">\n    <div :class=\"[ns.b(), ns.is('animated', animated)]\" v-bind=\"$attrs\">\n      <template v-for=\"i in count\" :key=\"i\">\n        <slot v-if=\"uiLoading\" :key=\"i\" name=\"template\">\n          <el-skeleton-item :class=\"ns.is('first')\" variant=\"p\" />\n          <el-skeleton-item\n            v-for=\"item in rows\"\n            :key=\"item\"\n            :class=\"[\n              ns.e('paragraph'),\n              ns.is('last', item === rows && rows > 1),\n            ]\"\n            variant=\"p\"\n          />\n        </slot>\n      </template>\n    </div>\n  </template>\n  <template v-else>\n    <slot v-bind=\"$attrs\" />\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { toRef } from 'vue'\nimport { useNamespace, useThrottleRender } from '@element-plus/hooks'\nimport ElSkeletonItem from './skeleton-item.vue'\n\nimport type { SkeletonProps } from './skeleton.ts'\n\ndefineOptions({\n  name: 'ElSkeleton',\n})\nconst props = withDefaults(defineProps<SkeletonProps>(), {\n  loading: true,\n  count: 1,\n  rows: 3,\n})\n\nconst ns = useNamespace('skeleton')\nconst uiLoading = useThrottleRender(toRef(props, 'loading'), props.throttle)\n\ndefineExpose({\n  /** @description loading state */\n  uiLoading,\n})\n</script>\n"],"names":["useNamespace","useThrottleRender","toRef","_unref","_openBlock","_createElementBlock","_mergeProps","$attrs","_Fragment","_renderList","_renderSlot","_createVNode","ElSkeletonItem","_normalizeClass","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;AAkCA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAMd,IAAA,MAAM,EAAA,GAAKA,mBAAa,UAAU,CAAA;AAClC,IAAA,MAAM,YAAYC,yBAAA,CAAkBC,SAAA,CAAM,OAAO,SAAS,CAAA,EAAG,MAAM,QAAQ,CAAA;AAE3E,IAAA,QAAA,CAAa;AAAA;AAAA,MAEX;AAAA,KACD,CAAA;;aA7CiBC,SAAA,CAAA,SAAA,CAAA,IACdC,aAAA,EAAA,EAAAC,sBAAA;AAAA,QAeM,KAAA;AAAA,QAfNC,cAAA,CAeM;AAAA;UAfA,KAAA,EAAK,CAAGH,SAAA,KAAG,CAAA,IAAKA,SAAA,CAAA,EAAA,CAAA,CAAG,EAAA,CAAE,UAAA,EAAa,OAAA,CAAA,QAAQ,CAAA;AAAA,WAAYI,KAAAA,MAAM,CAAA;AAAA,QAAA;AAAA,gCAChEF,sBAAA;AAAA,YAaWG,YAAA;AAAA,YAAA,IAAA;AAAA,YAAAC,cAAA,CAbW,OAAA,CAAA,KAAA,EAAK,CAAV,CAAA,KAAC;;;uBAAiB,CAAA,EAAC;AAAA,gBAAA;AAAA,kBACtBN,SAAA,CAAA,SAAA,CAAA,GAAZO,cAAA,CAWO,IAAA,CAAA,MAAA,EAAA,UAAA,EAAA,EAXiB,GAAA,EAAK,CAAA,IAA7B,MAWO;AAAA,oBAVLC,gBAAwDC,wDAAA,EAAA;AAAA,sBAArC,OAAKC,kBAAA,CAAEV,SAAA,CAAA,EAAA,CAAA,CAAG,EAAA,CAAE,OAAA,CAAA,CAAA;AAAA,sBAAW,OAAA,EAAQ;AAAA;0CAClDE,sBAAA;AAAA,sBAQEG,YAAA;AAAA,sBAAA,IAAA;AAAA,sBAAAC,cAAA,CAPe,OAAA,CAAA,IAAA,EAAI,CAAZ,IAAA,KAAI;gDADbK,eAAA,CAQEF,wDAAA,EAAA;AAAA,0BANC,GAAA,EAAK,IAAA;AAAA,0BACL,OAAKC,kBAAA,CAAA;AAAA,4BAAkBV,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,WAAA,CAAA;AAAA,4BAA6BA,SAAA,CAAA,EAAA,CAAA,CAAG,EAAA,CAAE,MAAA,EAAS,SAAS,OAAA,CAAA,IAAA,IAAQ,OAAA,CAAA,IAAA,GAAI,CAAA;AAAA;0BAI5F,OAAA,EAAQ;AAAA;;;;;;;;;;;;;;;;;WAOhBO,cAAA,CAAwB,IAAA,kEAAVH,IAAAA,CAAAA,MAAM,CAAA,CAAA,CAAA;AAAA;;;;;;"}

package/lib/components/splitter/src/split-panel.vue2.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var splitPanel = require('./split-panel.js');
 var vue = require('vue');
 var usePanel = require('./hooks/usePanel.js');
 var splitBar_vue_vue_type_script_setup_true_lang = require('./split-bar.vue2.js');
-var splitPanel = require('./split-panel.js');
 var type = require('./type.js');
 var useSize = require('./hooks/useSize.js');
 var index = require('../../../hooks/use-namespace/index.js');
@@ -17,13 +17,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME
   },
   __name: "split-panel",
-  props: {
-    min: { type: [String, Number], required: false },
-    max: { type: [String, Number], required: false },
-    size: { type: [String, Number], required: false },
-    resizable: { type: Boolean, required: false, default: true },
-    collapsible: { type: Boolean, required: false }
-  },
+  props: splitPanel.splitterPanelProps,
   emits: splitPanel.splitterPanelEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const ns = index.useNamespace("splitter-panel");

package/lib/components/splitter/src/split-panel.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"split-panel.vue2.js","sources":["../../../../../../packages/components/splitter/src/split-panel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { throwError } from '@element-plus/utils'\nimport { getCollapsible, isCollapsible } from './hooks/usePanel'\nimport SplitBar from './split-bar.vue'\nimport { splitterPanelEmits } from './split-panel'\nimport { getPct, getPx, isPct, isPx } from './hooks'\nimport { splitterRootContextKey } from './type'\n\nimport type { SplitterPanelProps } from './split-panel'\n\nconst ns = useNamespace('splitter-panel')\n\nconst COMPONENT_NAME = 'ElSplitterPanel'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<SplitterPanelProps>(), {\n  resizable: true,\n})\n\nconst emits = defineEmits(splitterPanelEmits)\nconst splitterContext = inject(splitterRootContextKey)\nif (!splitterContext)\n  throwError(\n    COMPONENT_NAME,\n    'usage: <el-splitter><el-splitter-panel /></el-splitter/>'\n  )\n\nconst { panels, layout, lazy, containerSize, pxSizes } = toRefs(splitterContext)\n\nconst {\n  registerPanel,\n  unregisterPanel,\n  onCollapse,\n  onMoveEnd,\n  onMoveStart,\n  onMoving,\n} = splitterContext\n\nconst panelEl = ref<HTMLDivElement>()\nconst instance = getCurrentInstance()!\nconst uid = instance.uid\n\nconst index = ref(0)\nconst panel = computed(() => panels.value[index.value])\n\nconst setIndex = (val: number) => {\n  index.value = val\n}\n\nconst panelSize = computed(() => {\n  if (!panel.value) return 0\n  return pxSizes.value[index.value] ?? 0\n})\n\nconst nextSize = computed(() => {\n  if (!panel.value) return 0\n  return pxSizes.value[index.value + 1] ?? 0\n})\n\nconst nextPanel = computed(() => {\n  if (panel.value) {\n    return panels.value[index.value + 1]\n  }\n  return null\n})\n\nconst isResizable = computed(() => {\n  if (!nextPanel.value) return false\n  return (\n    props.resizable &&\n    nextPanel.value?.resizable &&\n    // If it is 0, it means it is collapsed => check if the minimum value is set\n    (panelSize.value !== 0 || !props.min) &&\n    (nextSize.value !== 0 || !nextPanel.value.min)\n  )\n})\n\n// The last panel doesn't need a drag bar\nconst isShowBar = computed(() => {\n  if (!panel.value) return false\n  return index.value !== panels.value.length - 1\n})\n\nconst startCollapsible = computed(() =>\n  isCollapsible(panel.value, panelSize.value, nextPanel.value, nextSize.value)\n)\n\nconst endCollapsible = computed(() =>\n  isCollapsible(nextPanel.value, nextSize.value, panel.value, panelSize.value)\n)\n\nfunction sizeToPx(str: string | number | undefined) {\n  if (isPct(str)) {\n    return getPct(str) * containerSize.value || 0\n  } else if (isPx(str)) {\n    return getPx(str)\n  }\n  return str ?? 0\n}\n\n// Two-way binding for size\nlet isSizeUpdating = false\nwatch(\n  () => props.size,\n  () => {\n    if (!isSizeUpdating && panel.value) {\n      if (!containerSize.value) {\n        panel.value.size = props.size\n        return\n      }\n\n      const size = sizeToPx(props.size)\n      const maxSize = sizeToPx(props.max)\n      const minSize = sizeToPx(props.min)\n\n      // Ensure it is within the maximum and minimum value range\n      const finalSize = Math.min(Math.max(size, minSize || 0), maxSize || size)\n\n      if (finalSize !== size) {\n        emits('update:size', finalSize)\n      }\n\n      panel.value.size = finalSize\n    }\n  }\n)\n\nwatch(\n  () => panel.value?.size,\n  (val) => {\n    if (val !== props.size) {\n      isSizeUpdating = true\n      emits('update:size', val as number)\n      nextTick(() => (isSizeUpdating = false))\n    }\n  }\n)\n\nwatch(\n  () => props.resizable,\n  (val) => {\n    if (panel.value) {\n      panel.value.resizable = val\n    }\n  }\n)\n\nconst _panel = reactive({\n  el: panelEl.value!,\n  uid,\n  getVnode: () => instance.vnode,\n  setIndex,\n  ...props,\n  collapsible: computed(() => getCollapsible(props.collapsible)),\n})\n\nregisterPanel(_panel)\n\nonBeforeUnmount(() => unregisterPanel(_panel))\n\ndefineExpose({\n  /** @description splitter-panel html element */\n  splitterPanelRef: panelEl,\n})\n</script>\n\n<template>\n  <div\n    ref=\"panelEl\"\n    :class=\"[ns.b()]\"\n    :style=\"{ flexBasis: `${panelSize}px` }\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n  </div>\n  <SplitBar\n    v-if=\"isShowBar\"\n    :index=\"index\"\n    :layout=\"layout\"\n    :lazy=\"lazy\"\n    :resizable=\"isResizable\"\n    :start-collapsible=\"startCollapsible\"\n    :end-collapsible=\"endCollapsible\"\n    @move-start=\"onMoveStart\"\n    @moving=\"onMoving\"\n    @move-end=\"onMoveEnd\"\n    @collapse=\"onCollapse\"\n  >\n    <template #start-collapsible>\n      <slot name=\"start-collapsible\" />\n    </template>\n    <template #end-collapsible>\n      <slot name=\"end-collapsible\" />\n    </template>\n  </SplitBar>\n</template>\n"],"names":["useNamespace","inject","splitterRootContextKey","throwError","toRefs","ref","getCurrentInstance","index","computed","isCollapsible","isPct","getPct","isPx","getPx","watch","nextTick","reactive","getCollapsible","onBeforeUnmount","_createElementVNode","_mergeProps","_unref","$attrs","_renderSlot","_createBlock","SplitBar"],"mappings":"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"}
+{"version":3,"file":"split-panel.vue2.js","sources":["../../../../../../packages/components/splitter/src/split-panel.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { throwError } from '@element-plus/utils'\nimport { getCollapsible, isCollapsible } from './hooks/usePanel'\nimport SplitBar from './split-bar.vue'\nimport { splitterPanelEmits } from './split-panel'\nimport { getPct, getPx, isPct, isPx } from './hooks'\nimport { splitterRootContextKey } from './type'\n\nimport type { SplitterPanelProps } from './split-panel'\n\nconst ns = useNamespace('splitter-panel')\n\nconst COMPONENT_NAME = 'ElSplitterPanel'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<SplitterPanelProps>(), {\n  resizable: true,\n})\n\nconst emits = defineEmits(splitterPanelEmits)\nconst splitterContext = inject(splitterRootContextKey)\nif (!splitterContext)\n  throwError(\n    COMPONENT_NAME,\n    'usage: <el-splitter><el-splitter-panel /></el-splitter/>'\n  )\n\nconst { panels, layout, lazy, containerSize, pxSizes } = toRefs(splitterContext)\n\nconst {\n  registerPanel,\n  unregisterPanel,\n  onCollapse,\n  onMoveEnd,\n  onMoveStart,\n  onMoving,\n} = splitterContext\n\nconst panelEl = ref<HTMLDivElement>()\nconst instance = getCurrentInstance()!\nconst uid = instance.uid\n\nconst index = ref(0)\nconst panel = computed(() => panels.value[index.value])\n\nconst setIndex = (val: number) => {\n  index.value = val\n}\n\nconst panelSize = computed(() => {\n  if (!panel.value) return 0\n  return pxSizes.value[index.value] ?? 0\n})\n\nconst nextSize = computed(() => {\n  if (!panel.value) return 0\n  return pxSizes.value[index.value + 1] ?? 0\n})\n\nconst nextPanel = computed(() => {\n  if (panel.value) {\n    return panels.value[index.value + 1]\n  }\n  return null\n})\n\nconst isResizable = computed(() => {\n  if (!nextPanel.value) return false\n  return (\n    props.resizable &&\n    nextPanel.value?.resizable &&\n    // If it is 0, it means it is collapsed => check if the minimum value is set\n    (panelSize.value !== 0 || !props.min) &&\n    (nextSize.value !== 0 || !nextPanel.value.min)\n  )\n})\n\n// The last panel doesn't need a drag bar\nconst isShowBar = computed(() => {\n  if (!panel.value) return false\n  return index.value !== panels.value.length - 1\n})\n\nconst startCollapsible = computed(() =>\n  isCollapsible(panel.value, panelSize.value, nextPanel.value, nextSize.value)\n)\n\nconst endCollapsible = computed(() =>\n  isCollapsible(nextPanel.value, nextSize.value, panel.value, panelSize.value)\n)\n\nfunction sizeToPx(str: string | number | undefined) {\n  if (isPct(str)) {\n    return getPct(str) * containerSize.value || 0\n  } else if (isPx(str)) {\n    return getPx(str)\n  }\n  return str ?? 0\n}\n\n// Two-way binding for size\nlet isSizeUpdating = false\nwatch(\n  () => props.size,\n  () => {\n    if (!isSizeUpdating && panel.value) {\n      if (!containerSize.value) {\n        panel.value.size = props.size\n        return\n      }\n\n      const size = sizeToPx(props.size)\n      const maxSize = sizeToPx(props.max)\n      const minSize = sizeToPx(props.min)\n\n      // Ensure it is within the maximum and minimum value range\n      const finalSize = Math.min(Math.max(size, minSize || 0), maxSize || size)\n\n      if (finalSize !== size) {\n        emits('update:size', finalSize)\n      }\n\n      panel.value.size = finalSize\n    }\n  }\n)\n\nwatch(\n  () => panel.value?.size,\n  (val) => {\n    if (val !== props.size) {\n      isSizeUpdating = true\n      emits('update:size', val as number)\n      nextTick(() => (isSizeUpdating = false))\n    }\n  }\n)\n\nwatch(\n  () => props.resizable,\n  (val) => {\n    if (panel.value) {\n      panel.value.resizable = val\n    }\n  }\n)\n\nconst _panel = reactive({\n  el: panelEl.value!,\n  uid,\n  getVnode: () => instance.vnode,\n  setIndex,\n  ...props,\n  collapsible: computed(() => getCollapsible(props.collapsible)),\n})\n\nregisterPanel(_panel)\n\nonBeforeUnmount(() => unregisterPanel(_panel))\n\ndefineExpose({\n  /** @description splitter-panel html element */\n  splitterPanelRef: panelEl,\n})\n</script>\n\n<template>\n  <div\n    ref=\"panelEl\"\n    :class=\"[ns.b()]\"\n    :style=\"{ flexBasis: `${panelSize}px` }\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n  </div>\n  <SplitBar\n    v-if=\"isShowBar\"\n    :index=\"index\"\n    :layout=\"layout\"\n    :lazy=\"lazy\"\n    :resizable=\"isResizable\"\n    :start-collapsible=\"startCollapsible\"\n    :end-collapsible=\"endCollapsible\"\n    @move-start=\"onMoveStart\"\n    @moving=\"onMoving\"\n    @move-end=\"onMoveEnd\"\n    @collapse=\"onCollapse\"\n  >\n    <template #start-collapsible>\n      <slot name=\"start-collapsible\" />\n    </template>\n    <template #end-collapsible>\n      <slot name=\"end-collapsible\" />\n    </template>\n  </SplitBar>\n</template>\n"],"names":["useNamespace","inject","splitterRootContextKey","throwError","toRefs","ref","getCurrentInstance","index","computed","isCollapsible","isPct","getPct","isPx","getPx","watch","nextTick","reactive","getCollapsible","onBeforeUnmount","_createElementVNode","_mergeProps","_unref","$attrs","_renderSlot","_createBlock","SplitBar"],"mappings":"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"}

package/lib/components/splitter/src/splitter.vue2.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
 var splitter = require('./splitter.js');
+var vue = require('vue');
 var type = require('./type.js');
 var useContainer = require('./hooks/useContainer.js');
 var useResize = require('./hooks/useResize.js');
@@ -16,10 +16,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElSplitter"
   },
   __name: "splitter",
-  props: {
-    layout: { type: String, required: false, default: "horizontal" },
-    lazy: { type: Boolean, required: false }
-  },
+  props: splitter.splitterProps,
   emits: splitter.splitterEmits,
   setup(__props, { emit: __emit }) {
     const ns = index.useNamespace("splitter");

package/lib/components/splitter/src/splitter.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"splitter.vue2.js","sources":["../../../../../../packages/components/splitter/src/splitter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  computed,\n  getCurrentInstance,\n  nextTick,\n  provide,\n  reactive,\n  toRef,\n  watch,\n} from 'vue'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { useContainer, useResize, useSize } from './hooks'\nimport { splitterEmits } from './splitter'\nimport { splitterRootContextKey } from './type'\n\nimport type { PanelItemState } from './type'\nimport type { SplitterProps } from './splitter'\n\nconst ns = useNamespace('splitter')\n\ndefineOptions({\n  name: 'ElSplitter',\n})\n\nconst emits = defineEmits(splitterEmits)\n\nconst props = withDefaults(defineProps<SplitterProps>(), {\n  layout: 'horizontal',\n})\nconst layout = toRef(props, 'layout')\nconst lazy = toRef(props, 'lazy')\n\nconst { containerEl, containerSize } = useContainer(layout)\n\nconst {\n  removeChild: unregisterPanel,\n  children: panels,\n  addChild: registerPanel,\n  ChildrenSorter: PanelsSorter,\n} = useOrderedChildren<PanelItemState>(getCurrentInstance()!, 'ElSplitterPanel')\n\nwatch(panels, () => {\n  movingIndex.value = null\n  panels.value.forEach((instance: PanelItemState, index: number) => {\n    instance.setIndex(index)\n  })\n})\n\nconst { percentSizes, pxSizes } = useSize(panels, containerSize)\n\nconst {\n  lazyOffset,\n  movingIndex,\n  onMoveStart,\n  onMoving,\n  onMoveEnd,\n  onCollapse,\n} = useResize(panels, containerSize, pxSizes, lazy)\n\nconst splitterStyles = computed(() => {\n  return {\n    [ns.cssVarBlockName('bar-offset')]: lazy.value\n      ? `${lazyOffset.value}px`\n      : undefined,\n  }\n})\n\nconst onResizeStart = (index: number) => {\n  onMoveStart(index)\n  emits('resizeStart', index, pxSizes.value)\n}\n\nconst onResize = (index: number, offset: number) => {\n  onMoving(index, offset)\n\n  if (!lazy.value) {\n    emits('resize', index, pxSizes.value)\n  }\n}\n\nconst onResizeEnd = async (index: number) => {\n  onMoveEnd()\n  await nextTick()\n  emits('resizeEnd', index, pxSizes.value)\n}\n\nconst onCollapsible = (index: number, type: 'start' | 'end') => {\n  onCollapse(index, type)\n  emits('collapse', index, type, pxSizes.value)\n}\n\nprovide(\n  splitterRootContextKey,\n  reactive({\n    panels,\n    percentSizes,\n    pxSizes,\n    layout,\n    lazy,\n    movingIndex,\n    containerSize,\n    onMoveStart: onResizeStart,\n    onMoving: onResize,\n    onMoveEnd: onResizeEnd,\n    onCollapse: onCollapsible,\n    registerPanel,\n    unregisterPanel,\n  })\n)\n</script>\n\n<template>\n  <div\n    ref=\"containerEl\"\n    :class=\"[ns.b(), ns.e(layout)]\"\n    :style=\"splitterStyles\"\n  >\n    <slot />\n    <panels-sorter />\n    <!-- Prevent iframe touch events from breaking -->\n    <div v-if=\"movingIndex\" :class=\"[ns.e('mask'), ns.e(`mask-${layout}`)]\" />\n  </div>\n</template>\n"],"names":["useNamespace","toRef","useContainer","useOrderedChildren","getCurrentInstance","watch","useSize","useResize","computed","nextTick","provide","splitterRootContextKey","reactive","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createVNode","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"splitter.vue2.js","sources":["../../../../../../packages/components/splitter/src/splitter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  computed,\n  getCurrentInstance,\n  nextTick,\n  provide,\n  reactive,\n  toRef,\n  watch,\n} from 'vue'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { useContainer, useResize, useSize } from './hooks'\nimport { splitterEmits } from './splitter'\nimport { splitterRootContextKey } from './type'\n\nimport type { PanelItemState } from './type'\nimport type { SplitterProps } from './splitter'\n\nconst ns = useNamespace('splitter')\n\ndefineOptions({\n  name: 'ElSplitter',\n})\n\nconst emits = defineEmits(splitterEmits)\n\nconst props = withDefaults(defineProps<SplitterProps>(), {\n  layout: 'horizontal',\n})\nconst layout = toRef(props, 'layout')\nconst lazy = toRef(props, 'lazy')\n\nconst { containerEl, containerSize } = useContainer(layout)\n\nconst {\n  removeChild: unregisterPanel,\n  children: panels,\n  addChild: registerPanel,\n  ChildrenSorter: PanelsSorter,\n} = useOrderedChildren<PanelItemState>(getCurrentInstance()!, 'ElSplitterPanel')\n\nwatch(panels, () => {\n  movingIndex.value = null\n  panels.value.forEach((instance: PanelItemState, index: number) => {\n    instance.setIndex(index)\n  })\n})\n\nconst { percentSizes, pxSizes } = useSize(panels, containerSize)\n\nconst {\n  lazyOffset,\n  movingIndex,\n  onMoveStart,\n  onMoving,\n  onMoveEnd,\n  onCollapse,\n} = useResize(panels, containerSize, pxSizes, lazy)\n\nconst splitterStyles = computed(() => {\n  return {\n    [ns.cssVarBlockName('bar-offset')]: lazy.value\n      ? `${lazyOffset.value}px`\n      : undefined,\n  }\n})\n\nconst onResizeStart = (index: number) => {\n  onMoveStart(index)\n  emits('resizeStart', index, pxSizes.value)\n}\n\nconst onResize = (index: number, offset: number) => {\n  onMoving(index, offset)\n\n  if (!lazy.value) {\n    emits('resize', index, pxSizes.value)\n  }\n}\n\nconst onResizeEnd = async (index: number) => {\n  onMoveEnd()\n  await nextTick()\n  emits('resizeEnd', index, pxSizes.value)\n}\n\nconst onCollapsible = (index: number, type: 'start' | 'end') => {\n  onCollapse(index, type)\n  emits('collapse', index, type, pxSizes.value)\n}\n\nprovide(\n  splitterRootContextKey,\n  reactive({\n    panels,\n    percentSizes,\n    pxSizes,\n    layout,\n    lazy,\n    movingIndex,\n    containerSize,\n    onMoveStart: onResizeStart,\n    onMoving: onResize,\n    onMoveEnd: onResizeEnd,\n    onCollapse: onCollapsible,\n    registerPanel,\n    unregisterPanel,\n  })\n)\n</script>\n\n<template>\n  <div\n    ref=\"containerEl\"\n    :class=\"[ns.b(), ns.e(layout)]\"\n    :style=\"splitterStyles\"\n  >\n    <slot />\n    <panels-sorter />\n    <!-- Prevent iframe touch events from breaking -->\n    <div v-if=\"movingIndex\" :class=\"[ns.e('mask'), ns.e(`mask-${layout}`)]\" />\n  </div>\n</template>\n"],"names":["useNamespace","toRef","useContainer","useOrderedChildren","getCurrentInstance","watch","useSize","useResize","computed","nextTick","provide","splitterRootContextKey","reactive","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createVNode","_createCommentVNode"],"mappings":"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"}

package/lib/components/statistic/src/statistic.vue2.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var statistic = require('./statistic.js');
 var vue = require('vue');
 var index = require('../../../hooks/use-namespace/index.js');
 var shared = require('@vue/shared');
@@ -12,17 +13,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElStatistic"
   },
   __name: "statistic",
-  props: {
-    decimalSeparator: { type: String, required: false, default: "." },
-    groupSeparator: { type: String, required: false, default: "," },
-    precision: { type: Number, required: false, default: 0 },
-    formatter: { type: Function, required: false },
-    value: { type: null, required: false, default: 0 },
-    prefix: { type: String, required: false },
-    suffix: { type: String, required: false },
-    title: { type: String, required: false },
-    valueStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true, default: void 0 }
-  },
+  props: statistic.statisticProps,
   setup(__props, { expose: __expose }) {
     const props = __props;
     const ns = index.useNamespace("statistic");

package/lib/components/statistic/src/statistic.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"statistic.vue2.js","sources":["../../../../../../packages/components/statistic/src/statistic.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div v-if=\"$slots.title || title\" :class=\"ns.e('head')\">\n      <slot name=\"title\">\n        {{ title }}\n      </slot>\n    </div>\n    <div :class=\"ns.e('content')\">\n      <div v-if=\"$slots.prefix || prefix\" :class=\"ns.e('prefix')\">\n        <slot name=\"prefix\">\n          <span>{{ prefix }}</span>\n        </slot>\n      </div>\n      <span :class=\"ns.e('number')\" :style=\"valueStyle\">\n        {{ displayValue }}\n      </span>\n      <div v-if=\"$slots.suffix || suffix\" :class=\"ns.e('suffix')\">\n        <slot name=\"suffix\">\n          <span>{{ suffix }}</span>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isFunction, isNumber } from '@element-plus/utils'\n\nimport type { StatisticProps } from './statistic'\n\ndefineOptions({\n  name: 'ElStatistic',\n})\n\nconst props = withDefaults(defineProps<StatisticProps>(), {\n  decimalSeparator: '.',\n  groupSeparator: ',',\n  precision: 0,\n  value: 0,\n  valueStyle: undefined,\n})\nconst ns = useNamespace('statistic')\n\nconst displayValue = computed(() => {\n  const { value, formatter, precision, decimalSeparator, groupSeparator } =\n    props\n\n  if (isFunction(formatter)) return formatter(value)\n\n  // https://github.com/element-plus/element-plus/issues/17784\n  if (!isNumber(value) || Number.isNaN(value)) return value\n\n  let [integer, decimal = ''] = String(value).split('.')\n  decimal = decimal\n    .padEnd(precision, '0')\n    .slice(0, precision > 0 ? precision : 0)\n  integer = integer.replace(/\\B(?=(\\d{3})+(?!\\d))/g, groupSeparator)\n  return [integer, decimal].join(decimal ? decimalSeparator : '')\n})\n\ndefineExpose({\n  /**\n   * @description current display value\n   */\n  displayValue,\n})\n</script>\n"],"names":["useNamespace","computed","isFunction","isNumber","_createElementBlock","_normalizeClass","_unref","$slots","_renderSlot","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"statistic.vue2.js","sources":["../../../../../../packages/components/statistic/src/statistic.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div v-if=\"$slots.title || title\" :class=\"ns.e('head')\">\n      <slot name=\"title\">\n        {{ title }}\n      </slot>\n    </div>\n    <div :class=\"ns.e('content')\">\n      <div v-if=\"$slots.prefix || prefix\" :class=\"ns.e('prefix')\">\n        <slot name=\"prefix\">\n          <span>{{ prefix }}</span>\n        </slot>\n      </div>\n      <span :class=\"ns.e('number')\" :style=\"valueStyle\">\n        {{ displayValue }}\n      </span>\n      <div v-if=\"$slots.suffix || suffix\" :class=\"ns.e('suffix')\">\n        <slot name=\"suffix\">\n          <span>{{ suffix }}</span>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isFunction, isNumber } from '@element-plus/utils'\n\nimport type { StatisticProps } from './statistic'\n\ndefineOptions({\n  name: 'ElStatistic',\n})\n\nconst props = withDefaults(defineProps<StatisticProps>(), {\n  decimalSeparator: '.',\n  groupSeparator: ',',\n  precision: 0,\n  value: 0,\n  valueStyle: undefined,\n})\nconst ns = useNamespace('statistic')\n\nconst displayValue = computed(() => {\n  const { value, formatter, precision, decimalSeparator, groupSeparator } =\n    props\n\n  if (isFunction(formatter)) return formatter(value)\n\n  // https://github.com/element-plus/element-plus/issues/17784\n  if (!isNumber(value) || Number.isNaN(value)) return value\n\n  let [integer, decimal = ''] = String(value).split('.')\n  decimal = decimal\n    .padEnd(precision, '0')\n    .slice(0, precision > 0 ? precision : 0)\n  integer = integer.replace(/\\B(?=(\\d{3})+(?!\\d))/g, groupSeparator)\n  return [integer, decimal].join(decimal ? decimalSeparator : '')\n})\n\ndefineExpose({\n  /**\n   * @description current display value\n   */\n  displayValue,\n})\n</script>\n"],"names":["useNamespace","computed","isFunction","isNumber","_createElementBlock","_normalizeClass","_unref","$slots","_renderSlot","_createElementVNode"],"mappings":"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"}

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var item = require('./item.js');
 var vue = require('vue');
 var index$1 = require('../../icon/index.js');
 var iconsVue = require('@element-plus/icons-vue');
@@ -14,12 +15,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElStep"
   },
   __name: "item",
-  props: {
-    title: { type: String, required: false, default: "" },
-    icon: { type: null, required: false, default: "" },
-    description: { type: String, required: false, default: "" },
-    status: { type: String, required: false, default: "" }
-  },
+  props: item.stepProps,
   setup(__props) {
     const props = __props;
     const ns = index.useNamespace("step");

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

@@ -1 +1 @@
-{"version":3,"file":"item.vue2.js","sources":["../../../../../../packages/components/steps/src/item.vue"],"sourcesContent":["<template>\n  <div :style=\"style\" :class=\"containerKls\">\n    <!-- icon & line -->\n    <div :class=\"[ns.e('head'), ns.is(currentStatus)]\">\n      <div v-if=\"!isSimple\" :class=\"ns.e('line')\">\n        <i :class=\"ns.e('line-inner')\" :style=\"lineStyle\" />\n      </div>\n\n      <div\n        :class=\"[ns.e('icon'), ns.is(icon || $slots.icon ? 'icon' : 'text')]\"\n      >\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\" :class=\"ns.e('icon-inner')\">\n            <component :is=\"icon\" />\n          </el-icon>\n          <el-icon\n            v-else-if=\"currentStatus === 'success'\"\n            :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n          >\n            <Check />\n          </el-icon>\n          <el-icon\n            v-else-if=\"currentStatus === 'error'\"\n            :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n          >\n            <Close />\n          </el-icon>\n          <div v-else-if=\"!isSimple\" :class=\"ns.e('icon-inner')\">\n            {{ index + 1 }}\n          </div>\n        </slot>\n      </div>\n    </div>\n    <!-- title & description -->\n    <div :class=\"ns.e('main')\">\n      <div :class=\"[ns.e('title'), ns.is(currentStatus)]\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div v-if=\"isSimple\" :class=\"ns.e('arrow')\" />\n      <div v-else :class=\"[ns.e('description'), ns.is(currentStatus)]\">\n        <slot name=\"description\">{{ description }}</slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Check, Close } from '@element-plus/icons-vue'\nimport { isNumber } from '@element-plus/utils'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { StepProps } from './item'\nimport type { CSSProperties, ComputedRef, Ref, VNode } from 'vue'\nimport type { StepsProps } from './steps'\n\nexport interface StepItemState {\n  uid: number\n  getVnode: () => VNode\n  currentStatus: ComputedRef<string>\n  internalStatus: Ref<string>\n  setIndex: (val: number) => void\n  calcProgress: (status: string) => void\n}\n\nexport interface IStepsInject {\n  props: Required<StepsProps>\n  steps: Ref<StepItemState[]>\n  addStep: (item: StepItemState) => void\n  removeStep: (item: StepItemState) => void\n}\n\ndefineOptions({\n  name: 'ElStep',\n})\n\nconst props = withDefaults(defineProps<StepProps>(), {\n  title: '',\n  description: '',\n  icon: '',\n  status: '',\n})\n\nconst ns = useNamespace('step')\nconst index = ref(-1)\nconst lineStyle = ref({})\nconst internalStatus = ref('')\nconst parent = inject(STEPS_INJECTION_KEY) as IStepsInject\nconst currentInstance = getCurrentInstance()!\nlet stepDiff = 0\nlet beforeActive = 0\n\nonMounted(() => {\n  watch(\n    [\n      () => parent.props.active,\n      () => parent.props.processStatus,\n      () => parent.props.finishStatus,\n    ],\n    ([active], [oldActive]) => {\n      beforeActive = oldActive || 0\n      stepDiff = active - beforeActive\n\n      updateStatus(active)\n    },\n    { immediate: true }\n  )\n})\n\nconst currentStatus = computed(() => {\n  return props.status || internalStatus.value\n})\n\nconst prevInternalStatus = computed(() => {\n  const prevStep = parent.steps.value[index.value - 1]\n  return prevStep ? prevStep.internalStatus.value : 'wait'\n})\n\nconst isCenter = computed(() => {\n  return parent.props.alignCenter\n})\n\nconst isVertical = computed(() => {\n  return parent.props.direction === 'vertical'\n})\n\nconst isSimple = computed(() => {\n  return parent.props.simple\n})\n\nconst stepsCount = computed(() => {\n  return parent.steps.value.length\n})\n\nconst isLast = computed(() => {\n  return parent.steps.value[stepsCount.value - 1]?.uid === currentInstance.uid\n})\n\nconst space = computed(() => {\n  return isSimple.value ? '' : parent.props.space\n})\n\nconst containerKls = computed(() => {\n  return [\n    ns.b(),\n    ns.is(isSimple.value ? 'simple' : parent.props.direction),\n    ns.is('flex', isLast.value && !space.value && !isCenter.value),\n    ns.is('center', isCenter.value && !isVertical.value && !isSimple.value),\n  ]\n})\n\nconst style = computed(() => {\n  const style: CSSProperties = {\n    flexBasis: isNumber(space.value)\n      ? `${space.value}px`\n      : space.value\n        ? space.value\n        : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`,\n  }\n  if (isVertical.value) return style\n  if (isLast.value) {\n    style.maxWidth = `${100 / stepsCount.value}%`\n  }\n  return style\n})\n\nconst setIndex = (val: number) => {\n  index.value = val\n}\n\nconst calcProgress = (status: string) => {\n  const isWait = status === 'wait'\n  const delayTimer =\n    Math.abs(stepDiff) === 1\n      ? 0\n      : stepDiff > 0\n        ? (index.value + 1 - beforeActive) * 150\n        : -(index.value + 1 - parent.props.active) * 150\n\n  const style: CSSProperties = {\n    transitionDelay: `${delayTimer}ms`,\n  }\n  const step = status === parent.props.processStatus || isWait ? 0 : 100\n\n  style.borderWidth = step && !isSimple.value ? '1px' : 0\n  style[parent.props.direction === 'vertical' ? 'height' : 'width'] = `${step}%`\n  lineStyle.value = style\n}\n\nconst updateStatus = (activeIndex: number) => {\n  if (activeIndex > index.value) {\n    internalStatus.value = parent.props.finishStatus\n  } else if (\n    activeIndex === index.value &&\n    prevInternalStatus.value !== 'error'\n  ) {\n    internalStatus.value = parent.props.processStatus\n  } else {\n    internalStatus.value = 'wait'\n  }\n  const prevChild = parent.steps.value[index.value - 1]\n  if (prevChild) prevChild.calcProgress(internalStatus.value)\n}\n\nconst stepItemState: StepItemState = {\n  uid: currentInstance.uid,\n  getVnode: () => currentInstance.vnode,\n  currentStatus,\n  internalStatus,\n  setIndex,\n  calcProgress,\n}\n\nparent.addStep(stepItemState)\n\nonBeforeUnmount(() => {\n  parent.removeStep(stepItemState)\n})\n</script>\n"],"names":["useNamespace","index","ref","inject","STEPS_INJECTION_KEY","getCurrentInstance","onMounted","watch","computed","style","isNumber","onBeforeUnmount","_createElementBlock","_createCommentVNode","_createElementVNode","_normalizeClass","_unref","$slots","_renderSlot","_createBlock","ElIcon","_openBlock","_resolveDynamicComponent","_createVNode","Check","Close"],"mappings":"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"}
+{"version":3,"file":"item.vue2.js","sources":["../../../../../../packages/components/steps/src/item.vue"],"sourcesContent":["<template>\n  <div :style=\"style\" :class=\"containerKls\">\n    <!-- icon & line -->\n    <div :class=\"[ns.e('head'), ns.is(currentStatus)]\">\n      <div v-if=\"!isSimple\" :class=\"ns.e('line')\">\n        <i :class=\"ns.e('line-inner')\" :style=\"lineStyle\" />\n      </div>\n\n      <div\n        :class=\"[ns.e('icon'), ns.is(icon || $slots.icon ? 'icon' : 'text')]\"\n      >\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\" :class=\"ns.e('icon-inner')\">\n            <component :is=\"icon\" />\n          </el-icon>\n          <el-icon\n            v-else-if=\"currentStatus === 'success'\"\n            :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n          >\n            <Check />\n          </el-icon>\n          <el-icon\n            v-else-if=\"currentStatus === 'error'\"\n            :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n          >\n            <Close />\n          </el-icon>\n          <div v-else-if=\"!isSimple\" :class=\"ns.e('icon-inner')\">\n            {{ index + 1 }}\n          </div>\n        </slot>\n      </div>\n    </div>\n    <!-- title & description -->\n    <div :class=\"ns.e('main')\">\n      <div :class=\"[ns.e('title'), ns.is(currentStatus)]\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div v-if=\"isSimple\" :class=\"ns.e('arrow')\" />\n      <div v-else :class=\"[ns.e('description'), ns.is(currentStatus)]\">\n        <slot name=\"description\">{{ description }}</slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Check, Close } from '@element-plus/icons-vue'\nimport { isNumber } from '@element-plus/utils'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { StepProps } from './item'\nimport type { CSSProperties, ComputedRef, Ref, VNode } from 'vue'\nimport type { StepsProps } from './steps'\n\nexport interface StepItemState {\n  uid: number\n  getVnode: () => VNode\n  currentStatus: ComputedRef<string>\n  internalStatus: Ref<string>\n  setIndex: (val: number) => void\n  calcProgress: (status: string) => void\n}\n\nexport interface IStepsInject {\n  props: Required<StepsProps>\n  steps: Ref<StepItemState[]>\n  addStep: (item: StepItemState) => void\n  removeStep: (item: StepItemState) => void\n}\n\ndefineOptions({\n  name: 'ElStep',\n})\n\nconst props = withDefaults(defineProps<StepProps>(), {\n  title: '',\n  description: '',\n  icon: '',\n  status: '',\n})\n\nconst ns = useNamespace('step')\nconst index = ref(-1)\nconst lineStyle = ref({})\nconst internalStatus = ref('')\nconst parent = inject(STEPS_INJECTION_KEY) as IStepsInject\nconst currentInstance = getCurrentInstance()!\nlet stepDiff = 0\nlet beforeActive = 0\n\nonMounted(() => {\n  watch(\n    [\n      () => parent.props.active,\n      () => parent.props.processStatus,\n      () => parent.props.finishStatus,\n    ],\n    ([active], [oldActive]) => {\n      beforeActive = oldActive || 0\n      stepDiff = active - beforeActive\n\n      updateStatus(active)\n    },\n    { immediate: true }\n  )\n})\n\nconst currentStatus = computed(() => {\n  return props.status || internalStatus.value\n})\n\nconst prevInternalStatus = computed(() => {\n  const prevStep = parent.steps.value[index.value - 1]\n  return prevStep ? prevStep.internalStatus.value : 'wait'\n})\n\nconst isCenter = computed(() => {\n  return parent.props.alignCenter\n})\n\nconst isVertical = computed(() => {\n  return parent.props.direction === 'vertical'\n})\n\nconst isSimple = computed(() => {\n  return parent.props.simple\n})\n\nconst stepsCount = computed(() => {\n  return parent.steps.value.length\n})\n\nconst isLast = computed(() => {\n  return parent.steps.value[stepsCount.value - 1]?.uid === currentInstance.uid\n})\n\nconst space = computed(() => {\n  return isSimple.value ? '' : parent.props.space\n})\n\nconst containerKls = computed(() => {\n  return [\n    ns.b(),\n    ns.is(isSimple.value ? 'simple' : parent.props.direction),\n    ns.is('flex', isLast.value && !space.value && !isCenter.value),\n    ns.is('center', isCenter.value && !isVertical.value && !isSimple.value),\n  ]\n})\n\nconst style = computed(() => {\n  const style: CSSProperties = {\n    flexBasis: isNumber(space.value)\n      ? `${space.value}px`\n      : space.value\n        ? space.value\n        : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`,\n  }\n  if (isVertical.value) return style\n  if (isLast.value) {\n    style.maxWidth = `${100 / stepsCount.value}%`\n  }\n  return style\n})\n\nconst setIndex = (val: number) => {\n  index.value = val\n}\n\nconst calcProgress = (status: string) => {\n  const isWait = status === 'wait'\n  const delayTimer =\n    Math.abs(stepDiff) === 1\n      ? 0\n      : stepDiff > 0\n        ? (index.value + 1 - beforeActive) * 150\n        : -(index.value + 1 - parent.props.active) * 150\n\n  const style: CSSProperties = {\n    transitionDelay: `${delayTimer}ms`,\n  }\n  const step = status === parent.props.processStatus || isWait ? 0 : 100\n\n  style.borderWidth = step && !isSimple.value ? '1px' : 0\n  style[parent.props.direction === 'vertical' ? 'height' : 'width'] = `${step}%`\n  lineStyle.value = style\n}\n\nconst updateStatus = (activeIndex: number) => {\n  if (activeIndex > index.value) {\n    internalStatus.value = parent.props.finishStatus\n  } else if (\n    activeIndex === index.value &&\n    prevInternalStatus.value !== 'error'\n  ) {\n    internalStatus.value = parent.props.processStatus\n  } else {\n    internalStatus.value = 'wait'\n  }\n  const prevChild = parent.steps.value[index.value - 1]\n  if (prevChild) prevChild.calcProgress(internalStatus.value)\n}\n\nconst stepItemState: StepItemState = {\n  uid: currentInstance.uid,\n  getVnode: () => currentInstance.vnode,\n  currentStatus,\n  internalStatus,\n  setIndex,\n  calcProgress,\n}\n\nparent.addStep(stepItemState)\n\nonBeforeUnmount(() => {\n  parent.removeStep(stepItemState)\n})\n</script>\n"],"names":["useNamespace","index","ref","inject","STEPS_INJECTION_KEY","getCurrentInstance","onMounted","watch","computed","style","isNumber","onBeforeUnmount","_createElementBlock","_createCommentVNode","_createElementVNode","_normalizeClass","_unref","$slots","_renderSlot","_createBlock","ElIcon","_openBlock","_resolveDynamicComponent","_createVNode","Check","Close"],"mappings":"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"}

package/lib/components/steps/src/steps.vue2.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
 var steps = require('./steps.js');
+var vue = require('vue');
 var tokens = require('./tokens.js');
 var index = require('../../../hooks/use-namespace/index.js');
 var index$1 = require('../../../hooks/use-ordered-children/index.js');
@@ -14,15 +14,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElSteps"
   },
   __name: "steps",
-  props: {
-    space: { type: [Number, String], required: false, default: "" },
-    active: { type: Number, required: false, default: 0 },
-    direction: { type: String, required: false, default: "horizontal" },
-    alignCenter: { type: Boolean, required: false },
-    simple: { type: Boolean, required: false },
-    finishStatus: { type: String, required: false, default: "finish" },
-    processStatus: { type: String, required: false, default: "process" }
-  },
+  props: steps.stepsProps,
   emits: steps.stepsEmits,
   setup(__props, { emit: __emit }) {
     const props = __props;

package/lib/components/steps/src/steps.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"steps.vue2.js","sources":["../../../../../../packages/components/steps/src/steps.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.m(simple ? 'simple' : direction)]\">\n    <slot />\n    <steps-sorter />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { getCurrentInstance, provide, watch } from 'vue'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { stepsEmits } from './steps'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { StepsProps } from './steps'\nimport type { StepItemState } from './item.vue'\n\ndefineOptions({\n  name: 'ElSteps',\n})\n\nconst props = withDefaults(defineProps<StepsProps>(), {\n  space: '',\n  direction: 'horizontal',\n  active: 0,\n  processStatus: 'process',\n  finishStatus: 'finish',\n})\nconst emit = defineEmits(stepsEmits)\n\nconst ns = useNamespace('steps')\nconst {\n  children: steps,\n  addChild: addStep,\n  removeChild: removeStep,\n  ChildrenSorter: StepsSorter,\n} = useOrderedChildren<StepItemState>(getCurrentInstance()!, 'ElStep')\n\nwatch(steps, () => {\n  steps.value.forEach((instance: StepItemState, index: number) => {\n    instance.setIndex(index)\n  })\n})\n\nprovide(STEPS_INJECTION_KEY, { props, steps, addStep, removeStep })\n\nwatch(\n  () => props.active,\n  (newVal: number, oldVal: number) => {\n    emit(CHANGE_EVENT, newVal, oldVal)\n  }\n)\n</script>\n"],"names":["useNamespace","useOrderedChildren","getCurrentInstance","watch","provide","STEPS_INJECTION_KEY","CHANGE_EVENT","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAOd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,EAAA,GAAKA,mBAAa,OAAO,CAAA;AAC/B,IAAA,MAAM;AAAA,MACJ,QAAA,EAAU,KAAA;AAAA,MACV,QAAA,EAAU,OAAA;AAAA,MACV,WAAA,EAAa,UAAA;AAAA,MACb,cAAA,EAAgB;AAAA,KAClB,GAAIC,0BAAA,CAAkCC,sBAAA,EAAmB,EAAI,QAAQ,CAAA;AAErE,IAAAC,SAAA,CAAM,OAAO,MAAM;AACjB,MAAA,KAAA,CAAM,KAAA,CAAM,OAAA,CAAQ,CAAC,QAAA,EAAyB,KAAA,KAAkB;AAC9D,QAAA,QAAA,CAAS,SAAS,KAAK,CAAA;AAAA,MACzB,CAAC,CAAA;AAAA,IACH,CAAC,CAAA;AAED,IAAAC,WAAA,CAAQC,4BAAqB,EAAE,KAAA,EAAO,KAAA,EAAO,OAAA,EAAS,YAAY,CAAA;AAElE,IAAAF,SAAA;AAAA,MACE,MAAM,KAAA,CAAM,MAAA;AAAA,MACZ,CAAC,QAAgB,MAAA,KAAmB;AAClC,QAAA,IAAA,CAAKG,kBAAA,EAAc,QAAQ,MAAM,CAAA;AAAA,MACnC;AAAA,KACF;;8BAlDEC,sBAAA;AAAA,QAGM,KAAA;AAAA,QAAA;AAAA,UAHA,OAAKC,kBAAA,CAAA,CAAGC,UAAA,EAAA,CAAA,CAAG,GAAC,EAAIA,SAAA,CAAA,EAAA,CAAA,CAAG,EAAE,OAAA,CAAA,MAAA,GAAM,WAAc,OAAA,CAAA,SAAS,CAAA,CAAA;AAAA;;UACtDC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,UACRC,eAAA,CAAgBF,SAAA,CAAA,WAAA,CAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"steps.vue2.js","sources":["../../../../../../packages/components/steps/src/steps.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.m(simple ? 'simple' : direction)]\">\n    <slot />\n    <steps-sorter />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { getCurrentInstance, provide, watch } from 'vue'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { stepsEmits } from './steps'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { StepsProps } from './steps'\nimport type { StepItemState } from './item.vue'\n\ndefineOptions({\n  name: 'ElSteps',\n})\n\nconst props = withDefaults(defineProps<StepsProps>(), {\n  space: '',\n  direction: 'horizontal',\n  active: 0,\n  processStatus: 'process',\n  finishStatus: 'finish',\n})\nconst emit = defineEmits(stepsEmits)\n\nconst ns = useNamespace('steps')\nconst {\n  children: steps,\n  addChild: addStep,\n  removeChild: removeStep,\n  ChildrenSorter: StepsSorter,\n} = useOrderedChildren<StepItemState>(getCurrentInstance()!, 'ElStep')\n\nwatch(steps, () => {\n  steps.value.forEach((instance: StepItemState, index: number) => {\n    instance.setIndex(index)\n  })\n})\n\nprovide(STEPS_INJECTION_KEY, { props, steps, addStep, removeStep })\n\nwatch(\n  () => props.active,\n  (newVal: number, oldVal: number) => {\n    emit(CHANGE_EVENT, newVal, oldVal)\n  }\n)\n</script>\n"],"names":["useNamespace","useOrderedChildren","getCurrentInstance","watch","provide","STEPS_INJECTION_KEY","CHANGE_EVENT","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAOd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,EAAA,GAAKA,mBAAa,OAAO,CAAA;AAC/B,IAAA,MAAM;AAAA,MACJ,QAAA,EAAU,KAAA;AAAA,MACV,QAAA,EAAU,OAAA;AAAA,MACV,WAAA,EAAa,UAAA;AAAA,MACb,cAAA,EAAgB;AAAA,KAClB,GAAIC,0BAAA,CAAkCC,sBAAA,EAAmB,EAAI,QAAQ,CAAA;AAErE,IAAAC,SAAA,CAAM,OAAO,MAAM;AACjB,MAAA,KAAA,CAAM,KAAA,CAAM,OAAA,CAAQ,CAAC,QAAA,EAAyB,KAAA,KAAkB;AAC9D,QAAA,QAAA,CAAS,SAAS,KAAK,CAAA;AAAA,MACzB,CAAC,CAAA;AAAA,IACH,CAAC,CAAA;AAED,IAAAC,WAAA,CAAQC,4BAAqB,EAAE,KAAA,EAAO,KAAA,EAAO,OAAA,EAAS,YAAY,CAAA;AAElE,IAAAF,SAAA;AAAA,MACE,MAAM,KAAA,CAAM,MAAA;AAAA,MACZ,CAAC,QAAgB,MAAA,KAAmB;AAClC,QAAA,IAAA,CAAKG,kBAAA,EAAc,QAAQ,MAAM,CAAA;AAAA,MACnC;AAAA,KACF;;8BAlDEC,sBAAA;AAAA,QAGM,KAAA;AAAA,QAAA;AAAA,UAHA,OAAKC,kBAAA,CAAA,CAAGC,UAAA,EAAA,CAAA,CAAG,GAAC,EAAIA,SAAA,CAAA,EAAA,CAAA,CAAG,EAAE,OAAA,CAAA,MAAA,GAAM,WAAc,OAAA,CAAA,SAAS,CAAA,CAAA;AAAA;;UACtDC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,UACRC,eAAA,CAAgBF,SAAA,CAAA,WAAA,CAAA;AAAA;;;;;;;;;;"}

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _switch = require('./switch.js');
 var vue = require('vue');
 var index$1 = require('../../icon/index.js');
 var iconsVue = require('@element-plus/icons-vue');
-var _switch = require('./switch.js');
 var useFormItem = require('../../form/src/hooks/use-form-item.js');
 var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
 var index = require('../../../hooks/use-namespace/index.js');
@@ -26,28 +26,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME
   },
   __name: "switch",
-  props: {
-    modelValue: { type: [Boolean, String, Number], required: false, default: false },
-    disabled: { type: Boolean, required: false, default: void 0 },
-    loading: { type: Boolean, required: false },
-    size: { type: null, required: false },
-    width: { type: [String, Number], required: false, default: "" },
-    inlinePrompt: { type: Boolean, required: false },
-    inactiveActionIcon: { type: null, required: false },
-    activeActionIcon: { type: null, required: false },
-    activeIcon: { type: null, required: false },
-    inactiveIcon: { type: null, required: false },
-    activeText: { type: String, required: false, default: "" },
-    inactiveText: { type: String, required: false, default: "" },
-    activeValue: { type: [Boolean, String, Number], required: false, default: true },
-    inactiveValue: { type: [Boolean, String, Number], required: false, default: false },
-    name: { type: String, required: false, default: "" },
-    validateEvent: { type: Boolean, required: false, default: true },
-    beforeChange: { type: Function, required: false },
-    id: { type: String, required: false },
-    tabindex: { type: [String, Number], required: false },
-    ariaLabel: { type: String, required: false }
-  },
+  props: _switch.switchProps,
   emits: _switch.switchEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;

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

@@ -1 +1 @@
-{"version":3,"file":"switch.vue2.js","sources":["../../../../../../packages/components/switch/src/switch.vue"],"sourcesContent":["<template>\n  <div :class=\"switchKls\" @click.prevent=\"switchValue\">\n    <input\n      :id=\"inputId\"\n      ref=\"input\"\n      :class=\"ns.e('input')\"\n      type=\"checkbox\"\n      role=\"switch\"\n      :aria-checked=\"checked\"\n      :aria-disabled=\"switchDisabled\"\n      :aria-label=\"ariaLabel\"\n      :name=\"name\"\n      :true-value=\"activeValue\"\n      :false-value=\"inactiveValue\"\n      :disabled=\"switchDisabled\"\n      :tabindex=\"tabindex\"\n      @change=\"handleChange\"\n      @keydown.enter=\"switchValue\"\n    />\n    <span\n      v-if=\"!inlinePrompt && (inactiveIcon || inactiveText || $slots.inactive)\"\n      :class=\"labelLeftKls\"\n    >\n      <slot name=\"inactive\">\n        <el-icon v-if=\"inactiveIcon\">\n          <component :is=\"inactiveIcon\" />\n        </el-icon>\n        <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n          inactiveText\n        }}</span>\n      </slot>\n    </span>\n    <span :class=\"ns.e('core')\" :style=\"coreStyle\">\n      <div v-if=\"inlinePrompt\" :class=\"ns.e('inner')\">\n        <div v-if=\"!checked\" :class=\"ns.e('inner-wrapper')\">\n          <slot name=\"inactive\">\n            <el-icon v-if=\"inactiveIcon\">\n              <component :is=\"inactiveIcon\" />\n            </el-icon>\n            <span v-if=\"!inactiveIcon && inactiveText\">{{ inactiveText }}</span>\n          </slot>\n        </div>\n        <div v-else :class=\"ns.e('inner-wrapper')\">\n          <slot name=\"active\">\n            <el-icon v-if=\"activeIcon\">\n              <component :is=\"activeIcon\" />\n            </el-icon>\n            <span v-if=\"!activeIcon && activeText\">{{ activeText }}</span>\n          </slot>\n        </div>\n      </div>\n      <div :class=\"ns.e('action')\">\n        <el-icon v-if=\"loading\" :class=\"ns.is('loading')\">\n          <loading />\n        </el-icon>\n        <slot v-else-if=\"checked\" name=\"active-action\">\n          <el-icon v-if=\"activeActionIcon\">\n            <component :is=\"activeActionIcon\" />\n          </el-icon>\n        </slot>\n        <slot v-else-if=\"!checked\" name=\"inactive-action\">\n          <el-icon v-if=\"inactiveActionIcon\">\n            <component :is=\"inactiveActionIcon\" />\n          </el-icon>\n        </slot>\n      </div>\n    </span>\n    <span\n      v-if=\"!inlinePrompt && (activeIcon || activeText || $slots.active)\"\n      :class=\"labelRightKls\"\n    >\n      <slot name=\"active\">\n        <el-icon v-if=\"activeIcon\">\n          <component :is=\"activeIcon\" />\n        </el-icon>\n        <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n          activeText\n        }}</span>\n      </slot>\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, shallowRef, watch } from 'vue'\nimport {\n  addUnit,\n  debugWarn,\n  isBoolean,\n  isPromise,\n  throwError,\n} from '@element-plus/utils'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { Loading } from '@element-plus/icons-vue'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport { switchEmits } from './switch'\n\nimport type { CSSProperties } from 'vue'\nimport type { SwitchProps } from './switch'\n\nconst COMPONENT_NAME = 'ElSwitch'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<SwitchProps>(), {\n  modelValue: false,\n  disabled: undefined,\n  activeText: '',\n  inactiveText: '',\n  activeValue: true,\n  inactiveValue: false,\n  name: '',\n  validateEvent: true,\n  width: '',\n})\nconst emit = defineEmits(switchEmits)\n\nconst { formItem } = useFormItem()\nconst switchSize = useFormSize()\nconst ns = useNamespace('switch')\n\nconst { inputId } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\n\nconst switchDisabled = useFormDisabled(\n  computed(() => {\n    if (props.loading) {\n      return true\n    }\n    return undefined\n  })\n)\nconst isControlled = ref(props.modelValue !== false)\nconst input = shallowRef<HTMLInputElement>()\n\nconst switchKls = computed(() => [\n  ns.b(),\n  ns.m(switchSize.value),\n  ns.is('disabled', switchDisabled.value),\n  ns.is('checked', checked.value),\n])\n\nconst labelLeftKls = computed(() => [\n  ns.e('label'),\n  ns.em('label', 'left'),\n  ns.is('active', !checked.value),\n])\n\nconst labelRightKls = computed(() => [\n  ns.e('label'),\n  ns.em('label', 'right'),\n  ns.is('active', checked.value),\n])\n\nconst coreStyle = computed<CSSProperties>(() => ({\n  width: addUnit(props.width),\n}))\n\nwatch(\n  () => props.modelValue,\n  () => {\n    isControlled.value = true\n  }\n)\n\nconst actualValue = computed(() => {\n  return isControlled.value ? props.modelValue : false\n})\n\nconst checked = computed(() => actualValue.value === props.activeValue)\n\nif (![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\nwatch(checked, (val) => {\n  input.value!.checked = val\n\n  if (props.validateEvent) {\n    formItem?.validate?.('change').catch((err) => debugWarn(err))\n  }\n})\n\nconst handleChange = () => {\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\nconst switchValue = () => {\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 isPromiseOrBool = [\n    isPromise(shouldChange),\n    isBoolean(shouldChange),\n  ].includes(true)\n  if (!isPromiseOrBool) {\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\nconst focus = (): void => {\n  input.value?.focus?.()\n}\n\nonMounted(() => {\n  input.value!.checked = checked.value\n})\n\ndefineExpose({\n  /**\n   *  @description manual focus to the switch component\n   **/\n  focus,\n  /**\n   * @description whether Switch is checked\n   */\n  checked,\n})\n</script>\n"],"names":["useFormItem","useFormSize","useNamespace","useFormItemInputId","useFormDisabled","computed","ref","shallowRef","addUnit","watch","UPDATE_MODEL_EVENT","CHANGE_EVENT","INPUT_EVENT","debugWarn","nextTick","isPromise","isBoolean","throwError","onMounted","_createElementBlock","_createElementVNode","_unref","_normalizeClass","$slots","_renderSlot","_createBlock","ElIcon","_openBlock","_resolveDynamicComponent","_createVNode","Loading"],"mappings":"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"}
+{"version":3,"file":"switch.vue2.js","sources":["../../../../../../packages/components/switch/src/switch.vue"],"sourcesContent":["<template>\n  <div :class=\"switchKls\" @click.prevent=\"switchValue\">\n    <input\n      :id=\"inputId\"\n      ref=\"input\"\n      :class=\"ns.e('input')\"\n      type=\"checkbox\"\n      role=\"switch\"\n      :aria-checked=\"checked\"\n      :aria-disabled=\"switchDisabled\"\n      :aria-label=\"ariaLabel\"\n      :name=\"name\"\n      :true-value=\"activeValue\"\n      :false-value=\"inactiveValue\"\n      :disabled=\"switchDisabled\"\n      :tabindex=\"tabindex\"\n      @change=\"handleChange\"\n      @keydown.enter=\"switchValue\"\n    />\n    <span\n      v-if=\"!inlinePrompt && (inactiveIcon || inactiveText || $slots.inactive)\"\n      :class=\"labelLeftKls\"\n    >\n      <slot name=\"inactive\">\n        <el-icon v-if=\"inactiveIcon\">\n          <component :is=\"inactiveIcon\" />\n        </el-icon>\n        <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n          inactiveText\n        }}</span>\n      </slot>\n    </span>\n    <span :class=\"ns.e('core')\" :style=\"coreStyle\">\n      <div v-if=\"inlinePrompt\" :class=\"ns.e('inner')\">\n        <div v-if=\"!checked\" :class=\"ns.e('inner-wrapper')\">\n          <slot name=\"inactive\">\n            <el-icon v-if=\"inactiveIcon\">\n              <component :is=\"inactiveIcon\" />\n            </el-icon>\n            <span v-if=\"!inactiveIcon && inactiveText\">{{ inactiveText }}</span>\n          </slot>\n        </div>\n        <div v-else :class=\"ns.e('inner-wrapper')\">\n          <slot name=\"active\">\n            <el-icon v-if=\"activeIcon\">\n              <component :is=\"activeIcon\" />\n            </el-icon>\n            <span v-if=\"!activeIcon && activeText\">{{ activeText }}</span>\n          </slot>\n        </div>\n      </div>\n      <div :class=\"ns.e('action')\">\n        <el-icon v-if=\"loading\" :class=\"ns.is('loading')\">\n          <loading />\n        </el-icon>\n        <slot v-else-if=\"checked\" name=\"active-action\">\n          <el-icon v-if=\"activeActionIcon\">\n            <component :is=\"activeActionIcon\" />\n          </el-icon>\n        </slot>\n        <slot v-else-if=\"!checked\" name=\"inactive-action\">\n          <el-icon v-if=\"inactiveActionIcon\">\n            <component :is=\"inactiveActionIcon\" />\n          </el-icon>\n        </slot>\n      </div>\n    </span>\n    <span\n      v-if=\"!inlinePrompt && (activeIcon || activeText || $slots.active)\"\n      :class=\"labelRightKls\"\n    >\n      <slot name=\"active\">\n        <el-icon v-if=\"activeIcon\">\n          <component :is=\"activeIcon\" />\n        </el-icon>\n        <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n          activeText\n        }}</span>\n      </slot>\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, shallowRef, watch } from 'vue'\nimport {\n  addUnit,\n  debugWarn,\n  isBoolean,\n  isPromise,\n  throwError,\n} from '@element-plus/utils'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { Loading } from '@element-plus/icons-vue'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport { switchEmits } from './switch'\n\nimport type { CSSProperties } from 'vue'\nimport type { SwitchProps } from './switch'\n\nconst COMPONENT_NAME = 'ElSwitch'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<SwitchProps>(), {\n  modelValue: false,\n  disabled: undefined,\n  activeText: '',\n  inactiveText: '',\n  activeValue: true,\n  inactiveValue: false,\n  name: '',\n  validateEvent: true,\n  width: '',\n})\nconst emit = defineEmits(switchEmits)\n\nconst { formItem } = useFormItem()\nconst switchSize = useFormSize()\nconst ns = useNamespace('switch')\n\nconst { inputId } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\n\nconst switchDisabled = useFormDisabled(\n  computed(() => {\n    if (props.loading) {\n      return true\n    }\n    return undefined\n  })\n)\nconst isControlled = ref(props.modelValue !== false)\nconst input = shallowRef<HTMLInputElement>()\n\nconst switchKls = computed(() => [\n  ns.b(),\n  ns.m(switchSize.value),\n  ns.is('disabled', switchDisabled.value),\n  ns.is('checked', checked.value),\n])\n\nconst labelLeftKls = computed(() => [\n  ns.e('label'),\n  ns.em('label', 'left'),\n  ns.is('active', !checked.value),\n])\n\nconst labelRightKls = computed(() => [\n  ns.e('label'),\n  ns.em('label', 'right'),\n  ns.is('active', checked.value),\n])\n\nconst coreStyle = computed<CSSProperties>(() => ({\n  width: addUnit(props.width),\n}))\n\nwatch(\n  () => props.modelValue,\n  () => {\n    isControlled.value = true\n  }\n)\n\nconst actualValue = computed(() => {\n  return isControlled.value ? props.modelValue : false\n})\n\nconst checked = computed(() => actualValue.value === props.activeValue)\n\nif (![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\nwatch(checked, (val) => {\n  input.value!.checked = val\n\n  if (props.validateEvent) {\n    formItem?.validate?.('change').catch((err) => debugWarn(err))\n  }\n})\n\nconst handleChange = () => {\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\nconst switchValue = () => {\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 isPromiseOrBool = [\n    isPromise(shouldChange),\n    isBoolean(shouldChange),\n  ].includes(true)\n  if (!isPromiseOrBool) {\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\nconst focus = (): void => {\n  input.value?.focus?.()\n}\n\nonMounted(() => {\n  input.value!.checked = checked.value\n})\n\ndefineExpose({\n  /**\n   *  @description manual focus to the switch component\n   **/\n  focus,\n  /**\n   * @description whether Switch is checked\n   */\n  checked,\n})\n</script>\n"],"names":["useFormItem","useFormSize","useNamespace","useFormItemInputId","useFormDisabled","computed","ref","shallowRef","addUnit","watch","UPDATE_MODEL_EVENT","CHANGE_EVENT","INPUT_EVENT","debugWarn","nextTick","isPromise","isBoolean","throwError","onMounted","_createElementBlock","_createElementVNode","_unref","_normalizeClass","$slots","_renderSlot","_createBlock","ElIcon","_openBlock","_resolveDynamicComponent","_createVNode","Loading"],"mappings":"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"}