zartui 3.1.80 → 3.1.82

package/lib/index.d.ts

@@ -43,6 +43,7 @@ export * from "./notice-bar";
 export * from "./notify";
 export * from "./number-keyboard";
 export * from "./overlay";
+export * from "./pagination";
 export * from "./password-input";
 export * from "./picker";
 export * from "./popover";
@@ -84,4 +85,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.80";
+export const version: "3.1.82";

package/lib/index.js

@@ -67,6 +67,7 @@ var import_notice_bar = require("./notice-bar");
 var import_notify = require("./notify");
 var import_number_keyboard = require("./number-keyboard");
 var import_overlay = require("./overlay");
+var import_pagination = require("./pagination");
 var import_password_input = require("./password-input");
 var import_picker = require("./picker");
 var import_popover = require("./popover");
@@ -147,6 +148,7 @@ __reExport(stdin_exports, require("./notice-bar"), module.exports);
 __reExport(stdin_exports, require("./notify"), module.exports);
 __reExport(stdin_exports, require("./number-keyboard"), module.exports);
 __reExport(stdin_exports, require("./overlay"), module.exports);
+__reExport(stdin_exports, require("./pagination"), module.exports);
 __reExport(stdin_exports, require("./password-input"), module.exports);
 __reExport(stdin_exports, require("./picker"), module.exports);
 __reExport(stdin_exports, require("./popover"), module.exports);
@@ -182,7 +184,7 @@ __reExport(stdin_exports, require("./timeline"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./video"), module.exports);
-const version = "3.1.80";
+const version = "3.1.82";
 function install(app) {
   const components = [
     import_action_sheet.ActionSheet,
@@ -229,6 +231,7 @@ function install(app) {
     import_notify.Notify,
     import_number_keyboard.NumberKeyboard,
     import_overlay.Overlay,
+    import_pagination.Pagination,
     import_password_input.PasswordInput,
     import_picker.Picker,
     import_popover.Popover,

package/lib/pagination/Pagination.d.ts

@@ -0,0 +1,38 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const paginationProps: {
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    totalPage: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+};
+export type PaginationProps = ExtractPropTypes<typeof paginationProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    totalPage: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    totalPage: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: string | number;
+    totalPage: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/pagination/Pagination.js

@@ -0,0 +1,148 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default,
+  paginationProps: () => paginationProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_icon = __toESM(require("../icon"));
+var import_popup = __toESM(require("../popup"));
+var import_button = __toESM(require("../button"));
+var import_utils = require("../utils");
+const [name, bem] = (0, import_utils.createNamespace)("pagination");
+const paginationProps = {
+  modelValue: (0, import_utils.makeNumericProp)(1),
+  totalPage: (0, import_utils.makeNumericProp)(0)
+};
+var stdin_default = (0, import_vue.defineComponent)({
+  name,
+  props: paginationProps,
+  emits: ["change", "update:modelValue"],
+  setup(props, {
+    emit
+  }) {
+    const popupVisible = (0, import_vue.ref)(false);
+    const currentPage = (0, import_vue.computed)(() => Number(props.modelValue));
+    const total = (0, import_vue.computed)(() => Number(props.totalPage));
+    const pages = (0, import_vue.computed)(() => Array.from({
+      length: Math.max(total.value, 0)
+    }, (_, index) => index + 1));
+    const prevDisabled = (0, import_vue.computed)(() => currentPage.value <= 1);
+    const nextDisabled = (0, import_vue.computed)(() => currentPage.value >= total.value);
+    const setPage = (value) => {
+      emit("update:modelValue", value);
+      emit("change", value);
+    };
+    const onPrev = () => {
+      if (!prevDisabled.value) {
+        setPage(currentPage.value - 1);
+      }
+    };
+    const onNext = () => {
+      if (!nextDisabled.value) {
+        setPage(currentPage.value + 1);
+      }
+    };
+    const onSelect = (value) => {
+      if (value !== currentPage.value) {
+        setPage(value);
+      }
+      popupVisible.value = false;
+    };
+    const closePopup = () => {
+      popupVisible.value = false;
+    };
+    return () => (0, import_vue.createVNode)(import_vue.Fragment, null, [(0, import_vue.createVNode)("div", {
+      "class": bem()
+    }, [(0, import_vue.createVNode)("button", {
+      "type": "button",
+      "class": [bem("button"), bem("prev"), {
+        [bem("button", {
+          disabled: true
+        })]: prevDisabled.value
+      }],
+      "aria-disabled": prevDisabled.value || void 0,
+      "onClick": onPrev
+    }, [(0, import_vue.createVNode)(import_icon.default, {
+      "name": "back",
+      "size": "24"
+    }, null)]), (0, import_vue.createVNode)("button", {
+      "type": "button",
+      "class": bem("page"),
+      "onClick": () => popupVisible.value = true
+    }, [(0, import_vue.createVNode)("span", {
+      "class": bem("text")
+    }, [currentPage.value, (0, import_vue.createTextVNode)("/"), total.value])]), (0, import_vue.createVNode)("button", {
+      "type": "button",
+      "class": [bem("button"), bem("next"), {
+        [bem("button", {
+          disabled: true
+        })]: nextDisabled.value
+      }],
+      "aria-disabled": nextDisabled.value || void 0,
+      "onClick": onNext
+    }, [(0, import_vue.createVNode)(import_icon.default, {
+      "name": "back",
+      "size": "24",
+      "class": bem("next-icon")
+    }, null)])]), (0, import_vue.createVNode)(import_popup.default, {
+      "show": popupVisible.value,
+      "onUpdate:show": ($event) => popupVisible.value = $event,
+      "round": true,
+      "closeable": true,
+      "position": "bottom",
+      "lockScroll": true,
+      "safeAreaInsetBottom": true,
+      "style": {
+        height: "80%"
+      }
+    }, {
+      default: () => [(0, import_vue.createVNode)("div", {
+        "class": bem("popup")
+      }, [(0, import_vue.createVNode)("div", {
+        "class": bem("popup-title")
+      }, [(0, import_vue.createTextVNode)("\u8DF3\u8F6C\u7FFB\u9875")]), (0, import_vue.createVNode)("div", {
+        "class": bem("popup-pages")
+      }, [pages.value.map((page) => (0, import_vue.createVNode)("button", {
+        "type": "button",
+        "class": bem("popup-page"),
+        "onClick": () => onSelect(page)
+      }, [page]))]), (0, import_vue.createVNode)("div", {
+        "class": bem("popup-footer")
+      }, [(0, import_vue.createVNode)(import_button.default, {
+        "type": "default",
+        "block": true,
+        "onClick": closePopup
+      }, {
+        default: () => [(0, import_vue.createTextVNode)("\u53D6\u6D88")]
+      })])])]
+    })]);
+  }
+});

package/lib/pagination/index.css

@@ -0,0 +1 @@
+:root{--zt-pagination-bottom: 29px;--zt-pagination-item-size: 44px;--zt-pagination-gap: 16px;--zt-pagination-background: #2d4b7380;--zt-pagination-backdrop-filter: blur(5.44px);--zt-pagination-box-shadow: 0 4px 8px 0 #2d4b7333;--zt-pagination-text-color: #fff;--zt-pagination-disabled-icon-color: rgba(255, 255, 255, .45);--zt-pagination-font-size: 14px;--zt-pagination-text-line-height: 17px;--zt-pagination-z-index: 100}.zt-pagination{position:fixed;left:0;right:0;bottom:var(--zt-pagination-bottom);z-index:var(--zt-pagination-z-index);display:flex;align-items:center;justify-content:center;pointer-events:none}.zt-pagination__button,.zt-pagination__page{height:var(--zt-pagination-item-size);background:var(--zt-pagination-background);-webkit-backdrop-filter:var(--zt-pagination-backdrop-filter);backdrop-filter:var(--zt-pagination-backdrop-filter);box-shadow:var(--zt-pagination-box-shadow)}.zt-pagination__button{width:var(--zt-pagination-item-size);padding:0;border:0;border-radius:50%;color:var(--zt-pagination-text-color);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:opacity var(--zt-duration-fast),transform var(--zt-duration-fast)}.zt-pagination__button:not(.zt-pagination__button--disabled):hover{opacity:.88;transform:scale(1.04)}.zt-pagination__button:not(.zt-pagination__button--disabled):active{opacity:.75;transform:scale(.96)}.zt-pagination__button--disabled{color:var(--zt-pagination-disabled-icon-color);cursor:default}.zt-pagination__page{margin:0 var(--zt-pagination-gap);padding:0 27px;border:0;border-radius:22px;display:flex;align-items:center;justify-content:center;color:var(--zt-pagination-text-color);cursor:pointer;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.zt-pagination__text{height:var(--zt-pagination-text-line-height);color:var(--zt-pagination-text-color);font-size:var(--zt-pagination-font-size);line-height:var(--zt-pagination-text-line-height)}.zt-pagination__next-icon{transform:rotate(180deg)}.zt-pagination__popup{height:100%;display:flex;flex-direction:column;background:#fff}.zt-pagination__popup-title{padding-top:var(--zt-popup-close-icon-margin);color:#2d4b73;font-size:18px;font-weight:600;text-align:center}.zt-pagination__popup-pages{flex:1;display:grid;grid-template-columns:repeat(5,40px);grid-auto-rows:40px;justify-content:space-around;row-gap:24px;padding:24px 0;overflow-y:auto}.zt-pagination__popup-page{width:40px;height:40px;padding:0;border:0;border-radius:50%;color:#2d4b73;background:rgba(45,75,115,.04);font-size:16px;line-height:24px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color var(--zt-duration-fast),transform var(--zt-duration-fast),opacity var(--zt-duration-fast)}.zt-pagination__popup-page:hover{background:rgba(45,75,115,.1);transform:scale(1.04)}.zt-pagination__popup-page:active{opacity:.75;transform:scale(.96)}.zt-pagination__popup-footer{padding:8px 16px;border-top:1px solid var(--zt-border-color)}

package/lib/pagination/index.d.ts

@@ -0,0 +1,33 @@
+export declare const Pagination: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    totalPage: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    totalPage: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: string | number;
+    totalPage: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export default Pagination;
+export type { PaginationProps } from './Pagination';
+export type { PaginationThemeVars } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtPagination: typeof Pagination;
+    }
+}

package/lib/pagination/index.js

@@ -0,0 +1,37 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  Pagination: () => Pagination,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Pagination = __toESM(require("./Pagination"));
+const Pagination = (0, import_utils.withInstall)(import_Pagination.default);
+var stdin_default = Pagination;

package/lib/pagination/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/pagination/style/index.js

@@ -0,0 +1,8 @@
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../../overlay/index.css");
+require("../../popup/index.css");
+require("../../loading/index.css");
+require("../../button/index.css");
+require("../index.css");

package/lib/pagination/types.d.ts

@@ -0,0 +1,11 @@
+export type PaginationThemeVars = {
+    paginationBottom?: string;
+    paginationItemSize?: string;
+    paginationGap?: string;
+    paginationBackground?: string;
+    paginationBackdropFilter?: string;
+    paginationBoxShadow?: string;
+    paginationTextColor?: string;
+    paginationFontSize?: string;
+    paginationTextLineHeight?: string;
+};

package/lib/pagination/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);