@pisell/private-materials 3.4.75 → 3.4.76

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

@@ -0,0 +1,126 @@
+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/cupProject/index.tsx
+var cupProject_exports = {};
+__export(cupProject_exports, {
+  default: () => EcoCupProject
+});
+module.exports = __toCommonJS(cupProject_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_index = require("./index.less");
+var import_hooks = require("../hooks");
+var import_locales = __toESM(require("../locales"));
+var import_const = require("./const");
+var import_SearchBar = __toESM(require("../components/SearchBar"));
+var import_AddCustomerModal = __toESM(require("../components/AddCustomerModal"));
+var import_CustomerAndCupModal = __toESM(require("../components/CustomerAndCupModal"));
+var SCAN_LISTENER_KEY = "eco-cup-project-scan-listener";
+function EcoCupProject() {
+  const language = (0, import_hooks.useLanguage)();
+  import_utils.locales.init(import_locales.default, language);
+  const getApp = (0, import_hooks.useGetApp)();
+  const addCustomerModal = (0, import_hooks.useModal)("ecocup-add-customer-modal");
+  const customerAndCupModal = (0, import_hooks.useModal)("ecocup-customer-and-cup-modal");
+  const { goalShopId } = (0, import_hooks.useGetGoalShopInfo)();
+  const onSearchResult = (result) => {
+    console.log("onSearchResult", result);
+    if ((result == null ? void 0 : result.type) === "customer") {
+      customerAndCupModal.open({
+        data: {
+          firstType: result == null ? void 0 : result.type,
+          customerData: result == null ? void 0 : result.data
+        }
+      });
+    } else if ((result == null ? void 0 : result.type) === "cup") {
+      customerAndCupModal.open({
+        data: {
+          firstType: result == null ? void 0 : result.type,
+          cupData: result == null ? void 0 : result.data
+        }
+      });
+    }
+  };
+  const onClickNewCustomer = () => {
+    console.log("onClickNewCustomer");
+    addCustomerModal.open();
+  };
+  const onClickCustomerList = () => {
+    var _a, _b;
+    console.log("onClickCustomerList");
+    const app = getApp == null ? void 0 : getApp();
+    if (goalShopId) {
+      (_a = app == null ? void 0 : app.history) == null ? void 0 : _a.push(`/ecocup/customer-list?goal_shop_id=${goalShopId}`);
+    } else {
+      (_b = app == null ? void 0 : app.history) == null ? void 0 : _b.push("/ecocup/customer-list");
+    }
+  };
+  const onClickCupList = () => {
+    var _a, _b;
+    console.log("onClickCupList");
+    const app = getApp == null ? void 0 : getApp();
+    if (goalShopId) {
+      (_a = app == null ? void 0 : app.history) == null ? void 0 : _a.push(`/ecocup/cup-list?goal_shop_id=${goalShopId}`);
+    } else {
+      (_b = app == null ? void 0 : app.history) == null ? void 0 : _b.push("/ecocup/cup-list");
+    }
+  };
+  const onClickButton = (key) => {
+    switch (key) {
+      case "add-new-customer":
+        onClickNewCustomer();
+        break;
+      case "customer-list":
+        onClickCustomerList();
+        break;
+      case "cup-list":
+        onClickCupList();
+        break;
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "ecocup-cup-project" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "ecocup-cup-project-title" }, import_utils.locales.getText("pisell2.text.cup-project.title")), /* @__PURE__ */ import_react.default.createElement("div", { className: "ecocup-cup-project-search-bar" }, /* @__PURE__ */ import_react.default.createElement(
+    import_SearchBar.default,
+    {
+      scanListenerKey: SCAN_LISTENER_KEY,
+      onSearchResult
+    }
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "ecocup-cup-project-actions" }, import_const.CUP_PROJECT_FOOTER_BUTTONS.map((button) => /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Button,
+    {
+      key: button.key,
+      type: button.type,
+      size: "large",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: button.icon, size: 32 }),
+      onClick: () => onClickButton(button.key),
+      className: "ecocup-cup-project-actions-button"
+    },
+    import_utils.locales.getText(button.languageKey)
+  ))), addCustomerModal.visible && /* @__PURE__ */ import_react.default.createElement(import_AddCustomerModal.default, { ...addCustomerModal.modalProps }), customerAndCupModal.visible && /* @__PURE__ */ import_react.default.createElement(import_CustomerAndCupModal.default, { ...customerAndCupModal.modalProps }));
+}

package/lib/components/ecocup/cupProject/index.less

@@ -0,0 +1,41 @@
+.ecocup-cup-project {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: #292929;
+
+  &-title {
+    color: #ffffff;
+    text-align: center;
+    font-size: 40px;
+    font-weight: 300;
+  }
+
+  &-search-bar {
+    margin-top: 16px;
+    height: 60px;
+    width: 100%;
+    width: 818px;
+  }
+
+  &-actions {
+    margin-top: 132px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 16px;
+
+    &-button {
+      width: 220px;
+      height: 48px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 12px;
+      font-weight: 300;
+    }
+  }
+}

package/lib/components/ecocup/customerList/const.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @description: 排序设置
+ * @return {*}
+ */
+declare const SORT_SETTINGS: {
+    show: boolean;
+    list: {
+        columnKey: string;
+        key: string;
+        type: string;
+        localFilter: boolean;
+    }[];
+};
+/**
+ * @description: 列配置
+ * @return {*}
+ */
+declare const COLUMN_SETTING: {
+    show: boolean;
+    storageMode: string;
+};
+declare const FILTER: (locales: any) => {
+    show: boolean;
+    quickFilterMaxLength: number;
+    list: {
+        key: string;
+        type: string;
+        columnKey: string;
+        sort: boolean;
+        localFilter: boolean;
+        isCustom: boolean;
+        name: string;
+        other: {
+            size: string;
+            allowClear: boolean;
+            placeholder: any;
+            trigger: string[];
+            style: {
+                width: number;
+            };
+        };
+    }[];
+};
+export { SORT_SETTINGS, COLUMN_SETTING, FILTER };

package/lib/components/ecocup/customerList/const.js

@@ -0,0 +1,93 @@
+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/customerList/const.ts
+var const_exports = {};
+__export(const_exports, {
+  COLUMN_SETTING: () => COLUMN_SETTING,
+  FILTER: () => FILTER,
+  SORT_SETTINGS: () => SORT_SETTINGS
+});
+module.exports = __toCommonJS(const_exports);
+var SORT_SETTINGS = {
+  show: true,
+  list: [
+    {
+      columnKey: "display_name",
+      key: "display_name",
+      type: "string",
+      localFilter: false
+    },
+    {
+      columnKey: "create_time",
+      key: "create_time",
+      type: "date",
+      localFilter: false
+    }
+    // {
+    //   columnKey: 'total_rent_count',
+    //   key: 'total_rent_count',
+    //   type: 'number',
+    //   localFilter: false,
+    // },
+    // {
+    //   columnKey: 'total_return_count',
+    //   key: 'total_return_count',
+    //   type: 'number',
+    //   localFilter: false,
+    // },
+  ]
+};
+var COLUMN_SETTING = {
+  show: true,
+  storageMode: "localStorage"
+};
+var FILTER = (locales) => {
+  return {
+    show: true,
+    quickFilterMaxLength: 3,
+    // sortButtonShow: true,
+    // storageMode: 'localStorage',
+    list: [
+      {
+        key: "search",
+        type: "search",
+        columnKey: "",
+        sort: true,
+        localFilter: false,
+        isCustom: true,
+        name: "search",
+        other: {
+          size: "large",
+          allowClear: true,
+          placeholder: locales.getText("pisell2.text.ecocup.customer.list.search.placeholder"),
+          trigger: ["onChange", "onPressEnter"],
+          style: {
+            width: 240
+          }
+        }
+      }
+    ]
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  COLUMN_SETTING,
+  FILTER,
+  SORT_SETTINGS
+});

package/lib/components/ecocup/customerList/hooks/index.d.ts

@@ -0,0 +1,3 @@
+import { useColumns } from './useColumns';
+import { useCustomerListsApi } from './useCustomerListsApi';
+export { useColumns, useCustomerListsApi };

package/lib/components/ecocup/customerList/hooks/index.js

@@ -0,0 +1,32 @@
+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/customerList/hooks/index.tsx
+var hooks_exports = {};
+__export(hooks_exports, {
+  useColumns: () => import_useColumns.useColumns,
+  useCustomerListsApi: () => import_useCustomerListsApi.useCustomerListsApi
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_useColumns = require("./useColumns");
+var import_useCustomerListsApi = require("./useCustomerListsApi");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useColumns,
+  useCustomerListsApi
+});

package/lib/components/ecocup/customerList/hooks/useColumns.d.ts

@@ -0,0 +1,15 @@
+export declare const useColumns: (locales: any) => ({
+    title: any;
+    dataIndex: string;
+    key: string;
+    align: string;
+    width: number;
+    render?: undefined;
+} | {
+    title: any;
+    dataIndex: string;
+    key: string;
+    align: string;
+    width: number;
+    render: (text: string) => string;
+})[];

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

@@ -0,0 +1,89 @@
+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/customerList/hooks/useColumns.tsx
+var useColumns_exports = {};
+__export(useColumns_exports, {
+  useColumns: () => useColumns
+});
+module.exports = __toCommonJS(useColumns_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var useColumns = (locales) => {
+  return [
+    {
+      title: locales.getText("pisell2.text.ecocup.customer.list.customer"),
+      dataIndex: "display_name",
+      key: "display_name",
+      align: "center",
+      width: 240
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.customer.list.registed"),
+      dataIndex: "create_time",
+      key: "create_time",
+      align: "center",
+      width: 200,
+      render: (text) => {
+        if (!text) return "";
+        return (0, import_dayjs.default)(text).format("h:mma D MMM YYYY");
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.customer.list.mobile"),
+      dataIndex: "phone",
+      key: "phone",
+      align: "center",
+      width: 250
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.customer.list.email"),
+      dataIndex: "email",
+      key: "email",
+      align: "center",
+      width: 250
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.customer.list.cup.borrowed"),
+      dataIndex: "total_rent_count",
+      key: "total_rent_count",
+      align: "center",
+      width: 160
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.customer.list.cup.returned"),
+      dataIndex: "total_return_count",
+      key: "total_return_count",
+      align: "center",
+      width: 160
+    }
+  ];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useColumns
+});

package/lib/components/ecocup/customerList/hooks/useCustomerApi.d.ts

@@ -0,0 +1,15 @@
+interface GetCustomerListsParams {
+    with_cup_count_flag?: number;
+    search?: string;
+    skip?: number;
+    num?: number;
+    goal_shop_id?: number;
+    order_by?: string;
+    sort?: 'asc' | 'desc';
+}
+export declare const useCustomerListsApi: () => {
+    loading: boolean;
+    data: any;
+    run: (params: GetCustomerListsParams) => Promise<void>;
+};
+export {};

package/lib/components/ecocup/customerList/hooks/useCustomerApi.js

@@ -0,0 +1,56 @@
+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/customerList/hooks/useCustomerApi.ts
+var useCustomerApi_exports = {};
+__export(useCustomerApi_exports, {
+  useCustomerListsApi: () => useCustomerListsApi
+});
+module.exports = __toCommonJS(useCustomerApi_exports);
+var import_react = require("react");
+var import_hooks = require("../../hooks");
+var useCustomerListsApi = () => {
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [data, setData] = (0, import_react.useState)({});
+  const { get } = (0, import_hooks.useRequest)();
+  const { goalShopId } = (0, import_hooks.useGetGoalShopInfo)();
+  const getCustomerLists = (0, import_react.useCallback)(async (params) => {
+    try {
+      setLoading(true);
+      const _params = {
+        with_cup_count_flag: 1,
+        goal_shop_id: goalShopId,
+        ...params
+      };
+      const res = await get("/shop/wallet/eco/customer", _params);
+      setData((res == null ? void 0 : res.data) || {});
+      setLoading(false);
+    } catch (error) {
+      setLoading(false);
+    }
+  }, []);
+  return {
+    loading,
+    data,
+    run: getCustomerLists
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCustomerListsApi
+});

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+interface CustomerListProps {
+    data: any[];
+}
+export default function CustomerList(props: CustomerListProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,138 @@
+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/customerList/index.tsx
+var customerList_exports = {};
+__export(customerList_exports, {
+  default: () => CustomerList
+});
+module.exports = __toCommonJS(customerList_exports);
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_hooks = require("../hooks");
+var import_locales = __toESM(require("../locales"));
+var import_PageHeader = __toESM(require("../components/PageHeader"));
+var import_useColumns = require("./hooks/useColumns");
+var import_const = require("./const");
+var import_CustomerAndCupModal = __toESM(require("../components/CustomerAndCupModal"));
+var import_useCustomerApi = require("./hooks/useCustomerApi");
+var import_index = require("./index.less");
+var prefixCls = "ecocup-customer-list";
+var PAGE_SIZE = 20;
+function CustomerList(props) {
+  const language = (0, import_hooks.useLanguage)();
+  const [listParams, setListParams] = (0, import_react.useState)({
+    skip: 1,
+    num: PAGE_SIZE
+  });
+  import_utils.locales.init(import_locales.default, language);
+  const customerListModal = (0, import_hooks.useModal)("ecocup-customer-list-modal");
+  const { loading, data, run } = (0, import_useCustomerApi.useCustomerListsApi)();
+  const getLists = (0, import_react.useCallback)((params) => {
+    run({
+      ...listParams,
+      ...params
+    });
+  }, [listParams]);
+  (0, import_react.useEffect)(() => {
+    getLists();
+  }, [getLists]);
+  console.log(data, "whasdf");
+  const columns = (0, import_useColumns.useColumns)(import_utils.locales);
+  const handleValuesChange = (changedValues, values) => {
+    var _a, _b, _c;
+    console.log(changedValues, values, "changedValues234");
+    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
+    };
+    setListParams((prev) => ({ ...prev, ...params }));
+  };
+  const { run: handleValuesChangeDebounce } = (0, import_ahooks.useDebounceFn)(
+    handleValuesChange,
+    {
+      wait: 200
+    }
+  );
+  const handleClickRow = (record) => {
+    customerListModal.open({
+      title: import_utils.locales.getText(
+        "pisell2.text.ecocup.customer.list.customer.profile"
+      ),
+      data: {
+        customerData: record,
+        firstType: "customer"
+      }
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-container` }, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Table,
+    {
+      dataSource: (data == null ? void 0 : data.list) || [],
+      columns,
+      align: "center",
+      title: /* @__PURE__ */ import_react.default.createElement(
+        import_PageHeader.default,
+        {
+          title: import_utils.locales.getText("pisell2.text.ecocup.customer.list.title")
+        }
+      ),
+      pagination: {
+        pageSize: PAGE_SIZE,
+        total: (data == null ? void 0 : data.count) || 0,
+        size: "large"
+      },
+      columnSetting: import_const.COLUMN_SETTING,
+      sort: import_const.SORT_SETTINGS,
+      filter: (0, import_const.FILTER)(import_utils.locales),
+      loading,
+      onValuesChange: handleValuesChangeDebounce,
+      rowKey: "id",
+      virtual: false,
+      tableLayout: "",
+      scroll: {
+        scrollToFirstRowOnChange: true,
+        autoCalc: true
+      },
+      onRow: (record) => {
+        return {
+          style: {
+            cursor: "pointer"
+          },
+          onClick: () => handleClickRow(record)
+        };
+      }
+    }
+  ), customerListModal.visible && /* @__PURE__ */ import_react.default.createElement(import_CustomerAndCupModal.default, { ...customerListModal.modalProps }));
+}

package/lib/components/ecocup/customerList/index.less

@@ -0,0 +1,15 @@
+@prefixCls: ecocup-customer-list;
+
+.@{prefixCls} {
+  &-container {
+    height: 100%;
+    background-color: #2A1C48;
+    padding: 38px 12px 12px;
+    .pisell-lowcode-action-btn-icon{
+      color: #fff!important;
+      &:hover{
+        color: #101828!important;
+      }
+    }
+  }
+}