agentworkshop 0.8.2 → 0.8.4

package/.output/server/chunks/build/pagination-BTzq7dD5.mjs

@@ -0,0 +1,1330 @@
+import { aT as Icon, w as withInstall, k as useConfigInject_default, ab as useLocaleReceiver, bq as en_US_default$1, o as _extends, q as classNames, x as genComponentStyleHook, y as merge, P as PropTypes, br as splitAttrs, r as _objectSpread2, S as isValidElement, p as cloneElement, at as hasProp, au as getComponent, bs as zh_CN_default, J as functionType, I as booleanType, E as stringType, F as someType, $ as arrayType, K as resetComponent, Q as genFocusStyle, a2 as genFocusOutline } from '../virtual/entry.mjs';
+import { B as BaseMixin_default, f as firstNotUndefined } from './firstNotUndefined-laiThpLD.mjs';
+import { e as initInputToken, B as BaseInput, f as genBasicInputStyle, q as genInputSmallStyle } from '../_/SearchOutlined.mjs';
+import { S as Select, s as selectProps } from './select-CJb2XrQf.mjs';
+import { u as useResponsiveObserver } from './responsiveObserve-CzRpNXkr.mjs';
+import { createVNode, shallowRef, defineComponent, computed, toRef, createTextVNode, ref } from 'vue';
+import { R as RightOutlined } from '../_/RightOutlined.mjs';
+import { L as LeftOutlined } from '../_/LeftOutlined.mjs';
+
+// This icon file is generated automatically.
+var DoubleLeftOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z" } }] }, "name": "double-left", "theme": "outlined" };
+
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } return target; }
+
+function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var DoubleLeftOutlined = function DoubleLeftOutlined(props, context) {
+  var p = _objectSpread$1({}, props, context.attrs);
+
+  return createVNode(Icon, _objectSpread$1({}, p, {
+    "icon": DoubleLeftOutlined$1
+  }), null);
+};
+
+DoubleLeftOutlined.displayName = 'DoubleLeftOutlined';
+DoubleLeftOutlined.inheritAttrs = false;
+
+// This icon file is generated automatically.
+var DoubleRightOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z" } }] }, "name": "double-right", "theme": "outlined" };
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var DoubleRightOutlined = function DoubleRightOutlined(props, context) {
+  var p = _objectSpread({}, props, context.attrs);
+
+  return createVNode(Icon, _objectSpread({}, p, {
+    "icon": DoubleRightOutlined$1
+  }), null);
+};
+
+DoubleRightOutlined.displayName = 'DoubleRightOutlined';
+DoubleRightOutlined.inheritAttrs = false;
+
+function useBreakpoint() {
+  const screens = shallowRef({});
+  useResponsiveObserver();
+  return screens;
+}
+var Select_default = defineComponent({
+  name: "MiniSelect",
+  compatConfig: { MODE: 3 },
+  inheritAttrs: false,
+  props: selectProps(),
+  Option: Select.Option,
+  setup(props, _ref) {
+    let { attrs, slots } = _ref;
+    return () => {
+      const selelctProps = _extends(_extends(_extends({}, props), { size: "small" }), attrs);
+      return createVNode(Select, selelctProps, slots);
+    };
+  }
+});
+var MiddleSelect = defineComponent({
+  name: "MiddleSelect",
+  inheritAttrs: false,
+  props: selectProps(),
+  Option: Select.Option,
+  setup(props, _ref2) {
+    let { attrs, slots } = _ref2;
+    return () => {
+      const selelctProps = _extends(_extends(_extends({}, props), { size: "middle" }), attrs);
+      return createVNode(Select, selelctProps, slots);
+    };
+  }
+});
+var Pager_default = defineComponent({
+  compatConfig: { MODE: 3 },
+  name: "Pager",
+  inheritAttrs: false,
+  props: {
+    rootPrefixCls: String,
+    page: Number,
+    active: {
+      type: Boolean,
+      default: void 0
+    },
+    last: {
+      type: Boolean,
+      default: void 0
+    },
+    locale: PropTypes.object,
+    showTitle: {
+      type: Boolean,
+      default: void 0
+    },
+    itemRender: {
+      type: Function,
+      default: () => {
+      }
+    },
+    onClick: { type: Function },
+    onKeypress: { type: Function }
+  },
+  eimt: ["click", "keypress"],
+  setup(props, _ref) {
+    let { emit, attrs } = _ref;
+    const handleClick = () => {
+      emit("click", props.page);
+    };
+    const handleKeyPress = (event) => {
+      emit("keypress", event, handleClick, props.page);
+    };
+    return () => {
+      const { showTitle, page, itemRender } = props;
+      const { class: _cls, style } = attrs;
+      const prefixCls = `${props.rootPrefixCls}-item`;
+      const cls = classNames(prefixCls, `${prefixCls}-${props.page}`, {
+        [`${prefixCls}-active`]: props.active,
+        [`${prefixCls}-disabled`]: !props.page
+      }, _cls);
+      return createVNode("li", {
+        "onClick": handleClick,
+        "onKeypress": handleKeyPress,
+        "title": showTitle ? String(page) : null,
+        "tabindex": "0",
+        "class": cls,
+        "style": style
+      }, [itemRender({
+        page,
+        type: "page",
+        originalElement: createVNode("a", { "rel": "nofollow" }, [page])
+      })]);
+    };
+  }
+});
+var KeyCode_default = {
+  ENTER: 13,
+  ARROW_UP: 38,
+  ARROW_DOWN: 40
+};
+var Options_default = defineComponent({
+  compatConfig: { MODE: 3 },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    changeSize: Function,
+    quickGo: Function,
+    selectComponentClass: PropTypes.any,
+    current: Number,
+    pageSizeOptions: PropTypes.array.def([
+      "10",
+      "20",
+      "50",
+      "100"
+    ]),
+    pageSize: Number,
+    buildOptionText: Function,
+    locale: PropTypes.object,
+    rootPrefixCls: String,
+    selectPrefixCls: String,
+    goButton: PropTypes.any
+  },
+  setup(props) {
+    const goInputText = ref("");
+    const validValue = computed(() => {
+      return !goInputText.value || isNaN(goInputText.value) ? void 0 : Number(goInputText.value);
+    });
+    const defaultBuildOptionText = (opt) => {
+      return `${opt.value} ${props.locale.items_per_page}`;
+    };
+    const handleChange = (e) => {
+      const { value } = e.target;
+      if (goInputText.value === value) return;
+      goInputText.value = value;
+    };
+    const handleBlur = (e) => {
+      const { goButton, quickGo, rootPrefixCls } = props;
+      if (goButton || goInputText.value === "") return;
+      if (e.relatedTarget && (e.relatedTarget.className.indexOf(`${rootPrefixCls}-item-link`) >= 0 || e.relatedTarget.className.indexOf(`${rootPrefixCls}-item`) >= 0)) {
+        goInputText.value = "";
+        return;
+      } else {
+        quickGo(validValue.value);
+        goInputText.value = "";
+      }
+    };
+    const go = (e) => {
+      if (goInputText.value === "") return;
+      if (e.keyCode === KeyCode_default.ENTER || e.type === "click") {
+        props.quickGo(validValue.value);
+        goInputText.value = "";
+      }
+    };
+    const pageSizeOptions = computed(() => {
+      const { pageSize, pageSizeOptions: pageSizeOptions2 } = props;
+      if (pageSizeOptions2.some((option) => option.toString() === pageSize.toString())) return pageSizeOptions2;
+      return pageSizeOptions2.concat([pageSize.toString()]).sort((a, b) => {
+        return (isNaN(Number(a)) ? 0 : Number(a)) - (isNaN(Number(b)) ? 0 : Number(b));
+      });
+    });
+    return () => {
+      const { rootPrefixCls, locale, changeSize, quickGo, goButton, selectComponentClass: Select2, selectPrefixCls, pageSize, disabled } = props;
+      const prefixCls = `${rootPrefixCls}-options`;
+      let changeSelect = null;
+      let goInput = null;
+      let gotoButton = null;
+      if (!changeSize && !quickGo) return null;
+      if (changeSize && Select2) {
+        const buildOptionText = props.buildOptionText || defaultBuildOptionText;
+        const options = pageSizeOptions.value.map((opt, i) => createVNode(Select2.Option, {
+          "key": i,
+          "value": opt
+        }, { default: () => [buildOptionText({ value: opt })] }));
+        changeSelect = createVNode(Select2, {
+          "disabled": disabled,
+          "prefixCls": selectPrefixCls,
+          "showSearch": false,
+          "class": `${prefixCls}-size-changer`,
+          "optionLabelProp": "children",
+          "value": (pageSize || pageSizeOptions.value[0]).toString(),
+          "onChange": (value) => changeSize(Number(value)),
+          "getPopupContainer": (triggerNode) => triggerNode.parentNode
+        }, { default: () => [options] });
+      }
+      if (quickGo) {
+        if (goButton) gotoButton = typeof goButton === "boolean" ? createVNode("button", {
+          "type": "button",
+          "onClick": go,
+          "onKeyup": go,
+          "disabled": disabled,
+          "class": `${prefixCls}-quick-jumper-button`
+        }, [locale.jump_to_confirm]) : createVNode("span", {
+          "onClick": go,
+          "onKeyup": go
+        }, [goButton]);
+        goInput = createVNode("div", { "class": `${prefixCls}-quick-jumper` }, [
+          locale.jump_to,
+          createVNode(BaseInput, {
+            "disabled": disabled,
+            "type": "text",
+            "value": goInputText.value,
+            "onInput": handleChange,
+            "onChange": handleChange,
+            "onKeyup": go,
+            "onBlur": handleBlur
+          }, null),
+          locale.page,
+          gotoButton
+        ]);
+      }
+      return createVNode("li", { "class": `${prefixCls}` }, [changeSelect, goInput]);
+    };
+  }
+});
+var __rest$1 = function(s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") {
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+function isInteger(value) {
+  return typeof value === "number" && isFinite(value) && Math.floor(value) === value;
+}
+function defaultItemRender(_ref) {
+  let { originalElement } = _ref;
+  return originalElement;
+}
+function calculatePage(p, state, props) {
+  const pageSize = typeof p === "undefined" ? state.statePageSize : p;
+  return Math.floor((props.total - 1) / pageSize) + 1;
+}
+var Pagination_default$1 = defineComponent({
+  compatConfig: { MODE: 3 },
+  name: "Pagination",
+  mixins: [BaseMixin_default],
+  inheritAttrs: false,
+  props: {
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    prefixCls: PropTypes.string.def("rc-pagination"),
+    selectPrefixCls: PropTypes.string.def("rc-select"),
+    current: Number,
+    defaultCurrent: PropTypes.number.def(1),
+    total: PropTypes.number.def(0),
+    pageSize: Number,
+    defaultPageSize: PropTypes.number.def(10),
+    hideOnSinglePage: {
+      type: Boolean,
+      default: false
+    },
+    showSizeChanger: {
+      type: Boolean,
+      default: void 0
+    },
+    showLessItems: {
+      type: Boolean,
+      default: false
+    },
+    selectComponentClass: PropTypes.any,
+    showPrevNextJumpers: {
+      type: Boolean,
+      default: true
+    },
+    showQuickJumper: PropTypes.oneOfType([PropTypes.looseBool, PropTypes.object]).def(false),
+    showTitle: {
+      type: Boolean,
+      default: true
+    },
+    pageSizeOptions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
+    buildOptionText: Function,
+    showTotal: Function,
+    simple: {
+      type: Boolean,
+      default: void 0
+    },
+    locale: PropTypes.object.def(zh_CN_default),
+    itemRender: PropTypes.func.def(defaultItemRender),
+    prevIcon: PropTypes.any,
+    nextIcon: PropTypes.any,
+    jumpPrevIcon: PropTypes.any,
+    jumpNextIcon: PropTypes.any,
+    totalBoundaryShowSizeChanger: PropTypes.number.def(50)
+  },
+  data() {
+    const props = this.$props;
+    let current = firstNotUndefined([this.current, this.defaultCurrent]);
+    const pageSize = firstNotUndefined([this.pageSize, this.defaultPageSize]);
+    current = Math.min(current, calculatePage(pageSize, void 0, props));
+    return {
+      stateCurrent: current,
+      stateCurrentInputValue: current,
+      statePageSize: pageSize
+    };
+  },
+  watch: {
+    current(val) {
+      this.setState({
+        stateCurrent: val,
+        stateCurrentInputValue: val
+      });
+    },
+    pageSize(val) {
+      const newState = {};
+      let current = this.stateCurrent;
+      const newCurrent = calculatePage(val, this.$data, this.$props);
+      current = current > newCurrent ? newCurrent : current;
+      if (!hasProp(this, "current")) {
+        newState.stateCurrent = current;
+        newState.stateCurrentInputValue = current;
+      }
+      newState.statePageSize = val;
+      this.setState(newState);
+    },
+    stateCurrent(_val, oldValue) {
+      this.$nextTick(() => {
+        if (this.$refs.paginationNode) {
+          const lastCurrentNode = this.$refs.paginationNode.querySelector(`.${this.prefixCls}-item-${oldValue}`);
+          if (lastCurrentNode && (void 0).activeElement === lastCurrentNode) lastCurrentNode.blur();
+        }
+      });
+    },
+    total() {
+      const newState = {};
+      const newCurrent = calculatePage(this.pageSize, this.$data, this.$props);
+      if (hasProp(this, "current")) {
+        const current = Math.min(this.current, newCurrent);
+        newState.stateCurrent = current;
+        newState.stateCurrentInputValue = current;
+      } else {
+        let current = this.stateCurrent;
+        if (current === 0 && newCurrent > 0) current = 1;
+        else current = Math.min(this.stateCurrent, newCurrent);
+        newState.stateCurrent = current;
+      }
+      this.setState(newState);
+    }
+  },
+  methods: {
+    getJumpPrevPage() {
+      return Math.max(1, this.stateCurrent - (this.showLessItems ? 3 : 5));
+    },
+    getJumpNextPage() {
+      return Math.min(calculatePage(void 0, this.$data, this.$props), this.stateCurrent + (this.showLessItems ? 3 : 5));
+    },
+    getItemIcon(icon, label) {
+      const { prefixCls } = this.$props;
+      return getComponent(this, icon, this.$props) || createVNode("button", {
+        "type": "button",
+        "aria-label": label,
+        "class": `${prefixCls}-item-link`
+      }, null);
+    },
+    getValidValue(e) {
+      const inputValue = e.target.value;
+      const allPages = calculatePage(void 0, this.$data, this.$props);
+      const { stateCurrentInputValue } = this.$data;
+      let value;
+      if (inputValue === "") value = inputValue;
+      else if (isNaN(Number(inputValue))) value = stateCurrentInputValue;
+      else if (inputValue >= allPages) value = allPages;
+      else value = Number(inputValue);
+      return value;
+    },
+    isValid(page) {
+      return isInteger(page) && page !== this.stateCurrent;
+    },
+    shouldDisplayQuickJumper() {
+      const { showQuickJumper, pageSize, total } = this.$props;
+      if (total <= pageSize) return false;
+      return showQuickJumper;
+    },
+    handleKeyDown(event) {
+      if (event.keyCode === KeyCode_default.ARROW_UP || event.keyCode === KeyCode_default.ARROW_DOWN) event.preventDefault();
+    },
+    handleKeyUp(e) {
+      const value = this.getValidValue(e);
+      if (value !== this.stateCurrentInputValue) this.setState({ stateCurrentInputValue: value });
+      if (e.keyCode === KeyCode_default.ENTER) this.handleChange(value);
+      else if (e.keyCode === KeyCode_default.ARROW_UP) this.handleChange(value - 1);
+      else if (e.keyCode === KeyCode_default.ARROW_DOWN) this.handleChange(value + 1);
+    },
+    changePageSize(size) {
+      let current = this.stateCurrent;
+      const preCurrent = current;
+      const newCurrent = calculatePage(size, this.$data, this.$props);
+      current = current > newCurrent ? newCurrent : current;
+      if (newCurrent === 0) current = this.stateCurrent;
+      if (typeof size === "number") {
+        if (!hasProp(this, "pageSize")) this.setState({ statePageSize: size });
+        if (!hasProp(this, "current")) this.setState({
+          stateCurrent: current,
+          stateCurrentInputValue: current
+        });
+      }
+      this.__emit("update:pageSize", size);
+      if (current !== preCurrent) this.__emit("update:current", current);
+      this.__emit("showSizeChange", current, size);
+      this.__emit("change", current, size);
+    },
+    handleChange(p) {
+      const { disabled } = this.$props;
+      let page = p;
+      if (this.isValid(page) && !disabled) {
+        const currentPage = calculatePage(void 0, this.$data, this.$props);
+        if (page > currentPage) page = currentPage;
+        else if (page < 1) page = 1;
+        if (!hasProp(this, "current")) this.setState({
+          stateCurrent: page,
+          stateCurrentInputValue: page
+        });
+        this.__emit("update:current", page);
+        this.__emit("change", page, this.statePageSize);
+        return page;
+      }
+      return this.stateCurrent;
+    },
+    prev() {
+      if (this.hasPrev()) this.handleChange(this.stateCurrent - 1);
+    },
+    next() {
+      if (this.hasNext()) this.handleChange(this.stateCurrent + 1);
+    },
+    jumpPrev() {
+      this.handleChange(this.getJumpPrevPage());
+    },
+    jumpNext() {
+      this.handleChange(this.getJumpNextPage());
+    },
+    hasPrev() {
+      return this.stateCurrent > 1;
+    },
+    hasNext() {
+      return this.stateCurrent < calculatePage(void 0, this.$data, this.$props);
+    },
+    getShowSizeChanger() {
+      const { showSizeChanger, total, totalBoundaryShowSizeChanger } = this.$props;
+      if (typeof showSizeChanger !== "undefined") return showSizeChanger;
+      return total > totalBoundaryShowSizeChanger;
+    },
+    runIfEnter(event, callback) {
+      if (event.key === "Enter" || event.charCode === 13) {
+        event.preventDefault();
+        for (var _len = arguments.length, restParams = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) restParams[_key - 2] = arguments[_key];
+        callback(...restParams);
+      }
+    },
+    runIfEnterPrev(event) {
+      this.runIfEnter(event, this.prev);
+    },
+    runIfEnterNext(event) {
+      this.runIfEnter(event, this.next);
+    },
+    runIfEnterJumpPrev(event) {
+      this.runIfEnter(event, this.jumpPrev);
+    },
+    runIfEnterJumpNext(event) {
+      this.runIfEnter(event, this.jumpNext);
+    },
+    handleGoTO(event) {
+      if (event.keyCode === KeyCode_default.ENTER || event.type === "click") this.handleChange(this.stateCurrentInputValue);
+    },
+    renderPrev(prevPage) {
+      const { itemRender } = this.$props;
+      const prevButton = itemRender({
+        page: prevPage,
+        type: "prev",
+        originalElement: this.getItemIcon("prevIcon", "prev page")
+      });
+      const disabled = !this.hasPrev();
+      return isValidElement(prevButton) ? cloneElement(prevButton, disabled ? { disabled } : {}) : prevButton;
+    },
+    renderNext(nextPage) {
+      const { itemRender } = this.$props;
+      const nextButton = itemRender({
+        page: nextPage,
+        type: "next",
+        originalElement: this.getItemIcon("nextIcon", "next page")
+      });
+      const disabled = !this.hasNext();
+      return isValidElement(nextButton) ? cloneElement(nextButton, disabled ? { disabled } : {}) : nextButton;
+    }
+  },
+  render() {
+    const { prefixCls, disabled, hideOnSinglePage, total, locale, showQuickJumper, showLessItems, showTitle, showTotal, simple, itemRender, showPrevNextJumpers, jumpPrevIcon, jumpNextIcon, selectComponentClass, selectPrefixCls, pageSizeOptions } = this.$props;
+    const { stateCurrent, statePageSize } = this;
+    const _a = splitAttrs(this.$attrs).extraAttrs, { class: className } = _a, restAttrs = __rest$1(_a, ["class"]);
+    if (hideOnSinglePage === true && this.total <= statePageSize) return null;
+    const allPages = calculatePage(void 0, this.$data, this.$props);
+    const pagerList = [];
+    let jumpPrev = null;
+    let jumpNext = null;
+    let firstPager = null;
+    let lastPager = null;
+    let gotoButton = null;
+    const goButton = showQuickJumper && showQuickJumper.goButton;
+    const pageBufferSize = showLessItems ? 1 : 2;
+    const prevPage = stateCurrent - 1 > 0 ? stateCurrent - 1 : 0;
+    const nextPage = stateCurrent + 1 < allPages ? stateCurrent + 1 : allPages;
+    const hasPrev = this.hasPrev();
+    const hasNext = this.hasNext();
+    if (simple) {
+      if (goButton) {
+        if (typeof goButton === "boolean") gotoButton = createVNode("button", {
+          "type": "button",
+          "onClick": this.handleGoTO,
+          "onKeyup": this.handleGoTO
+        }, [locale.jump_to_confirm]);
+        else gotoButton = createVNode("span", {
+          "onClick": this.handleGoTO,
+          "onKeyup": this.handleGoTO
+        }, [goButton]);
+        gotoButton = createVNode("li", {
+          "title": showTitle ? `${locale.jump_to}${stateCurrent}/${allPages}` : null,
+          "class": `${prefixCls}-simple-pager`
+        }, [gotoButton]);
+      }
+      return createVNode("ul", _objectSpread2({ "class": classNames(`${prefixCls} ${prefixCls}-simple`, { [`${prefixCls}-disabled`]: disabled }, className) }, restAttrs), [
+        createVNode("li", {
+          "title": showTitle ? locale.prev_page : null,
+          "onClick": this.prev,
+          "tabindex": hasPrev ? 0 : null,
+          "onKeypress": this.runIfEnterPrev,
+          "class": classNames(`${prefixCls}-prev`, { [`${prefixCls}-disabled`]: !hasPrev }),
+          "aria-disabled": !hasPrev
+        }, [this.renderPrev(prevPage)]),
+        createVNode("li", {
+          "title": showTitle ? `${stateCurrent}/${allPages}` : null,
+          "class": `${prefixCls}-simple-pager`
+        }, [
+          createVNode(BaseInput, {
+            "type": "text",
+            "value": this.stateCurrentInputValue,
+            "disabled": disabled,
+            "onKeydown": this.handleKeyDown,
+            "onKeyup": this.handleKeyUp,
+            "onInput": this.handleKeyUp,
+            "onChange": this.handleKeyUp,
+            "size": "3"
+          }, null),
+          createVNode("span", { "class": `${prefixCls}-slash` }, [createTextVNode("\uFF0F")]),
+          allPages
+        ]),
+        createVNode("li", {
+          "title": showTitle ? locale.next_page : null,
+          "onClick": this.next,
+          "tabindex": hasNext ? 0 : null,
+          "onKeypress": this.runIfEnterNext,
+          "class": classNames(`${prefixCls}-next`, { [`${prefixCls}-disabled`]: !hasNext }),
+          "aria-disabled": !hasNext
+        }, [this.renderNext(nextPage)]),
+        gotoButton
+      ]);
+    }
+    if (allPages <= 3 + pageBufferSize * 2) {
+      const pagerProps = {
+        locale,
+        rootPrefixCls: prefixCls,
+        showTitle,
+        itemRender,
+        onClick: this.handleChange,
+        onKeypress: this.runIfEnter
+      };
+      if (!allPages) pagerList.push(createVNode(Pager_default, _objectSpread2(_objectSpread2({}, pagerProps), {}, {
+        "key": "noPager",
+        "page": 1,
+        "class": `${prefixCls}-item-disabled`
+      }), null));
+      for (let i = 1; i <= allPages; i += 1) {
+        const active = stateCurrent === i;
+        pagerList.push(createVNode(Pager_default, _objectSpread2(_objectSpread2({}, pagerProps), {}, {
+          "key": i,
+          "page": i,
+          "active": active
+        }), null));
+      }
+    } else {
+      const prevItemTitle = showLessItems ? locale.prev_3 : locale.prev_5;
+      const nextItemTitle = showLessItems ? locale.next_3 : locale.next_5;
+      if (showPrevNextJumpers) {
+        jumpPrev = createVNode("li", {
+          "title": this.showTitle ? prevItemTitle : null,
+          "key": "prev",
+          "onClick": this.jumpPrev,
+          "tabindex": "0",
+          "onKeypress": this.runIfEnterJumpPrev,
+          "class": classNames(`${prefixCls}-jump-prev`, { [`${prefixCls}-jump-prev-custom-icon`]: !!jumpPrevIcon })
+        }, [itemRender({
+          page: this.getJumpPrevPage(),
+          type: "jump-prev",
+          originalElement: this.getItemIcon("jumpPrevIcon", "prev page")
+        })]);
+        jumpNext = createVNode("li", {
+          "title": this.showTitle ? nextItemTitle : null,
+          "key": "next",
+          "tabindex": "0",
+          "onClick": this.jumpNext,
+          "onKeypress": this.runIfEnterJumpNext,
+          "class": classNames(`${prefixCls}-jump-next`, { [`${prefixCls}-jump-next-custom-icon`]: !!jumpNextIcon })
+        }, [itemRender({
+          page: this.getJumpNextPage(),
+          type: "jump-next",
+          originalElement: this.getItemIcon("jumpNextIcon", "next page")
+        })]);
+      }
+      lastPager = createVNode(Pager_default, {
+        "locale": locale,
+        "last": true,
+        "rootPrefixCls": prefixCls,
+        "onClick": this.handleChange,
+        "onKeypress": this.runIfEnter,
+        "key": allPages,
+        "page": allPages,
+        "active": false,
+        "showTitle": showTitle,
+        "itemRender": itemRender
+      }, null);
+      firstPager = createVNode(Pager_default, {
+        "locale": locale,
+        "rootPrefixCls": prefixCls,
+        "onClick": this.handleChange,
+        "onKeypress": this.runIfEnter,
+        "key": 1,
+        "page": 1,
+        "active": false,
+        "showTitle": showTitle,
+        "itemRender": itemRender
+      }, null);
+      let left = Math.max(1, stateCurrent - pageBufferSize);
+      let right = Math.min(stateCurrent + pageBufferSize, allPages);
+      if (stateCurrent - 1 <= pageBufferSize) right = 1 + pageBufferSize * 2;
+      if (allPages - stateCurrent <= pageBufferSize) left = allPages - pageBufferSize * 2;
+      for (let i = left; i <= right; i += 1) {
+        const active = stateCurrent === i;
+        pagerList.push(createVNode(Pager_default, {
+          "locale": locale,
+          "rootPrefixCls": prefixCls,
+          "onClick": this.handleChange,
+          "onKeypress": this.runIfEnter,
+          "key": i,
+          "page": i,
+          "active": active,
+          "showTitle": showTitle,
+          "itemRender": itemRender
+        }, null));
+      }
+      if (stateCurrent - 1 >= pageBufferSize * 2 && stateCurrent !== 3) {
+        pagerList[0] = createVNode(Pager_default, {
+          "locale": locale,
+          "rootPrefixCls": prefixCls,
+          "onClick": this.handleChange,
+          "onKeypress": this.runIfEnter,
+          "key": left,
+          "page": left,
+          "class": `${prefixCls}-item-after-jump-prev`,
+          "active": false,
+          "showTitle": this.showTitle,
+          "itemRender": itemRender
+        }, null);
+        pagerList.unshift(jumpPrev);
+      }
+      if (allPages - stateCurrent >= pageBufferSize * 2 && stateCurrent !== allPages - 2) {
+        pagerList[pagerList.length - 1] = createVNode(Pager_default, {
+          "locale": locale,
+          "rootPrefixCls": prefixCls,
+          "onClick": this.handleChange,
+          "onKeypress": this.runIfEnter,
+          "key": right,
+          "page": right,
+          "class": `${prefixCls}-item-before-jump-next`,
+          "active": false,
+          "showTitle": this.showTitle,
+          "itemRender": itemRender
+        }, null);
+        pagerList.push(jumpNext);
+      }
+      if (left !== 1) pagerList.unshift(firstPager);
+      if (right !== allPages) pagerList.push(lastPager);
+    }
+    let totalText = null;
+    if (showTotal) totalText = createVNode("li", { "class": `${prefixCls}-total-text` }, [showTotal(total, [total === 0 ? 0 : (stateCurrent - 1) * statePageSize + 1, stateCurrent * statePageSize > total ? total : stateCurrent * statePageSize])]);
+    const prevDisabled = !hasPrev || !allPages;
+    const nextDisabled = !hasNext || !allPages;
+    const buildOptionText = this.buildOptionText || this.$slots.buildOptionText;
+    return createVNode("ul", _objectSpread2(_objectSpread2({
+      "unselectable": "on",
+      "ref": "paginationNode"
+    }, restAttrs), {}, { "class": classNames({
+      [`${prefixCls}`]: true,
+      [`${prefixCls}-disabled`]: disabled
+    }, className) }), [
+      totalText,
+      createVNode("li", {
+        "title": showTitle ? locale.prev_page : null,
+        "onClick": this.prev,
+        "tabindex": prevDisabled ? null : 0,
+        "onKeypress": this.runIfEnterPrev,
+        "class": classNames(`${prefixCls}-prev`, { [`${prefixCls}-disabled`]: prevDisabled }),
+        "aria-disabled": prevDisabled
+      }, [this.renderPrev(prevPage)]),
+      pagerList,
+      createVNode("li", {
+        "title": showTitle ? locale.next_page : null,
+        "onClick": this.next,
+        "tabindex": nextDisabled ? null : 0,
+        "onKeypress": this.runIfEnterNext,
+        "class": classNames(`${prefixCls}-next`, { [`${prefixCls}-disabled`]: nextDisabled }),
+        "aria-disabled": nextDisabled
+      }, [this.renderNext(nextPage)]),
+      createVNode(Options_default, {
+        "disabled": disabled,
+        "locale": locale,
+        "rootPrefixCls": prefixCls,
+        "selectComponentClass": selectComponentClass,
+        "selectPrefixCls": selectPrefixCls,
+        "changeSize": this.getShowSizeChanger() ? this.changePageSize : null,
+        "current": stateCurrent,
+        "pageSize": statePageSize,
+        "pageSizeOptions": pageSizeOptions,
+        "buildOptionText": buildOptionText || null,
+        "quickGo": this.shouldDisplayQuickJumper() ? this.handleChange : null,
+        "goButton": goButton
+      }, null)
+    ]);
+  }
+});
+var genPaginationDisabledStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [`${componentCls}-disabled`]: {
+      "&, &:hover": {
+        cursor: "not-allowed",
+        [`${componentCls}-item-link`]: {
+          color: token.colorTextDisabled,
+          cursor: "not-allowed"
+        }
+      },
+      "&:focus-visible": {
+        cursor: "not-allowed",
+        [`${componentCls}-item-link`]: {
+          color: token.colorTextDisabled,
+          cursor: "not-allowed"
+        }
+      }
+    },
+    [`&${componentCls}-disabled`]: {
+      cursor: "not-allowed",
+      [`&${componentCls}-mini`]: { [`
+          &:hover ${componentCls}-item:not(${componentCls}-item-active),
+          &:active ${componentCls}-item:not(${componentCls}-item-active),
+          &:hover ${componentCls}-item-link,
+          &:active ${componentCls}-item-link
+        `]: { backgroundColor: "transparent" } },
+      [`${componentCls}-item`]: {
+        cursor: "not-allowed",
+        "&:hover, &:active": { backgroundColor: "transparent" },
+        a: {
+          color: token.colorTextDisabled,
+          backgroundColor: "transparent",
+          border: "none",
+          cursor: "not-allowed"
+        },
+        "&-active": {
+          borderColor: token.colorBorder,
+          backgroundColor: token.paginationItemDisabledBgActive,
+          "&:hover, &:active": { backgroundColor: token.paginationItemDisabledBgActive },
+          a: { color: token.paginationItemDisabledColorActive }
+        }
+      },
+      [`${componentCls}-item-link`]: {
+        color: token.colorTextDisabled,
+        cursor: "not-allowed",
+        "&:hover, &:active": { backgroundColor: "transparent" },
+        [`${componentCls}-simple&`]: {
+          backgroundColor: "transparent",
+          "&:hover, &:active": { backgroundColor: "transparent" }
+        }
+      },
+      [`${componentCls}-simple-pager`]: { color: token.colorTextDisabled },
+      [`${componentCls}-jump-prev, ${componentCls}-jump-next`]: {
+        [`${componentCls}-item-link-icon`]: { opacity: 0 },
+        [`${componentCls}-item-ellipsis`]: { opacity: 1 }
+      }
+    },
+    [`&${componentCls}-simple`]: { [`${componentCls}-prev, ${componentCls}-next`]: { [`&${componentCls}-disabled ${componentCls}-item-link`]: { "&:hover, &:active": { backgroundColor: "transparent" } } } }
+  };
+};
+var genPaginationMiniStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [`&${componentCls}-mini ${componentCls}-total-text, &${componentCls}-mini ${componentCls}-simple-pager`]: {
+      height: token.paginationItemSizeSM,
+      lineHeight: `${token.paginationItemSizeSM}px`
+    },
+    [`&${componentCls}-mini ${componentCls}-item`]: {
+      minWidth: token.paginationItemSizeSM,
+      height: token.paginationItemSizeSM,
+      margin: 0,
+      lineHeight: `${token.paginationItemSizeSM - 2}px`
+    },
+    [`&${componentCls}-mini ${componentCls}-item:not(${componentCls}-item-active)`]: {
+      backgroundColor: "transparent",
+      borderColor: "transparent",
+      "&:hover": { backgroundColor: token.colorBgTextHover },
+      "&:active": { backgroundColor: token.colorBgTextActive }
+    },
+    [`&${componentCls}-mini ${componentCls}-prev, &${componentCls}-mini ${componentCls}-next`]: {
+      minWidth: token.paginationItemSizeSM,
+      height: token.paginationItemSizeSM,
+      margin: 0,
+      lineHeight: `${token.paginationItemSizeSM}px`,
+      [`&:hover ${componentCls}-item-link`]: { backgroundColor: token.colorBgTextHover },
+      [`&:active ${componentCls}-item-link`]: { backgroundColor: token.colorBgTextActive },
+      [`&${componentCls}-disabled:hover ${componentCls}-item-link`]: { backgroundColor: "transparent" }
+    },
+    [`
+    &${componentCls}-mini ${componentCls}-prev ${componentCls}-item-link,
+    &${componentCls}-mini ${componentCls}-next ${componentCls}-item-link
+    `]: {
+      backgroundColor: "transparent",
+      borderColor: "transparent",
+      "&::after": {
+        height: token.paginationItemSizeSM,
+        lineHeight: `${token.paginationItemSizeSM}px`
+      }
+    },
+    [`&${componentCls}-mini ${componentCls}-jump-prev, &${componentCls}-mini ${componentCls}-jump-next`]: {
+      height: token.paginationItemSizeSM,
+      marginInlineEnd: 0,
+      lineHeight: `${token.paginationItemSizeSM}px`
+    },
+    [`&${componentCls}-mini ${componentCls}-options`]: {
+      marginInlineStart: token.paginationMiniOptionsMarginInlineStart,
+      [`&-size-changer`]: { top: token.paginationMiniOptionsSizeChangerTop },
+      [`&-quick-jumper`]: {
+        height: token.paginationItemSizeSM,
+        lineHeight: `${token.paginationItemSizeSM}px`,
+        input: _extends(_extends({}, genInputSmallStyle(token)), {
+          width: token.paginationMiniQuickJumperInputWidth,
+          height: token.controlHeightSM
+        })
+      }
+    }
+  };
+};
+var genPaginationSimpleStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [`
+    &${componentCls}-simple ${componentCls}-prev,
+    &${componentCls}-simple ${componentCls}-next
+    `]: {
+      height: token.paginationItemSizeSM,
+      lineHeight: `${token.paginationItemSizeSM}px`,
+      verticalAlign: "top",
+      [`${componentCls}-item-link`]: {
+        height: token.paginationItemSizeSM,
+        backgroundColor: "transparent",
+        border: 0,
+        "&:hover": { backgroundColor: token.colorBgTextHover },
+        "&:active": { backgroundColor: token.colorBgTextActive },
+        "&::after": {
+          height: token.paginationItemSizeSM,
+          lineHeight: `${token.paginationItemSizeSM}px`
+        }
+      }
+    },
+    [`&${componentCls}-simple ${componentCls}-simple-pager`]: {
+      display: "inline-block",
+      height: token.paginationItemSizeSM,
+      marginInlineEnd: token.marginXS,
+      input: {
+        boxSizing: "border-box",
+        height: "100%",
+        marginInlineEnd: token.marginXS,
+        padding: `0 ${token.paginationItemPaddingInline}px`,
+        textAlign: "center",
+        backgroundColor: token.paginationItemInputBg,
+        border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,
+        borderRadius: token.borderRadius,
+        outline: "none",
+        transition: `border-color ${token.motionDurationMid}`,
+        color: "inherit",
+        "&:hover": { borderColor: token.colorPrimary },
+        "&:focus": {
+          borderColor: token.colorPrimaryHover,
+          boxShadow: `${token.inputOutlineOffset}px 0 ${token.controlOutlineWidth}px ${token.controlOutline}`
+        },
+        "&[disabled]": {
+          color: token.colorTextDisabled,
+          backgroundColor: token.colorBgContainerDisabled,
+          borderColor: token.colorBorder,
+          cursor: "not-allowed"
+        }
+      }
+    }
+  };
+};
+var genPaginationJumpStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [`${componentCls}-jump-prev, ${componentCls}-jump-next`]: {
+      outline: 0,
+      [`${componentCls}-item-container`]: {
+        position: "relative",
+        [`${componentCls}-item-link-icon`]: {
+          color: token.colorPrimary,
+          fontSize: token.fontSizeSM,
+          opacity: 0,
+          transition: `all ${token.motionDurationMid}`,
+          "&-svg": {
+            top: 0,
+            insetInlineEnd: 0,
+            bottom: 0,
+            insetInlineStart: 0,
+            margin: "auto"
+          }
+        },
+        [`${componentCls}-item-ellipsis`]: {
+          position: "absolute",
+          top: 0,
+          insetInlineEnd: 0,
+          bottom: 0,
+          insetInlineStart: 0,
+          display: "block",
+          margin: "auto",
+          color: token.colorTextDisabled,
+          fontFamily: "Arial, Helvetica, sans-serif",
+          letterSpacing: token.paginationEllipsisLetterSpacing,
+          textAlign: "center",
+          textIndent: token.paginationEllipsisTextIndent,
+          opacity: 1,
+          transition: `all ${token.motionDurationMid}`
+        }
+      },
+      "&:hover": {
+        [`${componentCls}-item-link-icon`]: { opacity: 1 },
+        [`${componentCls}-item-ellipsis`]: { opacity: 0 }
+      },
+      "&:focus-visible": _extends({
+        [`${componentCls}-item-link-icon`]: { opacity: 1 },
+        [`${componentCls}-item-ellipsis`]: { opacity: 0 }
+      }, genFocusOutline(token))
+    },
+    [`
+    ${componentCls}-prev,
+    ${componentCls}-jump-prev,
+    ${componentCls}-jump-next
+    `]: { marginInlineEnd: token.marginXS },
+    [`
+    ${componentCls}-prev,
+    ${componentCls}-next,
+    ${componentCls}-jump-prev,
+    ${componentCls}-jump-next
+    `]: {
+      display: "inline-block",
+      minWidth: token.paginationItemSize,
+      height: token.paginationItemSize,
+      color: token.colorText,
+      fontFamily: token.paginationFontFamily,
+      lineHeight: `${token.paginationItemSize}px`,
+      textAlign: "center",
+      verticalAlign: "middle",
+      listStyle: "none",
+      borderRadius: token.borderRadius,
+      cursor: "pointer",
+      transition: `all ${token.motionDurationMid}`
+    },
+    [`${componentCls}-prev, ${componentCls}-next`]: {
+      fontFamily: "Arial, Helvetica, sans-serif",
+      outline: 0,
+      button: {
+        color: token.colorText,
+        cursor: "pointer",
+        userSelect: "none"
+      },
+      [`${componentCls}-item-link`]: {
+        display: "block",
+        width: "100%",
+        height: "100%",
+        padding: 0,
+        fontSize: token.fontSizeSM,
+        textAlign: "center",
+        backgroundColor: "transparent",
+        border: `${token.lineWidth}px ${token.lineType} transparent`,
+        borderRadius: token.borderRadius,
+        outline: "none",
+        transition: `all ${token.motionDurationMid}`
+      },
+      [`&:focus-visible ${componentCls}-item-link`]: _extends({}, genFocusOutline(token)),
+      [`&:hover ${componentCls}-item-link`]: { backgroundColor: token.colorBgTextHover },
+      [`&:active ${componentCls}-item-link`]: { backgroundColor: token.colorBgTextActive },
+      [`&${componentCls}-disabled:hover`]: { [`${componentCls}-item-link`]: { backgroundColor: "transparent" } }
+    },
+    [`${componentCls}-slash`]: {
+      marginInlineEnd: token.paginationSlashMarginInlineEnd,
+      marginInlineStart: token.paginationSlashMarginInlineStart
+    },
+    [`${componentCls}-options`]: {
+      display: "inline-block",
+      marginInlineStart: token.margin,
+      verticalAlign: "middle",
+      "&-size-changer.-select": {
+        display: "inline-block",
+        width: "auto"
+      },
+      "&-quick-jumper": {
+        display: "inline-block",
+        height: token.controlHeight,
+        marginInlineStart: token.marginXS,
+        lineHeight: `${token.controlHeight}px`,
+        verticalAlign: "top",
+        input: _extends(_extends({}, genBasicInputStyle(token)), {
+          width: token.controlHeightLG * 1.25,
+          height: token.controlHeight,
+          boxSizing: "border-box",
+          margin: 0,
+          marginInlineStart: token.marginXS,
+          marginInlineEnd: token.marginXS
+        })
+      }
+    }
+  };
+};
+var genPaginationItemStyle = (token) => {
+  const { componentCls } = token;
+  return { [`${componentCls}-item`]: _extends(_extends({
+    display: "inline-block",
+    minWidth: token.paginationItemSize,
+    height: token.paginationItemSize,
+    marginInlineEnd: token.marginXS,
+    fontFamily: token.paginationFontFamily,
+    lineHeight: `${token.paginationItemSize - 2}px`,
+    textAlign: "center",
+    verticalAlign: "middle",
+    listStyle: "none",
+    backgroundColor: "transparent",
+    border: `${token.lineWidth}px ${token.lineType} transparent`,
+    borderRadius: token.borderRadius,
+    outline: 0,
+    cursor: "pointer",
+    userSelect: "none",
+    a: {
+      display: "block",
+      padding: `0 ${token.paginationItemPaddingInline}px`,
+      color: token.colorText,
+      transition: "none",
+      "&:hover": { textDecoration: "none" }
+    },
+    [`&:not(${componentCls}-item-active)`]: {
+      "&:hover": {
+        transition: `all ${token.motionDurationMid}`,
+        backgroundColor: token.colorBgTextHover
+      },
+      "&:active": { backgroundColor: token.colorBgTextActive }
+    }
+  }, genFocusStyle(token)), { "&-active": {
+    fontWeight: token.paginationFontWeightActive,
+    backgroundColor: token.paginationItemBgActive,
+    borderColor: token.colorPrimary,
+    a: { color: token.colorPrimary },
+    "&:hover": { borderColor: token.colorPrimaryHover },
+    "&:hover a": { color: token.colorPrimaryHover }
+  } }) };
+};
+var genPaginationStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [componentCls]: _extends(_extends(_extends(_extends(_extends(_extends(_extends(_extends({}, resetComponent(token)), {
+      "ul, ol": {
+        margin: 0,
+        padding: 0,
+        listStyle: "none"
+      },
+      "&::after": {
+        display: "block",
+        clear: "both",
+        height: 0,
+        overflow: "hidden",
+        visibility: "hidden",
+        content: '""'
+      },
+      [`${componentCls}-total-text`]: {
+        display: "inline-block",
+        height: token.paginationItemSize,
+        marginInlineEnd: token.marginXS,
+        lineHeight: `${token.paginationItemSize - 2}px`,
+        verticalAlign: "middle"
+      }
+    }), genPaginationItemStyle(token)), genPaginationJumpStyle(token)), genPaginationSimpleStyle(token)), genPaginationMiniStyle(token)), genPaginationDisabledStyle(token)), {
+      [`@media only screen and (max-width: ${token.screenLG}px)`]: { [`${componentCls}-item`]: { "&-after-jump-prev, &-before-jump-next": { display: "none" } } },
+      [`@media only screen and (max-width: ${token.screenSM}px)`]: { [`${componentCls}-options`]: { display: "none" } }
+    }),
+    [`&${token.componentCls}-rtl`]: { direction: "rtl" }
+  };
+};
+var genBorderedStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [`${componentCls}${componentCls}-disabled`]: {
+      "&, &:hover": { [`${componentCls}-item-link`]: { borderColor: token.colorBorder } },
+      "&:focus-visible": { [`${componentCls}-item-link`]: { borderColor: token.colorBorder } },
+      [`${componentCls}-item, ${componentCls}-item-link`]: {
+        backgroundColor: token.colorBgContainerDisabled,
+        borderColor: token.colorBorder,
+        [`&:hover:not(${componentCls}-item-active)`]: {
+          backgroundColor: token.colorBgContainerDisabled,
+          borderColor: token.colorBorder,
+          a: { color: token.colorTextDisabled }
+        },
+        [`&${componentCls}-item-active`]: { backgroundColor: token.paginationItemDisabledBgActive }
+      },
+      [`${componentCls}-prev, ${componentCls}-next`]: {
+        "&:hover button": {
+          backgroundColor: token.colorBgContainerDisabled,
+          borderColor: token.colorBorder,
+          color: token.colorTextDisabled
+        },
+        [`${componentCls}-item-link`]: {
+          backgroundColor: token.colorBgContainerDisabled,
+          borderColor: token.colorBorder
+        }
+      }
+    },
+    [componentCls]: {
+      [`${componentCls}-prev, ${componentCls}-next`]: {
+        "&:hover button": {
+          borderColor: token.colorPrimaryHover,
+          backgroundColor: token.paginationItemBg
+        },
+        [`${componentCls}-item-link`]: {
+          backgroundColor: token.paginationItemLinkBg,
+          borderColor: token.colorBorder
+        },
+        [`&:hover ${componentCls}-item-link`]: {
+          borderColor: token.colorPrimary,
+          backgroundColor: token.paginationItemBg,
+          color: token.colorPrimary
+        },
+        [`&${componentCls}-disabled`]: { [`${componentCls}-item-link`]: {
+          borderColor: token.colorBorder,
+          color: token.colorTextDisabled
+        } }
+      },
+      [`${componentCls}-item`]: {
+        backgroundColor: token.paginationItemBg,
+        border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,
+        [`&:hover:not(${componentCls}-item-active)`]: {
+          borderColor: token.colorPrimary,
+          backgroundColor: token.paginationItemBg,
+          a: { color: token.colorPrimary }
+        },
+        "&-active": { borderColor: token.colorPrimary }
+      }
+    }
+  };
+};
+var style_default = genComponentStyleHook("Pagination", (token) => {
+  const paginationToken = merge(token, {
+    paginationItemSize: token.controlHeight,
+    paginationFontFamily: token.fontFamily,
+    paginationItemBg: token.colorBgContainer,
+    paginationItemBgActive: token.colorBgContainer,
+    paginationFontWeightActive: token.fontWeightStrong,
+    paginationItemSizeSM: token.controlHeightSM,
+    paginationItemInputBg: token.colorBgContainer,
+    paginationMiniOptionsSizeChangerTop: 0,
+    paginationItemDisabledBgActive: token.controlItemBgActiveDisabled,
+    paginationItemDisabledColorActive: token.colorTextDisabled,
+    paginationItemLinkBg: token.colorBgContainer,
+    inputOutlineOffset: "0 0",
+    paginationMiniOptionsMarginInlineStart: token.marginXXS / 2,
+    paginationMiniQuickJumperInputWidth: token.controlHeightLG * 1.1,
+    paginationItemPaddingInline: token.marginXXS * 1.5,
+    paginationEllipsisLetterSpacing: token.marginXXS / 2,
+    paginationSlashMarginInlineStart: token.marginXXS,
+    paginationSlashMarginInlineEnd: token.marginSM,
+    paginationEllipsisTextIndent: "0.13em"
+  }, initInputToken(token));
+  return [genPaginationStyle(paginationToken), token.wireframe && genBorderedStyle(paginationToken)];
+});
+var __rest = function(s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") {
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var paginationProps = () => ({
+  total: Number,
+  defaultCurrent: Number,
+  disabled: booleanType(),
+  current: Number,
+  defaultPageSize: Number,
+  pageSize: Number,
+  hideOnSinglePage: booleanType(),
+  showSizeChanger: booleanType(),
+  pageSizeOptions: arrayType(),
+  buildOptionText: functionType(),
+  showQuickJumper: someType([Boolean, Object]),
+  showTotal: functionType(),
+  size: stringType(),
+  simple: booleanType(),
+  locale: Object,
+  prefixCls: String,
+  selectPrefixCls: String,
+  totalBoundaryShowSizeChanger: Number,
+  selectComponentClass: String,
+  itemRender: functionType(),
+  role: String,
+  responsive: Boolean,
+  showLessItems: booleanType(),
+  onChange: functionType(),
+  onShowSizeChange: functionType(),
+  "onUpdate:current": functionType(),
+  "onUpdate:pageSize": functionType()
+});
+var Pagination_default = defineComponent({
+  compatConfig: { MODE: 3 },
+  name: "APagination",
+  inheritAttrs: false,
+  props: paginationProps(),
+  setup(props, _ref) {
+    let { slots, attrs } = _ref;
+    const { prefixCls, configProvider, direction, size } = useConfigInject_default("pagination", props);
+    const [wrapSSR, hashId] = style_default(prefixCls);
+    const selectPrefixCls = computed(() => configProvider.getPrefixCls("select", props.selectPrefixCls));
+    const breakpoint = useBreakpoint();
+    const [locale] = useLocaleReceiver("Pagination", en_US_default$1, toRef(props, "locale"));
+    const getIconsProps = (pre) => {
+      const ellipsis = createVNode("span", { "class": `${pre}-item-ellipsis` }, [createTextVNode("\u2022\u2022\u2022")]);
+      return {
+        prevIcon: createVNode("button", {
+          "class": `${pre}-item-link`,
+          "type": "button",
+          "tabindex": -1
+        }, [direction.value === "rtl" ? createVNode(RightOutlined, null, null) : createVNode(LeftOutlined, null, null)]),
+        nextIcon: createVNode("button", {
+          "class": `${pre}-item-link`,
+          "type": "button",
+          "tabindex": -1
+        }, [direction.value === "rtl" ? createVNode(LeftOutlined, null, null) : createVNode(RightOutlined, null, null)]),
+        jumpPrevIcon: createVNode("a", {
+          "rel": "nofollow",
+          "class": `${pre}-item-link`
+        }, [createVNode("div", { "class": `${pre}-item-container` }, [direction.value === "rtl" ? createVNode(DoubleRightOutlined, { "class": `${pre}-item-link-icon` }, null) : createVNode(DoubleLeftOutlined, { "class": `${pre}-item-link-icon` }, null), ellipsis])]),
+        jumpNextIcon: createVNode("a", {
+          "rel": "nofollow",
+          "class": `${pre}-item-link`
+        }, [createVNode("div", { "class": `${pre}-item-container` }, [direction.value === "rtl" ? createVNode(DoubleLeftOutlined, { "class": `${pre}-item-link-icon` }, null) : createVNode(DoubleRightOutlined, { "class": `${pre}-item-link-icon` }, null), ellipsis])])
+      };
+    };
+    return () => {
+      var _a;
+      const { itemRender = slots.itemRender, buildOptionText = slots.buildOptionText, selectComponentClass, responsive } = props, restProps = __rest(props, [
+        "itemRender",
+        "buildOptionText",
+        "selectComponentClass",
+        "responsive"
+      ]);
+      const isSmall = size.value === "small" || !!(((_a = breakpoint.value) === null || _a === void 0 ? void 0 : _a.xs) && !size.value && responsive);
+      const paginationProps2 = _extends(_extends(_extends(_extends(_extends({}, restProps), getIconsProps(prefixCls.value)), {
+        prefixCls: prefixCls.value,
+        selectPrefixCls: selectPrefixCls.value,
+        selectComponentClass: selectComponentClass || (isSmall ? Select_default : MiddleSelect),
+        locale: locale.value,
+        buildOptionText
+      }), attrs), {
+        class: classNames({
+          [`${prefixCls.value}-mini`]: isSmall,
+          [`${prefixCls.value}-rtl`]: direction.value === "rtl"
+        }, attrs.class, hashId.value),
+        itemRender
+      });
+      return wrapSSR(createVNode(Pagination_default$1, paginationProps2, null));
+    };
+  }
+});
+var pagination_default = withInstall(Pagination_default);
+
+export { pagination_default as p, useBreakpoint as u };
+//# sourceMappingURL=pagination-BTzq7dD5.mjs.map