vxe-pc-ui 4.20.24 → 4.20.26

package/lib/pager/src/pager.js

@@ -34,11 +34,11 @@ module.exports = __toCommonJS(pager_exports);
 var import_vue = require("vue");
 var import_comp = require("../../ui/src/comp");
 var import_xe_utils = __toESM(require("xe-utils"));
-var import_ui = require("../../ui");
+var import_core = require("@vxe-ui/core");
 var import_log = require("../../ui/src/log");
 var import_select = __toESM(require("../../select"));
 var import_number_input = __toESM(require("../../number-input"));
-const { getIcon, getConfig, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, useFns } = import_ui.VxeUI;
+const { getIcon, getConfig, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, useFns } = import_core.VxeUI;
 const { warnLog, errLog } = (0, import_log.createComponentLog)("pager");
 var pager_default = (0, import_comp.defineVxeComponent)({
   name: "VxePager",
@@ -119,11 +119,7 @@ var pager_default = (0, import_comp.defineVxeComponent)({
     iconHomePage: String,
     iconEndPage: String
   },
-  emits: [
-    "update:pageSize",
-    "update:currentPage",
-    "page-change"
-  ],
+  emits: ["update:pageSize", "update:currentPage", "page-change"],
   setup(props, context) {
     const { slots, emit } = context;
     const xID = import_xe_utils.default.uniqueId();
@@ -265,140 +261,206 @@ var pager_default = (0, import_comp.defineVxeComponent)({
       const homeSlot = slots.home;
       const pageCount = computePageCount.value;
       if (homeSlot) {
-        return (0, import_vue.h)("span", {
-          class: "vxe-pager--custom-home-btn"
-        }, homeSlot({ $pager: $xePager, total, currentPage, pageCount }));
+        return (0, import_vue.h)(
+          "span",
+          {
+            class: "vxe-pager--custom-home-btn"
+          },
+          homeSlot({ $pager: $xePager, total, currentPage, pageCount })
+        );
       }
-      return (0, import_vue.h)("button", {
-        class: ["vxe-pager--home-btn", {
-          "is--disabled": currentPage <= 1
-        }],
-        type: "button",
-        title: getI18n("vxe.pager.homePageTitle"),
-        onClick: handleHomePage
-      }, [
-        (0, import_vue.h)("i", {
-          class: ["vxe-pager--btn-icon", props.iconHomePage || getIcon().PAGER_HOME]
-        })
-      ]);
+      return (0, import_vue.h)(
+        "button",
+        {
+          class: [
+            "vxe-pager--home-btn",
+            {
+              "is--disabled": currentPage <= 1
+            }
+          ],
+          type: "button",
+          title: getI18n("vxe.pager.homePageTitle"),
+          onClick: handleHomePage
+        },
+        [
+          (0, import_vue.h)("i", {
+            class: ["vxe-pager--btn-icon", props.iconHomePage || getIcon().PAGER_HOME]
+          })
+        ]
+      );
     };
     const renderPrevPage = () => {
       const { currentPage, total } = props;
       const prevPageSlot = slots.prevPage || slots["prev-page"];
       const pageCount = computePageCount.value;
       if (prevPageSlot) {
-        return (0, import_vue.h)("span", {
-          class: "vxe-pager--custom-prev-btn"
-        }, prevPageSlot({ $pager: $xePager, total, currentPage, pageCount }));
+        return (0, import_vue.h)(
+          "span",
+          {
+            class: "vxe-pager--custom-prev-btn"
+          },
+          prevPageSlot({ $pager: $xePager, total, currentPage, pageCount })
+        );
       }
-      return (0, import_vue.h)("button", {
-        class: ["vxe-pager--prev-btn", {
-          "is--disabled": currentPage <= 1
-        }],
-        type: "button",
-        title: getI18n("vxe.pager.prevPageTitle"),
-        onClick: handlePrevPage
-      }, [
-        (0, import_vue.h)("i", {
-          class: ["vxe-pager--btn-icon", props.iconPrevPage || getIcon().PAGER_PREV_PAGE]
-        })
-      ]);
+      return (0, import_vue.h)(
+        "button",
+        {
+          class: [
+            "vxe-pager--prev-btn",
+            {
+              "is--disabled": currentPage <= 1
+            }
+          ],
+          type: "button",
+          title: getI18n("vxe.pager.prevPageTitle"),
+          onClick: handlePrevPage
+        },
+        [
+          (0, import_vue.h)("i", {
+            class: ["vxe-pager--btn-icon", props.iconPrevPage || getIcon().PAGER_PREV_PAGE]
+          })
+        ]
+      );
     };
     const renderPrevJump = (tagName) => {
       const { currentPage, total } = props;
       const prevJumpSlot = slots.prevJump || slots["prev-jump"];
       const pageCount = computePageCount.value;
       if (prevJumpSlot) {
-        return (0, import_vue.h)("span", {
-          class: "vxe-pager--custom-jump-prev"
-        }, prevJumpSlot({ $pager: $xePager, total, currentPage, pageCount }));
+        return (0, import_vue.h)(
+          "span",
+          {
+            class: "vxe-pager--custom-jump-prev"
+          },
+          prevJumpSlot({ $pager: $xePager, total, currentPage, pageCount })
+        );
       }
-      return (0, import_vue.h)(tagName || "button", {
-        class: ["vxe-pager--jump-prev", {
-          "is--fixed": !tagName,
-          "is--disabled": currentPage <= 1
-        }],
-        type: "button",
-        title: getI18n("vxe.pager.prevJumpTitle"),
-        onClick: handlePrevJump
-      }, [
-        tagName ? (0, import_vue.h)("i", {
-          class: ["vxe-pager--jump-more-icon", props.iconJumpMore || getIcon().PAGER_JUMP_MORE]
-        }) : null,
-        (0, import_vue.h)("i", {
-          class: ["vxe-pager--jump-icon", props.iconJumpPrev || getIcon().PAGER_JUMP_PREV]
-        })
-      ]);
+      return (0, import_vue.h)(
+        tagName || "button",
+        {
+          class: [
+            "vxe-pager--jump-prev",
+            {
+              "is--fixed": !tagName,
+              "is--disabled": currentPage <= 1
+            }
+          ],
+          type: "button",
+          title: getI18n("vxe.pager.prevJumpTitle"),
+          onClick: handlePrevJump
+        },
+        [
+          tagName ? (0, import_vue.h)("i", {
+            class: ["vxe-pager--jump-more-icon", props.iconJumpMore || getIcon().PAGER_JUMP_MORE]
+          }) : null,
+          (0, import_vue.h)("i", {
+            class: ["vxe-pager--jump-icon", props.iconJumpPrev || getIcon().PAGER_JUMP_PREV]
+          })
+        ]
+      );
     };
     const renderNextJump = (tagName) => {
       const { currentPage, total } = props;
       const nextJumpSlot = slots.nextJump || slots["next-jump"];
       const pageCount = computePageCount.value;
       if (nextJumpSlot) {
-        return (0, import_vue.h)("span", {
-          class: "vxe-pager--custom-jump-next"
-        }, nextJumpSlot({ $pager: $xePager, total, currentPage, pageCount }));
+        return (0, import_vue.h)(
+          "span",
+          {
+            class: "vxe-pager--custom-jump-next"
+          },
+          nextJumpSlot({ $pager: $xePager, total, currentPage, pageCount })
+        );
       }
-      return (0, import_vue.h)(tagName || "button", {
-        class: ["vxe-pager--jump-next", {
-          "is--fixed": !tagName,
-          "is--disabled": currentPage >= pageCount
-        }],
-        type: "button",
-        title: getI18n("vxe.pager.nextJumpTitle"),
-        onClick: handleNextJump
-      }, [
-        tagName ? (0, import_vue.h)("i", {
-          class: ["vxe-pager--jump-more-icon", props.iconJumpMore || getIcon().PAGER_JUMP_MORE]
-        }) : null,
-        (0, import_vue.h)("i", {
-          class: ["vxe-pager--jump-icon", props.iconJumpNext || getIcon().PAGER_JUMP_NEXT]
-        })
-      ]);
+      return (0, import_vue.h)(
+        tagName || "button",
+        {
+          class: [
+            "vxe-pager--jump-next",
+            {
+              "is--fixed": !tagName,
+              "is--disabled": currentPage >= pageCount
+            }
+          ],
+          type: "button",
+          title: getI18n("vxe.pager.nextJumpTitle"),
+          onClick: handleNextJump
+        },
+        [
+          tagName ? (0, import_vue.h)("i", {
+            class: ["vxe-pager--jump-more-icon", props.iconJumpMore || getIcon().PAGER_JUMP_MORE]
+          }) : null,
+          (0, import_vue.h)("i", {
+            class: ["vxe-pager--jump-icon", props.iconJumpNext || getIcon().PAGER_JUMP_NEXT]
+          })
+        ]
+      );
     };
     const renderNextPage = () => {
       const { currentPage, total } = props;
       const nextPageSlot = slots.nextPage || slots["next-page"];
       const pageCount = computePageCount.value;
       if (nextPageSlot) {
-        return (0, import_vue.h)("span", {
-          class: "vxe-pager--custom-next-btn"
-        }, nextPageSlot({ $pager: $xePager, total, currentPage, pageCount }));
+        return (0, import_vue.h)(
+          "span",
+          {
+            class: "vxe-pager--custom-next-btn"
+          },
+          nextPageSlot({ $pager: $xePager, total, currentPage, pageCount })
+        );
       }
-      return (0, import_vue.h)("button", {
-        class: ["vxe-pager--next-btn", {
-          "is--disabled": currentPage >= pageCount
-        }],
-        type: "button",
-        title: getI18n("vxe.pager.nextPageTitle"),
-        onClick: handleNextPage
-      }, [
-        (0, import_vue.h)("i", {
-          class: ["vxe-pager--btn-icon", props.iconNextPage || getIcon().PAGER_NEXT_PAGE]
-        })
-      ]);
+      return (0, import_vue.h)(
+        "button",
+        {
+          class: [
+            "vxe-pager--next-btn",
+            {
+              "is--disabled": currentPage >= pageCount
+            }
+          ],
+          type: "button",
+          title: getI18n("vxe.pager.nextPageTitle"),
+          onClick: handleNextPage
+        },
+        [
+          (0, import_vue.h)("i", {
+            class: ["vxe-pager--btn-icon", props.iconNextPage || getIcon().PAGER_NEXT_PAGE]
+          })
+        ]
+      );
     };
     const renderEndPage = () => {
       const { currentPage, total } = props;
       const endSlot = slots.end;
       const pageCount = computePageCount.value;
       if (endSlot) {
-        return (0, import_vue.h)("span", {
-          class: "vxe-pager--custom-end-btn"
-        }, endSlot({ $pager: $xePager, total, currentPage, pageCount }));
+        return (0, import_vue.h)(
+          "span",
+          {
+            class: "vxe-pager--custom-end-btn"
+          },
+          endSlot({ $pager: $xePager, total, currentPage, pageCount })
+        );
       }
-      return (0, import_vue.h)("button", {
-        class: ["vxe-pager--end-btn", {
-          "is--disabled": currentPage >= pageCount
-        }],
-        type: "button",
-        title: getI18n("vxe.pager.endPageTitle"),
-        onClick: handleEndPage
-      }, [
-        (0, import_vue.h)("i", {
-          class: ["vxe-pager--btn-icon", props.iconEndPage || getIcon().PAGER_END]
-        })
-      ]);
+      return (0, import_vue.h)(
+        "button",
+        {
+          class: [
+            "vxe-pager--end-btn",
+            {
+              "is--disabled": currentPage >= pageCount
+            }
+          ],
+          type: "button",
+          title: getI18n("vxe.pager.endPageTitle"),
+          onClick: handleEndPage
+        },
+        [
+          (0, import_vue.h)("i", {
+            class: ["vxe-pager--btn-icon", props.iconEndPage || getIcon().PAGER_END]
+          })
+        ]
+      );
     };
     const renderNumber = (showJump) => {
       const { currentPage, total, pagerCount } = props;
@@ -422,11 +484,15 @@ var pager_default = (0, import_comp.defineVxeComponent)({
       if (showJump && isLt) {
         restList.push(1);
         nums.push(
-          (0, import_vue.h)("button", {
-            class: "vxe-pager--num-btn",
-            type: "button",
-            onClick: (evnt) => handleJumpPageEvent(evnt, 1)
-          }, "1"),
+          (0, import_vue.h)(
+            "button",
+            {
+              class: "vxe-pager--num-btn",
+              type: "button",
+              onClick: (evnt) => handleJumpPageEvent(evnt, 1)
+            },
+            "1"
+          ),
           renderPrevJump("span")
         );
       }
@@ -435,14 +501,21 @@ var pager_default = (0, import_comp.defineVxeComponent)({
         if (number <= pageCount) {
           restList.push(number);
           nums.push(
-            (0, import_vue.h)("button", {
-              key: number,
-              class: ["vxe-pager--num-btn", {
-                "is--active": currentPage === number
-              }],
-              type: "button",
-              onClick: (evnt) => handleJumpPageEvent(evnt, number)
-            }, `${number}`)
+            (0, import_vue.h)(
+              "button",
+              {
+                key: number,
+                class: [
+                  "vxe-pager--num-btn",
+                  {
+                    "is--active": currentPage === number
+                  }
+                ],
+                type: "button",
+                onClick: (evnt) => handleJumpPageEvent(evnt, number)
+              },
+              `${number}`
+            )
           );
         }
       });
@@ -450,21 +523,33 @@ var pager_default = (0, import_comp.defineVxeComponent)({
         restList.push(pageCount);
         nums.push(
           renderNextJump("button"),
-          (0, import_vue.h)("button", {
-            class: "vxe-pager--num-btn",
-            type: "button",
-            onClick: (evnt) => handleJumpPageEvent(evnt, pageCount)
-          }, pageCount)
+          (0, import_vue.h)(
+            "button",
+            {
+              class: "vxe-pager--num-btn",
+              type: "button",
+              onClick: (evnt) => handleJumpPageEvent(evnt, pageCount)
+            },
+            pageCount
+          )
         );
       }
       if (numberSlot) {
-        return (0, import_vue.h)("span", {
-          class: "vxe-pager--custom-btn-wrapper"
-        }, numberSlot({ $pager: $xePager, total, numList: restList, currentPage, pageCount }));
+        return (0, import_vue.h)(
+          "span",
+          {
+            class: "vxe-pager--custom-btn-wrapper"
+          },
+          numberSlot({ $pager: $xePager, total, numList: restList, currentPage, pageCount })
+        );
       }
-      return (0, import_vue.h)("span", {
-        class: "vxe-pager--btn-wrapper"
-      }, nums);
+      return (0, import_vue.h)(
+        "span",
+        {
+          class: "vxe-pager--btn-wrapper"
+        },
+        nums
+      );
     };
     const renderJumpNumber = () => {
       return renderNumber(true);
@@ -475,9 +560,13 @@ var pager_default = (0, import_comp.defineVxeComponent)({
       const sizeList = computeSizeList.value;
       const pageCount = computePageCount.value;
       if (sizesSlot) {
-        return (0, import_vue.h)("span", {
-          class: "vxe-pager--custom-sizes"
-        }, sizesSlot({ $pager: $xePager, total, currentPage, pageCount, pageSize, options: sizeList }));
+        return (0, import_vue.h)(
+          "span",
+          {
+            class: "vxe-pager--custom-sizes"
+          },
+          sizesSlot({ $pager: $xePager, total, currentPage, pageCount, pageSize, options: sizeList })
+        );
       }
       return (0, import_vue.h)(import_select.default, {
         class: "vxe-pager--sizes",
@@ -495,36 +584,52 @@ var pager_default = (0, import_comp.defineVxeComponent)({
       const jumpSlot = isFull ? slots.fullJump || slots["full-jump"] : slots.jump;
       const pageCount = computePageCount.value;
       if (jumpSlot) {
-        return (0, import_vue.h)("span", {
-          class: "vxe-pager--custom-jump"
-        }, jumpSlot({ $pager: $xePager, total, currentPage: inpCurrPage, pageCount }));
+        return (0, import_vue.h)(
+          "span",
+          {
+            class: "vxe-pager--custom-jump"
+          },
+          jumpSlot({ $pager: $xePager, total, currentPage: inpCurrPage, pageCount })
+        );
       }
-      return (0, import_vue.h)("span", {
-        class: "vxe-pager--jump"
-      }, [
-        isFull ? (0, import_vue.h)("span", {
-          class: "vxe-pager--goto-text"
-        }, getI18n("vxe.pager.goto")) : null,
-        (0, import_vue.h)(import_number_input.default, {
-          class: "vxe-pager--goto",
-          modelValue: reactData.inpCurrPage,
-          placeholder: getI18n("vxe.pager.gotoTitle"),
-          align: "center",
-          type: "integer",
-          max: pageCount,
-          min: 1,
-          controls: false,
-          clearable: false,
-          onKeydown: jumpKeydownEvent,
-          onBlur: triggerJumpEvent,
-          "onUpdate:modelValue"(val) {
-            reactData.inpCurrPage = val;
-          }
-        }),
-        isFull ? (0, import_vue.h)("span", {
-          class: "vxe-pager--classifier-text"
-        }, getI18n("vxe.pager.pageClassifier")) : null
-      ]);
+      return (0, import_vue.h)(
+        "span",
+        {
+          class: "vxe-pager--jump"
+        },
+        [
+          isFull ? (0, import_vue.h)(
+            "span",
+            {
+              class: "vxe-pager--goto-text"
+            },
+            getI18n("vxe.pager.goto")
+          ) : null,
+          (0, import_vue.h)(import_number_input.default, {
+            class: "vxe-pager--goto",
+            modelValue: reactData.inpCurrPage,
+            placeholder: getI18n("vxe.pager.gotoTitle"),
+            align: "center",
+            type: "integer",
+            max: pageCount,
+            min: 1,
+            controls: false,
+            clearable: false,
+            onKeydown: jumpKeydownEvent,
+            onBlur: triggerJumpEvent,
+            "onUpdate:modelValue"(val) {
+              reactData.inpCurrPage = val;
+            }
+          }),
+          isFull ? (0, import_vue.h)(
+            "span",
+            {
+              class: "vxe-pager--classifier-text"
+            },
+            getI18n("vxe.pager.pageClassifier")
+          ) : null
+        ]
+      );
     };
     const renderFullJump = () => {
       return renderJump(true);
@@ -534,31 +639,47 @@ var pager_default = (0, import_comp.defineVxeComponent)({
       const pageCountSlot = slots.pageCount || slots["page-count"];
       const pageCount = computePageCount.value;
       if (pageCountSlot) {
-        return (0, import_vue.h)("span", {
-          class: "vxe-pager--custom-count"
-        }, pageCountSlot({ $pager: $xePager, total, currentPage, pageCount }));
+        return (0, import_vue.h)(
+          "span",
+          {
+            class: "vxe-pager--custom-count"
+          },
+          pageCountSlot({ $pager: $xePager, total, currentPage, pageCount })
+        );
       }
-      return (0, import_vue.h)("span", {
-        class: "vxe-pager--count"
-      }, [
-        (0, import_vue.h)("span", {
-          class: "vxe-pager--separator"
-        }),
-        (0, import_vue.h)("span", pageCount)
-      ]);
+      return (0, import_vue.h)(
+        "span",
+        {
+          class: "vxe-pager--count"
+        },
+        [
+          (0, import_vue.h)("span", {
+            class: "vxe-pager--separator"
+          }),
+          (0, import_vue.h)("span", pageCount)
+        ]
+      );
     };
     const renderTotal = () => {
       const { currentPage, total } = props;
       const totalSlot = slots.total;
       const pageCount = computePageCount.value;
       if (totalSlot) {
-        return (0, import_vue.h)("span", {
-          class: "vxe-pager--custom-total"
-        }, totalSlot({ $pager: $xePager, total, currentPage, pageCount }));
+        return (0, import_vue.h)(
+          "span",
+          {
+            class: "vxe-pager--custom-total"
+          },
+          totalSlot({ $pager: $xePager, total, currentPage, pageCount })
+        );
       }
-      return (0, import_vue.h)("span", {
-        class: "vxe-pager--total"
-      }, getI18n("vxe.pager.total", [total]));
+      return (0, import_vue.h)(
+        "span",
+        {
+          class: "vxe-pager--total"
+        },
+        getI18n("vxe.pager.total", [total])
+      );
     };
     const pagerMethods = {
       dispatchEvent,
@@ -638,9 +759,12 @@ var pager_default = (0, import_comp.defineVxeComponent)({
       handleNextJump
     };
     Object.assign($xePager, pagerMethods, pagerPrivateMethods);
-    (0, import_vue.watch)(() => props.currentPage, (value) => {
-      reactData.inpCurrPage = value;
-    });
+    (0, import_vue.watch)(
+      () => props.currentPage,
+      (value) => {
+        reactData.inpCurrPage = value;
+      }
+    );
     const renderVN = () => {
       const { align, layouts, className } = props;
       const childNodes = [];
@@ -648,9 +772,13 @@ var pager_default = (0, import_comp.defineVxeComponent)({
       const pageCount = computePageCount.value;
       if (slots.left) {
         childNodes.push(
-          (0, import_vue.h)("span", {
-            class: "vxe-pager--left-wrapper"
-          }, slots.left({ $grid: $xeGrid }))
+          (0, import_vue.h)(
+            "span",
+            {
+              class: "vxe-pager--left-wrapper"
+            },
+            slots.left({ $grid: $xeGrid })
+          )
         );
       }
       layouts.forEach((name) => {
@@ -704,27 +832,43 @@ var pager_default = (0, import_comp.defineVxeComponent)({
       });
       if (slots.right) {
         childNodes.push(
-          (0, import_vue.h)("span", {
-            class: "vxe-pager--right-wrapper"
-          }, slots.right({ $grid: $xeGrid }))
+          (0, import_vue.h)(
+            "span",
+            {
+              class: "vxe-pager--right-wrapper"
+            },
+            slots.right({ $grid: $xeGrid })
+          )
         );
       }
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-pager", className ? import_xe_utils.default.isFunction(className) ? className({ $pager: $xePager }) : className : "", {
-          [`size--${vSize}`]: vSize,
-          [`align--${align}`]: align,
-          "is--border": props.border,
-          "is--background": props.background,
-          "is--perfect": props.perfect,
-          "is--hidden": props.autoHidden && pageCount === 1,
-          "is--loading": props.loading
-        }]
-      }, [
-        (0, import_vue.h)("div", {
-          class: "vxe-pager--wrapper"
-        }, childNodes)
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-pager",
+            className ? import_xe_utils.default.isFunction(className) ? className({ $pager: $xePager }) : className : "",
+            {
+              [`size--${vSize}`]: vSize,
+              [`align--${align}`]: align,
+              "is--border": props.border,
+              "is--background": props.background,
+              "is--perfect": props.perfect,
+              "is--hidden": props.autoHidden && pageCount === 1,
+              "is--loading": props.loading
+            }
+          ]
+        },
+        [
+          (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-pager--wrapper"
+            },
+            childNodes
+          )
+        ]
+      );
     };
     $xePager.renderVN = renderVN;
     return $xePager;