@element-plus/nightly 0.0.20260117 → 0.0.20260118

package/lib/components/carousel/src/use-carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-carousel.js","sources":["../../../../../../packages/components/carousel/src/use-carousel.ts"],"sourcesContent":["import {\n  computed,\n  getCurrentInstance,\n  isVNode,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  shallowRef,\n  unref,\n  useSlots,\n  watch,\n} from 'vue'\nimport { throttle } from 'lodash-unified'\nimport { useResizeObserver } from '@vueuse/core'\nimport { debugWarn, flattedChildren, isString } from '@element-plus/utils'\nimport { useOrderedChildren } from '@element-plus/hooks'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { CAROUSEL_ITEM_NAME, carouselContextKey } from './constants'\n\nimport type { SetupContext } from 'vue'\nimport type { CarouselItemContext } from './constants'\nimport type { CarouselEmits, CarouselProps } from './carousel'\n\nconst THROTTLE_TIME = 300\n\nexport const useCarousel = (\n  props: CarouselProps,\n  emit: SetupContext<CarouselEmits>['emit'],\n  componentName: string\n) => {\n  const {\n    children: items,\n    addChild: addItem,\n    removeChild: removeItem,\n    ChildrenSorter: ItemsSorter,\n  } = useOrderedChildren<CarouselItemContext>(\n    getCurrentInstance()!,\n    CAROUSEL_ITEM_NAME\n  )\n\n  const slots = useSlots()\n\n  // refs\n  const activeIndex = ref(-1)\n  const timer = ref<ReturnType<typeof setInterval> | null>(null)\n  const hover = ref(false)\n  const root = ref<HTMLDivElement>()\n  const containerHeight = ref<number>(0)\n  const isItemsTwoLength = ref(true)\n\n  // computed\n  const arrowDisplay = computed(\n    () => props.arrow !== 'never' && !unref(isVertical)\n  )\n\n  const hasLabel = computed(() => {\n    return items.value.some((item) => item.props.label.toString().length > 0)\n  })\n\n  const isCardType = computed(() => props.type === 'card')\n  const isVertical = computed(() => props.direction === 'vertical')\n\n  const containerStyle = computed(() => {\n    if (props.height !== 'auto') {\n      return {\n        height: props.height,\n      }\n    }\n    return {\n      height: `${containerHeight.value}px`,\n      overflow: 'hidden',\n    }\n  })\n\n  // methods\n  const throttledArrowClick = throttle(\n    (index: number) => {\n      setActiveItem(index)\n    },\n    THROTTLE_TIME,\n    { trailing: true }\n  )\n\n  const throttledIndicatorHover = throttle((index: number) => {\n    handleIndicatorHover(index)\n  }, THROTTLE_TIME)\n\n  const isTwoLengthShow = (index: number) => {\n    if (!isItemsTwoLength.value) return true\n    return activeIndex.value <= 1 ? index <= 1 : index > 1\n  }\n\n  function pauseTimer() {\n    if (timer.value) {\n      clearInterval(timer.value)\n      timer.value = null\n    }\n  }\n\n  function startTimer() {\n    if (props.interval <= 0 || !props.autoplay || timer.value) return\n    timer.value = setInterval(() => playSlides(), props.interval)\n  }\n\n  const playSlides = () => {\n    if (activeIndex.value < items.value.length - 1) {\n      activeIndex.value = activeIndex.value + 1\n    } else if (props.loop) {\n      activeIndex.value = 0\n    }\n  }\n\n  function setActiveItem(index: number | string) {\n    if (isString(index)) {\n      const filteredItems = items.value.filter(\n        (item) => item.props.name === index\n      )\n      if (filteredItems.length > 0) {\n        index = items.value.indexOf(filteredItems[0])\n      }\n    }\n    index = Number(index)\n    if (Number.isNaN(index) || index !== Math.floor(index)) {\n      debugWarn(componentName, 'index must be integer.')\n      return\n    }\n    const itemCount = items.value.length\n    const oldIndex = activeIndex.value\n    if (index < 0) {\n      activeIndex.value = props.loop ? itemCount - 1 : 0\n    } else if (index >= itemCount) {\n      activeIndex.value = props.loop ? 0 : itemCount - 1\n    } else {\n      activeIndex.value = index\n    }\n    if (oldIndex === activeIndex.value) {\n      resetItemPosition(oldIndex)\n    }\n    resetTimer()\n  }\n\n  function resetItemPosition(oldIndex?: number) {\n    items.value.forEach((item, index) => {\n      item.translateItem(index, activeIndex.value, oldIndex)\n    })\n  }\n\n  function itemInStage(item: CarouselItemContext, index: number) {\n    const _items = unref(items)\n    const itemCount = _items.length\n    if (itemCount === 0 || !item.states.inStage) return false\n    const nextItemIndex = index + 1\n    const prevItemIndex = index - 1\n    const lastItemIndex = itemCount - 1\n    const isLastItemActive = _items[lastItemIndex].states.active\n    const isFirstItemActive = _items[0].states.active\n    const isNextItemActive = _items[nextItemIndex]?.states?.active\n    const isPrevItemActive = _items[prevItemIndex]?.states?.active\n\n    if ((index === lastItemIndex && isFirstItemActive) || isNextItemActive) {\n      return 'left'\n    } else if ((index === 0 && isLastItemActive) || isPrevItemActive) {\n      return 'right'\n    }\n    return false\n  }\n\n  function handleMouseEnter() {\n    hover.value = true\n    if (props.pauseOnHover) {\n      pauseTimer()\n    }\n  }\n\n  function handleMouseLeave() {\n    hover.value = false\n    startTimer()\n  }\n\n  function handleButtonEnter(arrow: 'left' | 'right') {\n    if (unref(isVertical)) return\n    items.value.forEach((item, index) => {\n      if (arrow === itemInStage(item, index)) {\n        item.states.hover = true\n      }\n    })\n  }\n\n  function handleButtonLeave() {\n    if (unref(isVertical)) return\n    items.value.forEach((item) => {\n      item.states.hover = false\n    })\n  }\n\n  function handleIndicatorClick(index: number) {\n    activeIndex.value = index\n  }\n\n  function handleIndicatorHover(index: number) {\n    if (props.trigger === 'hover' && index !== activeIndex.value) {\n      activeIndex.value = index\n    }\n  }\n\n  function prev() {\n    setActiveItem(activeIndex.value - 1)\n  }\n\n  function next() {\n    setActiveItem(activeIndex.value + 1)\n  }\n\n  function resetTimer() {\n    pauseTimer()\n    if (!props.pauseOnHover) startTimer()\n  }\n\n  function setContainerHeight(height: number) {\n    if (props.height !== 'auto') return\n    containerHeight.value = height\n  }\n\n  function PlaceholderItem() {\n    // fix: https://github.com/element-plus/element-plus/issues/12139\n    const defaultSlots = slots.default?.()\n    if (!defaultSlots) return null\n\n    const flatSlots = flattedChildren(defaultSlots)\n\n    const normalizeSlots = flatSlots.filter((slot) => {\n      return isVNode(slot) && (slot.type as any).name === CAROUSEL_ITEM_NAME\n    })\n\n    if (normalizeSlots?.length === 2 && props.loop && !isCardType.value) {\n      isItemsTwoLength.value = true\n      return normalizeSlots\n    }\n    isItemsTwoLength.value = false\n    return null\n  }\n\n  // watch\n  watch(\n    () => activeIndex.value,\n    (current, prev) => {\n      resetItemPosition(prev)\n      if (isItemsTwoLength.value) {\n        current = current % 2\n        prev = prev % 2\n      }\n      if (prev > -1) {\n        emit(CHANGE_EVENT, current, prev)\n      }\n    }\n  )\n\n  const exposeActiveIndex = computed({\n    get: () => {\n      return isItemsTwoLength.value ? activeIndex.value % 2 : activeIndex.value\n    },\n    set: (value) => (activeIndex.value = value),\n  })\n\n  watch(\n    () => props.autoplay,\n    (autoplay) => {\n      autoplay ? startTimer() : pauseTimer()\n    }\n  )\n  watch(\n    () => props.loop,\n    () => {\n      setActiveItem(activeIndex.value)\n    }\n  )\n\n  watch(\n    () => props.interval,\n    () => {\n      resetTimer()\n    }\n  )\n\n  const resizeObserver = shallowRef<ReturnType<typeof useResizeObserver>>()\n  // lifecycle\n  onMounted(() => {\n    watch(\n      () => items.value,\n      () => {\n        if (items.value.length > 0) setActiveItem(props.initialIndex)\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    resizeObserver.value = useResizeObserver(root.value, () => {\n      resetItemPosition()\n    })\n    startTimer()\n  })\n\n  onBeforeUnmount(() => {\n    pauseTimer()\n    if (root.value && resizeObserver.value) resizeObserver.value.stop()\n  })\n\n  // provide\n  provide(carouselContextKey, {\n    root,\n    isCardType,\n    isVertical,\n    items,\n    loop: props.loop,\n    cardScale: props.cardScale,\n    addItem,\n    removeItem,\n    setActiveItem,\n    setContainerHeight,\n  })\n\n  return {\n    root,\n    activeIndex,\n    exposeActiveIndex,\n    arrowDisplay,\n    hasLabel,\n    hover,\n    isCardType,\n    items,\n    isVertical,\n    containerStyle,\n    isItemsTwoLength,\n    handleButtonEnter,\n    handleButtonLeave,\n    handleIndicatorClick,\n    handleMouseEnter,\n    handleMouseLeave,\n    setActiveItem,\n    prev,\n    next,\n    PlaceholderItem,\n    isTwoLengthShow,\n    ItemsSorter,\n    throttledArrowClick,\n    throttledIndicatorHover,\n  }\n}\n"],"names":["useOrderedChildren","getCurrentInstance","CAROUSEL_ITEM_NAME","useSlots","ref","computed","unref","throttle","isString","debugWarn","flattedChildren","isVNode","watch","prev","CHANGE_EVENT","shallowRef","onMounted","useResizeObserver","onBeforeUnmount","provide","carouselContextKey"],"mappings":"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"}
+{"version":3,"file":"use-carousel.js","sources":["../../../../../../packages/components/carousel/src/use-carousel.ts"],"sourcesContent":["import {\n  computed,\n  getCurrentInstance,\n  isVNode,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  shallowRef,\n  unref,\n  useSlots,\n  watch,\n} from 'vue'\nimport { throttle } from 'lodash-unified'\nimport { useResizeObserver } from '@vueuse/core'\nimport { debugWarn, flattedChildren, isString } from '@element-plus/utils'\nimport { useOrderedChildren } from '@element-plus/hooks'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { CAROUSEL_ITEM_NAME, carouselContextKey } from './constants'\n\nimport type { SetupContext } from 'vue'\nimport type { CarouselItemContext } from './constants'\nimport type { CarouselEmits, CarouselProps } from './carousel'\n\nconst THROTTLE_TIME = 300\n\nexport const useCarousel = (\n  props: Required<CarouselProps>,\n  emit: SetupContext<CarouselEmits>['emit'],\n  componentName: string\n) => {\n  const {\n    children: items,\n    addChild: addItem,\n    removeChild: removeItem,\n    ChildrenSorter: ItemsSorter,\n  } = useOrderedChildren<CarouselItemContext>(\n    getCurrentInstance()!,\n    CAROUSEL_ITEM_NAME\n  )\n\n  const slots = useSlots()\n\n  // refs\n  const activeIndex = ref(-1)\n  const timer = ref<ReturnType<typeof setInterval> | null>(null)\n  const hover = ref(false)\n  const root = ref<HTMLDivElement>()\n  const containerHeight = ref<number>(0)\n  const isItemsTwoLength = ref(true)\n\n  // computed\n  const arrowDisplay = computed(\n    () => props.arrow !== 'never' && !unref(isVertical)\n  )\n\n  const hasLabel = computed(() => {\n    return items.value.some((item) => item.props.label.toString().length > 0)\n  })\n\n  const isCardType = computed(() => props.type === 'card')\n  const isVertical = computed(() => props.direction === 'vertical')\n\n  const containerStyle = computed(() => {\n    if (props.height !== 'auto') {\n      return {\n        height: props.height,\n      }\n    }\n    return {\n      height: `${containerHeight.value}px`,\n      overflow: 'hidden',\n    }\n  })\n\n  // methods\n  const throttledArrowClick = throttle(\n    (index: number) => {\n      setActiveItem(index)\n    },\n    THROTTLE_TIME,\n    { trailing: true }\n  )\n\n  const throttledIndicatorHover = throttle((index: number) => {\n    handleIndicatorHover(index)\n  }, THROTTLE_TIME)\n\n  const isTwoLengthShow = (index: number) => {\n    if (!isItemsTwoLength.value) return true\n    return activeIndex.value <= 1 ? index <= 1 : index > 1\n  }\n\n  function pauseTimer() {\n    if (timer.value) {\n      clearInterval(timer.value)\n      timer.value = null\n    }\n  }\n\n  function startTimer() {\n    if (props.interval <= 0 || !props.autoplay || timer.value) return\n    timer.value = setInterval(() => playSlides(), props.interval)\n  }\n\n  const playSlides = () => {\n    if (activeIndex.value < items.value.length - 1) {\n      activeIndex.value = activeIndex.value + 1\n    } else if (props.loop) {\n      activeIndex.value = 0\n    }\n  }\n\n  function setActiveItem(index: number | string) {\n    if (isString(index)) {\n      const filteredItems = items.value.filter(\n        (item) => item.props.name === index\n      )\n      if (filteredItems.length > 0) {\n        index = items.value.indexOf(filteredItems[0])\n      }\n    }\n    index = Number(index)\n    if (Number.isNaN(index) || index !== Math.floor(index)) {\n      debugWarn(componentName, 'index must be integer.')\n      return\n    }\n    const itemCount = items.value.length\n    const oldIndex = activeIndex.value\n    if (index < 0) {\n      activeIndex.value = props.loop ? itemCount - 1 : 0\n    } else if (index >= itemCount) {\n      activeIndex.value = props.loop ? 0 : itemCount - 1\n    } else {\n      activeIndex.value = index\n    }\n    if (oldIndex === activeIndex.value) {\n      resetItemPosition(oldIndex)\n    }\n    resetTimer()\n  }\n\n  function resetItemPosition(oldIndex?: number) {\n    items.value.forEach((item, index) => {\n      item.translateItem(index, activeIndex.value, oldIndex)\n    })\n  }\n\n  function itemInStage(item: CarouselItemContext, index: number) {\n    const _items = unref(items)\n    const itemCount = _items.length\n    if (itemCount === 0 || !item.states.inStage) return false\n    const nextItemIndex = index + 1\n    const prevItemIndex = index - 1\n    const lastItemIndex = itemCount - 1\n    const isLastItemActive = _items[lastItemIndex].states.active\n    const isFirstItemActive = _items[0].states.active\n    const isNextItemActive = _items[nextItemIndex]?.states?.active\n    const isPrevItemActive = _items[prevItemIndex]?.states?.active\n\n    if ((index === lastItemIndex && isFirstItemActive) || isNextItemActive) {\n      return 'left'\n    } else if ((index === 0 && isLastItemActive) || isPrevItemActive) {\n      return 'right'\n    }\n    return false\n  }\n\n  function handleMouseEnter() {\n    hover.value = true\n    if (props.pauseOnHover) {\n      pauseTimer()\n    }\n  }\n\n  function handleMouseLeave() {\n    hover.value = false\n    startTimer()\n  }\n\n  function handleButtonEnter(arrow: 'left' | 'right') {\n    if (unref(isVertical)) return\n    items.value.forEach((item, index) => {\n      if (arrow === itemInStage(item, index)) {\n        item.states.hover = true\n      }\n    })\n  }\n\n  function handleButtonLeave() {\n    if (unref(isVertical)) return\n    items.value.forEach((item) => {\n      item.states.hover = false\n    })\n  }\n\n  function handleIndicatorClick(index: number) {\n    activeIndex.value = index\n  }\n\n  function handleIndicatorHover(index: number) {\n    if (props.trigger === 'hover' && index !== activeIndex.value) {\n      activeIndex.value = index\n    }\n  }\n\n  function prev() {\n    setActiveItem(activeIndex.value - 1)\n  }\n\n  function next() {\n    setActiveItem(activeIndex.value + 1)\n  }\n\n  function resetTimer() {\n    pauseTimer()\n    if (!props.pauseOnHover) startTimer()\n  }\n\n  function setContainerHeight(height: number) {\n    if (props.height !== 'auto') return\n    containerHeight.value = height\n  }\n\n  function PlaceholderItem() {\n    // fix: https://github.com/element-plus/element-plus/issues/12139\n    const defaultSlots = slots.default?.()\n    if (!defaultSlots) return null\n\n    const flatSlots = flattedChildren(defaultSlots)\n\n    const normalizeSlots = flatSlots.filter((slot) => {\n      return isVNode(slot) && (slot.type as any).name === CAROUSEL_ITEM_NAME\n    })\n\n    if (normalizeSlots?.length === 2 && props.loop && !isCardType.value) {\n      isItemsTwoLength.value = true\n      return normalizeSlots\n    }\n    isItemsTwoLength.value = false\n    return null\n  }\n\n  // watch\n  watch(\n    () => activeIndex.value,\n    (current, prev) => {\n      resetItemPosition(prev)\n      if (isItemsTwoLength.value) {\n        current = current % 2\n        prev = prev % 2\n      }\n      if (prev > -1) {\n        emit(CHANGE_EVENT, current, prev)\n      }\n    }\n  )\n\n  const exposeActiveIndex = computed({\n    get: () => {\n      return isItemsTwoLength.value ? activeIndex.value % 2 : activeIndex.value\n    },\n    set: (value) => (activeIndex.value = value),\n  })\n\n  watch(\n    () => props.autoplay,\n    (autoplay) => {\n      autoplay ? startTimer() : pauseTimer()\n    }\n  )\n  watch(\n    () => props.loop,\n    () => {\n      setActiveItem(activeIndex.value)\n    }\n  )\n\n  watch(\n    () => props.interval,\n    () => {\n      resetTimer()\n    }\n  )\n\n  const resizeObserver = shallowRef<ReturnType<typeof useResizeObserver>>()\n  // lifecycle\n  onMounted(() => {\n    watch(\n      () => items.value,\n      () => {\n        if (items.value.length > 0) setActiveItem(props.initialIndex)\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    resizeObserver.value = useResizeObserver(root.value, () => {\n      resetItemPosition()\n    })\n    startTimer()\n  })\n\n  onBeforeUnmount(() => {\n    pauseTimer()\n    if (root.value && resizeObserver.value) resizeObserver.value.stop()\n  })\n\n  // provide\n  provide(carouselContextKey, {\n    root,\n    isCardType,\n    isVertical,\n    items,\n    loop: props.loop,\n    cardScale: props.cardScale,\n    addItem,\n    removeItem,\n    setActiveItem,\n    setContainerHeight,\n  })\n\n  return {\n    root,\n    activeIndex,\n    exposeActiveIndex,\n    arrowDisplay,\n    hasLabel,\n    hover,\n    isCardType,\n    items,\n    isVertical,\n    containerStyle,\n    isItemsTwoLength,\n    handleButtonEnter,\n    handleButtonLeave,\n    handleIndicatorClick,\n    handleMouseEnter,\n    handleMouseLeave,\n    setActiveItem,\n    prev,\n    next,\n    PlaceholderItem,\n    isTwoLengthShow,\n    ItemsSorter,\n    throttledArrowClick,\n    throttledIndicatorHover,\n  }\n}\n"],"names":["useOrderedChildren","getCurrentInstance","CAROUSEL_ITEM_NAME","useSlots","ref","computed","unref","throttle","isString","debugWarn","flattedChildren","isVNode","watch","prev","CHANGE_EVENT","shallowRef","onMounted","useResizeObserver","onBeforeUnmount","provide","carouselContextKey"],"mappings":"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"}

package/lib/components/check-tag/src/check-tag.d.ts

@@ -1,11 +1,30 @@
 import type CheckTag from './check-tag.vue';
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
+export interface CheckTagProps {
+    /**
+     * @description is checked
+     */
+    checked?: boolean;
+    /**
+     * @description whether the check-tag is disabled
+     */
+    disabled?: boolean;
+    /**
+     * @description type of Tag
+     */
+    type?: 'primary' | 'success' | 'info' | 'warning' | 'danger';
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `CheckTagProps` instead.
+ */
 export declare const checkTagProps: {
     readonly checked: BooleanConstructor;
     readonly disabled: BooleanConstructor;
     readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "primary", boolean>;
 };
-export type CheckTagProps = ExtractPropTypes<typeof checkTagProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `CheckTagProps` instead.
+ */
 export type CheckTagPropsPublic = ExtractPublicPropTypes<typeof checkTagProps>;
 export declare const checkTagEmits: {
     'update:checked': (value: boolean) => boolean;

package/lib/components/check-tag/src/check-tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"check-tag.js","sources":["../../../../../../packages/components/check-tag/src/check-tag.ts"],"sourcesContent":["import { buildProps, isBoolean } from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\n\nimport type CheckTag from './check-tag.vue'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const checkTagProps = buildProps({\n  /**\n   * @description is checked\n   */\n  checked: Boolean,\n  /**\n   * @description whether the check-tag is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description type of Tag\n   */\n  type: {\n    type: String,\n    values: ['primary', 'success', 'info', 'warning', 'danger'],\n    default: 'primary',\n  },\n} as const)\nexport type CheckTagProps = ExtractPropTypes<typeof checkTagProps>\nexport type CheckTagPropsPublic = ExtractPublicPropTypes<typeof checkTagProps>\n\nexport const checkTagEmits = {\n  'update:checked': (value: boolean) => isBoolean(value),\n  [CHANGE_EVENT]: (value: boolean) => isBoolean(value),\n}\nexport type CheckTagEmits = typeof checkTagEmits\n\nexport type CheckTagInstance = InstanceType<typeof CheckTag> & unknown\n"],"names":["buildProps","isBoolean","CHANGE_EVENT"],"mappings":";;;;;;AAMO,MAAM,gBAAgBA,kBAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAItC,OAAA,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,EAIT,QAAA,EAAU,OAAA;AAAA;AAAA;AAAA;AAAA,EAIV,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,QAAQ,CAAC,SAAA,EAAW,SAAA,EAAW,MAAA,EAAQ,WAAW,QAAQ,CAAA;AAAA,IAC1D,OAAA,EAAS;AAAA;AAEb,CAAU;AAIH,MAAM,aAAA,GAAgB;AAAA,EAC3B,gBAAA,EAAkB,CAAC,KAAA,KAAmBC,eAAA,CAAU,KAAK,CAAA;AAAA,EACrD,CAACC,kBAAY,GAAG,CAAC,KAAA,KAAmBD,gBAAU,KAAK;AACrD;;;;;"}
+{"version":3,"file":"check-tag.js","sources":["../../../../../../packages/components/check-tag/src/check-tag.ts"],"sourcesContent":["import { buildProps, isBoolean } from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\n\nimport type CheckTag from './check-tag.vue'\nimport type { ExtractPublicPropTypes } from 'vue'\n\nexport interface CheckTagProps {\n  /**\n   * @description is checked\n   */\n  checked?: boolean\n  /**\n   * @description whether the check-tag is disabled\n   */\n  disabled?: boolean\n  /**\n   * @description type of Tag\n   */\n  type?: 'primary' | 'success' | 'info' | 'warning' | 'danger'\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `CheckTagProps` instead.\n */\nexport const checkTagProps = buildProps({\n  /**\n   * @description is checked\n   */\n  checked: Boolean,\n  /**\n   * @description whether the check-tag is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description type of Tag\n   */\n  type: {\n    type: String,\n    values: ['primary', 'success', 'info', 'warning', 'danger'],\n    default: 'primary',\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `CheckTagProps` instead.\n */\nexport type CheckTagPropsPublic = ExtractPublicPropTypes<typeof checkTagProps>\n\nexport const checkTagEmits = {\n  'update:checked': (value: boolean) => isBoolean(value),\n  [CHANGE_EVENT]: (value: boolean) => isBoolean(value),\n}\nexport type CheckTagEmits = typeof checkTagEmits\n\nexport type CheckTagInstance = InstanceType<typeof CheckTag> & unknown\n"],"names":["buildProps","isBoolean","CHANGE_EVENT"],"mappings":";;;;;;AAwBO,MAAM,gBAAgBA,kBAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAItC,OAAA,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,EAIT,QAAA,EAAU,OAAA;AAAA;AAAA;AAAA;AAAA,EAIV,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,QAAQ,CAAC,SAAA,EAAW,SAAA,EAAW,MAAA,EAAQ,WAAW,QAAQ,CAAA;AAAA,IAC1D,OAAA,EAAS;AAAA;AAEb,CAAU;AAOH,MAAM,aAAA,GAAgB;AAAA,EAC3B,gBAAA,EAAkB,CAAC,KAAA,KAAmBC,eAAA,CAAU,KAAK,CAAA;AAAA,EACrD,CAACC,kBAAY,GAAG,CAAC,KAAA,KAAmBD,gBAAU,KAAK;AACrD;;;;;"}

package/lib/components/check-tag/src/check-tag.vue.d.ts

@@ -1,31 +1,42 @@
+import type { CheckTagProps } from './check-tag';
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly checked: BooleanConstructor;
-    readonly disabled: BooleanConstructor;
-    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "primary", boolean>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<CheckTagProps>, {
+    type: string;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: boolean) => void;
     "update:checked": (value: boolean) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly checked: BooleanConstructor;
-    readonly disabled: BooleanConstructor;
-    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "primary", boolean>;
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<CheckTagProps>, {
+    type: string;
+}>>> & {
     onChange?: ((value: boolean) => any) | undefined;
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
 }, {
-    readonly disabled: boolean;
-    readonly type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>;
-    readonly checked: boolean;
+    type: "primary" | "success" | "info" | "warning" | "danger";
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/lib/components/check-tag/src/check-tag.vue2.js

@@ -12,7 +12,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElCheckTag"
   },
   __name: "check-tag",
-  props: checkTag.checkTagProps,
+  props: {
+    checked: { type: Boolean, required: false },
+    disabled: { type: Boolean, required: false },
+    type: { type: String, required: false, default: "primary" }
+  },
   emits: checkTag.checkTagEmits,
   setup(__props, { emit: __emit }) {
     const props = __props;

package/lib/components/check-tag/src/check-tag.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"check-tag.vue2.js","sources":["../../../../../../packages/components/check-tag/src/check-tag.vue"],"sourcesContent":["<template>\n  <span :class=\"containerKls\" @click=\"handleChange\">\n    <slot />\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport { checkTagEmits, checkTagProps } from './check-tag'\n\ndefineOptions({\n  name: 'ElCheckTag',\n})\nconst props = defineProps(checkTagProps)\nconst emit = defineEmits(checkTagEmits)\n\nconst ns = useNamespace('check-tag')\nconst containerKls = computed(() => [\n  ns.b(),\n  ns.is('checked', props.checked),\n  ns.is('disabled', props.disabled),\n  ns.m(props.type || 'primary'),\n])\n\nconst handleChange = () => {\n  if (props.disabled) return\n\n  const checked = !props.checked\n  emit(CHANGE_EVENT, checked)\n  emit('update:checked', checked)\n}\n</script>\n"],"names":["useNamespace","computed","CHANGE_EVENT","_createElementBlock","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;AAeA,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,EAAA,GAAKA,mBAAa,WAAW,CAAA;AACnC,IAAA,MAAM,YAAA,GAAeC,aAAS,MAAM;AAAA,MAClC,GAAG,CAAA,EAAE;AAAA,MACL,EAAA,CAAG,EAAA,CAAG,SAAA,EAAW,KAAA,CAAM,OAAO,CAAA;AAAA,MAC9B,EAAA,CAAG,EAAA,CAAG,UAAA,EAAY,KAAA,CAAM,QAAQ,CAAA;AAAA,MAChC,EAAA,CAAG,CAAA,CAAE,KAAA,CAAM,IAAA,IAAQ,SAAS;AAAA,KAC7B,CAAA;AAED,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,IAAI,MAAM,QAAA,EAAU;AAEpB,MAAA,MAAM,OAAA,GAAU,CAAC,KAAA,CAAM,OAAA;AACvB,MAAA,IAAA,CAAKC,oBAAc,OAAO,CAAA;AAC1B,MAAA,IAAA,CAAK,kBAAkB,OAAO,CAAA;AAAA,IAChC,CAAA;;8BA/BEC,sBAAA;AAAA,QAEO,MAAA;AAAA,QAAA;AAAA,UAFA,KAAA,qBAAO,YAAA,CAAA,KAAY,CAAA;AAAA,UAAG,OAAA,EAAO;AAAA;;UAClCC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"check-tag.vue2.js","sources":["../../../../../../packages/components/check-tag/src/check-tag.vue"],"sourcesContent":["<template>\n  <span :class=\"containerKls\" @click=\"handleChange\">\n    <slot />\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport { checkTagEmits } from './check-tag'\n\nimport type { CheckTagProps } from './check-tag'\n\ndefineOptions({\n  name: 'ElCheckTag',\n})\nconst props = withDefaults(defineProps<CheckTagProps>(), {\n  type: 'primary',\n})\nconst emit = defineEmits(checkTagEmits)\n\nconst ns = useNamespace('check-tag')\nconst containerKls = computed(() => [\n  ns.b(),\n  ns.is('checked', props.checked),\n  ns.is('disabled', props.disabled),\n  ns.m(props.type || 'primary'),\n])\n\nconst handleChange = () => {\n  if (props.disabled) return\n\n  const checked = !props.checked\n  emit(CHANGE_EVENT, checked)\n  emit('update:checked', checked)\n}\n</script>\n"],"names":["useNamespace","computed","CHANGE_EVENT","_createElementBlock","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAGd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,EAAA,GAAKA,mBAAa,WAAW,CAAA;AACnC,IAAA,MAAM,YAAA,GAAeC,aAAS,MAAM;AAAA,MAClC,GAAG,CAAA,EAAE;AAAA,MACL,EAAA,CAAG,EAAA,CAAG,SAAA,EAAW,KAAA,CAAM,OAAO,CAAA;AAAA,MAC9B,EAAA,CAAG,EAAA,CAAG,UAAA,EAAY,KAAA,CAAM,QAAQ,CAAA;AAAA,MAChC,EAAA,CAAG,CAAA,CAAE,KAAA,CAAM,IAAA,IAAQ,SAAS;AAAA,KAC7B,CAAA;AAED,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,IAAI,MAAM,QAAA,EAAU;AAEpB,MAAA,MAAM,OAAA,GAAU,CAAC,KAAA,CAAM,OAAA;AACvB,MAAA,IAAA,CAAKC,oBAAc,OAAO,CAAA;AAC1B,MAAA,IAAA,CAAK,kBAAkB,OAAO,CAAA;AAAA,IAChC,CAAA;;8BAnCEC,sBAAA;AAAA,QAEO,MAAA;AAAA,QAAA;AAAA,UAFA,KAAA,qBAAO,YAAA,CAAA,KAAY,CAAA;AAAA,UAAG,OAAA,EAAO;AAAA;;UAClCC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}

package/lib/components/col/src/col.d.ts

@@ -1,4 +1,4 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
 import type Col from './col.vue';
 export type ColSizeObject = {
     span?: number;
@@ -7,6 +7,51 @@ export type ColSizeObject = {
     push?: number;
 };
 export type ColSize = number | ColSizeObject;
+export interface ColProps {
+    /**
+     * @description custom element tag
+     */
+    tag?: string;
+    /**
+     * @description number of column the grid spans
+     */
+    span?: number;
+    /**
+     * @description number of spacing on the left side of the grid
+     */
+    offset?: number;
+    /**
+     * @description number of columns that grid moves to the left
+     */
+    pull?: number;
+    /**
+     * @description number of columns that grid moves to the right
+     */
+    push?: number;
+    /**
+     * @description `<768px` Responsive columns or column props object
+     */
+    xs?: ColSize;
+    /**
+     * @description `≥768px` Responsive columns or column props object
+     */
+    sm?: ColSize;
+    /**
+     * @description `≥992px` Responsive columns or column props object
+     */
+    md?: ColSize;
+    /**
+     * @description `≥1200px` Responsive columns or column props object
+     */
+    lg?: ColSize;
+    /**
+     * @description `≥1920px` Responsive columns or column props object
+     */
+    xl?: ColSize;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `ColProps` instead.
+ */
 export declare const colProps: {
     readonly tag: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
     readonly span: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 24, boolean>;
@@ -19,6 +64,8 @@ export declare const colProps: {
     readonly lg: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => number | ColSizeObject) | (() => ColSize) | ((new (...args: any[]) => number | ColSizeObject) | (() => ColSize))[], unknown, unknown, () => import("@element-plus/nightly/es/utils").Mutable<{}>, boolean>;
     readonly xl: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => number | ColSizeObject) | (() => ColSize) | ((new (...args: any[]) => number | ColSizeObject) | (() => ColSize))[], unknown, unknown, () => import("@element-plus/nightly/es/utils").Mutable<{}>, boolean>;
 };
-export type ColProps = ExtractPropTypes<typeof colProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `ColProps` instead.
+ */
 export type ColPropsPublic = ExtractPublicPropTypes<typeof colProps>;
 export type ColInstance = InstanceType<typeof Col> & unknown;

package/lib/components/col/src/col.js.map

@@ -1 +1 @@
-{"version":3,"file":"col.js","sources":["../../../../../../packages/components/col/src/col.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Col from './col.vue'\n\nexport type ColSizeObject = {\n  span?: number\n  offset?: number\n  pull?: number\n  push?: number\n}\nexport type ColSize = number | ColSizeObject\n\nexport const colProps = buildProps({\n  /**\n   * @description custom element tag\n   */\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  /**\n   * @description number of column the grid spans\n   */\n  span: {\n    type: Number,\n    default: 24,\n  },\n  /**\n   * @description number of spacing on the left side of the grid\n   */\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description number of columns that grid moves to the left\n   */\n  pull: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description number of columns that grid moves to the right\n   */\n  push: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description `<768px` Responsive columns or column props object\n   */\n  xs: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  /**\n   * @description `≥768px` Responsive columns or column props object\n   */\n  sm: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  /**\n   * @description `≥992px` Responsive columns or column props object\n   */\n  md: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  /**\n   * @description `≥1200px` Responsive columns or column props object\n   */\n  lg: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  /**\n   * @description `≥1920px` Responsive columns or column props object\n   */\n  xl: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n} as const)\nexport type ColProps = ExtractPropTypes<typeof colProps>\nexport type ColPropsPublic = ExtractPublicPropTypes<typeof colProps>\nexport type ColInstance = InstanceType<typeof Col> & unknown\n"],"names":["buildProps","definePropType","mutable"],"mappings":";;;;;AAaO,MAAM,WAAWA,kBAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIjC,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,EAAA,EAAI;AAAA,IACF,IAAA,EAAMC,sBAAA,CAAwB,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IAC9C,OAAA,EAAS,MAAMC,kBAAA,CAAQ,EAAW;AAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAIA,EAAA,EAAI;AAAA,IACF,IAAA,EAAMD,sBAAA,CAAwB,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IAC9C,OAAA,EAAS,MAAMC,kBAAA,CAAQ,EAAW;AAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAIA,EAAA,EAAI;AAAA,IACF,IAAA,EAAMD,sBAAA,CAAwB,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IAC9C,OAAA,EAAS,MAAMC,kBAAA,CAAQ,EAAW;AAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAIA,EAAA,EAAI;AAAA,IACF,IAAA,EAAMD,sBAAA,CAAwB,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IAC9C,OAAA,EAAS,MAAMC,kBAAA,CAAQ,EAAW;AAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAIA,EAAA,EAAI;AAAA,IACF,IAAA,EAAMD,sBAAA,CAAwB,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IAC9C,OAAA,EAAS,MAAMC,kBAAA,CAAQ,EAAW;AAAA;AAEtC,CAAU;;;;"}
+{"version":3,"file":"col.js","sources":["../../../../../../packages/components/col/src/col.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Col from './col.vue'\n\nexport type ColSizeObject = {\n  span?: number\n  offset?: number\n  pull?: number\n  push?: number\n}\nexport type ColSize = number | ColSizeObject\n\nexport interface ColProps {\n  /**\n   * @description custom element tag\n   */\n  tag?: string\n  /**\n   * @description number of column the grid spans\n   */\n  span?: number\n  /**\n   * @description number of spacing on the left side of the grid\n   */\n  offset?: number\n  /**\n   * @description number of columns that grid moves to the left\n   */\n  pull?: number\n  /**\n   * @description number of columns that grid moves to the right\n   */\n  push?: number\n  /**\n   * @description `<768px` Responsive columns or column props object\n   */\n  xs?: ColSize\n  /**\n   * @description `≥768px` Responsive columns or column props object\n   */\n  sm?: ColSize\n  /**\n   * @description `≥992px` Responsive columns or column props object\n   */\n  md?: ColSize\n  /**\n   * @description `≥1200px` Responsive columns or column props object\n   */\n  lg?: ColSize\n  /**\n   * @description `≥1920px` Responsive columns or column props object\n   */\n  xl?: ColSize\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `ColProps` instead.\n */\nexport const colProps = buildProps({\n  /**\n   * @description custom element tag\n   */\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  /**\n   * @description number of column the grid spans\n   */\n  span: {\n    type: Number,\n    default: 24,\n  },\n  /**\n   * @description number of spacing on the left side of the grid\n   */\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description number of columns that grid moves to the left\n   */\n  pull: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description number of columns that grid moves to the right\n   */\n  push: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description `<768px` Responsive columns or column props object\n   */\n  xs: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  /**\n   * @description `≥768px` Responsive columns or column props object\n   */\n  sm: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  /**\n   * @description `≥992px` Responsive columns or column props object\n   */\n  md: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  /**\n   * @description `≥1200px` Responsive columns or column props object\n   */\n  lg: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  /**\n   * @description `≥1920px` Responsive columns or column props object\n   */\n  xl: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `ColProps` instead.\n */\nexport type ColPropsPublic = ExtractPublicPropTypes<typeof colProps>\nexport type ColInstance = InstanceType<typeof Col> & unknown\n"],"names":["buildProps","definePropType","mutable"],"mappings":";;;;;AA2DO,MAAM,WAAWA,kBAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIjC,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,EAAA,EAAI;AAAA,IACF,IAAA,EAAMC,sBAAA,CAAwB,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IAC9C,OAAA,EAAS,MAAMC,kBAAA,CAAQ,EAAW;AAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAIA,EAAA,EAAI;AAAA,IACF,IAAA,EAAMD,sBAAA,CAAwB,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IAC9C,OAAA,EAAS,MAAMC,kBAAA,CAAQ,EAAW;AAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAIA,EAAA,EAAI;AAAA,IACF,IAAA,EAAMD,sBAAA,CAAwB,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IAC9C,OAAA,EAAS,MAAMC,kBAAA,CAAQ,EAAW;AAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAIA,EAAA,EAAI;AAAA,IACF,IAAA,EAAMD,sBAAA,CAAwB,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IAC9C,OAAA,EAAS,MAAMC,kBAAA,CAAQ,EAAW;AAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAIA,EAAA,EAAI;AAAA,IACF,IAAA,EAAMD,sBAAA,CAAwB,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IAC9C,OAAA,EAAS,MAAMC,kBAAA,CAAQ,EAAW;AAAA;AAEtC,CAAU;;;;"}

package/lib/components/col/src/col.vue.d.ts

@@ -1,46 +1,63 @@
+import type { ColProps } from './col';
 declare var __VLS_7: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly tag: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
-    readonly span: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 24, boolean>;
-    readonly offset: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly pull: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly push: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly xs: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize) | ((new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize))[], unknown, unknown, () => import("@element-plus/nightly/es/utils").Mutable<{}>, boolean>;
-    readonly sm: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize) | ((new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize))[], unknown, unknown, () => import("@element-plus/nightly/es/utils").Mutable<{}>, boolean>;
-    readonly md: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize) | ((new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize))[], unknown, unknown, () => import("@element-plus/nightly/es/utils").Mutable<{}>, boolean>;
-    readonly lg: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize) | ((new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize))[], unknown, unknown, () => import("@element-plus/nightly/es/utils").Mutable<{}>, boolean>;
-    readonly xl: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize) | ((new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize))[], unknown, unknown, () => import("@element-plus/nightly/es/utils").Mutable<{}>, boolean>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly tag: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
-    readonly span: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 24, boolean>;
-    readonly offset: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly pull: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly push: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly xs: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize) | ((new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize))[], unknown, unknown, () => import("@element-plus/nightly/es/utils").Mutable<{}>, boolean>;
-    readonly sm: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize) | ((new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize))[], unknown, unknown, () => import("@element-plus/nightly/es/utils").Mutable<{}>, boolean>;
-    readonly md: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize) | ((new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize))[], unknown, unknown, () => import("@element-plus/nightly/es/utils").Mutable<{}>, boolean>;
-    readonly lg: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize) | ((new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize))[], unknown, unknown, () => import("@element-plus/nightly/es/utils").Mutable<{}>, boolean>;
-    readonly xl: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize) | ((new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize))[], unknown, unknown, () => import("@element-plus/nightly/es/utils").Mutable<{}>, boolean>;
-}>>, {
-    readonly span: number;
-    readonly push: number;
-    readonly offset: number;
-    readonly tag: string;
-    readonly pull: number;
-    readonly xs: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize) | ((new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize))[], unknown, unknown>;
-    readonly sm: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize) | ((new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize))[], unknown, unknown>;
-    readonly md: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize) | ((new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize))[], unknown, unknown>;
-    readonly lg: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize) | ((new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize))[], unknown, unknown>;
-    readonly xl: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize) | ((new (...args: any[]) => number | import("./col").ColSizeObject) | (() => import("./col").ColSize))[], unknown, unknown>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<ColProps>, {
+    tag: string;
+    span: number;
+    offset: number;
+    pull: number;
+    push: number;
+    xs: () => {};
+    sm: () => {};
+    md: () => {};
+    lg: () => {};
+    xl: () => {};
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<ColProps>, {
+    tag: string;
+    span: number;
+    offset: number;
+    pull: number;
+    push: number;
+    xs: () => {};
+    sm: () => {};
+    md: () => {};
+    lg: () => {};
+    xl: () => {};
+}>>>, {
+    span: number;
+    push: number;
+    offset: number;
+    tag: string;
+    pull: number;
+    xs: import("./col").ColSize;
+    sm: import("./col").ColSize;
+    md: import("./col").ColSize;
+    lg: import("./col").ColSize;
+    xl: import("./col").ColSize;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var col = require('./col.js');
 var constants = require('../../row/src/constants.js');
 var index = require('../../../hooks/use-namespace/index.js');
 var types = require('../../../utils/types.js');
@@ -14,7 +13,18 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElCol"
   },
   __name: "col",
-  props: col.colProps,
+  props: {
+    tag: { type: String, required: false, default: "div" },
+    span: { type: Number, required: false, default: 24 },
+    offset: { type: Number, required: false, default: 0 },
+    pull: { type: Number, required: false, default: 0 },
+    push: { type: Number, required: false, default: 0 },
+    xs: { type: [Number, Object], required: false, default: () => ({}) },
+    sm: { type: [Number, Object], required: false, default: () => ({}) },
+    md: { type: [Number, Object], required: false, default: () => ({}) },
+    lg: { type: [Number, Object], required: false, default: () => ({}) },
+    xl: { type: [Number, Object], required: false, default: () => ({}) }
+  },
   setup(__props) {
     const props = __props;
     const { gutter } = vue.inject(constants.rowContextKey, { gutter: vue.computed(() => 0) });
@@ -54,7 +64,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return [ns.b(), classes];
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.tag), {
         class: vue.normalizeClass(colKls.value),
         style: vue.normalizeStyle(style.value)
       }, {

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

@@ -1 +1 @@
-{"version":3,"file":"col.vue2.js","sources":["../../../../../../packages/components/col/src/col.vue"],"sourcesContent":["<template>\n  <component :is=\"tag\" :class=\"colKls\" :style=\"style\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from '@element-plus/components/row'\nimport { colProps } from './col'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElCol',\n})\n\nconst props = defineProps(colProps)\n\nconst { gutter } = inject(rowContextKey, { gutter: computed(() => 0) })\nconst ns = useNamespace('col')\n\nconst style = computed(() => {\n  const styles: CSSProperties = {}\n  if (gutter.value) {\n    styles.paddingLeft = styles.paddingRight = `${gutter.value / 2}px`\n  }\n  return styles\n})\n\nconst colKls = computed(() => {\n  const classes: string[] = []\n  const pos = ['span', 'offset', 'pull', 'push'] as const\n\n  pos.forEach((prop) => {\n    const size = props[prop]\n    if (isNumber(size)) {\n      if (prop === 'span') classes.push(ns.b(`${props[prop]}`))\n      else if (size > 0) classes.push(ns.b(`${prop}-${props[prop]}`))\n    }\n  })\n\n  const sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const\n  sizes.forEach((size) => {\n    if (isNumber(props[size])) {\n      classes.push(ns.b(`${size}-${props[size]}`))\n    } else if (isObject(props[size])) {\n      Object.entries(props[size]).forEach(([prop, sizeProp]) => {\n        classes.push(\n          prop !== 'span'\n            ? ns.b(`${size}-${prop}-${sizeProp}`)\n            : ns.b(`${size}-${sizeProp}`)\n        )\n      })\n    }\n  })\n\n  // this is for the fix\n  if (gutter.value) {\n    classes.push(ns.is('guttered'))\n  }\n  return [ns.b(), classes]\n})\n</script>\n"],"names":["inject","rowContextKey","computed","useNamespace","isNumber","isObject","_openBlock","_createBlock","_resolveDynamicComponent","tag","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"col.vue2.js","sources":["../../../../../../packages/components/col/src/col.vue"],"sourcesContent":["<template>\n  <component :is=\"tag\" :class=\"colKls\" :style=\"style\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from '@element-plus/components/row'\n\nimport type { CSSProperties } from 'vue'\nimport type { ColProps } from './col'\n\ndefineOptions({\n  name: 'ElCol',\n})\n\nconst props = withDefaults(defineProps<ColProps>(), {\n  tag: 'div',\n  span: 24,\n  offset: 0,\n  pull: 0,\n  push: 0,\n  xs: () => ({}),\n  sm: () => ({}),\n  md: () => ({}),\n  lg: () => ({}),\n  xl: () => ({}),\n})\n\nconst { gutter } = inject(rowContextKey, { gutter: computed(() => 0) })\nconst ns = useNamespace('col')\n\nconst style = computed(() => {\n  const styles: CSSProperties = {}\n  if (gutter.value) {\n    styles.paddingLeft = styles.paddingRight = `${gutter.value / 2}px`\n  }\n  return styles\n})\n\nconst colKls = computed(() => {\n  const classes: string[] = []\n  const pos = ['span', 'offset', 'pull', 'push'] as const\n\n  pos.forEach((prop) => {\n    const size = props[prop]\n    if (isNumber(size)) {\n      if (prop === 'span') classes.push(ns.b(`${props[prop]}`))\n      else if (size > 0) classes.push(ns.b(`${prop}-${props[prop]}`))\n    }\n  })\n\n  const sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const\n  sizes.forEach((size) => {\n    if (isNumber(props[size])) {\n      classes.push(ns.b(`${size}-${props[size]}`))\n    } else if (isObject(props[size])) {\n      Object.entries(props[size]).forEach(([prop, sizeProp]) => {\n        classes.push(\n          prop !== 'span'\n            ? ns.b(`${size}-${prop}-${sizeProp}`)\n            : ns.b(`${size}-${sizeProp}`)\n        )\n      })\n    }\n  })\n\n  // this is for the fix\n  if (gutter.value) {\n    classes.push(ns.is('guttered'))\n  }\n  return [ns.b(), classes]\n})\n</script>\n"],"names":["inject","rowContextKey","computed","useNamespace","isNumber","isObject","_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAad,IAAA,MAAM,EAAE,MAAA,EAAO,GAAIA,UAAA,CAAOC,uBAAA,EAAe,EAAE,MAAA,EAAQC,YAAA,CAAS,MAAM,CAAC,CAAA,EAAG,CAAA;AACtE,IAAA,MAAM,EAAA,GAAKC,mBAAa,KAAK,CAAA;AAE7B,IAAA,MAAM,KAAA,GAAQD,aAAS,MAAM;AAC3B,MAAA,MAAM,SAAwB,EAAC;AAC/B,MAAA,IAAI,OAAO,KAAA,EAAO;AAChB,QAAA,MAAA,CAAO,cAAc,MAAA,CAAO,YAAA,GAAe,CAAA,EAAG,MAAA,CAAO,QAAQ,CAAC,CAAA,EAAA,CAAA;AAAA,MAChE;AACA,MAAA,OAAO,MAAA;AAAA,IACT,CAAC,CAAA;AAED,IAAA,MAAM,MAAA,GAASA,aAAS,MAAM;AAC5B,MAAA,MAAM,UAAoB,EAAC;AAC3B,MAAA,MAAM,GAAA,GAAM,CAAC,MAAA,EAAQ,QAAA,EAAU,QAAQ,MAAM,CAAA;AAE7C,MAAA,GAAA,CAAI,OAAA,CAAQ,CAAC,IAAA,KAAS;AACpB,QAAA,MAAM,IAAA,GAAO,MAAM,IAAI,CAAA;AACvB,QAAA,IAAIE,cAAA,CAAS,IAAI,CAAA,EAAG;AAClB,UAAA,IAAI,IAAA,KAAS,MAAA,EAAQ,OAAA,CAAQ,IAAA,CAAK,EAAA,CAAG,CAAA,CAAE,CAAA,EAAG,KAAA,CAAM,IAAI,CAAC,CAAA,CAAE,CAAC,CAAA;AAAA,eAAA,IAC/C,IAAA,GAAO,CAAA,EAAG,OAAA,CAAQ,IAAA,CAAK,EAAA,CAAG,CAAA,CAAE,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,KAAA,CAAM,IAAI,CAAC,EAAE,CAAC,CAAA;AAAA,QAChE;AAAA,MACF,CAAC,CAAA;AAED,MAAA,MAAM,QAAQ,CAAC,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,MAAM,IAAI,CAAA;AAC3C,MAAA,KAAA,CAAM,OAAA,CAAQ,CAAC,IAAA,KAAS;AACtB,QAAA,IAAIA,cAAA,CAAS,KAAA,CAAM,IAAI,CAAC,CAAA,EAAG;AACzB,UAAA,OAAA,CAAQ,IAAA,CAAK,EAAA,CAAG,CAAA,CAAE,CAAA,EAAG,IAAI,IAAI,KAAA,CAAM,IAAI,CAAC,CAAA,CAAE,CAAC,CAAA;AAAA,QAC7C,CAAA,MAAA,IAAWC,eAAA,CAAS,KAAA,CAAM,IAAI,CAAC,CAAA,EAAG;AAChC,UAAA,MAAA,CAAO,OAAA,CAAQ,KAAA,CAAM,IAAI,CAAC,CAAA,CAAE,QAAQ,CAAC,CAAC,IAAA,EAAM,QAAQ,CAAA,KAAM;AACxD,YAAA,OAAA,CAAQ,IAAA;AAAA,cACN,SAAS,MAAA,GACL,EAAA,CAAG,EAAE,CAAA,EAAG,IAAI,IAAI,IAAI,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAE,IAClC,EAAA,CAAG,CAAA,CAAE,GAAG,IAAI,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAE;AAAA,aAChC;AAAA,UACF,CAAC,CAAA;AAAA,QACH;AAAA,MACF,CAAC,CAAA;AAGD,MAAA,IAAI,OAAO,KAAA,EAAO;AAChB,QAAA,OAAA,CAAQ,IAAA,CAAK,EAAA,CAAG,EAAA,CAAG,UAAU,CAAC,CAAA;AAAA,MAChC;AACA,MAAA,OAAO,CAAC,EAAA,CAAG,CAAA,EAAE,EAAG,OAAO,CAAA;AAAA,IACzB,CAAC,CAAA;;AA1EC,MAAA,OAAAC,eAAA,EAAAC,eAAA,CAEYC,2BAAA,CAFI,OAAA,CAAA,GAAG,CAAA,EAAA;AAAA,QAAG,KAAA,qBAAO,MAAA,CAAA,KAAM,CAAA;AAAA,QAAG,KAAA,qBAAO,KAAA,CAAA,KAAK;AAAA;6BAChD,MAAQ;AAAA,UAARC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}

package/lib/components/collapse/src/collapse-item.d.ts

@@ -1,15 +1,38 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { Component, ExtractPublicPropTypes } from 'vue';
 import type { CollapseActiveName } from './collapse';
+export interface CollapseItemProps {
+    /**
+     * @description title of the panel
+     */
+    title?: string;
+    /**
+     * @description unique identification of the panel
+     */
+    name?: CollapseActiveName;
+    /**
+     * @description icon of the collapse item
+     */
+    icon?: string | Component;
+    /**
+     * @description disable the collapse item
+     */
+    disabled?: boolean;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `CollapseItemProps` instead.
+ */
 export declare const collapseItemProps: {
     readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly name: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => CollapseActiveName) | ((new (...args: any[]) => string | number) | (() => CollapseActiveName))[], unknown, unknown, undefined, boolean>;
     readonly icon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly disabled: BooleanConstructor;
 };
-export type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `CollapseItemProps` instead.
+ */
 export type CollapseItemPropsPublic = ExtractPublicPropTypes<typeof collapseItemProps>;

package/lib/components/collapse/src/collapse-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-item.js","sources":["../../../../../../packages/components/collapse/src/collapse-item.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { ArrowRight } from '@element-plus/icons-vue'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { CollapseActiveName } from './collapse'\n\nexport const collapseItemProps = buildProps({\n  /**\n   * @description title of the panel\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description unique identification of the panel\n   */\n  name: {\n    type: definePropType<CollapseActiveName>([String, Number]),\n    default: undefined,\n  },\n  /**\n   * @description icon of the collapse item\n   */\n  icon: {\n    type: iconPropType,\n    default: ArrowRight,\n  },\n  /**\n   * @description disable the collapse item\n   */\n  disabled: Boolean,\n} as const)\nexport type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>\nexport type CollapseItemPropsPublic = ExtractPublicPropTypes<\n  typeof collapseItemProps\n>\n"],"names":["buildProps","definePropType","iconPropType","ArrowRight"],"mappings":";;;;;;AAMO,MAAM,oBAAoBA,kBAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAI1C,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAMC,sBAAA,CAAmC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACzD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAMC,iBAAA;AAAA,IACN,OAAA,EAASC;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AACZ,CAAU;;;;"}
+{"version":3,"file":"collapse-item.js","sources":["../../../../../../packages/components/collapse/src/collapse-item.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { ArrowRight } from '@element-plus/icons-vue'\n\nimport type { Component, ExtractPublicPropTypes } from 'vue'\nimport type { CollapseActiveName } from './collapse'\n\nexport interface CollapseItemProps {\n  /**\n   * @description title of the panel\n   */\n  title?: string\n  /**\n   * @description unique identification of the panel\n   */\n  name?: CollapseActiveName\n  /**\n   * @description icon of the collapse item\n   */\n  icon?: string | Component\n  /**\n   * @description disable the collapse item\n   */\n  disabled?: boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `CollapseItemProps` instead.\n */\nexport const collapseItemProps = buildProps({\n  /**\n   * @description title of the panel\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description unique identification of the panel\n   */\n  name: {\n    type: definePropType<CollapseActiveName>([String, Number]),\n    default: undefined,\n  },\n  /**\n   * @description icon of the collapse item\n   */\n  icon: {\n    type: iconPropType,\n    default: ArrowRight,\n  },\n  /**\n   * @description disable the collapse item\n   */\n  disabled: Boolean,\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `CollapseItemProps` instead.\n */\nexport type CollapseItemPropsPublic = ExtractPublicPropTypes<\n  typeof collapseItemProps\n>\n"],"names":["buildProps","definePropType","iconPropType","ArrowRight"],"mappings":";;;;;;AA4BO,MAAM,oBAAoBA,kBAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAI1C,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAMC,sBAAA,CAAmC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACzD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAMC,iBAAA;AAAA,IACN,OAAA,EAASC;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AACZ,CAAU;;;;"}

package/lib/components/collapse/src/collapse-item.vue.d.ts

@@ -1,3 +1,4 @@
+import type { CollapseItemProps } from './collapse-item';
 declare var __VLS_1: {
     isActive: boolean | undefined;
 }, __VLS_3: {
@@ -10,39 +11,40 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_20) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly name: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => import("element-plus").CollapseActiveName) | ((new (...args: any[]) => string | number) | (() => import("element-plus").CollapseActiveName))[], unknown, unknown, undefined, boolean>;
-    readonly icon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly disabled: BooleanConstructor;
-}, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<CollapseItemProps>, {
+    title: string;
+    icon: any;
+}>, {
     /** @description current collapse-item whether active */
     isActive: import("vue").ComputedRef<boolean | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly name: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => import("element-plus").CollapseActiveName) | ((new (...args: any[]) => string | number) | (() => import("element-plus").CollapseActiveName))[], unknown, unknown, undefined, boolean>;
-    readonly icon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly disabled: BooleanConstructor;
-}>>, {
-    readonly title: string;
-    readonly disabled: boolean;
-    readonly name: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => import("element-plus").CollapseActiveName) | ((new (...args: any[]) => string | number) | (() => import("element-plus").CollapseActiveName))[], unknown, unknown>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<CollapseItemProps>, {
+    title: string;
+    icon: any;
+}>>>, {
+    title: string;
+    icon: string | import("vue").Component;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};