@silver-formily/element-plus 3.0.2 → 3.0.3

package/esm/pagination/components/pager2.mjs

@@ -0,0 +1,229 @@
+import { paginationPagerProps } from "./pager.mjs";
+import { CHANGE_EVENT, ElBadge, useLocale, useNamespace } from "element-plus";
+import { formilyComputed, useObserver } from "@silver-formily/reactive-vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, watchEffect, withCtx, withKeys } from "vue";
+import { useField } from "@silver-formily/vue";
+import { DArrowLeft, DArrowRight, MoreFilled } from "@element-plus/icons-vue";
+//#region src/pagination/components/pager.vue
+const _hoisted_1 = [
+	"aria-current",
+	"aria-label",
+	"tabindex"
+];
+const _hoisted_2 = ["tabindex", "aria-label"];
+const _hoisted_3 = [
+	"aria-current",
+	"aria-label",
+	"tabindex"
+];
+const _hoisted_4 = ["tabindex", "aria-label"];
+const _hoisted_5 = [
+	"aria-current",
+	"aria-label",
+	"tabindex"
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "ElPaginationPager",
+	__name: "pager",
+	props: paginationPagerProps,
+	emits: [CHANGE_EVENT],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const nsPager = useNamespace("pager");
+		const nsIcon = useNamespace("icon");
+		const { t } = useLocale();
+		const showPrevMore = ref(false);
+		const showNextMore = ref(false);
+		const quickPrevHover = ref(false);
+		const quickNextHover = ref(false);
+		const quickPrevFocus = ref(false);
+		const quickNextFocus = ref(false);
+		const pagers = computed(() => {
+			const pagerCount = props.pagerCount;
+			const halfPagerCount = (pagerCount - 1) / 2;
+			const currentPage = Number(props.currentPage);
+			const pageCount = Number(props.pageCount);
+			let showPrevMore = false;
+			let showNextMore = false;
+			if (pageCount > pagerCount) {
+				if (currentPage > pagerCount - halfPagerCount) showPrevMore = true;
+				if (currentPage < pageCount - halfPagerCount) showNextMore = true;
+			}
+			const array = [];
+			if (showPrevMore && !showNextMore) {
+				const startPage = pageCount - (pagerCount - 2);
+				for (let i = startPage; i < pageCount; i++) array.push(i);
+			} else if (!showPrevMore && showNextMore) for (let i = 2; i < pagerCount; i++) array.push(i);
+			else if (showPrevMore && showNextMore) {
+				const offset = Math.floor(pagerCount / 2) - 1;
+				for (let i = currentPage - offset; i <= currentPage + offset; i++) array.push(i);
+			} else for (let i = 2; i < pageCount; i++) array.push(i);
+			return array;
+		});
+		const prevMoreKls = computed(() => [
+			"more",
+			"btn-quickprev",
+			nsIcon.b(),
+			nsPager.is("disabled", props.disabled)
+		]);
+		const nextMoreKls = computed(() => [
+			"more",
+			"btn-quicknext",
+			nsIcon.b(),
+			nsPager.is("disabled", props.disabled)
+		]);
+		const tabindex = computed(() => props.disabled ? -1 : 0);
+		watchEffect(() => {
+			const halfPagerCount = (props.pagerCount - 1) / 2;
+			showPrevMore.value = false;
+			showNextMore.value = false;
+			if (props.pageCount > props.pagerCount) {
+				if (props.currentPage > props.pagerCount - halfPagerCount) showPrevMore.value = true;
+				if (props.currentPage < props.pageCount - halfPagerCount) showNextMore.value = true;
+			}
+		});
+		function onMouseEnter(forward = false) {
+			if (props.disabled) return;
+			if (forward) quickPrevHover.value = true;
+			else quickNextHover.value = true;
+		}
+		function onFocus(forward = false) {
+			if (forward) quickPrevFocus.value = true;
+			else quickNextFocus.value = true;
+		}
+		function onEnter(e) {
+			const target = e.target;
+			if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("number")) {
+				const newPage = Number(target.textContent);
+				if (newPage !== props.currentPage) emit(CHANGE_EVENT, newPage);
+			} else if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("more")) onPagerClick(e);
+		}
+		function onPagerClick(event) {
+			const target = event.target;
+			if (target.tagName.toLowerCase() === "ul" || props.disabled) return;
+			let newPage = Number(target.textContent);
+			const pageCount = props.pageCount;
+			const currentPage = props.currentPage;
+			const pagerCountOffset = props.pagerCount - 2;
+			if (target.className.includes("more")) {
+				if (target.className.includes("quickprev")) newPage = currentPage - pagerCountOffset;
+				else if (target.className.includes("quicknext")) newPage = currentPage + pagerCountOffset;
+			}
+			if (!Number.isNaN(+newPage)) {
+				if (newPage < 1) newPage = 1;
+				if (newPage > pageCount) newPage = pageCount;
+			}
+			if (newPage !== currentPage) emit(CHANGE_EVENT, newPage);
+		}
+		useObserver();
+		const field = useField().value;
+		const path = field.address.entire;
+		const errorPageIndexList = formilyComputed(() => {
+			const errorPageSet = field.form.queryFeedbacks({
+				type: "error",
+				address: `${path}.**`
+			}).map((feedback) => Number(feedback.path.split(`${path}.`)[1].split(".")[0])).reduce((acc, cur) => {
+				const pageIndex = Math.floor(cur / props.pageSize);
+				acc.add(pageIndex);
+				return acc;
+			}, /* @__PURE__ */ new Set());
+			return Array.from(errorPageSet).sort((a, b) => a - b);
+		});
+		const isPrevMoreError = formilyComputed(() => {
+			return errorPageIndexList.value.some((pageIdx) => pageIdx < pagers.value[0] - 1 && pageIdx !== 0);
+		});
+		const isNextMoreError = formilyComputed(() => {
+			return errorPageIndexList.value.some((pageIdx) => pageIdx > pagers.value.at(-1) - 1 && pageIdx !== errorPageIndexList.value.length - 1);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("ul", {
+				class: normalizeClass(unref(nsPager).b()),
+				onClick: onPagerClick,
+				onKeyup: withKeys(onEnter, ["enter"])
+			}, [
+				_ctx.pageCount > 1 ? (openBlock(), createBlock(unref(ElBadge), {
+					key: 0,
+					"is-dot": "",
+					value: 1,
+					hidden: unref(errorPageIndexList)[0] !== 0
+				}, {
+					default: withCtx(() => [createElementVNode("li", {
+						class: normalizeClass([[unref(nsPager).is("active", _ctx.currentPage === 1), unref(nsPager).is("disabled", _ctx.disabled)], "number"]),
+						"aria-current": _ctx.currentPage === 1,
+						"aria-label": unref(t)("el.pagination.currentPage", { pager: 1 }),
+						tabindex: tabindex.value
+					}, " 1 ", 10, _hoisted_1)]),
+					_: 1
+				}, 8, ["hidden"])) : createCommentVNode("v-if", true),
+				showPrevMore.value ? (openBlock(), createBlock(unref(ElBadge), {
+					key: 1,
+					"is-dot": "",
+					value: 1,
+					hidden: !unref(isPrevMoreError)
+				}, {
+					default: withCtx(() => [createElementVNode("li", {
+						class: normalizeClass(prevMoreKls.value),
+						tabindex: tabindex.value,
+						"aria-label": unref(t)("el.pagination.prevPages", { pager: _ctx.pagerCount - 2 }),
+						onMouseenter: _cache[0] || (_cache[0] = ($event) => onMouseEnter(true)),
+						onMouseleave: _cache[1] || (_cache[1] = ($event) => quickPrevHover.value = false),
+						onFocus: _cache[2] || (_cache[2] = ($event) => onFocus(true)),
+						onBlur: _cache[3] || (_cache[3] = ($event) => quickPrevFocus.value = false)
+					}, [(quickPrevHover.value || quickPrevFocus.value) && !_ctx.disabled ? (openBlock(), createBlock(unref(DArrowLeft), { key: 0 })) : (openBlock(), createBlock(unref(MoreFilled), { key: 1 }))], 42, _hoisted_2)]),
+					_: 1
+				}, 8, ["hidden"])) : createCommentVNode("v-if", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(pagers.value, (pager) => {
+					return openBlock(), createBlock(unref(ElBadge), {
+						key: pager,
+						"is-dot": "",
+						value: 1,
+						hidden: !unref(errorPageIndexList).includes(pager - 1)
+					}, {
+						default: withCtx(() => [createElementVNode("li", {
+							class: normalizeClass([[unref(nsPager).is("active", _ctx.currentPage === pager), unref(nsPager).is("disabled", _ctx.disabled)], "number"]),
+							"aria-current": _ctx.currentPage === pager,
+							"aria-label": unref(t)("el.pagination.currentPage", { pager }),
+							tabindex: tabindex.value
+						}, toDisplayString(pager), 11, _hoisted_3)]),
+						_: 2
+					}, 1032, ["hidden"]);
+				}), 128)),
+				showNextMore.value ? (openBlock(), createBlock(unref(ElBadge), {
+					key: 2,
+					"is-dot": "",
+					value: 1,
+					hidden: !unref(isNextMoreError)
+				}, {
+					default: withCtx(() => [createElementVNode("li", {
+						class: normalizeClass(nextMoreKls.value),
+						tabindex: tabindex.value,
+						"aria-label": unref(t)("el.pagination.nextPages", { pager: _ctx.pagerCount - 2 }),
+						onMouseenter: _cache[4] || (_cache[4] = ($event) => onMouseEnter()),
+						onMouseleave: _cache[5] || (_cache[5] = ($event) => quickNextHover.value = false),
+						onFocus: _cache[6] || (_cache[6] = ($event) => onFocus()),
+						onBlur: _cache[7] || (_cache[7] = ($event) => quickNextFocus.value = false)
+					}, [(quickNextHover.value || quickNextFocus.value) && !_ctx.disabled ? (openBlock(), createBlock(unref(DArrowRight), { key: 0 })) : (openBlock(), createBlock(unref(MoreFilled), { key: 1 }))], 42, _hoisted_4)]),
+					_: 1
+				}, 8, ["hidden"])) : createCommentVNode("v-if", true),
+				createVNode(unref(ElBadge), {
+					"is-dot": "",
+					value: 1,
+					hidden: unref(errorPageIndexList)[unref(errorPageIndexList).length - 1] !== _ctx.pageCount - 1
+				}, {
+					default: withCtx(() => [createElementVNode("li", {
+						class: normalizeClass([[unref(nsPager).is("active", _ctx.currentPage === _ctx.pageCount), unref(nsPager).is("disabled", _ctx.disabled)], "number"]),
+						"aria-current": _ctx.currentPage === _ctx.pageCount,
+						"aria-label": unref(t)("el.pagination.currentPage", { pager: _ctx.pageCount }),
+						tabindex: tabindex.value
+					}, toDisplayString(_ctx.pageCount), 11, _hoisted_5)]),
+					_: 1
+				}, 8, ["hidden"])
+			], 34);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=pager2.mjs.map

package/esm/pagination/components/pager2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pager2.mjs","names":["pageCount","currentPage","disabled","pagerCount"],"sources":["../../../src/pagination/components/pager.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ArrayField } from '@formily/core'\nimport { DArrowLeft, DArrowRight, MoreFilled } from '@element-plus/icons-vue'\nimport { formilyComputed, useObserver } from '@silver-formily/reactive-vue'\nimport { useField } from '@silver-formily/vue'\nimport { CHANGE_EVENT, ElBadge, useLocale, useNamespace } from 'element-plus'\nimport { computed, ref, watchEffect } from 'vue'\nimport { paginationPagerProps } from './pager'\n\ndefineOptions({\n  name: 'ElPaginationPager',\n})\nconst props = defineProps(paginationPagerProps)\nconst emit = defineEmits([CHANGE_EVENT])\nconst nsPager = useNamespace('pager')\nconst nsIcon = useNamespace('icon')\nconst { t } = useLocale()\n\nconst showPrevMore = ref(false)\nconst showNextMore = ref(false)\nconst quickPrevHover = ref(false)\nconst quickNextHover = ref(false)\nconst quickPrevFocus = ref(false)\nconst quickNextFocus = ref(false)\nconst pagers = computed(() => {\n  const pagerCount = props.pagerCount\n  const halfPagerCount = (pagerCount - 1) / 2\n  const currentPage = Number(props.currentPage)\n  const pageCount = Number(props.pageCount)\n  let showPrevMore = false\n  let showNextMore = false\n  if (pageCount > pagerCount) {\n    if (currentPage > pagerCount - halfPagerCount) {\n      showPrevMore = true\n    }\n    if (currentPage < pageCount - halfPagerCount) {\n      showNextMore = true\n    }\n  }\n  const array: number[] = []\n  if (showPrevMore && !showNextMore) {\n    const startPage = pageCount - (pagerCount - 2)\n    for (let i = startPage; i < pageCount; i++) {\n      array.push(i)\n    }\n  }\n  else if (!showPrevMore && showNextMore) {\n    for (let i = 2; i < pagerCount; i++) {\n      array.push(i)\n    }\n  }\n  else if (showPrevMore && showNextMore) {\n    const offset = Math.floor(pagerCount / 2) - 1\n    for (let i = currentPage - offset; i <= currentPage + offset; i++) {\n      array.push(i)\n    }\n  }\n  else {\n    for (let i = 2; i < pageCount; i++) {\n      array.push(i)\n    }\n  }\n  return array\n})\n\nconst prevMoreKls = computed(() => [\n  'more',\n  'btn-quickprev',\n  nsIcon.b(),\n  nsPager.is('disabled', props.disabled),\n])\nconst nextMoreKls = computed(() => [\n  'more',\n  'btn-quicknext',\n  nsIcon.b(),\n  nsPager.is('disabled', props.disabled),\n])\n\nconst tabindex = computed(() => (props.disabled ? -1 : 0))\nwatchEffect(() => {\n  const halfPagerCount = (props.pagerCount - 1) / 2\n  showPrevMore.value = false\n  showNextMore.value = false\n  if (props.pageCount! > props.pagerCount) {\n    if (props.currentPage > props.pagerCount - halfPagerCount) {\n      showPrevMore.value = true\n    }\n    if (props.currentPage < props.pageCount! - halfPagerCount) {\n      showNextMore.value = true\n    }\n  }\n})\nfunction onMouseEnter(forward = false) {\n  if (props.disabled)\n    return\n  if (forward) {\n    quickPrevHover.value = true\n  }\n  else {\n    quickNextHover.value = true\n  }\n}\nfunction onFocus(forward = false) {\n  if (forward) {\n    quickPrevFocus.value = true\n  }\n  else {\n    quickNextFocus.value = true\n  }\n}\nfunction onEnter(e: UIEvent) {\n  const target = e.target as HTMLElement\n  if (\n    target.tagName.toLowerCase() === 'li'\n    && Array.from(target.classList).includes('number')\n  ) {\n    const newPage = Number(target.textContent)\n    if (newPage !== props.currentPage) {\n      emit(CHANGE_EVENT, newPage)\n    }\n  }\n  else if (\n    target.tagName.toLowerCase() === 'li'\n    && Array.from(target.classList).includes('more')\n  ) {\n    onPagerClick(e)\n  }\n}\nfunction onPagerClick(event: UIEvent) {\n  const target = event.target as HTMLElement\n  if (target.tagName.toLowerCase() === 'ul' || props.disabled) {\n    return\n  }\n  let newPage = Number(target.textContent)\n  const pageCount = props.pageCount!\n  const currentPage = props.currentPage\n  const pagerCountOffset = props.pagerCount - 2\n  if (target.className.includes('more')) {\n    if (target.className.includes('quickprev')) {\n      newPage = currentPage - pagerCountOffset\n    }\n    else if (target.className.includes('quicknext')) {\n      newPage = currentPage + pagerCountOffset\n    }\n  }\n  if (!Number.isNaN(+newPage)) {\n    if (newPage < 1) {\n      newPage = 1\n    }\n    if (newPage > pageCount) {\n      newPage = pageCount\n    }\n  }\n  if (newPage !== currentPage) {\n    emit(CHANGE_EVENT, newPage)\n  }\n}\n/* formily error count */\nuseObserver()\nconst fieldRef = useField<ArrayField>()\nconst field = fieldRef.value\nconst path = field.address.entire\nconst errorPageIndexList = formilyComputed(() => {\n  const errorPageSet = field.form\n    .queryFeedbacks({\n      type: 'error',\n      address: `${path}.**`,\n    })\n    .map(feedback => Number(feedback.path.split(`${path}.`)[1].split('.')[0]))\n    .reduce((acc, cur) => {\n      const pageIndex = Math.floor(cur / props.pageSize)\n      acc.add(pageIndex)\n      return acc\n    }, new Set<number>())\n\n  const errorPageList = Array.from(errorPageSet).sort((a, b) => a - b)\n  return errorPageList\n})\n\nconst isPrevMoreError = formilyComputed(() => {\n  return errorPageIndexList.value.some(pageIdx => (pageIdx < pagers.value[0] - 1) && pageIdx !== 0)\n})\nconst isNextMoreError = formilyComputed(() => {\n  return errorPageIndexList.value.some(pageIdx => (pageIdx > pagers.value.at(-1) - 1) && pageIdx !== errorPageIndexList.value.length - 1)\n})\n</script>\n\n<template>\n  <ul :class=\"nsPager.b()\" @click=\"onPagerClick\" @keyup.enter=\"onEnter\">\n    <ElBadge v-if=\"pageCount > 1\" is-dot :value=\"1\" :hidden=\"errorPageIndexList[0] !== 0\">\n      <li\n        :class=\"[\n          nsPager.is('active', currentPage === 1),\n          nsPager.is('disabled', disabled),\n        ]\" class=\"number\" :aria-current=\"currentPage === 1\" :aria-label=\"t('el.pagination.currentPage', { pager: 1 })\"\n        :tabindex=\"tabindex\"\n      >\n        1\n      </li>\n    </ElBadge>\n    <ElBadge v-if=\"showPrevMore\" is-dot :value=\"1\" :hidden=\"!isPrevMoreError\">\n      <li\n        :class=\"prevMoreKls\" :tabindex=\"tabindex\"\n        :aria-label=\"t('el.pagination.prevPages', { pager: pagerCount - 2 })\" @mouseenter=\"onMouseEnter(true)\"\n        @mouseleave=\"quickPrevHover = false\" @focus=\"onFocus(true)\" @blur=\"quickPrevFocus = false\"\n      >\n        <DArrowLeft v-if=\"(quickPrevHover || quickPrevFocus) && !disabled\" />\n        <MoreFilled v-else />\n      </li>\n    </ElBadge>\n    <ElBadge\n      v-for=\"pager in pagers\" :key=\"pager\" is-dot :value=\"1\"\n      :hidden=\"!errorPageIndexList.includes(pager - 1)\"\n    >\n      <li\n        :class=\"[\n          nsPager.is('active', currentPage === pager),\n          nsPager.is('disabled', disabled),\n        ]\" class=\"number\" :aria-current=\"currentPage === pager\" :aria-label=\"t('el.pagination.currentPage', { pager })\"\n        :tabindex=\"tabindex\"\n      >\n        {{ pager }}\n      </li>\n    </ElBadge>\n    <ElBadge v-if=\"showNextMore\" is-dot :value=\"1\" :hidden=\"!isNextMoreError\">\n      <li\n        :class=\"nextMoreKls\" :tabindex=\"tabindex\"\n        :aria-label=\"t('el.pagination.nextPages', { pager: pagerCount - 2 })\" @mouseenter=\"onMouseEnter()\"\n        @mouseleave=\"quickNextHover = false\" @focus=\"onFocus()\" @blur=\"quickNextFocus = false\"\n      >\n        <DArrowRight v-if=\"(quickNextHover || quickNextFocus) && !disabled\" />\n        <MoreFilled v-else />\n      </li>\n    </ElBadge>\n    <ElBadge\n      is-dot\n      :value=\"1\"\n      :hidden=\"errorPageIndexList[errorPageIndexList.length - 1] !== pageCount - 1\"\n    >\n      <li\n        :class=\"[\n          nsPager.is('active', currentPage === pageCount),\n          nsPager.is('disabled', disabled),\n        ]\" class=\"number\" :aria-current=\"currentPage === pageCount\"\n        :aria-label=\"t('el.pagination.currentPage', { pager: pageCount })\" :tabindex=\"tabindex\"\n      >\n        {{ pageCount }}\n      </li>\n    </ElBadge>\n  </ul>\n</template>\n"],"mappings":"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"}

package/esm/pagination/components/prev.mjs

@@ -1,22 +1,16 @@
-import { b as o } from "../../vendor/runtime.mjs";
-import { i as t } from "../../vendor/icon.mjs";
-const n = o({
-  disabled: Boolean,
-  currentPage: {
-    type: Number,
-    default: 1
-  },
-  prevText: {
-    type: String
-  },
-  prevIcon: {
-    type: t
-  }
-}), p = {
-  click: (e) => e instanceof MouseEvent
-};
-export {
-  p as paginationPrevEmits,
-  n as paginationPrevProps
-};
-//# sourceMappingURL=prev.mjs.map
+import { buildProps, iconPropType } from "element-plus/es/utils/index";
+//#region src/pagination/components/prev.ts
+const paginationPrevProps = buildProps({
+	disabled: Boolean,
+	currentPage: {
+		type: Number,
+		default: 1
+	},
+	prevText: { type: String },
+	prevIcon: { type: iconPropType }
+});
+const paginationPrevEmits = { click: (evt) => evt instanceof MouseEvent };
+//#endregion
+export { paginationPrevEmits, paginationPrevProps };
+
+//# sourceMappingURL=prev.mjs.map

package/esm/pagination/components/prev.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"prev.mjs","sources":["../../../src/pagination/components/prev.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport type Prev from './prev.vue'\nimport { buildProps, iconPropType } from 'element-plus/es/utils/index'\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> & unknown\n"],"names":["paginationPrevProps","buildProps","iconPropType","paginationPrevEmits","evt"],"mappings":";;AAIO,MAAMA,IAAsBC,EAAW;AAAA,EAC5C,UAAU;AAAA,EACV,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAER,UAAU;AAAA,IACR,MAAMC;AAAA,EAAA;AAEV,CAAU,GAEGC,IAAsB;AAAA,EACjC,OAAO,CAACC,MAAoBA,aAAe;AAC7C;"}
+{"version":3,"file":"prev.mjs","names":[],"sources":["../../../src/pagination/components/prev.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport type Prev from './prev.vue'\nimport { buildProps, iconPropType } from 'element-plus/es/utils/index'\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> & unknown\n"],"mappings":";;AAIA,MAAa,sBAAsB,WAAW;CAC5C,UAAU;CACV,aAAa;EACX,MAAM;EACN,SAAS;EACV;CACD,UAAU,EACR,MAAM,QACP;CACD,UAAU,EACR,MAAM,cACP;CACF,CAAU;AAEX,MAAa,sBAAsB,EACjC,QAAQ,QAAoB,eAAe,YAC5C"}

package/esm/pagination/components/prev2.mjs

@@ -0,0 +1,38 @@
+import { paginationPrevEmits, paginationPrevProps } from "./prev.mjs";
+import { ElIcon, useLocale } from "element-plus";
+import { computed, createBlock, createElementBlock, defineComponent, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+//#region src/pagination/components/prev.vue
+const _hoisted_1 = [
+	"disabled",
+	"aria-label",
+	"aria-disabled"
+];
+const _hoisted_2 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "ElPaginationPrev",
+	__name: "prev",
+	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: internalDisabled.value,
+				"aria-label": _ctx.prevText || unref(t)("el.pagination.prev"),
+				"aria-disabled": internalDisabled.value,
+				onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+			}, [_ctx.prevText ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.prevText), 1)) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(_ctx.prevIcon)))]),
+				_: 1
+			}))], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=prev2.mjs.map

package/esm/pagination/components/prev2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"prev2.mjs","names":["prevText","$emit","prevIcon"],"sources":["../../../src/pagination/components/prev.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ElIcon, useLocale } from 'element-plus'\nimport { computed } from 'vue'\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\n<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    <ElIcon v-else>\n      <component :is=\"prevIcon\" />\n    </ElIcon>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;EAGd,MAAM,EAAE,MAAM,WAAU;EAExB,MAAM,mBAAmB,eACjB,MAAM,YAAY,MAAM,eAAe,EAC/C;;uBAIE,mBAYS,UAAA;IAXP,MAAK;IACL,OAAM;IACL,UAAU,iBAAA;IACV,cAAYA,KAAAA,YAAY,MAAA,EAAC,CAAA,qBAAA;IACzB,iBAAe,iBAAA;IACf,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEC,KAAAA,MAAK,SAAU,OAAM;OAEjBD,KAAAA,YAAAA,WAAAA,EAAZ,mBAA2C,QAAA,YAAA,gBAAlBA,KAAAA,SAAQ,EAAA,EAAA,KAAA,WAAA,EACjC,YAES,MAAA,OAAA,EAAA,EAAA,KAAA,GAAA,EAAA;2BADqB,EAAA,WAAA,EAA5B,YAA4B,wBAAZE,KAAAA,SAAQ,CAAA,EAAA,CAAA"}

package/esm/pagination/components/sizes.mjs

@@ -1,7 +1,32 @@
-import "element-plus";
-import "../../vendor/runtime.mjs";
-import { p as t } from "../../vendor/sizes.mjs";
-export {
-  t as paginationSizesProps
-};
-//# sourceMappingURL=sizes.mjs.map
+import { componentSizes } from "element-plus";
+import { buildProps, definePropType, mutable } from "element-plus/es/utils/index";
+//#region src/pagination/components/sizes.ts
+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
+});
+//#endregion
+export { paginationSizesProps };
+
+//# sourceMappingURL=sizes.mjs.map

package/esm/pagination/components/sizes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"sizes.mjs","names":[],"sources":["../../../src/pagination/components/sizes.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport type Sizes from './sizes.vue'\nimport { componentSizes } from 'element-plus'\nimport { buildProps, definePropType, mutable } from 'element-plus/es/utils/index'\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> & unknown\n"],"mappings":";;;AAKA,MAAa,uBAAuB,WAAW;CAC7C,UAAU;EACR,MAAM;EACN,UAAU;EACX;CACD,WAAW;EACT,MAAM,eAAyB,MAAM;EACrC,eAAe,QAAQ;GAAC;GAAI;GAAI;GAAI;GAAI;GAAI;GAAI,CAAU;EAC3D;CACD,aAAa,EACX,MAAM,QACP;CACD,UAAU;CACV,YAAY;CACZ,MAAM;EACJ,MAAM;EACN,QAAQ;EACT;CACD,cAAc;CACf,CAAU"}

package/esm/pagination/components/sizes2.mjs

@@ -0,0 +1,66 @@
+import { paginationSizesProps } from "./sizes.mjs";
+import { ElOption, ElSelect, useLocale, useNamespace } from "element-plus";
+import { Fragment, computed, createBlock, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, unref, watch, withCtx } from "vue";
+import { isArr, isEqual } from "@formily/shared";
+import { usePagination } from "element-plus/es/components/pagination/src/usePagination";
+//#region src/pagination/components/sizes.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "ElPaginationSizes",
+	__name: "sizes",
+	props: paginationSizesProps,
+	emits: ["page-size-change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		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 (isArr(newVal)) emit("page-size-change", newVal.includes(props.pageSize) ? props.pageSize : props.pageSizes[0]);
+		});
+		watch(() => props.pageSize, (newVal) => {
+			innerPageSize.value = newVal;
+		});
+		const innerPageSizes = computed(() => props.pageSizes);
+		function handleChange(val) {
+			if (val !== innerPageSize.value) {
+				innerPageSize.value = val;
+				pagination.handleSizeChange?.(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(innerPageSizes.value, (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);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=sizes2.mjs.map

package/esm/pagination/components/sizes2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes2.mjs","names":["disabled","popperClass","size","teleported","appendSizeTo"],"sources":["../../../src/pagination/components/sizes.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isArr, isEqual } from '@formily/shared'\nimport { ElOption, ElSelect, useLocale, useNamespace } from 'element-plus'\nimport { usePagination } from 'element-plus/es/components/pagination/src/usePagination'\nimport { computed, ref, watch } from 'vue'\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))\n      return\n    if (isArr(newVal)) {\n      const pageSize = newVal.includes(props.pageSize!)\n        ? props.pageSize\n        : props.pageSizes[0]\n      // eslint-disable-next-line vue/custom-event-name-casing\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\n<template>\n  <span :class=\"ns.e('sizes')\">\n    <ElSelect\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      <ElOption\n        v-for=\"item in innerPageSizes\"\n        :key=\"item\"\n        :value=\"item\"\n        :label=\"item + t('el.pagination.pagesize')\"\n      />\n    </ElSelect>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;EAWA,MAAM,QAAQ;EACd,MAAM,OAAO;EACb,MAAM,EAAE,MAAM,WAAU;EACxB,MAAM,KAAK,aAAa,aAAY;EACpC,MAAM,aAAa,eAAc;EACjC,MAAM,gBAAgB,IAAY,MAAM,SAAS;AAEjD,cACQ,MAAM,YACX,QAAQ,WAAW;AAClB,OAAI,QAAQ,QAAQ,OAAO,CACzB;AACF,OAAI,MAAM,OAAO,CAKf,MAAK,oBAJY,OAAO,SAAS,MAAM,SAAS,GAC5C,MAAM,WACN,MAAM,UAAU,GAEa;IAGvC;AAEA,cACQ,MAAM,WACX,WAAW;AACV,iBAAc,QAAQ;IAE1B;EAEA,MAAM,iBAAiB,eAAe,MAAM,UAAS;EACrD,SAAS,aAAa,KAAa;AACjC,OAAI,QAAQ,cAAc,OAAO;AAC/B,kBAAc,QAAQ;AACtB,eAAW,mBAAmB,OAAO,IAAI,CAAA;;;;uBAM3C,mBAkBO,QAAA,EAlBA,OAAK,eAAE,MAAA,GAAE,CAAC,EAAC,QAAA,CAAA,EAAA,EAAA,CAChB,YAgBW,MAAA,SAAA,EAAA;IAfR,eAAa,cAAA;IACb,UAAUA,KAAAA;IACV,gBAAcC,KAAAA;IACd,MAAMC,KAAAA;IACN,YAAYC,KAAAA;IACZ,kBAAgB;IAChB,aAAWC,KAAAA;IACX,UAAQ;;2BAGuB,EAAA,UAAA,KAAA,EADhC,mBAKE,UAAA,MAAA,WAJe,eAAA,QAAR,SAAI;yBADb,YAKE,MAAA,SAAA,EAAA;MAHC,KAAK;MACL,OAAO;MACP,OAAO,OAAO,MAAA,EAAC,CAAA,yBAAA"}

package/esm/pagination/components/total.mjs

@@ -1,11 +1,10 @@
-import { b as o } from "../../vendor/runtime.mjs";
-const a = o({
-  total: {
-    type: Number,
-    default: 1e3
-  }
-});
-export {
-  a as paginationTotalProps
-};
-//# sourceMappingURL=total.mjs.map
+import { buildProps } from "element-plus/es/utils/index";
+//#region src/pagination/components/total.ts
+const paginationTotalProps = buildProps({ total: {
+	type: Number,
+	default: 1e3
+} });
+//#endregion
+export { paginationTotalProps };
+
+//# sourceMappingURL=total.mjs.map

package/esm/pagination/components/total.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"total.mjs","sources":["../../../src/pagination/components/total.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport type Total from './total.vue'\nimport { buildProps } from 'element-plus/es/utils/index'\n\nexport const paginationTotalProps = buildProps({\n  total: {\n    type: Number,\n    default: 1000,\n  },\n} as const)\n\nexport type PaginationTotalProps = ExtractPropTypes<typeof paginationTotalProps>\n\nexport type TotalInstance = InstanceType<typeof Total> & unknown\n"],"names":["paginationTotalProps","buildProps"],"mappings":";AAIO,MAAMA,IAAuBC,EAAW;AAAA,EAC7C,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAU;"}
+{"version":3,"file":"total.mjs","names":[],"sources":["../../../src/pagination/components/total.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport type Total from './total.vue'\nimport { buildProps } from 'element-plus/es/utils/index'\n\nexport const paginationTotalProps = buildProps({\n  total: {\n    type: Number,\n    default: 1000,\n  },\n} as const)\n\nexport type PaginationTotalProps = ExtractPropTypes<typeof paginationTotalProps>\n\nexport type TotalInstance = InstanceType<typeof Total> & unknown\n"],"mappings":";;AAIA,MAAa,uBAAuB,WAAW,EAC7C,OAAO;CACL,MAAM;CACN,SAAS;CACV,EACF,CAAU"}

package/esm/pagination/components/total2.mjs

@@ -0,0 +1,26 @@
+import { paginationTotalProps } from "./total.mjs";
+import { useLocale, useNamespace } from "element-plus";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+import { usePagination } from "element-plus/es/components/pagination/src/usePagination";
+//#region src/pagination/components/total.vue
+const _hoisted_1 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "ElPaginationTotal",
+	__name: "total",
+	props: paginationTotalProps,
+	setup(__props) {
+		const { t } = useLocale();
+		const ns = useNamespace("pagination");
+		const { disabled } = usePagination();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: normalizeClass(unref(ns).e("total")),
+				disabled: unref(disabled)
+			}, toDisplayString(unref(t)("el.pagination.total", { total: _ctx.total })), 11, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=total2.mjs.map

package/esm/pagination/components/total2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"total2.mjs","names":["total"],"sources":["../../../src/pagination/components/total.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useLocale, useNamespace } from 'element-plus'\nimport { usePagination } from 'element-plus/es/components/pagination/src/usePagination'\nimport { paginationTotalProps } from './total'\n\ndefineOptions({\n  name: 'ElPaginationTotal',\n})\ndefineProps(paginationTotalProps)\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst { disabled } = usePagination()\n</script>\n\n<template>\n  <span :class=\"ns.e('total')\" :disabled=\"disabled\">\n    {{\n      t('el.pagination.total', {\n        total,\n      })\n    }}\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;EASA,MAAM,EAAE,MAAM,WAAU;EACxB,MAAM,KAAK,aAAa,aAAY;EACpC,MAAM,EAAE,aAAa,eAAc;;uBAIjC,mBAMO,QAAA;IANA,OAAK,eAAE,MAAA,GAAE,CAAC,EAAC,QAAA,CAAA;IAAY,UAAU,MAAA,SAAQ;sBAE5C,MAAA,EAAC,CAAA,uBAAA,EAAA,OAAkCA,KAAAA,OAAAA,CAAAA,CAAAA,EAAAA,IAAAA,WAAAA"}