@element-plus/nightly 0.0.20260105 → 0.0.20260106

package/lib/components/scrollbar/src/scrollbar2.js

@@ -2,253 +2,66 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var core = require('@vueuse/core');
-var bar = require('./bar2.js');
-var constants = require('./constants.js');
-var scrollbar = require('./scrollbar.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var style = require('../../../utils/dom/style.js');
-var shared = require('@vue/shared');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var index = require('../../../hooks/use-aria/index.js');
 var types = require('../../../utils/types.js');
-var error = require('../../../utils/error.js');
 
-const _hoisted_1 = ["tabindex"];
-const COMPONENT_NAME = "ElScrollbar";
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: COMPONENT_NAME
+const scrollbarProps = runtime.buildProps({
+  distance: {
+    type: Number,
+    default: 0
   },
-  __name: "scrollbar",
-  props: scrollbar.scrollbarProps,
-  emits: scrollbar.scrollbarEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const ns = index.useNamespace("scrollbar");
-    let stopResizeObserver = void 0;
-    let stopWrapResizeObserver = void 0;
-    let stopResizeListener = void 0;
-    let wrapScrollTop = 0;
-    let wrapScrollLeft = 0;
-    let direction = "";
-    const distanceScrollState = {
-      bottom: false,
-      top: false,
-      right: false,
-      left: false
-    };
-    const scrollbarRef = vue.ref();
-    const wrapRef = vue.ref();
-    const resizeRef = vue.ref();
-    const barRef = vue.ref();
-    const wrapStyle = vue.computed(() => {
-      const style$1 = {};
-      const height = style.addUnit(props.height);
-      const maxHeight = style.addUnit(props.maxHeight);
-      if (height)
-        style$1.height = height;
-      if (maxHeight)
-        style$1.maxHeight = maxHeight;
-      return [props.wrapStyle, style$1];
-    });
-    const wrapKls = vue.computed(() => {
-      return [
-        props.wrapClass,
-        ns.e("wrap"),
-        { [ns.em("wrap", "hidden-default")]: !props.native }
-      ];
-    });
-    const resizeKls = vue.computed(() => {
-      return [ns.e("view"), props.viewClass];
-    });
-    const shouldSkipDirection = (direction2) => {
-      var _a;
-      return (_a = distanceScrollState[direction2]) != null ? _a : false;
-    };
-    const DIRECTION_PAIRS = {
-      top: "bottom",
-      bottom: "top",
-      left: "right",
-      right: "left"
-    };
-    const updateTriggerStatus = (arrivedStates) => {
-      const oppositeDirection = DIRECTION_PAIRS[direction];
-      if (!oppositeDirection)
-        return;
-      const arrived = arrivedStates[direction];
-      const oppositeArrived = arrivedStates[oppositeDirection];
-      if (arrived && !distanceScrollState[direction]) {
-        distanceScrollState[direction] = true;
-      }
-      if (!oppositeArrived && distanceScrollState[oppositeDirection]) {
-        distanceScrollState[oppositeDirection] = false;
-      }
-    };
-    const handleScroll = () => {
-      var _a;
-      if (wrapRef.value) {
-        (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
-        const prevTop = wrapScrollTop;
-        const prevLeft = wrapScrollLeft;
-        wrapScrollTop = wrapRef.value.scrollTop;
-        wrapScrollLeft = wrapRef.value.scrollLeft;
-        const arrivedStates = {
-          bottom: wrapScrollTop + wrapRef.value.clientHeight >= wrapRef.value.scrollHeight - props.distance,
-          top: wrapScrollTop <= props.distance && prevTop !== 0,
-          right: wrapScrollLeft + wrapRef.value.clientWidth >= wrapRef.value.scrollWidth - props.distance && prevLeft !== wrapScrollLeft,
-          left: wrapScrollLeft <= props.distance && prevLeft !== 0
-        };
-        emit("scroll", {
-          scrollTop: wrapScrollTop,
-          scrollLeft: wrapScrollLeft
-        });
-        if (prevTop !== wrapScrollTop) {
-          direction = wrapScrollTop > prevTop ? "bottom" : "top";
-        }
-        if (prevLeft !== wrapScrollLeft) {
-          direction = wrapScrollLeft > prevLeft ? "right" : "left";
-        }
-        if (props.distance > 0) {
-          if (shouldSkipDirection(direction)) {
-            return;
-          }
-          updateTriggerStatus(arrivedStates);
-        }
-        if (arrivedStates[direction])
-          emit("end-reached", direction);
-      }
-    };
-    function scrollTo(arg1, arg2) {
-      if (shared.isObject(arg1)) {
-        wrapRef.value.scrollTo(arg1);
-      } else if (types.isNumber(arg1) && types.isNumber(arg2)) {
-        wrapRef.value.scrollTo(arg1, arg2);
-      }
-    }
-    const setScrollTop = (value) => {
-      if (!types.isNumber(value)) {
-        error.debugWarn(COMPONENT_NAME, "value must be a number");
-        return;
-      }
-      wrapRef.value.scrollTop = value;
-    };
-    const setScrollLeft = (value) => {
-      if (!types.isNumber(value)) {
-        error.debugWarn(COMPONENT_NAME, "value must be a number");
-        return;
-      }
-      wrapRef.value.scrollLeft = value;
-    };
-    const update = () => {
-      var _a;
-      (_a = barRef.value) == null ? void 0 : _a.update();
-      distanceScrollState[direction] = false;
-    };
-    vue.watch(
-      () => props.noresize,
-      (noresize) => {
-        if (noresize) {
-          stopResizeObserver == null ? void 0 : stopResizeObserver();
-          stopWrapResizeObserver == null ? void 0 : stopWrapResizeObserver();
-          stopResizeListener == null ? void 0 : stopResizeListener();
-        } else {
-          ({ stop: stopResizeObserver } = core.useResizeObserver(resizeRef, update));
-          ({ stop: stopWrapResizeObserver } = core.useResizeObserver(wrapRef, update));
-          stopResizeListener = core.useEventListener("resize", update);
-        }
-      },
-      { immediate: true }
-    );
-    vue.watch(
-      () => [props.maxHeight, props.height],
-      () => {
-        if (!props.native)
-          vue.nextTick(() => {
-            var _a;
-            update();
-            if (wrapRef.value) {
-              (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
-            }
-          });
-      }
-    );
-    vue.provide(
-      constants.scrollbarContextKey,
-      vue.reactive({
-        scrollbarElement: scrollbarRef,
-        wrapElement: wrapRef
-      })
-    );
-    vue.onActivated(() => {
-      if (wrapRef.value) {
-        wrapRef.value.scrollTop = wrapScrollTop;
-        wrapRef.value.scrollLeft = wrapScrollLeft;
-      }
-    });
-    vue.onMounted(() => {
-      if (!props.native)
-        vue.nextTick(() => {
-          update();
-        });
-    });
-    vue.onUpdated(() => update());
-    __expose({
-      wrapRef,
-      update,
-      scrollTo,
-      setScrollTop,
-      setScrollLeft,
-      handleScroll
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          ref_key: "scrollbarRef",
-          ref: scrollbarRef,
-          class: vue.normalizeClass(vue.unref(ns).b())
-        },
-        [
-          vue.createElementVNode("div", {
-            ref_key: "wrapRef",
-            ref: wrapRef,
-            class: vue.normalizeClass(wrapKls.value),
-            style: vue.normalizeStyle(wrapStyle.value),
-            tabindex: _ctx.tabindex,
-            onScroll: handleScroll
-          }, [
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
-              id: _ctx.id,
-              ref_key: "resizeRef",
-              ref: resizeRef,
-              class: vue.normalizeClass(resizeKls.value),
-              style: vue.normalizeStyle(_ctx.viewStyle),
-              role: _ctx.role,
-              "aria-label": _ctx.ariaLabel,
-              "aria-orientation": _ctx.ariaOrientation
-            }, {
-              default: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "default")
-              ]),
-              _: 3
-            }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
-          ], 46, _hoisted_1),
-          !_ctx.native ? (vue.openBlock(), vue.createBlock(bar["default"], {
-            key: 0,
-            ref_key: "barRef",
-            ref: barRef,
-            always: _ctx.always,
-            "min-size": _ctx.minSize
-          }, null, 8, ["always", "min-size"])) : vue.createCommentVNode("v-if", true)
-        ],
-        2
-      );
-    };
-  }
+  height: {
+    type: [String, Number],
+    default: ""
+  },
+  maxHeight: {
+    type: [String, Number],
+    default: ""
+  },
+  native: Boolean,
+  wrapStyle: {
+    type: runtime.definePropType([String, Object, Array]),
+    default: ""
+  },
+  wrapClass: {
+    type: [String, Array],
+    default: ""
+  },
+  viewClass: {
+    type: [String, Array],
+    default: ""
+  },
+  viewStyle: {
+    type: [String, Array, Object],
+    default: ""
+  },
+  noresize: Boolean,
+  tag: {
+    type: String,
+    default: "div"
+  },
+  always: Boolean,
+  minSize: {
+    type: Number,
+    default: 20
+  },
+  tabindex: {
+    type: [String, Number],
+    default: void 0
+  },
+  id: String,
+  role: String,
+  ...index.useAriaProps(["ariaLabel", "ariaOrientation"])
 });
-var Scrollbar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/scrollbar/src/scrollbar.vue"]]);
+const scrollbarEmits = {
+  "end-reached": (direction) => ["left", "right", "top", "bottom"].includes(direction),
+  scroll: ({
+    scrollTop,
+    scrollLeft
+  }) => [scrollTop, scrollLeft].every(types.isNumber)
+};
 
-exports["default"] = Scrollbar;
+exports.scrollbarEmits = scrollbarEmits;
+exports.scrollbarProps = scrollbarProps;
 //# sourceMappingURL=scrollbar2.js.map

package/lib/components/scrollbar/src/scrollbar2.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrollbar2.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n    <div\n      ref=\"wrapRef\"\n      :class=\"wrapKls\"\n      :style=\"wrapStyle\"\n      :tabindex=\"tabindex\"\n      @scroll=\"handleScroll\"\n    >\n      <component\n        :is=\"tag\"\n        :id=\"id\"\n        ref=\"resizeRef\"\n        :class=\"resizeKls\"\n        :style=\"viewStyle\"\n        :role=\"role\"\n        :aria-label=\"ariaLabel\"\n        :aria-orientation=\"ariaOrientation\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onActivated,\n  onMounted,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits, scrollbarProps } from './scrollbar'\n\nimport type { ScrollbarDirection } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = defineProps(scrollbarProps)\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopWrapResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\nlet wrapScrollTop = 0\nlet wrapScrollLeft = 0\nlet direction = '' as ScrollbarDirection\nconst distanceScrollState = {\n  bottom: false,\n  top: false,\n  right: false,\n  left: false,\n}\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n  const style: CSSProperties = {}\n  const height = addUnit(props.height)\n  const maxHeight = addUnit(props.maxHeight)\n  if (height) style.height = height\n  if (maxHeight) style.maxHeight = maxHeight\n  return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n  return [\n    props.wrapClass,\n    ns.e('wrap'),\n    { [ns.em('wrap', 'hidden-default')]: !props.native },\n  ]\n})\n\nconst resizeKls = computed(() => {\n  return [ns.e('view'), props.viewClass]\n})\n\nconst shouldSkipDirection = (direction: ScrollbarDirection) => {\n  return distanceScrollState[direction] ?? false\n}\n\nconst DIRECTION_PAIRS: Record<ScrollbarDirection, ScrollbarDirection> = {\n  top: 'bottom',\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n}\nconst updateTriggerStatus = (arrivedStates: Record<string, boolean>) => {\n  const oppositeDirection = DIRECTION_PAIRS[direction]\n  if (!oppositeDirection) return\n\n  const arrived = arrivedStates[direction]\n  const oppositeArrived = arrivedStates[oppositeDirection]\n\n  if (arrived && !distanceScrollState[direction]) {\n    distanceScrollState[direction] = true\n  }\n\n  if (!oppositeArrived && distanceScrollState[oppositeDirection]) {\n    distanceScrollState[oppositeDirection] = false\n  }\n}\n\nconst handleScroll = () => {\n  if (wrapRef.value) {\n    barRef.value?.handleScroll(wrapRef.value)\n    const prevTop = wrapScrollTop\n    const prevLeft = wrapScrollLeft\n    wrapScrollTop = wrapRef.value.scrollTop\n    wrapScrollLeft = wrapRef.value.scrollLeft\n\n    const arrivedStates = {\n      bottom:\n        wrapScrollTop + wrapRef.value.clientHeight >=\n        wrapRef.value.scrollHeight - props.distance,\n      top: wrapScrollTop <= props.distance && prevTop !== 0,\n      right:\n        wrapScrollLeft + wrapRef.value.clientWidth >=\n          wrapRef.value.scrollWidth - props.distance &&\n        prevLeft !== wrapScrollLeft,\n      left: wrapScrollLeft <= props.distance && prevLeft !== 0,\n    }\n\n    emit('scroll', {\n      scrollTop: wrapScrollTop,\n      scrollLeft: wrapScrollLeft,\n    })\n\n    if (prevTop !== wrapScrollTop) {\n      direction = wrapScrollTop > prevTop ? 'bottom' : 'top'\n    }\n    if (prevLeft !== wrapScrollLeft) {\n      direction = wrapScrollLeft > prevLeft ? 'right' : 'left'\n    }\n    if (props.distance > 0) {\n      if (shouldSkipDirection(direction)) {\n        return\n      }\n      updateTriggerStatus(arrivedStates)\n    }\n    if (arrivedStates[direction]) emit('end-reached', direction)\n  }\n}\n\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n  if (isObject(arg1)) {\n    wrapRef.value!.scrollTo(arg1)\n  } else if (isNumber(arg1) && isNumber(arg2)) {\n    wrapRef.value!.scrollTo(arg1, arg2)\n  }\n}\n\nconst setScrollTop = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n  barRef.value?.update()\n  distanceScrollState[direction] = false\n}\n\nwatch(\n  () => props.noresize,\n  (noresize) => {\n    if (noresize) {\n      stopResizeObserver?.()\n      stopWrapResizeObserver?.()\n      stopResizeListener?.()\n    } else {\n      ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n      ;({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update))\n      stopResizeListener = useEventListener('resize', update)\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => [props.maxHeight, props.height],\n  () => {\n    if (!props.native)\n      nextTick(() => {\n        update()\n        if (wrapRef.value) {\n          barRef.value?.handleScroll(wrapRef.value)\n        }\n      })\n  }\n)\n\nprovide(\n  scrollbarContextKey,\n  reactive({\n    scrollbarElement: scrollbarRef,\n    wrapElement: wrapRef,\n  })\n)\n\nonActivated(() => {\n  if (wrapRef.value) {\n    wrapRef.value.scrollTop = wrapScrollTop\n    wrapRef.value.scrollLeft = wrapScrollLeft\n  }\n})\n\nonMounted(() => {\n  if (!props.native)\n    nextTick(() => {\n      update()\n    })\n})\nonUpdated(() => update())\n\ndefineExpose({\n  /** @description scrollbar wrap ref */\n  wrapRef,\n  /** @description update scrollbar state manually */\n  update,\n  /** @description scrolls to a particular set of coordinates */\n  scrollTo,\n  /** @description set distance to scroll top */\n  setScrollTop,\n  /** @description set distance to scroll left */\n  setScrollLeft,\n  /** @description handle scroll event */\n  handleScroll,\n})\n</script>\n"],"names":["useNamespace","ref","computed","style","addUnit","direction","isObject","isNumber","debugWarn","watch","useResizeObserver","useEventListener","nextTick","provide","scrollbarContextKey","reactive","onActivated","onMounted","onUpdated","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_normalizeStyle","tabindex","_createBlock","_resolveDynamicComponent","tag","id","viewStyle","role","ariaLabel","ariaOrientation","_renderSlot","native","Bar","always","minSize"],"mappings":"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"}
+{"version":3,"file":"scrollbar2.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.ts"],"sourcesContent":["import { buildProps, definePropType, isNumber } from '@element-plus/utils'\nimport { useAriaProps } from '@element-plus/hooks'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type Scrollbar from './scrollbar.vue'\n\nexport const scrollbarProps = buildProps({\n  /**\n   * @description trigger distance(px)\n   */\n  distance: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description height of scrollbar\n   */\n  height: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description max height of scrollbar\n   */\n  maxHeight: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description whether to use the native scrollbar\n   */\n  native: Boolean,\n  /**\n   * @description style of wrap\n   */\n  wrapStyle: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n    default: '',\n  },\n  /**\n   * @description class of wrap\n   */\n  wrapClass: {\n    type: [String, Array],\n    default: '',\n  },\n  /**\n   * @description class of view\n   */\n  viewClass: {\n    type: [String, Array],\n    default: '',\n  },\n  /**\n   * @description style of view\n   */\n  viewStyle: {\n    type: [String, Array, Object],\n    default: '',\n  },\n  /**\n   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance\n   */\n  noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能\n  /**\n   * @description element tag of the view\n   */\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  /**\n   * @description always show\n   */\n  always: Boolean,\n  /**\n   * @description minimum size of scrollbar\n   */\n  minSize: {\n    type: Number,\n    default: 20,\n  },\n  /**\n   * @description Wrap tabindex\n   */\n  tabindex: {\n    type: [String, Number],\n    default: undefined,\n  },\n  /**\n   * @description id of view\n   */\n  id: String,\n  /**\n   * @description role of view\n   */\n  role: String,\n  ...useAriaProps(['ariaLabel', 'ariaOrientation']),\n} as const)\nexport type ScrollbarProps = ExtractPropTypes<typeof scrollbarProps>\nexport type ScrollbarPropsPublic = ExtractPublicPropTypes<typeof scrollbarProps>\n\nexport const scrollbarEmits = {\n  'end-reached': (direction: ScrollbarDirection) =>\n    ['left', 'right', 'top', 'bottom'].includes(direction),\n  scroll: ({\n    scrollTop,\n    scrollLeft,\n  }: {\n    scrollTop: number\n    scrollLeft: number\n  }) => [scrollTop, scrollLeft].every(isNumber),\n}\nexport type ScrollbarEmits = typeof scrollbarEmits\nexport type ScrollbarDirection = 'top' | 'bottom' | 'left' | 'right'\n\nexport type ScrollbarInstance = InstanceType<typeof Scrollbar> & unknown\n"],"names":["buildProps","definePropType","useAriaProps","isNumber"],"mappings":";;;;;;;;AAMO,MAAM,iBAAiBA,kBAAW,CAAA;AAAA,EAIvC,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA,OAAA;AAAA,EAIR,SAAW,EAAA;AAAA,IACT,MAAMC,sBAA2B,CAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,KAAK,CAAC,CAAA;AAAA,IACxD,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,KAAK,CAAA;AAAA,IACpB,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,KAAK,CAAA;AAAA,IACpB,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,CAAC,MAAQ,EAAA,KAAA,EAAO,MAAM,CAAA;AAAA,IAC5B,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA,OAAA;AAAA,EAIV,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA,OAAA;AAAA,EAIR,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,EAAI,EAAA,MAAA;AAAA,EAIJ,IAAM,EAAA,MAAA;AAAA,EACN,GAAGC,kBAAA,CAAa,CAAC,WAAA,EAAa,iBAAiB,CAAC,CAAA;AAClD,CAAU,EAAA;AAIH,MAAM,cAAiB,GAAA;AAAA,EAC5B,aAAA,EAAe,CAAC,SAAA,KACd,CAAC,MAAA,EAAQ,SAAS,KAAO,EAAA,QAAQ,CAAE,CAAA,QAAA,CAAS,SAAS,CAAA;AAAA,EACvD,QAAQ,CAAC;AAAA,IACP,SAAA;AAAA,IACA,UAAA;AAAA,QAII,CAAC,SAAA,EAAW,UAAU,CAAA,CAAE,MAAMC,cAAQ,CAAA;AAC9C;;;;;"}

package/lib/components/select/src/select.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var core = require('@popperjs/core');
 var iconsVue = require('@element-plus/icons-vue');
 var useProps = require('../../select-v2/src/useProps.js');
-var tag = require('../../tag/src/tag.js');
-var scrollbar = require('../../scrollbar/src/scrollbar.js');
+var tag = require('../../tag/src/tag2.js');
+var scrollbar = require('../../scrollbar/src/scrollbar2.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var index = require('../../../hooks/use-size/index.js');
 var content = require('../../tooltip/src/content.js');

package/lib/components/select-v2/src/defaults.js

@@ -9,7 +9,7 @@ var runtime = require('../../../utils/vue/props/runtime.js');
 var icon = require('../../../utils/vue/icon.js');
 var content = require('../../tooltip/src/content.js');
 var index = require('../../../hooks/use-size/index.js');
-var tag = require('../../tag/src/tag.js');
+var tag = require('../../tag/src/tag2.js');
 var types = require('../../../utils/types.js');
 var index$1 = require('../../../hooks/use-empty-values/index.js');
 var index$2 = require('../../../hooks/use-aria/index.js');

package/lib/components/skeleton/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var skeleton$1 = require('./src/skeleton2.js');
+var skeleton$1 = require('./src/skeleton.js');
 var skeletonItem$1 = require('./src/skeleton-item2.js');
-var skeleton = require('./src/skeleton.js');
+var skeleton = require('./src/skeleton2.js');
 var skeletonItem = require('./src/skeleton-item.js');
 var install = require('../../utils/vue/install.js');
 

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

@@ -2,26 +2,76 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var skeleton = require('./skeleton2.js');
+var skeletonItem = require('./skeleton-item2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index$1 = require('../../../hooks/use-throttle-render/index.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const skeletonProps = runtime.buildProps({
-  animated: Boolean,
-  count: {
-    type: Number,
-    default: 1
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElSkeleton"
   },
-  rows: {
-    type: Number,
-    default: 3
-  },
-  loading: {
-    type: Boolean,
-    default: true
-  },
-  throttle: {
-    type: runtime.definePropType([Number, Object])
+  __name: "skeleton",
+  props: skeleton.skeletonProps,
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const ns = index.useNamespace("skeleton");
+    const uiLoading = index$1.useThrottleRender(vue.toRef(props, "loading"), props.throttle);
+    __expose({
+      uiLoading
+    });
+    return (_ctx, _cache) => {
+      return vue.unref(uiLoading) ? (vue.openBlock(), vue.createElementBlock(
+        "div",
+        vue.mergeProps({
+          key: 0,
+          class: [vue.unref(ns).b(), vue.unref(ns).is("animated", _ctx.animated)]
+        }, _ctx.$attrs),
+        [
+          (vue.openBlock(true), vue.createElementBlock(
+            vue.Fragment,
+            null,
+            vue.renderList(_ctx.count, (i) => {
+              return vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: i },
+                [
+                  vue.unref(uiLoading) ? vue.renderSlot(_ctx.$slots, "template", { key: i }, () => [
+                    vue.createVNode(skeletonItem["default"], {
+                      class: vue.normalizeClass(vue.unref(ns).is("first")),
+                      variant: "p"
+                    }, null, 8, ["class"]),
+                    (vue.openBlock(true), vue.createElementBlock(
+                      vue.Fragment,
+                      null,
+                      vue.renderList(_ctx.rows, (item) => {
+                        return vue.openBlock(), vue.createBlock(skeletonItem["default"], {
+                          key: item,
+                          class: vue.normalizeClass([
+                            vue.unref(ns).e("paragraph"),
+                            vue.unref(ns).is("last", item === _ctx.rows && _ctx.rows > 1)
+                          ]),
+                          variant: "p"
+                        }, null, 8, ["class"]);
+                      }),
+                      128
+                    ))
+                  ]) : vue.createCommentVNode("v-if", true)
+                ],
+                64
+              );
+            }),
+            128
+          ))
+        ],
+        16
+      )) : vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.$attrs)));
+    };
   }
 });
+var Skeleton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/skeleton/src/skeleton.vue"]]);
 
-exports.skeletonProps = skeletonProps;
+exports["default"] = Skeleton;
 //# sourceMappingURL=skeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","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":["buildProps","definePropType"],"mappings":";;;;;;AAMO,MAAM,gBAAgBA,kBAAW,CAAA;AAAA,EAItC,QAAU,EAAA,OAAA;AAAA,EAIV,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAAC,sBAAA,CAA6B,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,GACrD;AACF,CAAU;;;;"}
+{"version":3,"file":"skeleton.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue"],"sourcesContent":["<template>\n  <template v-if=\"uiLoading\">\n    <div :class=\"[ns.b(), ns.is('animated', animated)]\" v-bind=\"$attrs\">\n      <template v-for=\"i in count\" :key=\"i\">\n        <slot v-if=\"uiLoading\" :key=\"i\" name=\"template\">\n          <el-skeleton-item :class=\"ns.is('first')\" variant=\"p\" />\n          <el-skeleton-item\n            v-for=\"item in rows\"\n            :key=\"item\"\n            :class=\"[\n              ns.e('paragraph'),\n              ns.is('last', item === rows && rows > 1),\n            ]\"\n            variant=\"p\"\n          />\n        </slot>\n      </template>\n    </div>\n  </template>\n  <template v-else>\n    <slot v-bind=\"$attrs\" />\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { toRef } from 'vue'\nimport { useNamespace, useThrottleRender } from '@element-plus/hooks'\nimport { 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":["useNamespace","useThrottleRender","toRef","_unref","_openBlock","_createElementBlock","_mergeProps","animated","$attrs","_Fragment","count","_renderSlot","_createVNode","ElSkeletonItem","_normalizeClass","rows","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;;AAiCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAER,IAAA,MAAA,EAAA,GAAKA,mBAAa,UAAU,CAAA,CAAA;AAClC,IAAA,MAAM,YAAYC,yBAAkB,CAAAC,SAAA,CAAM,OAAO,SAAS,CAAA,EAAG,MAAM,QAAQ,CAAA,CAAA;AAE9D,IAAA,QAAA,CAAA;AAAA,MAEX,SAAA;AAAA,KACD,CAAA,CAAA;;aAxCiBC,SACd,CAAA,SAAA,CAAA,IAAAC,aAAA,EAAA,EAAAC,sBAAA;AAAA,QAeM,KAAA;AAAA,QAfNC,cAeM,CAAA;AAAA,UAAA,GAAA,EAAA,CAAA;AAAA,UAfA,KAAK,EAAA,CAAGH,SAAG,CAAA,EAAA,EAAA,CAAC,EAAA,EAAIA,SAAG,CAAA,EAAA,CAAA,CAAA,EAAA,CAAE,UAAaI,EAAAA,IAAAA,CAAQ,QAAA,CAAA,CAAA;AAAA,SAAA,EAAYC,KAAM,MAAA,CAAA;AAAA,QAAA;AAAA,WAChEJ,aAAA,CAAA,IAAA,CAAA,EAAAC,sBAAA;AAAA,YAaWI,YAAA;AAAA,YAAA,IAAA;AAAA,YAbWC,cAAAA,CAAAA,IAAAA,CAAAA,KAAK,EAAA,CAAV,CAAC,KAAA;;;uBAAiB,CAAC,EAAA;AAAA,gBAAA;AAAA,kBACtBP,SAAA,cAAZQ,cAWO,CAAA,IAAA,CAAA,MAAA,EAAA,UAAA,EAAA,EAXiB,GAAA,EAAK,CAAC,EAAA,EAA9B,MAWO;AAAA,oBAVLC,gBAAwDC,uBAAA,EAAA;AAAA,sBAArC,OAAKC,kBAAE,CAAAX,SAAA,CAAA,EAAA,CAAG,CAAA,EAAA,CAAE,OAAA,CAAA,CAAA;AAAA,sBAAW,OAAQ,EAAA,GAAA;AAAA,qBAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA;AAAA,qBAClDC,aAAA,CAAA,IAAA,CAAA,EAAAC,sBAAA;AAAA,sBAQEI,YAAA;AAAA,sBAAA,IAAA;AAAA,sBAPeM,cAAAA,CAAAA,IAAAA,CAAAA,IAAI,EAAA,CAAZ,IAAI,KAAA;8CADb,EAAAC,eAAA,CAQEH,uBAAA,EAAA;AAAA,0BANC,GAAK,EAAA,IAAA;AAAA,0BACL,OAAKC,kBAAA,CAAA;AAAA,4BAAkBX,aAAG,CAAA,CAAA,CAAC,WAAA,CAAA;AAAA,4BAA6BA,SAAA,CAAG,EAAA,CAAA,CAAA,EAAE,CAAA,MAAA,EAAS,SAASY,aAAQA,IAAI,CAAA,IAAA,GAAA,CAAA,CAAA;AAAA,2BAAA,CAAA;AAAA,0BAI5F,OAAQ,EAAA,GAAA;AAAA,yBAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;AAAA;;;;;;;;;;;;OAOhB,IAAAJ,cAAA,CAAwB,sEAAVH,IAAM,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAAA;;;;;;"}

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

@@ -2,76 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var skeleton = require('./skeleton.js');
-var skeletonItem = require('./skeleton-item2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index$1 = require('../../../hooks/use-throttle-render/index.js');
-var index = require('../../../hooks/use-namespace/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElSkeleton"
+const skeletonProps = runtime.buildProps({
+  animated: Boolean,
+  count: {
+    type: Number,
+    default: 1
   },
-  __name: "skeleton",
-  props: skeleton.skeletonProps,
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const ns = index.useNamespace("skeleton");
-    const uiLoading = index$1.useThrottleRender(vue.toRef(props, "loading"), props.throttle);
-    __expose({
-      uiLoading
-    });
-    return (_ctx, _cache) => {
-      return vue.unref(uiLoading) ? (vue.openBlock(), vue.createElementBlock(
-        "div",
-        vue.mergeProps({
-          key: 0,
-          class: [vue.unref(ns).b(), vue.unref(ns).is("animated", _ctx.animated)]
-        }, _ctx.$attrs),
-        [
-          (vue.openBlock(true), vue.createElementBlock(
-            vue.Fragment,
-            null,
-            vue.renderList(_ctx.count, (i) => {
-              return vue.openBlock(), vue.createElementBlock(
-                vue.Fragment,
-                { key: i },
-                [
-                  vue.unref(uiLoading) ? vue.renderSlot(_ctx.$slots, "template", { key: i }, () => [
-                    vue.createVNode(skeletonItem["default"], {
-                      class: vue.normalizeClass(vue.unref(ns).is("first")),
-                      variant: "p"
-                    }, null, 8, ["class"]),
-                    (vue.openBlock(true), vue.createElementBlock(
-                      vue.Fragment,
-                      null,
-                      vue.renderList(_ctx.rows, (item) => {
-                        return vue.openBlock(), vue.createBlock(skeletonItem["default"], {
-                          key: item,
-                          class: vue.normalizeClass([
-                            vue.unref(ns).e("paragraph"),
-                            vue.unref(ns).is("last", item === _ctx.rows && _ctx.rows > 1)
-                          ]),
-                          variant: "p"
-                        }, null, 8, ["class"]);
-                      }),
-                      128
-                    ))
-                  ]) : vue.createCommentVNode("v-if", true)
-                ],
-                64
-              );
-            }),
-            128
-          ))
-        ],
-        16
-      )) : vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.$attrs)));
-    };
+  rows: {
+    type: Number,
+    default: 3
+  },
+  loading: {
+    type: Boolean,
+    default: true
+  },
+  throttle: {
+    type: runtime.definePropType([Number, Object])
   }
 });
-var Skeleton = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/skeleton/src/skeleton.vue"]]);
 
-exports["default"] = Skeleton;
+exports.skeletonProps = skeletonProps;
 //# sourceMappingURL=skeleton2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton2.js","sources":["../../../../../../packages/components/skeleton/src/skeleton.vue"],"sourcesContent":["<template>\n  <template v-if=\"uiLoading\">\n    <div :class=\"[ns.b(), ns.is('animated', animated)]\" v-bind=\"$attrs\">\n      <template v-for=\"i in count\" :key=\"i\">\n        <slot v-if=\"uiLoading\" :key=\"i\" name=\"template\">\n          <el-skeleton-item :class=\"ns.is('first')\" variant=\"p\" />\n          <el-skeleton-item\n            v-for=\"item in rows\"\n            :key=\"item\"\n            :class=\"[\n              ns.e('paragraph'),\n              ns.is('last', item === rows && rows > 1),\n            ]\"\n            variant=\"p\"\n          />\n        </slot>\n      </template>\n    </div>\n  </template>\n  <template v-else>\n    <slot v-bind=\"$attrs\" />\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { toRef } from 'vue'\nimport { useNamespace, useThrottleRender } from '@element-plus/hooks'\nimport { 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":["useNamespace","useThrottleRender","toRef","_unref","_openBlock","_createElementBlock","_mergeProps","animated","$attrs","_Fragment","count","_renderSlot","_createVNode","ElSkeletonItem","_normalizeClass","rows","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;;AAiCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAER,IAAA,MAAA,EAAA,GAAKA,mBAAa,UAAU,CAAA,CAAA;AAClC,IAAA,MAAM,YAAYC,yBAAkB,CAAAC,SAAA,CAAM,OAAO,SAAS,CAAA,EAAG,MAAM,QAAQ,CAAA,CAAA;AAE9D,IAAA,QAAA,CAAA;AAAA,MAEX,SAAA;AAAA,KACD,CAAA,CAAA;;aAxCiBC,SACd,CAAA,SAAA,CAAA,IAAAC,aAAA,EAAA,EAAAC,sBAAA;AAAA,QAeM,KAAA;AAAA,QAfNC,cAeM,CAAA;AAAA,UAAA,GAAA,EAAA,CAAA;AAAA,UAfA,KAAK,EAAA,CAAGH,SAAG,CAAA,EAAA,EAAA,CAAC,EAAA,EAAIA,SAAG,CAAA,EAAA,CAAA,CAAA,EAAA,CAAE,UAAaI,EAAAA,IAAAA,CAAQ,QAAA,CAAA,CAAA;AAAA,SAAA,EAAYC,KAAM,MAAA,CAAA;AAAA,QAAA;AAAA,WAChEJ,aAAA,CAAA,IAAA,CAAA,EAAAC,sBAAA;AAAA,YAaWI,YAAA;AAAA,YAAA,IAAA;AAAA,YAbWC,cAAAA,CAAAA,IAAAA,CAAAA,KAAK,EAAA,CAAV,CAAC,KAAA;;;uBAAiB,CAAC,EAAA;AAAA,gBAAA;AAAA,kBACtBP,SAAA,cAAZQ,cAWO,CAAA,IAAA,CAAA,MAAA,EAAA,UAAA,EAAA,EAXiB,GAAA,EAAK,CAAC,EAAA,EAA9B,MAWO;AAAA,oBAVLC,gBAAwDC,uBAAA,EAAA;AAAA,sBAArC,OAAKC,kBAAE,CAAAX,SAAA,CAAA,EAAA,CAAG,CAAA,EAAA,CAAE,OAAA,CAAA,CAAA;AAAA,sBAAW,OAAQ,EAAA,GAAA;AAAA,qBAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA;AAAA,qBAClDC,aAAA,CAAA,IAAA,CAAA,EAAAC,sBAAA;AAAA,sBAQEI,YAAA;AAAA,sBAAA,IAAA;AAAA,sBAPeM,cAAAA,CAAAA,IAAAA,CAAAA,IAAI,EAAA,CAAZ,IAAI,KAAA;8CADb,EAAAC,eAAA,CAQEH,uBAAA,EAAA;AAAA,0BANC,GAAK,EAAA,IAAA;AAAA,0BACL,OAAKC,kBAAA,CAAA;AAAA,4BAAkBX,aAAG,CAAA,CAAA,CAAC,WAAA,CAAA;AAAA,4BAA6BA,SAAA,CAAG,EAAA,CAAA,CAAA,EAAE,CAAA,MAAA,EAAS,SAASY,aAAQA,IAAI,CAAA,IAAA,GAAA,CAAA,CAAA;AAAA,2BAAA,CAAA;AAAA,0BAI5F,OAAQ,EAAA,GAAA;AAAA,yBAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;AAAA;;;;;;;;;;;;OAOhB,IAAAJ,cAAA,CAAwB,sEAAVH,IAAM,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAAA;;;;;;"}
+{"version":3,"file":"skeleton2.js","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":["buildProps","definePropType"],"mappings":";;;;;;AAMO,MAAM,gBAAgBA,kBAAW,CAAA;AAAA,EAItC,QAAU,EAAA,OAAA;AAAA,EAIV,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAAC,sBAAA,CAA6B,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,GACrD;AACF,CAAU;;;;"}

package/lib/components/splitter/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var splitter$1 = require('./src/splitter.js');
+var splitter$1 = require('./src/splitter2.js');
 var splitPanel$1 = require('./src/split-panel2.js');
-var splitter = require('./src/splitter2.js');
+var splitter = require('./src/splitter.js');
 var splitPanel = require('./src/split-panel.js');
 var install = require('../../utils/vue/install.js');