@pisell/private-materials 3.4.79 → 3.4.81

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.d.ts

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

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.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import './index.less';
-export default function EcoCupProject(): React.JSX.Element;
+export default function EcoCupProject(): JSX.Element;

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 }));
 }

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

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

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

@@ -47,3 +47,11 @@ export declare const useGetShopId: () => any;
  * @return {*}
  */
 export declare const useIsApp: () => boolean;
+/**
+ * @description: 获取分享场景
+ * @return {*}
+ */
+export declare const useGetShare: () => {
+    source: string | null;
+    isEcoShare: boolean;
+};

package/lib/components/ecocup/hooks.js

@@ -31,6 +31,7 @@ var hooks_exports = {};
 __export(hooks_exports, {
   useGetApp: () => useGetApp,
   useGetGoalShopInfo: () => useGetGoalShopInfo,
+  useGetShare: () => useGetShare,
   useGetShopId: () => useGetShopId,
   useIsApp: () => useIsApp,
   useLanguage: () => useLanguage,
@@ -41,11 +42,11 @@ __export(hooks_exports, {
 module.exports = __toCommonJS(hooks_exports);
 var import_react = require("react");
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_useLocale = __toESM(require("../../hooks/useLocale"));
 var import_scanListener = __toESM(require("./utils/scanListener"));
 var useLanguage = () => {
-  var _a, _b, _c;
-  const context = (0, import_useEngineContext.default)();
-  return ((_c = (_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.storage) == null ? void 0 : _c.get("umi_locale")) || "en";
+  const locale = (0, import_useLocale.default)();
+  return locale || "en";
 };
 var useScanListener = () => {
   var _a;
@@ -57,10 +58,13 @@ var useScanListener = () => {
   const removeListener = (key) => {
     import_scanListener.default.removeListener(key);
   };
+  const setActiveListener = (key) => {
+    import_scanListener.default.setActiveListener(key);
+  };
   return {
     addListener,
     removeListener,
-    setActiveListener: import_scanListener.default.setActiveListener
+    setActiveListener
   };
 };
 var useGetApp = () => {
@@ -142,10 +146,20 @@ var useIsApp = () => {
   const platform = (0, import_useEngineContext.usePlatform)();
   return platform === "h5" || platform === "pc";
 };
+var useGetShare = () => {
+  var _a;
+  const search = ((_a = window == null ? void 0 : window.location) == null ? void 0 : _a.search) || {};
+  const source = new URLSearchParams(search).get("source");
+  return {
+    source,
+    isEcoShare: source ? source === "ecoShare" : false
+  };
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   useGetApp,
   useGetGoalShopInfo,
+  useGetShare,
   useGetShopId,
   useIsApp,
   useLanguage,