@pisell/private-materials 6.3.88 → 6.3.89

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

@@ -0,0 +1,306 @@
+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',
+// },
+];
+
+/**
+ * @description: 排序设置
+ * @return {*}
+ */
+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
+  }]
+};
+
+/**
+ * @description: 列配置
+ * @return {*}
+ */
+var COLUMN_SETTING = {
+  show: true,
+  storageMode: 'localStorage'
+};
+
+/**
+ * @description: 过滤选项
+ * @return {*}
+ */
+var FILTER = function FILTER(locales, isNormalShop, ecoShopLists, isPartner, currentPagination) {
+  // 不是机构店铺，过滤掉shop_changed选项
+  var statusOptions = isPartner ? STATUS_OPTIONS : STATUS_OPTIONS.filter(function (item) {
+    return item.value !== 'shop_changed';
+  });
+  var _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(function (item) {
+          return {
+            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(function (item) {
+          return {
+            label: (item === null || item === void 0 ? 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: '搜索店铺',
+    //   },
+    // },
+    ]
+  };
+};
+export { STATUS_TEXT_MAP, STATUS_COLOR_MAP, SORT_SETTINGS, COLUMN_SETTING, FILTER };

package/es/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/es/components/ecocup/cupList/hooks/index.js

@@ -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/es/components/ecocup/cupList/hooks/useColumns.d.ts

@@ -0,0 +1,43 @@
+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) => JSX.Element | null;
+    align?: undefined;
+    with?: undefined;
+})[];
+export {};

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

@@ -0,0 +1,168 @@
+import React from 'react';
+import dayjs from 'dayjs';
+import { Button } from '@pisell/materials';
+import { STATUS_TEXT_MAP, STATUS_COLOR_MAP } from "../const";
+import MoreDropdown from "../../components/MoreDropdown";
+import { useGetGoalShopInfo, useIsApp } from "../../hooks";
+import "../index.less";
+var prefixCls = 'ecocup-cup-list';
+export var useColumns = function useColumns(props) {
+  var onClickAction = props.onClickAction,
+    locales = props.locales;
+  var _useGetGoalShopInfo = useGetGoalShopInfo(),
+    isNormalShop = _useGetGoalShopInfo.isNormalShop;
+  var isApp = useIsApp();
+  var hiddenColumn = isApp ? false : isNormalShop;
+  var getRelativeTime = function getRelativeTime(text) {
+    if (!text) return '';
+    var diff = dayjs().diff(dayjs(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: function render(text, record) {
+      return text || (record === null || record === void 0 ? void 0 : record.code) || '';
+    }
+  }, {
+    title: locales.getText('pisell2.text.ecocup.table.customer'),
+    dataIndex: 'customer',
+    key: 'customer',
+    align: 'center',
+    hidden: isApp,
+    with: 220,
+    render: function render(text, record) {
+      var _record$customer;
+      return (record === null || record === void 0 || (_record$customer = record.customer) === null || _record$customer === void 0 ? void 0 : _record$customer.display_name) || '';
+    }
+  }, {
+    title: locales.getText('pisell2.text.ecocup.table.status'),
+    dataIndex: 'status',
+    key: 'status',
+    align: 'center',
+    width: 120,
+    render: function render(text) {
+      var status = STATUS_TEXT_MAP[text];
+      var color = STATUS_COLOR_MAP[text];
+      return /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-table-status"),
+        style: {
+          backgroundColor: color === null || color === void 0 ? void 0 : color.backgroundColor,
+          color: color === null || color === void 0 ? void 0 : color.color,
+          border: "1px solid ".concat(color === null || color === void 0 ? 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: function render(text, record) {
+      var _record$rent_shop;
+      return (record === null || record === void 0 || (_record$rent_shop = record.rent_shop) === null || _record$rent_shop === void 0 ? void 0 : _record$rent_shop.name) || '';
+    }
+  }, {
+    title: locales.getText('pisell2.text.ecocup.table.time-of-rent'),
+    dataIndex: 'rent_time',
+    key: 'rent_time',
+    align: 'center',
+    hidden: isApp,
+    width: 160,
+    render: function render(text) {
+      if (!text) return '';
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          display: 'flex',
+          flexDirection: 'column',
+          alignItems: 'center'
+        }
+      }, /*#__PURE__*/React.createElement("span", null, dayjs(text).format('DD/MM/YYYY')), /*#__PURE__*/React.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: function render(text, record) {
+      var _record$return_shop;
+      return (record === null || record === void 0 || (_record$return_shop = record.return_shop) === null || _record$return_shop === void 0 ? void 0 : _record$return_shop.name) || '';
+    }
+  }, {
+    title: locales.getText('pisell2.text.ecocup.table.time-of-return'),
+    dataIndex: 'return_time',
+    key: 'return_time',
+    align: 'center',
+    hidden: isApp,
+    width: 160,
+    render: function render(text) {
+      return text ? dayjs(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: function render(text, record) {
+      var _record$rent_shop2, _record$rent_shop3;
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          display: 'flex',
+          flexDirection: 'column',
+          alignItems: 'center'
+        }
+      }, record !== null && record !== void 0 && (_record$rent_shop2 = record.rent_shop) !== null && _record$rent_shop2 !== void 0 && _record$rent_shop2.name ? /*#__PURE__*/React.createElement("span", null, record === null || record === void 0 || (_record$rent_shop3 = record.rent_shop) === null || _record$rent_shop3 === void 0 ? void 0 : _record$rent_shop3.name) : null, record !== null && record !== void 0 && record.rent_time ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, dayjs(record === null || record === void 0 ? void 0 : record.rent_time).format('DD/MM/YYYY')), /*#__PURE__*/React.createElement("span", null, getRelativeTime(record === null || record === void 0 ? 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: function render(text, record) {
+      var _record$return_shop2, _record$return_shop3;
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          display: 'flex',
+          flexDirection: 'column',
+          alignItems: 'center'
+        }
+      }, record !== null && record !== void 0 && (_record$return_shop2 = record.return_shop) !== null && _record$return_shop2 !== void 0 && _record$return_shop2.name ? /*#__PURE__*/React.createElement("span", null, record === null || record === void 0 || (_record$return_shop3 = record.return_shop) === null || _record$return_shop3 === void 0 ? void 0 : _record$return_shop3.name) : null, record !== null && record !== void 0 && record.return_time ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, dayjs(record === null || record === void 0 ? void 0 : record.return_time).format('DD/MM/YYYY')), /*#__PURE__*/React.createElement("span", null, getRelativeTime(record === null || record === void 0 ? void 0 : record.return_time))) : null);
+    }
+  }, {
+    title: locales.getText('pisell2.text.ecocup.table.actions'),
+    dataIndex: 'actions',
+    key: 'actions',
+    hidden: isApp,
+    width: 180,
+    render: function render(text, record) {
+      var _status = (record === null || record === void 0 ? void 0 : record.status) || '';
+      var showMoreTypes = ['in_stock', 'rent'];
+      if ((record === null || record === void 0 ? void 0 : record.shop_id) !== (record === null || record === void 0 ? void 0 : record.current_shop_id) && !(record !== null && record !== void 0 && record.eco_cup_id)) return null;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-table-actions")
+      }, _status === 'rent' ? /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        onClick: function onClick() {
+          return onClickAction('return', record);
+        }
+      }, locales.getText('pisell2.text.ecocup.action.return')) : null, showMoreTypes.includes(_status) ? /*#__PURE__*/React.createElement(MoreDropdown, {
+        locales: locales,
+        onClick: function onClick(key) {
+          return onClickAction(key, record);
+        }
+      }) : null);
+    }
+  }];
+};

package/es/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 {};