@element-plus/nightly 0.0.20260118 → 0.0.20260119

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

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

package/es/components/skeleton/src/skeleton-item.d.ts

@@ -1,8 +1,19 @@
 import type SkeletonItem from './skeleton-item.vue';
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
+export interface SkeletonItemProps {
+    /**
+     * @description the current rendering skeleton type
+     */
+    variant?: 'circle' | 'rect' | 'h1' | 'h3' | 'text' | 'caption' | 'p' | 'image' | 'button';
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `SkeletonItemProps` instead.
+ */
 export declare const skeletonItemProps: {
     readonly variant: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "button" | "caption" | "h1" | "h3" | "p" | "circle" | "image" | "rect" | "text", unknown, "text", boolean>;
 };
-export type SkeletonItemProps = ExtractPropTypes<typeof skeletonItemProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `SkeletonItemProps` instead.
+ */
 export type SkeletonItemPropsPublic = ExtractPublicPropTypes<typeof skeletonItemProps>;
 export type SkeletonItemInstance = InstanceType<typeof SkeletonItem> & unknown;

package/es/components/skeleton/src/skeleton-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-item.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type SkeletonItem from './skeleton-item.vue'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const skeletonItemProps = buildProps({\n  /**\n   * @description the current rendering skeleton type\n   */\n  variant: {\n    type: String,\n    values: [\n      'circle',\n      'rect',\n      'h1',\n      'h3',\n      'text',\n      'caption',\n      'p',\n      'image',\n      'button',\n    ],\n    default: 'text',\n  },\n} as const)\nexport type SkeletonItemProps = ExtractPropTypes<typeof skeletonItemProps>\nexport type SkeletonItemPropsPublic = ExtractPublicPropTypes<\n  typeof skeletonItemProps\n>\n\nexport type SkeletonItemInstance = InstanceType<typeof SkeletonItem> & unknown\n"],"names":[],"mappings":";;AAKO,MAAM,oBAAoB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAI1C,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ;AAAA,MACN,QAAA;AAAA,MACA,MAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,OAAA,EAAS;AAAA;AAEb,CAAU;;;;"}
+{"version":3,"file":"skeleton-item.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type SkeletonItem from './skeleton-item.vue'\nimport type { ExtractPublicPropTypes } from 'vue'\n\nexport interface SkeletonItemProps {\n  /**\n   * @description the current rendering skeleton type\n   */\n  variant?:\n    | 'circle'\n    | 'rect'\n    | 'h1'\n    | 'h3'\n    | 'text'\n    | 'caption'\n    | 'p'\n    | 'image'\n    | 'button'\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `SkeletonItemProps` instead.\n */\nexport const skeletonItemProps = buildProps({\n  /**\n   * @description the current rendering skeleton type\n   */\n  variant: {\n    type: String,\n    values: [\n      'circle',\n      'rect',\n      'h1',\n      'h3',\n      'text',\n      'caption',\n      'p',\n      'image',\n      'button',\n    ],\n    default: 'text',\n  },\n} as const)\n/**\n * @deprecated Removed after 3.0.0, Use `SkeletonItemProps` instead.\n */\nexport type SkeletonItemPropsPublic = ExtractPublicPropTypes<\n  typeof skeletonItemProps\n>\n\nexport type SkeletonItemInstance = InstanceType<typeof SkeletonItem> & unknown\n"],"names":[],"mappings":";;AAwBO,MAAM,oBAAoB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAI1C,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ;AAAA,MACN,QAAA;AAAA,MACA,MAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,OAAA,EAAS;AAAA;AAEb,CAAU;;;;"}

package/es/components/skeleton/src/skeleton-item.vue.d.ts

@@ -1,9 +1,26 @@
-declare const __VLS_export: import("vue").DefineComponent<{
-    readonly variant: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "button" | "caption" | "h1" | "h3" | "p" | "circle" | "image" | "rect" | "text", unknown, "text", boolean>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly variant: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "button" | "caption" | "h1" | "h3" | "p" | "circle" | "image" | "rect" | "text", unknown, "text", boolean>;
-}>>, {
-    readonly variant: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "button" | "caption" | "h1" | "h3" | "p" | "circle" | "image" | "rect" | "text", unknown>;
+import type { SkeletonItemProps } from './skeleton-item.ts';
+declare const __VLS_export: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<SkeletonItemProps>, {
+    variant: string;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<SkeletonItemProps>, {
+    variant: string;
+}>>>, {
+    variant: "circle" | "rect" | "h1" | "h3" | "text" | "caption" | "p" | "image" | "button";
 }, {}>;
 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_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -1,6 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode } from 'vue';
 import { PictureFilled } from '@element-plus/icons-vue';
-import { skeletonItemProps } from './skeleton-item.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -8,17 +7,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElSkeletonItem"
   },
   __name: "skeleton-item",
-  props: skeletonItemProps,
+  props: {
+    variant: { type: String, required: false, default: "text" }
+  },
   setup(__props) {
     const ns = useNamespace("skeleton");
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
         "div",
         {
-          class: normalizeClass([unref(ns).e("item"), unref(ns).e(_ctx.variant)])
+          class: normalizeClass([unref(ns).e("item"), unref(ns).e(__props.variant)])
         },
         [
-          _ctx.variant === "image" ? (openBlock(), createBlock(unref(PictureFilled), { key: 0 })) : createCommentVNode("v-if", true)
+          __props.variant === "image" ? (openBlock(), createBlock(unref(PictureFilled), { key: 0 })) : createCommentVNode("v-if", true)
         ],
         2
         /* CLASS */

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton-item.vue2.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.e('item'), ns.e(variant)]\">\n    <picture-filled v-if=\"variant === 'image'\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-plus/hooks'\nimport { PictureFilled } from '@element-plus/icons-vue'\nimport { skeletonItemProps } from './skeleton-item'\n\ndefineOptions({\n  name: 'ElSkeletonItem',\n})\ndefineProps(skeletonItemProps)\nconst ns = useNamespace('skeleton')\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","variant","_createBlock"],"mappings":";;;;;;;;;;;;AAeA,IAAA,MAAM,EAAA,GAAK,aAAa,UAAU,CAAA;;0BAdhCA,kBAAA;AAAA,QAEM,KAAA;AAAA,QAAA;AAAA,UAFA,OAAKC,cAAA,CAAA,CAAGC,KAAA,KAAG,CAAA,UAAWA,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAEC,IAAAA,CAAAA,OAAO,CAAA,CAAA;AAAA;;UAChBA,KAAAA,OAAAA,KAAO,OAAA,iBAA7BC,YAA6CF,KAAA,CAAA,aAAA,CAAA,EAAA,EAAA,KAAA,CAAA,EAAA,CAAA;;;;;;;;;;;"}
+{"version":3,"file":"skeleton-item.vue2.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton-item.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.e('item'), ns.e(variant)]\">\n    <picture-filled v-if=\"variant === 'image'\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-plus/hooks'\nimport { PictureFilled } from '@element-plus/icons-vue'\n\nimport type { SkeletonItemProps } from './skeleton-item.ts'\n\ndefineOptions({\n  name: 'ElSkeletonItem',\n})\nwithDefaults(defineProps<SkeletonItemProps>(), {\n  variant: 'text',\n})\nconst ns = useNamespace('skeleton')\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_createBlock"],"mappings":";;;;;;;;;;;;;AAkBA,IAAA,MAAM,EAAA,GAAK,aAAa,UAAU,CAAA;;0BAjBhCA,kBAAA;AAAA,QAEM,KAAA;AAAA,QAAA;AAAA,UAFA,OAAKC,cAAA,CAAA,CAAGC,KAAA,KAAG,CAAA,UAAWA,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAE,OAAA,CAAA,OAAO,CAAA,CAAA;AAAA;;UAChB,QAAA,OAAA,KAAO,OAAA,iBAA7BC,YAA6CD,KAAA,CAAA,aAAA,CAAA,EAAA,EAAA,KAAA,CAAA,EAAA,CAAA;;;;;;;;;;;"}

package/es/components/skeleton/src/skeleton.d.ts

@@ -1,6 +1,31 @@
 import type Skeleton from './skeleton.vue';
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
 import type { ThrottleType } from '@element-plus/nightly/es/hooks';
+export interface SkeletonProps {
+    /**
+     * @description whether showing the animation
+     */
+    animated?: boolean;
+    /**
+     * @description how many fake items to render to the DOM
+     */
+    count?: number;
+    /**
+     * @description numbers of the row, only useful when no template slot were given
+     */
+    rows?: number;
+    /**
+     * @description whether showing the real DOM
+     */
+    loading?: boolean;
+    /**
+     * @description rendering delay in milliseconds
+     */
+    throttle?: ThrottleType;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `SkeletonProps` instead.
+ */
 export declare const skeletonProps: {
     readonly animated: BooleanConstructor;
     readonly count: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
@@ -21,6 +46,8 @@ export declare const skeletonProps: {
         __epPropKey: true;
     };
 };
-export type SkeletonProps = ExtractPropTypes<typeof skeletonProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `SkeletonProps` instead.
+ */
 export type SkeletonPropsPublic = ExtractPublicPropTypes<typeof skeletonProps>;
 export type SkeletonInstance = InstanceType<typeof Skeleton> & unknown;

package/es/components/skeleton/src/skeleton.mjs

@@ -13,14 +13,14 @@ const skeletonProps = buildProps({
     default: 1
   },
   /**
-   * @description whether showing the real DOM
+   * @description numbers of the row, only useful when no template slot were given
    */
   rows: {
     type: Number,
     default: 3
   },
   /**
-   * @description numbers of the row, only useful when no template slot were given
+   * @description whether showing the real DOM
    */
   loading: {
     type: Boolean,

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type Skeleton from './skeleton.vue'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { ThrottleType } from '@element-plus/hooks'\n\nexport const skeletonProps = buildProps({\n  /**\n   * @description whether showing the animation\n   */\n  animated: Boolean,\n  /**\n   * @description how many fake items to render to the DOM\n   */\n  count: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description whether showing the real DOM\n   */\n  rows: {\n    type: Number,\n    default: 3,\n  },\n  /**\n   * @description numbers of the row, only useful when no template slot were given\n   */\n  loading: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description rendering delay in milliseconds\n   */\n  throttle: {\n    type: definePropType<ThrottleType>([Number, Object]),\n  },\n} as const)\nexport type SkeletonProps = ExtractPropTypes<typeof skeletonProps>\nexport type SkeletonPropsPublic = ExtractPublicPropTypes<typeof skeletonProps>\n\nexport type SkeletonInstance = InstanceType<typeof Skeleton> & unknown\n"],"names":[],"mappings":";;AAMO,MAAM,gBAAgB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAItC,QAAA,EAAU,OAAA;AAAA;AAAA;AAAA;AAAA,EAIV,KAAA,EAAO;AAAA,IACL,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,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,cAAA,CAA6B,CAAC,MAAA,EAAQ,MAAM,CAAC;AAAA;AAEvD,CAAU;;;;"}
+{"version":3,"file":"skeleton.mjs","sources":["../../../../../../packages/components/skeleton/src/skeleton.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type Skeleton from './skeleton.vue'\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type { ThrottleType } from '@element-plus/hooks'\n\nexport interface SkeletonProps {\n  /**\n   * @description whether showing the animation\n   */\n  animated?: boolean\n  /**\n   * @description how many fake items to render to the DOM\n   */\n  count?: number\n  /**\n   * @description numbers of the row, only useful when no template slot were given\n   */\n  rows?: number\n  /**\n   * @description whether showing the real DOM\n   */\n  loading?: boolean\n  /**\n   * @description rendering delay in milliseconds\n   */\n  throttle?: ThrottleType\n}\n/**\n * @deprecated Removed after 3.0.0, Use `SkeletonProps` instead.\n */\nexport const skeletonProps = buildProps({\n  /**\n   * @description whether showing the animation\n   */\n  animated: Boolean,\n  /**\n   * @description how many fake items to render to the DOM\n   */\n  count: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description numbers of the row, only useful when no template slot were given\n   */\n  rows: {\n    type: Number,\n    default: 3,\n  },\n  /**\n   * @description whether showing the real DOM\n   */\n  loading: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description rendering delay in milliseconds\n   */\n  throttle: {\n    type: definePropType<ThrottleType>([Number, Object]),\n  },\n} as const)\n/**\n * @deprecated Removed after 3.0.0, Use `SkeletonProps` instead.\n */\nexport type SkeletonPropsPublic = ExtractPublicPropTypes<typeof skeletonProps>\n\nexport type SkeletonInstance = InstanceType<typeof Skeleton> & unknown\n"],"names":[],"mappings":";;AA+BO,MAAM,gBAAgB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAItC,QAAA,EAAU,OAAA;AAAA;AAAA;AAAA;AAAA,EAIV,KAAA,EAAO;AAAA,IACL,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,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,cAAA,CAA6B,CAAC,MAAA,EAAQ,MAAM,CAAC;AAAA;AAEvD,CAAU;;;;"}

package/es/components/skeleton/src/skeleton.vue.d.ts

@@ -1,3 +1,4 @@
+import type { SkeletonProps } from './skeleton.ts';
 declare var __VLS_1: {
     key: number;
 }, __VLS_11: {};
@@ -6,58 +7,43 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly animated: BooleanConstructor;
-    readonly count: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
-    readonly rows: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 3, boolean>;
-    readonly loading: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly throttle: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => number | {
-            leading?: number;
-            trailing?: number;
-            initVal?: boolean;
-        }) | (() => import("@element-plus/nightly/es/hooks").ThrottleType) | ((new (...args: any[]) => number | {
-            leading?: number;
-            trailing?: number;
-            initVal?: boolean;
-        }) | (() => import("@element-plus/nightly/es/hooks").ThrottleType))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<SkeletonProps>, {
+    loading: boolean;
+    count: number;
+    rows: number;
+}>, {
     /** @description loading state */
     uiLoading: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly animated: BooleanConstructor;
-    readonly count: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
-    readonly rows: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 3, boolean>;
-    readonly loading: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly throttle: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => number | {
-            leading?: number;
-            trailing?: number;
-            initVal?: boolean;
-        }) | (() => import("@element-plus/nightly/es/hooks").ThrottleType) | ((new (...args: any[]) => number | {
-            leading?: number;
-            trailing?: number;
-            initVal?: boolean;
-        }) | (() => import("@element-plus/nightly/es/hooks").ThrottleType))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}>>, {
-    readonly loading: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly rows: number;
-    readonly count: number;
-    readonly animated: boolean;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<SkeletonProps>, {
+    loading: boolean;
+    count: number;
+    rows: number;
+}>>>, {
+    loading: boolean;
+    rows: number;
+    count: number;
 }, {}>;
 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/es/components/skeleton/src/skeleton.vue2.mjs

@@ -1,5 +1,4 @@
 import { defineComponent, toRef, createElementBlock, renderSlot, unref, openBlock, mergeProps, Fragment, renderList, createCommentVNode, createVNode, normalizeClass, createBlock, normalizeProps } from 'vue';
-import { skeletonProps } from './skeleton.mjs';
 import _sfc_main$1 from './skeleton-item.vue2.mjs';
 import { useThrottleRender } from '../../../hooks/use-throttle-render/index.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
@@ -9,7 +8,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElSkeleton"
   },
   __name: "skeleton",
-  props: skeletonProps,
+  props: {
+    animated: { type: Boolean, required: false },
+    count: { type: Number, required: false, default: 1 },
+    rows: { type: Number, required: false, default: 3 },
+    loading: { type: Boolean, required: false, default: true },
+    throttle: { type: [Object, Number], required: false }
+  },
   setup(__props, { expose: __expose }) {
     const props = __props;
     const ns = useNamespace("skeleton");
@@ -23,13 +28,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "div",
         mergeProps({
           key: 0,
-          class: [unref(ns).b(), unref(ns).is("animated", _ctx.animated)]
+          class: [unref(ns).b(), unref(ns).is("animated", __props.animated)]
         }, _ctx.$attrs),
         [
           (openBlock(true), createElementBlock(
             Fragment,
             null,
-            renderList(_ctx.count, (i) => {
+            renderList(__props.count, (i) => {
               return openBlock(), createElementBlock(
                 Fragment,
                 { key: i },
@@ -42,12 +47,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     (openBlock(true), createElementBlock(
                       Fragment,
                       null,
-                      renderList(_ctx.rows, (item) => {
+                      renderList(__props.rows, (item) => {
                         return openBlock(), createBlock(_sfc_main$1, {
                           key: item,
                           class: normalizeClass([
                             unref(ns).e("paragraph"),
-                            unref(ns).is("last", item === _ctx.rows && _ctx.rows > 1)
+                            unref(ns).is("last", item === __props.rows && __props.rows > 1)
                           ]),
                           variant: "p"
                         }, null, 8, ["class"]);

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

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

package/es/components/splitter/src/split-panel.d.ts

@@ -1,5 +1,15 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
 import type SplitterPanel from './split-panel.vue';
+export interface SplitterPanelProps {
+    min?: string | number;
+    max?: string | number;
+    size?: string | number;
+    resizable?: boolean;
+    collapsible?: boolean;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `SplitterPanelProps` instead.
+ */
 export declare const splitterPanelProps: {
     readonly min: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
@@ -22,7 +32,9 @@ export declare const splitterPanelProps: {
     readonly resizable: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly collapsible: BooleanConstructor;
 };
-export type SplitterPanelProps = ExtractPropTypes<typeof splitterPanelProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `SplitterPanelProps` instead.
+ */
 export type SplitterPanelPropsPublic = ExtractPublicPropTypes<typeof splitterPanelProps>;
 export type SplitterPanelInstance = InstanceType<typeof SplitterPanel> & unknown;
 export declare const splitterPanelEmits: {

package/es/components/splitter/src/split-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"split-panel.mjs","sources":["../../../../../../packages/components/splitter/src/split-panel.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type SplitterPanel from './split-panel.vue'\n\nexport const splitterPanelProps = buildProps({\n  min: {\n    type: [String, Number],\n  },\n  max: {\n    type: [String, Number],\n  },\n  size: {\n    type: [String, Number],\n  },\n  resizable: {\n    type: Boolean,\n    default: true,\n  },\n  collapsible: Boolean,\n} as const)\n\nexport type SplitterPanelProps = ExtractPropTypes<typeof splitterPanelProps>\nexport type SplitterPanelPropsPublic = ExtractPublicPropTypes<\n  typeof splitterPanelProps\n>\nexport type SplitterPanelInstance = InstanceType<typeof SplitterPanel> & unknown\n\nexport const splitterPanelEmits = {\n  'update:size': (value: number | string) =>\n    typeof value === 'number' || typeof value === 'string',\n}\n\nexport type SplitterPanelEmits = typeof splitterPanelEmits\n"],"names":[],"mappings":";;AAKO,MAAM,qBAAqB,UAAA,CAAW;AAAA,EAC3C,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM;AAAA,GACvB;AAAA,EACA,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM;AAAA,GACvB;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM;AAAA,GACvB;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,WAAA,EAAa;AACf,CAAU;AAQH,MAAM,kBAAA,GAAqB;AAAA,EAChC,eAAe,CAAC,KAAA,KACd,OAAO,KAAA,KAAU,QAAA,IAAY,OAAO,KAAA,KAAU;AAClD;;;;"}
+{"version":3,"file":"split-panel.mjs","sources":["../../../../../../packages/components/splitter/src/split-panel.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type SplitterPanel from './split-panel.vue'\n\nexport interface SplitterPanelProps {\n  min?: string | number\n  max?: string | number\n  size?: string | number\n  resizable?: boolean\n  collapsible?: boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `SplitterPanelProps` instead.\n */\nexport const splitterPanelProps = buildProps({\n  min: {\n    type: [String, Number],\n  },\n  max: {\n    type: [String, Number],\n  },\n  size: {\n    type: [String, Number],\n  },\n  resizable: {\n    type: Boolean,\n    default: true,\n  },\n  collapsible: Boolean,\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `SplitterPanelProps` instead.\n */\nexport type SplitterPanelPropsPublic = ExtractPublicPropTypes<\n  typeof splitterPanelProps\n>\nexport type SplitterPanelInstance = InstanceType<typeof SplitterPanel> & unknown\n\nexport const splitterPanelEmits = {\n  'update:size': (value: number | string) =>\n    typeof value === 'number' || typeof value === 'string',\n}\n\nexport type SplitterPanelEmits = typeof splitterPanelEmits\n"],"names":[],"mappings":";;AAgBO,MAAM,qBAAqB,UAAA,CAAW;AAAA,EAC3C,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM;AAAA,GACvB;AAAA,EACA,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM;AAAA,GACvB;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM;AAAA,GACvB;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,WAAA,EAAa;AACf,CAAU;AAUH,MAAM,kBAAA,GAAqB;AAAA,EAChC,eAAe,CAAC,KAAA,KACd,OAAO,KAAA,KAAU,QAAA,IAAY,OAAO,KAAA,KAAU;AAClD;;;;"}

package/es/components/splitter/src/split-panel.vue.d.ts

@@ -1,3 +1,4 @@
+import type { SplitterPanelProps } from './split-panel';
 declare var __VLS_1: {}, __VLS_14: {}, __VLS_17: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -6,64 +7,41 @@ type __VLS_Slots = {} & {
 } & {
     'end-collapsible'?: (props: typeof __VLS_17) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly min: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly max: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly size: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly resizable: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly collapsible: BooleanConstructor;
-}, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<SplitterPanelProps>, {
+    resizable: boolean;
+}>, {
     /** @description splitter-panel html element */
     splitterPanelRef: import("vue").Ref<HTMLDivElement | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:size": (value: string | number) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly min: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly max: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly size: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly resizable: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly collapsible: BooleanConstructor;
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<SplitterPanelProps>, {
+    resizable: boolean;
+}>>> & {
     "onUpdate:size"?: ((value: string | number) => any) | undefined;
 }, {
-    readonly resizable: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly collapsible: boolean;
+    resizable: boolean;
 }, {}>;
 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/es/components/splitter/src/split-panel.vue2.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, inject, toRefs, ref, getCurrentInstance, computed, watch, nextTick, reactive, onBeforeUnmount, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, mergeProps, unref, renderSlot, withCtx } from 'vue';
 import { isCollapsible, getCollapsible } from './hooks/usePanel.mjs';
 import _sfc_main$1 from './split-bar.vue2.mjs';
-import { splitterPanelEmits, splitterPanelProps } from './split-panel.mjs';
+import { splitterPanelEmits } from './split-panel.mjs';
 import { splitterRootContextKey } from './type.mjs';
 import { isPct, getPct, isPx, getPx } from './hooks/useSize.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
@@ -13,7 +13,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: COMPONENT_NAME
   },
   __name: "split-panel",
-  props: splitterPanelProps,
+  props: {
+    min: { type: [String, Number], required: false },
+    max: { type: [String, Number], required: false },
+    size: { type: [String, Number], required: false },
+    resizable: { type: Boolean, required: false, default: true },
+    collapsible: { type: Boolean, required: false }
+  },
   emits: splitterPanelEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const ns = useNamespace("splitter-panel");

package/es/components/splitter/src/split-panel.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"split-panel.vue2.mjs","sources":["../../../../../../packages/components/splitter/src/split-panel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { throwError } from '@element-plus/utils'\nimport { getCollapsible, isCollapsible } from './hooks/usePanel'\nimport SplitBar from './split-bar.vue'\nimport { splitterPanelEmits, splitterPanelProps } from './split-panel'\nimport { getPct, getPx, isPct, isPx } from './hooks'\nimport { splitterRootContextKey } from './type'\n\nconst ns = useNamespace('splitter-panel')\n\nconst COMPONENT_NAME = 'ElSplitterPanel'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = defineProps(splitterPanelProps)\n\nconst emits = defineEmits(splitterPanelEmits)\nconst splitterContext = inject(splitterRootContextKey)\nif (!splitterContext)\n  throwError(\n    COMPONENT_NAME,\n    'usage: <el-splitter><el-splitter-panel /></el-splitter/>'\n  )\n\nconst { panels, layout, lazy, containerSize, pxSizes } = toRefs(splitterContext)\n\nconst {\n  registerPanel,\n  unregisterPanel,\n  onCollapse,\n  onMoveEnd,\n  onMoveStart,\n  onMoving,\n} = splitterContext\n\nconst panelEl = ref<HTMLDivElement>()\nconst instance = getCurrentInstance()!\nconst uid = instance.uid\n\nconst index = ref(0)\nconst panel = computed(() => panels.value[index.value])\n\nconst setIndex = (val: number) => {\n  index.value = val\n}\n\nconst panelSize = computed(() => {\n  if (!panel.value) return 0\n  return pxSizes.value[index.value] ?? 0\n})\n\nconst nextSize = computed(() => {\n  if (!panel.value) return 0\n  return pxSizes.value[index.value + 1] ?? 0\n})\n\nconst nextPanel = computed(() => {\n  if (panel.value) {\n    return panels.value[index.value + 1]\n  }\n  return null\n})\n\nconst isResizable = computed(() => {\n  if (!nextPanel.value) return false\n  return (\n    props.resizable &&\n    nextPanel.value?.resizable &&\n    // If it is 0, it means it is collapsed => check if the minimum value is set\n    (panelSize.value !== 0 || !props.min) &&\n    (nextSize.value !== 0 || !nextPanel.value.min)\n  )\n})\n\n// The last panel doesn't need a drag bar\nconst isShowBar = computed(() => {\n  if (!panel.value) return false\n  return index.value !== panels.value.length - 1\n})\n\nconst startCollapsible = computed(() =>\n  isCollapsible(panel.value, panelSize.value, nextPanel.value, nextSize.value)\n)\n\nconst endCollapsible = computed(() =>\n  isCollapsible(nextPanel.value, nextSize.value, panel.value, panelSize.value)\n)\n\nfunction sizeToPx(str: string | number | undefined) {\n  if (isPct(str)) {\n    return getPct(str) * containerSize.value || 0\n  } else if (isPx(str)) {\n    return getPx(str)\n  }\n  return str ?? 0\n}\n\n// Two-way binding for size\nlet isSizeUpdating = false\nwatch(\n  () => props.size,\n  () => {\n    if (!isSizeUpdating && panel.value) {\n      if (!containerSize.value) {\n        panel.value.size = props.size\n        return\n      }\n\n      const size = sizeToPx(props.size)\n      const maxSize = sizeToPx(props.max)\n      const minSize = sizeToPx(props.min)\n\n      // Ensure it is within the maximum and minimum value range\n      const finalSize = Math.min(Math.max(size, minSize || 0), maxSize || size)\n\n      if (finalSize !== size) {\n        emits('update:size', finalSize)\n      }\n\n      panel.value.size = finalSize\n    }\n  }\n)\n\nwatch(\n  () => panel.value?.size,\n  (val) => {\n    if (val !== props.size) {\n      isSizeUpdating = true\n      emits('update:size', val as number)\n      nextTick(() => (isSizeUpdating = false))\n    }\n  }\n)\n\nwatch(\n  () => props.resizable,\n  (val) => {\n    if (panel.value) {\n      panel.value.resizable = val\n    }\n  }\n)\n\nconst _panel = reactive({\n  el: panelEl.value!,\n  uid,\n  getVnode: () => instance.vnode,\n  setIndex,\n  ...props,\n  collapsible: computed(() => getCollapsible(props.collapsible)),\n})\n\nregisterPanel(_panel)\n\nonBeforeUnmount(() => unregisterPanel(_panel))\n\ndefineExpose({\n  /** @description splitter-panel html element */\n  splitterPanelRef: panelEl,\n})\n</script>\n\n<template>\n  <div\n    ref=\"panelEl\"\n    :class=\"[ns.b()]\"\n    :style=\"{ flexBasis: `${panelSize}px` }\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n  </div>\n  <SplitBar\n    v-if=\"isShowBar\"\n    :index=\"index\"\n    :layout=\"layout\"\n    :lazy=\"lazy\"\n    :resizable=\"isResizable\"\n    :start-collapsible=\"startCollapsible\"\n    :end-collapsible=\"endCollapsible\"\n    @move-start=\"onMoveStart\"\n    @moving=\"onMoving\"\n    @move-end=\"onMoveEnd\"\n    @collapse=\"onCollapse\"\n  >\n    <template #start-collapsible>\n      <slot name=\"start-collapsible\" />\n    </template>\n    <template #end-collapsible>\n      <slot name=\"end-collapsible\" />\n    </template>\n  </SplitBar>\n</template>\n"],"names":["_createElementVNode","_mergeProps","_unref","$attrs","_renderSlot","_createBlock","SplitBar"],"mappings":";;;;;;;;;AAsBA,MAAM,cAAA,GAAiB,iBAAA;;;;;;;;;AAFvB,IAAA,MAAM,EAAA,GAAK,aAAa,gBAAgB,CAAA;AAOxC,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,KAAA,GAAQ,MAAA;AACd,IAAA,MAAM,eAAA,GAAkB,OAAO,sBAAsB,CAAA;AACrD,IAAA,IAAI,CAAC,eAAA;AACH,MAAA,UAAA;AAAA,QACE,cAAA;AAAA,QACA;AAAA,OACF;AAEF,IAAA,MAAM,EAAE,QAAQ,MAAA,EAAQ,IAAA,EAAM,eAAe,OAAA,EAAQ,GAAI,OAAO,eAAe,CAAA;AAE/E,IAAA,MAAM;AAAA,MACJ,aAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA,KACF,GAAI,eAAA;AAEJ,IAAA,MAAM,UAAU,GAAA,EAAoB;AACpC,IAAA,MAAM,WAAW,kBAAA,EAAmB;AACpC,IAAA,MAAM,MAAM,QAAA,CAAS,GAAA;AAErB,IAAA,MAAM,KAAA,GAAQ,IAAI,CAAC,CAAA;AACnB,IAAA,MAAM,QAAQ,QAAA,CAAS,MAAM,OAAO,KAAA,CAAM,KAAA,CAAM,KAAK,CAAC,CAAA;AAEtD,IAAA,MAAM,QAAA,GAAW,CAAC,GAAA,KAAgB;AAChC,MAAA,KAAA,CAAM,KAAA,GAAQ,GAAA;AAAA,IAChB,CAAA;AAEA,IAAA,MAAM,SAAA,GAAY,SAAS,MAAM;;AAC/B,MAAA,IAAI,CAAC,KAAA,CAAM,KAAA,EAAO,OAAO,CAAA;AACzB,MAAA,OAAA,CAAO,EAAA,GAAA,OAAA,CAAQ,KAAA,CAAM,KAAA,CAAM,KAAK,MAAzB,IAAA,GAAA,EAAA,GAA8B,CAAA;AAAA,IACvC,CAAC,CAAA;AAED,IAAA,MAAM,QAAA,GAAW,SAAS,MAAM;;AAC9B,MAAA,IAAI,CAAC,KAAA,CAAM,KAAA,EAAO,OAAO,CAAA;AACzB,MAAA,OAAA,CAAO,aAAQ,KAAA,CAAM,KAAA,CAAM,KAAA,GAAQ,CAAC,MAA7B,IAAA,GAAA,EAAA,GAAkC,CAAA;AAAA,IAC3C,CAAC,CAAA;AAED,IAAA,MAAM,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAA,IAAI,MAAM,KAAA,EAAO;AACf,QAAA,OAAO,MAAA,CAAO,KAAA,CAAM,KAAA,CAAM,KAAA,GAAQ,CAAC,CAAA;AAAA,MACrC;AACA,MAAA,OAAO,IAAA;AAAA,IACT,CAAC,CAAA;AAED,IAAA,MAAM,WAAA,GAAc,SAAS,MAAM;;AACjC,MAAA,IAAI,CAAC,SAAA,CAAU,KAAA,EAAO,OAAO,KAAA;AAC7B,MAAA,OACE,KAAA,CAAM,SAAA,KAAA,CACN,EAAA,GAAA,SAAA,CAAU,KAAA,KAAV,IAAA,GAAA,MAAA,GAAA,EAAA,CAAiB,SAAA,CAAA;AAAA,OAEhB,SAAA,CAAU,KAAA,KAAU,CAAA,IAAK,CAAC,KAAA,CAAM,GAAA,CAAA,KAChC,QAAA,CAAS,KAAA,KAAU,CAAA,IAAK,CAAC,SAAA,CAAU,KAAA,CAAM,GAAA,CAAA;AAAA,IAE9C,CAAC,CAAA;AAGD,IAAA,MAAM,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAA,IAAI,CAAC,KAAA,CAAM,KAAA,EAAO,OAAO,KAAA;AACzB,MAAA,OAAO,KAAA,CAAM,KAAA,KAAU,MAAA,CAAO,KAAA,CAAM,MAAA,GAAS,CAAA;AAAA,IAC/C,CAAC,CAAA;AAED,IAAA,MAAM,gBAAA,GAAmB,QAAA;AAAA,MAAS,MAChC,cAAc,KAAA,CAAM,KAAA,EAAO,UAAU,KAAA,EAAO,SAAA,CAAU,KAAA,EAAO,QAAA,CAAS,KAAK;AAAA,KAC7E;AAEA,IAAA,MAAM,cAAA,GAAiB,QAAA;AAAA,MAAS,MAC9B,cAAc,SAAA,CAAU,KAAA,EAAO,SAAS,KAAA,EAAO,KAAA,CAAM,KAAA,EAAO,SAAA,CAAU,KAAK;AAAA,KAC7E;AAEA,IAAA,SAAS,SAAS,GAAA,EAAkC;AAClD,MAAA,IAAI,KAAA,CAAM,GAAG,CAAA,EAAG;AACd,QAAA,OAAO,MAAA,CAAO,GAAG,CAAA,GAAI,aAAA,CAAc,KAAA,IAAS,CAAA;AAAA,MAC9C,CAAA,MAAA,IAAW,IAAA,CAAK,GAAG,CAAA,EAAG;AACpB,QAAA,OAAO,MAAM,GAAG,CAAA;AAAA,MAClB;AACA,MAAA,OAAO,GAAA,IAAA,IAAA,GAAA,GAAA,GAAO,CAAA;AAAA,IAChB;AAGA,IAAA,IAAI,cAAA,GAAiB,KAAA;AACrB,IAAA,KAAA;AAAA,MACE,MAAM,KAAA,CAAM,IAAA;AAAA,MACZ,MAAM;AACJ,QAAA,IAAI,CAAC,cAAA,IAAkB,KAAA,CAAM,KAAA,EAAO;AAClC,UAAA,IAAI,CAAC,cAAc,KAAA,EAAO;AACxB,YAAA,KAAA,CAAM,KAAA,CAAM,OAAO,KAAA,CAAM,IAAA;AACzB,YAAA;AAAA,UACF;AAEA,UAAA,MAAM,IAAA,GAAO,QAAA,CAAS,KAAA,CAAM,IAAI,CAAA;AAChC,UAAA,MAAM,OAAA,GAAU,QAAA,CAAS,KAAA,CAAM,GAAG,CAAA;AAClC,UAAA,MAAM,OAAA,GAAU,QAAA,CAAS,KAAA,CAAM,GAAG,CAAA;AAGlC,UAAA,MAAM,SAAA,GAAY,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,GAAA,CAAI,MAAM,OAAA,IAAW,CAAC,CAAA,EAAG,OAAA,IAAW,IAAI,CAAA;AAExE,UAAA,IAAI,cAAc,IAAA,EAAM;AACtB,YAAA,KAAA,CAAM,eAAe,SAAS,CAAA;AAAA,UAChC;AAEA,UAAA,KAAA,CAAM,MAAM,IAAA,GAAO,SAAA;AAAA,QACrB;AAAA,MACF;AAAA,KACF;AAEA,IAAA,KAAA;AAAA,MACE,MAAG;;AAAG,QAAA,OAAA,CAAA,EAAA,GAAA,KAAA,CAAM,UAAN,IAAA,GAAA,MAAA,GAAA,EAAA,CAAa,IAAA;AAAA,MAAA,CAAA;AAAA,MACnB,CAAC,GAAA,KAAQ;AACP,QAAA,IAAI,GAAA,KAAQ,MAAM,IAAA,EAAM;AACtB,UAAA,cAAA,GAAiB,IAAA;AACjB,UAAA,KAAA,CAAM,eAAe,GAAa,CAAA;AAClC,UAAA,QAAA,CAAS,MAAO,iBAAiB,KAAM,CAAA;AAAA,QACzC;AAAA,MACF;AAAA,KACF;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,KAAA,CAAM,SAAA;AAAA,MACZ,CAAC,GAAA,KAAQ;AACP,QAAA,IAAI,MAAM,KAAA,EAAO;AACf,UAAA,KAAA,CAAM,MAAM,SAAA,GAAY,GAAA;AAAA,QAC1B;AAAA,MACF;AAAA,KACF;AAEA,IAAA,MAAM,SAAS,QAAA,CAAS;AAAA,MACtB,IAAI,OAAA,CAAQ,KAAA;AAAA,MACZ,GAAA;AAAA,MACA,QAAA,EAAU,MAAM,QAAA,CAAS,KAAA;AAAA,MACzB,QAAA;AAAA,MACA,GAAG,KAAA;AAAA,MACH,aAAa,QAAA,CAAS,MAAM,cAAA,CAAe,KAAA,CAAM,WAAW,CAAC;AAAA,KAC9D,CAAA;AAED,IAAA,aAAA,CAAc,MAAM,CAAA;AAEpB,IAAA,eAAA,CAAgB,MAAM,eAAA,CAAgB,MAAM,CAAC,CAAA;AAE7C,IAAA,QAAA,CAAa;AAAA;AAAA,MAEX,gBAAA,EAAkB;AAAA,KACnB,CAAA;;;;;;UAICA,kBAAA;AAAA,YAOM,KAAA;AAAA,YAPNC,UAAA,CAOM;AAAA,uBANA,SAAA;AAAA,cAAJ,GAAA,EAAI,OAAA;AAAA,cACH,OAAK,CAAGC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,cACZ,uBAAuB,SAAA,CAAA,KAAS,CAAA,EAAA,CAAA;AAAA,eACzBC,KAAAA,MAAM,CAAA;AAAA,YAAA;AAAA,cAEdC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;UAGF,SAAA,CAAA,KAAA,iBADRC,YAmBWC,WAAA,EAAA;AAAA;YAjBR,OAAO,KAAA,CAAA,KAAA;AAAA,YACP,MAAA,EAAQJ,MAAA,MAAA,CAAA;AAAA,YACR,IAAA,EAAMA,MAAA,IAAA,CAAA;AAAA,YACN,WAAW,WAAA,CAAA,KAAA;AAAA,YACX,qBAAmB,gBAAA,CAAA,KAAA;AAAA,YACnB,mBAAiB,cAAA,CAAA,KAAA;AAAA,YACjB,WAAA,EAAYA,MAAA,WAAA,CAAA;AAAA,YACZ,QAAA,EAAQA,MAAA,QAAA,CAAA;AAAA,YACR,SAAA,EAAUA,MAAA,SAAA,CAAA;AAAA,YACV,UAAA,EAAUA,MAAA,UAAA;AAAA;YAEA,mBAAA,UACT,MAAiC;AAAA,cAAjCE,UAAA,CAAiC,IAAA,CAAA,MAAA,EAAA,mBAAA;AAAA;YAExB,iBAAA,UACT,MAA+B;AAAA,cAA/BA,UAAA,CAA+B,IAAA,CAAA,MAAA,EAAA,iBAAA;AAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"split-panel.vue2.mjs","sources":["../../../../../../packages/components/splitter/src/split-panel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { throwError } from '@element-plus/utils'\nimport { getCollapsible, isCollapsible } from './hooks/usePanel'\nimport SplitBar from './split-bar.vue'\nimport { splitterPanelEmits } from './split-panel'\nimport { getPct, getPx, isPct, isPx } from './hooks'\nimport { splitterRootContextKey } from './type'\n\nimport type { SplitterPanelProps } from './split-panel'\n\nconst ns = useNamespace('splitter-panel')\n\nconst COMPONENT_NAME = 'ElSplitterPanel'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<SplitterPanelProps>(), {\n  resizable: true,\n})\n\nconst emits = defineEmits(splitterPanelEmits)\nconst splitterContext = inject(splitterRootContextKey)\nif (!splitterContext)\n  throwError(\n    COMPONENT_NAME,\n    'usage: <el-splitter><el-splitter-panel /></el-splitter/>'\n  )\n\nconst { panels, layout, lazy, containerSize, pxSizes } = toRefs(splitterContext)\n\nconst {\n  registerPanel,\n  unregisterPanel,\n  onCollapse,\n  onMoveEnd,\n  onMoveStart,\n  onMoving,\n} = splitterContext\n\nconst panelEl = ref<HTMLDivElement>()\nconst instance = getCurrentInstance()!\nconst uid = instance.uid\n\nconst index = ref(0)\nconst panel = computed(() => panels.value[index.value])\n\nconst setIndex = (val: number) => {\n  index.value = val\n}\n\nconst panelSize = computed(() => {\n  if (!panel.value) return 0\n  return pxSizes.value[index.value] ?? 0\n})\n\nconst nextSize = computed(() => {\n  if (!panel.value) return 0\n  return pxSizes.value[index.value + 1] ?? 0\n})\n\nconst nextPanel = computed(() => {\n  if (panel.value) {\n    return panels.value[index.value + 1]\n  }\n  return null\n})\n\nconst isResizable = computed(() => {\n  if (!nextPanel.value) return false\n  return (\n    props.resizable &&\n    nextPanel.value?.resizable &&\n    // If it is 0, it means it is collapsed => check if the minimum value is set\n    (panelSize.value !== 0 || !props.min) &&\n    (nextSize.value !== 0 || !nextPanel.value.min)\n  )\n})\n\n// The last panel doesn't need a drag bar\nconst isShowBar = computed(() => {\n  if (!panel.value) return false\n  return index.value !== panels.value.length - 1\n})\n\nconst startCollapsible = computed(() =>\n  isCollapsible(panel.value, panelSize.value, nextPanel.value, nextSize.value)\n)\n\nconst endCollapsible = computed(() =>\n  isCollapsible(nextPanel.value, nextSize.value, panel.value, panelSize.value)\n)\n\nfunction sizeToPx(str: string | number | undefined) {\n  if (isPct(str)) {\n    return getPct(str) * containerSize.value || 0\n  } else if (isPx(str)) {\n    return getPx(str)\n  }\n  return str ?? 0\n}\n\n// Two-way binding for size\nlet isSizeUpdating = false\nwatch(\n  () => props.size,\n  () => {\n    if (!isSizeUpdating && panel.value) {\n      if (!containerSize.value) {\n        panel.value.size = props.size\n        return\n      }\n\n      const size = sizeToPx(props.size)\n      const maxSize = sizeToPx(props.max)\n      const minSize = sizeToPx(props.min)\n\n      // Ensure it is within the maximum and minimum value range\n      const finalSize = Math.min(Math.max(size, minSize || 0), maxSize || size)\n\n      if (finalSize !== size) {\n        emits('update:size', finalSize)\n      }\n\n      panel.value.size = finalSize\n    }\n  }\n)\n\nwatch(\n  () => panel.value?.size,\n  (val) => {\n    if (val !== props.size) {\n      isSizeUpdating = true\n      emits('update:size', val as number)\n      nextTick(() => (isSizeUpdating = false))\n    }\n  }\n)\n\nwatch(\n  () => props.resizable,\n  (val) => {\n    if (panel.value) {\n      panel.value.resizable = val\n    }\n  }\n)\n\nconst _panel = reactive({\n  el: panelEl.value!,\n  uid,\n  getVnode: () => instance.vnode,\n  setIndex,\n  ...props,\n  collapsible: computed(() => getCollapsible(props.collapsible)),\n})\n\nregisterPanel(_panel)\n\nonBeforeUnmount(() => unregisterPanel(_panel))\n\ndefineExpose({\n  /** @description splitter-panel html element */\n  splitterPanelRef: panelEl,\n})\n</script>\n\n<template>\n  <div\n    ref=\"panelEl\"\n    :class=\"[ns.b()]\"\n    :style=\"{ flexBasis: `${panelSize}px` }\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n  </div>\n  <SplitBar\n    v-if=\"isShowBar\"\n    :index=\"index\"\n    :layout=\"layout\"\n    :lazy=\"lazy\"\n    :resizable=\"isResizable\"\n    :start-collapsible=\"startCollapsible\"\n    :end-collapsible=\"endCollapsible\"\n    @move-start=\"onMoveStart\"\n    @moving=\"onMoving\"\n    @move-end=\"onMoveEnd\"\n    @collapse=\"onCollapse\"\n  >\n    <template #start-collapsible>\n      <slot name=\"start-collapsible\" />\n    </template>\n    <template #end-collapsible>\n      <slot name=\"end-collapsible\" />\n    </template>\n  </SplitBar>\n</template>\n"],"names":["_createElementVNode","_mergeProps","_unref","$attrs","_renderSlot","_createBlock","SplitBar"],"mappings":"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"}