@element-plus/nightly 0.0.20260103 → 0.0.20260104

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

@@ -1 +1 @@
-{"version":3,"file":"segmented.mjs","sources":["../../../../../../packages/components/segmented/src/segmented.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isBoolean,\n  isNumber,\n  isString,\n} from '@element-plus/utils'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type { Option } from './types'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Segmented from './segmented.vue'\n\nexport interface Props {\n  label?: string\n  value?: string\n  disabled?: string\n}\n\nexport const defaultProps: Required<Props> = {\n  label: 'label',\n  value: 'value',\n  disabled: 'disabled',\n}\n\nexport const segmentedProps = buildProps({\n  direction: {\n    type: definePropType<'vertical' | 'horizontal'>(String),\n    default: 'horizontal',\n  },\n  /**\n   * @description options of segmented\n   */\n  options: {\n    type: definePropType<Option[]>(Array),\n    default: () => [],\n  },\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: [String, Number, Boolean],\n    default: undefined,\n  },\n  /**\n   * @description configuration options, see the following table\n   */\n  props: {\n    type: definePropType<Props>(Object),\n    default: () => defaultProps,\n  },\n  /**\n   * @description fit width of parent content\n   */\n  block: Boolean,\n  /**\n   * @description size of component\n   */\n  size: useSizeProp,\n  /**\n   * @description whether segmented is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description native input id\n   */\n  id: String,\n  /**\n   * @description native `name` attribute\n   */\n  name: String,\n  ...useAriaProps(['ariaLabel']),\n})\n\nexport type SegmentedProps = ExtractPropTypes<typeof segmentedProps>\nexport type SegmentedPropsPublic = ExtractPublicPropTypes<typeof segmentedProps>\n\nexport const segmentedEmits = {\n  [UPDATE_MODEL_EVENT]: (val: any) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  [CHANGE_EVENT]: (val: any) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n}\nexport type SegmentedEmits = typeof segmentedEmits\n\nexport type SegmentedInstance = InstanceType<typeof Segmented> & unknown\n"],"names":[],"mappings":";;;;;;;AAoBO,MAAM,YAAgC,GAAA;AAAA,EAC3C,KAAO,EAAA,OAAA;AAAA,EACP,KAAO,EAAA,OAAA;AAAA,EACP,QAAU,EAAA,UAAA;AACZ,EAAA;AAEO,MAAM,iBAAiB,UAAW,CAAA;AAAA,EACvC,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAA0C,MAAM,CAAA;AAAA,IACtD,OAAS,EAAA,YAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,OAAO,CAAA;AAAA,IAC9B,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,IAClC,SAAS,MAAM,YAAA;AAAA,GACjB;AAAA,EAIA,KAAO,EAAA,OAAA;AAAA,EAIP,IAAM,EAAA,WAAA;AAAA,EAIN,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,EAAI,EAAA,MAAA;AAAA,EAIJ,IAAM,EAAA,MAAA;AAAA,EACN,GAAG,YAAA,CAAa,CAAC,WAAW,CAAC,CAAA;AAC/B,CAAC,EAAA;AAKM,MAAM,cAAiB,GAAA;AAAA,EAC5B,CAAC,kBAAqB,GAAA,CAAC,GACrB,KAAA,QAAA,CAAS,GAAG,CAAA,IAAK,QAAS,CAAA,GAAG,CAAK,IAAA,SAAA,CAAU,GAAG,CAAA;AAAA,EACjD,CAAC,YAAe,GAAA,CAAC,GACf,KAAA,QAAA,CAAS,GAAG,CAAA,IAAK,QAAS,CAAA,GAAG,CAAK,IAAA,SAAA,CAAU,GAAG,CAAA;AACnD;;;;"}
+{"version":3,"file":"segmented.mjs","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, segmentedProps } from './segmented'\n\nimport type { Option } from './types'\n\ndefineOptions({\n  name: 'ElSegmented',\n})\n\nconst props = defineProps(segmentedProps)\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":["options","_createElementBlock","_unref","_normalizeClass","ariaLabel","_createElementVNode","direction","_normalizeStyle","_openBlock","_Fragment","_renderSlot","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEP,IAAA,MAAA,EAAA,GAAK,aAAa,WAAW,CAAA,CAAA;AACnC,IAAA,MAAM,cAAc,KAAM,EAAA,CAAA;AAC1B,IAAA,MAAM,gBAAgB,WAAY,EAAA,CAAA;AAClC,IAAA,MAAM,YAAY,eAAgB,EAAA,CAAA;AAC5B,IAAA,MAAA,EAAE,QAAS,EAAA,GAAI,WAAY,EAAA,CAAA;AACjC,IAAA,MAAM,EAAE,OAAA,EAAS,mBAAoB,EAAA,GAAI,mBAAmB,KAAO,EAAA;AAAA,MACjE,eAAiB,EAAA,QAAA;AAAA,KAClB,CAAA,CAAA;AAEK,IAAA,MAAA,YAAA,GAAe,IAAwB,IAAI,CAAA,CAAA;AACjD,IAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AAEvC,IAAA,MAAM,QAAQ,QAAS,CAAA;AAAA,MACrB,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,CAAA;AAAA,MACP,MAAQ,EAAA,CAAA;AAAA,MACR,UAAY,EAAA,CAAA;AAAA,MACZ,UAAY,EAAA,CAAA;AAAA,MACZ,YAAc,EAAA,KAAA;AAAA,KACf,CAAA,CAAA;AAEK,IAAA,MAAA,YAAA,GAAe,CAAC,GAAA,EAAY,IAAiB,KAAA;AAC3C,MAAA,MAAA,KAAA,GAAQ,SAAS,IAAI,CAAA,CAAA;AAC3B,MAAA,IAAA,CAAK,oBAAoB,KAAK,CAAA,CAAA;AAC9B,MAAA,IAAA,CAAK,cAAc,KAAK,CAAA,CAAA;AACtB,MAAI,GAAA,CAAA,MAAA,CAA4B,OAAU,GAAA,KAAA,KAAU,KAAM,CAAA,UAAA,CAAA;AAAA,KAC9D,CAAA;AAEM,IAAA,MAAA,UAAA,GAAa,SAAS,OAAO,EAAE,GAAG,YAAc,EAAA,GAAG,KAAM,CAAA,KAAA,EAAQ,CAAA,CAAA,CAAA;AAGjE,IAAA,MAAA,OAAA,GAAU,CAAC,IAAc,KAAA,IAAA,CAAA;AAEzB,IAAA,MAAA,QAAA,GAAW,CAAC,IAAiB,KAAA;AACjC,MAAA,OAAO,SAAS,IAAI,CAAA,GAAI,IAAK,CAAA,UAAA,CAAW,MAAM,KAAS,CAAA,GAAA,IAAA,CAAA;AAAA,KACzD,CAAA;AAEM,IAAA,MAAA,QAAA,GAAW,CAAC,IAAiB,KAAA;AACjC,MAAA,OAAO,SAAS,IAAI,CAAA,GAAI,IAAK,CAAA,UAAA,CAAW,MAAM,KAAS,CAAA,GAAA,IAAA,CAAA;AAAA,KACzD,CAAA;AAEM,IAAA,MAAA,WAAA,GAAc,CAAC,IAA6B,KAAA;AACzC,MAAA,OAAA,CAAC,EACN,SAAA,CAAU,KACT,KAAA,QAAA,CAAS,IAAI,CAAI,GAAA,IAAA,CAAK,UAAW,CAAA,KAAA,CAAM,QAAY,CAAA,GAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KAExD,CAAA;AAEM,IAAA,MAAA,WAAA,GAAc,CAAC,IAAiB,KAAA;AAC7B,MAAA,OAAA,KAAA,CAAM,UAAe,KAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,KAC3C,CAAA;AAEM,IAAA,MAAA,SAAA,GAAY,CAAC,KAAe,KAAA;AACzB,MAAA,OAAA,KAAA,CAAM,QAAQ,IAAK,CAAA,CAAC,SAAS,QAAS,CAAA,IAAI,MAAM,KAAK,CAAA,CAAA;AAAA,KAC9D,CAAA;AAEM,IAAA,MAAA,UAAA,GAAa,CAAC,IAAiB,KAAA;AAC5B,MAAA,OAAA;AAAA,QACL,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,QACX,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,WAAA,CAAY,IAAI,CAAC,CAAA;AAAA,QACnC,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,WAAA,CAAY,IAAI,CAAC,CAAA;AAAA,OACrC,CAAA;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AACrB,MAAA,IAAA,CAAC,YAAa,CAAA,KAAA;AAAO,QAAA,OAAA;AACnB,MAAA,MAAA,YAAA,GAAe,aAAa,KAAM,CAAA,aAAA;AAAA,QACtC,cAAA;AAAA,OACF,CAAA;AACM,MAAA,MAAA,iBAAA,GAAoB,aAAa,KAAM,CAAA,aAAA;AAAA,QAC3C,oBAAA;AAAA,OACF,CAAA;AACI,MAAA,IAAA,CAAC,YAAgB,IAAA,CAAC,iBAAmB,EAAA;AACvC,QAAA,KAAA,CAAM,KAAQ,GAAA,CAAA,CAAA;AACd,QAAA,KAAA,CAAM,MAAS,GAAA,CAAA,CAAA;AACf,QAAA,KAAA,CAAM,UAAa,GAAA,CAAA,CAAA;AACnB,QAAA,KAAA,CAAM,UAAa,GAAA,CAAA,CAAA;AACnB,QAAA,KAAA,CAAM,YAAe,GAAA,KAAA,CAAA;AACrB,QAAA,OAAA;AAAA,OACF;AACA,MAAA,KAAA,CAAM,MAAS,GAAA,IAAA,CAAA;AACX,MAAA,IAAA,KAAA,CAAM,cAAc,UAAY,EAAA;AAClC,QAAA,KAAA,CAAM,SAAS,YAAa,CAAA,YAAA,CAAA;AAC5B,QAAA,KAAA,CAAM,aAAa,YAAa,CAAA,SAAA,CAAA;AAAA,OAC3B,MAAA;AACL,QAAA,KAAA,CAAM,QAAQ,YAAa,CAAA,WAAA,CAAA;AAC3B,QAAA,KAAA,CAAM,aAAa,YAAa,CAAA,UAAA,CAAA;AAAA,OAClC;AACI,MAAA,IAAA;AAEI,QAAA,KAAA,CAAA,YAAA,GAAe,iBAAkB,CAAA,OAAA,CAAQ,gBAAgB,CAAA,CAAA;AAAA,eACzD,CAAA,EAAA;AAAA,OAAC;AAAA,KACX,CAAA;AAEM,IAAA,MAAA,YAAA,GAAe,SAAS,MAAM;AAAA,MAClC,GAAG,CAAE,EAAA;AAAA,MACL,EAAA,CAAG,CAAE,CAAA,aAAA,CAAc,KAAK,CAAA;AAAA,MACxB,EAAG,CAAA,EAAA,CAAG,OAAS,EAAA,KAAA,CAAM,KAAK,CAAA;AAAA,KAC3B,CAAA,CAAA;AAEK,IAAA,MAAA,aAAA,GAAgB,SAAS,OAAO;AAAA,MACpC,OAAO,KAAM,CAAA,SAAA,KAAc,UAAa,GAAA,MAAA,GAAS,GAAG,KAAM,CAAA,KAAA,CAAA,EAAA,CAAA;AAAA,MAC1D,QAAQ,KAAM,CAAA,SAAA,KAAc,UAAa,GAAA,CAAA,EAAG,MAAM,MAAa,CAAA,EAAA,CAAA,GAAA,MAAA;AAAA,MAC/D,SAAA,EACE,MAAM,SAAc,KAAA,UAAA,GAChB,cAAc,KAAM,CAAA,UAAA,CAAA,GAAA,CAAA,GACpB,cAAc,KAAM,CAAA,UAAA,CAAA,GAAA,CAAA;AAAA,MAC1B,OAAA,EAAS,KAAM,CAAA,MAAA,GAAS,OAAU,GAAA,MAAA;AAAA,KAClC,CAAA,CAAA,CAAA;AAEI,IAAA,MAAA,WAAA,GAAc,SAAS,MAAM;AAAA,MACjC,EAAA,CAAG,EAAE,eAAe,CAAA;AAAA,MACpB,EAAA,CAAG,GAAG,UAAY,EAAA,WAAA,CAAY,UAAU,KAAM,CAAA,UAAU,CAAC,CAAC,CAAA;AAAA,MAC1D,EAAG,CAAA,EAAA,CAAG,eAAiB,EAAA,KAAA,CAAM,YAAY,CAAA;AAAA,KAC1C,CAAA,CAAA;AAEK,IAAA,MAAA,IAAA,GAAO,SAAS,MAAM;AACnB,MAAA,OAAA,KAAA,CAAM,QAAQ,WAAY,CAAA,KAAA,CAAA;AAAA,KAClC,CAAA,CAAA;AAED,IAAA,iBAAA,CAAkB,cAAc,YAAY,CAAA,CAAA;AAE5C,IAAA,KAAA,CAAM,eAAe,YAAY,CAAA,CAAA;AAEjC,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,MAAM;;AACS,QAAA,YAAA,EAAA,CAAA;AACb,QAAA,IAAI,MAAM,aAAe,EAAA;AACb,UAAA,CAAA,EAAA,GAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,aAAA,IAAW,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,QAAA,EAAA,QAAA,CAAA,CAAU,MAAM,CAAC,GAAA,KAAQ,UAAU,GAAG,CAAA,CAAA,CAAA;AAAA,SAC7D;AAAA,OACF;AAAA,MACA;AAAA,QACE,KAAO,EAAA,MAAA;AAAA,OACT;AAAA,KACF,CAAA;;AA7LUA,MAAAA,OAAAA,KAAAA,OAAQ,CAAA,MAAA,iBADhBC,mBA6BM,KAAA,EAAA;AAAA,QAAA,GAAA,EAAA,CAAA;AAAA,QA3BH,EAAA,EAAIC,MAAA,OAAA,CAAA;AAAA,QACD,OAAA,EAAA,cAAA;AAAA,QAAJ,GAAI,EAAA,YAAA;AAAA,QACH,KAAA,EAAKC,cAAE,CAAA,YAAA,CAAY,KAAA,CAAA;AAAA,QACpB,IAAK,EAAA,YAAA;AAAA,QACJ,cAAU,CAAGD,KAAA,CAAsBE,mBAAAA,CAAAA,GAAAA,IAAAA,CAAAA,aAAS,WAAkB,GAAA,KAAA,CAAA;AAAA,QAC9D,mBAAiBF,KAAsB,CAAA,mBAAA,IAAAA,KAAA,CAAA,QAAA,EAAU,OAAU,GAAA,KAAA,CAAA;AAAA,OAAA,EAAA;AAAA,QAE5DG,kBAAA;AAAA,UAmBM,KAAA;AAAA,UAAA;AAAA,YAnBA,OAAKF,cAAG,CAAA,CAAAD,KAAA,CAAA,EAAA,EAAG,CAAC,CAAA,OAAW,CAAA,EAAAA,KAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAEI,IAAS,CAAA,SAAA,CAAA,CAAA,CAAA;AAAA,WAAA;AAAA;YACzCD,kBAAA;AAAA,cAAmD,KAAA;AAAA,cAAA;AAAA,gBAA7C,KAAA,EAAKE,cAAE,CAAA,aAAA,CAAa,KAAA,CAAA;AAAA,gBAAG,KAAA,EAAKJ,cAAE,CAAA,WAAA,CAAW,KAAA,CAAA;AAAA,eAAA;AAAA;;;aAC/CK,SAAA,CAAA,IAAA,CAAA,EAAAP,kBAAA;AAAA,cAgBQQ,QAAA;AAAA,cAAA,IAAA;AAAA,cAfkBT,UAAAA,CAAAA,IAAAA,CAAAA,OAAO,EAAA,CAAvB,MAAM,KAAK,KAAA;AADrB,gBAAA,OAAAQ,WAAA,EAAAP,kBAAA;AAAA,kBAgBQ,OAAA;AAAA,kBAAA;AAAA,oBAdL,GAAK,EAAA,KAAA;AAAA,oBACL,KAAK,EAAAE,cAAA,CAAE,UAAW,CAAA,IAAI,CAAA,CAAA;AAAA,mBAAA;AAAA;oBAEvBE,mBAOE,OAAA,EAAA;AAAA,sBANC,OAAKF,cAAE,CAAAD,KAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,YAAA,CAAA,CAAA;AAAA,sBACZ,IAAK,EAAA,OAAA;AAAA,sBACJ,MAAM,IAAA,CAAA,KAAA;AAAA,sBACN,QAAA,EAAU,YAAY,IAAI,CAAA;AAAA,sBAC1B,OAAA,EAAS,YAAY,IAAI,CAAA;AAAA,sBACzB,QAAM,EAAA,CAAA,MAAE,KAAA,YAAA,CAAa,QAAQ,IAAI,CAAA;AAAA,qBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,UAAA,CAAA;AAAA,oBAEpCG,kBAAA;AAAA,sBAEM,KAAA;AAAA,sBAAA;AAAA,wBAFA,OAAKF,cAAE,CAAAD,KAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,YAAA,CAAA,CAAA;AAAA,uBAAA;AAAA;wBACfQ,UAAA,CAAuD,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA;AAAA,0BAAhD,IAAA,EAAM,QAAQ,IAAI,CAAA;AAAA,2BAAzB,MAAuD;AAAA,0BAAAC,eAAA;AAAA,4BAAxBC,eAAA,CAAA,QAAS,CAAA,IAAI,CAAA,CAAA;AAAA,4BAAA,CAAA;AAAA,2BAAA;AAAA,yBAAA,CAAA;AAAA;;;;;;;;;;;;;;;;;;;;"}

package/es/components/segmented/src/segmented2.mjs

@@ -1,215 +1,50 @@
-import { defineComponent, ref, reactive, computed, watch, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
-import { useActiveElement, useResizeObserver } from '@vueuse/core';
-import { segmentedProps, segmentedEmits, defaultProps } from './segmented.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useId } from '../../../hooks/use-id/index.mjs';
-import { useFormSize, useFormDisabled } from '../../form/src/hooks/use-form-common-props.mjs';
-import { useFormItem, useFormItemInputId } from '../../form/src/hooks/use-form-item.mjs';
-import { debugWarn } from '../../../utils/error.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { useSizeProp } from '../../../hooks/use-size/index.mjs';
+import { useAriaProps } from '../../../hooks/use-aria/index.mjs';
 import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
-import { isObject } from '@vue/shared';
+import { isString } from '@vue/shared';
+import { isNumber, isBoolean } from '../../../utils/types.mjs';
 
-const _hoisted_1 = ["id", "aria-label", "aria-labelledby"];
-const _hoisted_2 = ["name", "disabled", "checked", "onChange"];
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElSegmented"
+const defaultProps = {
+  label: "label",
+  value: "value",
+  disabled: "disabled"
+};
+const segmentedProps = buildProps({
+  direction: {
+    type: definePropType(String),
+    default: "horizontal"
   },
-  __name: "segmented",
-  props: segmentedProps,
-  emits: segmentedEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const ns = useNamespace("segmented");
-    const segmentedId = useId();
-    const segmentedSize = useFormSize();
-    const _disabled = useFormDisabled();
-    const { formItem } = useFormItem();
-    const { inputId, isLabeledByFormItem } = useFormItemInputId(props, {
-      formItemContext: formItem
-    });
-    const segmentedRef = ref(null);
-    const activeElement = useActiveElement();
-    const state = reactive({
-      isInit: false,
-      width: 0,
-      height: 0,
-      translateX: 0,
-      translateY: 0,
-      focusVisible: false
-    });
-    const handleChange = (evt, item) => {
-      const value = getValue(item);
-      emit(UPDATE_MODEL_EVENT, value);
-      emit(CHANGE_EVENT, value);
-      evt.target.checked = value === props.modelValue;
-    };
-    const aliasProps = computed(() => ({ ...defaultProps, ...props.props }));
-    const intoAny = (item) => item;
-    const getValue = (item) => {
-      return isObject(item) ? item[aliasProps.value.value] : item;
-    };
-    const getLabel = (item) => {
-      return isObject(item) ? item[aliasProps.value.label] : item;
-    };
-    const getDisabled = (item) => {
-      return !!(_disabled.value || (isObject(item) ? item[aliasProps.value.disabled] : false));
-    };
-    const getSelected = (item) => {
-      return props.modelValue === getValue(item);
-    };
-    const getOption = (value) => {
-      return props.options.find((item) => getValue(item) === value);
-    };
-    const getItemCls = (item) => {
-      return [
-        ns.e("item"),
-        ns.is("selected", getSelected(item)),
-        ns.is("disabled", getDisabled(item))
-      ];
-    };
-    const updateSelect = () => {
-      if (!segmentedRef.value)
-        return;
-      const selectedItem = segmentedRef.value.querySelector(
-        ".is-selected"
-      );
-      const selectedItemInput = segmentedRef.value.querySelector(
-        ".is-selected input"
-      );
-      if (!selectedItem || !selectedItemInput) {
-        state.width = 0;
-        state.height = 0;
-        state.translateX = 0;
-        state.translateY = 0;
-        state.focusVisible = false;
-        return;
-      }
-      state.isInit = true;
-      if (props.direction === "vertical") {
-        state.height = selectedItem.offsetHeight;
-        state.translateY = selectedItem.offsetTop;
-      } else {
-        state.width = selectedItem.offsetWidth;
-        state.translateX = selectedItem.offsetLeft;
-      }
-      try {
-        state.focusVisible = selectedItemInput.matches(":focus-visible");
-      } catch (e) {
-      }
-    };
-    const segmentedCls = computed(() => [
-      ns.b(),
-      ns.m(segmentedSize.value),
-      ns.is("block", props.block)
-    ]);
-    const selectedStyle = computed(() => ({
-      width: props.direction === "vertical" ? "100%" : `${state.width}px`,
-      height: props.direction === "vertical" ? `${state.height}px` : "100%",
-      transform: props.direction === "vertical" ? `translateY(${state.translateY}px)` : `translateX(${state.translateX}px)`,
-      display: state.isInit ? "block" : "none"
-    }));
-    const selectedCls = computed(() => [
-      ns.e("item-selected"),
-      ns.is("disabled", getDisabled(getOption(props.modelValue))),
-      ns.is("focus-visible", state.focusVisible)
-    ]);
-    const name = computed(() => {
-      return props.name || segmentedId.value;
-    });
-    useResizeObserver(segmentedRef, updateSelect);
-    watch(activeElement, updateSelect);
-    watch(
-      () => props.modelValue,
-      () => {
-        var _a;
-        updateSelect();
-        if (props.validateEvent) {
-          (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn(err));
-        }
-      },
-      {
-        flush: "post"
-      }
-    );
-    return (_ctx, _cache) => {
-      return _ctx.options.length ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        id: unref(inputId),
-        ref_key: "segmentedRef",
-        ref: segmentedRef,
-        class: normalizeClass(segmentedCls.value),
-        role: "radiogroup",
-        "aria-label": !unref(isLabeledByFormItem) ? _ctx.ariaLabel || "segmented" : void 0,
-        "aria-labelledby": unref(isLabeledByFormItem) ? unref(formItem).labelId : void 0
-      }, [
-        createElementVNode(
-          "div",
-          {
-            class: normalizeClass([unref(ns).e("group"), unref(ns).m(_ctx.direction)])
-          },
-          [
-            createElementVNode(
-              "div",
-              {
-                style: normalizeStyle(selectedStyle.value),
-                class: normalizeClass(selectedCls.value)
-              },
-              null,
-              6
-            ),
-            (openBlock(true), createElementBlock(
-              Fragment,
-              null,
-              renderList(_ctx.options, (item, index) => {
-                return openBlock(), createElementBlock(
-                  "label",
-                  {
-                    key: index,
-                    class: normalizeClass(getItemCls(item))
-                  },
-                  [
-                    createElementVNode("input", {
-                      class: normalizeClass(unref(ns).e("item-input")),
-                      type: "radio",
-                      name: name.value,
-                      disabled: getDisabled(item),
-                      checked: getSelected(item),
-                      onChange: ($event) => handleChange($event, item)
-                    }, null, 42, _hoisted_2),
-                    createElementVNode(
-                      "div",
-                      {
-                        class: normalizeClass(unref(ns).e("item-label"))
-                      },
-                      [
-                        renderSlot(_ctx.$slots, "default", {
-                          item: intoAny(item)
-                        }, () => [
-                          createTextVNode(
-                            toDisplayString(getLabel(item)),
-                            1
-                          )
-                        ])
-                      ],
-                      2
-                    )
-                  ],
-                  2
-                );
-              }),
-              128
-            ))
-          ],
-          2
-        )
-      ], 10, _hoisted_1)) : createCommentVNode("v-if", true);
-    };
-  }
+  options: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  modelValue: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
+  props: {
+    type: definePropType(Object),
+    default: () => defaultProps
+  },
+  block: Boolean,
+  size: useSizeProp,
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  id: String,
+  name: String,
+  ...useAriaProps(["ariaLabel"])
 });
-var Segmented = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/segmented/src/segmented.vue"]]);
+const segmentedEmits = {
+  [UPDATE_MODEL_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val),
+  [CHANGE_EVENT]: (val) => isString(val) || isNumber(val) || isBoolean(val)
+};
 
-export { Segmented as default };
+export { defaultProps, segmentedEmits, segmentedProps };
 //# sourceMappingURL=segmented2.mjs.map

package/es/components/segmented/src/segmented2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"segmented2.mjs","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, segmentedProps } from './segmented'\n\nimport type { Option } from './types'\n\ndefineOptions({\n  name: 'ElSegmented',\n})\n\nconst props = defineProps(segmentedProps)\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":["options","_createElementBlock","_unref","_normalizeClass","ariaLabel","_createElementVNode","direction","_normalizeStyle","_openBlock","_Fragment","_renderSlot","_createTextVNode","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"segmented2.mjs","sources":["../../../../../../packages/components/segmented/src/segmented.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isBoolean,\n  isNumber,\n  isString,\n} from '@element-plus/utils'\nimport { useAriaProps, useSizeProp } from '@element-plus/hooks'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type { Option } from './types'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Segmented from './segmented.vue'\n\nexport interface Props {\n  label?: string\n  value?: string\n  disabled?: string\n}\n\nexport const defaultProps: Required<Props> = {\n  label: 'label',\n  value: 'value',\n  disabled: 'disabled',\n}\n\nexport const segmentedProps = buildProps({\n  direction: {\n    type: definePropType<'vertical' | 'horizontal'>(String),\n    default: 'horizontal',\n  },\n  /**\n   * @description options of segmented\n   */\n  options: {\n    type: definePropType<Option[]>(Array),\n    default: () => [],\n  },\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: [String, Number, Boolean],\n    default: undefined,\n  },\n  /**\n   * @description configuration options, see the following table\n   */\n  props: {\n    type: definePropType<Props>(Object),\n    default: () => defaultProps,\n  },\n  /**\n   * @description fit width of parent content\n   */\n  block: Boolean,\n  /**\n   * @description size of component\n   */\n  size: useSizeProp,\n  /**\n   * @description whether segmented is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description native input id\n   */\n  id: String,\n  /**\n   * @description native `name` attribute\n   */\n  name: String,\n  ...useAriaProps(['ariaLabel']),\n})\n\nexport type SegmentedProps = ExtractPropTypes<typeof segmentedProps>\nexport type SegmentedPropsPublic = ExtractPublicPropTypes<typeof segmentedProps>\n\nexport const segmentedEmits = {\n  [UPDATE_MODEL_EVENT]: (val: any) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  [CHANGE_EVENT]: (val: any) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n}\nexport type SegmentedEmits = typeof segmentedEmits\n\nexport type SegmentedInstance = InstanceType<typeof Segmented> & unknown\n"],"names":[],"mappings":";;;;;;;AAoBO,MAAM,YAAgC,GAAA;AAAA,EAC3C,KAAO,EAAA,OAAA;AAAA,EACP,KAAO,EAAA,OAAA;AAAA,EACP,QAAU,EAAA,UAAA;AACZ,EAAA;AAEO,MAAM,iBAAiB,UAAW,CAAA;AAAA,EACvC,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAA0C,MAAM,CAAA;AAAA,IACtD,OAAS,EAAA,YAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,OAAO,CAAA;AAAA,IAC9B,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,IAClC,SAAS,MAAM,YAAA;AAAA,GACjB;AAAA,EAIA,KAAO,EAAA,OAAA;AAAA,EAIP,IAAM,EAAA,WAAA;AAAA,EAIN,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,EAAI,EAAA,MAAA;AAAA,EAIJ,IAAM,EAAA,MAAA;AAAA,EACN,GAAG,YAAA,CAAa,CAAC,WAAW,CAAC,CAAA;AAC/B,CAAC,EAAA;AAKM,MAAM,cAAiB,GAAA;AAAA,EAC5B,CAAC,kBAAqB,GAAA,CAAC,GACrB,KAAA,QAAA,CAAS,GAAG,CAAA,IAAK,QAAS,CAAA,GAAG,CAAK,IAAA,SAAA,CAAU,GAAG,CAAA;AAAA,EACjD,CAAC,YAAe,GAAA,CAAC,GACf,KAAA,QAAA,CAAS,GAAG,CAAA,IAAK,QAAS,CAAA,GAAG,CAAK,IAAA,SAAA,CAAU,GAAG,CAAA;AACnD;;;;"}

package/es/components/text/index.mjs

@@ -1,5 +1,5 @@
-import Text from './src/text2.mjs';
-export { textProps } from './src/text.mjs';
+import Text from './src/text.mjs';
+export { textProps } from './src/text2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElText = withInstall(Text);

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

@@ -1,26 +1,72 @@
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { componentSizes } from '../../../constants/size.mjs';
+import { defineComponent, ref, computed, onMounted, onUpdated, openBlock, createBlock, resolveDynamicComponent, normalizeClass, normalizeStyle, withCtx, renderSlot, useAttrs } from 'vue';
+import { textProps } from './text2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useFormSize } from '../../form/src/hooks/use-form-common-props.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { isUndefined } from '../../../utils/types.mjs';
 
-const textProps = buildProps({
-  type: {
-    type: String,
-    values: ["primary", "success", "info", "warning", "danger", ""],
-    default: ""
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElText"
   },
-  size: {
-    type: String,
-    values: componentSizes,
-    default: ""
-  },
-  truncated: Boolean,
-  lineClamp: {
-    type: [String, Number]
-  },
-  tag: {
-    type: String,
-    default: "span"
+  __name: "text",
+  props: textProps,
+  setup(__props) {
+    const props = __props;
+    const textRef = ref();
+    const textSize = useFormSize();
+    const ns = useNamespace("text");
+    const textKls = computed(() => [
+      ns.b(),
+      ns.m(props.type),
+      ns.m(textSize.value),
+      ns.is("truncated", props.truncated),
+      ns.is("line-clamp", !isUndefined(props.lineClamp))
+    ]);
+    const bindTitle = () => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      const inheritTitle = useAttrs().title;
+      if (inheritTitle)
+        return;
+      let shouldAddTitle = false;
+      const text = ((_a = textRef.value) == null ? void 0 : _a.textContent) || "";
+      if (props.truncated) {
+        const width = (_b = textRef.value) == null ? void 0 : _b.offsetWidth;
+        const scrollWidth = (_c = textRef.value) == null ? void 0 : _c.scrollWidth;
+        if (width && scrollWidth && scrollWidth > width) {
+          shouldAddTitle = true;
+        }
+      } else if (!isUndefined(props.lineClamp)) {
+        const height = (_d = textRef.value) == null ? void 0 : _d.offsetHeight;
+        const scrollHeight = (_e = textRef.value) == null ? void 0 : _e.scrollHeight;
+        if (height && scrollHeight && scrollHeight > height) {
+          shouldAddTitle = true;
+        }
+      }
+      if (shouldAddTitle) {
+        (_f = textRef.value) == null ? void 0 : _f.setAttribute("title", text);
+      } else {
+        (_g = textRef.value) == null ? void 0 : _g.removeAttribute("title");
+      }
+    };
+    onMounted(bindTitle);
+    onUpdated(bindTitle);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+        ref_key: "textRef",
+        ref: textRef,
+        class: normalizeClass(textKls.value),
+        style: normalizeStyle({ "-webkit-line-clamp": _ctx.lineClamp })
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
   }
 });
+var Text = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/text/src/text.vue"]]);
 
-export { textProps };
+export { Text as default };
 //# sourceMappingURL=text.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"text.mjs","sources":["../../../../../../packages/components/text/src/text.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const textProps = buildProps({\n  /**\n   * @description text type\n   */\n  type: {\n    type: String,\n    values: ['primary', 'success', 'info', 'warning', 'danger', ''],\n    default: '',\n  },\n  /**\n   * @description text size\n   */\n  size: {\n    type: String,\n    values: componentSizes,\n    default: '',\n  },\n  /**\n   * @description render ellipsis\n   */\n  truncated: Boolean,\n  /**\n   * @description maximum lines\n   */\n  lineClamp: {\n    type: [String, Number],\n  },\n  /**\n   * @description custom element tag\n   */\n  tag: {\n    type: String,\n    default: 'span',\n  },\n} as const)\n\nexport type TextProps = ExtractPropTypes<typeof textProps>\nexport type TextPropsPublic = ExtractPublicPropTypes<typeof textProps>\n"],"names":[],"mappings":";;;AAKO,MAAM,YAAY,UAAW,CAAA;AAAA,EAIlC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAQ,CAAC,SAAA,EAAW,WAAW,MAAQ,EAAA,SAAA,EAAW,UAAU,EAAE,CAAA;AAAA,IAC9D,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,cAAA;AAAA,IACR,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA,OAAA;AAAA,EAIX,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,GACvB;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AACF,CAAU;;;;"}
+{"version":3,"file":"text.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'\nimport { textProps } from './text'\n\ndefineOptions({\n  name: 'ElText',\n})\n\nconst props = defineProps(textProps)\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","tag","_normalizeClass","_normalizeStyle","lineClamp","_renderSlot"],"mappings":"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"}

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

@@ -1,72 +1,26 @@
-import { defineComponent, ref, computed, onMounted, onUpdated, openBlock, createBlock, resolveDynamicComponent, normalizeClass, normalizeStyle, withCtx, renderSlot, useAttrs } from 'vue';
-import { textProps } from './text.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useFormSize } from '../../form/src/hooks/use-form-common-props.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { isUndefined } from '../../../utils/types.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { componentSizes } from '../../../constants/size.mjs';
 
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElText"
+const textProps = buildProps({
+  type: {
+    type: String,
+    values: ["primary", "success", "info", "warning", "danger", ""],
+    default: ""
   },
-  __name: "text",
-  props: textProps,
-  setup(__props) {
-    const props = __props;
-    const textRef = ref();
-    const textSize = useFormSize();
-    const ns = useNamespace("text");
-    const textKls = computed(() => [
-      ns.b(),
-      ns.m(props.type),
-      ns.m(textSize.value),
-      ns.is("truncated", props.truncated),
-      ns.is("line-clamp", !isUndefined(props.lineClamp))
-    ]);
-    const bindTitle = () => {
-      var _a, _b, _c, _d, _e, _f, _g;
-      const inheritTitle = useAttrs().title;
-      if (inheritTitle)
-        return;
-      let shouldAddTitle = false;
-      const text = ((_a = textRef.value) == null ? void 0 : _a.textContent) || "";
-      if (props.truncated) {
-        const width = (_b = textRef.value) == null ? void 0 : _b.offsetWidth;
-        const scrollWidth = (_c = textRef.value) == null ? void 0 : _c.scrollWidth;
-        if (width && scrollWidth && scrollWidth > width) {
-          shouldAddTitle = true;
-        }
-      } else if (!isUndefined(props.lineClamp)) {
-        const height = (_d = textRef.value) == null ? void 0 : _d.offsetHeight;
-        const scrollHeight = (_e = textRef.value) == null ? void 0 : _e.scrollHeight;
-        if (height && scrollHeight && scrollHeight > height) {
-          shouldAddTitle = true;
-        }
-      }
-      if (shouldAddTitle) {
-        (_f = textRef.value) == null ? void 0 : _f.setAttribute("title", text);
-      } else {
-        (_g = textRef.value) == null ? void 0 : _g.removeAttribute("title");
-      }
-    };
-    onMounted(bindTitle);
-    onUpdated(bindTitle);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
-        ref_key: "textRef",
-        ref: textRef,
-        class: normalizeClass(textKls.value),
-        style: normalizeStyle({ "-webkit-line-clamp": _ctx.lineClamp })
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "style"]);
-    };
+  size: {
+    type: String,
+    values: componentSizes,
+    default: ""
+  },
+  truncated: Boolean,
+  lineClamp: {
+    type: [String, Number]
+  },
+  tag: {
+    type: String,
+    default: "span"
   }
 });
-var Text = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/text/src/text.vue"]]);
 
-export { Text as default };
+export { textProps };
 //# sourceMappingURL=text2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"text2.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'\nimport { textProps } from './text'\n\ndefineOptions({\n  name: 'ElText',\n})\n\nconst props = defineProps(textProps)\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","tag","_normalizeClass","_normalizeStyle","lineClamp","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"text2.mjs","sources":["../../../../../../packages/components/text/src/text.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const textProps = buildProps({\n  /**\n   * @description text type\n   */\n  type: {\n    type: String,\n    values: ['primary', 'success', 'info', 'warning', 'danger', ''],\n    default: '',\n  },\n  /**\n   * @description text size\n   */\n  size: {\n    type: String,\n    values: componentSizes,\n    default: '',\n  },\n  /**\n   * @description render ellipsis\n   */\n  truncated: Boolean,\n  /**\n   * @description maximum lines\n   */\n  lineClamp: {\n    type: [String, Number],\n  },\n  /**\n   * @description custom element tag\n   */\n  tag: {\n    type: String,\n    default: 'span',\n  },\n} as const)\n\nexport type TextProps = ExtractPropTypes<typeof textProps>\nexport type TextPropsPublic = ExtractPublicPropTypes<typeof textProps>\n"],"names":[],"mappings":";;;AAKO,MAAM,YAAY,UAAW,CAAA;AAAA,EAIlC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAQ,CAAC,SAAA,EAAW,WAAW,MAAQ,EAAA,SAAA,EAAW,UAAU,EAAE,CAAA;AAAA,IAC9D,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,cAAA;AAAA,IACR,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA,OAAA;AAAA,EAIX,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,GACvB;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AACF,CAAU;;;;"}

package/es/components/tour/index.mjs

@@ -2,7 +2,7 @@ import Tour from './src/tour2.mjs';
 import TourStep from './src/step2.mjs';
 export { tourEmits, tourProps } from './src/tour.mjs';
 export { tourStepEmits, tourStepProps } from './src/step.mjs';
-export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './src/content2.mjs';
+export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './src/content.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 
 const ElTour = withInstall(Tour, {