@pisell/private-materials 3.4.81 → 3.4.83

package/lib/plus/contactInfo/components/SwipeAction/index.js

@@ -33,8 +33,8 @@ __export(SwipeAction_exports, {
 });
 module.exports = __toCommonJS(SwipeAction_exports);
 var import_web = require("@react-spring/web");
-var import_use_gesture_react = require("@use-gesture/react/dist/use-gesture-react.cjs");
-var import_react = __toESM(require("react"));
+var import_react = require("@use-gesture/react");
+var import_react2 = __toESM(require("react"));
 var import_index = require("./index.less");
 function withNativeProps(props, element) {
   const p = {
@@ -49,7 +49,7 @@ function withNativeProps(props, element) {
       ...element.props.style
     };
   }
-  return import_react.default.cloneElement(element, p);
+  return import_react2.default.cloneElement(element, p);
 }
 function nearest(arr, target) {
   return arr.reduce((prev, curr) => {
@@ -71,7 +71,7 @@ function withStopPropagation(events, element) {
     e.stopPropagation();
     (_b = (_a = element.props).onClick) == null ? void 0 : _b.call(_a, e);
   };
-  return import_react.default.cloneElement(element, {
+  return import_react2.default.cloneElement(element, {
     ...element.props,
     onClick
   });
@@ -82,7 +82,7 @@ var Button = ({
   style,
   onClick
 }) => {
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react2.default.createElement(
     "button",
     {
       className,
@@ -104,13 +104,13 @@ var defaultProps = {
   closeOnAction: true,
   stopPropagation: []
 };
-var SwipeAction = (0, import_react.forwardRef)(
+var SwipeAction = (0, import_react2.forwardRef)(
   (p, ref) => {
     const props = mergeProps(defaultProps, p);
-    const rootRef = (0, import_react.useRef)(null);
-    const leftRef = (0, import_react.useRef)(null);
-    const rightRef = (0, import_react.useRef)(null);
-    const [containerHeight, setContainerHeight] = (0, import_react.useState)(0);
+    const rootRef = (0, import_react2.useRef)(null);
+    const leftRef = (0, import_react2.useRef)(null);
+    const rightRef = (0, import_react2.useRef)(null);
+    const [containerHeight, setContainerHeight] = (0, import_react2.useState)(0);
     function getWidth(ref2) {
       const element = ref2.current;
       if (!element) return 0;
@@ -137,14 +137,14 @@ var SwipeAction = (0, import_react.forwardRef)(
       }),
       []
     );
-    const draggingRef = (0, import_react.useRef)(false);
-    const dragCancelRef = (0, import_react.useRef)(null);
+    const draggingRef = (0, import_react2.useRef)(false);
+    const dragCancelRef = (0, import_react2.useRef)(null);
     function forceCancelDrag() {
       var _a;
       (_a = dragCancelRef.current) == null ? void 0 : _a.call(dragCancelRef);
       draggingRef.current = false;
     }
-    const bind = (0, import_use_gesture_react.useDrag)(
+    const bind = (0, import_react.useDrag)(
       (state) => {
         var _a;
         dragCancelRef.current = state.cancel;
@@ -206,7 +206,7 @@ var SwipeAction = (0, import_react.forwardRef)(
       forceCancelDrag();
       (_a = props.onClose) == null ? void 0 : _a.call(props);
     };
-    (0, import_react.useImperativeHandle)(ref, () => ({
+    (0, import_react2.useImperativeHandle)(ref, () => ({
       show: (side = "right") => {
         var _a;
         if (side === "right") {
@@ -222,7 +222,7 @@ var SwipeAction = (0, import_react.forwardRef)(
       },
       close
     }));
-    (0, import_react.useEffect)(() => {
+    (0, import_react2.useEffect)(() => {
       const updateHeight = () => {
         const height = getRootHeight();
         setContainerHeight(height);
@@ -236,7 +236,7 @@ var SwipeAction = (0, import_react.forwardRef)(
         resizeObserver.disconnect();
       };
     }, []);
-    (0, import_react.useEffect)(() => {
+    (0, import_react2.useEffect)(() => {
       if (!props.closeOnTouchOutside) return;
       function handle(e) {
         if (e.target && props.escapeDom) {
@@ -282,7 +282,7 @@ var SwipeAction = (0, import_react.forwardRef)(
       const color = action.color ?? "light";
       const _style = action.style || {};
       const buttonClass = isRightAction ? `${classPrefix}-action-button ${getRightActionButtonClass()}` : `${classPrefix}-action-button`;
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ import_react2.default.createElement(
         Button,
         {
           key: action.key,
@@ -305,7 +305,7 @@ var SwipeAction = (0, import_react.forwardRef)(
     }
     return withNativeProps(
       props,
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ import_react2.default.createElement(
         "div",
         {
           className: classPrefix,
@@ -318,9 +318,9 @@ var SwipeAction = (0, import_react.forwardRef)(
             }
           }
         },
-        /* @__PURE__ */ import_react.default.createElement(import_web.animated.div, { className: `${classPrefix}-track`, style: { x } }, withStopPropagation(
+        /* @__PURE__ */ import_react2.default.createElement(import_web.animated.div, { className: `${classPrefix}-track`, style: { x } }, withStopPropagation(
           props.stopPropagation,
-          /* @__PURE__ */ import_react.default.createElement(
+          /* @__PURE__ */ import_react2.default.createElement(
             "div",
             {
               className: `${classPrefix}-actions ${classPrefix}-actions-left`,
@@ -328,7 +328,7 @@ var SwipeAction = (0, import_react.forwardRef)(
             },
             props.leftActions.map((action) => renderAction(action, false))
           )
-        ), /* @__PURE__ */ import_react.default.createElement(
+        ), /* @__PURE__ */ import_react2.default.createElement(
           "div",
           {
             className: `${classPrefix}-content`,
@@ -340,7 +340,7 @@ var SwipeAction = (0, import_react.forwardRef)(
               }
             }
           },
-          /* @__PURE__ */ import_react.default.createElement(
+          /* @__PURE__ */ import_react2.default.createElement(
             import_web.animated.div,
             {
               style: {
@@ -353,7 +353,7 @@ var SwipeAction = (0, import_react.forwardRef)(
           )
         ), withStopPropagation(
           props.stopPropagation,
-          /* @__PURE__ */ import_react.default.createElement("div", { className: getRightContainerClass(), ref: rightRef }, props.rightActions.map((action) => renderAction(action, true)))
+          /* @__PURE__ */ import_react2.default.createElement("div", { className: getRightContainerClass(), ref: rightRef }, props.rightActions.map((action) => renderAction(action, true)))
         ))
       )
     );

package/lib/plus/contactInfoModal/ContactInfoContent.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const ContactInfoContent: (props: any) => JSX.Element;
+declare const ContactInfoContent: (props: any) => React.JSX.Element;
 export default ContactInfoContent;

package/lib/plus/orderList/components/HandleActions.d.ts

@@ -1,4 +1,6 @@
+import React from 'react';
 declare const HandleActions: (props: {
     locales: any;
-}) => JSX.Element;
+    __id?: string;
+}) => React.JSX.Element;
 export default HandleActions;

package/lib/plus/orderList/components/HandleActions.js

@@ -37,7 +37,7 @@ var import_materials = require("@pisell/materials");
 var import_config = require("../config");
 var { ColumnsSetting } = import_materials.PisellDataSourceContainer;
 var HandleActions = (props) => {
-  const { locales } = props;
+  const { locales, __id } = props;
   const filterButtonListValue = (0, import_react.useMemo)(
     () => {
       return {
@@ -47,6 +47,6 @@ var HandleActions = (props) => {
     [locales]
   );
   const sortList = (0, import_react.useMemo)(() => (0, import_config.getSortList)(locales), [locales]);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(ColumnsSetting, null), /* @__PURE__ */ import_react.default.createElement(import_materials.PisellSort, { hasForm: false, list: sortList }), /* @__PURE__ */ import_react.default.createElement(import_materials.PisellFilter, { placement: "bottomLeft", hasForm: false, value: filterButtonListValue }));
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(ColumnsSetting, { __id }), /* @__PURE__ */ import_react.default.createElement(import_materials.PisellSort, { hasForm: false, list: sortList }), /* @__PURE__ */ import_react.default.createElement(import_materials.PisellFilter, { placement: "bottomLeft", hasForm: false, value: filterButtonListValue }));
 };
 var HandleActions_default = HandleActions;

package/lib/plus/orderList/components/QuickFilter.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 declare const QuickFilter: (props: {
     locales: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default QuickFilter;

package/lib/plus/orderList/components/Reset.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 declare const Reset: (props: {
     locales: any;
     setValueType: (value: any) => void;
     clearSelectedData: () => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default Reset;

package/lib/plus/orderList/components/Toolbar.d.ts

@@ -1,5 +1,7 @@
+import React from 'react';
 declare const Toolbar: (props: {
     locales: any;
     clearSelectedData: () => void;
-}) => JSX.Element;
+    __id?: string;
+}) => React.JSX.Element;
 export default Toolbar;

package/lib/plus/orderList/components/Toolbar.js

@@ -43,7 +43,7 @@ var import_materials2 = require("@pisell/materials");
 var import_dayjs = __toESM(require("dayjs"));
 var { useContainerContext } = import_materials2.PisellDataSourceContainer;
 var Toolbar = (props) => {
-  const { locales, clearSelectedData } = props;
+  const { locales, clearSelectedData, __id } = props;
   const { serverActions, refManager, ...otherProps } = useContainerContext();
   const [valueType, setValueType] = (0, import_react.useState)(void 0);
   return /* @__PURE__ */ import_react.default.createElement(
@@ -60,7 +60,7 @@ var Toolbar = (props) => {
         topLeft: /* @__PURE__ */ import_react.default.createElement(import_QuickFilter.default, { locales }),
         topRight: /* @__PURE__ */ import_react.default.createElement(import_Reset.default, { locales, setValueType, clearSelectedData }),
         bottomLeft: /* @__PURE__ */ import_react.default.createElement(import_FilterList.default, { valueType, setValueType, locales }),
-        bottomRight: /* @__PURE__ */ import_react.default.createElement(import_HandleActions.default, { locales })
+        bottomRight: /* @__PURE__ */ import_react.default.createElement(import_HandleActions.default, { locales, __id })
       }
     )
   );

package/lib/plus/orderList/config.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * 获取表格列配置（支持多语言）
  * @param locales - 多语言对象
@@ -8,7 +9,7 @@ export declare const getTableColumns: (locales: any) => ({
     dataIndex: string;
     key: string;
     width: number;
-    render: (value: any, record: any) => JSX.Element | "-";
+    render: (value: any, record: any) => React.JSX.Element | "-";
     isShow?: undefined;
 } | {
     title: any;
@@ -30,14 +31,14 @@ export declare const getTableColumns: (locales: any) => ({
     key: string;
     isShow: boolean;
     width: number;
-    render: (value: any, record: any) => JSX.Element;
+    render: (value: any, record: any) => React.JSX.Element;
 } | {
     title: any;
     dataIndex: string;
     key: string;
     isShow: boolean;
     width: number;
-    render: (value: any) => JSX.Element | "-";
+    render: (value: any) => React.JSX.Element | "-";
 })[];
 export declare const getQuickFilterList: (locales: any) => ({
     name: string;

package/lib/plus/orderList/index.d.ts

@@ -4,6 +4,7 @@ export interface OrderListProps {
     biz: string;
     className?: string;
     style?: React.CSSProperties;
+    __id?: string;
 }
-declare const OrderList: (props: OrderListProps) => JSX.Element;
+declare const OrderList: (props: OrderListProps) => React.JSX.Element;
 export default OrderList;

package/lib/plus/orderList/index.js

@@ -45,7 +45,7 @@ var import_index = require("./index.less");
 var import_materials = require("@pisell/materials");
 var OrderList = (props) => {
   var _a, _b, _c, _d, _e, _f;
-  const { biz, style, className } = props;
+  const { biz, style, className, __id } = props;
   const context = (0, import_useEngineContext.default)();
   import_utils.locales.init(import_locales.default, ((_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale) || "en");
   const tableColumns = (0, import_react.useMemo)(() => (0, import_config.getTableColumns)(import_utils.locales), [import_utils.locales]);
@@ -122,8 +122,8 @@ var OrderList = (props) => {
           title: import_utils.locales.getText("pisell2.orderList.title")
         }
       ),
-      /* @__PURE__ */ import_react.default.createElement(import_Toolbar.default, { clearSelectedData, locales: import_utils.locales }),
-      /* @__PURE__ */ import_react.default.createElement(import_materials.PisellGridView, null, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellDataSourceContainer.Table, { ...tableConfig })),
+      /* @__PURE__ */ import_react.default.createElement(import_Toolbar.default, { clearSelectedData, __id, locales: import_utils.locales }),
+      /* @__PURE__ */ import_react.default.createElement(import_materials.PisellGridView, null, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellDataSourceContainer.Table, { ...tableConfig, __id })),
       /* @__PURE__ */ import_react.default.createElement(import_BatchActionBar.default, { ...batchActionBarConfig }),
       /* @__PURE__ */ import_react.default.createElement(import_materials.PisellGridPro.Footer, null, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellDataSourceContainer.Pagination, null))
     )

package/lib/plus/pisellSalesGrid/PisellSalesGrid.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { PisellSalesGridProps } from './types';
+import './PisellSalesGrid.less';
+declare const PisellSalesGrid: React.FC<PisellSalesGridProps>;
+export default PisellSalesGrid;

package/lib/plus/pisellSalesGrid/PisellSalesGrid.js

@@ -0,0 +1,339 @@
+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/plus/pisellSalesGrid/PisellSalesGrid.tsx
+var PisellSalesGrid_exports = {};
+__export(PisellSalesGrid_exports, {
+  default: () => PisellSalesGrid_default
+});
+module.exports = __toCommonJS(PisellSalesGrid_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_ahooks = require("ahooks");
+var import_dayjs = __toESM(require("dayjs"));
+var import_utils = require("../../utils");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_useActions = __toESM(require("./hooks/useActions"));
+var import_booking = require("../pisellSalesManagement/config/booking");
+var import_serve = require("./serve");
+var import_PisellSalesGrid = require("./PisellSalesGrid.less");
+function getCurrentPerspectiveConfig(perspectives, currentPerspective) {
+  const found = perspectives.find((p) => p.key === currentPerspective);
+  if (found) return found;
+  if (perspectives.length > 0) return perspectives[0];
+  return void 0;
+}
+function getDefaultSearchParams(currentPerspective) {
+  if (currentPerspective === "monitor") {
+    return {
+      filter: {
+        values: {
+          order_payment_status: import_booking.defaultPaymentStatusKeys,
+          booking_time_start_between: [
+            (0, import_dayjs.default)().startOf("day"),
+            (0, import_dayjs.default)().endOf("day")
+          ]
+        }
+      }
+    };
+  }
+  return {
+    filter: {
+      values: {
+        payment_status: import_booking.defaultPaymentStatusKeys,
+        orderDate: [(0, import_dayjs.default)(), (0, import_dayjs.default)()]
+      }
+    },
+    sort: "created_at:desc"
+  };
+}
+var SEARCH_PARAMS_STORAGE_PREFIX = "pisell_sales_grid_search_params_";
+function serializeSearchParams(params) {
+  return JSON.stringify(params, (key, value) => {
+    if (import_dayjs.default.isDayjs(value)) {
+      return { __isDayjs: true, value: value.toISOString() };
+    }
+    return value;
+  });
+}
+function deserializeSearchParams(str) {
+  return JSON.parse(str, (key, value) => {
+    if (value && typeof value === "object" && value.__isDayjs) {
+      return (0, import_dayjs.default)(value.value);
+    }
+    return value;
+  });
+}
+function normalizeFilterForStorage(filter) {
+  if (!filter || typeof filter !== "object") return filter;
+  return {
+    values: filter.values ?? {},
+    quickFilter: Array.isArray(filter.quickFilter) ? filter.quickFilter : []
+  };
+}
+var PERSIST_FILTER_BY_DEFAULT = false;
+function normalizeRestoredSearchParams(params) {
+  if (!params || typeof params !== "object") return params;
+  const filter = params.filter;
+  if (!filter || typeof filter !== "object") return params;
+  return {
+    ...params,
+    filter: normalizeFilterForStorage(filter)
+  };
+}
+function getStoredSearchParams(id) {
+  try {
+    const stored = sessionStorage.getItem(
+      `${SEARCH_PARAMS_STORAGE_PREFIX}${id}`
+    );
+    if (stored) {
+      const parsed = deserializeSearchParams(stored);
+      const normalized = PERSIST_FILTER_BY_DEFAULT ? normalizeRestoredSearchParams(parsed) : parsed;
+      if (!PERSIST_FILTER_BY_DEFAULT && normalized && typeof normalized === "object") {
+        const { filter: _f, ...rest } = normalized;
+        return rest;
+      }
+      return normalized;
+    }
+  } catch (e) {
+    console.warn("Failed to get stored search params:", e);
+  }
+  return null;
+}
+function saveSearchParams(id, params) {
+  try {
+    let toStore;
+    if (PERSIST_FILTER_BY_DEFAULT) {
+      toStore = {
+        ...params,
+        filter: params.filter ? normalizeFilterForStorage(params.filter) : params.filter
+      };
+    } else {
+      const { filter: _f, ...rest } = params;
+      toStore = rest;
+    }
+    sessionStorage.setItem(
+      `${SEARCH_PARAMS_STORAGE_PREFIX}${id}`,
+      serializeSearchParams(toStore)
+    );
+  } catch (e) {
+    console.warn("Failed to save search params:", e);
+  }
+}
+var PisellSalesGrid = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const {
+    perspectives,
+    currentPerspective,
+    className,
+    style,
+    extParams,
+    __id
+  } = props;
+  const context = (0, import_useEngineContext.default)();
+  const utils = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
+  import_utils.request.setRequest(utils == null ? void 0 : utils.request);
+  const [selectedKeys, setSelectedKeys] = (0, import_react.useState)([]);
+  const [selectedRows, setSelectedRows] = (0, import_react.useState)([]);
+  const [pagination, setPagination] = (0, import_react.useState)({
+    pageNumber: 1,
+    pageSize: 50
+  });
+  const [searchParams, setSearchParams] = (0, import_react.useState)(() => {
+    const defaultParams = getDefaultSearchParams(currentPerspective);
+    if (__id) {
+      const stored = getStoredSearchParams(__id);
+      if (stored) {
+        return { ...defaultParams, ...stored };
+      }
+    }
+    return defaultParams;
+  });
+  const onSelectionChange = (0, import_react.useCallback)((keys, rows) => {
+    setSelectedKeys(keys);
+    setSelectedRows(rows);
+  }, []);
+  const onPageChange = (0, import_react.useCallback)((pageNumber, pageSize) => {
+    if (pageNumber < 1 || pageSize < 1) return;
+    setPagination({ pageNumber, pageSize });
+  }, []);
+  const onSearch = (0, import_react.useCallback)((params) => {
+    setSearchParams(params || {});
+    setPagination((prev) => ({ ...prev, pageNumber: 1 }));
+  }, []);
+  const onReset = (0, import_react.useCallback)(() => {
+    setSearchParams(getDefaultSearchParams(currentPerspective));
+    setPagination((prev) => ({ ...prev, pageNumber: 1 }));
+  }, [currentPerspective]);
+  (0, import_react.useEffect)(() => {
+    if (__id) {
+      saveSearchParams(__id, searchParams);
+    }
+  }, [__id, searchParams]);
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const _getBookingList = (0, import_ahooks.useRequest)(import_serve.getBookingList, {
+    manual: true
+  });
+  const _getOrderList = (0, import_ahooks.useRequest)(import_serve.getOrderList, {
+    manual: true
+  });
+  const requestParams = (0, import_react.useMemo)(() => {
+    const { keyword, filter, sort } = searchParams;
+    const filterVals = (filter == null ? void 0 : filter.values) || {};
+    return {
+      keyword,
+      sort,
+      ...filterVals,
+      skip: pagination.pageNumber,
+      num: pagination.pageSize
+    };
+  }, [searchParams, pagination.pageNumber, pagination.pageSize]);
+  const initLoad = (0, import_react.useCallback)(() => {
+    if (currentPerspective === "monitor") {
+      _getBookingList.run({ ...requestParams, ...(extParams == null ? void 0 : extParams.list) || {} });
+      return;
+    }
+    _getOrderList.run({
+      ...requestParams,
+      ...(extParams == null ? void 0 : extParams.list) || {}
+    });
+  }, [currentPerspective, requestParams, _getBookingList, _getOrderList]);
+  const onClearSelection = (0, import_react.useCallback)(() => {
+    setSelectedKeys([]);
+    setSelectedRows([]);
+  }, []);
+  const actions = (0, import_useActions.default)({
+    onRefresh: initLoad,
+    onClearSelection
+  });
+  const batchActionConfig = (0, import_react.useMemo)(() => {
+    return {
+      actions
+    };
+  }, [actions]);
+  (0, import_react.useEffect)(() => {
+    if (currentPerspective === "monitor") {
+      _getBookingList.run({ ...requestParams, ...(extParams == null ? void 0 : extParams.list) || {} });
+    } else {
+      _getOrderList.run({
+        ...requestParams,
+        ...(extParams == null ? void 0 : extParams.list) || {}
+      });
+    }
+  }, [currentPerspective, requestParams]);
+  const runtimeContext = (0, import_react.useMemo)(
+    () => ({
+      refresh: currentPerspective === "monitor" ? () => _getBookingList.run({
+        ...requestParams,
+        ...(extParams == null ? void 0 : extParams.list) || {}
+      }) : () => _getOrderList.run({
+        ...requestParams,
+        ...(extParams == null ? void 0 : extParams.list) || {}
+      }),
+      refreshAsync: currentPerspective === "monitor" ? () => _getBookingList.runAsync({
+        ...requestParams,
+        ...(extParams == null ? void 0 : extParams.list) || {}
+      }) : () => _getOrderList.runAsync({
+        ...requestParams,
+        ...(extParams == null ? void 0 : extParams.list) || {}
+      }),
+      currentPerspective
+    }),
+    [
+      currentPerspective,
+      _getBookingList,
+      _getOrderList,
+      requestParams,
+      extParams
+    ]
+  );
+  const currentConfig = (0, import_react.useMemo)(() => {
+    const raw = getCurrentPerspectiveConfig(perspectives, currentPerspective);
+    if (!raw) return void 0;
+    if (typeof raw.getChildComponentProps === "function") {
+      return {
+        ...raw,
+        childComponentProps: raw.getChildComponentProps(runtimeContext)
+      };
+    }
+    return raw;
+  }, [perspectives, currentPerspective, runtimeContext]);
+  const recordBoardGridProps = (0, import_react.useMemo)(() => {
+    var _a2;
+    const gridConfig = ((_a2 = currentConfig == null ? void 0 : currentConfig.childComponentProps) == null ? void 0 : _a2.grid) || {};
+    return {
+      ...gridConfig,
+      selectedKeys,
+      selectedRows,
+      onSelectionChange
+    };
+  }, [currentConfig, selectedKeys, selectedRows, onSelectionChange]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `pisell-sales-grid ${className ?? ""}`.trim(),
+      style: {
+        height: "100%",
+        minHeight: 0,
+        display: "flex",
+        flexDirection: "column",
+        ...style
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellRecordBoard,
+      {
+        key: currentPerspective,
+        __id,
+        layoutType: "grid",
+        rowKey: "id",
+        data: currentPerspective === "monitor" ? ((_b = _getBookingList.data) == null ? void 0 : _b.list) || [] : ((_c = _getOrderList.data) == null ? void 0 : _c.list) || [],
+        loading: currentPerspective === "monitor" ? _getBookingList.loading : _getOrderList.loading,
+        total: currentPerspective === "monitor" ? ((_d = _getBookingList.data) == null ? void 0 : _d.count) || 0 : ((_e = _getOrderList.data) == null ? void 0 : _e.count) || 0,
+        pagination,
+        onPageChange,
+        searchParams,
+        onSearch,
+        onReset,
+        fillHeight: ((_f = recordBoardGridProps.scroll) == null ? void 0 : _f.autoCalc) ?? true,
+        grid: recordBoardGridProps,
+        toolBar: (_g = currentConfig == null ? void 0 : currentConfig.childComponentProps) == null ? void 0 : _g.toolBar,
+        search: (_h = currentConfig == null ? void 0 : currentConfig.childComponentProps) == null ? void 0 : _h.search,
+        batchActionBar: {
+          ...batchActionConfig,
+          ...(_i = currentConfig == null ? void 0 : currentConfig.childComponentProps) == null ? void 0 : _i.batchActionBar
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_materials.PisellRecordBoard.ShellFrame, null, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellRecordBoard.GridLayout, null))
+    )
+  );
+};
+PisellSalesGrid.displayName = "PisellSalesGrid";
+var PisellSalesGrid_default = PisellSalesGrid;

package/lib/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/lib/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;