@pisell/private-materials 6.3.115 → 6.3.117

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

@@ -0,0 +1,268 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState, useEffect, useCallback, useRef, useMemo } from 'react';
+import { useDebounceFn, useMemoizedFn } from 'ahooks';
+import dayjs from 'dayjs';
+import { Table, DatePicker, Page, Button, Icon } from '@pisell/materials';
+import { locales } from '@pisell/utils';
+import { CalendarOutlined } from '@ant-design/icons';
+import { useColumns, useSummary, useCupListsApi, useStatisticsApi, useEcoShopListsApi, useExportApi, useShareApi } from "./hooks";
+import { SORT_SETTINGS, COLUMN_SETTING, FILTER, HEADER_RIGHT_OPTIONS } from "./const";
+import PageHeader from "../components/PageHeader";
+import CupActionModal from "../components/CupActionModal";
+import SearchBar from "../components/SearchBar";
+import { useLanguage, useModal, useGetGoalShopInfo, useIsApp, useGetShopId } from "../hooks";
+import localeTexts from "../locales";
+import { useGetShare } from "../hooks";
+import "./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 = function CupList(props) {
+  var _useState = useState([dayjs().startOf('day'), dayjs().endOf('day')]),
+    _useState2 = _slicedToArray(_useState, 2),
+    date = _useState2[0],
+    setDate = _useState2[1];
+  var cupActionModal = useModal('ecocup-list-action-modal');
+  var _useGetGoalShopInfo = useGetGoalShopInfo(),
+    isNormalShop = _useGetGoalShopInfo.isNormalShop;
+  var shopId = useGetShopId();
+  var isApp = useIsApp();
+  var language = useLanguage();
+  var _useGetShare = useGetShare(),
+    isEcoShare = _useGetShare.isEcoShare;
+  locales.init(localeTexts, language);
+  var _useState3 = useState({
+      skip: 1,
+      num: PAGE_SIZE
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    listParams = _useState4[0],
+    setListParams = _useState4[1];
+  // 使用 ref 保存最新的 listParams，用于在回调中获取最新值
+  var listParamsRef = useRef(listParams);
+  var _useCupListsApi = useCupListsApi({
+      isEcoShare: isEcoShare
+    }),
+    loading = _useCupListsApi.loading,
+    data = _useCupListsApi.data,
+    run = _useCupListsApi.run;
+  var _useStatisticsApi = useStatisticsApi({
+      isEcoShare: isEcoShare
+    }),
+    staticsData = _useStatisticsApi.data,
+    getStatics = _useStatisticsApi.getStatics;
+  var _useEcoShopListsApi = useEcoShopListsApi({
+      isEcoShare: isEcoShare
+    }),
+    ecoShopLists = _useEcoShopListsApi.data,
+    getEcoShopLists = _useEcoShopListsApi.getEcoShopLists;
+  var _useExportApi = useExportApi(),
+    postExportApi = _useExportApi.postExportApi;
+  var _useShareApi = useShareApi(),
+    postShareApi = _useShareApi.postShareApi;
+  var isPartner = useMemo(function () {
+    return !!(isNormalShop || listParams !== null && listParams !== void 0 && listParams.partner_shop_id);
+  }, [isNormalShop, listParams === null || listParams === void 0 ? void 0 : listParams.partner_shop_id]);
+  useEffect(function () {
+    listParamsRef.current = listParams;
+  }, [listParams]);
+  var getLists = useCallback(function (params) {
+    run(_objectSpread(_objectSpread({}, (listParamsRef === null || listParamsRef === void 0 ? void 0 : listParamsRef.current) || {}), params));
+  }, [listParams]);
+  useEffect(function () {
+    var _date$, _date$2;
+    if (isApp) return;
+    getStatics({
+      started_at: date === null || date === void 0 || (_date$ = date[0]) === null || _date$ === void 0 ? void 0 : _date$.format(FORMAT),
+      ended_at: date === null || date === void 0 || (_date$2 = date[1]) === null || _date$2 === void 0 ? void 0 : _date$2.format(FORMAT),
+      partner_shop_id: listParams === null || listParams === void 0 ? void 0 : listParams.partner_shop_id
+    });
+  }, [date, isApp, listParams === null || listParams === void 0 ? void 0 : listParams.partner_shop_id]);
+  useEffect(function () {
+    if (isNormalShop || isApp) return;
+    getEcoShopLists({});
+  }, [isNormalShop, isApp]);
+  useEffect(function () {
+    getLists();
+  }, [getLists]);
+  var handleClickAction = useCallback(function (type, record) {
+    cupActionModal.open({
+      data: {
+        type: type,
+        cupData: record,
+        customerData: (record === null || record === void 0 ? void 0 : record.customer) || {}
+      },
+      onCancel: cupActionModal.close,
+      onOk: function onOk(values) {
+        cupActionModal.close();
+        getLists();
+      }
+    });
+  }, [cupActionModal]);
+  var columns = useColumns({
+    onClickAction: handleClickAction,
+    locales: locales,
+    isEcoShare: isEcoShare
+  });
+  var summary = useSummary(locales, staticsData, isPartner);
+
+  /**
+   * @description: 值变化回调处理函数
+   * @param {any} changedValues
+   * @param {any} values
+   * @return {*}
+   */
+  var handleValuesChange = function handleValuesChange(changedValues, values) {
+    var _values$order_by, _values$pagination, _values$pagination2;
+    // 分割排序字段
+    var orderByTypes = values === null || values === void 0 || (_values$order_by = values.order_by) === null || _values$order_by === void 0 ? void 0 : _values$order_by.split(':');
+    var params = _objectSpread(_objectSpread({}, (values === null || values === void 0 ? void 0 : values.filters) || {}), {}, {
+      order_by: orderByTypes === null || orderByTypes === void 0 ? void 0 : orderByTypes[0],
+      sort: orderByTypes === null || orderByTypes === void 0 ? void 0 : orderByTypes[1],
+      skip: (values === null || values === void 0 || (_values$pagination = values.pagination) === null || _values$pagination === void 0 ? void 0 : _values$pagination.page) || 1,
+      num: (values === null || values === void 0 || (_values$pagination2 = values.pagination) === null || _values$pagination2 === void 0 ? void 0 : _values$pagination2.size) || PAGE_SIZE,
+      partner_shop_id: (values === null || values === void 0 ? void 0 : values.partner_shop_id) || undefined,
+      status: (values === null || values === void 0 ? void 0 : values.status) || undefined
+    });
+    setListParams(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), params);
+    });
+  };
+
+  /**
+   * @description: 值变化回调防抖处理函数
+   * @return {*}
+   */
+  var _useDebounceFn = useDebounceFn(handleValuesChange, {
+      wait: 200
+    }),
+    handleValuesChangeDebounce = _useDebounceFn.run;
+  var handleChange = function handleChange(value, type) {
+    // 搜索code
+    if (type === 'search') {
+      setListParams(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          search: value,
+          skip: 1
+        });
+      });
+    } else {
+      // 搜索日期
+      setDate(value);
+      setListParams(function (prev) {
+        var _value$, _value$2;
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          skip: 1,
+          operated_at_start: value === null || value === void 0 || (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.format(FORMAT),
+          operated_at_end: value === null || value === void 0 || (_value$2 = value[1]) === null || _value$2 === void 0 ? void 0 : _value$2.format(FORMAT)
+        });
+      });
+    }
+  };
+  var pagination = useMemo(function () {
+    return {
+      pageSize: PAGE_SIZE,
+      total: (data === null || data === void 0 ? void 0 : data.count) || 0,
+      size: 'large',
+      current: (listParams === null || listParams === void 0 ? void 0 : listParams.skip) || 1,
+      localPagination: false
+    };
+  }, [data === null || data === void 0 ? void 0 : data.count, listParams === null || listParams === void 0 ? void 0 : listParams.skip]);
+  var onClickButton = useMemoizedFn(function (key) {
+    if (key === 'export') {
+      postExportApi({
+        isPartner: isPartner,
+        listParams: listParams
+      });
+    } else if (key === 'share') {
+      postShareApi();
+    }
+  });
+  var headerRightContent = useMemo(function () {
+    // 只有总店有导出和分享功能
+    if (isNormalShop || isEcoShare) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-header-right-content")
+    }, HEADER_RIGHT_OPTIONS.map(function (button) {
+      return /*#__PURE__*/React.createElement(Button, {
+        key: button.key,
+        type: button.type,
+        size: "large",
+        icon: /*#__PURE__*/React.createElement(Icon, {
+          type: button.icon,
+          size: 22
+        }),
+        onClick: function onClick() {
+          return onClickButton(button.key);
+        },
+        className: "".concat(prefixCls, "-header-right-content-button")
+      }, locales.getText(button.languageKey));
+    }));
+  }, [isNormalShop, onClickButton, isEcoShare]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-container")
+  }, /*#__PURE__*/React.createElement(Page, {
+    style: {
+      height: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(Table, {
+    dataSource: (data === null || data === void 0 ? void 0 : data.list) || [],
+    columns: columns,
+    title: !isApp ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageHeader, {
+      title: locales.getText('pisell2.text.ecocup.title'),
+      rightContent: headerRightContent,
+      isReturn: !isEcoShare
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-header")
+    }, /*#__PURE__*/React.createElement(DatePicker.RangePicker, {
+      inputReadOnly: true,
+      bordered: false,
+      allowClear: false,
+      size: "large",
+      suffixIcon: /*#__PURE__*/React.createElement(CalendarOutlined, null),
+      value: date,
+      onChange: handleChange,
+      format: "DD/MM/YYYY",
+      className: "".concat(prefixCls, "-date-picker")
+    }), /*#__PURE__*/React.createElement(SearchBar, {
+      scanListenerKey: SCAN_LISTENER_KEY,
+      size: "small",
+      placeholder: locales.getText('pisell2.text.ecocup.scan-or-search'),
+      onSearch: function onSearch(value) {
+        return handleChange(value, 'search');
+      }
+    }))) : null,
+    align: "center",
+    pagination: pagination,
+    columnSetting: !isApp ? COLUMN_SETTING : null,
+    sort: !isApp ? SORT_SETTINGS : null,
+    filter: !isApp ? FILTER(locales, isNormalShop, ecoShopLists, isPartner, listParams === null || listParams === void 0 ? void 0 : listParams.skip) : null,
+    summary: !isApp ? summary : null,
+    className: "".concat(prefixCls, "-table"),
+    rowClassName: "".concat(prefixCls, "-table-row"),
+    loading: loading,
+    onValuesChange: handleValuesChangeDebounce,
+    rowKey: "id",
+    virtual: false,
+    tableLayout: "",
+    scroll: {
+      scrollToFirstRowOnChange: true,
+      autoCalc: true
+    }
+  })), cupActionModal.visible && /*#__PURE__*/React.createElement(CupActionModal, cupActionModal.modalProps));
+};
+export default CupList;

package/es/components/ecocup/cupList/index.less

@@ -0,0 +1,159 @@
+@prefixCls: ecocup-cup-list;
+
+.@{prefixCls} {
+  &-container {
+    height: 100%;
+    background-color: #2A1C48;
+    display: flex;
+    flex-direction: column;
+    padding: 38px 12px 12px;
+
+    .pisell-lowcode-page-header-left {
+      flex: 1;
+    }
+
+    .pisell-lowcode-action-btn-icon {
+      color: #fff !important;
+
+      &:hover {
+        color: #101828 !important;
+      }
+    }
+
+    .materials-grid-table-wrap {
+      .grid-view-table-wrap {
+        border-radius: 0 0 10px 10px;
+        overflow: hidden;
+      }
+    }
+  }
+
+  &-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+  }
+
+  &-date-picker {
+    width: 240px !important;
+    background: #916ce0;
+    border-radius: 8px;
+
+    >div>div {
+      font-size: 14px;
+      color: #fff;
+      font-weight: 600;
+      line-height: 20px;
+
+      input {
+        height: 38px !important;
+        line-height: 38px !important;
+        padding: 0 0 0 14px !important;
+
+        &::selection {
+          background: transparent;
+        }
+      }
+    }
+  }
+
+  &-summary {
+    &-card {
+      min-height: 80px;
+      border: none;
+
+      .pisell-lowcode-card-body {
+        padding: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+        min-height: 80px;
+      }
+
+      &-statistic {
+        display: flex;
+        flex-direction: column;
+        text-align: center;
+        gap: 8px;
+        font-weight: 600;
+
+        .pisell-lowcode-statistic-title,
+        .pisell-lowcode-statistic-content-value {
+          line-height: 24px;
+          margin: 0;
+        }
+
+        .pisell-lowcode-statistic-content-value {
+          font-size: 28px;
+        }
+
+        .pisell-lowcode-statistic-content {
+          line-height: 28px;
+        }
+      }
+    }
+
+    &-primary {
+      background: #916ce0;
+
+      .pisell-lowcode-statistic-title,
+      .pisell-lowcode-statistic-content-value {
+        color: #ffffff !important;
+      }
+    }
+  }
+
+  &-table {
+    td {
+      text-align: center;
+    }
+
+    &-table-row {
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  &-table-status {
+    padding: 4px 8px;
+    border-radius: 16px;
+    font-size: 12px;
+    font-weight: 600;
+    line-height: 16px;
+    width: max-content;
+    margin: 0 auto;
+  }
+
+  &-table-actions {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 10px;
+  }
+
+  &-header-right-content {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+
+    &-button {
+      width: 100px;
+      height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 14px;
+      box-shadow: none;
+      border: 1px solid #7f56d9;
+      color: #7f56d9;
+      font-weight: bold;
+      &:hover {
+        background: #7f56d9;
+        color: #fff;
+      }
+    }
+  }
+}

package/es/components/ecocup/cupProject/const.js

@@ -0,0 +1,33 @@
+export var CUP_PROJECT_FOOTER_BUTTONS = [{
+  key: 'add-new-customer',
+  icon: 'pisell2-plus-circle',
+  type: 'primary',
+  size: 'large',
+  languageKey: 'pisell2.text.cup-project.footer.button.new-customer'
+}, {
+  key: 'customer-list',
+  icon: 'pisell2-file-check-02',
+  type: 'primary',
+  size: 'large',
+  languageKey: 'pisell2.text.cup-project.footer.button.customer-list'
+}, {
+  key: 'cup-list',
+  icon: 'pisell2-file-check-02',
+  type: 'primary',
+  size: 'large',
+  languageKey: 'pisell2.text.cup-project.footer.button.cup-list'
+},
+// {
+//   key: 'register-cups',
+//   icon: 'RestOutlined',
+//   type: 'primary',
+//   size: 'large',
+//   languageKey: 'pisell2.text.cup-project.footer.button.register-cups',
+// },
+{
+  key: 'setting',
+  icon: 'pisell2-settings-02',
+  type: 'primary',
+  size: 'large',
+  languageKey: 'pisell2.text.cup-project.footer.button.setting'
+}];

package/es/components/ecocup/cupProject/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import './index.less';
+export default function EcoCupProject(): React.JSX.Element;

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

@@ -0,0 +1,112 @@
+import React from 'react';
+import { locales } from '@pisell/utils';
+import { Button, Icon } from '@pisell/materials';
+import "./index.less";
+import { useGetApp, useGetGoalShopInfo, useLanguage, useModal } from "../hooks";
+import localeTexts from "../locales";
+import { CUP_PROJECT_FOOTER_BUTTONS } from "./const";
+import SearchBar from "../components/SearchBar";
+import AddCustomerModal from "../components/AddCustomerModal";
+import CustomerAndCupModal from "../components/CustomerAndCupModal";
+import SettingModal from "../components/SettingModal";
+var SCAN_LISTENER_KEY = 'eco-cup-project-scan-listener';
+export default function EcoCupProject() {
+  var language = useLanguage();
+  locales.init(localeTexts, language);
+  var getApp = useGetApp();
+  var addCustomerModal = useModal('ecocup-add-customer-modal');
+  var settingModal = useModal('ecocup-setting-modal');
+  var customerAndCupModal = useModal('ecocup-customer-and-cup-modal');
+  var _useGetGoalShopInfo = useGetGoalShopInfo(),
+    goalShopId = _useGetGoalShopInfo.goalShopId;
+  var onSearchResult = function onSearchResult(result) {
+    console.log('onSearchResult', result);
+    if ((result === null || result === void 0 ? void 0 : result.type) === 'customer') {
+      customerAndCupModal.open({
+        data: {
+          firstType: result === null || result === void 0 ? void 0 : result.type,
+          customerData: result === null || result === void 0 ? void 0 : result.data
+        }
+      });
+    } else if ((result === null || result === void 0 ? void 0 : result.type) === 'cup') {
+      customerAndCupModal.open({
+        data: {
+          firstType: result === null || result === void 0 ? void 0 : result.type,
+          cupData: result === null || result === void 0 ? void 0 : result.data
+        }
+      });
+    }
+  };
+  var onClickNewCustomer = function onClickNewCustomer() {
+    console.log('onClickNewCustomer');
+    addCustomerModal.open();
+  };
+  var onClickSetting = function onClickSetting() {
+    console.log('onClickSetting');
+    settingModal.open();
+  };
+  var onClickCustomerList = function onClickCustomerList() {
+    console.log('onClickCustomerList');
+    var app = getApp === null || getApp === void 0 ? void 0 : getApp();
+    if (goalShopId) {
+      var _app$history;
+      app === null || app === void 0 || (_app$history = app.history) === null || _app$history === void 0 || _app$history.push("/ecocup/customer-list?goal_shop_id=".concat(goalShopId));
+    } else {
+      var _app$history2;
+      app === null || app === void 0 || (_app$history2 = app.history) === null || _app$history2 === void 0 || _app$history2.push('/ecocup/customer-list');
+    }
+  };
+  var onClickCupList = function onClickCupList() {
+    console.log('onClickCupList');
+    var app = getApp === null || getApp === void 0 ? void 0 : getApp();
+    if (goalShopId) {
+      var _app$history3;
+      app === null || app === void 0 || (_app$history3 = app.history) === null || _app$history3 === void 0 || _app$history3.push("/ecocup/cup-list?goal_shop_id=".concat(goalShopId));
+    } else {
+      var _app$history4;
+      app === null || app === void 0 || (_app$history4 = app.history) === null || _app$history4 === void 0 || _app$history4.push('/ecocup/cup-list');
+    }
+  };
+  var onClickButton = function onClickButton(key) {
+    switch (key) {
+      case 'add-new-customer':
+        onClickNewCustomer();
+        break;
+      case 'customer-list':
+        onClickCustomerList();
+        break;
+      case 'cup-list':
+        onClickCupList();
+        break;
+      case 'setting':
+        onClickSetting();
+        break;
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "ecocup-cup-project"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ecocup-cup-project-title"
+  }, locales.getText('pisell2.text.cup-project.title')), /*#__PURE__*/React.createElement("div", {
+    className: "ecocup-cup-project-search-bar"
+  }, /*#__PURE__*/React.createElement(SearchBar, {
+    scanListenerKey: SCAN_LISTENER_KEY,
+    onSearchResult: onSearchResult
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "ecocup-cup-project-actions"
+  }, CUP_PROJECT_FOOTER_BUTTONS.map(function (button) {
+    return /*#__PURE__*/React.createElement(Button, {
+      key: button.key,
+      type: button.type,
+      size: "large",
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        type: button.icon,
+        size: 32
+      }),
+      onClick: function onClick() {
+        return onClickButton(button.key);
+      },
+      className: "ecocup-cup-project-actions-button"
+    }, locales.getText(button.languageKey));
+  })), addCustomerModal.visible && /*#__PURE__*/React.createElement(AddCustomerModal, addCustomerModal.modalProps), customerAndCupModal.visible && /*#__PURE__*/React.createElement(CustomerAndCupModal, customerAndCupModal.modalProps), settingModal.visible && /*#__PURE__*/React.createElement(SettingModal, settingModal.modalProps));
+}

package/es/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/es/components/ecocup/customerList/const.js

@@ -0,0 +1,67 @@
+/**
+ * @description: 排序设置
+ * @return {*}
+ */
+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,
+  // },
+  ]
+};
+
+/**
+ * @description: 列配置
+ * @return {*}
+ */
+var COLUMN_SETTING = {
+  show: true,
+  storageMode: 'localStorage'
+};
+var FILTER = function 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
+        }
+      }
+    }]
+  };
+};
+export { SORT_SETTINGS, COLUMN_SETTING, FILTER };

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

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