@pisell/private-materials 6.3.115 → 6.3.117

package/es/plus/pisellSalesGrid/PisellSalesGrid.js

@@ -0,0 +1,363 @@
+var _excluded = ["filter"],
+  _excluded2 = ["filter"];
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { PisellRecordBoard } from '@pisell/materials';
+// import PisellRecordBoard from '../../../../materials/src/components/pisellRecordBoard';
+import { useRequest } from 'ahooks';
+import dayjs from 'dayjs';
+import { request } from "../../utils";
+import useEngineContext from "../../hooks/useEngineContext";
+import useActions from "./hooks/useActions";
+import { defaultPaymentStatusKeys } from "../pisellSalesManagement/config/booking";
+import { getOrderList, getBookingList } from "./serve";
+import "./PisellSalesGrid.less";
+
+/**
+ * 根据 currentPerspective 从 perspectives 中取当前 Perspective 配置，未找到时回退到第一项或空配置。
+ */
+function getCurrentPerspectiveConfig(perspectives, currentPerspective) {
+  var found = perspectives.find(function (p) {
+    return p.key === currentPerspective;
+  });
+  if (found) return found;
+  if (perspectives.length > 0) return perspectives[0];
+  return undefined;
+}
+function getDefaultSearchParams(currentPerspective) {
+  if (currentPerspective === 'monitor') {
+    return {
+      filter: {
+        values: {
+          order_payment_status: defaultPaymentStatusKeys,
+          booking_time_start_between: [dayjs().startOf('day'), dayjs().endOf('day')]
+        }
+      }
+    };
+  }
+  return {
+    filter: {
+      values: {
+        payment_status: defaultPaymentStatusKeys,
+        orderDate: [dayjs(), dayjs()]
+      }
+    },
+    sort: 'created_at:desc'
+  };
+}
+var SEARCH_PARAMS_STORAGE_PREFIX = 'pisell_sales_grid_search_params_';
+
+/**
+ * 序列化 searchParams，将 dayjs 对象转换为 ISO 字符串
+ */
+function serializeSearchParams(params) {
+  return JSON.stringify(params, function (key, value) {
+    if (dayjs.isDayjs(value)) {
+      return {
+        __isDayjs: true,
+        value: value.toISOString()
+      };
+    }
+    return value;
+  });
+}
+
+/**
+ * 反序列化 searchParams，将 ISO 字符串还原为 dayjs 对象
+ */
+function deserializeSearchParams(str) {
+  return JSON.parse(str, function (key, value) {
+    if (value && _typeof(value) === 'object' && value.__isDayjs) {
+      return dayjs(value.value);
+    }
+    return value;
+  });
+}
+
+/**
+ * 仅保留 filter 的 values 和 quickFilter 用于存储，不存 otherFilter（label/options 等）。
+ * 恢复时用当前 perspective 的 otherFilter（当前语言），只还原 values。
+ */
+function normalizeFilterForStorage(filter) {
+  var _filter$values;
+  if (!filter || _typeof(filter) !== 'object') return filter;
+  return {
+    values: (_filter$values = filter.values) !== null && _filter$values !== void 0 ? _filter$values : {},
+    quickFilter: Array.isArray(filter.quickFilter) ? filter.quickFilter : []
+  };
+}
+
+/**
+ * 默认不持久化筛选条件，只持久化排序、关键词等；筛选项恢复时使用 perspective 默认值。
+ * 列显示隐藏由 RecordBoard/Grid 通过 getColumnVisibilityFromLocal 单独持久化。
+ */
+var PERSIST_FILTER_BY_DEFAULT = false;
+
+/**
+ * 从存储还原的 searchParams：filter 只保留 values 和 quickFilter，不保留 otherFilter。
+ * 仅当 PERSIST_FILTER_BY_DEFAULT 为 true 时用于还原；否则不还原 filter。
+ */
+function normalizeRestoredSearchParams(params) {
+  if (!params || _typeof(params) !== 'object') return params;
+  var filter = params.filter;
+  if (!filter || _typeof(filter) !== 'object') return params;
+  return _objectSpread(_objectSpread({}, params), {}, {
+    filter: normalizeFilterForStorage(filter)
+  });
+}
+
+/**
+ * 从 sessionStorage 获取存储的 searchParams。
+ * 默认不还原 filter（仅还原 sort、keyword 等），调用方需与 getDefaultSearchParams 合并以得到默认筛选项。
+ */
+function getStoredSearchParams(id) {
+  try {
+    var stored = sessionStorage.getItem("".concat(SEARCH_PARAMS_STORAGE_PREFIX).concat(id));
+    if (stored) {
+      var parsed = deserializeSearchParams(stored);
+      var normalized = PERSIST_FILTER_BY_DEFAULT ? normalizeRestoredSearchParams(parsed) : parsed;
+      if (!PERSIST_FILTER_BY_DEFAULT && normalized && _typeof(normalized) === 'object') {
+        var _ref = normalized,
+          _f = _ref.filter,
+          rest = _objectWithoutProperties(_ref, _excluded);
+        return rest;
+      }
+      return normalized;
+    }
+  } catch (e) {
+    console.warn('Failed to get stored search params:', e);
+  }
+  return null;
+}
+
+/**
+ * 将 searchParams 存储到 sessionStorage。
+ * 默认只存排序、关键词等，不存 filter；列显示隐藏由 RecordBoard 侧单独持久化。
+ */
+function saveSearchParams(id, params) {
+  try {
+    var toStore;
+    if (PERSIST_FILTER_BY_DEFAULT) {
+      toStore = _objectSpread(_objectSpread({}, params), {}, {
+        filter: params.filter ? normalizeFilterForStorage(params.filter) : params.filter
+      });
+    } else {
+      var _f = params.filter,
+        rest = _objectWithoutProperties(params, _excluded2);
+      toStore = rest;
+    }
+    sessionStorage.setItem("".concat(SEARCH_PARAMS_STORAGE_PREFIX).concat(id), serializeSearchParams(toStore));
+  } catch (e) {
+    console.warn('Failed to save search params:', e);
+  }
+}
+var PisellSalesGrid = function PisellSalesGrid(props) {
+  var _context$appHelper, _getBookingList$data, _getOrderList$data, _getBookingList$data2, _getOrderList$data2, _recordBoardGridProps, _recordBoardGridProps2, _currentConfig$childC2, _currentConfig$childC3, _currentConfig$childC4;
+  var perspectives = props.perspectives,
+    currentPerspective = props.currentPerspective,
+    className = props.className,
+    style = props.style,
+    extParams = props.extParams,
+    __id = props.__id;
+  var context = useEngineContext();
+  var utils = (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {};
+  request.setRequest(utils === null || utils === void 0 ? void 0 : utils.request);
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedKeys = _useState2[0],
+    setSelectedKeys = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedRows = _useState4[0],
+    setSelectedRows = _useState4[1];
+  var _useState5 = useState({
+      pageNumber: 1,
+      pageSize: 50
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    pagination = _useState6[0],
+    setPagination = _useState6[1];
+  var _useState7 = useState(function () {
+      var defaultParams = getDefaultSearchParams(currentPerspective);
+      if (__id) {
+        var stored = getStoredSearchParams(__id);
+        if (stored) {
+          return _objectSpread(_objectSpread({}, defaultParams), stored);
+        }
+      }
+      return defaultParams;
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    searchParams = _useState8[0],
+    setSearchParams = _useState8[1];
+  var onSelectionChange = useCallback(function (keys, rows) {
+    setSelectedKeys(keys);
+    setSelectedRows(rows);
+  }, []);
+  var onPageChange = useCallback(function (pageNumber, pageSize) {
+    if (pageNumber < 1 || pageSize < 1) return;
+    setPagination({
+      pageNumber: pageNumber,
+      pageSize: pageSize
+    });
+  }, []);
+  var onSearch = useCallback(function (params) {
+    setSearchParams(params || {});
+    setPagination(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, {
+        pageNumber: 1
+      });
+    });
+  }, []);
+  var onReset = useCallback(function () {
+    setSearchParams(getDefaultSearchParams(currentPerspective));
+    setPagination(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, {
+        pageNumber: 1
+      });
+    });
+  }, [currentPerspective]);
+
+  // 当 searchParams 改变时，存储到 sessionStorage
+  useEffect(function () {
+    if (__id) {
+      saveSearchParams(__id, searchParams);
+    }
+  }, [__id, searchParams]);
+  useEffect(function () {
+    document.body.id = 'body';
+  }, []);
+  var _getBookingList = useRequest(getBookingList, {
+    manual: true
+  });
+  var _getOrderList = useRequest(getOrderList, {
+    manual: true
+  });
+  var requestParams = useMemo(function () {
+    var keyword = searchParams.keyword,
+      filter = searchParams.filter,
+      sort = searchParams.sort;
+    var filterVals = (filter === null || filter === void 0 ? void 0 : filter.values) || {};
+    return _objectSpread(_objectSpread({
+      keyword: keyword,
+      sort: sort
+    }, filterVals), {}, {
+      skip: pagination.pageNumber,
+      num: pagination.pageSize
+    });
+  }, [searchParams, pagination.pageNumber, pagination.pageSize]);
+  var initLoad = useCallback(function () {
+    if (currentPerspective === 'monitor') {
+      _getBookingList.run(_objectSpread(_objectSpread({}, requestParams), (extParams === null || extParams === void 0 ? void 0 : extParams.list) || {}));
+      return;
+    }
+    _getOrderList.run(_objectSpread(_objectSpread({}, requestParams), (extParams === null || extParams === void 0 ? void 0 : extParams.list) || {}));
+  }, [currentPerspective, requestParams, _getBookingList, _getOrderList]);
+  var onClearSelection = useCallback(function () {
+    setSelectedKeys([]);
+    setSelectedRows([]);
+  }, []);
+  var actions = useActions({
+    onRefresh: initLoad,
+    onClearSelection: onClearSelection
+  });
+  var batchActionConfig = useMemo(function () {
+    return {
+      actions: actions
+    };
+  }, [actions]);
+  useEffect(function () {
+    if (currentPerspective === 'monitor') {
+      _getBookingList.run(_objectSpread(_objectSpread({}, requestParams), (extParams === null || extParams === void 0 ? void 0 : extParams.list) || {}));
+    } else {
+      _getOrderList.run(_objectSpread(_objectSpread({}, requestParams), (extParams === null || extParams === void 0 ? void 0 : extParams.list) || {}));
+    }
+  }, [currentPerspective, requestParams]);
+
+  /**
+   * 运行时上下文：根据当前 perspective 绑定对应的 refresh / refreshAsync，
+   * 传入 perspective 的 getChildComponentProps 工厂函数。
+   */
+  var runtimeContext = useMemo(function () {
+    return {
+      refresh: currentPerspective === 'monitor' ? function () {
+        return _getBookingList.run(_objectSpread(_objectSpread({}, requestParams), (extParams === null || extParams === void 0 ? void 0 : extParams.list) || {}));
+      } : function () {
+        return _getOrderList.run(_objectSpread(_objectSpread({}, requestParams), (extParams === null || extParams === void 0 ? void 0 : extParams.list) || {}));
+      },
+      refreshAsync: currentPerspective === 'monitor' ? function () {
+        return _getBookingList.runAsync(_objectSpread(_objectSpread({}, requestParams), (extParams === null || extParams === void 0 ? void 0 : extParams.list) || {}));
+      } : function () {
+        return _getOrderList.runAsync(_objectSpread(_objectSpread({}, requestParams), (extParams === null || extParams === void 0 ? void 0 : extParams.list) || {}));
+      },
+      currentPerspective: currentPerspective
+    };
+  }, [currentPerspective, _getBookingList, _getOrderList, requestParams, extParams]);
+
+  /**
+   * 解析当前 perspective 配置：
+   * - 若 perspective 提供了 getChildComponentProps 工厂，调用它并注入 runtimeContext；
+   * - 否则回退到静态 childComponentProps（向后兼容）。
+   */
+  var currentConfig = useMemo(function () {
+    var raw = getCurrentPerspectiveConfig(perspectives, currentPerspective);
+    if (!raw) return undefined;
+    if (typeof raw.getChildComponentProps === 'function') {
+      return _objectSpread(_objectSpread({}, raw), {}, {
+        childComponentProps: raw.getChildComponentProps(runtimeContext)
+      });
+    }
+    return raw;
+  }, [perspectives, currentPerspective, runtimeContext]);
+  var recordBoardGridProps = useMemo(function () {
+    var _currentConfig$childC;
+    var gridConfig = (currentConfig === null || currentConfig === void 0 || (_currentConfig$childC = currentConfig.childComponentProps) === null || _currentConfig$childC === void 0 ? void 0 : _currentConfig$childC.grid) || {};
+    return _objectSpread(_objectSpread({}, gridConfig), {}, {
+      selectedKeys: selectedKeys,
+      selectedRows: selectedRows,
+      onSelectionChange: onSelectionChange
+    });
+  }, [currentConfig, selectedKeys, selectedRows, onSelectionChange]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-sales-grid ".concat(className !== null && className !== void 0 ? className : '').trim(),
+    style: _objectSpread({
+      height: '100%',
+      minHeight: 0,
+      display: 'flex',
+      flexDirection: 'column'
+    }, style)
+  }, /*#__PURE__*/React.createElement(PisellRecordBoard, {
+    key: currentPerspective,
+    __id: __id,
+    layoutType: "grid",
+    rowKey: 'id',
+    data: currentPerspective === 'monitor' ? ((_getBookingList$data = _getBookingList.data) === null || _getBookingList$data === void 0 ? void 0 : _getBookingList$data.list) || [] : ((_getOrderList$data = _getOrderList.data) === null || _getOrderList$data === void 0 ? void 0 : _getOrderList$data.list) || [],
+    loading: currentPerspective === 'monitor' ? _getBookingList.loading : _getOrderList.loading,
+    total: currentPerspective === 'monitor' ? ((_getBookingList$data2 = _getBookingList.data) === null || _getBookingList$data2 === void 0 ? void 0 : _getBookingList$data2.count) || 0 : ((_getOrderList$data2 = _getOrderList.data) === null || _getOrderList$data2 === void 0 ? void 0 : _getOrderList$data2.count) || 0,
+    pagination: pagination,
+    onPageChange: onPageChange,
+    searchParams: searchParams,
+    onSearch: onSearch,
+    onReset: onReset,
+    fillHeight: (_recordBoardGridProps = (_recordBoardGridProps2 = recordBoardGridProps.scroll) === null || _recordBoardGridProps2 === void 0 ? void 0 : _recordBoardGridProps2.autoCalc) !== null && _recordBoardGridProps !== void 0 ? _recordBoardGridProps : true,
+    grid: recordBoardGridProps,
+    toolBar: currentConfig === null || currentConfig === void 0 || (_currentConfig$childC2 = currentConfig.childComponentProps) === null || _currentConfig$childC2 === void 0 ? void 0 : _currentConfig$childC2.toolBar,
+    search: currentConfig === null || currentConfig === void 0 || (_currentConfig$childC3 = currentConfig.childComponentProps) === null || _currentConfig$childC3 === void 0 ? void 0 : _currentConfig$childC3.search,
+    batchActionBar: _objectSpread(_objectSpread({}, batchActionConfig), currentConfig === null || currentConfig === void 0 || (_currentConfig$childC4 = currentConfig.childComponentProps) === null || _currentConfig$childC4 === void 0 ? void 0 : _currentConfig$childC4.batchActionBar)
+  }, /*#__PURE__*/React.createElement(PisellRecordBoard.ShellFrame, null, /*#__PURE__*/React.createElement(PisellRecordBoard.GridLayout, null))));
+};
+PisellSalesGrid.displayName = 'PisellSalesGrid';
+export default PisellSalesGrid;

package/es/plus/pisellSalesGrid/PisellSalesGrid.less

@@ -0,0 +1,16 @@
+/**
+ * PisellSalesGrid 样式
+ * 作用域限定在 .pisell-sales-grid 内，避免污染全局
+ */
+.pisell-sales-grid {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+
+  /* Quick filter 内日期选择器宽度加大 */
+
+  .record-board-toolbar-quick-filter-form .pisell-date-range-picker {
+    min-width: 240px !important;
+  }
+}

package/es/plus/pisellSalesGrid/PisellSalesGrid.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PisellSalesGrid } from './index';
+declare const meta: Meta<typeof PisellSalesGrid>;
+export default meta;
+declare type Story = StoryObj<typeof PisellSalesGrid>;
+export declare const CurrentPerspectiveFull: Story;
+export declare const CurrentPerspectiveBrief: Story;
+export declare const SinglePerspective: Story;
+export declare const WithColumnRenderers: Story;
+export declare const WithDefaultHiddenColumns: Story;
+export declare const WithToolbarSort: Story;
+export declare const WithToolbarSortCustomOptions: Story;
+export declare const WithToolbarFilter: Story;
+export declare const WithToolbarSortAndFilter: Story;