@element-plus/nightly 0.0.20250118 → 0.0.20250119

package/es/components/mention/src/mention-dropdown2.mjs

@@ -1,170 +1,19 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createCommentVNode, withDirectives, createVNode, withCtx, Fragment, renderList, withModifiers, createElementVNode, toDisplayString, vShow, createTextVNode, nextTick } from 'vue';
-import { ElScrollbar } from '../../scrollbar/index.mjs';
-import { mentionDropdownProps, mentionDropdownEmits } from './mention-dropdown.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
-import { scrollIntoView } from '../../../utils/dom/scroll.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { isString } from '@vue/shared';
 
-const __default__ = defineComponent({
-  name: "ElMentionDropdown"
+const mentionDropdownProps = buildProps({
+  options: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  loading: Boolean,
+  disabled: Boolean,
+  contentId: String,
+  ariaLabel: String
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: mentionDropdownProps,
-  emits: mentionDropdownEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const ns = useNamespace("mention");
-    const { t } = useLocale();
-    const hoveringIndex = ref(-1);
-    const scrollbarRef = ref();
-    const optionRefs = ref();
-    const dropdownRef = ref();
-    const optionkls = (item, index) => [
-      ns.be("dropdown", "item"),
-      ns.is("hovering", hoveringIndex.value === index),
-      ns.is("disabled", item.disabled || props.disabled)
-    ];
-    const handleSelect = (item) => {
-      if (item.disabled || props.disabled)
-        return;
-      emit("select", item);
-    };
-    const handleMouseEnter = (index) => {
-      hoveringIndex.value = index;
-    };
-    const filteredAllDisabled = computed(() => props.disabled || props.options.every((item) => item.disabled));
-    const hoverOption = computed(() => props.options[hoveringIndex.value]);
-    const selectHoverOption = () => {
-      if (!hoverOption.value)
-        return;
-      emit("select", hoverOption.value);
-    };
-    const navigateOptions = (direction) => {
-      const { options } = props;
-      if (options.length === 0 || filteredAllDisabled.value)
-        return;
-      if (direction === "next") {
-        hoveringIndex.value++;
-        if (hoveringIndex.value === options.length) {
-          hoveringIndex.value = 0;
-        }
-      } else if (direction === "prev") {
-        hoveringIndex.value--;
-        if (hoveringIndex.value < 0) {
-          hoveringIndex.value = options.length - 1;
-        }
-      }
-      const option = options[hoveringIndex.value];
-      if (option.disabled) {
-        navigateOptions(direction);
-        return;
-      }
-      nextTick(() => scrollToOption(option));
-    };
-    const scrollToOption = (option) => {
-      var _a, _b, _c, _d;
-      const { options } = props;
-      const index = options.findIndex((item) => item.value === option.value);
-      const target = (_a = optionRefs.value) == null ? void 0 : _a[index];
-      if (target) {
-        const menu = (_c = (_b = dropdownRef.value) == null ? void 0 : _b.querySelector) == null ? void 0 : _c.call(_b, `.${ns.be("dropdown", "wrap")}`);
-        if (menu) {
-          scrollIntoView(menu, target);
-        }
-      }
-      (_d = scrollbarRef.value) == null ? void 0 : _d.handleScroll();
-    };
-    const resetHoveringIndex = () => {
-      if (filteredAllDisabled.value || props.options.length === 0) {
-        hoveringIndex.value = -1;
-      } else {
-        hoveringIndex.value = 0;
-      }
-    };
-    watch(() => props.options, resetHoveringIndex, {
-      immediate: true
-    });
-    expose({
-      hoveringIndex,
-      navigateOptions,
-      selectHoverOption,
-      hoverOption
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "dropdownRef",
-        ref: dropdownRef,
-        class: normalizeClass(unref(ns).b("dropdown"))
-      }, [
-        _ctx.$slots.header ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(unref(ns).be("dropdown", "header"))
-        }, [
-          renderSlot(_ctx.$slots, "header")
-        ], 2)) : createCommentVNode("v-if", true),
-        withDirectives(createVNode(unref(ElScrollbar), {
-          id: _ctx.contentId,
-          ref_key: "scrollbarRef",
-          ref: scrollbarRef,
-          tag: "ul",
-          "wrap-class": unref(ns).be("dropdown", "wrap"),
-          "view-class": unref(ns).be("dropdown", "list"),
-          role: "listbox",
-          "aria-label": _ctx.ariaLabel,
-          "aria-orientation": "vertical"
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index) => {
-              return openBlock(), createElementBlock("li", {
-                id: `${_ctx.contentId}-${index}`,
-                ref_for: true,
-                ref_key: "optionRefs",
-                ref: optionRefs,
-                key: index,
-                class: normalizeClass(optionkls(item, index)),
-                role: "option",
-                "aria-disabled": item.disabled || _ctx.disabled || void 0,
-                "aria-selected": hoveringIndex.value === index,
-                onMousemove: ($event) => handleMouseEnter(index),
-                onClick: withModifiers(($event) => handleSelect(item), ["stop"])
-              }, [
-                renderSlot(_ctx.$slots, "label", {
-                  item,
-                  index
-                }, () => {
-                  var _a;
-                  return [
-                    createElementVNode("span", null, toDisplayString((_a = item.label) != null ? _a : item.value), 1)
-                  ];
-                })
-              ], 42, ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"]);
-            }), 128))
-          ]),
-          _: 3
-        }, 8, ["id", "wrap-class", "view-class", "aria-label"]), [
-          [vShow, _ctx.options.length > 0 && !_ctx.loading]
-        ]),
-        _ctx.loading ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass(unref(ns).be("dropdown", "loading"))
-        }, [
-          renderSlot(_ctx.$slots, "loading", {}, () => [
-            createTextVNode(toDisplayString(unref(t)("el.mention.loading")), 1)
-          ])
-        ], 2)) : createCommentVNode("v-if", true),
-        _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
-          key: 2,
-          class: normalizeClass(unref(ns).be("dropdown", "footer"))
-        }, [
-          renderSlot(_ctx.$slots, "footer")
-        ], 2)) : createCommentVNode("v-if", true)
-      ], 2);
-    };
-  }
-});
-var ElMentionDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "mention-dropdown.vue"]]);
+const mentionDropdownEmits = {
+  select: (option) => isString(option.value)
+};
 
-export { ElMentionDropdown as default };
+export { mentionDropdownEmits, mentionDropdownProps };
 //# sourceMappingURL=mention-dropdown2.mjs.map

package/es/components/mention/src/mention-dropdown2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mention-dropdown2.mjs","sources":["../../../../../../packages/components/mention/src/mention-dropdown.vue"],"sourcesContent":["<template>\n  <div ref=\"dropdownRef\" :class=\"ns.b('dropdown')\">\n    <div v-if=\"$slots.header\" :class=\"ns.be('dropdown', 'header')\">\n      <slot name=\"header\" />\n    </div>\n    <el-scrollbar\n      v-show=\"options.length > 0 && !loading\"\n      :id=\"contentId\"\n      ref=\"scrollbarRef\"\n      tag=\"ul\"\n      :wrap-class=\"ns.be('dropdown', 'wrap')\"\n      :view-class=\"ns.be('dropdown', 'list')\"\n      role=\"listbox\"\n      :aria-label=\"ariaLabel\"\n      aria-orientation=\"vertical\"\n    >\n      <li\n        v-for=\"(item, index) in options\"\n        :id=\"`${contentId}-${index}`\"\n        ref=\"optionRefs\"\n        :key=\"index\"\n        :class=\"optionkls(item, index)\"\n        role=\"option\"\n        :aria-disabled=\"item.disabled || disabled || undefined\"\n        :aria-selected=\"hoveringIndex === index\"\n        @mousemove=\"handleMouseEnter(index)\"\n        @click.stop=\"handleSelect(item)\"\n      >\n        <slot name=\"label\" :item=\"item\" :index=\"index\">\n          <span>{{ item.label ?? item.value }}</span>\n        </slot>\n      </li>\n    </el-scrollbar>\n    <div v-if=\"loading\" :class=\"ns.be('dropdown', 'loading')\">\n      <slot name=\"loading\"> {{ t('el.mention.loading') }} </slot>\n    </div>\n    <div v-if=\"$slots.footer\" :class=\"ns.be('dropdown', 'footer')\">\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { scrollIntoView } from '@element-plus/utils'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { mentionDropdownEmits, mentionDropdownProps } from './mention-dropdown'\n\nimport type { MentionOption } from './types'\n\ndefineOptions({\n  name: 'ElMentionDropdown',\n})\n\nconst props = defineProps(mentionDropdownProps)\nconst emit = defineEmits(mentionDropdownEmits)\n\nconst ns = useNamespace('mention')\nconst { t } = useLocale()\nconst hoveringIndex = ref(-1)\n\nconst scrollbarRef = ref<InstanceType<typeof ElScrollbar>>()\nconst optionRefs = ref<HTMLElement[]>()\nconst dropdownRef = ref<HTMLElement>()\n\nconst optionkls = (item: MentionOption, index: number) => [\n  ns.be('dropdown', 'item'),\n  ns.is('hovering', hoveringIndex.value === index),\n  ns.is('disabled', item.disabled || props.disabled),\n]\n\nconst handleSelect = (item: MentionOption) => {\n  if (item.disabled || props.disabled) return\n  emit('select', item)\n}\n\nconst handleMouseEnter = (index: number) => {\n  hoveringIndex.value = index\n}\n\nconst filteredAllDisabled = computed(\n  () => props.disabled || props.options.every((item) => item.disabled)\n)\n\nconst hoverOption = computed(() => props.options[hoveringIndex.value])\n\nconst selectHoverOption = () => {\n  if (!hoverOption.value) return\n  emit('select', hoverOption.value)\n}\n\nconst navigateOptions = (direction: 'next' | 'prev') => {\n  const { options } = props\n  if (options.length === 0 || filteredAllDisabled.value) return\n\n  if (direction === 'next') {\n    hoveringIndex.value++\n    if (hoveringIndex.value === options.length) {\n      hoveringIndex.value = 0\n    }\n  } else if (direction === 'prev') {\n    hoveringIndex.value--\n    if (hoveringIndex.value < 0) {\n      hoveringIndex.value = options.length - 1\n    }\n  }\n  const option = options[hoveringIndex.value]\n  if (option.disabled) {\n    navigateOptions(direction)\n    return\n  }\n  nextTick(() => scrollToOption(option))\n}\n\nconst scrollToOption = (option: MentionOption) => {\n  const { options } = props\n\n  const index = options.findIndex((item) => item.value === option.value)\n  const target = optionRefs.value?.[index]\n\n  if (target) {\n    const menu = dropdownRef.value?.querySelector?.(\n      `.${ns.be('dropdown', 'wrap')}`\n    )\n    if (menu) {\n      scrollIntoView(menu as HTMLElement, target)\n    }\n  }\n  scrollbarRef.value?.handleScroll()\n}\n\nconst resetHoveringIndex = () => {\n  if (filteredAllDisabled.value || props.options.length === 0) {\n    hoveringIndex.value = -1\n  } else {\n    hoveringIndex.value = 0\n  }\n}\n\nwatch(() => props.options, resetHoveringIndex, {\n  immediate: true,\n})\n\ndefineExpose({\n  hoveringIndex,\n  navigateOptions,\n  selectHoverOption,\n  hoverOption,\n})\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mention-dropdown2.mjs","sources":["../../../../../../packages/components/mention/src/mention-dropdown.ts"],"sourcesContent":["import { buildProps, definePropType, isString } from '@element-plus/utils'\n\nimport type { MentionOption } from './types'\n\nexport const mentionDropdownProps = buildProps({\n  options: {\n    type: definePropType<MentionOption[]>(Array),\n    default: () => [],\n  },\n  loading: Boolean,\n  disabled: Boolean,\n  contentId: String,\n  ariaLabel: String,\n})\n\nexport const mentionDropdownEmits = {\n  select: (option: MentionOption) => isString(option.value),\n}\n"],"names":[],"mappings":";;;AACY,MAAC,oBAAoB,GAAG,UAAU,CAAC;AAC/C,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,SAAS,EAAE,MAAM;AACnB,CAAC,EAAE;AACS,MAAC,oBAAoB,GAAG;AACpC,EAAE,MAAM,EAAE,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;AAC5C;;;;"}

package/es/components/mention/src/mention2.mjs

@@ -4,7 +4,7 @@ import { ElInput } from '../../input/index.mjs';
 import { ElTooltip } from '../../tooltip/index.mjs';
 import { mentionProps, mentionEmits } from './mention.mjs';
 import { getCursorPosition, getMentionCtx } from './helper.mjs';
-import ElMentionDropdown from './mention-dropdown2.mjs';
+import ElMentionDropdown from './mention-dropdown.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { inputProps } from '../../input/src/input.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';

package/es/components/menu/index.mjs

@@ -1,11 +1,11 @@
 import Menu from './src/menu.mjs';
 export { menuEmits, menuProps } from './src/menu.mjs';
 import MenuItem from './src/menu-item2.mjs';
-import MenuItemGroup from './src/menu-item-group.mjs';
+import MenuItemGroup from './src/menu-item-group2.mjs';
 import SubMenu from './src/sub-menu.mjs';
 export { subMenuProps } from './src/sub-menu.mjs';
 export { menuItemEmits, menuItemProps } from './src/menu-item.mjs';
-export { menuItemGroupProps } from './src/menu-item-group2.mjs';
+export { menuItemGroupProps } from './src/menu-item-group.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 
 const ElMenu = withInstall(Menu, {

package/es/components/menu/src/menu-item-group.mjs

@@ -1,36 +1,6 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, createTextVNode, toDisplayString, renderSlot } from 'vue';
-import { menuItemGroupProps } from './menu-item-group2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+const menuItemGroupProps = {
+  title: String
+};
 
-const COMPONENT_NAME = "ElMenuItemGroup";
-const _sfc_main = defineComponent({
-  name: COMPONENT_NAME,
-  props: menuItemGroupProps,
-  setup() {
-    const ns = useNamespace("menu-item-group");
-    return {
-      ns
-    };
-  }
-});
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("li", {
-    class: normalizeClass(_ctx.ns.b())
-  }, [
-    createElementVNode("div", {
-      class: normalizeClass(_ctx.ns.e("title"))
-    }, [
-      !_ctx.$slots.title ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        createTextVNode(toDisplayString(_ctx.title), 1)
-      ], 64)) : renderSlot(_ctx.$slots, "title", { key: 1 })
-    ], 2),
-    createElementVNode("ul", null, [
-      renderSlot(_ctx.$slots, "default")
-    ])
-  ], 2);
-}
-var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "menu-item-group.vue"]]);
-
-export { MenuItemGroup as default };
+export { menuItemGroupProps };
 //# sourceMappingURL=menu-item-group.mjs.map

package/es/components/menu/src/menu-item-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item-group.mjs","sources":["../../../../../../packages/components/menu/src/menu-item-group.vue"],"sourcesContent":["<template>\n  <li :class=\"ns.b()\">\n    <div :class=\"ns.e('title')\">\n      <template v-if=\"!$slots.title\">{{ title }}</template>\n      <slot v-else name=\"title\" />\n    </div>\n    <ul>\n      <slot />\n    </ul>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { menuItemGroupProps } from './menu-item-group'\n\nconst COMPONENT_NAME = 'ElMenuItemGroup'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  props: menuItemGroupProps,\n\n  setup() {\n    const ns = useNamespace('menu-item-group')\n\n    return {\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_createTextVNode","_toDisplayString","_renderSlot"],"mappings":";;;;;AAiBA,MAAM,cAAiB,GAAA,iBAAA,CAAA;AAEvB,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,cAAA;AAAA,EAEN,KAAO,EAAA,kBAAA;AAAA,EAEP,KAAQ,GAAA;AACN,IAAM,MAAA,EAAA,GAAK,aAAa,iBAAiB,CAAA,CAAA;AAEzC,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;AA9BC,EAAA,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,IAAA,EAAA;AAAA,IAQK,KAAA,EAAAC,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA;AAAA,GAAA,EAAA;AAAA,IARAC,kBAAO,CAAA,KAAA,EAAA;AAAI,MAAA,KAAA,EAAAD,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;;AACd,MAAA,CAAA,IAAA,CAAA,MAAA,CAAA,KAAA,IAAAF,SAAA,EAAA,EAAAC,kBAAA,CAAAG,QAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,QAGMC,eAAA,CAAAC,eAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,OAAA,EAAA,EAAA,CAAA,IAAAC,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,OAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA;AAAA,KAHA,EAAA,CAAA,CAAA;AAAW,IAAAJ,kBAAA,CAAA,IAAA,EAAA,IAAA,EAAA;;AACE,KAAA,CAAA;AAAjB,GAAqD,EAAA,CAAA,CAAA,CAAA;AAAA,CAAA;AAAA,oBAAA,gBAAA,WAAA,CAAA,SAAA,EAAA,CAAA,CAAA,QAAA,EAAA,WAAA,CAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,CAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"menu-item-group.mjs","sources":["../../../../../../packages/components/menu/src/menu-item-group.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const menuItemGroupProps = {\n  /**\n   * @description group title\n   */\n  title: String,\n} as const\nexport type MenuItemGroupProps = ExtractPropTypes<typeof menuItemGroupProps>\n"],"names":[],"mappings":"AAAY,MAAC,kBAAkB,GAAG;AAClC,EAAE,KAAK,EAAE,MAAM;AACf;;;;"}

package/es/components/menu/src/menu-item-group2.mjs

@@ -1,6 +1,36 @@
-const menuItemGroupProps = {
-  title: String
-};
+import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, createTextVNode, toDisplayString, renderSlot } from 'vue';
+import { menuItemGroupProps } from './menu-item-group.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-export { menuItemGroupProps };
+const COMPONENT_NAME = "ElMenuItemGroup";
+const _sfc_main = defineComponent({
+  name: COMPONENT_NAME,
+  props: menuItemGroupProps,
+  setup() {
+    const ns = useNamespace("menu-item-group");
+    return {
+      ns
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("li", {
+    class: normalizeClass(_ctx.ns.b())
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.ns.e("title"))
+    }, [
+      !_ctx.$slots.title ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createTextVNode(toDisplayString(_ctx.title), 1)
+      ], 64)) : renderSlot(_ctx.$slots, "title", { key: 1 })
+    ], 2),
+    createElementVNode("ul", null, [
+      renderSlot(_ctx.$slots, "default")
+    ])
+  ], 2);
+}
+var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "menu-item-group.vue"]]);
+
+export { MenuItemGroup as default };
 //# sourceMappingURL=menu-item-group2.mjs.map

package/es/components/menu/src/menu-item-group2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item-group2.mjs","sources":["../../../../../../packages/components/menu/src/menu-item-group.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const menuItemGroupProps = {\n  /**\n   * @description group title\n   */\n  title: String,\n} as const\nexport type MenuItemGroupProps = ExtractPropTypes<typeof menuItemGroupProps>\n"],"names":[],"mappings":"AAAY,MAAC,kBAAkB,GAAG;AAClC,EAAE,KAAK,EAAE,MAAM;AACf;;;;"}
+{"version":3,"file":"menu-item-group2.mjs","sources":["../../../../../../packages/components/menu/src/menu-item-group.vue"],"sourcesContent":["<template>\n  <li :class=\"ns.b()\">\n    <div :class=\"ns.e('title')\">\n      <template v-if=\"!$slots.title\">{{ title }}</template>\n      <slot v-else name=\"title\" />\n    </div>\n    <ul>\n      <slot />\n    </ul>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { menuItemGroupProps } from './menu-item-group'\n\nconst COMPONENT_NAME = 'ElMenuItemGroup'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  props: menuItemGroupProps,\n\n  setup() {\n    const ns = useNamespace('menu-item-group')\n\n    return {\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_createTextVNode","_toDisplayString","_renderSlot"],"mappings":";;;;;AAiBA,MAAM,cAAiB,GAAA,iBAAA,CAAA;AAEvB,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,cAAA;AAAA,EAEN,KAAO,EAAA,kBAAA;AAAA,EAEP,KAAQ,GAAA;AACN,IAAM,MAAA,EAAA,GAAK,aAAa,iBAAiB,CAAA,CAAA;AAEzC,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;AA9BC,EAAA,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,IAAA,EAAA;AAAA,IAQK,KAAA,EAAAC,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA;AAAA,GAAA,EAAA;AAAA,IARAC,kBAAO,CAAA,KAAA,EAAA;AAAI,MAAA,KAAA,EAAAD,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;;AACd,MAAA,CAAA,IAAA,CAAA,MAAA,CAAA,KAAA,IAAAF,SAAA,EAAA,EAAAC,kBAAA,CAAAG,QAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,QAGMC,eAAA,CAAAC,eAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,OAAA,EAAA,EAAA,CAAA,IAAAC,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,OAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA;AAAA,KAHA,EAAA,CAAA,CAAA;AAAW,IAAAJ,kBAAA,CAAA,IAAA,EAAA,IAAA,EAAA;;AACE,KAAA,CAAA;AAAjB,GAAqD,EAAA,CAAA,CAAA,CAAA;AAAA,CAAA;AAAA,oBAAA,gBAAA,WAAA,CAAA,SAAA,EAAA,CAAA,CAAA,QAAA,EAAA,WAAA,CAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,CAAA,CAAA,CAAA;;;;"}

package/es/components/pagination/src/components/prev.mjs

@@ -1,22 +1,40 @@
-import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
-import { iconPropType } from '../../../../utils/vue/icon.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, unref, toDisplayString, createBlock, withCtx, resolveDynamicComponent } from 'vue';
+import { ElIcon } from '../../../icon/index.mjs';
+import { paginationPrevProps, paginationPrevEmits } from './prev2.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../../hooks/use-locale/index.mjs';
 
-const paginationPrevProps = buildProps({
-  disabled: Boolean,
-  currentPage: {
-    type: Number,
-    default: 1
-  },
-  prevText: {
-    type: String
-  },
-  prevIcon: {
-    type: iconPropType
+const __default__ = defineComponent({
+  name: "ElPaginationPrev"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: paginationPrevProps,
+  emits: paginationPrevEmits,
+  setup(__props) {
+    const props = __props;
+    const { t } = useLocale();
+    const internalDisabled = computed(() => props.disabled || props.currentPage <= 1);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        type: "button",
+        class: "btn-prev",
+        disabled: unref(internalDisabled),
+        "aria-label": _ctx.prevText || unref(t)("el.pagination.prev"),
+        "aria-disabled": unref(internalDisabled),
+        onClick: ($event) => _ctx.$emit("click", $event)
+      }, [
+        _ctx.prevText ? (openBlock(), createElementBlock("span", { key: 0 }, toDisplayString(_ctx.prevText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.prevIcon)))
+          ]),
+          _: 1
+        }))
+      ], 8, ["disabled", "aria-label", "aria-disabled", "onClick"]);
+    };
   }
 });
-const paginationPrevEmits = {
-  click: (evt) => evt instanceof MouseEvent
-};
+var Prev = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "prev.vue"]]);
 
-export { paginationPrevEmits, paginationPrevProps };
+export { Prev as default };
 //# sourceMappingURL=prev.mjs.map

package/es/components/pagination/src/components/prev.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"prev.mjs","sources":["../../../../../../../packages/components/pagination/src/components/prev.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Prev from './prev.vue'\n\nexport const paginationPrevProps = buildProps({\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  prevText: {\n    type: String,\n  },\n  prevIcon: {\n    type: iconPropType,\n  },\n} as const)\n\nexport const paginationPrevEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type PaginationPrevProps = ExtractPropTypes<typeof paginationPrevProps>\n\nexport type PrevInstance = InstanceType<typeof Prev>\n"],"names":[],"mappings":";;;AACY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG;AACnC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}
+{"version":3,"file":"prev.mjs","sources":["../../../../../../../packages/components/pagination/src/components/prev.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-prev\"\n    :disabled=\"internalDisabled\"\n    :aria-label=\"prevText || t('el.pagination.prev')\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"prevText\">{{ prevText }}</span>\n    <el-icon v-else>\n      <component :is=\"prevIcon\" />\n    </el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { paginationPrevEmits, paginationPrevProps } from './prev'\n\ndefineOptions({\n  name: 'ElPaginationPrev',\n})\n\nconst props = defineProps(paginationPrevProps)\ndefineEmits(paginationPrevEmits)\n\nconst { t } = useLocale()\n\nconst internalDisabled = computed(\n  () => props.disabled || props.currentPage <= 1\n)\n</script>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;;;mCAsBc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AAExB,IAAA,MAAM,gBAAmB,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,QAAA,IAAA,KAAA,CAAA,WAAA,IAAA,CAAA,CAAA,CAAA;AAAA,IAAA,OACjB,CAAA,IAAA,EAAM,MAAY,KAAA;AAAqB,MAC/C,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/pagination/src/components/prev2.mjs

@@ -1,40 +1,22 @@
-import { defineComponent, computed, openBlock, createElementBlock, unref, toDisplayString, createBlock, withCtx, resolveDynamicComponent } from 'vue';
-import { ElIcon } from '../../../icon/index.mjs';
-import { paginationPrevProps, paginationPrevEmits } from './prev.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLocale } from '../../../../hooks/use-locale/index.mjs';
+import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
+import { iconPropType } from '../../../../utils/vue/icon.mjs';
 
-const __default__ = defineComponent({
-  name: "ElPaginationPrev"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: paginationPrevProps,
-  emits: paginationPrevEmits,
-  setup(__props) {
-    const props = __props;
-    const { t } = useLocale();
-    const internalDisabled = computed(() => props.disabled || props.currentPage <= 1);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
-        type: "button",
-        class: "btn-prev",
-        disabled: unref(internalDisabled),
-        "aria-label": _ctx.prevText || unref(t)("el.pagination.prev"),
-        "aria-disabled": unref(internalDisabled),
-        onClick: ($event) => _ctx.$emit("click", $event)
-      }, [
-        _ctx.prevText ? (openBlock(), createElementBlock("span", { key: 0 }, toDisplayString(_ctx.prevText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
-          default: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.prevIcon)))
-          ]),
-          _: 1
-        }))
-      ], 8, ["disabled", "aria-label", "aria-disabled", "onClick"]);
-    };
+const paginationPrevProps = buildProps({
+  disabled: Boolean,
+  currentPage: {
+    type: Number,
+    default: 1
+  },
+  prevText: {
+    type: String
+  },
+  prevIcon: {
+    type: iconPropType
   }
 });
-var Prev = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "prev.vue"]]);
+const paginationPrevEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
 
-export { Prev as default };
+export { paginationPrevEmits, paginationPrevProps };
 //# sourceMappingURL=prev2.mjs.map

package/es/components/pagination/src/components/prev2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"prev2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/prev.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-prev\"\n    :disabled=\"internalDisabled\"\n    :aria-label=\"prevText || t('el.pagination.prev')\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"prevText\">{{ prevText }}</span>\n    <el-icon v-else>\n      <component :is=\"prevIcon\" />\n    </el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { paginationPrevEmits, paginationPrevProps } from './prev'\n\ndefineOptions({\n  name: 'ElPaginationPrev',\n})\n\nconst props = defineProps(paginationPrevProps)\ndefineEmits(paginationPrevEmits)\n\nconst { t } = useLocale()\n\nconst internalDisabled = computed(\n  () => props.disabled || props.currentPage <= 1\n)\n</script>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;;;mCAsBc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AAExB,IAAA,MAAM,gBAAmB,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,QAAA,IAAA,KAAA,CAAA,WAAA,IAAA,CAAA,CAAA,CAAA;AAAA,IAAA,OACjB,CAAA,IAAA,EAAM,MAAY,KAAA;AAAqB,MAC/C,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"prev2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/prev.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Prev from './prev.vue'\n\nexport const paginationPrevProps = buildProps({\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  prevText: {\n    type: String,\n  },\n  prevIcon: {\n    type: iconPropType,\n  },\n} as const)\n\nexport const paginationPrevEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type PaginationPrevProps = ExtractPropTypes<typeof paginationPrevProps>\n\nexport type PrevInstance = InstanceType<typeof Prev>\n"],"names":[],"mappings":";;;AACY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG;AACnC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;"}

package/es/components/pagination/src/components/sizes.mjs

@@ -1,75 +1,27 @@
-import { defineComponent, ref, watch, computed, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, Fragment, renderList, createBlock } from 'vue';
-import { isEqual } from 'lodash-unified';
-import { ElSelect, ElOption } from '../../../select/index.mjs';
-import { usePagination } from '../usePagination.mjs';
-import { paginationSizesProps } from './sizes2.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLocale } from '../../../../hooks/use-locale/index.mjs';
-import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
-import { isArray } from '@vue/shared';
+import { buildProps, definePropType } from '../../../../utils/vue/props/runtime.mjs';
+import { mutable } from '../../../../utils/typescript.mjs';
+import { componentSizes } from '../../../../constants/size.mjs';
 
-const __default__ = defineComponent({
-  name: "ElPaginationSizes"
+const paginationSizesProps = buildProps({
+  pageSize: {
+    type: Number,
+    required: true
+  },
+  pageSizes: {
+    type: definePropType(Array),
+    default: () => mutable([10, 20, 30, 40, 50, 100])
+  },
+  popperClass: {
+    type: String
+  },
+  disabled: Boolean,
+  teleported: Boolean,
+  size: {
+    type: String,
+    values: componentSizes
+  },
+  appendSizeTo: String
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: paginationSizesProps,
-  emits: ["page-size-change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const { t } = useLocale();
-    const ns = useNamespace("pagination");
-    const pagination = usePagination();
-    const innerPageSize = ref(props.pageSize);
-    watch(() => props.pageSizes, (newVal, oldVal) => {
-      if (isEqual(newVal, oldVal))
-        return;
-      if (isArray(newVal)) {
-        const pageSize = newVal.includes(props.pageSize) ? props.pageSize : props.pageSizes[0];
-        emit("page-size-change", pageSize);
-      }
-    });
-    watch(() => props.pageSize, (newVal) => {
-      innerPageSize.value = newVal;
-    });
-    const innerPageSizes = computed(() => props.pageSizes);
-    function handleChange(val) {
-      var _a;
-      if (val !== innerPageSize.value) {
-        innerPageSize.value = val;
-        (_a = pagination.handleSizeChange) == null ? void 0 : _a.call(pagination, Number(val));
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(unref(ns).e("sizes"))
-      }, [
-        createVNode(unref(ElSelect), {
-          "model-value": innerPageSize.value,
-          disabled: _ctx.disabled,
-          "popper-class": _ctx.popperClass,
-          size: _ctx.size,
-          teleported: _ctx.teleported,
-          "validate-event": false,
-          "append-to": _ctx.appendSizeTo,
-          onChange: handleChange
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(innerPageSizes), (item) => {
-              return openBlock(), createBlock(unref(ElOption), {
-                key: item,
-                value: item,
-                label: item + unref(t)("el.pagination.pagesize")
-              }, null, 8, ["value", "label"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["model-value", "disabled", "popper-class", "size", "teleported", "append-to"])
-      ], 2);
-    };
-  }
-});
-var Sizes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "sizes.vue"]]);
 
-export { Sizes as default };
+export { paginationSizesProps };
 //# sourceMappingURL=sizes.mjs.map

package/es/components/pagination/src/components/sizes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.mjs","sources":["../../../../../../../packages/components/pagination/src/components/sizes.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('sizes')\">\n    <el-select\n      :model-value=\"innerPageSize\"\n      :disabled=\"disabled\"\n      :popper-class=\"popperClass\"\n      :size=\"size\"\n      :teleported=\"teleported\"\n      :validate-event=\"false\"\n      :append-to=\"appendSizeTo\"\n      @change=\"handleChange\"\n    >\n      <el-option\n        v-for=\"item in innerPageSizes\"\n        :key=\"item\"\n        :value=\"item\"\n        :label=\"item + t('el.pagination.pagesize')\"\n      />\n    </el-select>\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { isEqual } from 'lodash-unified'\nimport { ElOption, ElSelect } from '@element-plus/components/select'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { isArray } from '@element-plus/utils'\nimport { usePagination } from '../usePagination'\nimport { paginationSizesProps } from './sizes'\n\ndefineOptions({\n  name: 'ElPaginationSizes',\n})\n\nconst props = defineProps(paginationSizesProps)\nconst emit = defineEmits(['page-size-change'])\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst pagination = usePagination()\nconst innerPageSize = ref<number>(props.pageSize!)\n\nwatch(\n  () => props.pageSizes,\n  (newVal, oldVal) => {\n    if (isEqual(newVal, oldVal)) return\n    if (isArray(newVal)) {\n      const pageSize = newVal.includes(props.pageSize!)\n        ? props.pageSize\n        : props.pageSizes[0]\n      emit('page-size-change', pageSize)\n    }\n  }\n)\n\nwatch(\n  () => props.pageSize,\n  (newVal) => {\n    innerPageSize.value = newVal!\n  }\n)\n\nconst innerPageSizes = computed(() => props.pageSizes)\nfunction handleChange(val: number) {\n  if (val !== innerPageSize.value) {\n    innerPageSize.value = val\n    pagination.handleSizeChange?.(Number(val))\n  }\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref"],"mappings":";;;;;;;;;;mCA+Bc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAM,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAa,aAAc,EAAA,CAAA;AACjC,IAAM,MAAA,aAAA,GAAgB,GAAY,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA;AAEjD,IAAA,KAAA,CAAA,MAAA,KAAA,CAAA,SAAA,EAAA,CAAA,MAAA,EAAA,MAAA,KAAA;AAAA,MACE,WAAY,CAAA,MAAA,EAAA,MAAA,CAAA;AAAA,eACH;AACP,MAAI,IAAA,OAAA,CAAA,MAAgB,CAAA,EAAA;AACpB,QAAI,MAAA,iBAAiB,CAAA,QAAA,CAAA,KAAA,CAAA,QAAA,CAAA,GAAA,KAAA,CAAA,QAAA,GAAA,KAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AACnB,QAAM,IAAA,CAAA,kBAAkB,EAAA,QAAA,CAAA,CAAS;AAGjC,OAAA;AAAiC,KACnC,CAAA,CAAA;AAAA,IACF,KAAA,CAAA,MAAA,KAAA,CAAA,QAAA,EAAA,CAAA,MAAA,KAAA;AAAA,MACF,aAAA,CAAA,KAAA,GAAA,MAAA,CAAA;AAEA,KAAA,CAAA,CAAA;AAAA,IAAA,oBACc,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,SAAA,CAAA,CAAA;AAAA,IAAA,SACA,YAAA,CAAA,GAAA,EAAA;AACV,MAAA,IAAA,EAAA,CAAA;AAAsB,MACxB,IAAA,GAAA,KAAA,aAAA,CAAA,KAAA,EAAA;AAAA,QACF,aAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAEA,QAAA,CAAA,EAAuB,GAAA,UAAA,CAAA,gBAAe,KAAA,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,UAAA,EAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AACrD,OAAA;AACE,KAAI;AACF,IAAA,OAAA,CAAA,IAAA,EAAA,MAAsB,KAAA;AACtB,MAAW,OAAAA,SAAA,EAAA,EAAAC,kBAA0B,CAAA,MAAI,EAAA;AAAA,QAC3C,KAAA,EAAAC,cAAA,CAAAC,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;AAAA,OACF,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"sizes.mjs","sources":["../../../../../../../packages/components/pagination/src/components/sizes.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type Sizes from './sizes.vue'\n\nexport const paginationSizesProps = buildProps({\n  pageSize: {\n    type: Number,\n    required: true,\n  },\n  pageSizes: {\n    type: definePropType<number[]>(Array),\n    default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n  },\n  popperClass: {\n    type: String,\n  },\n  disabled: Boolean,\n  teleported: Boolean,\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n  appendSizeTo: String,\n} as const)\n\nexport type PaginationSizesProps = ExtractPropTypes<typeof paginationSizesProps>\n\nexport type SizesInstance = InstanceType<typeof Sizes>\n"],"names":[],"mappings":";;;;AAEY,MAAC,oBAAoB,GAAG,UAAU,CAAC;AAC/C,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AACrD,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,cAAc;AAC1B,GAAG;AACH,EAAE,YAAY,EAAE,MAAM;AACtB,CAAC;;;;"}