@pisell/materials 6.11.17 → 6.11.19

package/es/components/pisellRecordBoard/PisellRecordBoard.stories.js

@@ -1,4 +1,9 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -10,9 +15,12 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 _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, { useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { Switch, Space, Form, Input, InputNumber, Button } from 'antd';
+import { FLOOR_MAP_IMAGE_ELEMENT_KIND } from "../pisellFloorMapLayout/types";
+import { getRenderItemByKindTable, getRenderItemByKindRoundTable } from "../pisellFloorMapLayout/components/FigmaTableCard";
 
-/** 打散传参时列表态 value 不含多选，多选通过 grid 传入 */
+/** 打散传参时列表态 value 不含多选，多选通过 grid 传入；亦不包含平面图/测量等由容器内部注入的 context 字段 */
 
 import PisellRecordBoard from "./index";
 var meta = {
@@ -22,7 +30,7 @@ var meta = {
     layout: 'padded',
     docs: {
       description: {
-        component: '记录看板容器，提供统一的 data / 分页 / 搜索 / 多选上下文。ToolBar 左侧可放搜索（PisellFind）与内联快速筛选（toolBar.quickFilter）；右侧为 Sort、PisellFilter、ToolBarReset。排序与筛选项可由列配置（columns）派生；quickFilter 为 true 时快速筛选项展示在左侧，Filter 弹层仅保留高级筛选。点击重置会清空筛选与排序。多选通过 grid.selectedKeys / grid.selectedRows / grid.onSelectionChange 传入；列显示隐藏由容器内部维护。grid 支持 antd Table 透传（onRow、onHeaderRow、expandable、rowClassName、summary 等），类型为 RecordBoardGridProps（基于 TableProps 省略 dataSource/loading/pagination/columns/scroll/size/rowSelection）。'
+        component: '记录看板容器，提供统一的 data / 分页 / 搜索 / 多选上下文。可选根级 **dataSources** + **gridDataSourceKey**：不传 **data** 时由容器从 `dataSources[key]` 客户端分页推导表格；平面图在 ShellFrame 内合并根级与 `FloorMap` 的 `dataSources` 后传入 PisellFloorMapLayout。ToolBar 左侧可放搜索（PisellFind）与内联快速筛选（toolBar.quickFilter）；右侧为 Sort、PisellFilter、ToolBarReset。多选通过 grid.selectedKeys / grid.selectedRows / grid.onSelectionChange 传入。grid 支持 antd Table 透传（onRow、expandable 等）。**平面图**：`ShellFrame` 内与 `GridLayout` 并列声明 `PisellRecordBoard.FloorMap`。根级 `floorMap` 仍兼容。**平面图模式下底部分页隐藏**。详见 **Default** Story。'
       }
     }
   },
@@ -528,6 +536,28 @@ function filterDataByCriteria(list, filterValues) {
   });
 }
 
+/** 平面图：与列表一致，未命中左侧快筛 / PisellFind 关键词时图元透明度 */
+var FLOOR_MAP_DIM_OPACITY = 0.2;
+
+/**
+ * 是否与 RecordBoard ToolBar 左侧快筛 + 搜索关键词同时匹配（用于表格行过滤与平面图压暗未命中图元）。
+ */
+function recordBoardStoryRowMatchesToolbar(row, searchParams) {
+  var _searchParams$filter, _searchParams$keyword;
+  if (!searchParams) return true;
+  var filterValues = (_searchParams$filter = searchParams.filter) === null || _searchParams$filter === void 0 ? void 0 : _searchParams$filter.values;
+  var afterFilter = filterDataByCriteria([row], filterValues);
+  if (afterFilter.length === 0) return false;
+  var kw = String((_searchParams$keyword = searchParams.keyword) !== null && _searchParams$keyword !== void 0 ? _searchParams$keyword : '').trim().toLowerCase();
+  if (!kw) return true;
+  var parts = Object.values(row).filter(function (v) {
+    return v != null && _typeof(v) !== 'object';
+  });
+  return parts.some(function (v) {
+    return String(v).toLowerCase().includes(kw);
+  });
+}
+
 /** 根据 searchParams.sort（如 "name:asc"、"age:desc"）对列表排序，用于 story 内排序演示 */
 function sortDataBySortKey(list, sortKey) {
   if (!sortKey || typeof sortKey !== 'string') return list;
@@ -544,19 +574,635 @@ function sortDataBySortKey(list, sortKey) {
   });
 }
 
+/** 餐厅餐桌行：与平面图落位 placement.id 一一对应，同一数组驱动表格与 floorMap dataSources */
+
+var RESTAURANT_DS_KEY = 'tables';
+/** 蘸料摆台数据源 key，与平面图 elementKinds / placements 一致 */
+var CONDIMENT_STATION_DS_KEY = 'condimentStations';
+
+/** 蘸料摆台行：与落位 placement.id 一一对应 */
+
+/** 初始蘸料台数据 */
+function createInitialCondimentStations() {
+  return [{
+    id: 'cs1',
+    name: '大厅·自助蘸料区',
+    status: '正常',
+    flavorCount: 12,
+    area: '大厅'
+  }, {
+    id: 'cs2',
+    name: '包厢走道补料台',
+    status: '需补货',
+    flavorCount: 6,
+    area: '包厢A',
+    note: '辣椒油低于 30%'
+  }, {
+    id: 'cs3',
+    name: '露台·酱料小推位',
+    status: '正常',
+    flavorCount: 8,
+    area: '露台'
+  },
+  /**
+   * 以下记录在初始平面图**无落位**，用于编辑态「蘸料摆台」新建时可选绑定；
+   * 若列表与落位一一占满是，工具栏会提示「均已落位，或列表为空」。
+   */
+  {
+    id: 'cs4',
+    name: '后厨·备用蘸料车',
+    status: '正常',
+    flavorCount: 4,
+    area: '后厨',
+    note: '待摆到平面图'
+  }, {
+    id: 'cs5',
+    name: '入口处试味台（筹建）',
+    status: '维护中',
+    flavorCount: 0,
+    area: '门厅'
+  }];
+}
+
+/** 平面图蘸料台卡片（多数据源演示）；无绑定或未匹配行时用占位样式，避免画布空白 */
+function getRenderItemByKindCondimentStation(dataSources) {
+  return function (item) {
+    var _flavorCount;
+    var merged = item;
+    var el = merged._sceneElement;
+    var b = el === null || el === void 0 ? void 0 : el.dataBinding;
+    var titleFromElement = (el === null || el === void 0 ? void 0 : el.name) != null && String(el.name).trim() ? String(el.name).trim() : '蘸料摆台';
+    var hasCondimentDs = (b === null || b === void 0 ? void 0 : b.dataSourceKey) === CONDIMENT_STATION_DS_KEY;
+    var condimentRid = (b === null || b === void 0 ? void 0 : b.recordId) != null ? String(b.recordId).trim() : '';
+    var boundToCondiment = hasCondimentDs && Boolean(condimentRid);
+    var list = dataSources[CONDIMENT_STATION_DS_KEY];
+    var row = boundToCondiment && list ? list.find(function (r) {
+      return r.id === condimentRid;
+    }) : undefined;
+    var hasLiveRow = Boolean(row);
+    var borderColor = hasLiveRow ? row.status === '需补货' ? '#fa8c16' : row.status === '维护中' ? '#8c8c8c' : '#52c41a' : '#bfbfbf';
+    var isPlaceholder = !boundToCondiment || !hasLiveRow;
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '100%',
+        height: '100%',
+        boxSizing: 'border-box',
+        padding: '8px 10px',
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        minHeight: 0,
+        fontSize: 11,
+        lineHeight: 1.35,
+        background: isPlaceholder ? '#fafafa' : '#fff',
+        borderRadius: 8,
+        border: isPlaceholder ? "2px dashed ".concat(borderColor) : "2px solid ".concat(borderColor),
+        boxShadow: isPlaceholder ? 'none' : '0 2px 8px rgba(0,0,0,.08)',
+        overflow: 'hidden'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        fontWeight: 600,
+        color: isPlaceholder ? '#595959' : '#262626',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap'
+      }
+    }, hasLiveRow ? row.name : titleFromElement), hasLiveRow ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        color: '#595959',
+        marginTop: 4,
+        flexShrink: 0
+      }
+    }, row.status), /*#__PURE__*/React.createElement("div", {
+      style: {
+        color: '#8c8c8c',
+        marginTop: 4,
+        flexShrink: 0
+      }
+    }, (_flavorCount = row.flavorCount) !== null && _flavorCount !== void 0 ? _flavorCount : '—', " \u79CD\u8638\u6599")) : /*#__PURE__*/React.createElement("div", {
+      style: {
+        color: '#8c8c8c',
+        marginTop: 6,
+        flexShrink: 0,
+        fontSize: 10
+      }
+    }, !hasCondimentDs || !condimentRid ? hasCondimentDs && !condimentRid ? '已选择数据源，请在侧栏选择数据行' : '未绑定数据行：请在侧栏选择数据源与记录' : condimentRid.startsWith('new_') ? '新摆台占位，可在侧栏绑定具体记录' : '未找到对应记录：请检查绑定或数据列表'));
+  };
+}
+
+/** 初始餐桌数据（与下方 placements 的 id 对齐） */
+function createInitialRestaurantTables() {
+  return [{
+    id: 't1',
+    name: '1号桌',
+    status: '空闲',
+    capacity: 4,
+    area: '大厅'
+  }, {
+    id: 't2',
+    name: '2号桌',
+    status: '用餐中',
+    capacity: 4,
+    area: '大厅',
+    guests: 3,
+    customerName: '王女士'
+  }, {
+    id: 't3',
+    name: '3号桌',
+    status: '已预订',
+    capacity: 6,
+    area: '大厅',
+    reserveTime: '18:30'
+  }, {
+    id: 't4',
+    name: '4号桌',
+    status: '空闲',
+    capacity: 2,
+    area: '露台'
+  }, {
+    id: 't5',
+    name: '5号桌',
+    status: '用餐中',
+    capacity: 8,
+    area: '包厢A',
+    guests: 6
+  }, {
+    id: 't6',
+    name: '6号桌',
+    status: '空闲',
+    capacity: 4,
+    area: '大厅'
+  }, {
+    id: 't7',
+    name: '7号桌',
+    status: '已预订',
+    capacity: 2,
+    area: '大厅'
+  }, {
+    id: 't8',
+    name: '8号桌',
+    status: '空闲',
+    capacity: 4,
+    area: '露台'
+  }, {
+    id: 'r1',
+    name: '圆桌1',
+    status: '空闲',
+    capacity: 6,
+    area: '大厅'
+  }];
+}
+
+/** 初始平面图配置：落位引用同一批餐桌 id，像素坐标与方桌/圆桌样式与 PisellFloorMapLayout Story 一致 */
+function createInitialRestaurantFloorMapConfig() {
+  return {
+    canvases: [{
+      id: 'main',
+      name: '大厅平面图',
+      order: 0,
+      enabled: true
+    }],
+    canvasUi: {
+      canCreate: true,
+      canEdit: true
+    },
+    elementKindCategories: [{
+      id: 'background',
+      label: '底图',
+      order: 0
+    }, {
+      id: 'dining',
+      label: '餐桌',
+      order: 1
+    }, {
+      id: 'station',
+      label: '摆台',
+      order: 2
+    }, {
+      id: 'area',
+      label: '区域',
+      order: 3
+    }],
+    elementKinds: [{
+      value: FLOOR_MAP_IMAGE_ELEMENT_KIND,
+      label: '图片（底图）',
+      categoryId: 'background',
+      dataBindingPolicy: 'none',
+      showInPalette: true
+    }, {
+      value: 'table',
+      label: '方桌',
+      categoryId: 'dining',
+      dataBindingPolicy: 'optional',
+      showInPalette: true
+    }, {
+      value: 'roundTable',
+      label: '圆桌',
+      categoryId: 'dining',
+      dataBindingPolicy: 'optional',
+      defaultShape: 'circle',
+      showInPalette: true
+    }, {
+      value: 'condimentStation',
+      label: '蘸料摆台',
+      categoryId: 'station',
+      dataBindingPolicy: 'optional',
+      showInPalette: true
+    }, {
+      value: 'stage',
+      label: '舞台/区域',
+      categoryId: 'area',
+      dataBindingPolicy: 'none',
+      showInPalette: true
+    }],
+    /**
+     * 四列栅格（同原 dataSourcePlacements 布局），现统一为 sceneElements + dataBinding
+     */
+    sceneElements: [{
+      instanceId: 'elm_t1',
+      canvasId: 'main',
+      x: 80,
+      y: 80,
+      name: '1号桌',
+      width: 180,
+      height: 120,
+      zIndex: 0,
+      elementKind: 'table',
+      dataBinding: {
+        dataSourceKey: RESTAURANT_DS_KEY,
+        recordId: 't1'
+      }
+    }, {
+      instanceId: 'elm_t2',
+      canvasId: 'main',
+      x: 280,
+      y: 80,
+      name: '2号桌',
+      width: 180,
+      height: 160,
+      zIndex: 0,
+      elementKind: 'table',
+      dataBinding: {
+        dataSourceKey: RESTAURANT_DS_KEY,
+        recordId: 't2'
+      }
+    }, {
+      instanceId: 'elm_t3',
+      canvasId: 'main',
+      x: 480,
+      y: 80,
+      name: '3号桌',
+      width: 180,
+      height: 160,
+      zIndex: 0,
+      elementKind: 'table',
+      dataBinding: {
+        dataSourceKey: RESTAURANT_DS_KEY,
+        recordId: 't3'
+      }
+    }, {
+      instanceId: 'elm_cs1',
+      canvasId: 'main',
+      x: 680,
+      y: 80,
+      name: '大厅·自助蘸料区',
+      width: 108,
+      height: 88,
+      zIndex: 0,
+      elementKind: 'condimentStation',
+      dataBinding: {
+        dataSourceKey: CONDIMENT_STATION_DS_KEY,
+        recordId: 'cs1'
+      }
+    }, {
+      instanceId: 'elm_cs2',
+      canvasId: 'main',
+      x: 80,
+      y: 264,
+      name: '包厢走道补料台',
+      width: 108,
+      height: 88,
+      zIndex: 0,
+      elementKind: 'condimentStation',
+      dataBinding: {
+        dataSourceKey: CONDIMENT_STATION_DS_KEY,
+        recordId: 'cs2'
+      }
+    }, {
+      instanceId: 'elm_t4',
+      canvasId: 'main',
+      x: 280,
+      y: 264,
+      name: '4号桌',
+      width: 180,
+      height: 120,
+      zIndex: 0,
+      elementKind: 'table',
+      dataBinding: {
+        dataSourceKey: RESTAURANT_DS_KEY,
+        recordId: 't4'
+      }
+    }, {
+      instanceId: 'elm_t5',
+      canvasId: 'main',
+      x: 480,
+      y: 264,
+      name: '5号桌',
+      width: 180,
+      height: 160,
+      zIndex: 0,
+      elementKind: 'table',
+      dataBinding: {
+        dataSourceKey: RESTAURANT_DS_KEY,
+        recordId: 't5'
+      }
+    }, {
+      instanceId: 'elm_t6',
+      canvasId: 'main',
+      x: 680,
+      y: 264,
+      name: '6号桌',
+      width: 180,
+      height: 120,
+      zIndex: 0,
+      elementKind: 'table',
+      dataBinding: {
+        dataSourceKey: RESTAURANT_DS_KEY,
+        recordId: 't6'
+      }
+    }, {
+      instanceId: 'elm_r1',
+      canvasId: 'main',
+      x: 80,
+      y: 448,
+      name: '圆桌1',
+      width: 120,
+      height: 120,
+      zIndex: 0,
+      elementKind: 'roundTable',
+      dataBinding: {
+        dataSourceKey: RESTAURANT_DS_KEY,
+        recordId: 'r1'
+      }
+    }, {
+      instanceId: 'elm_cs3',
+      canvasId: 'main',
+      x: 220,
+      y: 448,
+      name: '露台·酱料小推位',
+      width: 108,
+      height: 88,
+      zIndex: 0,
+      elementKind: 'condimentStation',
+      dataBinding: {
+        dataSourceKey: CONDIMENT_STATION_DS_KEY,
+        recordId: 'cs3'
+      }
+    }, {
+      instanceId: 'elm_t7',
+      canvasId: 'main',
+      x: 480,
+      y: 448,
+      name: '7号桌',
+      width: 180,
+      height: 120,
+      zIndex: 0,
+      elementKind: 'table',
+      dataBinding: {
+        dataSourceKey: RESTAURANT_DS_KEY,
+        recordId: 't7'
+      }
+    }, {
+      instanceId: 'elm_t8',
+      canvasId: 'main',
+      x: 680,
+      y: 448,
+      name: '8号桌',
+      width: 180,
+      height: 120,
+      zIndex: 0,
+      elementKind: 'table',
+      dataBinding: {
+        dataSourceKey: RESTAURANT_DS_KEY,
+        recordId: 't8'
+      }
+    }]
+  };
+}
+
+/** 餐桌列表列：与 `RestaurantTableRow` 字段一致，状态可筛可选 */
+var restaurantTableColumns = [{
+  title: '桌号',
+  dataIndex: 'name',
+  key: 'name',
+  width: 120,
+  type: 'singleLineText'
+}, {
+  title: '状态',
+  dataIndex: 'status',
+  key: 'status',
+  width: 120,
+  type: 'singleSelect',
+  fieldProps: {
+    options: [{
+      label: '全部',
+      value: 'all'
+    }, {
+      label: '空闲',
+      value: '空闲'
+    }, {
+      label: '已预订',
+      value: '已预订'
+    }, {
+      label: '用餐中',
+      value: '用餐中'
+    }, {
+      label: '等待',
+      value: '等待'
+    }, {
+      label: '已结账',
+      value: '已结账'
+    }]
+  },
+  filterable: true,
+  filter: {
+    quickFilter: true
+  }
+}, {
+  title: '可坐人数',
+  dataIndex: 'capacity',
+  key: 'capacity',
+  width: 110,
+  type: 'number'
+}, {
+  title: '区域',
+  dataIndex: 'area',
+  key: 'area',
+  width: 140,
+  type: 'singleLineText'
+}, {
+  title: '当前用餐人数',
+  dataIndex: 'guests',
+  key: 'guests',
+  width: 130,
+  type: 'number'
+}, {
+  title: '顾客',
+  dataIndex: 'customerName',
+  key: 'customerName',
+  width: 120,
+  type: 'singleLineText'
+}, {
+  title: '预订时间',
+  dataIndex: 'reserveTime',
+  key: 'reserveTime',
+  width: 120,
+  type: 'singleLineText'
+}];
+var condimentRecordFormColumns = [{
+  key: 'name',
+  label: '摆台名称',
+  type: 'string'
+}, {
+  key: 'status',
+  label: '状态',
+  type: 'select',
+  options: [{
+    label: '正常',
+    value: '正常'
+  }, {
+    label: '需补货',
+    value: '需补货'
+  }, {
+    label: '维护中',
+    value: '维护中'
+  }]
+}, {
+  key: 'flavorCount',
+  label: '蘸料种类数',
+  type: 'number'
+}, {
+  key: 'area',
+  label: '区域',
+  type: 'string'
+}, {
+  key: 'note',
+  label: '备注',
+  type: 'string'
+}];
+
 /**
- * Grid 布局 - 带 Table、分页、多选；列 type 驱动列/筛选/排序；筛选在 Filter 弹层内；重置清空筛选与排序。
+ * Story 演示：`dataSourceRecordForm` 自定义侧栏「数据源记录」表单（复杂逻辑可走独立 Form）
  */
-export var GridLayoutWithTable = {
+function RestaurantTableRecordCustomForm(props) {
+  var ctx = props.ctx;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  useEffect(function () {
+    form.setFieldsValue(ctx.record);
+  }, [ctx.recordId, ctx.record, form]);
+  return /*#__PURE__*/React.createElement(Form, {
+    form: form,
+    layout: "vertical",
+    size: "small",
+    onFinish: function onFinish(values) {
+      var _ctx$onSaveRecord;
+      (_ctx$onSaveRecord = ctx.onSaveRecord) === null || _ctx$onSaveRecord === void 0 || _ctx$onSaveRecord.call(ctx, values);
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    style: {
+      margin: '0 0 8px',
+      fontSize: 12,
+      color: '#8c8c8c'
+    }
+  }, "\u4EE5\u4E0B\u4E3A\u81EA\u5B9A\u4E49 React \u8868\u5355\u793A\u4F8B\uFF08\u4ECD\u53EF `ctx.onSaveRecord` \u5199\u56DE\u4E0E\u5185\u7F6E FloorMapDataForm \u76F8\u540C\u7684\u6570\u636E\u901A\u9053\uFF09\u3002"), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "guests",
+    label: "\u5F53\u524D\u7528\u9910\u4EBA\u6570"
+  }, /*#__PURE__*/React.createElement(InputNumber, {
+    min: 0,
+    style: {
+      width: '100%'
+    }
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "customerName",
+    label: "\u987E\u5BA2"
+  }, /*#__PURE__*/React.createElement(Input, {
+    allowClear: true
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "reserveTime",
+    label: "\u9884\u8BA2\u65F6\u95F4"
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u5982 18:30",
+    allowClear: true
+  })), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    htmlType: "submit",
+    loading: ctx.savingRecord,
+    block: true,
+    size: "small"
+  }, "\u4FDD\u5B58\u8BB0\u5F55"));
+}
+var restaurantRecordFormColumns = [{
+  key: 'name',
+  label: '桌号',
+  type: 'string'
+}, {
+  key: 'status',
+  label: '状态',
+  type: 'select',
+  options: [{
+    label: '空闲',
+    value: '空闲'
+  }, {
+    label: '已预订',
+    value: '已预订'
+  }, {
+    label: '用餐中',
+    value: '用餐中'
+  }, {
+    label: '等待',
+    value: '等待'
+  }, {
+    label: '已结账',
+    value: '已结账'
+  }]
+}, {
+  key: 'capacity',
+  label: '可坐人数',
+  type: 'number'
+}, {
+  key: 'area',
+  label: '区域',
+  type: 'string'
+}, {
+  key: 'guests',
+  label: '当前用餐人数',
+  type: 'number'
+}, {
+  key: 'customerName',
+  label: '顾客',
+  type: 'string'
+}, {
+  key: 'reserveTime',
+  label: '预订时间',
+  type: 'string'
+}];
+
+/**
+ * **默认 Story**：餐厅 **多数据源**——**餐桌** + **蘸料摆台**；根级 `dataSources` 同时包含两者；**表格只绑定餐桌一路**（`gridDataSourceKey`）；平面图同时渲染两类落位，无需 Segmented 切换列表。
+ */
+export var Default = {
   parameters: {
+    layout: 'fullscreen',
     docs: {
       description: {
-        story: '列配置 type + fieldProps，筛选项与排序由 columns 派生；快速筛选在右侧「筛选」弹层内。'
+        story: ['### 多数据源：餐桌 + 蘸料摆台（表格 ⇄ 平面图）', '', '- **`dataSources`**（根级）：`{ tables, condimentStations }`，与 `dataSourceKey` 一致；ShellFrame 与 `FloorMap` props 合并后传入平面图。', '- **`floorMapLayoutContext`**：本 Story 将 `floorMapConfig` / `onSave` / 侧栏表单等放在根级 Context，`FloorMap` 仅保留 `mode`、`renderItemByKind`、`mapLayer` 等展示向 props。', '- **表格**：传根级 `data`（快筛 + 关键词过滤后分页）；`dataSources.tables` 为**全量排序**餐桌，供平面图绑定。', '- **平面图**：始终渲染全部落位；未命中快筛/搜索的绑定行 **opacity=0.2**（`getMergedItemWrapperStyle`）。', '- **侧栏保存**：`onDataSourceRecordSave(key, id, patch)` 按 `key` 写回 `tables` 或 `condimentStations`。', '- **自定义表单开关**仍仅作用于 **餐桌** 数据源侧栏。', '', '```tsx', '<PisellRecordBoard data={...} dataSources={全量} floorMap={{ getMergedItemWrapperStyle: ... }} />', '```'].join('\n')
       }
     }
   },
-  render: function GridLayoutWithTableRender() {
-    var _searchParams$filter;
+  render: function DefaultRender() {
     var _useState = useState(1),
       _useState2 = _slicedToArray(_useState, 2),
       pageNumber = _useState2[0],
@@ -566,9 +1212,8 @@ export var GridLayoutWithTable = {
       pageSize = _useState4[0],
       setPageSize = _useState4[1];
     var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      loading = _useState6[0],
-      setLoading = _useState6[1];
+      _useState6 = _slicedToArray(_useState5, 1),
+      loading = _useState6[0];
     var _useState7 = useState({}),
       _useState8 = _slicedToArray(_useState7, 2),
       searchParams = _useState8[0],
@@ -581,7 +1226,293 @@ export var GridLayoutWithTable = {
       _useState12 = _slicedToArray(_useState11, 2),
       selectedRows = _useState12[0],
       setSelectedRows = _useState12[1];
-    var filterValues = searchParams === null || searchParams === void 0 || (_searchParams$filter = searchParams.filter) === null || _searchParams$filter === void 0 ? void 0 : _searchParams$filter.values;
+    var _useState13 = useState(createInitialRestaurantTables),
+      _useState14 = _slicedToArray(_useState13, 2),
+      tables = _useState14[0],
+      setTables = _useState14[1];
+    var _useState15 = useState(createInitialCondimentStations),
+      _useState16 = _slicedToArray(_useState15, 2),
+      condimentStations = _useState16[0],
+      setCondimentStations = _useState16[1];
+    var _useState17 = useState(createInitialRestaurantFloorMapConfig),
+      _useState18 = _slicedToArray(_useState17, 2),
+      floorMapConfig = _useState18[0],
+      setFloorMapConfig = _useState18[1];
+    var _useState19 = useState(false),
+      _useState20 = _slicedToArray(_useState19, 2),
+      mapEditMode = _useState20[0],
+      setMapEditMode = _useState20[1];
+    /** 为 true 时演示 `dataSourceRecordForm`，否则用 `restaurantRecordFormColumns` 内置表单 */
+    var _useState21 = useState(false),
+      _useState22 = _slicedToArray(_useState21, 2),
+      useCustomRecordForm = _useState22[0],
+      setUseCustomRecordForm = _useState22[1];
+
+    /** 全量餐桌排序：平面图 dataSources 始终可绑定所有落位 */
+    var sortedAllTables = useMemo(function () {
+      return sortDataBySortKey(tables, searchParams === null || searchParams === void 0 ? void 0 : searchParams.sort);
+    }, [tables, searchParams === null || searchParams === void 0 ? void 0 : searchParams.sort]);
+    /** 表格：快筛 + 关键词与 sortedAllTables 交集 */
+    var filteredSortedTables = useMemo(function () {
+      return sortedAllTables.filter(function (row) {
+        return recordBoardStoryRowMatchesToolbar(row, searchParams);
+      });
+    }, [sortedAllTables, searchParams]);
+    var total = filteredSortedTables.length;
+    var data = useMemo(function () {
+      var start = (pageNumber - 1) * pageSize;
+      return filteredSortedTables.slice(start, start + pageSize);
+    }, [pageNumber, pageSize, filteredSortedTables]);
+    var value = useMemo(function () {
+      return {
+        data: data,
+        loading: loading,
+        total: total,
+        pagination: {
+          pageNumber: pageNumber,
+          pageSize: pageSize
+        },
+        onPageChange: function onPageChange(num, size) {
+          setPageNumber(num);
+          setPageSize(size);
+        },
+        searchParams: searchParams,
+        onSearch: function onSearch(params) {
+          setSearchParams(params);
+          setPageNumber(1);
+        },
+        onReset: function onReset() {
+          setSearchParams({});
+          setPageNumber(1);
+        },
+        layoutType: 'grid',
+        rowKey: 'id'
+      };
+    }, [data, loading, total, pageNumber, pageSize, searchParams]);
+    var dataSources = useMemo(function () {
+      return _defineProperty(_defineProperty({}, RESTAURANT_DS_KEY, sortedAllTables), CONDIMENT_STATION_DS_KEY, condimentStations);
+    }, [sortedAllTables, condimentStations]);
+    var handleFloorMapSave = useCallback(function (config) {
+      setFloorMapConfig(config);
+      // eslint-disable-next-line no-console
+      console.log('[PisellRecordBoard Restaurant] floorMap onSave', config);
+    }, []);
+    var handleDataSourceRecordSave = useCallback(function (dataSourceKey, id, newData) {
+      if (dataSourceKey === RESTAURANT_DS_KEY) {
+        setTables(function (prev) {
+          return prev.map(function (row) {
+            return row.id === id ? _objectSpread(_objectSpread({}, row), newData) : row;
+          });
+        });
+      } else if (dataSourceKey === CONDIMENT_STATION_DS_KEY) {
+        setCondimentStations(function (prev) {
+          return prev.map(function (row) {
+            return row.id === id ? _objectSpread(_objectSpread({}, row), newData) : row;
+          });
+        });
+      }
+      // eslint-disable-next-line no-console
+      console.log('[PisellRecordBoard Restaurant] onDataSourceRecordSave', {
+        dataSourceKey: dataSourceKey,
+        id: id,
+        newData: newData
+      });
+    }, []);
+
+    /** 根级 `floorMapLayoutContext`：由 Shell 内置 Provider 注入 Layout；`dataSources` 仍走根级合并 */
+    var floorMapLayoutContext = useMemo(function () {
+      return _objectSpread({
+        floorMapConfig: floorMapConfig,
+        onSave: handleFloorMapSave,
+        onDataSourceRecordSave: handleDataSourceRecordSave,
+        dataSourceLabels: _defineProperty(_defineProperty({}, RESTAURANT_DS_KEY, '餐桌'), CONDIMENT_STATION_DS_KEY, '蘸料摆台'),
+        dataSourceFormColumns: _defineProperty(_defineProperty({}, RESTAURANT_DS_KEY, restaurantRecordFormColumns), CONDIMENT_STATION_DS_KEY, condimentRecordFormColumns)
+      }, useCustomRecordForm ? {
+        dataSourceRecordForm: _defineProperty({}, RESTAURANT_DS_KEY, function (ctx) {
+          return /*#__PURE__*/React.createElement(RestaurantTableRecordCustomForm, {
+            ctx: ctx
+          });
+        })
+      } : {});
+    }, [floorMapConfig, handleFloorMapSave, handleDataSourceRecordSave, useCustomRecordForm]);
+
+    /** 平面图槽位仅保留展示与交互；配置/保存见 `floorMapLayoutContext` */
+    var floorMap = useMemo(function () {
+      return {
+        mode: mapEditMode ? 'edit' : 'read',
+        renderItemByKind: {
+          table: getRenderItemByKindTable(dataSources),
+          roundTable: getRenderItemByKindRoundTable(dataSources),
+          condimentStation: getRenderItemByKindCondimentStation(dataSources)
+        },
+        mapLayer: {
+          backgroundType: 'color',
+          backgroundColor: '#f5f5f5',
+          padding: 24
+        },
+        zoom: {
+          defaultScale: 1,
+          min: 0.4,
+          max: 2.2,
+          step: 0.1
+        },
+        pan: {
+          enabled: true,
+          boundary: 'clamp'
+        },
+        controls: {
+          showZoom: true,
+          showReset: true,
+          showFitBounds: true
+        },
+        enableHover: true,
+        getMergedItemWrapperStyle: function getMergedItemWrapperStyle(item) {
+          var _m$_sceneElement;
+          var m = item;
+          var b = (_m$_sceneElement = m._sceneElement) === null || _m$_sceneElement === void 0 ? void 0 : _m$_sceneElement.dataBinding;
+          if (!(b !== null && b !== void 0 && b.dataSourceKey)) return undefined;
+          var recordId = b.recordId != null ? String(b.recordId).trim() : '';
+          /** 仅选数据源/占位 id/行已删：不参与「筛选未命中」淡化（避免与占位卡片叠 20% 透明） */
+          if (!recordId || recordId.startsWith('new_')) return undefined;
+          var rows = dataSources[b.dataSourceKey];
+          var row = rows === null || rows === void 0 ? void 0 : rows.find(function (r) {
+            return r.id === recordId;
+          });
+          if (!row) return undefined;
+          if (recordBoardStoryRowMatchesToolbar(row, searchParams)) return undefined;
+          return {
+            opacity: FLOOR_MAP_DIM_OPACITY
+          };
+        }
+      };
+    }, [dataSources, mapEditMode, searchParams]);
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        boxSizing: 'border-box',
+        height: '100vh',
+        minHeight: '100vh',
+        padding: 16,
+        background: '#f5f5f5',
+        display: 'flex',
+        flexDirection: 'column',
+        overflow: 'hidden'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        flexShrink: 0,
+        marginBottom: 12,
+        padding: '10px 12px',
+        background: '#e6f4ff',
+        border: '1px solid #91caff',
+        borderRadius: 8,
+        fontSize: 13,
+        lineHeight: 1.65,
+        color: '#0958d9'
+      }
+    }, /*#__PURE__*/React.createElement(Space, {
+      size: "large",
+      wrap: true,
+      align: "center"
+    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, "\u8868\u683C\uFF1A"), "\u5FEB\u7B5B + \u641C\u7D22\u8FC7\u6EE4 + \u5206\u9875\uFF1B\u5E73\u9762\u56FE\u4E3A\u5168\u91CF\u843D\u4F4D\uFF0C\u672A\u547D\u4E2D\u884C\u534A\u900F\u660E\u663E\u793A\u3002"), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, "\u5E73\u9762\u56FE\uFF1A"), "`tables` + `condimentStations` \u540C\u65F6\u6E32\u67D3\uFF1B\u5DE5\u5177\u680F\u300C\u8868\u683C / \u5E73\u9762\u56FE\u300D\u5207\u6362\u89C6\u56FE\u3002"), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Switch, {
+      checked: mapEditMode,
+      onChange: setMapEditMode
+    }), /*#__PURE__*/React.createElement("span", {
+      style: {
+        marginLeft: 8
+      }
+    }, "\u5E73\u9762\u56FE\u7F16\u8F91\u6A21\u5F0F\uFF08\u5173=\u53EA\u8BFB\uFF0C\u5F00=\u53EF\u62D6\u684C\u4F4D\u3001\u4FA7\u680F\u6539\u8BB0\u5F55\u5E76\u5199\u56DE\u5BF9\u5E94\u6570\u636E\u6E90\uFF09")), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Switch, {
+      checked: useCustomRecordForm,
+      onChange: setUseCustomRecordForm
+    }), /*#__PURE__*/React.createElement("span", {
+      style: {
+        marginLeft: 8
+      }
+    }, "\u4FA7\u680F\u81EA\u5B9A\u4E49\u8868\u5355\uFF08\u4EC5", /*#__PURE__*/React.createElement("strong", null, "\u9910\u684C"), "\u6570\u636E\u6E90\uFF1B\u8638\u6599\u53F0\u4ECD\u7528\u5217\u914D\u7F6E\u8868\u5355\uFF09"))), /*#__PURE__*/React.createElement("div", {
+      style: {
+        marginTop: 8,
+        fontSize: 12,
+        color: '#1677ff'
+      }
+    }, "\u63D0\u793A\uFF1A\u5E73\u9762\u56FE\u4E3A\u5168\u91CF\u843D\u4F4D\uFF1B\u4EC5\u5F53", /*#__PURE__*/React.createElement("strong", null, "\u5DF2\u7ED1\u5B9A\u6709\u6548\u6570\u636E\u884C"), "\u4E14\u8BE5\u884C\u672A\u547D\u4E2D\u5FEB\u7B5B/\u641C\u7D22\u65F6\u900F\u660E\u5EA6", ' ', Math.round(FLOOR_MAP_DIM_OPACITY * 100), "%\uFF08\u672A\u9009\u884C\u3001new_ \u5360\u4F4D\u3001\u884C\u5DF2\u5220\u4E0D\u53C2\u4E0E\u6DE1\u5316\uFF09\u3002\u4FDD\u5B58\u5E03\u5C40\u4ECD\u4F1A\u8F93\u51FA `onSave` \u65E5\u5FD7\u3002")), /*#__PURE__*/React.createElement("div", {
+      style: {
+        flex: 1,
+        minHeight: 0,
+        minWidth: 0,
+        display: 'flex',
+        flexDirection: 'column'
+      }
+    }, /*#__PURE__*/React.createElement(PisellRecordBoard, _extends({
+      rowKey: "id"
+    }, value, {
+      dataSources: dataSources,
+      floorMapLayoutContext: floorMapLayoutContext,
+      defaultBodyView: "grid",
+      style: {
+        height: '100%',
+        minHeight: 0,
+        flex: 1
+      },
+      grid: {
+        columns: restaurantTableColumns,
+        scroll: {
+          x: 1460
+        },
+        selectedKeys: selectedKeys,
+        selectedRows: selectedRows,
+        onSelectionChange: function onSelectionChange(keys, rows) {
+          setSelectedKeys(keys);
+          setSelectedRows(rows);
+        }
+      },
+      toolBar: {
+        search: true,
+        quickFilter: true,
+        filter: {
+          hiddenQuickFilter: true
+        }
+      }
+    }), /*#__PURE__*/React.createElement(PisellRecordBoard.ShellFrame, null, /*#__PURE__*/React.createElement(PisellRecordBoard.GridLayout, null), /*#__PURE__*/React.createElement(PisellRecordBoard.FloorMap, floorMap)))));
+  }
+};
+
+/**
+ * Grid 布局 - 带 Table、分页、多选；列 type 驱动列/筛选/排序；筛选在 Filter 弹层内；重置清空筛选与排序。
+ */
+export var GridLayoutWithTable = {
+  parameters: {
+    docs: {
+      description: {
+        story: '列配置 type + fieldProps，筛选项与排序由 columns 派生；快速筛选在右侧「筛选」弹层内。'
+      }
+    }
+  },
+  render: function GridLayoutWithTableRender() {
+    var _searchParams$filter2;
+    var _useState23 = useState(1),
+      _useState24 = _slicedToArray(_useState23, 2),
+      pageNumber = _useState24[0],
+      setPageNumber = _useState24[1];
+    var _useState25 = useState(10),
+      _useState26 = _slicedToArray(_useState25, 2),
+      pageSize = _useState26[0],
+      setPageSize = _useState26[1];
+    var _useState27 = useState(false),
+      _useState28 = _slicedToArray(_useState27, 2),
+      loading = _useState28[0],
+      setLoading = _useState28[1];
+    var _useState29 = useState({}),
+      _useState30 = _slicedToArray(_useState29, 2),
+      searchParams = _useState30[0],
+      setSearchParams = _useState30[1];
+    var _useState31 = useState([]),
+      _useState32 = _slicedToArray(_useState31, 2),
+      selectedKeys = _useState32[0],
+      setSelectedKeys = _useState32[1];
+    var _useState33 = useState([]),
+      _useState34 = _slicedToArray(_useState33, 2),
+      selectedRows = _useState34[0],
+      setSelectedRows = _useState34[1];
+    var filterValues = searchParams === null || searchParams === void 0 || (_searchParams$filter2 = searchParams.filter) === null || _searchParams$filter2 === void 0 ? void 0 : _searchParams$filter2.values;
     var filteredList = useMemo(function () {
       return filterDataByCriteria(mockData, filterValues);
     }, [searchParams]);
@@ -662,26 +1593,26 @@ export var GridWithMultiplePages = {
     }
   },
   render: function GridWithMultiplePagesRender() {
-    var _useState13 = useState(1),
-      _useState14 = _slicedToArray(_useState13, 2),
-      pageNumber = _useState14[0],
-      setPageNumber = _useState14[1];
-    var _useState15 = useState(10),
-      _useState16 = _slicedToArray(_useState15, 2),
-      pageSize = _useState16[0],
-      setPageSize = _useState16[1];
-    var _useState17 = useState({}),
-      _useState18 = _slicedToArray(_useState17, 2),
-      searchParams = _useState18[0],
-      setSearchParams = _useState18[1];
-    var _useState19 = useState([]),
-      _useState20 = _slicedToArray(_useState19, 2),
-      selectedKeys = _useState20[0],
-      setSelectedKeys = _useState20[1];
-    var _useState21 = useState([]),
-      _useState22 = _slicedToArray(_useState21, 2),
-      selectedRows = _useState22[0],
-      setSelectedRows = _useState22[1];
+    var _useState35 = useState(1),
+      _useState36 = _slicedToArray(_useState35, 2),
+      pageNumber = _useState36[0],
+      setPageNumber = _useState36[1];
+    var _useState37 = useState(10),
+      _useState38 = _slicedToArray(_useState37, 2),
+      pageSize = _useState38[0],
+      setPageSize = _useState38[1];
+    var _useState39 = useState({}),
+      _useState40 = _slicedToArray(_useState39, 2),
+      searchParams = _useState40[0],
+      setSearchParams = _useState40[1];
+    var _useState41 = useState([]),
+      _useState42 = _slicedToArray(_useState41, 2),
+      selectedKeys = _useState42[0],
+      setSelectedKeys = _useState42[1];
+    var _useState43 = useState([]),
+      _useState44 = _slicedToArray(_useState43, 2),
+      selectedRows = _useState44[0],
+      setSelectedRows = _useState44[1];
     var total = mockDataMultiplePages.length;
     var data = useMemo(function () {
       var start = (pageNumber - 1) * pageSize;
@@ -756,22 +1687,22 @@ export var GridLayoutWithCollapseUniformColumns = {
     }
   },
   render: function GridLayoutWithCollapseUniformColumnsRender() {
-    var _useState23 = useState(1),
-      _useState24 = _slicedToArray(_useState23, 2),
-      pageNumber = _useState24[0],
-      setPageNumber = _useState24[1];
-    var _useState25 = useState(10),
-      _useState26 = _slicedToArray(_useState25, 2),
-      pageSize = _useState26[0],
-      setPageSize = _useState26[1];
-    var _useState27 = useState([]),
-      _useState28 = _slicedToArray(_useState27, 2),
-      selectedKeys = _useState28[0],
-      setSelectedKeys = _useState28[1];
-    var _useState29 = useState([]),
-      _useState30 = _slicedToArray(_useState29, 2),
-      selectedRows = _useState30[0],
-      setSelectedRows = _useState30[1];
+    var _useState45 = useState(1),
+      _useState46 = _slicedToArray(_useState45, 2),
+      pageNumber = _useState46[0],
+      setPageNumber = _useState46[1];
+    var _useState47 = useState(10),
+      _useState48 = _slicedToArray(_useState47, 2),
+      pageSize = _useState48[0],
+      setPageSize = _useState48[1];
+    var _useState49 = useState([]),
+      _useState50 = _slicedToArray(_useState49, 2),
+      selectedKeys = _useState50[0],
+      setSelectedKeys = _useState50[1];
+    var _useState51 = useState([]),
+      _useState52 = _slicedToArray(_useState51, 2),
+      selectedRows = _useState52[0],
+      setSelectedRows = _useState52[1];
 
     // 当前页数据：支付状态全部为 paid，备注全部为空，用于演示同值列折叠
     var uniformData = useMemo(function () {
@@ -871,22 +1802,22 @@ export var GridLayoutWithUniformCompare = {
     }
   },
   render: function GridLayoutWithUniformCompareRender() {
-    var _useState31 = useState(1),
-      _useState32 = _slicedToArray(_useState31, 2),
-      pageNumber = _useState32[0],
-      setPageNumber = _useState32[1];
-    var _useState33 = useState(10),
-      _useState34 = _slicedToArray(_useState33, 2),
-      pageSize = _useState34[0],
-      setPageSize = _useState34[1];
-    var _useState35 = useState([]),
-      _useState36 = _slicedToArray(_useState35, 2),
-      selectedKeys = _useState36[0],
-      setSelectedKeys = _useState36[1];
-    var _useState37 = useState([]),
-      _useState38 = _slicedToArray(_useState37, 2),
-      selectedRows = _useState38[0],
-      setSelectedRows = _useState38[1];
+    var _useState53 = useState(1),
+      _useState54 = _slicedToArray(_useState53, 2),
+      pageNumber = _useState54[0],
+      setPageNumber = _useState54[1];
+    var _useState55 = useState(10),
+      _useState56 = _slicedToArray(_useState55, 2),
+      pageSize = _useState56[0],
+      setPageSize = _useState56[1];
+    var _useState57 = useState([]),
+      _useState58 = _slicedToArray(_useState57, 2),
+      selectedKeys = _useState58[0],
+      setSelectedKeys = _useState58[1];
+    var _useState59 = useState([]),
+      _useState60 = _slicedToArray(_useState59, 2),
+      selectedRows = _useState60[0],
+      setSelectedRows = _useState60[1];
 
     // 支付分类为对象，当前页全部为 { id: 1, name: '已支付' }，用 uniformCompare 按 id 比较
     var uniformCompareData = useMemo(function () {
@@ -989,28 +1920,28 @@ export var GridWithOnRow = {
     }
   },
   render: function GridWithOnRowRender() {
-    var _searchParams$filter2;
-    var _useState39 = useState(1),
-      _useState40 = _slicedToArray(_useState39, 2),
-      pageNumber = _useState40[0],
-      setPageNumber = _useState40[1];
-    var _useState41 = useState(10),
-      _useState42 = _slicedToArray(_useState41, 2),
-      pageSize = _useState42[0],
-      setPageSize = _useState42[1];
-    var _useState43 = useState({}),
-      _useState44 = _slicedToArray(_useState43, 2),
-      searchParams = _useState44[0],
-      setSearchParams = _useState44[1];
-    var _useState45 = useState([]),
-      _useState46 = _slicedToArray(_useState45, 2),
-      selectedKeys = _useState46[0],
-      setSelectedKeys = _useState46[1];
-    var _useState47 = useState([]),
-      _useState48 = _slicedToArray(_useState47, 2),
-      selectedRows = _useState48[0],
-      setSelectedRows = _useState48[1];
-    var filterValues = searchParams === null || searchParams === void 0 || (_searchParams$filter2 = searchParams.filter) === null || _searchParams$filter2 === void 0 ? void 0 : _searchParams$filter2.values;
+    var _searchParams$filter3;
+    var _useState61 = useState(1),
+      _useState62 = _slicedToArray(_useState61, 2),
+      pageNumber = _useState62[0],
+      setPageNumber = _useState62[1];
+    var _useState63 = useState(10),
+      _useState64 = _slicedToArray(_useState63, 2),
+      pageSize = _useState64[0],
+      setPageSize = _useState64[1];
+    var _useState65 = useState({}),
+      _useState66 = _slicedToArray(_useState65, 2),
+      searchParams = _useState66[0],
+      setSearchParams = _useState66[1];
+    var _useState67 = useState([]),
+      _useState68 = _slicedToArray(_useState67, 2),
+      selectedKeys = _useState68[0],
+      setSelectedKeys = _useState68[1];
+    var _useState69 = useState([]),
+      _useState70 = _slicedToArray(_useState69, 2),
+      selectedRows = _useState70[0],
+      setSelectedRows = _useState70[1];
+    var filterValues = searchParams === null || searchParams === void 0 || (_searchParams$filter3 = searchParams.filter) === null || _searchParams$filter3 === void 0 ? void 0 : _searchParams$filter3.values;
     var filteredList = useMemo(function () {
       return filterDataByCriteria(mockData, filterValues);
     }, [searchParams]);
@@ -1071,8 +2002,9 @@ export var GridWithOnRow = {
         onRow: function onRow(record) {
           return {
             onClick: function onClick() {
-              console.log('行点击', record.orderNo, record);
-              alert("\u70B9\u51FB\u8BA2\u5355\uFF1A".concat(record.orderNo));
+              var r = record;
+              console.log('行点击', r.orderNo, r);
+              alert("\u70B9\u51FB\u8BA2\u5355\uFF1A".concat(r.orderNo));
             }
           };
         },
@@ -1102,32 +2034,32 @@ export var GridLayoutWithColumnType = {
     }
   },
   render: function GridLayoutWithColumnTypeRender() {
-    var _searchParams$filter3;
-    var _useState49 = useState(1),
-      _useState50 = _slicedToArray(_useState49, 2),
-      pageNumber = _useState50[0],
-      setPageNumber = _useState50[1];
-    var _useState51 = useState(10),
-      _useState52 = _slicedToArray(_useState51, 2),
-      pageSize = _useState52[0],
-      setPageSize = _useState52[1];
-    var _useState53 = useState(false),
-      _useState54 = _slicedToArray(_useState53, 2),
-      loading = _useState54[0],
-      setLoading = _useState54[1];
-    var _useState55 = useState({}),
-      _useState56 = _slicedToArray(_useState55, 2),
-      searchParams = _useState56[0],
-      setSearchParams = _useState56[1];
-    var _useState57 = useState([]),
-      _useState58 = _slicedToArray(_useState57, 2),
-      selectedKeys = _useState58[0],
-      setSelectedKeys = _useState58[1];
-    var _useState59 = useState([]),
-      _useState60 = _slicedToArray(_useState59, 2),
-      selectedRows = _useState60[0],
-      setSelectedRows = _useState60[1];
-    var filterValues = searchParams === null || searchParams === void 0 || (_searchParams$filter3 = searchParams.filter) === null || _searchParams$filter3 === void 0 ? void 0 : _searchParams$filter3.values;
+    var _searchParams$filter4;
+    var _useState71 = useState(1),
+      _useState72 = _slicedToArray(_useState71, 2),
+      pageNumber = _useState72[0],
+      setPageNumber = _useState72[1];
+    var _useState73 = useState(10),
+      _useState74 = _slicedToArray(_useState73, 2),
+      pageSize = _useState74[0],
+      setPageSize = _useState74[1];
+    var _useState75 = useState(false),
+      _useState76 = _slicedToArray(_useState75, 2),
+      loading = _useState76[0],
+      setLoading = _useState76[1];
+    var _useState77 = useState({}),
+      _useState78 = _slicedToArray(_useState77, 2),
+      searchParams = _useState78[0],
+      setSearchParams = _useState78[1];
+    var _useState79 = useState([]),
+      _useState80 = _slicedToArray(_useState79, 2),
+      selectedKeys = _useState80[0],
+      setSelectedKeys = _useState80[1];
+    var _useState81 = useState([]),
+      _useState82 = _slicedToArray(_useState81, 2),
+      selectedRows = _useState82[0],
+      setSelectedRows = _useState82[1];
+    var filterValues = searchParams === null || searchParams === void 0 || (_searchParams$filter4 = searchParams.filter) === null || _searchParams$filter4 === void 0 ? void 0 : _searchParams$filter4.values;
     var filteredList = useMemo(function () {
       return filterDataByCriteria(mockData, filterValues);
     }, [searchParams]);
@@ -1209,28 +2141,28 @@ export var GridLayoutToolBarSortAndFilter = {
     }
   },
   render: function GridLayoutToolBarSortAndFilterRender() {
-    var _searchParams$filter4;
-    var _useState61 = useState(1),
-      _useState62 = _slicedToArray(_useState61, 2),
-      pageNumber = _useState62[0],
-      setPageNumber = _useState62[1];
-    var _useState63 = useState(10),
-      _useState64 = _slicedToArray(_useState63, 2),
-      pageSize = _useState64[0],
-      setPageSize = _useState64[1];
-    var _useState65 = useState({}),
-      _useState66 = _slicedToArray(_useState65, 2),
-      searchParams = _useState66[0],
-      setSearchParams = _useState66[1];
-    var _useState67 = useState([]),
-      _useState68 = _slicedToArray(_useState67, 2),
-      selectedKeys = _useState68[0],
-      setSelectedKeys = _useState68[1];
-    var _useState69 = useState([]),
-      _useState70 = _slicedToArray(_useState69, 2),
-      selectedRows = _useState70[0],
-      setSelectedRows = _useState70[1];
-    var filterValues = searchParams === null || searchParams === void 0 || (_searchParams$filter4 = searchParams.filter) === null || _searchParams$filter4 === void 0 ? void 0 : _searchParams$filter4.values;
+    var _searchParams$filter5;
+    var _useState83 = useState(1),
+      _useState84 = _slicedToArray(_useState83, 2),
+      pageNumber = _useState84[0],
+      setPageNumber = _useState84[1];
+    var _useState85 = useState(10),
+      _useState86 = _slicedToArray(_useState85, 2),
+      pageSize = _useState86[0],
+      setPageSize = _useState86[1];
+    var _useState87 = useState({}),
+      _useState88 = _slicedToArray(_useState87, 2),
+      searchParams = _useState88[0],
+      setSearchParams = _useState88[1];
+    var _useState89 = useState([]),
+      _useState90 = _slicedToArray(_useState89, 2),
+      selectedKeys = _useState90[0],
+      setSelectedKeys = _useState90[1];
+    var _useState91 = useState([]),
+      _useState92 = _slicedToArray(_useState91, 2),
+      selectedRows = _useState92[0],
+      setSelectedRows = _useState92[1];
+    var filterValues = searchParams === null || searchParams === void 0 || (_searchParams$filter5 = searchParams.filter) === null || _searchParams$filter5 === void 0 ? void 0 : _searchParams$filter5.values;
     var filteredList = useMemo(function () {
       return filterDataByCriteria(mockData, filterValues);
     }, [searchParams]);
@@ -1416,42 +2348,42 @@ export var GridLayoutToolBarSortAndFilter = {
 
 /**
  * Grid 布局 - 快速筛选在 ToolBar 左侧内联展示（toolBar.quickFilter: true），右侧筛选弹层仅保留高级筛选。
- */
-export var GridLayoutWithQuickFilterOnLeft = {
-  parameters: {
-    docs: {
-      description: {
-        story: 'toolBar.quickFilter: true 时，快速筛选项（状态、城市等）内联在 ToolBar 左侧，与搜索并列；右侧「筛选」弹层仅保留高级筛选。'
-      }
-    }
-  },
-  render: function GridLayoutWithQuickFilterOnLeftRender() {
-    var _searchParams$filter5;
-    var _useState71 = useState(1),
-      _useState72 = _slicedToArray(_useState71, 2),
-      pageNumber = _useState72[0],
-      setPageNumber = _useState72[1];
-    var _useState73 = useState(10),
-      _useState74 = _slicedToArray(_useState73, 2),
-      pageSize = _useState74[0],
-      setPageSize = _useState74[1];
-    var _useState75 = useState(false),
-      _useState76 = _slicedToArray(_useState75, 2),
-      loading = _useState76[0],
-      setLoading = _useState76[1];
-    var _useState77 = useState({}),
-      _useState78 = _slicedToArray(_useState77, 2),
-      searchParams = _useState78[0],
-      setSearchParams = _useState78[1];
-    var _useState79 = useState([]),
-      _useState80 = _slicedToArray(_useState79, 2),
-      selectedKeys = _useState80[0],
-      setSelectedKeys = _useState80[1];
-    var _useState81 = useState([]),
-      _useState82 = _slicedToArray(_useState81, 2),
-      selectedRows = _useState82[0],
-      setSelectedRows = _useState82[1];
-    var filterValues = searchParams === null || searchParams === void 0 || (_searchParams$filter5 = searchParams.filter) === null || _searchParams$filter5 === void 0 ? void 0 : _searchParams$filter5.values;
+ */
+export var GridLayoutWithQuickFilterOnLeft = {
+  parameters: {
+    docs: {
+      description: {
+        story: 'toolBar.quickFilter: true 时，快速筛选项（状态、城市等）内联在 ToolBar 左侧，与搜索并列；右侧「筛选」弹层仅保留高级筛选。'
+      }
+    }
+  },
+  render: function GridLayoutWithQuickFilterOnLeftRender() {
+    var _searchParams$filter6;
+    var _useState93 = useState(1),
+      _useState94 = _slicedToArray(_useState93, 2),
+      pageNumber = _useState94[0],
+      setPageNumber = _useState94[1];
+    var _useState95 = useState(10),
+      _useState96 = _slicedToArray(_useState95, 2),
+      pageSize = _useState96[0],
+      setPageSize = _useState96[1];
+    var _useState97 = useState(false),
+      _useState98 = _slicedToArray(_useState97, 2),
+      loading = _useState98[0],
+      setLoading = _useState98[1];
+    var _useState99 = useState({}),
+      _useState100 = _slicedToArray(_useState99, 2),
+      searchParams = _useState100[0],
+      setSearchParams = _useState100[1];
+    var _useState101 = useState([]),
+      _useState102 = _slicedToArray(_useState101, 2),
+      selectedKeys = _useState102[0],
+      setSelectedKeys = _useState102[1];
+    var _useState103 = useState([]),
+      _useState104 = _slicedToArray(_useState103, 2),
+      selectedRows = _useState104[0],
+      setSelectedRows = _useState104[1];
+    var filterValues = searchParams === null || searchParams === void 0 || (_searchParams$filter6 = searchParams.filter) === null || _searchParams$filter6 === void 0 ? void 0 : _searchParams$filter6.values;
     var filteredList = useMemo(function () {
       return filterDataByCriteria(mockData, filterValues);
     }, [searchParams]);
@@ -1533,28 +2465,28 @@ export var CustomQuickFilterAndColumnsRender = {
     }
   },
   render: function CustomQuickFilterAndColumnsRenderFn() {
-    var _searchParams$filter6;
-    var _useState83 = useState(1),
-      _useState84 = _slicedToArray(_useState83, 2),
-      pageNumber = _useState84[0],
-      setPageNumber = _useState84[1];
-    var _useState85 = useState(10),
-      _useState86 = _slicedToArray(_useState85, 2),
-      pageSize = _useState86[0],
-      setPageSize = _useState86[1];
-    var _useState87 = useState({}),
-      _useState88 = _slicedToArray(_useState87, 2),
-      searchParams = _useState88[0],
-      setSearchParams = _useState88[1];
-    var _useState89 = useState([]),
-      _useState90 = _slicedToArray(_useState89, 2),
-      selectedKeys = _useState90[0],
-      setSelectedKeys = _useState90[1];
-    var _useState91 = useState([]),
-      _useState92 = _slicedToArray(_useState91, 2),
-      selectedRows = _useState92[0],
-      setSelectedRows = _useState92[1];
-    var filterValues = searchParams === null || searchParams === void 0 || (_searchParams$filter6 = searchParams.filter) === null || _searchParams$filter6 === void 0 ? void 0 : _searchParams$filter6.values;
+    var _searchParams$filter7;
+    var _useState105 = useState(1),
+      _useState106 = _slicedToArray(_useState105, 2),
+      pageNumber = _useState106[0],
+      setPageNumber = _useState106[1];
+    var _useState107 = useState(10),
+      _useState108 = _slicedToArray(_useState107, 2),
+      pageSize = _useState108[0],
+      setPageSize = _useState108[1];
+    var _useState109 = useState({}),
+      _useState110 = _slicedToArray(_useState109, 2),
+      searchParams = _useState110[0],
+      setSearchParams = _useState110[1];
+    var _useState111 = useState([]),
+      _useState112 = _slicedToArray(_useState111, 2),
+      selectedKeys = _useState112[0],
+      setSelectedKeys = _useState112[1];
+    var _useState113 = useState([]),
+      _useState114 = _slicedToArray(_useState113, 2),
+      selectedRows = _useState114[0],
+      setSelectedRows = _useState114[1];
+    var filterValues = searchParams === null || searchParams === void 0 || (_searchParams$filter7 = searchParams.filter) === null || _searchParams$filter7 === void 0 ? void 0 : _searchParams$filter7.values;
     var filteredList = useMemo(function () {
       var byCriteria = filterDataByCriteria(mockData, filterValues);
       var kw = filterValues === null || filterValues === void 0 ? void 0 : filterValues.keyword;
@@ -1676,28 +2608,28 @@ export var CustomFilterSortRender = {
     }
   },
   render: function CustomFilterSortRenderFn() {
-    var _searchParams$filter7;
-    var _useState93 = useState(1),
-      _useState94 = _slicedToArray(_useState93, 2),
-      pageNumber = _useState94[0],
-      setPageNumber = _useState94[1];
-    var _useState95 = useState(10),
-      _useState96 = _slicedToArray(_useState95, 2),
-      pageSize = _useState96[0],
-      setPageSize = _useState96[1];
-    var _useState97 = useState({}),
-      _useState98 = _slicedToArray(_useState97, 2),
-      searchParams = _useState98[0],
-      setSearchParams = _useState98[1];
-    var _useState99 = useState([]),
-      _useState100 = _slicedToArray(_useState99, 2),
-      selectedKeys = _useState100[0],
-      setSelectedKeys = _useState100[1];
-    var _useState101 = useState([]),
-      _useState102 = _slicedToArray(_useState101, 2),
-      selectedRows = _useState102[0],
-      setSelectedRows = _useState102[1];
-    var filterValues = searchParams === null || searchParams === void 0 || (_searchParams$filter7 = searchParams.filter) === null || _searchParams$filter7 === void 0 ? void 0 : _searchParams$filter7.values;
+    var _searchParams$filter8;
+    var _useState115 = useState(1),
+      _useState116 = _slicedToArray(_useState115, 2),
+      pageNumber = _useState116[0],
+      setPageNumber = _useState116[1];
+    var _useState117 = useState(10),
+      _useState118 = _slicedToArray(_useState117, 2),
+      pageSize = _useState118[0],
+      setPageSize = _useState118[1];
+    var _useState119 = useState({}),
+      _useState120 = _slicedToArray(_useState119, 2),
+      searchParams = _useState120[0],
+      setSearchParams = _useState120[1];
+    var _useState121 = useState([]),
+      _useState122 = _slicedToArray(_useState121, 2),
+      selectedKeys = _useState122[0],
+      setSelectedKeys = _useState122[1];
+    var _useState123 = useState([]),
+      _useState124 = _slicedToArray(_useState123, 2),
+      selectedRows = _useState124[0],
+      setSelectedRows = _useState124[1];
+    var filterValues = searchParams === null || searchParams === void 0 || (_searchParams$filter8 = searchParams.filter) === null || _searchParams$filter8 === void 0 ? void 0 : _searchParams$filter8.values;
     var filteredList = useMemo(function () {
       return filterDataByCriteria(mockData, filterValues);
     }, [searchParams]);
@@ -1772,30 +2704,30 @@ export var CustomFilterSortRender = {
  */
 export var GridLayoutWithPisellFindInToolBar = {
   render: function GridLayoutWithPisellFindInToolBarRender() {
-    var _useState103 = useState(1),
-      _useState104 = _slicedToArray(_useState103, 2),
-      pageNumber = _useState104[0],
-      setPageNumber = _useState104[1];
-    var _useState105 = useState(10),
-      _useState106 = _slicedToArray(_useState105, 2),
-      pageSize = _useState106[0],
-      setPageSize = _useState106[1];
-    var _useState107 = useState(false),
-      _useState108 = _slicedToArray(_useState107, 2),
-      loading = _useState108[0],
-      setLoading = _useState108[1];
-    var _useState109 = useState({}),
-      _useState110 = _slicedToArray(_useState109, 2),
-      searchParams = _useState110[0],
-      setSearchParams = _useState110[1];
-    var _useState111 = useState([]),
-      _useState112 = _slicedToArray(_useState111, 2),
-      selectedKeys = _useState112[0],
-      setSelectedKeys = _useState112[1];
-    var _useState113 = useState([]),
-      _useState114 = _slicedToArray(_useState113, 2),
-      selectedRows = _useState114[0],
-      setSelectedRows = _useState114[1];
+    var _useState125 = useState(1),
+      _useState126 = _slicedToArray(_useState125, 2),
+      pageNumber = _useState126[0],
+      setPageNumber = _useState126[1];
+    var _useState127 = useState(10),
+      _useState128 = _slicedToArray(_useState127, 2),
+      pageSize = _useState128[0],
+      setPageSize = _useState128[1];
+    var _useState129 = useState(false),
+      _useState130 = _slicedToArray(_useState129, 2),
+      loading = _useState130[0],
+      setLoading = _useState130[1];
+    var _useState131 = useState({}),
+      _useState132 = _slicedToArray(_useState131, 2),
+      searchParams = _useState132[0],
+      setSearchParams = _useState132[1];
+    var _useState133 = useState([]),
+      _useState134 = _slicedToArray(_useState133, 2),
+      selectedKeys = _useState134[0],
+      setSelectedKeys = _useState134[1];
+    var _useState135 = useState([]),
+      _useState136 = _slicedToArray(_useState135, 2),
+      selectedRows = _useState136[0],
+      setSelectedRows = _useState136[1];
     var total = mockData.length;
     var data = useMemo(function () {
       var start = (pageNumber - 1) * pageSize;
@@ -1865,26 +2797,26 @@ export var GridLayoutWithPisellFindInToolBar = {
  */
 export var GridLayoutToolBarSearchInput = {
   render: function GridLayoutToolBarSearchInputRender() {
-    var _useState115 = useState(1),
-      _useState116 = _slicedToArray(_useState115, 2),
-      pageNumber = _useState116[0],
-      setPageNumber = _useState116[1];
-    var _useState117 = useState(10),
-      _useState118 = _slicedToArray(_useState117, 2),
-      pageSize = _useState118[0],
-      setPageSize = _useState118[1];
-    var _useState119 = useState({}),
-      _useState120 = _slicedToArray(_useState119, 2),
-      searchParams = _useState120[0],
-      setSearchParams = _useState120[1];
-    var _useState121 = useState([]),
-      _useState122 = _slicedToArray(_useState121, 2),
-      selectedKeys = _useState122[0],
-      setSelectedKeys = _useState122[1];
-    var _useState123 = useState([]),
-      _useState124 = _slicedToArray(_useState123, 2),
-      selectedRows = _useState124[0],
-      setSelectedRows = _useState124[1];
+    var _useState137 = useState(1),
+      _useState138 = _slicedToArray(_useState137, 2),
+      pageNumber = _useState138[0],
+      setPageNumber = _useState138[1];
+    var _useState139 = useState(10),
+      _useState140 = _slicedToArray(_useState139, 2),
+      pageSize = _useState140[0],
+      setPageSize = _useState140[1];
+    var _useState141 = useState({}),
+      _useState142 = _slicedToArray(_useState141, 2),
+      searchParams = _useState142[0],
+      setSearchParams = _useState142[1];
+    var _useState143 = useState([]),
+      _useState144 = _slicedToArray(_useState143, 2),
+      selectedKeys = _useState144[0],
+      setSelectedKeys = _useState144[1];
+    var _useState145 = useState([]),
+      _useState146 = _slicedToArray(_useState145, 2),
+      selectedRows = _useState146[0],
+      setSelectedRows = _useState146[1];
     var total = mockData.length;
     var data = useMemo(function () {
       var start = (pageNumber - 1) * pageSize;
@@ -1957,30 +2889,30 @@ export var GridLayoutFull = {
     }
   },
   render: function GridLayoutFullRender() {
-    var _useState125 = useState(1),
-      _useState126 = _slicedToArray(_useState125, 2),
-      pageNumber = _useState126[0],
-      setPageNumber = _useState126[1];
-    var _useState127 = useState(10),
-      _useState128 = _slicedToArray(_useState127, 2),
-      pageSize = _useState128[0],
-      setPageSize = _useState128[1];
-    var _useState129 = useState(false),
-      _useState130 = _slicedToArray(_useState129, 2),
-      loading = _useState130[0],
-      setLoading = _useState130[1];
-    var _useState131 = useState({}),
-      _useState132 = _slicedToArray(_useState131, 2),
-      searchParams = _useState132[0],
-      setSearchParams = _useState132[1];
-    var _useState133 = useState([]),
-      _useState134 = _slicedToArray(_useState133, 2),
-      selectedKeys = _useState134[0],
-      setSelectedKeys = _useState134[1];
-    var _useState135 = useState([]),
-      _useState136 = _slicedToArray(_useState135, 2),
-      selectedRows = _useState136[0],
-      setSelectedRows = _useState136[1];
+    var _useState147 = useState(1),
+      _useState148 = _slicedToArray(_useState147, 2),
+      pageNumber = _useState148[0],
+      setPageNumber = _useState148[1];
+    var _useState149 = useState(10),
+      _useState150 = _slicedToArray(_useState149, 2),
+      pageSize = _useState150[0],
+      setPageSize = _useState150[1];
+    var _useState151 = useState(false),
+      _useState152 = _slicedToArray(_useState151, 2),
+      loading = _useState152[0],
+      setLoading = _useState152[1];
+    var _useState153 = useState({}),
+      _useState154 = _slicedToArray(_useState153, 2),
+      searchParams = _useState154[0],
+      setSearchParams = _useState154[1];
+    var _useState155 = useState([]),
+      _useState156 = _slicedToArray(_useState155, 2),
+      selectedKeys = _useState156[0],
+      setSelectedKeys = _useState156[1];
+    var _useState157 = useState([]),
+      _useState158 = _slicedToArray(_useState157, 2),
+      selectedRows = _useState158[0],
+      setSelectedRows = _useState158[1];
     var total = mockData.length;
     var data = useMemo(function () {
       var start = (pageNumber - 1) * pageSize;
@@ -2111,26 +3043,26 @@ export var CustomComposition = {
     }
   },
   render: function CustomCompositionRender() {
-    var _useState137 = useState(1),
-      _useState138 = _slicedToArray(_useState137, 2),
-      pageNumber = _useState138[0],
-      setPageNumber = _useState138[1];
-    var _useState139 = useState(10),
-      _useState140 = _slicedToArray(_useState139, 2),
-      pageSize = _useState140[0],
-      setPageSize = _useState140[1];
-    var _useState141 = useState({}),
-      _useState142 = _slicedToArray(_useState141, 2),
-      searchParams = _useState142[0],
-      setSearchParams = _useState142[1];
-    var _useState143 = useState([]),
-      _useState144 = _slicedToArray(_useState143, 2),
-      selectedKeys = _useState144[0],
-      setSelectedKeys = _useState144[1];
-    var _useState145 = useState([]),
-      _useState146 = _slicedToArray(_useState145, 2),
-      selectedRows = _useState146[0],
-      setSelectedRows = _useState146[1];
+    var _useState159 = useState(1),
+      _useState160 = _slicedToArray(_useState159, 2),
+      pageNumber = _useState160[0],
+      setPageNumber = _useState160[1];
+    var _useState161 = useState(10),
+      _useState162 = _slicedToArray(_useState161, 2),
+      pageSize = _useState162[0],
+      setPageSize = _useState162[1];
+    var _useState163 = useState({}),
+      _useState164 = _slicedToArray(_useState163, 2),
+      searchParams = _useState164[0],
+      setSearchParams = _useState164[1];
+    var _useState165 = useState([]),
+      _useState166 = _slicedToArray(_useState165, 2),
+      selectedKeys = _useState166[0],
+      setSelectedKeys = _useState166[1];
+    var _useState167 = useState([]),
+      _useState168 = _slicedToArray(_useState167, 2),
+      selectedRows = _useState168[0],
+      setSelectedRows = _useState168[1];
     var total = mockData.length;
     var data = useMemo(function () {
       var start = (pageNumber - 1) * pageSize;
@@ -2193,26 +3125,26 @@ export var CustomComposition = {
  */
 export var WithPisellFindSearch = {
   render: function WithPisellFindSearchRender() {
-    var _useState147 = useState(1),
-      _useState148 = _slicedToArray(_useState147, 2),
-      pageNumber = _useState148[0],
-      setPageNumber = _useState148[1];
-    var _useState149 = useState(10),
-      _useState150 = _slicedToArray(_useState149, 2),
-      pageSize = _useState150[0],
-      setPageSize = _useState150[1];
-    var _useState151 = useState({}),
-      _useState152 = _slicedToArray(_useState151, 2),
-      searchParams = _useState152[0],
-      setSearchParams = _useState152[1];
-    var _useState153 = useState([]),
-      _useState154 = _slicedToArray(_useState153, 2),
-      selectedKeys = _useState154[0],
-      setSelectedKeys = _useState154[1];
-    var _useState155 = useState([]),
-      _useState156 = _slicedToArray(_useState155, 2),
-      selectedRows = _useState156[0],
-      setSelectedRows = _useState156[1];
+    var _useState169 = useState(1),
+      _useState170 = _slicedToArray(_useState169, 2),
+      pageNumber = _useState170[0],
+      setPageNumber = _useState170[1];
+    var _useState171 = useState(10),
+      _useState172 = _slicedToArray(_useState171, 2),
+      pageSize = _useState172[0],
+      setPageSize = _useState172[1];
+    var _useState173 = useState({}),
+      _useState174 = _slicedToArray(_useState173, 2),
+      searchParams = _useState174[0],
+      setSearchParams = _useState174[1];
+    var _useState175 = useState([]),
+      _useState176 = _slicedToArray(_useState175, 2),
+      selectedKeys = _useState176[0],
+      setSelectedKeys = _useState176[1];
+    var _useState177 = useState([]),
+      _useState178 = _slicedToArray(_useState177, 2),
+      selectedRows = _useState178[0],
+      setSelectedRows = _useState178[1];
     var total = mockData.length;
     var data = useMemo(function () {
       var start = (pageNumber - 1) * pageSize;
@@ -2283,26 +3215,26 @@ export var WithPisellFindSearch = {
  */
 export var SearchAndGridOnly = {
   render: function SearchAndGridOnlyRender() {
-    var _useState157 = useState(1),
-      _useState158 = _slicedToArray(_useState157, 2),
-      pageNumber = _useState158[0],
-      setPageNumber = _useState158[1];
-    var _useState159 = useState(10),
-      _useState160 = _slicedToArray(_useState159, 2),
-      pageSize = _useState160[0],
-      setPageSize = _useState160[1];
-    var _useState161 = useState({}),
-      _useState162 = _slicedToArray(_useState161, 2),
-      searchParams = _useState162[0],
-      setSearchParams = _useState162[1];
-    var _useState163 = useState([]),
-      _useState164 = _slicedToArray(_useState163, 2),
-      selectedKeys = _useState164[0],
-      setSelectedKeys = _useState164[1];
-    var _useState165 = useState([]),
-      _useState166 = _slicedToArray(_useState165, 2),
-      selectedRows = _useState166[0],
-      setSelectedRows = _useState166[1];
+    var _useState179 = useState(1),
+      _useState180 = _slicedToArray(_useState179, 2),
+      pageNumber = _useState180[0],
+      setPageNumber = _useState180[1];
+    var _useState181 = useState(10),
+      _useState182 = _slicedToArray(_useState181, 2),
+      pageSize = _useState182[0],
+      setPageSize = _useState182[1];
+    var _useState183 = useState({}),
+      _useState184 = _slicedToArray(_useState183, 2),
+      searchParams = _useState184[0],
+      setSearchParams = _useState184[1];
+    var _useState185 = useState([]),
+      _useState186 = _slicedToArray(_useState185, 2),
+      selectedKeys = _useState186[0],
+      setSelectedKeys = _useState186[1];
+    var _useState187 = useState([]),
+      _useState188 = _slicedToArray(_useState187, 2),
+      selectedRows = _useState188[0],
+      setSelectedRows = _useState188[1];
     var total = mockData.length;
     var data = useMemo(function () {
       var start = (pageNumber - 1) * pageSize;