@element-plus/nightly 0.0.20260121 → 0.0.20260122

package/es/components/steps/src/steps.vue2.mjs

@@ -1,5 +1,5 @@
+import { stepsEmits, stepsProps } from './steps.mjs';
 import { defineComponent, getCurrentInstance, watch, provide, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createVNode } from 'vue';
-import { stepsEmits } from './steps.mjs';
 import { STEPS_INJECTION_KEY } from './tokens.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { useOrderedChildren } from '../../../hooks/use-ordered-children/index.mjs';
@@ -10,15 +10,7 @@ var _sfc_main = /* @__PURE__ */ 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: stepsProps,
   emits: stepsEmits,
   setup(__props, { emit: __emit }) {
     const props = __props;

package/es/components/steps/src/steps.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"steps.vue2.mjs","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":["_createElementBlock","_normalizeClass","_unref","_renderSlot","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAOd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,EAAA,GAAK,aAAa,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,GAAI,kBAAA,CAAkC,kBAAA,EAAmB,EAAI,QAAQ,CAAA;AAErE,IAAA,KAAA,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,IAAA,OAAA,CAAQ,qBAAqB,EAAE,KAAA,EAAO,KAAA,EAAO,OAAA,EAAS,YAAY,CAAA;AAElE,IAAA,KAAA;AAAA,MACE,MAAM,KAAA,CAAM,MAAA;AAAA,MACZ,CAAC,QAAgB,MAAA,KAAmB;AAClC,QAAA,IAAA,CAAK,YAAA,EAAc,QAAQ,MAAM,CAAA;AAAA,MACnC;AAAA,KACF;;0BAlDEA,kBAAA;AAAA,QAGM,KAAA;AAAA,QAAA;AAAA,UAHA,OAAKC,cAAA,CAAA,CAAGC,MAAA,EAAA,CAAA,CAAG,GAAC,EAAIA,KAAA,CAAA,EAAA,CAAA,CAAG,EAAE,OAAA,CAAA,MAAA,GAAM,WAAc,OAAA,CAAA,SAAS,CAAA,CAAA;AAAA;;UACtDC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,UACRC,WAAA,CAAgBF,KAAA,CAAA,WAAA,CAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"steps.vue2.mjs","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":["_createElementBlock","_normalizeClass","_unref","_renderSlot","_createVNode"],"mappings":";;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAOd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,EAAA,GAAK,aAAa,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,GAAI,kBAAA,CAAkC,kBAAA,EAAmB,EAAI,QAAQ,CAAA;AAErE,IAAA,KAAA,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,IAAA,OAAA,CAAQ,qBAAqB,EAAE,KAAA,EAAO,KAAA,EAAO,OAAA,EAAS,YAAY,CAAA;AAElE,IAAA,KAAA;AAAA,MACE,MAAM,KAAA,CAAM,MAAA;AAAA,MACZ,CAAC,QAAgB,MAAA,KAAmB;AAClC,QAAA,IAAA,CAAK,YAAA,EAAc,QAAQ,MAAM,CAAA;AAAA,MACnC;AAAA,KACF;;0BAlDEA,kBAAA;AAAA,QAGM,KAAA;AAAA,QAAA;AAAA,UAHA,OAAKC,cAAA,CAAA,CAAGC,MAAA,EAAA,CAAA,CAAG,GAAC,EAAIA,KAAA,CAAA,EAAA,CAAA,CAAG,EAAE,OAAA,CAAA,MAAA,GAAM,WAAc,OAAA,CAAA,SAAS,CAAA,CAAA;AAAA;;UACtDC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,UACRC,WAAA,CAAgBF,KAAA,CAAA,WAAA,CAAA;AAAA;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
+import { switchEmits, switchProps } from './switch.mjs';
 import { defineComponent, computed, ref, shallowRef, watch, onMounted, createElementBlock, openBlock, withModifiers, normalizeClass, createElementVNode, createCommentVNode, withKeys, unref, renderSlot, createBlock, withCtx, resolveDynamicComponent, toDisplayString, normalizeStyle, createVNode, nextTick } from 'vue';
 import { ElIcon } from '../../icon/index.mjs';
 import { Loading } from '@element-plus/icons-vue';
-import { switchEmits } from './switch.mjs';
 import { useFormItem, useFormItemInputId } from '../../form/src/hooks/use-form-item.mjs';
 import { useFormSize, useFormDisabled } from '../../form/src/hooks/use-form-common-props.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
@@ -22,28 +22,7 @@ var _sfc_main = /* @__PURE__ */ 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: switchProps,
   emits: switchEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;

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

@@ -1 +1 @@
-{"version":3,"file":"switch.vue2.mjs","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":["_createElementBlock","_createElementVNode","_unref","_normalizeClass","$slots","_renderSlot","_createBlock","_openBlock","_resolveDynamicComponent","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;AA+GA,MAAM,cAAA,GAAiB,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKvB,IAAA,MAAM,KAAA,GAAQ,OAAA;AAWd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,EAAE,QAAA,EAAS,GAAI,WAAA,EAAY;AACjC,IAAA,MAAM,aAAa,WAAA,EAAY;AAC/B,IAAA,MAAM,EAAA,GAAK,aAAa,QAAQ,CAAA;AAEhC,IAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,kBAAA,CAAmB,KAAA,EAAO;AAAA,MAC5C,eAAA,EAAiB;AAAA,KAClB,CAAA;AAED,IAAA,MAAM,cAAA,GAAiB,eAAA;AAAA,MACrB,SAAS,MAAM;AACb,QAAA,IAAI,MAAM,OAAA,EAAS;AACjB,UAAA,OAAO,IAAA;AAAA,QACT;AACA,QAAA,OAAO,MAAA;AAAA,MACT,CAAC;AAAA,KACH;AACA,IAAA,MAAM,YAAA,GAAe,GAAA,CAAI,KAAA,CAAM,UAAA,KAAe,KAAK,CAAA;AACnD,IAAA,MAAM,QAAQ,UAAA,EAA6B;AAE3C,IAAA,MAAM,SAAA,GAAY,SAAS,MAAM;AAAA,MAC/B,GAAG,CAAA,EAAE;AAAA,MACL,EAAA,CAAG,CAAA,CAAE,UAAA,CAAW,KAAK,CAAA;AAAA,MACrB,EAAA,CAAG,EAAA,CAAG,UAAA,EAAY,cAAA,CAAe,KAAK,CAAA;AAAA,MACtC,EAAA,CAAG,EAAA,CAAG,SAAA,EAAW,OAAA,CAAQ,KAAK;AAAA,KAC/B,CAAA;AAED,IAAA,MAAM,YAAA,GAAe,SAAS,MAAM;AAAA,MAClC,EAAA,CAAG,EAAE,OAAO,CAAA;AAAA,MACZ,EAAA,CAAG,EAAA,CAAG,OAAA,EAAS,MAAM,CAAA;AAAA,MACrB,EAAA,CAAG,EAAA,CAAG,QAAA,EAAU,CAAC,QAAQ,KAAK;AAAA,KAC/B,CAAA;AAED,IAAA,MAAM,aAAA,GAAgB,SAAS,MAAM;AAAA,MACnC,EAAA,CAAG,EAAE,OAAO,CAAA;AAAA,MACZ,EAAA,CAAG,EAAA,CAAG,OAAA,EAAS,OAAO,CAAA;AAAA,MACtB,EAAA,CAAG,EAAA,CAAG,QAAA,EAAU,OAAA,CAAQ,KAAK;AAAA,KAC9B,CAAA;AAED,IAAA,MAAM,SAAA,GAAY,SAAwB,OAAO;AAAA,MAC/C,KAAA,EAAO,OAAA,CAAQ,KAAA,CAAM,KAAK;AAAA,KAC5B,CAAE,CAAA;AAEF,IAAA,KAAA;AAAA,MACE,MAAM,KAAA,CAAM,UAAA;AAAA,MACZ,MAAM;AACJ,QAAA,YAAA,CAAa,KAAA,GAAQ,IAAA;AAAA,MACvB;AAAA,KACF;AAEA,IAAA,MAAM,WAAA,GAAc,SAAS,MAAM;AACjC,MAAA,OAAO,YAAA,CAAa,KAAA,GAAQ,KAAA,CAAM,UAAA,GAAa,KAAA;AAAA,IACjD,CAAC,CAAA;AAED,IAAA,MAAM,UAAU,QAAA,CAAS,MAAM,WAAA,CAAY,KAAA,KAAU,MAAM,WAAW,CAAA;AAEtE,IAAA,IAAI,CAAC,CAAC,KAAA,CAAM,WAAA,EAAa,KAAA,CAAM,aAAa,CAAA,CAAE,QAAA,CAAS,WAAA,CAAY,KAAK,CAAA,EAAG;AACzE,MAAA,IAAA,CAAK,kBAAA,EAAoB,MAAM,aAAa,CAAA;AAC5C,MAAA,IAAA,CAAK,YAAA,EAAc,MAAM,aAAa,CAAA;AACtC,MAAA,IAAA,CAAK,WAAA,EAAa,MAAM,aAAa,CAAA;AAAA,IACvC;AAEA,IAAA,KAAA,CAAM,OAAA,EAAS,CAAC,GAAA,KAAQ;;AACtB,MAAA,KAAA,CAAM,MAAO,OAAA,GAAU,GAAA;AAEvB,MAAA,IAAI,MAAM,aAAA,EAAe;AACvB,QAAA,CAAA,EAAA,GAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAU,aAAV,IAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,QAAA,EAAqB,QAAA,CAAA,CAAU,MAAM,CAAC,GAAA,KAAQ,UAAU,GAAG,CAAA,CAAA;AAAA,MAC7D;AAAA,IACF,CAAC,CAAA;AAED,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,MAAM,GAAA,GAAM,OAAA,CAAQ,KAAA,GAAQ,KAAA,CAAM,gBAAgB,KAAA,CAAM,WAAA;AACxD,MAAA,IAAA,CAAK,oBAAoB,GAAG,CAAA;AAC5B,MAAA,IAAA,CAAK,cAAc,GAAG,CAAA;AACtB,MAAA,IAAA,CAAK,aAAa,GAAG,CAAA;AACrB,MAAA,QAAA,CAAS,MAAM;AACb,QAAA,KAAA,CAAM,KAAA,CAAO,UAAU,OAAA,CAAQ,KAAA;AAAA,MACjC,CAAC,CAAA;AAAA,IACH,CAAA;AAEA,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,IAAI,eAAe,KAAA,EAAO;AAE1B,MAAA,MAAM,EAAE,cAAa,GAAI,KAAA;AACzB,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,YAAA,EAAa;AACb,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,eAAe,YAAA,EAAa;AAElC,MAAA,MAAM,eAAA,GAAkB;AAAA,QACtB,UAAU,YAAY,CAAA;AAAA,QACtB,UAAU,YAAY;AAAA,OACxB,CAAE,SAAS,IAAI,CAAA;AACf,MAAA,IAAI,CAAC,eAAA,EAAiB;AACpB,QAAA,UAAA;AAAA,UACE,cAAA;AAAA,UACA;AAAA,SACF;AAAA,MACF;AAEA,MAAA,IAAI,SAAA,CAAU,YAAY,CAAA,EAAG;AAC3B,QAAA,YAAA,CACG,IAAA,CAAK,CAAC,MAAA,KAAW;AAChB,UAAA,IAAI,MAAA,EAAQ;AACV,YAAA,YAAA,EAAa;AAAA,UACf;AAAA,QACF,CAAC,CAAA,CACA,KAAA,CAAM,CAAC,CAAA,KAAM;AACZ,UAAA,SAAA,CAAU,cAAA,EAAgB,CAAA,qBAAA,EAAwB,CAAC,CAAA,CAAE,CAAA;AAAA,QACvD,CAAC,CAAA;AAAA,MACL,WAAW,YAAA,EAAc;AACvB,QAAA,YAAA,EAAa;AAAA,MACf;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,QAAQ,MAAY;;AACxB,MAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAM,KAAA,KAAN,mBAAa,KAAA,KAAb,IAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA;AAAA,IACF,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,KAAA,CAAM,KAAA,CAAO,UAAU,OAAA,CAAQ,KAAA;AAAA,IACjC,CAAC,CAAA;AAED,IAAA,QAAA,CAAa;AAAA;AAAA;AAAA;AAAA,MAIX,KAAA;AAAA;AAAA;AAAA;AAAA,MAIA;AAAA,KACD,CAAA;;0BArQCA,kBAAA;AAAA,QA+EM,KAAA;AAAA,QAAA;AAAA,UA/EA,KAAA,iBAAO,SAAA,CAAA,KAAS,CAAA;AAAA,UAAG,OAAA,gBAAe,WAAA,EAAW,CAAA,SAAA,CAAA;AAAA;;UACjDC,mBAgBE,OAAA,EAAA;AAAA,YAfC,EAAA,EAAIC,MAAA,OAAA,CAAA;AAAA,qBACD,OAAA;AAAA,YAAJ,GAAA,EAAI,KAAA;AAAA,YACH,OAAKC,cAAA,CAAED,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,YACZ,IAAA,EAAK,UAAA;AAAA,YACL,IAAA,EAAK,QAAA;AAAA,YACJ,gBAAc,OAAA,CAAA,KAAA;AAAA,YACd,eAAA,EAAeA,MAAA,cAAA,CAAA;AAAA,YACf,cAAY,OAAA,CAAA,SAAA;AAAA,YACZ,MAAM,OAAA,CAAA,IAAA;AAAA,YACN,cAAY,OAAA,CAAA,WAAA;AAAA,YACZ,eAAa,OAAA,CAAA,aAAA;AAAA,YACb,QAAA,EAAUA,MAAA,cAAA,CAAA;AAAA,YACV,UAAU,OAAA,CAAA,QAAA;AAAA,YACV,QAAA,EAAQ,YAAA;AAAA,YACR,SAAA,WAAe,WAAA,EAAW,CAAA,OAAA,CAAA;AAAA;UAGpB,CAAA,OAAA,CAAA,YAAA,KAAiB,OAAA,CAAA,YAAA,IAAgB,OAAA,iBAAgBE,IAAAA,CAAAA,MAAAA,CAAO,QAAA,CAAA,iBADjEJ,kBAAA;AAAA,YAYO,MAAA;AAAA,YAAA;AAAA;cAVJ,KAAA,iBAAO,YAAA,CAAA,KAAY;AAAA;;cAEpBK,WAOO,IAAA,yBAPP,MAOO;AAAA,gBANU,OAAA,CAAA,YAAA,iBAAfC,WAAA,CAEUJ,KAAA,CAAA,MAAA,CAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,mCADR,MAAgC;AAAA,qBAAhCK,WAAA,EAAAD,WAAA,CAAgCE,uBAAA,CAAhB,OAAA,CAAA,YAAY,CAAA,CAAA;AAAA;;;;gBAEjB,CAAA,QAAA,YAAA,IAAgB,OAAA,CAAA,6BAA7BR,mBAES,MAAA,EAAA;AAAA;kBAFmC,eAAa,OAAA,CAAA;AAAA,mCACvD,OAAA,CAAA,YAAY,CAAA,EAAA,GAAA,UAAA,CAAA;;;;;;UAIlBC,kBAAA;AAAA,YAkCO,MAAA;AAAA,YAAA;AAAA,cAlCA,OAAKE,cAAA,CAAED,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,MAAA,CAAA,CAAA;AAAA,cAAW,KAAA,iBAAO,SAAA,CAAA,KAAS;AAAA;;cAChC,OAAA,CAAA,YAAA,iBAAXF,kBAAA;AAAA,gBAiBM,KAAA;AAAA,gBAAA;AAAA;kBAjBoB,OAAKG,cAAA,CAAED,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA;;mBACvB,OAAA,CAAA,KAAA,iBAAZF,kBAAA;AAAA,oBAOM,KAAA;AAAA,oBAAA;AAAA;sBAPgB,OAAKG,cAAA,CAAED,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,eAAA,CAAA;AAAA;;sBAC/BG,WAKO,IAAA,yBALP,MAKO;AAAA,wBAJU,OAAA,CAAA,YAAA,iBAAfC,WAAA,CAEUJ,KAAA,CAAA,MAAA,CAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,2CADR,MAAgC;AAAA,6BAAhCK,WAAA,EAAAD,WAAA,CAAgCE,uBAAA,CAAhB,OAAA,CAAA,YAAY,CAAA,CAAA;AAAA;;;;wBAEjB,CAAA,OAAA,CAAA,YAAA,IAAgB,OAAA,CAAA,YAAA,IAA7BD,WAAA,EAAAP,kBAAA;AAAA,0BAAoE,MAAA;AAAA;0CAAtB,QAAA,YAAY,CAAA;AAAA,0BAAA;AAAA;AAAA,yBAAA;;;;;qCAG9DA,kBAAA;AAAA,oBAOM,KAAA;AAAA,oBAAA;AAAA;sBAPO,OAAKG,cAAA,CAAED,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,eAAA,CAAA;AAAA;;sBACtBG,WAKO,IAAA,uBALP,MAKO;AAAA,wBAJU,OAAA,CAAA,UAAA,iBAAfC,WAAA,CAEUJ,KAAA,CAAA,MAAA,CAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,2CADR,MAA8B;AAAA,6BAA9BK,WAAA,EAAAD,WAAA,CAA8BE,uBAAA,CAAd,OAAA,CAAA,UAAU,CAAA,CAAA;AAAA;;;;wBAEf,CAAA,OAAA,CAAA,UAAA,IAAc,OAAA,CAAA,UAAA,IAA3BD,WAAA,EAAAP,kBAAA;AAAA,0BAA8D,MAAA;AAAA;0CAApB,QAAA,UAAU,CAAA;AAAA,0BAAA;AAAA;AAAA,yBAAA;;;;;;;;;;cAI1DC,kBAAA;AAAA,gBAcM,KAAA;AAAA,gBAAA;AAAA,kBAdA,OAAKE,cAAA,CAAED,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,QAAA,CAAA;AAAA;;kBACA,QAAA,OAAA,iBAAfI,WAAA,CAEUJ,KAAA,CAAA,MAAA,CAAA,EAAA;AAAA;oBAFe,OAAKC,cAAA,CAAED,KAAA,CAAA,EAAA,CAAA,CAAG,EAAA,CAAE,SAAA,CAAA;AAAA;qCACnC,MAAW;AAAA,sBAAXO,WAAA,CAAWP,KAAA,CAAA,OAAA,CAAA;AAAA;;;sCAEI,OAAA,CAAA,KAAA,GAAjBG,UAAA,CAIO,IAAA,sCAJP,MAIO;AAAA,oBAHU,OAAA,CAAA,gBAAA,iBAAfC,WAAA,CAEUJ,KAAA,CAAA,MAAA,CAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,uCADR,MAAoC;AAAA,yBAApCK,WAAA,EAAAD,WAAA,CAAoCE,uBAAA,CAApB,OAAA,CAAA,gBAAgB,CAAA,CAAA;AAAA;;;;wBAGlB,OAAA,CAAA,KAAA,GAAlBH,UAAA,CAIO,IAAA,wCAJP,MAIO;AAAA,oBAHU,OAAA,CAAA,kBAAA,iBAAfC,WAAA,CAEUJ,KAAA,CAAA,MAAA,CAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,uCADR,MAAsC;AAAA,yBAAtCK,WAAA,EAAAD,WAAA,CAAsCE,uBAAA,CAAtB,OAAA,CAAA,kBAAkB,CAAA,CAAA;AAAA;;;;;;;;;;;;;UAMjC,CAAA,OAAA,CAAA,YAAA,KAAiB,OAAA,CAAA,UAAA,IAAc,OAAA,eAAcJ,IAAAA,CAAAA,MAAAA,CAAO,MAAA,CAAA,iBAD7DJ,kBAAA;AAAA,YAYO,MAAA;AAAA,YAAA;AAAA;cAVJ,KAAA,iBAAO,aAAA,CAAA,KAAa;AAAA;;cAErBK,WAOO,IAAA,uBAPP,MAOO;AAAA,gBANU,OAAA,CAAA,UAAA,iBAAfC,WAAA,CAEUJ,KAAA,CAAA,MAAA,CAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,mCADR,MAA8B;AAAA,qBAA9BK,WAAA,EAAAD,WAAA,CAA8BE,uBAAA,CAAd,OAAA,CAAA,UAAU,CAAA,CAAA;AAAA;;;;gBAEf,CAAA,QAAA,UAAA,IAAc,OAAA,CAAA,2BAA3BR,mBAES,MAAA,EAAA;AAAA;kBAF+B,aAAA,GAAc,OAAA,CAAA;AAAA,mCACpD,OAAA,CAAA,UAAU,CAAA,EAAA,GAAA,UAAA,CAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"switch.vue2.mjs","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":["_createElementBlock","_createElementVNode","_unref","_normalizeClass","$slots","_renderSlot","_createBlock","_openBlock","_resolveDynamicComponent","_createVNode"],"mappings":"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"}

package/es/components/tabs/src/tab-bar.vue2.mjs

@@ -1,3 +1,4 @@
+import { tabBarProps } from './tab-bar.mjs';
 import { defineComponent, inject, ref, computed, watch, nextTick, onBeforeUnmount, createElementBlock, createCommentVNode, openBlock, normalizeStyle, normalizeClass, unref } from 'vue';
 import { useResizeObserver } from '@vueuse/core';
 import { tabsRootContextKey } from './constants.mjs';
@@ -12,10 +13,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: COMPONENT_NAME
   },
   __name: "tab-bar",
-  props: {
-    tabs: { type: Array, required: false, default: () => [] },
-    tabRefs: { type: Object, required: false, default: () => ({}) }
-  },
+  props: tabBarProps,
   setup(__props, { expose: __expose }) {
     const props = __props;
     const rootTabs = inject(tabsRootContextKey);

package/es/components/tabs/src/tab-bar.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bar.vue2.mjs","sources":["../../../../../../packages/components/tabs/src/tab-bar.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"renderActiveBar\"\n    ref=\"barRef\"\n    :class=\"[ns.e('active-bar'), ns.is(rootTabs!.props.tabPosition)]\"\n    :style=\"barStyle\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onBeforeUnmount, ref, watch } from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { capitalize, isUndefined, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\n\nimport type { TabBarProps } from './tab-bar'\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElTabBar'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<TabBarProps>(), {\n  tabs: () => [],\n  tabRefs: () => ({}),\n})\n\nconst rootTabs = inject(tabsRootContextKey)\nif (!rootTabs) throwError(COMPONENT_NAME, '<el-tabs><el-tab-bar /></el-tabs>')\n\nconst ns = useNamespace('tabs')\n\nconst barRef = ref<HTMLDivElement>()\nconst barStyle = ref<CSSProperties>()\n/**\n * when defaultValue is not set, the bar is always shown.\n *\n * when defaultValue is set, the bar will be hidden until style is calculated\n * to avoid the bar showing in the wrong position on initial render.\n */\nconst renderActiveBar = computed(\n  () =>\n    isUndefined(rootTabs.props.defaultValue) ||\n    Boolean(barStyle.value?.transform)\n)\n\nconst getBarStyle = (): CSSProperties => {\n  let offset = 0\n  let tabSize = 0\n\n  const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n    ? 'width'\n    : 'height'\n  const sizeDir = sizeName === 'width' ? 'x' : 'y'\n  const position = sizeDir === 'x' ? 'left' : 'top'\n\n  props.tabs.every((tab) => {\n    if (isUndefined(tab.paneName)) return false\n    const $el = props.tabRefs[tab.paneName]\n    if (!$el) return false\n\n    if (!tab.active) {\n      return true\n    }\n\n    offset = $el[`offset${capitalize(position)}`]\n    tabSize = $el[`client${capitalize(sizeName)}`]\n\n    const tabStyles = window.getComputedStyle($el)\n\n    if (sizeName === 'width') {\n      tabSize -=\n        Number.parseFloat(tabStyles.paddingLeft) +\n        Number.parseFloat(tabStyles.paddingRight)\n      offset += Number.parseFloat(tabStyles.paddingLeft)\n    }\n    return false\n  })\n\n  return {\n    [sizeName]: `${tabSize}px`,\n    transform: `translate${capitalize(sizeDir)}(${offset}px)`,\n  }\n}\n\nconst update = () => (barStyle.value = getBarStyle())\n\nconst tabObservers = [] as ReturnType<typeof useResizeObserver>[]\nconst observerTabs = () => {\n  tabObservers.forEach((observer) => observer.stop())\n  tabObservers.length = 0\n\n  Object.values(props.tabRefs).forEach((tab) => {\n    tabObservers.push(useResizeObserver(tab, update))\n  })\n}\n\nwatch(\n  () => props.tabs,\n  async () => {\n    await nextTick()\n    update()\n\n    observerTabs()\n  },\n  { immediate: true }\n)\nconst barObserver = useResizeObserver(barRef, () => update())\n\nonBeforeUnmount(() => {\n  tabObservers.forEach((observer) => observer.stop())\n  tabObservers.length = 0\n  barObserver.stop()\n})\n\ndefineExpose({\n  /** @description tab root html element */\n  ref: barRef,\n  /** @description method to manually update tab bar style */\n  update,\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref"],"mappings":"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"}
+{"version":3,"file":"tab-bar.vue2.mjs","sources":["../../../../../../packages/components/tabs/src/tab-bar.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"renderActiveBar\"\n    ref=\"barRef\"\n    :class=\"[ns.e('active-bar'), ns.is(rootTabs!.props.tabPosition)]\"\n    :style=\"barStyle\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onBeforeUnmount, ref, watch } from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { capitalize, isUndefined, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\n\nimport type { TabBarProps } from './tab-bar'\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElTabBar'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<TabBarProps>(), {\n  tabs: () => [],\n  tabRefs: () => ({}),\n})\n\nconst rootTabs = inject(tabsRootContextKey)\nif (!rootTabs) throwError(COMPONENT_NAME, '<el-tabs><el-tab-bar /></el-tabs>')\n\nconst ns = useNamespace('tabs')\n\nconst barRef = ref<HTMLDivElement>()\nconst barStyle = ref<CSSProperties>()\n/**\n * when defaultValue is not set, the bar is always shown.\n *\n * when defaultValue is set, the bar will be hidden until style is calculated\n * to avoid the bar showing in the wrong position on initial render.\n */\nconst renderActiveBar = computed(\n  () =>\n    isUndefined(rootTabs.props.defaultValue) ||\n    Boolean(barStyle.value?.transform)\n)\n\nconst getBarStyle = (): CSSProperties => {\n  let offset = 0\n  let tabSize = 0\n\n  const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n    ? 'width'\n    : 'height'\n  const sizeDir = sizeName === 'width' ? 'x' : 'y'\n  const position = sizeDir === 'x' ? 'left' : 'top'\n\n  props.tabs.every((tab) => {\n    if (isUndefined(tab.paneName)) return false\n    const $el = props.tabRefs[tab.paneName]\n    if (!$el) return false\n\n    if (!tab.active) {\n      return true\n    }\n\n    offset = $el[`offset${capitalize(position)}`]\n    tabSize = $el[`client${capitalize(sizeName)}`]\n\n    const tabStyles = window.getComputedStyle($el)\n\n    if (sizeName === 'width') {\n      tabSize -=\n        Number.parseFloat(tabStyles.paddingLeft) +\n        Number.parseFloat(tabStyles.paddingRight)\n      offset += Number.parseFloat(tabStyles.paddingLeft)\n    }\n    return false\n  })\n\n  return {\n    [sizeName]: `${tabSize}px`,\n    transform: `translate${capitalize(sizeDir)}(${offset}px)`,\n  }\n}\n\nconst update = () => (barStyle.value = getBarStyle())\n\nconst tabObservers = [] as ReturnType<typeof useResizeObserver>[]\nconst observerTabs = () => {\n  tabObservers.forEach((observer) => observer.stop())\n  tabObservers.length = 0\n\n  Object.values(props.tabRefs).forEach((tab) => {\n    tabObservers.push(useResizeObserver(tab, update))\n  })\n}\n\nwatch(\n  () => props.tabs,\n  async () => {\n    await nextTick()\n    update()\n\n    observerTabs()\n  },\n  { immediate: true }\n)\nconst barObserver = useResizeObserver(barRef, () => update())\n\nonBeforeUnmount(() => {\n  tabObservers.forEach((observer) => observer.stop())\n  tabObservers.length = 0\n  barObserver.stop()\n})\n\ndefineExpose({\n  /** @description tab root html element */\n  ref: barRef,\n  /** @description method to manually update tab bar style */\n  update,\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref"],"mappings":"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"}

package/es/components/tabs/src/tab-pane.vue2.mjs

@@ -1,3 +1,4 @@
+import { tabPaneProps } from './tab-pane.mjs';
 import { defineComponent, getCurrentInstance, useSlots, inject, ref, computed, watch, reactive, onBeforeUnmount, onBeforeUpdate, withDirectives, createCommentVNode, createElementBlock, openBlock, normalizeClass, unref, renderSlot, vShow } from 'vue';
 import { tabsRootContextKey } from './constants.mjs';
 import { throwError } from '../../../utils/error.mjs';
@@ -10,13 +11,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: COMPONENT_NAME
   },
   __name: "tab-pane",
-  props: {
-    label: { type: String, required: false, default: "" },
-    name: { type: [String, Number], required: false },
-    closable: { type: Boolean, required: false, default: void 0 },
-    disabled: { type: Boolean, required: false },
-    lazy: { type: Boolean, required: false }
-  },
+  props: tabPaneProps,
   setup(__props) {
     const props = __props;
     const instance = getCurrentInstance();

package/es/components/tabs/src/tab-pane.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tab-pane.vue2.mjs","sources":["../../../../../../packages/components/tabs/src/tab-pane.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"shouldBeRender\"\n    v-show=\"active\"\n    :id=\"`pane-${paneName}`\"\n    ref=\"paneRef\"\n    :class=\"ns.b()\"\n    role=\"tabpanel\"\n    :aria-hidden=\"!active\"\n    :aria-labelledby=\"`tab-${paneName}`\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onBeforeUpdate,\n  reactive,\n  ref,\n  useSlots,\n  watch,\n} from 'vue'\nimport { throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\n\nimport type { TabPaneProps } from './tab-pane'\n\nconst COMPONENT_NAME = 'ElTabPane'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<TabPaneProps>(), {\n  label: '',\n  closable: undefined,\n})\n\nconst instance = getCurrentInstance()!\nconst slots = useSlots()\n\nconst tabsRoot = inject(tabsRootContextKey)\nif (!tabsRoot)\n  throwError(COMPONENT_NAME, 'usage: <el-tabs><el-tab-pane /></el-tabs/>')\n\nconst ns = useNamespace('tab-pane')\n\nconst paneRef = ref<HTMLDivElement>()\nconst index = ref<string>()\nconst isClosable = computed(() => props.closable ?? tabsRoot.props.closable)\nconst active = computed(\n  () => tabsRoot.currentName.value === (props.name ?? index.value)\n)\nconst loaded = ref(active.value)\nconst paneName = computed(() => props.name ?? index.value)\nconst shouldBeRender = computed(\n  () => !props.lazy || loaded.value || active.value\n)\n\nconst isFocusInsidePane = () => {\n  return paneRef.value?.contains(document.activeElement)\n}\n\nwatch(active, (val) => {\n  if (val) loaded.value = true\n})\n\nconst pane = reactive({\n  uid: instance.uid,\n  getVnode: () => instance.vnode,\n  slots,\n  props,\n  paneName,\n  active,\n  index,\n  isClosable,\n  isFocusInsidePane,\n})\n\ntabsRoot.registerPane(pane)\n\nonBeforeUnmount(() => {\n  tabsRoot.unregisterPane(pane)\n})\n\nonBeforeUpdate(() => {\n  if (slots.label) tabsRoot.nav$.value?.scheduleRender()\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"tab-pane.vue2.mjs","sources":["../../../../../../packages/components/tabs/src/tab-pane.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"shouldBeRender\"\n    v-show=\"active\"\n    :id=\"`pane-${paneName}`\"\n    ref=\"paneRef\"\n    :class=\"ns.b()\"\n    role=\"tabpanel\"\n    :aria-hidden=\"!active\"\n    :aria-labelledby=\"`tab-${paneName}`\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onBeforeUpdate,\n  reactive,\n  ref,\n  useSlots,\n  watch,\n} from 'vue'\nimport { throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\n\nimport type { TabPaneProps } from './tab-pane'\n\nconst COMPONENT_NAME = 'ElTabPane'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<TabPaneProps>(), {\n  label: '',\n  closable: undefined,\n})\n\nconst instance = getCurrentInstance()!\nconst slots = useSlots()\n\nconst tabsRoot = inject(tabsRootContextKey)\nif (!tabsRoot)\n  throwError(COMPONENT_NAME, 'usage: <el-tabs><el-tab-pane /></el-tabs/>')\n\nconst ns = useNamespace('tab-pane')\n\nconst paneRef = ref<HTMLDivElement>()\nconst index = ref<string>()\nconst isClosable = computed(() => props.closable ?? tabsRoot.props.closable)\nconst active = computed(\n  () => tabsRoot.currentName.value === (props.name ?? index.value)\n)\nconst loaded = ref(active.value)\nconst paneName = computed(() => props.name ?? index.value)\nconst shouldBeRender = computed(\n  () => !props.lazy || loaded.value || active.value\n)\n\nconst isFocusInsidePane = () => {\n  return paneRef.value?.contains(document.activeElement)\n}\n\nwatch(active, (val) => {\n  if (val) loaded.value = true\n})\n\nconst pane = reactive({\n  uid: instance.uid,\n  getVnode: () => instance.vnode,\n  slots,\n  props,\n  paneName,\n  active,\n  index,\n  isClosable,\n  isFocusInsidePane,\n})\n\ntabsRoot.registerPane(pane)\n\nonBeforeUnmount(() => {\n  tabsRoot.unregisterPane(pane)\n})\n\nonBeforeUpdate(() => {\n  if (slots.label) tabsRoot.nav$.value?.scheduleRender()\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":"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"}

package/es/components/tag/src/tag.vue2.mjs

@@ -1,7 +1,7 @@
+import { tagEmits, tagProps } from './tag.mjs';
 import { defineComponent, computed, createElementBlock, createBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, unref, renderSlot, withModifiers, createVNode, withCtx, Transition } from 'vue';
 import { ElIcon } from '../../icon/index.mjs';
 import { Close } from '@element-plus/icons-vue';
-import { tagEmits } from './tag.mjs';
 import { useFormSize } from '../../form/src/hooks/use-form-common-props.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
@@ -13,16 +13,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElTag"
   },
   __name: "tag",
-  props: {
-    type: { type: String, required: false, default: "primary" },
-    closable: { type: Boolean, required: false },
-    disableTransitions: { type: Boolean, required: false },
-    hit: { type: Boolean, required: false },
-    color: { type: String, required: false },
-    size: { type: null, required: false },
-    effect: { type: String, required: false, default: "light" },
-    round: { type: Boolean, required: false }
-  },
+  props: tagProps,
   emits: tagEmits,
   setup(__props, { emit: __emit }) {
     const props = __props;

package/es/components/tag/src/tag.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tag.vue2.mjs","sources":["../../../../../../packages/components/tag/src/tag.vue"],"sourcesContent":["<template>\n  <span\n    v-if=\"disableTransitions\"\n    :class=\"containerKls\"\n    :style=\"{ backgroundColor: color }\"\n    @click=\"handleClick\"\n  >\n    <span :class=\"ns.e('content')\">\n      <slot />\n    </span>\n    <button\n      v-if=\"closable\"\n      :aria-label=\"t('el.tag.close')\"\n      :class=\"ns.e('close')\"\n      type=\"button\"\n      @click.stop=\"handleClose\"\n    >\n      <el-icon>\n        <Close />\n      </el-icon>\n    </button>\n  </span>\n  <transition\n    v-else\n    :name=\"`${ns.namespace.value}-zoom-in-center`\"\n    appear\n    @vue:mounted=\"handleVNodeMounted\"\n  >\n    <span\n      :class=\"containerKls\"\n      :style=\"{ backgroundColor: color }\"\n      @click=\"handleClick\"\n    >\n      <span :class=\"ns.e('content')\">\n        <slot />\n      </span>\n      <button\n        v-if=\"closable\"\n        :aria-label=\"t('el.tag.close')\"\n        :class=\"ns.e('close')\"\n        type=\"button\"\n        @click.stop=\"handleClose\"\n      >\n        <el-icon>\n          <Close />\n        </el-icon>\n      </button>\n    </span>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { Close } from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from '@element-plus/components/form'\nimport { tagEmits } from './tag'\n\nimport type { VNode } from 'vue'\nimport type { TagProps } from './tag'\n\ndefineOptions({\n  name: 'ElTag',\n})\nconst props = withDefaults(defineProps<TagProps>(), {\n  type: 'primary',\n  effect: 'light',\n})\nconst emit = defineEmits(tagEmits)\n\nconst tagSize = useFormSize()\nconst { t } = useLocale()\nconst ns = useNamespace('tag')\nconst containerKls = computed(() => {\n  const { type, hit, effect, closable, round } = props\n  return [\n    ns.b(),\n    ns.is('closable', closable),\n    ns.m(type || 'primary'),\n    ns.m(tagSize.value),\n    ns.m(effect),\n    ns.is('hit', hit),\n    ns.is('round', round),\n  ]\n})\n\n// methods\nconst handleClose = (event: MouseEvent) => {\n  emit('close', event)\n}\n\nconst handleClick = (event: MouseEvent) => {\n  emit('click', event)\n}\n\nconst handleVNodeMounted = (vnode: VNode) => {\n  // @ts-ignore\n  if (vnode?.component?.subTree?.component?.bum) {\n    // @ts-ignore\n    vnode.component.subTree.component.bum = null\n  }\n}\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass","_unref","_renderSlot","_createVNode","_createBlock","_Transition"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAId,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,UAAU,WAAA,EAAY;AAC5B,IAAA,MAAM,EAAE,CAAA,EAAE,GAAI,SAAA,EAAU;AACxB,IAAA,MAAM,EAAA,GAAK,aAAa,KAAK,CAAA;AAC7B,IAAA,MAAM,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,EAAE,IAAA,EAAM,GAAA,EAAK,MAAA,EAAQ,QAAA,EAAU,OAAM,GAAI,KAAA;AAC/C,MAAA,OAAO;AAAA,QACL,GAAG,CAAA,EAAE;AAAA,QACL,EAAA,CAAG,EAAA,CAAG,UAAA,EAAY,QAAQ,CAAA;AAAA,QAC1B,EAAA,CAAG,CAAA,CAAE,IAAA,IAAQ,SAAS,CAAA;AAAA,QACtB,EAAA,CAAG,CAAA,CAAE,OAAA,CAAQ,KAAK,CAAA;AAAA,QAClB,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,QACX,EAAA,CAAG,EAAA,CAAG,KAAA,EAAO,GAAG,CAAA;AAAA,QAChB,EAAA,CAAG,EAAA,CAAG,OAAA,EAAS,KAAK;AAAA,OACtB;AAAA,IACF,CAAC,CAAA;AAGD,IAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAsB;AACzC,MAAA,IAAA,CAAK,SAAS,KAAK,CAAA;AAAA,IACrB,CAAA;AAEA,IAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAsB;AACzC,MAAA,IAAA,CAAK,SAAS,KAAK,CAAA;AAAA,IACrB,CAAA;AAEA,IAAA,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAAiB;;AAE3C,MAAA,IAAA,CAAI,gDAAO,SAAA,KAAP,IAAA,GAAA,MAAA,GAAA,EAAA,CAAkB,YAAlB,IAAA,GAAA,MAAA,GAAA,EAAA,CAA2B,SAAA,KAA3B,mBAAsC,GAAA,EAAK;AAE7C,QAAA,KAAA,CAAM,SAAA,CAAU,OAAA,CAAQ,SAAA,CAAU,GAAA,GAAM,IAAA;AAAA,MAC1C;AAAA,IACF,CAAA;;aApGU,OAAA,CAAA,kBAAA,iBADRA,kBAAA;AAAA,QAoBO,MAAA;AAAA,QAAA;AAAA;UAlBJ,KAAA,iBAAO,YAAA,CAAA,KAAY,CAAA;AAAA,UACnB,yCAA0B,OAAA,CAAA,OAAK,CAAA;AAAA,UAC/B,OAAA,EAAO;AAAA;;UAERC,kBAAA;AAAA,YAEO,MAAA;AAAA,YAAA;AAAA,cAFA,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,SAAA,CAAA;AAAA;;cAChBC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;UAGF,OAAA,CAAA,QAAA,iBADRJ,mBAUS,QAAA,EAAA;AAAA;YARN,YAAA,EAAYG,KAAA,CAAA,CAAA,CAAA,CAAC,cAAA,CAAA;AAAA,YACb,OAAKD,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,YACZ,IAAA,EAAK,QAAA;AAAA,YACJ,OAAA,gBAAY,WAAA,EAAW,CAAA,MAAA,CAAA;AAAA;YAExBE,WAAA,CAEUF,KAAA,CAAA,MAAA,CAAA,EAAA,IAAA,EAAA;AAAA,+BADR,MAAS;AAAA,gBAATE,WAAA,CAASF,KAAA,CAAA,KAAA,CAAA;AAAA;;;;;;;;yBAIfG,WAAA,CA0BaC,UAAA,EAAA;AAAA;QAxBV,MAAI,CAAA,EAAKJ,KAAA,CAAA,EAAA,CAAA,CAAG,UAAU,KAAK,CAAA,eAAA,CAAA;AAAA,QAC5B,MAAA,EAAA,EAAA;AAAA,QACC,cAAA,EAAa;AAAA;yBAEd,MAmBO;AAAA,UAnBPF,kBAAA;AAAA,YAmBO,MAAA;AAAA,YAAA;AAAA,cAlBJ,KAAA,iBAAO,YAAA,CAAA,KAAY,CAAA;AAAA,cACnB,yCAA0B,OAAA,CAAA,OAAK,CAAA;AAAA,cAC/B,OAAA,EAAO;AAAA;;cAERA,kBAAA;AAAA,gBAEO,MAAA;AAAA,gBAAA;AAAA,kBAFA,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,SAAA,CAAA;AAAA;;kBAChBC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;cAGF,OAAA,CAAA,QAAA,iBADRJ,mBAUS,QAAA,EAAA;AAAA;gBARN,YAAA,EAAYG,KAAA,CAAA,CAAA,CAAA,CAAC,cAAA,CAAA;AAAA,gBACb,OAAKD,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,gBACZ,IAAA,EAAK,QAAA;AAAA,gBACJ,OAAA,gBAAY,WAAA,EAAW,CAAA,MAAA,CAAA;AAAA;gBAExBE,WAAA,CAEUF,KAAA,CAAA,MAAA,CAAA,EAAA,IAAA,EAAA;AAAA,mCADR,MAAS;AAAA,oBAATE,WAAA,CAASF,KAAA,CAAA,KAAA,CAAA;AAAA;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tag.vue2.mjs","sources":["../../../../../../packages/components/tag/src/tag.vue"],"sourcesContent":["<template>\n  <span\n    v-if=\"disableTransitions\"\n    :class=\"containerKls\"\n    :style=\"{ backgroundColor: color }\"\n    @click=\"handleClick\"\n  >\n    <span :class=\"ns.e('content')\">\n      <slot />\n    </span>\n    <button\n      v-if=\"closable\"\n      :aria-label=\"t('el.tag.close')\"\n      :class=\"ns.e('close')\"\n      type=\"button\"\n      @click.stop=\"handleClose\"\n    >\n      <el-icon>\n        <Close />\n      </el-icon>\n    </button>\n  </span>\n  <transition\n    v-else\n    :name=\"`${ns.namespace.value}-zoom-in-center`\"\n    appear\n    @vue:mounted=\"handleVNodeMounted\"\n  >\n    <span\n      :class=\"containerKls\"\n      :style=\"{ backgroundColor: color }\"\n      @click=\"handleClick\"\n    >\n      <span :class=\"ns.e('content')\">\n        <slot />\n      </span>\n      <button\n        v-if=\"closable\"\n        :aria-label=\"t('el.tag.close')\"\n        :class=\"ns.e('close')\"\n        type=\"button\"\n        @click.stop=\"handleClose\"\n      >\n        <el-icon>\n          <Close />\n        </el-icon>\n      </button>\n    </span>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { Close } from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from '@element-plus/components/form'\nimport { tagEmits } from './tag'\n\nimport type { VNode } from 'vue'\nimport type { TagProps } from './tag'\n\ndefineOptions({\n  name: 'ElTag',\n})\nconst props = withDefaults(defineProps<TagProps>(), {\n  type: 'primary',\n  effect: 'light',\n})\nconst emit = defineEmits(tagEmits)\n\nconst tagSize = useFormSize()\nconst { t } = useLocale()\nconst ns = useNamespace('tag')\nconst containerKls = computed(() => {\n  const { type, hit, effect, closable, round } = props\n  return [\n    ns.b(),\n    ns.is('closable', closable),\n    ns.m(type || 'primary'),\n    ns.m(tagSize.value),\n    ns.m(effect),\n    ns.is('hit', hit),\n    ns.is('round', round),\n  ]\n})\n\n// methods\nconst handleClose = (event: MouseEvent) => {\n  emit('close', event)\n}\n\nconst handleClick = (event: MouseEvent) => {\n  emit('click', event)\n}\n\nconst handleVNodeMounted = (vnode: VNode) => {\n  // @ts-ignore\n  if (vnode?.component?.subTree?.component?.bum) {\n    // @ts-ignore\n    vnode.component.subTree.component.bum = null\n  }\n}\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass","_unref","_renderSlot","_createVNode","_createBlock","_Transition"],"mappings":"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"}

package/es/components/text/src/text.vue2.mjs

@@ -1,3 +1,4 @@
+import { textProps } from './text.mjs';
 import { defineComponent, ref, computed, onMounted, onUpdated, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, renderSlot, useAttrs } from 'vue';
 import { useFormSize } from '../../form/src/hooks/use-form-common-props.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
@@ -8,13 +9,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElText"
   },
   __name: "text",
-  props: {
-    type: { type: String, required: false, default: "" },
-    size: { type: null, required: false, default: "" },
-    truncated: { type: Boolean, required: false },
-    lineClamp: { type: [Number, String], required: false },
-    tag: { type: String, required: false, default: "span" }
-  },
+  props: textProps,
   setup(__props) {
     const props = __props;
     const textRef = ref();

package/es/components/text/src/text.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"text.vue2.mjs","sources":["../../../../../../packages/components/text/src/text.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"tag\"\n    ref=\"textRef\"\n    :class=\"textKls\"\n    :style=\"{ '-webkit-line-clamp': lineClamp }\"\n  >\n    <slot />\n  </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, onUpdated, ref, useAttrs } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from '@element-plus/components/form'\nimport { isUndefined } from '@element-plus/utils'\n\nimport type { TextProps } from './text'\n\ndefineOptions({\n  name: 'ElText',\n})\n\nconst props = withDefaults(defineProps<TextProps>(), {\n  type: '',\n  size: '',\n  tag: 'span',\n})\nconst textRef = ref<HTMLElement>()\n\nconst textSize = useFormSize()\nconst ns = useNamespace('text')\n\nconst textKls = computed(() => [\n  ns.b(),\n  ns.m(props.type),\n  ns.m(textSize.value),\n  ns.is('truncated', props.truncated),\n  ns.is('line-clamp', !isUndefined(props.lineClamp)),\n])\n\nconst bindTitle = () => {\n  const inheritTitle = useAttrs().title\n\n  if (inheritTitle) return\n  let shouldAddTitle = false\n  const text = textRef.value?.textContent || ''\n\n  if (props.truncated) {\n    const width = textRef.value?.offsetWidth\n    const scrollWidth = textRef.value?.scrollWidth\n    if (width && scrollWidth && scrollWidth > width) {\n      shouldAddTitle = true\n    }\n  } else if (!isUndefined(props.lineClamp)) {\n    const height = textRef.value?.offsetHeight\n    const scrollHeight = textRef.value?.scrollHeight\n    if (height && scrollHeight && scrollHeight > height) {\n      shouldAddTitle = true\n    }\n  }\n\n  if (shouldAddTitle) {\n    textRef.value?.setAttribute('title', text)\n  } else {\n    textRef.value?.removeAttribute('title')\n  }\n}\n\nonMounted(bindTitle)\nonUpdated(bindTitle)\n</script>\n"],"names":["_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;AAuBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAKd,IAAA,MAAM,UAAU,GAAA,EAAiB;AAEjC,IAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,IAAA,MAAM,EAAA,GAAK,aAAa,MAAM,CAAA;AAE9B,IAAA,MAAM,OAAA,GAAU,SAAS,MAAM;AAAA,MAC7B,GAAG,CAAA,EAAE;AAAA,MACL,EAAA,CAAG,CAAA,CAAE,KAAA,CAAM,IAAI,CAAA;AAAA,MACf,EAAA,CAAG,CAAA,CAAE,QAAA,CAAS,KAAK,CAAA;AAAA,MACnB,EAAA,CAAG,EAAA,CAAG,WAAA,EAAa,KAAA,CAAM,SAAS,CAAA;AAAA,MAClC,GAAG,EAAA,CAAG,YAAA,EAAc,CAAC,WAAA,CAAY,KAAA,CAAM,SAAS,CAAC;AAAA,KAClD,CAAA;AAED,IAAA,MAAM,YAAY,MAAM;;AACtB,MAAA,MAAM,YAAA,GAAe,UAAS,CAAE,KAAA;AAEhC,MAAA,IAAI,YAAA,EAAc;AAClB,MAAA,IAAI,cAAA,GAAiB,KAAA;AACrB,MAAA,MAAM,IAAA,GAAA,CAAA,CAAO,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,WAAA,KAAe,EAAA;AAE3C,MAAA,IAAI,MAAM,SAAA,EAAW;AACnB,QAAA,MAAM,KAAA,GAAA,CAAQ,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,WAAA;AAC7B,QAAA,MAAM,WAAA,GAAA,CAAc,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,WAAA;AACnC,QAAA,IAAI,KAAA,IAAS,WAAA,IAAe,WAAA,GAAc,KAAA,EAAO;AAC/C,UAAA,cAAA,GAAiB,IAAA;AAAA,QACnB;AAAA,MACF,CAAA,MAAA,IAAW,CAAC,WAAA,CAAY,KAAA,CAAM,SAAS,CAAA,EAAG;AACxC,QAAA,MAAM,MAAA,GAAA,CAAS,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,YAAA;AAC9B,QAAA,MAAM,YAAA,GAAA,CAAe,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,YAAA;AACpC,QAAA,IAAI,MAAA,IAAU,YAAA,IAAgB,YAAA,GAAe,MAAA,EAAQ;AACnD,UAAA,cAAA,GAAiB,IAAA;AAAA,QACnB;AAAA,MACF;AAEA,MAAA,IAAI,cAAA,EAAgB;AAClB,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,YAAA,CAAa,OAAA,EAAS,IAAA,CAAA;AAAA,MACvC,CAAA,MAAO;AACL,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,mBAAe,eAAA,CAAgB,OAAA,CAAA;AAAA,MACjC;AAAA,IACF,CAAA;AAEA,IAAA,SAAA,CAAU,SAAS,CAAA;AACnB,IAAA,SAAA,CAAU,SAAS,CAAA;;AArEjB,MAAA,OAAAA,WAAA,EAAAC,WAAA,CAOYC,uBAAA,CANL,OAAA,CAAA,GAAG,CAAA,EAAA;AAAA,iBACJ,SAAA;AAAA,QAAJ,GAAA,EAAI,OAAA;AAAA,QACH,KAAA,iBAAO,OAAA,CAAA,KAAO,CAAA;AAAA,QACd,8CAA+B,OAAA,CAAA,WAAS;AAAA;yBAEzC,MAAQ;AAAA,UAARC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"text.vue2.mjs","sources":["../../../../../../packages/components/text/src/text.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"tag\"\n    ref=\"textRef\"\n    :class=\"textKls\"\n    :style=\"{ '-webkit-line-clamp': lineClamp }\"\n  >\n    <slot />\n  </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, onUpdated, ref, useAttrs } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from '@element-plus/components/form'\nimport { isUndefined } from '@element-plus/utils'\n\nimport type { TextProps } from './text'\n\ndefineOptions({\n  name: 'ElText',\n})\n\nconst props = withDefaults(defineProps<TextProps>(), {\n  type: '',\n  size: '',\n  tag: 'span',\n})\nconst textRef = ref<HTMLElement>()\n\nconst textSize = useFormSize()\nconst ns = useNamespace('text')\n\nconst textKls = computed(() => [\n  ns.b(),\n  ns.m(props.type),\n  ns.m(textSize.value),\n  ns.is('truncated', props.truncated),\n  ns.is('line-clamp', !isUndefined(props.lineClamp)),\n])\n\nconst bindTitle = () => {\n  const inheritTitle = useAttrs().title\n\n  if (inheritTitle) return\n  let shouldAddTitle = false\n  const text = textRef.value?.textContent || ''\n\n  if (props.truncated) {\n    const width = textRef.value?.offsetWidth\n    const scrollWidth = textRef.value?.scrollWidth\n    if (width && scrollWidth && scrollWidth > width) {\n      shouldAddTitle = true\n    }\n  } else if (!isUndefined(props.lineClamp)) {\n    const height = textRef.value?.offsetHeight\n    const scrollHeight = textRef.value?.scrollHeight\n    if (height && scrollHeight && scrollHeight > height) {\n      shouldAddTitle = true\n    }\n  }\n\n  if (shouldAddTitle) {\n    textRef.value?.setAttribute('title', text)\n  } else {\n    textRef.value?.removeAttribute('title')\n  }\n}\n\nonMounted(bindTitle)\nonUpdated(bindTitle)\n</script>\n"],"names":["_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;;;;;;;;;AAuBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAKd,IAAA,MAAM,UAAU,GAAA,EAAiB;AAEjC,IAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,IAAA,MAAM,EAAA,GAAK,aAAa,MAAM,CAAA;AAE9B,IAAA,MAAM,OAAA,GAAU,SAAS,MAAM;AAAA,MAC7B,GAAG,CAAA,EAAE;AAAA,MACL,EAAA,CAAG,CAAA,CAAE,KAAA,CAAM,IAAI,CAAA;AAAA,MACf,EAAA,CAAG,CAAA,CAAE,QAAA,CAAS,KAAK,CAAA;AAAA,MACnB,EAAA,CAAG,EAAA,CAAG,WAAA,EAAa,KAAA,CAAM,SAAS,CAAA;AAAA,MAClC,GAAG,EAAA,CAAG,YAAA,EAAc,CAAC,WAAA,CAAY,KAAA,CAAM,SAAS,CAAC;AAAA,KAClD,CAAA;AAED,IAAA,MAAM,YAAY,MAAM;;AACtB,MAAA,MAAM,YAAA,GAAe,UAAS,CAAE,KAAA;AAEhC,MAAA,IAAI,YAAA,EAAc;AAClB,MAAA,IAAI,cAAA,GAAiB,KAAA;AACrB,MAAA,MAAM,IAAA,GAAA,CAAA,CAAO,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,WAAA,KAAe,EAAA;AAE3C,MAAA,IAAI,MAAM,SAAA,EAAW;AACnB,QAAA,MAAM,KAAA,GAAA,CAAQ,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,WAAA;AAC7B,QAAA,MAAM,WAAA,GAAA,CAAc,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,WAAA;AACnC,QAAA,IAAI,KAAA,IAAS,WAAA,IAAe,WAAA,GAAc,KAAA,EAAO;AAC/C,UAAA,cAAA,GAAiB,IAAA;AAAA,QACnB;AAAA,MACF,CAAA,MAAA,IAAW,CAAC,WAAA,CAAY,KAAA,CAAM,SAAS,CAAA,EAAG;AACxC,QAAA,MAAM,MAAA,GAAA,CAAS,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,YAAA;AAC9B,QAAA,MAAM,YAAA,GAAA,CAAe,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,YAAA;AACpC,QAAA,IAAI,MAAA,IAAU,YAAA,IAAgB,YAAA,GAAe,MAAA,EAAQ;AACnD,UAAA,cAAA,GAAiB,IAAA;AAAA,QACnB;AAAA,MACF;AAEA,MAAA,IAAI,cAAA,EAAgB;AAClB,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,YAAA,CAAa,OAAA,EAAS,IAAA,CAAA;AAAA,MACvC,CAAA,MAAO;AACL,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,KAAA,KAAR,mBAAe,eAAA,CAAgB,OAAA,CAAA;AAAA,MACjC;AAAA,IACF,CAAA;AAEA,IAAA,SAAA,CAAU,SAAS,CAAA;AACnB,IAAA,SAAA,CAAU,SAAS,CAAA;;AArEjB,MAAA,OAAAA,WAAA,EAAAC,WAAA,CAOYC,uBAAA,CANL,OAAA,CAAA,GAAG,CAAA,EAAA;AAAA,iBACJ,SAAA;AAAA,QAAJ,GAAA,EAAI,OAAA;AAAA,QACH,KAAA,iBAAO,OAAA,CAAA,KAAO,CAAA;AAAA,QACd,8CAA+B,OAAA,CAAA,WAAS;AAAA;yBAEzC,MAAQ;AAAA,UAARC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}

package/es/components/time-select/src/time-select.vue2.mjs

@@ -1,9 +1,9 @@
+import { timeSelectProps } from './time-select.mjs';
 import { defineComponent, ref, computed, createBlock, openBlock, unref, withCtx, createElementBlock, Fragment, renderList, createCommentVNode, normalizeClass, resolveDynamicComponent } from 'vue';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat.js';
 import { ElSelect } from '../../select/index.mjs';
 import { ElIcon } from '../../icon/index.mjs';
-import { CircleClose, Clock } from '@element-plus/icons-vue';
 import { parseTime, formatTime, compareTime, nextTime } from './utils.mjs';
 import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
@@ -15,29 +15,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElTimeSelect"
   },
   __name: "time-select",
-  props: {
-    format: { type: String, required: false, default: "HH:mm" },
-    modelValue: { type: [String, null], required: false },
-    disabled: { type: Boolean, required: false, default: void 0 },
-    editable: { type: Boolean, required: false, default: true },
-    effect: { type: null, required: false, default: "light" },
-    clearable: { type: Boolean, required: false, default: true },
-    size: { type: null, required: false },
-    placeholder: { type: String, required: false },
-    start: { type: String, required: false, default: "09:00" },
-    end: { type: String, required: false, default: "18:00" },
-    step: { type: String, required: false, default: "00:30" },
-    minTime: { type: [String, null], required: false },
-    maxTime: { type: [String, null], required: false },
-    includeEndTime: { type: Boolean, required: false },
-    name: { type: String, required: false },
-    prefixIcon: { type: null, required: false, default: () => Clock },
-    clearIcon: { type: null, required: false, default: () => CircleClose },
-    popperClass: { type: String, required: false, default: "" },
-    popperStyle: { type: [String, Object], required: false, default: void 0 },
-    emptyValues: { type: Array, required: false },
-    valueOnClear: { type: [String, Number, Boolean, Function, null], required: false, default: void 0 }
-  },
+  props: timeSelectProps,
   emits: [CHANGE_EVENT, "blur", "focus", "clear", UPDATE_MODEL_EVENT],
   setup(__props, { expose: __expose }) {
     dayjs.extend(customParseFormat);

package/es/components/time-select/src/time-select.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"time-select.vue2.mjs","sources":["../../../../../../packages/components/time-select/src/time-select.vue"],"sourcesContent":["<template>\n  <el-select\n    ref=\"select\"\n    :model-value=\"value\"\n    :disabled=\"_disabled\"\n    :clearable=\"clearable\"\n    :clear-icon=\"clearIcon\"\n    :size=\"size\"\n    :effect=\"effect\"\n    :placeholder=\"placeholder\"\n    default-first-option\n    :filterable=\"editable\"\n    :empty-values=\"emptyValues\"\n    :value-on-clear=\"valueOnClear\"\n    :popper-class=\"popperClass\"\n    :popper-style=\"popperStyle\"\n    @update:model-value=\"(event) => $emit(UPDATE_MODEL_EVENT, event)\"\n    @change=\"(event) => $emit(CHANGE_EVENT, event)\"\n    @blur=\"(event) => $emit('blur', event)\"\n    @focus=\"(event) => $emit('focus', event)\"\n    @clear=\"() => $emit('clear')\"\n  >\n    <el-option\n      v-for=\"item in items\"\n      :key=\"item.value\"\n      :label=\"item.value\"\n      :value=\"item.value\"\n      :disabled=\"item.disabled\"\n    />\n    <template #prefix>\n      <el-icon v-if=\"prefixIcon\" :class=\"nsInput.e('prefix-icon')\">\n        <component :is=\"prefixIcon\" />\n      </el-icon>\n    </template>\n  </el-select>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js'\nimport ElSelect from '@element-plus/components/select'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport {\n  CircleClose as IconCircleClose,\n  Clock as IconClock,\n} from '@element-plus/icons-vue'\nimport { compareTime, formatTime, nextTime, parseTime } from './utils'\n\nimport type { TimeSelectProps } from './time-select'\n\ndayjs.extend(customParseFormat)\n\nconst { Option: ElOption } = ElSelect\n\ndefineOptions({\n  name: 'ElTimeSelect',\n})\n\ndefineEmits([CHANGE_EVENT, 'blur', 'focus', 'clear', UPDATE_MODEL_EVENT])\n\nconst props = withDefaults(defineProps<TimeSelectProps>(), {\n  format: 'HH:mm',\n  disabled: undefined,\n  editable: true,\n  effect: 'light',\n  clearable: true,\n  start: '09:00',\n  end: '18:00',\n  step: '00:30',\n  prefixIcon: () => IconClock,\n  clearIcon: () => IconCircleClose,\n  popperClass: '',\n  valueOnClear: undefined,\n  popperStyle: undefined,\n})\n\nconst nsInput = useNamespace('input')\nconst select = ref<typeof ElSelect>()\n\nconst _disabled = useFormDisabled()\nconst { lang } = useLocale()\n\nconst value = computed(() => props.modelValue)\nconst start = computed(() => {\n  const time = parseTime(props.start)\n  return time ? formatTime(time) : null\n})\n\nconst end = computed(() => {\n  const time = parseTime(props.end)\n  return time ? formatTime(time) : null\n})\n\nconst step = computed(() => {\n  const time = parseTime(props.step)\n  return time ? formatTime(time) : null\n})\n\nconst minTime = computed(() => {\n  const time = parseTime(props.minTime || '')\n  return time ? formatTime(time) : null\n})\n\nconst maxTime = computed(() => {\n  const time = parseTime(props.maxTime || '')\n  return time ? formatTime(time) : null\n})\n\nconst items = computed(() => {\n  const result: { value: string; disabled: boolean }[] = []\n  const push = (formattedValue: string, rawValue: string) => {\n    result.push({\n      value: formattedValue,\n      disabled:\n        compareTime(rawValue, minTime.value || '-1:-1') <= 0 ||\n        compareTime(rawValue, maxTime.value || '100:100') >= 0,\n    })\n  }\n\n  if (props.start && props.end && props.step) {\n    let current = start.value\n    let currentTime: string\n    while (current && end.value && compareTime(current, end.value) <= 0) {\n      currentTime = dayjs(current, 'HH:mm')\n        .locale(lang.value)\n        .format(props.format)\n      push(currentTime, current)\n      current = nextTime(current, step.value!)\n    }\n    if (\n      props.includeEndTime &&\n      end.value &&\n      result[result.length - 1]?.value !== end.value\n    ) {\n      const formattedValue = dayjs(end.value, 'HH:mm')\n        .locale(lang.value)\n        .format(props.format)\n      push(formattedValue, end.value)\n    }\n  }\n  return result\n})\n\nconst blur = () => {\n  select.value?.blur?.()\n}\n\nconst focus = () => {\n  select.value?.focus?.()\n}\n\ndefineExpose({\n  /**\n   * @description blur the Input component\n   */\n  blur,\n  /**\n   * @description focus the Input component\n   */\n  focus,\n})\n</script>\n"],"names":["_createBlock","_unref","$emit","_normalizeClass","_openBlock","_resolveDynamicComponent","_createElementBlock","_Fragment","_renderList"],"mappings":"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"}
+{"version":3,"file":"time-select.vue2.mjs","sources":["../../../../../../packages/components/time-select/src/time-select.vue"],"sourcesContent":["<template>\n  <el-select\n    ref=\"select\"\n    :model-value=\"value\"\n    :disabled=\"_disabled\"\n    :clearable=\"clearable\"\n    :clear-icon=\"clearIcon\"\n    :size=\"size\"\n    :effect=\"effect\"\n    :placeholder=\"placeholder\"\n    default-first-option\n    :filterable=\"editable\"\n    :empty-values=\"emptyValues\"\n    :value-on-clear=\"valueOnClear\"\n    :popper-class=\"popperClass\"\n    :popper-style=\"popperStyle\"\n    @update:model-value=\"(event) => $emit(UPDATE_MODEL_EVENT, event)\"\n    @change=\"(event) => $emit(CHANGE_EVENT, event)\"\n    @blur=\"(event) => $emit('blur', event)\"\n    @focus=\"(event) => $emit('focus', event)\"\n    @clear=\"() => $emit('clear')\"\n  >\n    <el-option\n      v-for=\"item in items\"\n      :key=\"item.value\"\n      :label=\"item.value\"\n      :value=\"item.value\"\n      :disabled=\"item.disabled\"\n    />\n    <template #prefix>\n      <el-icon v-if=\"prefixIcon\" :class=\"nsInput.e('prefix-icon')\">\n        <component :is=\"prefixIcon\" />\n      </el-icon>\n    </template>\n  </el-select>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js'\nimport ElSelect from '@element-plus/components/select'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport {\n  CircleClose as IconCircleClose,\n  Clock as IconClock,\n} from '@element-plus/icons-vue'\nimport { compareTime, formatTime, nextTime, parseTime } from './utils'\n\nimport type { TimeSelectProps } from './time-select'\n\ndayjs.extend(customParseFormat)\n\nconst { Option: ElOption } = ElSelect\n\ndefineOptions({\n  name: 'ElTimeSelect',\n})\n\ndefineEmits([CHANGE_EVENT, 'blur', 'focus', 'clear', UPDATE_MODEL_EVENT])\n\nconst props = withDefaults(defineProps<TimeSelectProps>(), {\n  format: 'HH:mm',\n  disabled: undefined,\n  editable: true,\n  effect: 'light',\n  clearable: true,\n  start: '09:00',\n  end: '18:00',\n  step: '00:30',\n  prefixIcon: () => IconClock,\n  clearIcon: () => IconCircleClose,\n  popperClass: '',\n  valueOnClear: undefined,\n  popperStyle: undefined,\n})\n\nconst nsInput = useNamespace('input')\nconst select = ref<typeof ElSelect>()\n\nconst _disabled = useFormDisabled()\nconst { lang } = useLocale()\n\nconst value = computed(() => props.modelValue)\nconst start = computed(() => {\n  const time = parseTime(props.start)\n  return time ? formatTime(time) : null\n})\n\nconst end = computed(() => {\n  const time = parseTime(props.end)\n  return time ? formatTime(time) : null\n})\n\nconst step = computed(() => {\n  const time = parseTime(props.step)\n  return time ? formatTime(time) : null\n})\n\nconst minTime = computed(() => {\n  const time = parseTime(props.minTime || '')\n  return time ? formatTime(time) : null\n})\n\nconst maxTime = computed(() => {\n  const time = parseTime(props.maxTime || '')\n  return time ? formatTime(time) : null\n})\n\nconst items = computed(() => {\n  const result: { value: string; disabled: boolean }[] = []\n  const push = (formattedValue: string, rawValue: string) => {\n    result.push({\n      value: formattedValue,\n      disabled:\n        compareTime(rawValue, minTime.value || '-1:-1') <= 0 ||\n        compareTime(rawValue, maxTime.value || '100:100') >= 0,\n    })\n  }\n\n  if (props.start && props.end && props.step) {\n    let current = start.value\n    let currentTime: string\n    while (current && end.value && compareTime(current, end.value) <= 0) {\n      currentTime = dayjs(current, 'HH:mm')\n        .locale(lang.value)\n        .format(props.format)\n      push(currentTime, current)\n      current = nextTime(current, step.value!)\n    }\n    if (\n      props.includeEndTime &&\n      end.value &&\n      result[result.length - 1]?.value !== end.value\n    ) {\n      const formattedValue = dayjs(end.value, 'HH:mm')\n        .locale(lang.value)\n        .format(props.format)\n      push(formattedValue, end.value)\n    }\n  }\n  return result\n})\n\nconst blur = () => {\n  select.value?.blur?.()\n}\n\nconst focus = () => {\n  select.value?.focus?.()\n}\n\ndefineExpose({\n  /**\n   * @description blur the Input component\n   */\n  blur,\n  /**\n   * @description focus the Input component\n   */\n  focus,\n})\n</script>\n"],"names":["_createBlock","_unref","$emit","_normalizeClass","_openBlock","_resolveDynamicComponent","_createElementBlock","_Fragment","_renderList"],"mappings":"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"}

package/es/components/timeline/src/timeline-item.vue2.mjs

@@ -1,3 +1,4 @@
+import { timelineItemProps } from './timeline-item.mjs';
 import { defineComponent, inject, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, unref, normalizeStyle, createBlock, withCtx, resolveDynamicComponent, renderSlot, toDisplayString } from 'vue';
 import { ElIcon } from '../../icon/index.mjs';
 import { TIMELINE_INJECTION_KEY } from './tokens.mjs';
@@ -8,17 +9,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElTimelineItem"
   },
   __name: "timeline-item",
-  props: {
-    timestamp: { type: String, required: false, default: "" },
-    hideTimestamp: { type: Boolean, required: false },
-    center: { type: Boolean, required: false },
-    placement: { type: String, required: false, default: "bottom" },
-    type: { type: String, required: false, default: "" },
-    color: { type: String, required: false, default: "" },
-    size: { type: String, required: false, default: "normal" },
-    icon: { type: null, required: false },
-    hollow: { type: Boolean, required: false }
-  },
+  props: timelineItemProps,
   setup(__props) {
     const props = __props;
     const { props: timelineProps } = inject(

package/es/components/timeline/src/timeline-item.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-item.vue2.mjs","sources":["../../../../../../packages/components/timeline/src/timeline-item.vue"],"sourcesContent":["<template>\n  <li :class=\"timelineItemKls\">\n    <div :class=\"ns.e('tail')\" />\n    <div\n      v-if=\"!$slots.dot\"\n      :class=\"defaultNodeKls\"\n      :style=\"{\n        backgroundColor: color,\n      }\"\n    >\n      <el-icon v-if=\"icon\" :class=\"ns.e('icon')\">\n        <component :is=\"icon\" />\n      </el-icon>\n    </div>\n    <div v-if=\"$slots.dot\" :class=\"ns.e('dot')\">\n      <slot name=\"dot\" />\n    </div>\n\n    <div :class=\"ns.e('wrapper')\">\n      <div\n        v-if=\"!hideTimestamp && placement === 'top'\"\n        :class=\"[ns.e('timestamp'), ns.is('top')]\"\n      >\n        {{ timestamp }}\n      </div>\n\n      <div :class=\"ns.e('content')\">\n        <slot />\n      </div>\n\n      <div\n        v-if=\"!hideTimestamp && placement === 'bottom'\"\n        :class=\"[ns.e('timestamp'), ns.is('bottom')]\"\n      >\n        {{ timestamp }}\n      </div>\n    </div>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { TIMELINE_INJECTION_KEY } from './tokens'\n\nimport type { TimelineProvider } from './tokens'\nimport type { TimelineItemProps } from './timeline-item'\n\ndefineOptions({\n  name: 'ElTimelineItem',\n})\n\nconst props = withDefaults(defineProps<TimelineItemProps>(), {\n  timestamp: '',\n  placement: 'bottom',\n  type: '',\n  color: '',\n  size: 'normal',\n})\nconst { props: timelineProps } = inject<TimelineProvider>(\n  TIMELINE_INJECTION_KEY\n)!\n\nconst ns = useNamespace('timeline-item')\nconst defaultNodeKls = computed(() => [\n  ns.e('node'),\n  ns.em('node', props.size || ''),\n  ns.em('node', props.type || ''),\n  ns.is('hollow', props.hollow),\n])\n\nconst timelineItemKls = computed(() => [\n  ns.b(),\n  { [ns.e('center')]: props.center },\n  ns.is(timelineProps.mode),\n])\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass","_unref","$slots","_normalizeStyle","_createBlock","_openBlock","_resolveDynamicComponent","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"timeline-item.vue2.mjs","sources":["../../../../../../packages/components/timeline/src/timeline-item.vue"],"sourcesContent":["<template>\n  <li :class=\"timelineItemKls\">\n    <div :class=\"ns.e('tail')\" />\n    <div\n      v-if=\"!$slots.dot\"\n      :class=\"defaultNodeKls\"\n      :style=\"{\n        backgroundColor: color,\n      }\"\n    >\n      <el-icon v-if=\"icon\" :class=\"ns.e('icon')\">\n        <component :is=\"icon\" />\n      </el-icon>\n    </div>\n    <div v-if=\"$slots.dot\" :class=\"ns.e('dot')\">\n      <slot name=\"dot\" />\n    </div>\n\n    <div :class=\"ns.e('wrapper')\">\n      <div\n        v-if=\"!hideTimestamp && placement === 'top'\"\n        :class=\"[ns.e('timestamp'), ns.is('top')]\"\n      >\n        {{ timestamp }}\n      </div>\n\n      <div :class=\"ns.e('content')\">\n        <slot />\n      </div>\n\n      <div\n        v-if=\"!hideTimestamp && placement === 'bottom'\"\n        :class=\"[ns.e('timestamp'), ns.is('bottom')]\"\n      >\n        {{ timestamp }}\n      </div>\n    </div>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { TIMELINE_INJECTION_KEY } from './tokens'\n\nimport type { TimelineProvider } from './tokens'\nimport type { TimelineItemProps } from './timeline-item'\n\ndefineOptions({\n  name: 'ElTimelineItem',\n})\n\nconst props = withDefaults(defineProps<TimelineItemProps>(), {\n  timestamp: '',\n  placement: 'bottom',\n  type: '',\n  color: '',\n  size: 'normal',\n})\nconst { props: timelineProps } = inject<TimelineProvider>(\n  TIMELINE_INJECTION_KEY\n)!\n\nconst ns = useNamespace('timeline-item')\nconst defaultNodeKls = computed(() => [\n  ns.e('node'),\n  ns.em('node', props.size || ''),\n  ns.em('node', props.type || ''),\n  ns.is('hollow', props.hollow),\n])\n\nconst timelineItemKls = computed(() => [\n  ns.b(),\n  { [ns.e('center')]: props.center },\n  ns.is(timelineProps.mode),\n])\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_normalizeClass","_unref","$slots","_normalizeStyle","_createBlock","_openBlock","_resolveDynamicComponent","_renderSlot"],"mappings":"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"}

package/es/components/tooltip/src/content.vue2.mjs

@@ -1,10 +1,10 @@
-import { defineComponent, mergeDefaults, ref, inject, computed, onBeforeUnmount, unref, watch, createBlock, openBlock, withCtx, createCommentVNode, Transition, withDirectives, createVNode, mergeProps, renderSlot, vShow } from 'vue';
+import { useTooltipContentProps } from './content.mjs';
+import { defineComponent, ref, inject, computed, onBeforeUnmount, unref, watch, createBlock, openBlock, withCtx, createCommentVNode, Transition, withDirectives, createVNode, mergeProps, renderSlot, vShow } from 'vue';
 import { computedEager, onClickOutside } from '@vueuse/core';
 import '../../popper/index.mjs';
 import { ElTeleport } from '../../teleport/index.mjs';
 import { TOOLTIP_INJECTION_KEY } from './constants.mjs';
 import { isTriggerType } from './utils.mjs';
-import { useTooltipContentPropsDefaults } from './content.mjs';
 import { usePopperContainerId } from '../../../hooks/use-popper-container/index.mjs';
 import { castArray } from '../../../utils/arrays.mjs';
 import _sfc_main$1 from '../../popper/src/content.vue2.mjs';
@@ -18,44 +18,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     inheritAttrs: false
   },
   __name: "content",
-  props: /* @__PURE__ */ mergeDefaults({
-    appendTo: { type: null, required: false },
-    content: { type: String, required: false },
-    rawContent: { type: Boolean, required: false },
-    persistent: { type: Boolean, required: false },
-    visible: { type: [Boolean, null], required: false },
-    transition: { type: String, required: false },
-    teleported: { type: Boolean, required: false },
-    disabled: { type: Boolean, required: false },
-    ariaLabel: { type: String, required: false },
-    showAfter: { type: Number, required: false },
-    hideAfter: { type: Number, required: false },
-    autoClose: { type: Number, required: false },
-    id: { type: String, required: false },
-    style: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
-    className: { type: [String, Object, Array], required: false },
-    effect: { type: null, required: false },
-    enterable: { type: Boolean, required: false },
-    pure: { type: Boolean, required: false },
-    focusOnShow: { type: Boolean, required: false },
-    trapping: { type: Boolean, required: false },
-    popperClass: { type: [String, Object, Array], required: false },
-    popperStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
-    referenceEl: { type: null, required: false },
-    triggerTargetEl: { type: null, required: false },
-    stopPopperMouseEvent: { type: Boolean, required: false },
-    virtualTriggering: { type: Boolean, required: false },
-    zIndex: { type: Number, required: false },
-    loop: { type: Boolean, required: false },
-    boundariesPadding: { type: Number, required: false },
-    fallbackPlacements: { type: Array, required: false },
-    gpuAcceleration: { type: Boolean, required: false },
-    offset: { type: Number, required: false },
-    placement: { type: String, required: false },
-    popperOptions: { type: Object, required: false },
-    strategy: { type: null, required: false },
-    arrowOffset: { type: Number, required: false }
-  }, useTooltipContentPropsDefaults),
+  props: useTooltipContentProps,
   setup(__props, { expose: __expose }) {
     const props = __props;
     const { selector } = usePopperContainerId();