@pisell/private-materials 6.3.100 → 6.3.101

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

@@ -16,17 +16,26 @@ interface GetStatisticsParams {
     type?: 'eco' | 'normal';
     partner_shop_id?: number;
 }
-export declare const useCupListsApi: () => {
+interface IProps {
+    isEcoShare?: boolean;
+}
+export declare const useCupListsApi: (props: IProps) => {
     loading: boolean;
     data: any;
     run: (params: GetCupListsParams) => Promise<void>;
 };
-export declare const useStatisticsApi: () => {
+export declare const useStatisticsApi: (props: IProps) => {
     data: any;
     getStatics: (params: GetStatisticsParams) => Promise<void>;
 };
-export declare const useEcoShopListsApi: () => {
+export declare const useEcoShopListsApi: (props: IProps) => {
     data: any;
     getEcoShopLists: (params?: any) => Promise<void>;
 };
+export declare const useShareApi: () => {
+    postShareApi: () => Promise<void>;
+};
+export declare const useExportApi: () => {
+    postExportApi: (params?: any) => Promise<void>;
+};
 export {};

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

@@ -1,6 +1,8 @@
+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)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/useCupApi.ts
@@ -21,17 +31,30 @@ var useCupApi_exports = {};
 __export(useCupApi_exports, {
   useCupListsApi: () => useCupListsApi,
   useEcoShopListsApi: () => useEcoShopListsApi,
+  useExportApi: () => useExportApi,
+  useShareApi: () => useShareApi,
   useStatisticsApi: () => useStatisticsApi
 });
 module.exports = __toCommonJS(useCupApi_exports);
 var import_react = require("react");
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_hooks = require("../../hooks");
-var useCupListsApi = () => {
+var getApiConfig = (isEcoShare) => {
+  if (!isEcoShare) return {};
+  return {
+    isShopApi: true
+  };
+};
+var useCupListsApi = (props) => {
+  const { isEcoShare } = props;
   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 apiConfig = getApiConfig(isEcoShare);
   const getCupLists = (0, import_react.useCallback)(async (params) => {
     try {
       const api = isApp ? "/h5/wallet/eco" : "/shop/wallet/eco";
@@ -39,11 +62,20 @@ var useCupListsApi = () => {
       setLoading(true);
       let _params = {
         type: isPartner ? "partner" : "eco",
-        with: ["customer:id,display_name", "rentShop:id,name", "returnShop:id,name", "currentShop:id,name"],
+        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"];
+        _params.with = [
+          "customer:id,display_name",
+          "rentShop:id,name",
+          "returnShop:id,name"
+        ];
       }
       if (isApp) {
         _params = {
@@ -51,7 +83,7 @@ var useCupListsApi = () => {
           skip: params == null ? void 0 : params.skip
         };
       }
-      const res = await get(api, _params);
+      const res = await get(api, _params, apiConfig);
       setData((res == null ? void 0 : res.data) || {});
       setLoading(false);
     } catch (error) {
@@ -64,10 +96,12 @@ var useCupListsApi = () => {
     run: getCupLists
   };
 };
-var useStatisticsApi = () => {
+var useStatisticsApi = (props) => {
+  const { isEcoShare } = props;
   const [data, setData] = (0, import_react.useState)({});
   const { get } = (0, import_hooks.useRequest)();
   const { isNormalShop } = (0, import_hooks.useGetGoalShopInfo)();
+  const apiConfig = getApiConfig(isEcoShare);
   const getStatics = (0, import_react.useCallback)(async (params) => {
     try {
       const isPartner = isNormalShop || (params == null ? void 0 : params.partner_shop_id);
@@ -75,7 +109,7 @@ var useStatisticsApi = () => {
         type: isPartner ? "partner" : "eco",
         ...params
       };
-      const res = await get("/shop/wallet/eco/statistics", _params);
+      const res = await get("/shop/wallet/eco/statistics", _params, apiConfig);
       setData((res == null ? void 0 : res.data) || {});
     } catch (error) {
     }
@@ -85,16 +119,18 @@ var useStatisticsApi = () => {
     getStatics
   };
 };
-var useEcoShopListsApi = () => {
+var useEcoShopListsApi = (props) => {
+  const { isEcoShare } = props;
   const [data, setData] = (0, import_react.useState)([]);
   const { get } = (0, import_hooks.useRequest)();
+  const apiConfig = getApiConfig(isEcoShare);
   const getEcoShopLists = (0, import_react.useCallback)(async (params) => {
     try {
       const _params = {
         skip: 1,
         num: 100
       };
-      const res = await get("/shop/wallet/eco/shops", _params);
+      const res = await get("/shop/wallet/eco/shops", _params, apiConfig);
       setData((res == null ? void 0 : res.data) || []);
     } catch (error) {
     }
@@ -104,9 +140,88 @@ var useEcoShopListsApi = () => {
     getEcoShopLists
   };
 };
+var useShareApi = () => {
+  var _a;
+  const { post } = (0, import_hooks.useRequest)();
+  const app = (0, import_hooks.useGetApp)();
+  const context = (0, import_useEngineContext.default)();
+  const coreData = (0, import_react.useMemo)(() => {
+    var _a2, _b, _c, _d, _e, _f;
+    return (_f = (_e = (_d = (_c = (_b = (_a2 = app == null ? void 0 : app()) == null ? void 0 : _a2.data) == null ? void 0 : _b.store) == null ? void 0 : _c.getStore) == null ? void 0 : _d.call(_c)) == null ? void 0 : _e.getDataByModel) == null ? void 0 : _f.call(_e, "tenantCore", "core");
+  }, [app]);
+  const postShareApi = (0, import_react.useCallback)(async () => {
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+    try {
+      const token = (_d = (_c = (_b = (_a2 = app()) == null ? void 0 : _a2.data) == null ? void 0 : _b.storage) == null ? void 0 : _c.getStorage) == null ? void 0 : _d.call(_c, "token");
+      const { copyToClipboard } = ((_f = (_e = context == null ? void 0 : context.appHelper) == null ? void 0 : _e.utils) == null ? void 0 : _f.businessUtils) || {};
+      if (!token) return;
+      const params = {
+        // 有效期，7天，转成秒
+        ttl: 7 * 24 * 60 * 60,
+        data: {
+          login_token: token
+        }
+      };
+      const res = await post("/tenant/core/stash-token", params, {
+        isPisell2: true
+      });
+      if (((_g = res == null ? void 0 : res.data) == null ? void 0 : _g.token) && ((_h = coreData == null ? void 0 : coreData.tenant) == null ? void 0 : _h.default_domain)) {
+        const path = `https://${(_i = coreData == null ? void 0 : coreData.tenant) == null ? void 0 : _i.default_domain}/admin/ecocup/cup-list`;
+        const url = `${path}?source=ecoShare&key=${(_j = res == null ? void 0 : res.data) == null ? void 0 : _j.token}`;
+        copyToClipboard && copyToClipboard(url);
+        (0, import_materials.PisellToast)({
+          content: import_utils.locales.getText("pisell2.text.ecocup.toast.success-copy-link")
+        });
+      }
+    } catch (error) {
+      console.log("分享失败", error);
+    }
+  }, [(_a = coreData == null ? void 0 : coreData.tenant) == null ? void 0 : _a.default_domain]);
+  return {
+    postShareApi
+  };
+};
+var useExportApi = () => {
+  const { post } = (0, import_hooks.useRequest)();
+  const shopId = (0, import_hooks.useGetShopId)();
+  const context = (0, import_useEngineContext.default)();
+  const postExportApi = (0, import_react.useCallback)(async (params) => {
+    var _a, _b;
+    try {
+      const { downloadFile } = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
+      const { isPartner, listParams } = params;
+      const _params = {
+        type: isPartner ? "partner" : "eco",
+        business_shop_id: !isPartner ? shopId : listParams == null ? void 0 : listParams.partner_shop_id,
+        operated_at_start: listParams == null ? void 0 : listParams.operated_at_start,
+        operated_at_end: listParams == null ? void 0 : listParams.operated_at_end
+      };
+      const res = await post("/shop/wallet/eco/export-url", _params);
+      if ((_b = res == null ? void 0 : res.data) == null ? void 0 : _b.export_url) {
+        const timestamp = (/* @__PURE__ */ new Date()).toISOString().replace(/[-:T.]/g, "").slice(0, 14);
+        const filename = `shop-eco-cups-${timestamp}.csv`;
+        downloadFile && downloadFile(res.data.export_url, filename);
+        (0, import_materials.PisellToast)({
+          content: import_utils.locales.getText("pisell2.text.ecocup.export.success")
+        });
+        return;
+      }
+      (0, import_materials.PisellToast)({
+        content: import_utils.locales.getText("pisell2.text.ecocup.export.fail")
+      });
+    } catch (error) {
+      console.log("导出失败", error);
+    }
+  }, []);
+  return {
+    postExportApi
+  };
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   useCupListsApi,
   useEcoShopListsApi,
+  useExportApi,
+  useShareApi,
   useStatisticsApi
 });

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

@@ -39,33 +39,41 @@ 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
+        value: (staticsData == null ? void 0 : staticsData.rent_count) || 0,
+        type: "primary"
       },
       {
         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
+        value: (staticsData == null ? void 0 : staticsData.return_count) || 0,
+        type: "primary"
+      },
+      {
+        key: "available-to-rent",
+        title: locales.getText("pisell2.text.ecocup.available-to-rent"),
+        value: (staticsData == null ? void 0 : staticsData.in_stock_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,
+      return /* @__PURE__ */ import_react.default.createElement(import_materials.Col, { span: 8, key: item.key }, /* @__PURE__ */ import_react.default.createElement(
+        import_materials.Card,
         {
-          title: item.title,
-          value: item.value,
-          className: `${prefixCls}-summary-card-statistic`
-        }
-      )));
+          className: `${prefixCls}-summary-card ${(item == null ? void 0 : item.type) === "primary" ? `${prefixCls}-summary-primary` : ""}`
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_materials.Statistic,
+          {
+            title: item.title,
+            value: item.value,
+            className: `${prefixCls}-summary-card-statistic`
+          }
+        )
+      ));
     }));
   }, [summaryData]);
 };

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

@@ -38,7 +38,6 @@ 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"));
@@ -46,39 +45,51 @@ 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_hooks3 = require("../hooks");
 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 [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 shopId = (0, import_hooks2.useGetShopId)();
   const isApp = (0, import_hooks2.useIsApp)();
-  const platform = (0, import_useEngineContext.usePlatform)();
   const language = (0, import_hooks2.useLanguage)();
+  const { isEcoShare } = (0, import_hooks3.useGetShare)();
   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 { loading, data, run } = (0, import_hooks.useCupListsApi)({ isEcoShare });
+  const { data: staticsData, getStatics } = (0, import_hooks.useStatisticsApi)({ isEcoShare });
+  const { data: ecoShopLists, getEcoShopLists } = (0, import_hooks.useEcoShopListsApi)({
+    isEcoShare
+  });
+  const { postExportApi } = (0, import_hooks.useExportApi)();
+  const { postShareApi } = (0, import_hooks.useShareApi)();
   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]);
+  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;
@@ -110,7 +121,8 @@ var CupList = (props) => {
   );
   const columns = (0, import_hooks.useColumns)({
     onClickAction: handleClickAction,
-    locales: import_utils.locales
+    locales: import_utils.locales,
+    isEcoShare
   });
   const summary = (0, import_hooks.useSummary)(import_utils.locales, staticsData, isPartner);
   const handleValuesChange = (changedValues, values) => {
@@ -158,12 +170,46 @@ var CupList = (props) => {
       localPagination: false
     };
   }, [data == null ? void 0 : data.count, listParams == null ? void 0 : listParams.skip]);
+  const onClickButton = (0, import_ahooks.useMemoizedFn)((key) => {
+    if (key === "export") {
+      postExportApi({
+        isPartner,
+        listParams
+      });
+    } else if (key === "share") {
+      postShareApi();
+    }
+  });
+  const headerRightContent = (0, import_react.useMemo)(() => {
+    if (isNormalShop || isEcoShare) {
+      return null;
+    }
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header-right-content` }, import_const.HEADER_RIGHT_OPTIONS.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: 22 }),
+        onClick: () => onClickButton(button.key),
+        className: `${prefixCls}-header-right-content-button`
+      },
+      import_utils.locales.getText(button.languageKey)
+    )));
+  }, [isNormalShop, onClickButton, isEcoShare]);
   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(
+      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"),
+          rightContent: headerRightContent,
+          isReturn: !isEcoShare
+        }
+      ), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header` }, /* @__PURE__ */ import_react.default.createElement(
         import_materials.DatePicker.RangePicker,
         {
           inputReadOnly: true,
@@ -181,7 +227,9 @@ var CupList = (props) => {
         {
           scanListenerKey: SCAN_LISTENER_KEY,
           size: "small",
-          placeholder: import_utils.locales.getText("pisell2.text.ecocup.scan-or-search"),
+          placeholder: import_utils.locales.getText(
+            "pisell2.text.ecocup.scan-or-search"
+          ),
           onSearch: (value) => handleChange(value, "search")
         }
       ))) : null,
@@ -189,7 +237,13 @@ var CupList = (props) => {
       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,
+      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`,

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

@@ -7,19 +7,21 @@
     display: flex;
     flex-direction: column;
     padding: 38px 12px 12px;
-    
-    .pisell-lowcode-page-header-left{
+
+    .pisell-lowcode-page-header-left {
       flex: 1;
     }
-    .pisell-lowcode-action-btn-icon{
-      color: #fff!important;
-      &:hover{
-        color: #101828!important;
+
+    .pisell-lowcode-action-btn-icon {
+      color: #fff !important;
+
+      &:hover {
+        color: #101828 !important;
       }
     }
 
-    .materials-grid-table-wrap{
-      .grid-view-table-wrap{
+    .materials-grid-table-wrap {
+      .grid-view-table-wrap {
         border-radius: 0 0 10px 10px;
         overflow: hidden;
       }
@@ -37,64 +39,84 @@
     width: 240px !important;
     background: #916ce0;
     border-radius: 8px;
-    > div > div {
+
+    >div>div {
       font-size: 14px;
       color: #fff;
       font-weight: 600;
       line-height: 20px;
-      input{
+
+      input {
         height: 38px !important;
         line-height: 38px !important;
         padding: 0 0 0 14px !important;
-         &::selection {
-           background: transparent;
-         }
+
+        &::selection {
+          background: transparent;
+        }
       }
     }
   }
 
   &-summary {
     &-card {
-      height: 80px;
+      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 {
-          // color: #5d3f9f !important;
           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;
@@ -104,10 +126,34 @@
     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/lib/components/ecocup/cupProject/const.js

@@ -43,7 +43,7 @@ var CUP_PROJECT_FOOTER_BUTTONS = [
     type: "primary",
     size: "large",
     languageKey: "pisell2.text.cup-project.footer.button.cup-list"
-  }
+  },
   // {
   //   key: 'register-cups',
   //   icon: 'RestOutlined',
@@ -51,6 +51,13 @@ var CUP_PROJECT_FOOTER_BUTTONS = [
   //   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"
+  }
 ];
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -42,12 +42,14 @@ 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 import_SettingModal = __toESM(require("../components/SettingModal"));
 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 settingModal = (0, import_hooks.useModal)("ecocup-setting-modal");
   const customerAndCupModal = (0, import_hooks.useModal)("ecocup-customer-and-cup-modal");
   const { goalShopId } = (0, import_hooks.useGetGoalShopInfo)();
   const onSearchResult = (result) => {
@@ -72,6 +74,10 @@ function EcoCupProject() {
     console.log("onClickNewCustomer");
     addCustomerModal.open();
   };
+  const onClickSetting = () => {
+    console.log("onClickSetting");
+    settingModal.open();
+  };
   const onClickCustomerList = () => {
     var _a, _b;
     console.log("onClickCustomerList");
@@ -103,6 +109,9 @@ function EcoCupProject() {
       case "cup-list":
         onClickCupList();
         break;
+      case "setting":
+        onClickSetting();
+        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(
@@ -122,5 +131,5 @@ function EcoCupProject() {
       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 }));
+  ))), addCustomerModal.visible && /* @__PURE__ */ import_react.default.createElement(import_AddCustomerModal.default, { ...addCustomerModal.modalProps }), customerAndCupModal.visible && /* @__PURE__ */ import_react.default.createElement(import_CustomerAndCupModal.default, { ...customerAndCupModal.modalProps }), settingModal.visible && /* @__PURE__ */ import_react.default.createElement(import_SettingModal.default, { ...settingModal.modalProps }));
 }