@pisell/private-materials 6.5.13 → 6.5.15

package/lib/components/list/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './EmptyState.less';
+export interface EmptyStateConfig {
+    /** 是否显示空状态 */
+    show?: boolean;
+    /** 空状态文本 */
+    text?: string;
+    /** 空状态图标 */
+    icon?: React.ReactNode;
+    /** 空状态描述 */
+    description?: string;
+}
+export interface EmptyStateProps {
+    /** 空状态配置 */
+    config: EmptyStateConfig;
+    /** 是否有数据 */
+    hasData: boolean;
+}
+declare const EmptyState: React.FC<EmptyStateProps>;
+export default EmptyState;

package/lib/components/list/components/EmptyState/EmptyState.js

@@ -0,0 +1,75 @@
+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);
+
+// src/components/list/components/EmptyState/EmptyState.tsx
+var EmptyState_exports = {};
+__export(EmptyState_exports, {
+  default: () => EmptyState_default
+});
+module.exports = __toCommonJS(EmptyState_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_locales = __toESM(require("../../locales"));
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_EmptyState = require("./EmptyState.less");
+var EmptyState = ({
+  config = { show: true, text: "", icon: null, description: "" },
+  hasData = false
+}) => {
+  const context = (0, import_useEngineContext.default)();
+  const getCurrentLanguage = () => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    const appLocale = (_f = (_e = (_d = (_c = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.getApp) == null ? void 0 : _c.call(_b)) == null ? void 0 : _d.locales) == null ? void 0 : _e.getLocale) == null ? void 0 : _f.call(_e);
+    const storageLocale = (_i = (_h = (_g = context.appHelper) == null ? void 0 : _g.utils) == null ? void 0 : _h.storage) == null ? void 0 : _i.get("umi_locale");
+    let finalLang = appLocale || storageLocale;
+    if (!finalLang && typeof window !== "undefined") {
+      finalLang = localStorage.getItem("umi_locale");
+    }
+    return finalLang || "en";
+  };
+  const getLocalText = (key, fallback) => {
+    var _a;
+    const currentLang = getCurrentLanguage();
+    const localText = (_a = import_locales.default[currentLang]) == null ? void 0 : _a[key];
+    if (typeof localText === "string") {
+      return localText;
+    }
+    return fallback || "";
+  };
+  const displayText = config.text || getLocalText("pisell-list-empty-text-default", "No data available");
+  if (!(config == null ? void 0 : config.show) || hasData) return null;
+  const defaultIcon = /* @__PURE__ */ import_react.default.createElement("div", { className: "empty-icon-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Iconfont,
+    {
+      type: "pisell2-inbox-01",
+      className: "empty-default-icon"
+    }
+  ));
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-list-empty-state" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "empty-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "empty-inner" }, config.icon || defaultIcon, /* @__PURE__ */ import_react.default.createElement("div", { className: "empty-text" }, displayText), config.description && /* @__PURE__ */ import_react.default.createElement("div", { className: "empty-description" }, config.description))));
+};
+var EmptyState_default = EmptyState;

package/lib/components/list/components/EmptyState/EmptyState.less

@@ -0,0 +1,121 @@
+/* EmptyState 组件样式 */
+.pisell-list-empty-state {
+  background: transparent;
+  align-self: stretch;
+  overflow: hidden;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 12px;
+  display: flex;
+  min-height: 200px;
+  transition: opacity 0.3s ease-in-out;
+
+  .empty-content {
+    width: 350px;
+    max-width: 100%;
+    padding: 50px;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    gap: 16px;
+    display: flex;
+
+    .empty-inner {
+      flex-direction: column;
+      justify-content: flex-start;
+      align-items: center;
+      gap: 12px;
+      display: flex;
+
+      .empty-icon-wrapper {
+        width: 44px;
+        height: 44px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        .empty-default-icon {
+          font-size: 44px;
+          color: #374151;
+        }
+      }
+
+      .empty-text {
+        color: #374151;
+        font-size: 14px;
+        font-family: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif';
+        font-weight: 600;
+        line-height: 20px;
+        word-wrap: break-word;
+        text-align: center;
+      }
+
+      .empty-description {
+        color: #6B7280;
+        font-size: 12px;
+        font-family: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif';
+        font-weight: 400;
+        line-height: 16px;
+        text-align: center;
+        max-width: 250px;
+      }
+    }
+  }
+
+  /* 响应式调整 */
+  @media (max-width: 768px) {
+    .empty-content {
+      width: 280px;
+      padding: 32px 24px;
+
+      .empty-inner {
+        gap: 8px;
+
+        .empty-icon-wrapper {
+          width: 36px;
+          height: 36px;
+
+          .empty-default-icon {
+            font-size: 36px;
+          }
+        }
+
+        .empty-text {
+          font-size: 13px;
+          line-height: 18px;
+        }
+
+        .empty-description {
+          font-size: 11px;
+          line-height: 14px;
+        }
+      }
+    }
+  }
+
+  @media (max-width: 480px) {
+    .empty-content {
+      width: 240px;
+      padding: 24px 16px;
+
+      .empty-inner {
+        gap: 6px;
+
+        .empty-icon-wrapper {
+          width: 32px;
+          height: 32px;
+
+          .empty-default-icon {
+            font-size: 32px;
+          }
+        }
+
+        .empty-text {
+          font-size: 12px;
+          line-height: 16px;
+        }
+      }
+    }
+  }
+}

package/lib/components/list/components/EmptyState/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './EmptyState';
+export type { EmptyStateProps, EmptyStateConfig } from './EmptyState';

package/lib/components/list/components/EmptyState/index.js

@@ -0,0 +1,35 @@
+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);
+
+// src/components/list/components/EmptyState/index.ts
+var EmptyState_exports = {};
+__export(EmptyState_exports, {
+  default: () => import_EmptyState.default
+});
+module.exports = __toCommonJS(EmptyState_exports);
+var import_EmptyState = __toESM(require("./EmptyState"));

package/lib/components/list/components/ListItemSkeleton/ListItemSkeleton.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './ListItemSkeleton.less';
+interface ListItemSkeletonProps {
+    className?: string;
+    style?: React.CSSProperties;
+    displayStyle?: 'grid' | 'waterfall';
+    showImage?: boolean;
+    imageWidth?: number;
+    imageHeight?: number;
+    rows?: number;
+}
+declare const ListItemSkeleton: React.FC<ListItemSkeletonProps>;
+export default ListItemSkeleton;

package/lib/components/list/components/ListItemSkeleton/ListItemSkeleton.js

@@ -0,0 +1,75 @@
+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);
+
+// src/components/list/components/ListItemSkeleton/ListItemSkeleton.tsx
+var ListItemSkeleton_exports = {};
+__export(ListItemSkeleton_exports, {
+  default: () => ListItemSkeleton_default
+});
+module.exports = __toCommonJS(ListItemSkeleton_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_ListItemSkeleton = require("./ListItemSkeleton.less");
+var ListItemSkeleton = ({
+  className,
+  style,
+  displayStyle = "grid",
+  showImage = true,
+  imageWidth = 180,
+  imageHeight = 126,
+  rows = 2
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell-list-item-skeleton", className),
+      style
+    },
+    showImage && /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Skeleton.Image,
+      {
+        active: true,
+        style: {
+          width: "100%",
+          height: imageHeight,
+          marginBottom: 8
+        }
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Skeleton,
+      {
+        active: true,
+        title: { width: "80%" },
+        paragraph: { rows, width: ["100%", "60%"] }
+      }
+    )
+  );
+};
+var ListItemSkeleton_default = ListItemSkeleton;

package/lib/components/list/components/ListItemSkeleton/ListItemSkeleton.less

@@ -0,0 +1,29 @@
+.pisell-list-item-skeleton {
+  display: flex;
+  flex-direction: column;
+  padding: 12px;
+  background: #fff;
+  border-radius: 8px;
+
+  .ant-skeleton-image {
+    width: 100%;
+    border-radius: 8px;
+  }
+
+  .ant-skeleton {
+    .ant-skeleton-content {
+      .ant-skeleton-title {
+        margin-top: 8px;
+      }
+
+      .ant-skeleton-paragraph {
+        margin-top: 12px;
+
+        li {
+          height: 14px;
+        }
+      }
+    }
+  }
+}
+

package/lib/components/list/components/ListItemSkeleton/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ListItemSkeleton';
+export { default as ListItemSkeleton } from './ListItemSkeleton';

package/lib/components/list/components/ListItemSkeleton/index.js

@@ -0,0 +1,41 @@
+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);
+
+// src/components/list/components/ListItemSkeleton/index.ts
+var ListItemSkeleton_exports = {};
+__export(ListItemSkeleton_exports, {
+  ListItemSkeleton: () => import_ListItemSkeleton2.default,
+  default: () => import_ListItemSkeleton.default
+});
+module.exports = __toCommonJS(ListItemSkeleton_exports);
+var import_ListItemSkeleton = __toESM(require("./ListItemSkeleton"));
+var import_ListItemSkeleton2 = __toESM(require("./ListItemSkeleton"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ListItemSkeleton
+});

package/lib/components/list/components/Pagination/Pagination.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import './Pagination.less';
+export interface PaginationProps {
+    /** 当前页码 */
+    current: number;
+    /** 每页条数 */
+    pageSize: number;
+    /** 数据总数 */
+    total?: number;
+    /** 总页数 (优先级高于total计算) */
+    totalPages?: number;
+    /** 页码改变的回调 */
+    onChange?: (page: number, pageSize: number) => void;
+    /** 每页条数改变的回调 */
+    onShowSizeChange?: (current: number, size: number) => void;
+    /** 是否显示每页条数选择器 */
+    showSizeChanger?: boolean;
+    /** 每页条数选择器选项 */
+    pageSizeOptions?: string[];
+    /** 是否显示快速跳转 */
+    showQuickJumper?: boolean;
+    /** 是否显示总数 */
+    showTotal?: (total: number, range: [number, number]) => React.ReactNode;
+    /** 自定义类名 */
+    className?: string;
+    /** 禁用状态 */
+    disabled?: boolean;
+}
+declare const Pagination: React.FC<PaginationProps>;
+export default Pagination;

package/lib/components/list/components/Pagination/Pagination.js

@@ -0,0 +1,205 @@
+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);
+
+// src/components/list/components/Pagination/Pagination.tsx
+var Pagination_exports = {};
+__export(Pagination_exports, {
+  default: () => Pagination_default
+});
+module.exports = __toCommonJS(Pagination_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var import_locales = __toESM(require("../../locales"));
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_Pagination = require("./Pagination.less");
+var LeftArrowIcon = ({ disabled = false }) => /* @__PURE__ */ import_react.default.createElement(
+  import_materials.Iconfont,
+  {
+    type: "pisell2-arrow-left",
+    style: {
+      fontSize: "20px",
+      color: disabled ? "#98A2B3" : "#344054"
+    }
+  }
+);
+var RightArrowIcon = ({ disabled = false }) => /* @__PURE__ */ import_react.default.createElement(
+  import_materials.Iconfont,
+  {
+    type: "pisell2-arrow-right",
+    style: {
+      fontSize: "20px",
+      color: disabled ? "#98A2B3" : "#344054"
+    }
+  }
+);
+var DropdownIcon = () => /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20, height: 20, position: "relative", overflow: "hidden" } }, /* @__PURE__ */ import_react.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, /* @__PURE__ */ import_react.default.createElement(
+  "path",
+  {
+    d: "M5 7.5L10 12.5L15 7.5",
+    stroke: "#344054",
+    strokeWidth: "1.67",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+)));
+var Pagination = ({
+  current = 1,
+  pageSize = 10,
+  total = 0,
+  totalPages: propTotalPages,
+  onChange,
+  onShowSizeChange,
+  showSizeChanger = true,
+  pageSizeOptions = ["10", "20", "50", "100"],
+  showQuickJumper = false,
+  showTotal,
+  className = "",
+  disabled = false
+}) => {
+  const context = (0, import_useEngineContext.default)();
+  const getCurrentLanguage = () => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    const appLocale = (_f = (_e = (_d = (_c = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.getApp) == null ? void 0 : _c.call(_b)) == null ? void 0 : _d.locales) == null ? void 0 : _e.getLocale) == null ? void 0 : _f.call(_e);
+    const storageLocale = (_i = (_h = (_g = context.appHelper) == null ? void 0 : _g.utils) == null ? void 0 : _h.storage) == null ? void 0 : _i.get("umi_locale");
+    let finalLang = appLocale || storageLocale;
+    if (!finalLang && typeof window !== "undefined") {
+      finalLang = localStorage.getItem("umi_locale");
+    }
+    return finalLang || "en";
+  };
+  const getLocalText = (key) => {
+    var _a;
+    const currentLang = getCurrentLanguage();
+    const localText = (_a = import_locales.default[currentLang]) == null ? void 0 : _a[key];
+    if (typeof localText === "function" || typeof localText === "string") {
+      return localText;
+    }
+    return key;
+  };
+  const totalPages = propTotalPages ?? Math.ceil((total || 0) / pageSize);
+  const startIndex = (current - 1) * pageSize + 1;
+  const endIndex = propTotalPages ? current * pageSize : Math.min(current * pageSize, total || 0);
+  const handlePageChange = (page) => {
+    if (page < 1 || page > totalPages || disabled) return;
+    onChange == null ? void 0 : onChange(page, pageSize);
+  };
+  const handleSizeChange = (size) => {
+    const newCurrent = propTotalPages ? 1 : Math.ceil((current - 1) * pageSize / size) + 1;
+    onShowSizeChange == null ? void 0 : onShowSizeChange(newCurrent, size);
+    onChange == null ? void 0 : onChange(newCurrent, size);
+  };
+  const getPageNumbers = () => {
+    const pages = [];
+    const showPages = 7;
+    if (totalPages <= showPages) {
+      for (let i = 1; i <= totalPages; i++) {
+        pages.push(i);
+      }
+    } else {
+      const half = Math.floor(showPages / 2);
+      let start = Math.max(1, current - half);
+      let end = Math.min(totalPages, current + half);
+      if (current <= half + 1) {
+        end = showPages - 1;
+      } else if (current >= totalPages - half) {
+        start = totalPages - showPages + 2;
+      }
+      if (start > 1) {
+        pages.push(1);
+        if (start > 2) {
+          pages.push("...");
+        }
+      }
+      for (let i = start; i <= end; i++) {
+        pages.push(i);
+      }
+      if (end < totalPages) {
+        if (end < totalPages - 1) {
+          pages.push("...");
+        }
+        pages.push(totalPages);
+      }
+    }
+    return pages;
+  };
+  const pageNumbers = getPageNumbers();
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-pagination ${className} ${disabled ? "disabled" : ""}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pagination-info" }, (() => {
+    const pageOfFunc = getLocalText("pisell-list-pagination-page-of");
+    if (typeof pageOfFunc === "function") {
+      return pageOfFunc(current, totalPages);
+    }
+    return `Page ${current} of ${totalPages}`;
+  })()), /* @__PURE__ */ import_react.default.createElement("div", { className: "pagination-controls" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pagination-group" }, /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      className: `pagination-btn pagination-prev ${current <= 1 ? "disabled" : ""}`,
+      onClick: () => handlePageChange(current - 1),
+      disabled: current <= 1 || disabled
+    },
+    /* @__PURE__ */ import_react.default.createElement(LeftArrowIcon, { disabled: current <= 1 }),
+    /* @__PURE__ */ import_react.default.createElement("span", null, getLocalText("pisell-list-pagination-previous") || "Previous")
+  ), pageNumbers.map((page, index) => {
+    if (page === "...") {
+      return /* @__PURE__ */ import_react.default.createElement("div", { key: `ellipsis-${index}`, className: "pagination-ellipsis" }, /* @__PURE__ */ import_react.default.createElement("span", null, "..."));
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      "button",
+      {
+        key: page,
+        className: `pagination-page ${current === page ? "active" : ""}`,
+        onClick: () => handlePageChange(page),
+        disabled
+      },
+      page
+    );
+  }), /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      className: `pagination-btn pagination-next ${current >= totalPages ? "disabled" : ""}`,
+      onClick: () => handlePageChange(current + 1),
+      disabled: current >= totalPages || disabled
+    },
+    /* @__PURE__ */ import_react.default.createElement("span", null, getLocalText("pisell-list-pagination-next") || "Next"),
+    /* @__PURE__ */ import_react.default.createElement(RightArrowIcon, { disabled: current >= totalPages })
+  )), showSizeChanger && /* @__PURE__ */ import_react.default.createElement("div", { className: "pagination-size-selector" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Select,
+    {
+      value: pageSize,
+      onChange: handleSizeChange,
+      disabled,
+      style: { width: 88 },
+      suffixIcon: /* @__PURE__ */ import_react.default.createElement(DropdownIcon, null),
+      options: pageSizeOptions.map((option) => ({
+        label: option,
+        value: parseInt(option, 10)
+      }))
+    }
+  ))));
+};
+var Pagination_default = Pagination;