@pisell/private-materials 6.9.1 → 6.9.3

package/lib/components/ecocup/cupList/hooks/useColumns.js

@@ -0,0 +1,202 @@
+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/ecocup/cupList/hooks/useColumns.tsx
+var useColumns_exports = {};
+__export(useColumns_exports, {
+  useColumns: () => useColumns
+});
+module.exports = __toCommonJS(useColumns_exports);
+var import_react = __toESM(require("react"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_materials = require("@pisell/materials");
+var import_const = require("../const");
+var import_MoreDropdown = __toESM(require("../../components/MoreDropdown"));
+var import_hooks = require("../../hooks");
+var import__ = require("../index.less");
+var prefixCls = "ecocup-cup-list";
+var useColumns = (props) => {
+  const { onClickAction, locales } = props;
+  const { isNormalShop } = (0, import_hooks.useGetGoalShopInfo)();
+  const isApp = (0, import_hooks.useIsApp)();
+  const hiddenColumn = isApp ? false : isNormalShop;
+  const getRelativeTime = (text) => {
+    if (!text) return "";
+    const diff = (0, import_dayjs.default)().diff((0, import_dayjs.default)(text), "day");
+    if (diff === 0) return locales.getText("pisell2.text.ecocup.table.time-of-return.today");
+    return locales.getText("pisell2.text.ecocup.table.time-of-rent.relative")(diff);
+  };
+  return [
+    {
+      title: locales.getText("pisell2.text.ecocup.table.cup-code"),
+      dataIndex: "eco_cup_code",
+      key: "eco_cup_code",
+      align: "center",
+      width: 170,
+      render: (text, record) => {
+        return text || (record == null ? void 0 : record.code) || "";
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.table.customer"),
+      dataIndex: "customer",
+      key: "customer",
+      align: "center",
+      hidden: isApp,
+      with: 220,
+      render: (text, record) => {
+        var _a;
+        return ((_a = record == null ? void 0 : record.customer) == null ? void 0 : _a.display_name) || "";
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.table.status"),
+      dataIndex: "status",
+      key: "status",
+      align: "center",
+      width: 120,
+      render: (text) => {
+        const status = import_const.STATUS_TEXT_MAP[text];
+        const color = import_const.STATUS_COLOR_MAP[text];
+        return /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: `${prefixCls}-table-status`,
+            style: {
+              backgroundColor: color == null ? void 0 : color.backgroundColor,
+              color: color == null ? void 0 : color.color,
+              border: `1px solid ${color == null ? void 0 : color.border}`
+            }
+          },
+          locales.getText(status)
+        );
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.table.shop-of-rent"),
+      dataIndex: "rent_shop",
+      key: "rent_shop",
+      align: "center",
+      hidden: isApp,
+      width: 200,
+      render: (text, record) => {
+        var _a;
+        return ((_a = record == null ? void 0 : record.rent_shop) == null ? void 0 : _a.name) || "";
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.table.time-of-rent"),
+      dataIndex: "rent_time",
+      key: "rent_time",
+      align: "center",
+      hidden: isApp,
+      width: 160,
+      render: (text) => {
+        if (!text) return "";
+        return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_dayjs.default)(text).format("DD/MM/YYYY")), /* @__PURE__ */ import_react.default.createElement("span", null, getRelativeTime(text)));
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.table.shop-of-return"),
+      dataIndex: "return_shop",
+      key: "return_shop",
+      align: "center",
+      hidden: isApp,
+      width: 200,
+      render: (text, record) => {
+        var _a;
+        return ((_a = record == null ? void 0 : record.return_shop) == null ? void 0 : _a.name) || "";
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.table.time-of-return"),
+      dataIndex: "return_time",
+      key: "return_time",
+      align: "center",
+      hidden: isApp,
+      width: 160,
+      render: (text) => {
+        return text ? (0, import_dayjs.default)(text).format("DD/MM/YYYY") : "";
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.rent"),
+      dataIndex: "rent_shop",
+      key: "rent_shop",
+      align: "center",
+      hidden: !isApp,
+      width: 160,
+      render: (text, record) => {
+        var _a, _b;
+        return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column", alignItems: "center" } }, ((_a = record == null ? void 0 : record.rent_shop) == null ? void 0 : _a.name) ? /* @__PURE__ */ import_react.default.createElement("span", null, (_b = record == null ? void 0 : record.rent_shop) == null ? void 0 : _b.name) : null, (record == null ? void 0 : record.rent_time) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_dayjs.default)(record == null ? void 0 : record.rent_time).format("DD/MM/YYYY")), /* @__PURE__ */ import_react.default.createElement("span", null, getRelativeTime(record == null ? void 0 : record.rent_time))) : null);
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.action.return"),
+      dataIndex: "return_shop",
+      key: "return_shop",
+      align: "center",
+      hidden: !isApp,
+      width: 160,
+      render: (text, record) => {
+        var _a, _b;
+        return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column", alignItems: "center" } }, ((_a = record == null ? void 0 : record.return_shop) == null ? void 0 : _a.name) ? /* @__PURE__ */ import_react.default.createElement("span", null, (_b = record == null ? void 0 : record.return_shop) == null ? void 0 : _b.name) : null, (record == null ? void 0 : record.return_time) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_dayjs.default)(record == null ? void 0 : record.return_time).format("DD/MM/YYYY")), /* @__PURE__ */ import_react.default.createElement("span", null, getRelativeTime(record == null ? void 0 : record.return_time))) : null);
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.table.actions"),
+      dataIndex: "actions",
+      key: "actions",
+      hidden: isApp,
+      width: 180,
+      render: (text, record) => {
+        const _status = (record == null ? void 0 : record.status) || "";
+        const showMoreTypes = ["in_stock", "rent"];
+        if ((record == null ? void 0 : record.shop_id) !== (record == null ? void 0 : record.current_shop_id) && !(record == null ? void 0 : record.eco_cup_id)) return null;
+        return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-table-actions` }, _status === "rent" ? /* @__PURE__ */ import_react.default.createElement(
+          import_materials.Button,
+          {
+            type: "primary",
+            onClick: () => onClickAction("return", record)
+          },
+          locales.getText("pisell2.text.ecocup.action.return")
+        ) : null, showMoreTypes.includes(_status) ? /* @__PURE__ */ import_react.default.createElement(
+          import_MoreDropdown.default,
+          {
+            locales,
+            onClick: (key) => onClickAction(key, record)
+          }
+        ) : null);
+      }
+    }
+  ];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useColumns
+});

package/lib/components/ecocup/cupList/hooks/useCupApi.d.ts

@@ -0,0 +1,32 @@
+interface GetCupListsParams {
+    type?: 'partner' | 'eco';
+    with?: string[];
+    skip?: number;
+    num?: number;
+    search?: string;
+    operated_at_start?: string;
+    operated_at_end?: string;
+    order_by?: string;
+    sort?: 'asc' | 'desc';
+    partner_shop_id?: number;
+}
+interface GetStatisticsParams {
+    started_at?: string;
+    ended_at?: string;
+    type?: 'eco' | 'normal';
+    partner_shop_id?: number;
+}
+export declare const useCupListsApi: () => {
+    loading: boolean;
+    data: any;
+    run: (params: GetCupListsParams) => Promise<void>;
+};
+export declare const useStatisticsApi: () => {
+    data: any;
+    getStatics: (params: GetStatisticsParams) => Promise<void>;
+};
+export declare const useEcoShopListsApi: () => {
+    data: any;
+    getEcoShopLists: (params?: any) => Promise<void>;
+};
+export {};

package/lib/components/ecocup/cupList/hooks/useCupApi.js

@@ -0,0 +1,112 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ecocup/cupList/hooks/useCupApi.ts
+var useCupApi_exports = {};
+__export(useCupApi_exports, {
+  useCupListsApi: () => useCupListsApi,
+  useEcoShopListsApi: () => useEcoShopListsApi,
+  useStatisticsApi: () => useStatisticsApi
+});
+module.exports = __toCommonJS(useCupApi_exports);
+var import_react = require("react");
+var import_hooks = require("../../hooks");
+var useCupListsApi = () => {
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [data, setData] = (0, import_react.useState)({});
+  const { get } = (0, import_hooks.useRequest)();
+  const { isNormalShop } = (0, import_hooks.useGetGoalShopInfo)();
+  const isApp = (0, import_hooks.useIsApp)();
+  const getCupLists = (0, import_react.useCallback)(async (params) => {
+    try {
+      const api = isApp ? "/h5/wallet/eco" : "/shop/wallet/eco";
+      const isPartner = isNormalShop || (params == null ? void 0 : params.partner_shop_id);
+      setLoading(true);
+      let _params = {
+        type: isPartner ? "partner" : "eco",
+        with: ["customer:id,display_name", "rentShop:id,name", "returnShop:id,name", "currentShop:id,name"],
+        ...params
+      };
+      if (isPartner) {
+        _params.with = ["customer:id,display_name", "rentShop:id,name", "returnShop:id,name"];
+      }
+      if (isApp) {
+        _params = {
+          num: params == null ? void 0 : params.num,
+          skip: params == null ? void 0 : params.skip
+        };
+      }
+      const res = await get(api, _params);
+      setData((res == null ? void 0 : res.data) || {});
+      setLoading(false);
+    } catch (error) {
+      setLoading(false);
+    }
+  }, []);
+  return {
+    loading,
+    data,
+    run: getCupLists
+  };
+};
+var useStatisticsApi = () => {
+  const [data, setData] = (0, import_react.useState)({});
+  const { get } = (0, import_hooks.useRequest)();
+  const { isNormalShop } = (0, import_hooks.useGetGoalShopInfo)();
+  const getStatics = (0, import_react.useCallback)(async (params) => {
+    try {
+      const isPartner = isNormalShop || (params == null ? void 0 : params.partner_shop_id);
+      const _params = {
+        type: isPartner ? "partner" : "eco",
+        ...params
+      };
+      const res = await get("/shop/wallet/eco/statistics", _params);
+      setData((res == null ? void 0 : res.data) || {});
+    } catch (error) {
+    }
+  }, []);
+  return {
+    data,
+    getStatics
+  };
+};
+var useEcoShopListsApi = () => {
+  const [data, setData] = (0, import_react.useState)([]);
+  const { get } = (0, import_hooks.useRequest)();
+  const getEcoShopLists = (0, import_react.useCallback)(async (params) => {
+    try {
+      const _params = {
+        skip: 1,
+        num: 100
+      };
+      const res = await get("/shop/wallet/eco/shops", _params);
+      setData((res == null ? void 0 : res.data) || []);
+    } catch (error) {
+    }
+  }, []);
+  return {
+    data,
+    getEcoShopLists
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCupListsApi,
+  useEcoShopListsApi,
+  useStatisticsApi
+});

package/lib/components/ecocup/cupList/hooks/useSummary.d.ts

@@ -0,0 +1,2 @@
+import '../index.less';
+export declare const useSummary: (locales: any, staticsData: any, isPartner?: boolean) => () => JSX.Element;

package/lib/components/ecocup/cupList/hooks/useSummary.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/ecocup/cupList/hooks/useSummary.tsx
+var useSummary_exports = {};
+__export(useSummary_exports, {
+  useSummary: () => useSummary
+});
+module.exports = __toCommonJS(useSummary_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import__ = require("../index.less");
+var prefixCls = "ecocup-cup-list";
+var useSummary = (locales, staticsData, isPartner) => {
+  const summaryData = (0, import_react.useMemo)(() => {
+    return [
+      {
+        key: "available-to-rent",
+        title: locales.getText("pisell2.text.ecocup.available-to-rent"),
+        value: (staticsData == null ? void 0 : staticsData.in_stock_count) || 0
+      },
+      {
+        key: "cup-rent",
+        title: isPartner ? locales.getText("pisell2.text.ecocup.cup-rent") : locales.getText("pisell2.text.ecocup.eco.cup-rent"),
+        value: (staticsData == null ? void 0 : staticsData.rent_count) || 0
+      },
+      {
+        key: "cup-returned",
+        title: isPartner ? locales.getText("pisell2.text.ecocup.cup-returned") : locales.getText("pisell2.text.ecocup.eco.cup-returned"),
+        value: (staticsData == null ? void 0 : staticsData.return_count) || 0
+      }
+    ];
+  }, [staticsData, isPartner]);
+  return (0, import_react.useMemo)(() => {
+    return () => /* @__PURE__ */ import_react.default.createElement(import_materials.Row, { gutter: 8, className: `${prefixCls}-summary` }, summaryData.map((item) => {
+      return /* @__PURE__ */ import_react.default.createElement(import_materials.Col, { span: 8, key: item.key }, /* @__PURE__ */ import_react.default.createElement(import_materials.Card, { className: `${prefixCls}-summary-card` }, /* @__PURE__ */ import_react.default.createElement(
+        import_materials.Statistic,
+        {
+          title: item.title,
+          value: item.value,
+          className: `${prefixCls}-summary-card-statistic`
+        }
+      )));
+    }));
+  }, [summaryData]);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSummary
+});

package/lib/components/ecocup/cupList/index.d.ts

@@ -0,0 +1,6 @@
+import './index.less';
+interface CupListProps {
+    data: any[];
+}
+declare const CupList: (props: CupListProps) => JSX.Element;
+export default CupList;

package/lib/components/ecocup/cupList/index.js

@@ -0,0 +1,208 @@
+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/ecocup/cupList/index.tsx
+var cupList_exports = {};
+__export(cupList_exports, {
+  default: () => cupList_default
+});
+module.exports = __toCommonJS(cupList_exports);
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_dayjs = __toESM(require("dayjs"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_icons = require("@ant-design/icons");
+var import_useEngineContext = require("../../../hooks/useEngineContext");
+var import_hooks = require("./hooks");
+var import_const = require("./const");
+var import_PageHeader = __toESM(require("../components/PageHeader"));
+var import_CupActionModal = __toESM(require("../components/CupActionModal"));
+var import_SearchBar = __toESM(require("../components/SearchBar"));
+var import_hooks2 = require("../hooks");
+var import_locales = __toESM(require("../locales"));
+var import_index = require("./index.less");
+var prefixCls = "ecocup-cup-list";
+var SCAN_LISTENER_KEY = "eco-cup-list-scan-listener";
+var PAGE_SIZE = 10;
+var FORMAT = "YYYY-MM-DD HH:mm:ss";
+var CupList = (props) => {
+  const [date, setDate] = (0, import_react.useState)([(0, import_dayjs.default)().startOf("day"), (0, import_dayjs.default)().endOf("day")]);
+  const cupActionModal = (0, import_hooks2.useModal)("ecocup-list-action-modal");
+  const { isNormalShop } = (0, import_hooks2.useGetGoalShopInfo)();
+  const isApp = (0, import_hooks2.useIsApp)();
+  const platform = (0, import_useEngineContext.usePlatform)();
+  const language = (0, import_hooks2.useLanguage)();
+  import_utils.locales.init(import_locales.default, language);
+  const [listParams, setListParams] = (0, import_react.useState)({
+    skip: 1,
+    num: PAGE_SIZE
+  });
+  const listParamsRef = (0, import_react.useRef)(listParams);
+  const { loading, data, run } = (0, import_hooks.useCupListsApi)();
+  const { data: staticsData, getStatics } = (0, import_hooks.useStatisticsApi)();
+  const { data: ecoShopLists, getEcoShopLists } = (0, import_hooks.useEcoShopListsApi)();
+  const isPartner = (0, import_react.useMemo)(() => {
+    return !!(isNormalShop || (listParams == null ? void 0 : listParams.partner_shop_id));
+  }, [isNormalShop, listParams == null ? void 0 : listParams.partner_shop_id]);
+  (0, import_react.useEffect)(() => {
+    listParamsRef.current = listParams;
+  }, [listParams]);
+  const getLists = (0, import_react.useCallback)((params) => {
+    run({
+      ...(listParamsRef == null ? void 0 : listParamsRef.current) || {},
+      ...params
+    });
+  }, [listParams]);
+  (0, import_react.useEffect)(() => {
+    var _a, _b;
+    if (isApp) return;
+    getStatics({
+      started_at: (_a = date == null ? void 0 : date[0]) == null ? void 0 : _a.format(FORMAT),
+      ended_at: (_b = date == null ? void 0 : date[1]) == null ? void 0 : _b.format(FORMAT),
+      partner_shop_id: listParams == null ? void 0 : listParams.partner_shop_id
+    });
+  }, [date, isApp, listParams == null ? void 0 : listParams.partner_shop_id]);
+  (0, import_react.useEffect)(() => {
+    if (isNormalShop || isApp) return;
+    getEcoShopLists({});
+  }, [isNormalShop, isApp]);
+  (0, import_react.useEffect)(() => {
+    getLists();
+  }, [getLists]);
+  const handleClickAction = (0, import_react.useCallback)(
+    (type, record) => {
+      cupActionModal.open({
+        data: { type, cupData: record, customerData: (record == null ? void 0 : record.customer) || {} },
+        onCancel: cupActionModal.close,
+        onOk: (values) => {
+          cupActionModal.close();
+          getLists();
+        }
+      });
+    },
+    [cupActionModal]
+  );
+  const columns = (0, import_hooks.useColumns)({
+    onClickAction: handleClickAction,
+    locales: import_utils.locales
+  });
+  const summary = (0, import_hooks.useSummary)(import_utils.locales, staticsData, isPartner);
+  const handleValuesChange = (changedValues, values) => {
+    var _a, _b, _c;
+    const orderByTypes = (_a = values == null ? void 0 : values.order_by) == null ? void 0 : _a.split(":");
+    const params = {
+      ...(values == null ? void 0 : values.filters) || {},
+      order_by: orderByTypes == null ? void 0 : orderByTypes[0],
+      sort: orderByTypes == null ? void 0 : orderByTypes[1],
+      skip: ((_b = values == null ? void 0 : values.pagination) == null ? void 0 : _b.page) || 1,
+      num: ((_c = values == null ? void 0 : values.pagination) == null ? void 0 : _c.size) || PAGE_SIZE,
+      partner_shop_id: (values == null ? void 0 : values.partner_shop_id) || void 0,
+      status: (values == null ? void 0 : values.status) || void 0
+    };
+    setListParams((prev) => ({ ...prev, ...params }));
+  };
+  const { run: handleValuesChangeDebounce } = (0, import_ahooks.useDebounceFn)(
+    handleValuesChange,
+    {
+      wait: 200
+    }
+  );
+  const handleChange = (value, type) => {
+    if (type === "search") {
+      setListParams((prev) => ({ ...prev, search: value, skip: 1 }));
+    } else {
+      setDate(value);
+      setListParams((prev) => {
+        var _a, _b;
+        return {
+          ...prev,
+          skip: 1,
+          operated_at_start: (_a = value == null ? void 0 : value[0]) == null ? void 0 : _a.format(FORMAT),
+          operated_at_end: (_b = value == null ? void 0 : value[1]) == null ? void 0 : _b.format(FORMAT)
+        };
+      });
+    }
+  };
+  const pagination = (0, import_react.useMemo)(() => {
+    return {
+      pageSize: PAGE_SIZE,
+      total: (data == null ? void 0 : data.count) || 0,
+      size: "large",
+      current: (listParams == null ? void 0 : listParams.skip) || 1,
+      localPagination: false
+    };
+  }, [data == null ? void 0 : data.count, listParams == null ? void 0 : listParams.skip]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-container` }, /* @__PURE__ */ import_react.default.createElement(import_materials.Page, { style: { height: "100%" } }, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Table,
+    {
+      dataSource: (data == null ? void 0 : data.list) || [],
+      columns,
+      title: !isApp ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_PageHeader.default, { title: import_utils.locales.getText("pisell2.text.ecocup.title") }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header` }, /* @__PURE__ */ import_react.default.createElement(
+        import_materials.DatePicker.RangePicker,
+        {
+          inputReadOnly: true,
+          bordered: false,
+          allowClear: false,
+          size: "large",
+          suffixIcon: /* @__PURE__ */ import_react.default.createElement(import_icons.CalendarOutlined, null),
+          value: date,
+          onChange: handleChange,
+          format: "DD/MM/YYYY",
+          className: `${prefixCls}-date-picker`
+        }
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_SearchBar.default,
+        {
+          scanListenerKey: SCAN_LISTENER_KEY,
+          size: "small",
+          placeholder: import_utils.locales.getText("pisell2.text.ecocup.scan-or-search"),
+          onSearch: (value) => handleChange(value, "search")
+        }
+      ))) : null,
+      align: "center",
+      pagination,
+      columnSetting: !isApp ? import_const.COLUMN_SETTING : null,
+      sort: !isApp ? import_const.SORT_SETTINGS : null,
+      filter: !isApp ? (0, import_const.FILTER)(import_utils.locales, isNormalShop, ecoShopLists, isPartner, listParams == null ? void 0 : listParams.skip) : null,
+      summary: !isApp ? summary : null,
+      className: `${prefixCls}-table`,
+      rowClassName: `${prefixCls}-table-row`,
+      loading,
+      onValuesChange: handleValuesChangeDebounce,
+      rowKey: "id",
+      virtual: false,
+      tableLayout: "",
+      scroll: {
+        scrollToFirstRowOnChange: true,
+        autoCalc: true
+      }
+    }
+  )), cupActionModal.visible && /* @__PURE__ */ import_react.default.createElement(import_CupActionModal.default, { ...cupActionModal.modalProps }));
+};
+var cupList_default = CupList;