@pisell/private-materials 6.3.80 → 6.3.81

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

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

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

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

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

@@ -0,0 +1,75 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ecocup/cupList/hooks/useSummary.tsx
+var useSummary_exports = {};
+__export(useSummary_exports, {
+  useSummary: () => useSummary
+});
+module.exports = __toCommonJS(useSummary_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import__ = require("../index.less");
+var prefixCls = "ecocup-cup-list";
+var useSummary = (locales, staticsData, isPartner) => {
+  const summaryData = (0, import_react.useMemo)(() => {
+    return [
+      {
+        key: "available-to-rent",
+        title: locales.getText("pisell2.text.ecocup.available-to-rent"),
+        value: (staticsData == null ? void 0 : staticsData.in_stock_count) || 0
+      },
+      {
+        key: "cup-rent",
+        title: isPartner ? locales.getText("pisell2.text.ecocup.cup-rent") : locales.getText("pisell2.text.ecocup.eco.cup-rent"),
+        value: (staticsData == null ? void 0 : staticsData.rent_count) || 0
+      },
+      {
+        key: "cup-returned",
+        title: isPartner ? locales.getText("pisell2.text.ecocup.cup-returned") : locales.getText("pisell2.text.ecocup.eco.cup-returned"),
+        value: (staticsData == null ? void 0 : staticsData.return_count) || 0
+      }
+    ];
+  }, [staticsData, isPartner]);
+  return (0, import_react.useMemo)(() => {
+    return () => /* @__PURE__ */ import_react.default.createElement(import_materials.Row, { gutter: 8, className: `${prefixCls}-summary` }, summaryData.map((item) => {
+      return /* @__PURE__ */ import_react.default.createElement(import_materials.Col, { span: 8, key: item.key }, /* @__PURE__ */ import_react.default.createElement(import_materials.Card, { className: `${prefixCls}-summary-card` }, /* @__PURE__ */ import_react.default.createElement(
+        import_materials.Statistic,
+        {
+          title: item.title,
+          value: item.value,
+          className: `${prefixCls}-summary-card-statistic`
+        }
+      )));
+    }));
+  }, [summaryData]);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSummary
+});

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

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

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

@@ -0,0 +1,208 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ecocup/cupList/index.tsx
+var cupList_exports = {};
+__export(cupList_exports, {
+  default: () => cupList_default
+});
+module.exports = __toCommonJS(cupList_exports);
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_dayjs = __toESM(require("dayjs"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_icons = require("@ant-design/icons");
+var import_useEngineContext = require("../../../hooks/useEngineContext");
+var import_hooks = require("./hooks");
+var import_const = require("./const");
+var import_PageHeader = __toESM(require("../components/PageHeader"));
+var import_CupActionModal = __toESM(require("../components/CupActionModal"));
+var import_SearchBar = __toESM(require("../components/SearchBar"));
+var import_hooks2 = require("../hooks");
+var import_locales = __toESM(require("../locales"));
+var import_index = require("./index.less");
+var prefixCls = "ecocup-cup-list";
+var SCAN_LISTENER_KEY = "eco-cup-list-scan-listener";
+var PAGE_SIZE = 10;
+var FORMAT = "YYYY-MM-DD HH:mm:ss";
+var CupList = (props) => {
+  const [date, setDate] = (0, import_react.useState)([(0, import_dayjs.default)().startOf("day"), (0, import_dayjs.default)().endOf("day")]);
+  const cupActionModal = (0, import_hooks2.useModal)("ecocup-list-action-modal");
+  const { isNormalShop } = (0, import_hooks2.useGetGoalShopInfo)();
+  const isApp = (0, import_hooks2.useIsApp)();
+  const platform = (0, import_useEngineContext.usePlatform)();
+  const language = (0, import_hooks2.useLanguage)();
+  import_utils.locales.init(import_locales.default, language);
+  const [listParams, setListParams] = (0, import_react.useState)({
+    skip: 1,
+    num: PAGE_SIZE
+  });
+  const listParamsRef = (0, import_react.useRef)(listParams);
+  const { loading, data, run } = (0, import_hooks.useCupListsApi)();
+  const { data: staticsData, getStatics } = (0, import_hooks.useStatisticsApi)();
+  const { data: ecoShopLists, getEcoShopLists } = (0, import_hooks.useEcoShopListsApi)();
+  const isPartner = (0, import_react.useMemo)(() => {
+    return !!(isNormalShop || (listParams == null ? void 0 : listParams.partner_shop_id));
+  }, [isNormalShop, listParams == null ? void 0 : listParams.partner_shop_id]);
+  (0, import_react.useEffect)(() => {
+    listParamsRef.current = listParams;
+  }, [listParams]);
+  const getLists = (0, import_react.useCallback)((params) => {
+    run({
+      ...(listParamsRef == null ? void 0 : listParamsRef.current) || {},
+      ...params
+    });
+  }, [listParams]);
+  (0, import_react.useEffect)(() => {
+    var _a, _b;
+    if (isApp) return;
+    getStatics({
+      started_at: (_a = date == null ? void 0 : date[0]) == null ? void 0 : _a.format(FORMAT),
+      ended_at: (_b = date == null ? void 0 : date[1]) == null ? void 0 : _b.format(FORMAT),
+      partner_shop_id: listParams == null ? void 0 : listParams.partner_shop_id
+    });
+  }, [date, isApp, listParams == null ? void 0 : listParams.partner_shop_id]);
+  (0, import_react.useEffect)(() => {
+    if (isNormalShop || isApp) return;
+    getEcoShopLists({});
+  }, [isNormalShop, isApp]);
+  (0, import_react.useEffect)(() => {
+    getLists();
+  }, [getLists]);
+  const handleClickAction = (0, import_react.useCallback)(
+    (type, record) => {
+      cupActionModal.open({
+        data: { type, cupData: record, customerData: (record == null ? void 0 : record.customer) || {} },
+        onCancel: cupActionModal.close,
+        onOk: (values) => {
+          cupActionModal.close();
+          getLists();
+        }
+      });
+    },
+    [cupActionModal]
+  );
+  const columns = (0, import_hooks.useColumns)({
+    onClickAction: handleClickAction,
+    locales: import_utils.locales
+  });
+  const summary = (0, import_hooks.useSummary)(import_utils.locales, staticsData, isPartner);
+  const handleValuesChange = (changedValues, values) => {
+    var _a, _b, _c;
+    const orderByTypes = (_a = values == null ? void 0 : values.order_by) == null ? void 0 : _a.split(":");
+    const params = {
+      ...(values == null ? void 0 : values.filters) || {},
+      order_by: orderByTypes == null ? void 0 : orderByTypes[0],
+      sort: orderByTypes == null ? void 0 : orderByTypes[1],
+      skip: ((_b = values == null ? void 0 : values.pagination) == null ? void 0 : _b.page) || 1,
+      num: ((_c = values == null ? void 0 : values.pagination) == null ? void 0 : _c.size) || PAGE_SIZE,
+      partner_shop_id: (values == null ? void 0 : values.partner_shop_id) || void 0,
+      status: (values == null ? void 0 : values.status) || void 0
+    };
+    setListParams((prev) => ({ ...prev, ...params }));
+  };
+  const { run: handleValuesChangeDebounce } = (0, import_ahooks.useDebounceFn)(
+    handleValuesChange,
+    {
+      wait: 200
+    }
+  );
+  const handleChange = (value, type) => {
+    if (type === "search") {
+      setListParams((prev) => ({ ...prev, search: value, skip: 1 }));
+    } else {
+      setDate(value);
+      setListParams((prev) => {
+        var _a, _b;
+        return {
+          ...prev,
+          skip: 1,
+          operated_at_start: (_a = value == null ? void 0 : value[0]) == null ? void 0 : _a.format(FORMAT),
+          operated_at_end: (_b = value == null ? void 0 : value[1]) == null ? void 0 : _b.format(FORMAT)
+        };
+      });
+    }
+  };
+  const pagination = (0, import_react.useMemo)(() => {
+    return {
+      pageSize: PAGE_SIZE,
+      total: (data == null ? void 0 : data.count) || 0,
+      size: "large",
+      current: (listParams == null ? void 0 : listParams.skip) || 1,
+      localPagination: false
+    };
+  }, [data == null ? void 0 : data.count, listParams == null ? void 0 : listParams.skip]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-container` }, /* @__PURE__ */ import_react.default.createElement(import_materials.Page, { style: { height: "100%" } }, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Table,
+    {
+      dataSource: (data == null ? void 0 : data.list) || [],
+      columns,
+      title: !isApp ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_PageHeader.default, { title: import_utils.locales.getText("pisell2.text.ecocup.title") }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header` }, /* @__PURE__ */ import_react.default.createElement(
+        import_materials.DatePicker.RangePicker,
+        {
+          inputReadOnly: true,
+          bordered: false,
+          allowClear: false,
+          size: "large",
+          suffixIcon: /* @__PURE__ */ import_react.default.createElement(import_icons.CalendarOutlined, null),
+          value: date,
+          onChange: handleChange,
+          format: "DD/MM/YYYY",
+          className: `${prefixCls}-date-picker`
+        }
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_SearchBar.default,
+        {
+          scanListenerKey: SCAN_LISTENER_KEY,
+          size: "small",
+          placeholder: import_utils.locales.getText("pisell2.text.ecocup.scan-or-search"),
+          onSearch: (value) => handleChange(value, "search")
+        }
+      ))) : null,
+      align: "center",
+      pagination,
+      columnSetting: !isApp ? import_const.COLUMN_SETTING : null,
+      sort: !isApp ? import_const.SORT_SETTINGS : null,
+      filter: !isApp ? (0, import_const.FILTER)(import_utils.locales, isNormalShop, ecoShopLists, isPartner, listParams == null ? void 0 : listParams.skip) : null,
+      summary: !isApp ? summary : null,
+      className: `${prefixCls}-table`,
+      rowClassName: `${prefixCls}-table-row`,
+      loading,
+      onValuesChange: handleValuesChangeDebounce,
+      rowKey: "id",
+      virtual: false,
+      tableLayout: "",
+      scroll: {
+        scrollToFirstRowOnChange: true,
+        autoCalc: true
+      }
+    }
+  )), cupActionModal.visible && /* @__PURE__ */ import_react.default.createElement(import_CupActionModal.default, { ...cupActionModal.modalProps }));
+};
+var cupList_default = CupList;

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

@@ -0,0 +1,113 @@
+@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 {
+      height: 80px;
+      .pisell-lowcode-card-body {
+        padding: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+      }
+      &-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;
+        }
+      }
+    }
+  }
+
+  &-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;
+  }
+}

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

@@ -0,0 +1,58 @@
+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/cupProject/const.ts
+var const_exports = {};
+__export(const_exports, {
+  CUP_PROJECT_FOOTER_BUTTONS: () => CUP_PROJECT_FOOTER_BUTTONS
+});
+module.exports = __toCommonJS(const_exports);
+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',
+  // },
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CUP_PROJECT_FOOTER_BUTTONS
+});

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

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