@uzum-tech/ui 2.1.3 → 2.2.0

package/lib/pagination/src/Pagination.js

@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.paginationProps = void 0;
 const vooks_1 = require("vooks");
 const vue_1 = require("vue");
 const _internal_1 = require("../../_internal");
@@ -15,36 +14,12 @@ const input_1 = require("../../input");
 const popselect_1 = require("../../popselect");
 const select_1 = require("../../select");
 const styles_1 = require("../styles");
+const interface_1 = require("./interface");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const utils_1 = require("./utils");
-exports.paginationProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { simple: Boolean, page: Number, defaultPage: {
-        type: Number,
-        default: 1
-    }, itemCount: Number, pageCount: Number, defaultPageCount: {
-        type: Number,
-        default: 1
-    }, showSizePicker: Boolean, sizePickerLabel: String, pageSize: Number, defaultPageSize: Number, pageSizes: {
-        type: Array,
-        default() {
-            return [10];
-        }
-    }, showQuickJumper: Boolean, size: {
-        type: String,
-        default: 'medium'
-    }, disabled: Boolean, pageSlot: {
-        type: Number,
-        default: 9
-    }, selectProps: Object, prev: Function, next: Function, goto: Function, prefix: Function, suffix: Function, label: Function, displayOrder: {
-        type: Array,
-        default: ['size-picker', 'pages', 'quick-jumper']
-    }, to: _utils_1.useAdjustedTo.propTo, 'onUpdate:page': [Function, Array], onUpdatePage: [Function, Array], 'onUpdate:pageSize': [Function, Array], onUpdatePageSize: [Function, Array], 
-    /** @deprecated */
-    onPageSizeChange: [Function, Array], 
-    /** @deprecated */
-    onChange: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Pagination',
-    props: exports.paginationProps,
+    props: interface_1.paginationProps,
     slots: Object,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
@@ -78,7 +53,6 @@ exports.default = (0, vue_1.defineComponent)({
         const mergedPageRef = (0, vooks_1.useMergedState)((0, vue_1.toRef)(props, 'page'), uncontrolledPageRef);
         const mergedPageSizeRef = (0, vooks_1.useMergedState)((0, vue_1.toRef)(props, 'pageSize'), uncontrolledPageSizeRef);
         const mergedPageCountRef = (0, vue_1.computed)(() => {
-            // item count has high priority, for it can affect prefix slot rendering
             const { itemCount } = props;
             if (itemCount !== undefined) {
                 return Math.max(1, Math.ceil(itemCount / mergedPageSizeRef.value));
@@ -88,6 +62,18 @@ exports.default = (0, vue_1.defineComponent)({
                 return Math.max(pageCount, 1);
             return 1;
         });
+        const mergedHasPrevRef = (0, vue_1.computed)(() => {
+            const { hasPrev } = props;
+            if (hasPrev !== undefined)
+                return hasPrev;
+            return mergedPageRef.value > 1;
+        });
+        const mergedHasNextRef = (0, vue_1.computed)(() => {
+            const { hasNext } = props;
+            if (hasNext !== undefined)
+                return hasNext;
+            return mergedPageRef.value < mergedPageCountRef.value;
+        });
         const jumperValueRef = (0, vue_1.ref)('');
         (0, vue_1.watchEffect)(() => {
             void props.simple;
@@ -224,13 +210,15 @@ exports.default = (0, vue_1.defineComponent)({
             }
         }
         function forward() {
-            if (props.disabled)
+            if (props.disabled || !mergedHasNextRef.value)
                 return;
-            const page = Math.min(mergedPageRef.value + 1, mergedPageCountRef.value);
+            const page = props.hasNext === undefined
+                ? Math.min(mergedPageRef.value + 1, mergedPageCountRef.value)
+                : mergedPageRef.value + 1;
             doUpdatePage(page);
         }
         function backward() {
-            if (props.disabled)
+            if (props.disabled || !mergedHasPrevRef.value)
                 return;
             const page = Math.max(mergedPageRef.value - 1, 1);
             doUpdatePage(page);
@@ -350,6 +338,8 @@ exports.default = (0, vue_1.defineComponent)({
             locale: localeRef,
             selfRef,
             mergedPage: mergedPageRef,
+            mergedHasPrev: mergedHasPrevRef,
+            mergedHasNext: mergedHasNextRef,
             pageItems: (0, vue_1.computed)(() => {
                 return pageItemsInfo.value.items;
             }),
@@ -385,7 +375,7 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         // it's ok to expand all prop here since no slots' deps
-        const { $slots, mergedClsPrefix, disabled, cssVars, mergedPage, mergedPageCount, pageItems, showSizePicker, sizePickerLabel, showQuickJumper, mergedTheme, locale, inputSize, selectSize, mergedPageSize, pageSizeOptions, jumperValue, simple, prev, next, prefix, suffix, label, goto, handleJumperInput, handleSizePickerChange, handleBackwardClick, handlePageItemClick, handleForwardClick, handleQuickJumperChange, onRender } = this;
+        const { $slots, mergedClsPrefix, disabled, cssVars, mergedPage, mergedPageCount, mergedHasPrev, mergedHasNext, variant, pageItems, showSizePicker, sizePickerLabel, showQuickJumper, mergedTheme, locale, inputSize, selectSize, mergedPageSize, pageSizeOptions, jumperValue, simple, prev, next, prefix, suffix, label, goto, handleJumperInput, handleSizePickerChange, handleBackwardClick, handlePageItemClick, handleForwardClick, handleQuickJumperChange, onRender } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         const renderPrefix = $slots.prefix || prefix;
         const renderSuffix = $slots.suffix || suffix;
@@ -397,7 +387,8 @@ exports.default = (0, vue_1.defineComponent)({
                 this.themeClass,
                 this.rtlEnabled && `${mergedClsPrefix}-pagination--rtl`,
                 disabled && `${mergedClsPrefix}-pagination--disabled`,
-                simple && `${mergedClsPrefix}-pagination--simple`
+                simple && `${mergedClsPrefix}-pagination--simple`,
+                variant === 'cursor' && `${mergedClsPrefix}-pagination--cursor`
             ], style: cssVars },
             renderPrefix ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-pagination-prefix` }, renderPrefix({
                 page: mergedPage,
@@ -416,9 +407,7 @@ exports.default = (0, vue_1.defineComponent)({
                                         `${mergedClsPrefix}-pagination-item`,
                                         !renderPrev
                                             && `${mergedClsPrefix}-pagination-item--button`,
-                                        (mergedPage <= 1
-                                            || mergedPage > mergedPageCount
-                                            || disabled)
+                                        (!mergedHasPrev || disabled)
                                             && `${mergedClsPrefix}-pagination-item--disabled`
                                     ], onClick: handleBackwardClick }, renderPrev ? (renderPrev({
                                     page: mergedPage,
@@ -430,7 +419,7 @@ exports.default = (0, vue_1.defineComponent)({
                                 })) : ((0, vue_1.h)(_internal_1.UBaseIcon, { clsPrefix: mergedClsPrefix }, {
                                     default: () => this.rtlEnabled ? ((0, vue_1.h)(icons_1.ForwardIcon, null)) : ((0, vue_1.h)(icons_1.BackwardIcon, null))
                                 }))),
-                                simple ? ((0, vue_1.h)(vue_1.Fragment, null,
+                                variant === 'cursor' ? null : simple ? ((0, vue_1.h)(vue_1.Fragment, null,
                                     (0, vue_1.h)("div", { class: `${mergedClsPrefix}-pagination-quick-jumper` },
                                         (0, vue_1.h)(input_1.UInput, { value: jumperValue, onUpdateValue: handleJumperInput, size: inputSize, placeholder: "", disabled: disabled, theme: mergedTheme.peers.Input, themeOverrides: mergedTheme.peerOverrides.Input, onChange: handleQuickJumperChange })),
                                     "\u00A0/",
@@ -563,9 +552,7 @@ exports.default = (0, vue_1.defineComponent)({
                                         !renderNext
                                             && `${mergedClsPrefix}-pagination-item--button`,
                                         {
-                                            [`${mergedClsPrefix}-pagination-item--disabled`]: mergedPage < 1
-                                                || mergedPage >= mergedPageCount
-                                                || disabled
+                                            [`${mergedClsPrefix}-pagination-item--disabled`]: !mergedHasNext || disabled
                                         }
                                     ], onClick: handleForwardClick }, renderNext ? (renderNext({
                                     page: mergedPage,