beyond-webui 1.1.46 → 1.1.48

package/lib/components/pagination/src/components/prev2.js

@@ -2,27 +2,66 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../../utils/index.js');
-var runtime = require('../../../../utils/vue/props/runtime.js');
-var icon = require('../../../../utils/vue/icon.js');
+var vue = require('vue');
+require('../../../../hooks/index.js');
+var index$1 = require('../../../icon/index.js');
+var prev = require('./prev.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../../hooks/use-locale/index.js');
 
-const paginationPrevProps = runtime.buildProps({
-  disabled: Boolean,
-  currentPage: {
-    type: Number,
-    default: 1
-  },
-  prevText: {
-    type: String
-  },
-  prevIcon: {
-    type: icon.iconPropType
+const _hoisted_1 = ["disabled", "aria-label", "aria-disabled"];
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12"
+}, [
+  /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#clip0_602_10081)" }, [
+    /* @__PURE__ */ vue.createElementVNode("path", { d: "M8.02053 12L3.26703 7.24C2.93996 6.91139 2.75635 6.46663 2.75635 6.003C2.75635 5.53937 2.93996 5.09461 3.26703 4.766L8.02603 0L9.08503 1.0605L4.32603 5.826C4.27916 5.87288 4.25283 5.93646 4.25283 6.00275C4.25283 6.06904 4.27916 6.13262 4.32603 6.1795L9.07903 10.9395L8.02053 12Z" })
+  ]),
+  /* @__PURE__ */ vue.createElementVNode("defs", null, [
+    /* @__PURE__ */ vue.createElementVNode("clipPath", { id: "clip0_602_10081" }, [
+      /* @__PURE__ */ vue.createElementVNode("rect", {
+        width: "12",
+        height: "12",
+        fill: "white",
+        style: { "fill": "white", "fill-opacity": "1" }
+      })
+    ])
+  ])
+], -1);
+const __default__ = vue.defineComponent({
+  name: "ElPaginationPrev"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: prev.paginationPrevProps,
+  emits: prev.paginationPrevEmits,
+  setup(__props) {
+    const props = __props;
+    const { t } = index.useLocale();
+    const internalDisabled = vue.computed(() => props.disabled || props.currentPage <= 1);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("button", {
+        type: "button",
+        class: "btn-prev",
+        disabled: vue.unref(internalDisabled),
+        "aria-label": _ctx.prevText || vue.unref(t)("el.pagination.prev"),
+        "aria-disabled": vue.unref(internalDisabled),
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+      }, [
+        _ctx.prevText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(_ctx.prevText), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), { key: 1 }, {
+          default: vue.withCtx(() => [
+            _hoisted_3
+          ]),
+          _: 1
+        }))
+      ], 8, _hoisted_1);
+    };
   }
 });
-const paginationPrevEmits = {
-  click: (evt) => evt instanceof MouseEvent
-};
+var Prev = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\pagination\\src\\components\\prev.vue"]]);
 
-exports.paginationPrevEmits = paginationPrevEmits;
-exports.paginationPrevProps = paginationPrevProps;
+exports["default"] = Prev;
 //# sourceMappingURL=prev2.js.map

package/lib/components/pagination/src/components/prev2.js.map

@@ -1 +1 @@
-{"version":3,"file":"prev2.js","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":["buildProps","iconPropType"],"mappings":";;;;;;;;AACY,MAAC,mBAAmB,GAAGA,kBAAU,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,EAAEC,iBAAY;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG;AACnC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;;"}
+{"version":3,"file":"prev2.js","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      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 12 12\"\n      >\n        <g clip-path=\"url(#clip0_602_10081)\">\n          <path\n            d=\"M8.02053 12L3.26703 7.24C2.93996 6.91139 2.75635 6.46663 2.75635 6.003C2.75635 5.53937 2.93996 5.09461 3.26703 4.766L8.02603 0L9.08503 1.0605L4.32603 5.826C4.27916 5.87288 4.25283 5.93646 4.25283 6.00275C4.25283 6.06904 4.27916 6.13262 4.32603 6.1795L9.07903 10.9395L8.02053 12Z\"\n          />\n        </g>\n        <defs>\n          <clipPath id=\"clip0_602_10081\">\n            <rect\n              width=\"12\"\n              height=\"12\"\n              fill=\"white\"\n              style=\"fill: white; fill: white; fill-opacity: 1\"\n            />\n          </clipPath>\n        </defs>\n      </svg>\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":["useLocale","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCA2Cc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AAExB,IAAA,MAAM,mBAAmBC,YACvB,CAAA,MAAM,MAAM,QAAY,IAAA,KAAA,CAAM,eAAe,CAC/C,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/pagination/src/components/sizes.js

@@ -2,76 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var lodashUnified = require('lodash-unified');
-var index$2 = require('../../../select/index.js');
-require('../../../../hooks/index.js');
-var usePagination = require('../usePagination.js');
-var sizes = require('./sizes2.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../../hooks/use-locale/index.js');
-var index$1 = require('../../../../hooks/use-namespace/index.js');
+require('../../../../utils/index.js');
+require('../../../../constants/index.js');
+var runtime = require('../../../../utils/vue/props/runtime.js');
+var typescript = require('../../../../utils/typescript.js');
+var size = require('../../../../constants/size.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElPaginationSizes"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: sizes.paginationSizesProps,
-  emits: ["page-size-change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const { t } = index.useLocale();
-    const ns = index$1.useNamespace("pagination");
-    const pagination = usePagination.usePagination();
-    const innerPageSize = vue.ref(props.pageSize);
-    vue.watch(() => props.pageSizes, (newVal, oldVal) => {
-      if (lodashUnified.isEqual(newVal, oldVal))
-        return;
-      if (Array.isArray(newVal)) {
-        const pageSize = newVal.includes(props.pageSize) ? props.pageSize : props.pageSizes[0];
-        emit("page-size-change", pageSize);
-      }
-    });
-    vue.watch(() => props.pageSize, (newVal) => {
-      innerPageSize.value = newVal;
-    });
-    const innerPageSizes = vue.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 vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass(vue.unref(ns).e("sizes"))
-      }, [
-        vue.createVNode(vue.unref(index$2.ElSelect), {
-          "model-value": innerPageSize.value,
-          disabled: _ctx.disabled,
-          "popper-class": _ctx.popperClass,
-          size: _ctx.size,
-          "validate-event": false,
-          onChange: handleChange
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(innerPageSizes), (item) => {
-              return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElOption), {
-                key: item,
-                value: item,
-                label: item + vue.unref(t)("el.pagination.pagesize")
-              }, null, 8, ["value", "label"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["model-value", "disabled", "popper-class", "size"])
-      ], 2);
-    };
+const paginationSizesProps = runtime.buildProps({
+  pageSize: {
+    type: Number,
+    required: true
+  },
+  pageSizes: {
+    type: runtime.definePropType(Array),
+    default: () => typescript.mutable([10, 20, 30, 40, 50, 100])
+  },
+  popperClass: {
+    type: String
+  },
+  disabled: Boolean,
+  size: {
+    type: String,
+    values: size.componentSizes
   }
 });
-var Sizes = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\pagination\\src\\components\\sizes.vue"]]);
 
-exports["default"] = Sizes;
+exports.paginationSizesProps = paginationSizesProps;
 //# sourceMappingURL=sizes.js.map

package/lib/components/pagination/src/components/sizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.js","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      :validate-event=\"false\"\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 { 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 (Array.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":["useLocale","useNamespace","usePagination","ref","watch","isEqual","computed"],"mappings":";;;;;;;;;;;;;;uCA4Bc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAaC,2BAAc,EAAA,CAAA;AACjC,IAAM,MAAA,aAAA,GAAgBC,OAAY,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA;AAEjD,IAAAC,SAAA,CACE,MAAM,KAAA,CAAM,SACZ,EAAA,CAAC,QAAQ,MAAW,KAAA;AAClB,MAAI,IAAAC,qBAAA,CAAQ,QAAQ,MAAM,CAAA;AAAG,QAAA,OAAA;AAC7B,MAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,MAAM,CAAG,EAAA;AACzB,QAAM,MAAA,QAAA,GAAW,OAAO,QAAS,CAAA,KAAA,CAAM,QAAS,CAC5C,GAAA,KAAA,CAAM,QACN,GAAA,KAAA,CAAM,SAAU,CAAA,CAAA,CAAA,CAAA;AACpB,QAAA,IAAA,CAAK,oBAAoB,QAAQ,CAAA,CAAA;AAAA,OACnC;AAAA,KAEJ,CAAA,CAAA;AAEA,IAAAD,SAAA,CACE,MAAM,KAAA,CAAM,QACZ,EAAA,CAAC,MAAW,KAAA;AACV,MAAA,aAAA,CAAc,KAAQ,GAAA,MAAA,CAAA;AAAA,KAE1B,CAAA,CAAA;AAEA,IAAA,MAAM,cAAiB,GAAAE,YAAA,CAAS,MAAM,KAAA,CAAM,SAAS,CAAA,CAAA;AACrD,IAAA,SAAA,YAAA,CAAsB,GAAa,EAAA;AACjC,MAAI,IAAA,EAAA,CAAA;AACF,MAAA,IAAA,GAAA,KAAA,aAAsB,CAAA,KAAA,EAAA;AACtB,QAAW,aAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAA8B,QAC3C,CAAA,EAAA,GAAA,UAAA,CAAA,gBAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,UAAA,EAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAAA,OACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"sizes.js","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  size: {\n    type: String,\n    values: componentSizes,\n  },\n} as const)\n\nexport type PaginationSizesProps = ExtractPropTypes<typeof paginationSizesProps>\n\nexport type SizesInstance = InstanceType<typeof Sizes>\n"],"names":["buildProps","definePropType","mutable","componentSizes"],"mappings":";;;;;;;;;;AAEY,MAAC,oBAAoB,GAAGA,kBAAU,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,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,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,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,mBAAc;AAC1B,GAAG;AACH,CAAC;;;;"}

package/lib/components/pagination/src/components/sizes.vue.d.ts

@@ -335,8 +335,8 @@ declare const _default: import("vue").DefineComponent<{
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                effect: string;
                 offset: number;
+                effect: string;
                 placement: import("../../../../utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                 showAfter: number;
                 hideAfter: number;
@@ -688,7 +688,7 @@ declare const _default: import("vue").DefineComponent<{
                 role: import("../../../../utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }>> & {
                 [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "effect" | "offset" | "placement" | "showAfter" | "hideAfter" | "autoClose" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "visible" | "pure" | "virtualTriggering" | "content" | "rawContent" | "teleported" | "persistent" | "disabled" | "open" | "role" | "trigger" | "triggerKeys" | "arrowOffset" | "showArrow">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "offset" | "effect" | "placement" | "showAfter" | "hideAfter" | "autoClose" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "visible" | "pure" | "virtualTriggering" | "content" | "rawContent" | "teleported" | "persistent" | "disabled" | "open" | "role" | "trigger" | "triggerKeys" | "arrowOffset" | "showArrow">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -3301,8 +3301,8 @@ declare const _default: import("vue").DefineComponent<{
                         onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                         onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                     }, {
-                        readonly effect: string;
                         readonly offset: number;
+                        readonly effect: string;
                         readonly placement: import("../../../../utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                         readonly boundariesPadding: number;
                         readonly fallbackPlacements: import("@popperjs/core").Placement[];
@@ -3581,8 +3581,8 @@ declare const _default: import("vue").DefineComponent<{
                     readonly hideAfter: import("../../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
                     readonly autoClose: import("../../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
                 }>>, {
-                    readonly effect: string;
                     readonly offset: number;
+                    readonly effect: string;
                     readonly placement: import("../../../../utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                     readonly showAfter: number;
                     readonly hideAfter: number;
@@ -3606,8 +3606,8 @@ declare const _default: import("vue").DefineComponent<{
                     readonly disabled: boolean;
                 }>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-                effect: string;
                 offset: number;
+                effect: string;
                 placement: import("../../../../utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                 showAfter: number;
                 hideAfter: number;
@@ -6254,8 +6254,8 @@ declare const _default: import("vue").DefineComponent<{
                     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                 }, {
-                    readonly effect: string;
                     readonly offset: number;
+                    readonly effect: string;
                     readonly placement: import("../../../../utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                     readonly boundariesPadding: number;
                     readonly fallbackPlacements: import("@popperjs/core").Placement[];
@@ -6534,8 +6534,8 @@ declare const _default: import("vue").DefineComponent<{
                 readonly hideAfter: import("../../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
                 readonly autoClose: import("../../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
             }>>, {
-                readonly effect: string;
                 readonly offset: number;
+                readonly effect: string;
                 readonly placement: import("../../../../utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
                 readonly showAfter: number;
                 readonly hideAfter: number;

package/lib/components/pagination/src/components/sizes2.js

@@ -2,30 +2,76 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../../utils/index.js');
-require('../../../../constants/index.js');
-var runtime = require('../../../../utils/vue/props/runtime.js');
-var typescript = require('../../../../utils/typescript.js');
-var size = require('../../../../constants/size.js');
+var vue = require('vue');
+var lodashUnified = require('lodash-unified');
+var index$2 = require('../../../select/index.js');
+require('../../../../hooks/index.js');
+var usePagination = require('../usePagination.js');
+var sizes = require('./sizes.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../../hooks/use-locale/index.js');
+var index$1 = require('../../../../hooks/use-namespace/index.js');
 
-const paginationSizesProps = runtime.buildProps({
-  pageSize: {
-    type: Number,
-    required: true
-  },
-  pageSizes: {
-    type: runtime.definePropType(Array),
-    default: () => typescript.mutable([10, 20, 30, 40, 50, 100])
-  },
-  popperClass: {
-    type: String
-  },
-  disabled: Boolean,
-  size: {
-    type: String,
-    values: size.componentSizes
+const __default__ = vue.defineComponent({
+  name: "ElPaginationSizes"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: sizes.paginationSizesProps,
+  emits: ["page-size-change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const { t } = index.useLocale();
+    const ns = index$1.useNamespace("pagination");
+    const pagination = usePagination.usePagination();
+    const innerPageSize = vue.ref(props.pageSize);
+    vue.watch(() => props.pageSizes, (newVal, oldVal) => {
+      if (lodashUnified.isEqual(newVal, oldVal))
+        return;
+      if (Array.isArray(newVal)) {
+        const pageSize = newVal.includes(props.pageSize) ? props.pageSize : props.pageSizes[0];
+        emit("page-size-change", pageSize);
+      }
+    });
+    vue.watch(() => props.pageSize, (newVal) => {
+      innerPageSize.value = newVal;
+    });
+    const innerPageSizes = vue.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 vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(vue.unref(ns).e("sizes"))
+      }, [
+        vue.createVNode(vue.unref(index$2.ElSelect), {
+          "model-value": innerPageSize.value,
+          disabled: _ctx.disabled,
+          "popper-class": _ctx.popperClass,
+          size: _ctx.size,
+          "validate-event": false,
+          onChange: handleChange
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(innerPageSizes), (item) => {
+              return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElOption), {
+                key: item,
+                value: item,
+                label: item + vue.unref(t)("el.pagination.pagesize")
+              }, null, 8, ["value", "label"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value", "disabled", "popper-class", "size"])
+      ], 2);
+    };
   }
 });
+var Sizes = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\pagination\\src\\components\\sizes.vue"]]);
 
-exports.paginationSizesProps = paginationSizesProps;
+exports["default"] = Sizes;
 //# sourceMappingURL=sizes2.js.map

package/lib/components/pagination/src/components/sizes2.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizes2.js","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  size: {\n    type: String,\n    values: componentSizes,\n  },\n} as const)\n\nexport type PaginationSizesProps = ExtractPropTypes<typeof paginationSizesProps>\n\nexport type SizesInstance = InstanceType<typeof Sizes>\n"],"names":["buildProps","definePropType","mutable","componentSizes"],"mappings":";;;;;;;;;;AAEY,MAAC,oBAAoB,GAAGA,kBAAU,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,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,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,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,mBAAc;AAC1B,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"sizes2.js","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      :validate-event=\"false\"\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 { 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 (Array.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":["useLocale","useNamespace","usePagination","ref","watch","isEqual","computed"],"mappings":";;;;;;;;;;;;;;uCA4Bc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAaC,2BAAc,EAAA,CAAA;AACjC,IAAM,MAAA,aAAA,GAAgBC,OAAY,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA;AAEjD,IAAAC,SAAA,CACE,MAAM,KAAA,CAAM,SACZ,EAAA,CAAC,QAAQ,MAAW,KAAA;AAClB,MAAI,IAAAC,qBAAA,CAAQ,QAAQ,MAAM,CAAA;AAAG,QAAA,OAAA;AAC7B,MAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,MAAM,CAAG,EAAA;AACzB,QAAM,MAAA,QAAA,GAAW,OAAO,QAAS,CAAA,KAAA,CAAM,QAAS,CAC5C,GAAA,KAAA,CAAM,QACN,GAAA,KAAA,CAAM,SAAU,CAAA,CAAA,CAAA,CAAA;AACpB,QAAA,IAAA,CAAK,oBAAoB,QAAQ,CAAA,CAAA;AAAA,OACnC;AAAA,KAEJ,CAAA,CAAA;AAEA,IAAAD,SAAA,CACE,MAAM,KAAA,CAAM,QACZ,EAAA,CAAC,MAAW,KAAA;AACV,MAAA,aAAA,CAAc,KAAQ,GAAA,MAAA,CAAA;AAAA,KAE1B,CAAA,CAAA;AAEA,IAAA,MAAM,cAAiB,GAAAE,YAAA,CAAS,MAAM,KAAA,CAAM,SAAS,CAAA,CAAA;AACrD,IAAA,SAAA,YAAA,CAAsB,GAAa,EAAA;AACjC,MAAI,IAAA,EAAA,CAAA;AACF,MAAA,IAAA,GAAA,KAAA,aAAsB,CAAA,KAAA,EAAA;AACtB,QAAW,aAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAA8B,QAC3C,CAAA,EAAA,GAAA,UAAA,CAAA,gBAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,UAAA,EAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAAA,OACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/pagination/src/components/total.js

@@ -2,15 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../../utils/index.js');
-var runtime = require('../../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+require('../../../../hooks/index.js');
+var usePagination = require('../usePagination.js');
+var total = require('./total2.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../../hooks/use-locale/index.js');
+var index$1 = require('../../../../hooks/use-namespace/index.js');
 
-const paginationTotalProps = runtime.buildProps({
-  total: {
-    type: Number,
-    default: 1e3
+const _hoisted_1 = ["disabled"];
+const __default__ = vue.defineComponent({
+  name: "ElPaginationTotal"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: total.paginationTotalProps,
+  setup(__props) {
+    const { t } = index.useLocale();
+    const ns = index$1.useNamespace("pagination");
+    const { disabled } = usePagination.usePagination();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(vue.unref(ns).e("total")),
+        disabled: vue.unref(disabled)
+      }, vue.toDisplayString(vue.unref(t)("el.pagination.total", {
+        total: _ctx.total
+      })), 11, _hoisted_1);
+    };
   }
 });
+var Total = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\pagination\\src\\components\\total.vue"]]);
 
-exports.paginationTotalProps = paginationTotalProps;
+exports["default"] = Total;
 //# sourceMappingURL=total.js.map

package/lib/components/pagination/src/components/total.js.map

@@ -1 +1 @@
-{"version":3,"file":"total.js","sources":["../../../../../../../packages/components/pagination/src/components/total.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type Total from './total.vue'\nimport type { ExtractPropTypes } from 'vue'\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>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"total.js","sources":["../../../../../../../packages/components/pagination/src/components/total.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('total')\" :disabled=\"disabled\">\n    {{\n      t('el.pagination.total', {\n        total,\n      })\n    }}\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { usePagination } from '../usePagination'\nimport { paginationTotalProps } from './total'\n\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst { disabled } = usePagination()\n\ndefineOptions({\n  name: 'ElPaginationTotal',\n})\n\ndefineProps(paginationTotalProps)\n</script>\n"],"names":["useLocale","useNamespace","usePagination"],"mappings":";;;;;;;;;;;;;uCAmBc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;AANA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,YAAY,CAAA,CAAA;AACpC,IAAM,MAAA,EAAE,aAAaC,2BAAc,EAAA,CAAA;;;;;;;;;;;;;;;"}

package/lib/components/pagination/src/components/total2.js

@@ -2,36 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../../hooks/index.js');
-var usePagination = require('../usePagination.js');
-var total = require('./total.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../../hooks/use-locale/index.js');
-var index$1 = require('../../../../hooks/use-namespace/index.js');
+require('../../../../utils/index.js');
+var runtime = require('../../../../utils/vue/props/runtime.js');
 
-const _hoisted_1 = ["disabled"];
-const __default__ = vue.defineComponent({
-  name: "ElPaginationTotal"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: total.paginationTotalProps,
-  setup(__props) {
-    const { t } = index.useLocale();
-    const ns = index$1.useNamespace("pagination");
-    const { disabled } = usePagination.usePagination();
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass(vue.unref(ns).e("total")),
-        disabled: vue.unref(disabled)
-      }, vue.toDisplayString(vue.unref(t)("el.pagination.total", {
-        total: _ctx.total
-      })), 11, _hoisted_1);
-    };
+const paginationTotalProps = runtime.buildProps({
+  total: {
+    type: Number,
+    default: 1e3
   }
 });
-var Total = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\beyondtrucks\\beyond-ui\\packages\\components\\pagination\\src\\components\\total.vue"]]);
 
-exports["default"] = Total;
+exports.paginationTotalProps = paginationTotalProps;
 //# sourceMappingURL=total2.js.map

package/lib/components/pagination/src/components/total2.js.map

@@ -1 +1 @@
-{"version":3,"file":"total2.js","sources":["../../../../../../../packages/components/pagination/src/components/total.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('total')\" :disabled=\"disabled\">\n    {{\n      t('el.pagination.total', {\n        total,\n      })\n    }}\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { usePagination } from '../usePagination'\nimport { paginationTotalProps } from './total'\n\nconst { t } = useLocale()\nconst ns = useNamespace('pagination')\nconst { disabled } = usePagination()\n\ndefineOptions({\n  name: 'ElPaginationTotal',\n})\n\ndefineProps(paginationTotalProps)\n</script>\n"],"names":["useLocale","useNamespace","usePagination"],"mappings":";;;;;;;;;;;;;uCAmBc,CAAA;AAAA,EACZ,IAAM,EAAA,mBAAA;AACR,CAAA,CAAA,CAAA;;;;;AANA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,YAAY,CAAA,CAAA;AACpC,IAAM,MAAA,EAAE,aAAaC,2BAAc,EAAA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"total2.js","sources":["../../../../../../../packages/components/pagination/src/components/total.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type Total from './total.vue'\nimport type { ExtractPropTypes } from 'vue'\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>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC;;;;"}

package/lib/components/pagination/src/pagination.js

@@ -7,12 +7,12 @@ var iconsVue = require('@element-plus/icons-vue');
 require('../../../utils/index.js');
 require('../../../hooks/index.js');
 var constants = require('./constants.js');
-var prev = require('./components/prev.js');
-var next = require('./components/next.js');
-var sizes = require('./components/sizes.js');
+var prev = require('./components/prev2.js');
+var next = require('./components/next2.js');
+var sizes = require('./components/sizes2.js');
 var jumper = require('./components/jumper2.js');
-var total = require('./components/total2.js');
-var pager = require('./components/pager2.js');
+var total = require('./components/total.js');
+var pager = require('./components/pager.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var types = require('../../../utils/types.js');
 var typescript = require('../../../utils/typescript.js');