@pisell/private-materials 3.4.75 → 3.4.77

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

@@ -0,0 +1,326 @@
+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/const.ts
+var const_exports = {};
+__export(const_exports, {
+  COLUMN_SETTING: () => COLUMN_SETTING,
+  FILTER: () => FILTER,
+  SORT_SETTINGS: () => SORT_SETTINGS,
+  STATUS_COLOR_MAP: () => STATUS_COLOR_MAP,
+  STATUS_TEXT_MAP: () => STATUS_TEXT_MAP
+});
+module.exports = __toCommonJS(const_exports);
+var STATUS_TEXT_MAP = {
+  in_stock: "pisell2.text.ecocup.status.in-stock",
+  rent: "pisell2.text.ecocup.status.rent",
+  return: "pisell2.text.ecocup.status.returned",
+  missing: "pisell2.text.ecocup.action.more.missing",
+  broken: "pisell2.text.ecocup.action.more.broken",
+  shop_changed: "pisell2.text.ecocup.status.shop-changed"
+  // overtime: 'pisell2.text.ecocup.status.overtime',
+  // expire_soon: 'pisell2.text.ecocup.status.expire-soon',
+  // borrowing: 'pisell2.text.ecocup.status.borrowing',
+};
+var STATUS_COLOR_MAP = {
+  in_stock: {
+    backgroundColor: "transparent",
+    color: "#A3A3A3",
+    border: "#A3A3A3"
+  },
+  rent: {
+    backgroundColor: "#ECFDF3",
+    color: "#067647",
+    border: "#ABEFC6"
+  },
+  return: {
+    backgroundColor: "transparent",
+    color: "#A3A3A3",
+    border: "#A3A3A3"
+  },
+  shop_changed: {
+    backgroundColor: "transparent",
+    color: "#A3A3A3",
+    border: "#A3A3A3"
+  },
+  overtime: {
+    backgroundColor: "#FEF3F2",
+    color: "#F04438",
+    border: "#F04438"
+  },
+  expire_soon: {
+    backgroundColor: "#FFFAEB",
+    color: "#F79009",
+    border: "#FEDF89"
+  },
+  borrowing: {
+    backgroundColor: "#000000",
+    color: "#000000",
+    border: "#FEDF89"
+  },
+  missing: {
+    backgroundColor: "#FEF3F2",
+    color: "#F04438",
+    border: "#F04438"
+  },
+  broken: {
+    backgroundColor: "#FEF3F2",
+    color: "#F04438",
+    border: "#F04438"
+  }
+};
+var STATUS_OPTIONS = [
+  {
+    label: "pisell2.text.ecocup.status.all",
+    value: 0
+  },
+  {
+    label: "pisell2.text.ecocup.status.in-stock",
+    value: "in_stock"
+  },
+  {
+    label: "pisell2.text.ecocup.status.rent",
+    value: "rent"
+  },
+  {
+    label: "pisell2.text.ecocup.action.more.missing",
+    value: "missing"
+  },
+  {
+    label: "pisell2.text.ecocup.action.more.broken",
+    value: "broken"
+  },
+  // {
+  //   label: 'pisell2.text.ecocup.status.returned',
+  //   value: 'returned',
+  // },
+  {
+    label: "pisell2.text.ecocup.status.shop-changed",
+    value: "shop_changed"
+  }
+  // {
+  //   label: 'pisell2.text.ecocup.status.overtime',
+  //   value: 'overtime',
+  // },
+  // {
+  //   label: 'pisell2.text.ecocup.status.expire-soon',
+  //   value: 'expire_soon',
+  // },
+  // {
+  //   label: 'pisell2.text.ecocup.status.borrowing',
+  //   value: 'borrowing',
+  // },
+];
+var SORT_SETTINGS = {
+  show: true,
+  list: [
+    // {
+    //   columnKey: 'cup_code',
+    //   key: 'cup_code',
+    //   type: 'string',
+    //   localFilter: false,
+    // },
+    // {
+    //   columnKey: 'customer',
+    //   key: 'customer',
+    //   type: 'string',
+    //   localFilter: false,
+    // },
+    // {
+    //   columnKey: 'status',
+    //   key: 'status',
+    //   type: 'string',
+    //   localFilter: false,
+    // },
+    // {
+    //   columnKey: 'shop_of_rent',
+    //   key: 'shop_of_rent',
+    //   type: 'string',
+    //   localFilter: false,
+    // },
+    {
+      columnKey: "rent_time",
+      key: "rent_time",
+      type: "date",
+      localFilter: false
+    },
+    // {
+    //   columnKey: 'shop_of_return',
+    //   key: 'shop_of_return',
+    //   type: 'string',
+    //   localFilter: false,
+    // },
+    {
+      columnKey: "return_time",
+      key: "return_time",
+      type: "date",
+      localFilter: false
+    }
+  ]
+};
+var COLUMN_SETTING = {
+  show: true,
+  storageMode: "localStorage"
+};
+var FILTER = (locales, isNormalShop, ecoShopLists, isPartner, currentPagination) => {
+  let statusOptions = isPartner ? STATUS_OPTIONS : STATUS_OPTIONS.filter((item) => item.value !== "shop_changed");
+  const _ecoShopLists = [{
+    name: locales.getText("pisell2.text.ecocup.status.all"),
+    id: 0
+  }].concat(ecoShopLists || []);
+  return {
+    show: true,
+    quickFilterMaxLength: 3,
+    currentPagination: currentPagination || 1,
+    list: [
+      // {
+      //   key: 'customer',
+      //   type: 'search',
+      //   columnKey: 'customer',
+      //   sort: true,
+      //   localFilter: false,
+      //   other: {
+      //     size: 'large',
+      //     allowClear: true,
+      //     placeholder: '搜索',
+      //     trigger: ['onChange', 'onPressEnter'],
+      //     style: {
+      //       width: 180,
+      //     },
+      //   },
+      // },
+      {
+        key: "status",
+        type: "select",
+        columnKey: "",
+        isCustom: true,
+        name: "status",
+        sort: true,
+        localFilter: false,
+        other: {
+          size: "large",
+          allowClear: true,
+          showSearch: false,
+          placeholder: locales.getText("pisell2.text.ecocup.status.placeholder"),
+          defaultValue: 0,
+          options: statusOptions.map((item) => ({
+            label: locales.getText(item.label),
+            value: item.value
+          })),
+          style: {
+            width: 240
+          }
+        }
+      },
+      {
+        key: "partner_shop_id",
+        type: "select",
+        columnKey: "",
+        isCustom: true,
+        name: "partner_shop_id",
+        sort: true,
+        localFilter: false,
+        isHidden: isNormalShop,
+        other: {
+          size: "large",
+          allowClear: true,
+          showSearch: false,
+          placeholder: locales.getText("pisell2.text.ecocup.status.shop.placeholder"),
+          defaultValue: 0,
+          options: _ecoShopLists.map((item) => ({
+            label: (item == null ? void 0 : item.name) || "",
+            value: item.id
+          })),
+          style: {
+            width: 240
+          }
+        }
+      }
+      // {
+      //   key: 'shop_of_rent',
+      //   type: 'text',
+      //   columnKey: '',
+      //   isCustom: true,
+      //   name: 'shop_of_rent',
+      //   sort: true,
+      //   localFilter: false,
+      //   other: {
+      //     size: 'large',
+      //     allowClear: true,
+      //     placeholder: '搜索店铺',
+      //     style: {
+      //       width: 180,
+      //     },
+      //   },
+      // },
+      // {
+      //   label: '租出时间',
+      //   key: 'time_of_rent',
+      //   type: 'rangePicker',
+      //   columnKey: '',
+      //   isCustom: true,
+      //   name: 'time_of_rent',
+      //   sort: true,
+      //   localFilter: false,
+      //   other: {
+      //     size: 'large',
+      //     allowClear: true,
+      //     placeholder: '选择租出时间',
+      //   },
+      // },
+      // {
+      //   label: '归还店铺',
+      //   key: 'shop_of_return',
+      //   type: 'text',
+      //   columnKey: '',
+      //   isCustom: true,
+      //   name: 'shop_of_return',
+      //   sort: true,
+      //   localFilter: false,
+      //   other: {
+      //     size: 'large',
+      //     allowClear: true,
+      //     placeholder: '搜索店铺',
+      //   },
+      // },
+      // {
+      //   label: '归还时间',
+      //   key: 'time_of_return',
+      //   type: 'rangePicker',
+      //   columnKey: '',
+      //   isCustom: true,
+      //   name: 'time_of_return',
+      //   sort: true,
+      //   localFilter: false,
+      //   other: {
+      //     size: 'large',
+      //     allowClear: true,
+      //     placeholder: '搜索店铺',
+      //   },
+      // },
+    ]
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  COLUMN_SETTING,
+  FILTER,
+  SORT_SETTINGS,
+  STATUS_COLOR_MAP,
+  STATUS_TEXT_MAP
+});

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

@@ -0,0 +1,4 @@
+import { useColumns } from './useColumns';
+import { useSummary } from './useSummary';
+import { useCupListsApi, useStatisticsApi, useEcoShopListsApi } from './useCupApi';
+export { useColumns, useSummary, useCupListsApi, useStatisticsApi, useEcoShopListsApi, };

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

@@ -0,0 +1,39 @@
+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/index.tsx
+var hooks_exports = {};
+__export(hooks_exports, {
+  useColumns: () => import_useColumns.useColumns,
+  useCupListsApi: () => import_useCupApi.useCupListsApi,
+  useEcoShopListsApi: () => import_useCupApi.useEcoShopListsApi,
+  useStatisticsApi: () => import_useCupApi.useStatisticsApi,
+  useSummary: () => import_useSummary.useSummary
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_useColumns = require("./useColumns");
+var import_useSummary = require("./useSummary");
+var import_useCupApi = require("./useCupApi");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useColumns,
+  useCupListsApi,
+  useEcoShopListsApi,
+  useStatisticsApi,
+  useSummary
+});

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

@@ -0,0 +1,44 @@
+import React from 'react';
+import '../index.less';
+interface IProps {
+    onClickAction: (type: string, record: any) => void;
+    locales: any;
+}
+export declare const useColumns: (props: IProps) => ({
+    title: any;
+    dataIndex: string;
+    key: string;
+    align: string;
+    width: number;
+    render: (text: string, record: any) => any;
+    hidden?: undefined;
+    with?: undefined;
+} | {
+    title: any;
+    dataIndex: string;
+    key: string;
+    align: string;
+    hidden: boolean;
+    with: number;
+    render: (text: string, record: any) => any;
+    width?: undefined;
+} | {
+    title: any;
+    dataIndex: string;
+    key: string;
+    align: string;
+    hidden: boolean;
+    width: number;
+    render: (text: string, record: any) => any;
+    with?: undefined;
+} | {
+    title: any;
+    dataIndex: string;
+    key: string;
+    hidden: boolean;
+    width: number;
+    render: (text: string, record: any) => React.JSX.Element | null;
+    align?: undefined;
+    with?: undefined;
+})[];
+export {};

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

@@ -0,0 +1,202 @@
+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/useColumns.tsx
+var useColumns_exports = {};
+__export(useColumns_exports, {
+  useColumns: () => useColumns
+});
+module.exports = __toCommonJS(useColumns_exports);
+var import_react = __toESM(require("react"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_materials = require("@pisell/materials");
+var import_const = require("../const");
+var import_MoreDropdown = __toESM(require("../../components/MoreDropdown"));
+var import_hooks = require("../../hooks");
+var import__ = require("../index.less");
+var prefixCls = "ecocup-cup-list";
+var useColumns = (props) => {
+  const { onClickAction, locales } = props;
+  const { isNormalShop } = (0, import_hooks.useGetGoalShopInfo)();
+  const isApp = (0, import_hooks.useIsApp)();
+  const hiddenColumn = isApp ? false : isNormalShop;
+  const getRelativeTime = (text) => {
+    if (!text) return "";
+    const diff = (0, import_dayjs.default)().diff((0, import_dayjs.default)(text), "day");
+    if (diff === 0) return locales.getText("pisell2.text.ecocup.table.time-of-return.today");
+    return locales.getText("pisell2.text.ecocup.table.time-of-rent.relative")(diff);
+  };
+  return [
+    {
+      title: locales.getText("pisell2.text.ecocup.table.cup-code"),
+      dataIndex: "eco_cup_code",
+      key: "eco_cup_code",
+      align: "center",
+      width: 170,
+      render: (text, record) => {
+        return text || (record == null ? void 0 : record.code) || "";
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.table.customer"),
+      dataIndex: "customer",
+      key: "customer",
+      align: "center",
+      hidden: isApp,
+      with: 220,
+      render: (text, record) => {
+        var _a;
+        return ((_a = record == null ? void 0 : record.customer) == null ? void 0 : _a.display_name) || "";
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.table.status"),
+      dataIndex: "status",
+      key: "status",
+      align: "center",
+      width: 120,
+      render: (text) => {
+        const status = import_const.STATUS_TEXT_MAP[text];
+        const color = import_const.STATUS_COLOR_MAP[text];
+        return /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: `${prefixCls}-table-status`,
+            style: {
+              backgroundColor: color == null ? void 0 : color.backgroundColor,
+              color: color == null ? void 0 : color.color,
+              border: `1px solid ${color == null ? void 0 : color.border}`
+            }
+          },
+          locales.getText(status)
+        );
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.table.shop-of-rent"),
+      dataIndex: "rent_shop",
+      key: "rent_shop",
+      align: "center",
+      hidden: isApp,
+      width: 200,
+      render: (text, record) => {
+        var _a;
+        return ((_a = record == null ? void 0 : record.rent_shop) == null ? void 0 : _a.name) || "";
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.table.time-of-rent"),
+      dataIndex: "rent_time",
+      key: "rent_time",
+      align: "center",
+      hidden: isApp,
+      width: 160,
+      render: (text) => {
+        if (!text) return "";
+        return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column", alignItems: "center" } }, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_dayjs.default)(text).format("DD/MM/YYYY")), /* @__PURE__ */ import_react.default.createElement("span", null, getRelativeTime(text)));
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.table.shop-of-return"),
+      dataIndex: "return_shop",
+      key: "return_shop",
+      align: "center",
+      hidden: isApp,
+      width: 200,
+      render: (text, record) => {
+        var _a;
+        return ((_a = record == null ? void 0 : record.return_shop) == null ? void 0 : _a.name) || "";
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.table.time-of-return"),
+      dataIndex: "return_time",
+      key: "return_time",
+      align: "center",
+      hidden: isApp,
+      width: 160,
+      render: (text) => {
+        return text ? (0, import_dayjs.default)(text).format("DD/MM/YYYY") : "";
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.rent"),
+      dataIndex: "rent_shop",
+      key: "rent_shop",
+      align: "center",
+      hidden: !isApp,
+      width: 160,
+      render: (text, record) => {
+        var _a, _b;
+        return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column", alignItems: "center" } }, ((_a = record == null ? void 0 : record.rent_shop) == null ? void 0 : _a.name) ? /* @__PURE__ */ import_react.default.createElement("span", null, (_b = record == null ? void 0 : record.rent_shop) == null ? void 0 : _b.name) : null, (record == null ? void 0 : record.rent_time) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_dayjs.default)(record == null ? void 0 : record.rent_time).format("DD/MM/YYYY")), /* @__PURE__ */ import_react.default.createElement("span", null, getRelativeTime(record == null ? void 0 : record.rent_time))) : null);
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.action.return"),
+      dataIndex: "return_shop",
+      key: "return_shop",
+      align: "center",
+      hidden: !isApp,
+      width: 160,
+      render: (text, record) => {
+        var _a, _b;
+        return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", flexDirection: "column", alignItems: "center" } }, ((_a = record == null ? void 0 : record.return_shop) == null ? void 0 : _a.name) ? /* @__PURE__ */ import_react.default.createElement("span", null, (_b = record == null ? void 0 : record.return_shop) == null ? void 0 : _b.name) : null, (record == null ? void 0 : record.return_time) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", null, (0, import_dayjs.default)(record == null ? void 0 : record.return_time).format("DD/MM/YYYY")), /* @__PURE__ */ import_react.default.createElement("span", null, getRelativeTime(record == null ? void 0 : record.return_time))) : null);
+      }
+    },
+    {
+      title: locales.getText("pisell2.text.ecocup.table.actions"),
+      dataIndex: "actions",
+      key: "actions",
+      hidden: isApp,
+      width: 180,
+      render: (text, record) => {
+        const _status = (record == null ? void 0 : record.status) || "";
+        const showMoreTypes = ["in_stock", "rent"];
+        if ((record == null ? void 0 : record.shop_id) !== (record == null ? void 0 : record.current_shop_id) && !(record == null ? void 0 : record.eco_cup_id)) return null;
+        return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-table-actions` }, _status === "rent" ? /* @__PURE__ */ import_react.default.createElement(
+          import_materials.Button,
+          {
+            type: "primary",
+            onClick: () => onClickAction("return", record)
+          },
+          locales.getText("pisell2.text.ecocup.action.return")
+        ) : null, showMoreTypes.includes(_status) ? /* @__PURE__ */ import_react.default.createElement(
+          import_MoreDropdown.default,
+          {
+            locales,
+            onClick: (key) => onClickAction(key, record)
+          }
+        ) : null);
+      }
+    }
+  ];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useColumns
+});

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

@@ -0,0 +1,32 @@
+interface GetCupListsParams {
+    type?: 'partner' | 'eco';
+    with?: string[];
+    skip?: number;
+    num?: number;
+    search?: string;
+    operated_at_start?: string;
+    operated_at_end?: string;
+    order_by?: string;
+    sort?: 'asc' | 'desc';
+    partner_shop_id?: number;
+}
+interface GetStatisticsParams {
+    started_at?: string;
+    ended_at?: string;
+    type?: 'eco' | 'normal';
+    partner_shop_id?: number;
+}
+export declare const useCupListsApi: () => {
+    loading: boolean;
+    data: any;
+    run: (params: GetCupListsParams) => Promise<void>;
+};
+export declare const useStatisticsApi: () => {
+    data: any;
+    getStatics: (params: GetStatisticsParams) => Promise<void>;
+};
+export declare const useEcoShopListsApi: () => {
+    data: any;
+    getEcoShopLists: (params?: any) => Promise<void>;
+};
+export {};