@pisell/materials 1.8.18 → 1.8.19

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

@@ -33,6 +33,7 @@ __export(PisellRecordBoard_stories_exports, {
   CustomComposition: () => CustomComposition,
   CustomFilterSortRender: () => CustomFilterSortRender,
   CustomQuickFilterAndColumnsRender: () => CustomQuickFilterAndColumnsRender,
+  Default: () => Default,
   GridLayoutFull: () => GridLayoutFull,
   GridLayoutToolBarSearchInput: () => GridLayoutToolBarSearchInput,
   GridLayoutToolBarSortAndFilter: () => GridLayoutToolBarSortAndFilter,
@@ -51,6 +52,9 @@ __export(PisellRecordBoard_stories_exports, {
 });
 module.exports = __toCommonJS(PisellRecordBoard_stories_exports);
 var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_types = require("../pisellFloorMapLayout/types");
+var import_FigmaTableCard = require("../pisellFloorMapLayout/components/FigmaTableCard");
 var import_index = __toESM(require("./index"));
 var meta = {
   title: "Pro Components/PisellRecordBoard",
@@ -59,7 +63,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。"
       }
     }
   },
@@ -77,7 +81,13 @@ var meta = {
   }
 };
 var PisellRecordBoard_stories_default = meta;
-var orderStatusList = ["pending_pay", "paid", "shipped", "completed", "cancelled"];
+var orderStatusList = [
+  "pending_pay",
+  "paid",
+  "shipped",
+  "completed",
+  "cancelled"
+];
 var payStatusList = ["unpaid", "paid", "refunded"];
 var mockData = Array.from({ length: 30 }, (_, i) => ({
   id: `order-${i + 1}`,
@@ -85,7 +95,9 @@ var mockData = Array.from({ length: 30 }, (_, i) => ({
   orderStatus: orderStatusList[i % orderStatusList.length],
   payStatus: payStatusList[i % payStatusList.length],
   amount: 99.9 + i % 15 * 88.5,
-  createTime: `2024-01-${String(15 + i % 14).padStart(2, "0")} 10:${String(i % 60).padStart(2, "0")}`,
+  createTime: `2024-01-${String(15 + i % 14).padStart(2, "0")} 10:${String(
+    i % 60
+  ).padStart(2, "0")}`,
   buyerName: ["张三", "李四", "王五", "赵六", "钱七"][i % 5],
   buyerPhone: `138${String(1e7 + i).padStart(8, "0")}`,
   shipTo: ["北京市朝阳区", "上海市浦东新区", "广州市天河区", "深圳市南山区"][i % 4]
@@ -96,14 +108,21 @@ var mockDataMultiplePages = Array.from({ length: 250 }, (_, i) => ({
   orderStatus: orderStatusList[i % orderStatusList.length],
   payStatus: payStatusList[i % payStatusList.length],
   amount: 99.9 + i % 15 * 88.5,
-  createTime: `2024-02-${String(1 + i % 28).padStart(2, "0")} 10:${String(i % 60).padStart(2, "0")}`,
+  createTime: `2024-02-${String(1 + i % 28).padStart(2, "0")} 10:${String(
+    i % 60
+  ).padStart(2, "0")}`,
   buyerName: ["张三", "李四", "王五", "赵六", "钱七"][i % 5],
   buyerPhone: `139${String(1e7 + i).padStart(8, "0")}`,
   shipTo: ["北京市朝阳区", "上海市浦东新区", "广州市天河区", "深圳市南山区"][i % 4]
 }));
 var columns = [
   { title: "订单号", dataIndex: "orderNo", key: "orderNo", width: 160 },
-  { title: "订单状态", dataIndex: "orderStatus", key: "orderStatus", width: 140 },
+  {
+    title: "订单状态",
+    dataIndex: "orderStatus",
+    key: "orderStatus",
+    width: 140
+  },
   { title: "支付状态", dataIndex: "payStatus", key: "payStatus", width: 140 },
   { title: "订单金额", dataIndex: "amount", key: "amount", width: 110 },
   {
@@ -121,7 +140,13 @@ var columns = [
   { title: "收货地址", dataIndex: "shipTo", key: "shipTo", width: 200 }
 ];
 var columnsWithType = [
-  { title: "订单号", dataIndex: "orderNo", key: "orderNo", width: 160, type: "singleLineText" },
+  {
+    title: "订单号",
+    dataIndex: "orderNo",
+    key: "orderNo",
+    width: 160,
+    type: "singleLineText"
+  },
   {
     title: "订单状态",
     dataIndex: "orderStatus",
@@ -178,9 +203,30 @@ var columnsWithType = [
     filterable: true,
     filter: { quickFilter: true }
   },
-  { title: "买家", dataIndex: "buyerName", key: "buyerName", width: 100, type: "singleLineText", fieldProps: { placeholder: "买家" }, filterable: true, filter: { quickFilter: false } },
-  { title: "手机号", dataIndex: "buyerPhone", key: "buyerPhone", width: 200, type: "phone" },
-  { title: "收货地址", dataIndex: "shipTo", key: "shipTo", width: 200, type: "singleLineText" }
+  {
+    title: "买家",
+    dataIndex: "buyerName",
+    key: "buyerName",
+    width: 100,
+    type: "singleLineText",
+    fieldProps: { placeholder: "买家" },
+    filterable: true,
+    filter: { quickFilter: false }
+  },
+  {
+    title: "手机号",
+    dataIndex: "buyerPhone",
+    key: "buyerPhone",
+    width: 200,
+    type: "phone"
+  },
+  {
+    title: "收货地址",
+    dataIndex: "shipTo",
+    key: "shipTo",
+    width: 200,
+    type: "singleLineText"
+  }
 ];
 var customQuickFilterList = [
   {
@@ -251,7 +297,14 @@ var columnsWithCustomRender = [
       payStatusLabel[val] ?? val
     )
   },
-  { title: "订单金额", dataIndex: "amount", key: "amount", width: 110, type: "currency", fieldProps: { precision: 2, currencySymbol: "¥" } },
+  {
+    title: "订单金额",
+    dataIndex: "amount",
+    key: "amount",
+    width: 110,
+    type: "currency",
+    fieldProps: { precision: 2, currencySymbol: "¥" }
+  },
   {
     title: "下单时间",
     dataIndex: "createTime",
@@ -361,7 +414,8 @@ var columnsWithCustomFilterSortRender = [
 function toTimestamp(v) {
   if (v == null) return null;
   if (typeof v === "number" && !Number.isNaN(v)) return v;
-  if (v && typeof v.toDate === "function") return v.toDate().getTime();
+  if (v && typeof v.toDate === "function")
+    return v.toDate().getTime();
   const s = String(v).trim();
   if (!s) return null;
   const t = Date.parse(s);
@@ -380,7 +434,8 @@ function filterDataByCriteria(list, filterValues) {
         if (rowTime == null) return false;
         const start = toTimestamp(val[0]);
         const end = toTimestamp(val[1]);
-        if (start != null && end != null) return rowTime >= start && rowTime <= end;
+        if (start != null && end != null)
+          return rowTime >= start && rowTime <= end;
         if (start != null) return rowTime >= start;
         if (end != null) return rowTime <= end;
         return true;
@@ -400,6 +455,23 @@ function filterDataByCriteria(list, filterValues) {
     });
   });
 }
+var FLOOR_MAP_DIM_OPACITY = 0.2;
+function recordBoardStoryRowMatchesToolbar(row, searchParams) {
+  var _a;
+  if (!searchParams) return true;
+  const filterValues = (_a = searchParams.filter) == null ? void 0 : _a.values;
+  const afterFilter = filterDataByCriteria(
+    [row],
+    filterValues
+  );
+  if (afterFilter.length === 0) return false;
+  const kw = String(searchParams.keyword ?? "").trim().toLowerCase();
+  if (!kw) return true;
+  const parts = Object.values(row).filter(
+    (v) => v != null && typeof v !== "object"
+  );
+  return parts.some((v) => String(v).toLowerCase().includes(kw));
+}
 function sortDataBySortKey(list, sortKey) {
   if (!sortKey || typeof sortKey !== "string") return list;
   const match = sortKey.match(/^([^:]+):(asc|desc)/);
@@ -412,9 +484,788 @@ function sortDataBySortKey(list, sortKey) {
     return order === "asc" ? cmp : -cmp;
   });
 }
+var RESTAURANT_DS_KEY = "tables";
+var CONDIMENT_STATION_DS_KEY = "condimentStations";
+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 (item) => {
+    const merged = item;
+    const el = merged._sceneElement;
+    const b = el == null ? void 0 : el.dataBinding;
+    const titleFromElement = (el == null ? void 0 : el.name) != null && String(el.name).trim() ? String(el.name).trim() : "蘸料摆台";
+    const hasCondimentDs = (b == null ? void 0 : b.dataSourceKey) === CONDIMENT_STATION_DS_KEY;
+    const condimentRid = (b == null ? void 0 : b.recordId) != null ? String(b.recordId).trim() : "";
+    const boundToCondiment = hasCondimentDs && Boolean(condimentRid);
+    const list = dataSources[CONDIMENT_STATION_DS_KEY];
+    const row = boundToCondiment && list ? list.find((r) => r.id === condimentRid) : void 0;
+    const hasLiveRow = Boolean(row);
+    const borderColor = hasLiveRow ? row.status === "需补货" ? "#fa8c16" : row.status === "维护中" ? "#8c8c8c" : "#52c41a" : "#bfbfbf";
+    const isPlaceholder = !boundToCondiment || !hasLiveRow;
+    return /* @__PURE__ */ import_react.default.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 ${borderColor}` : `2px solid ${borderColor}`,
+          boxShadow: isPlaceholder ? "none" : "0 2px 8px rgba(0,0,0,.08)",
+          overflow: "hidden"
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            fontWeight: 600,
+            color: isPlaceholder ? "#595959" : "#262626",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap"
+          }
+        },
+        hasLiveRow ? row.name : titleFromElement
+      ),
+      hasLiveRow ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { style: { color: "#595959", marginTop: 4, flexShrink: 0 } }, row.status), /* @__PURE__ */ import_react.default.createElement("div", { style: { color: "#8c8c8c", marginTop: 4, flexShrink: 0 } }, row.flavorCount ?? "—", " 种蘸料")) : /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            color: "#8c8c8c",
+            marginTop: 6,
+            flexShrink: 0,
+            fontSize: 10
+          }
+        },
+        !hasCondimentDs || !condimentRid ? hasCondimentDs && !condimentRid ? "已选择数据源，请在侧栏选择数据行" : "未绑定数据行：请在侧栏选择数据源与记录" : condimentRid.startsWith("new_") ? "新摆台占位，可在侧栏绑定具体记录" : "未找到对应记录：请检查绑定或数据列表"
+      )
+    );
+  };
+}
+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: "大厅" }
+  ];
+}
+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: import_types.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"
+        }
+      }
+    ]
+  };
+}
+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" }
+];
+function RestaurantTableRecordCustomForm(props) {
+  const { ctx } = props;
+  const [form] = import_antd.Form.useForm();
+  (0, import_react.useEffect)(() => {
+    form.setFieldsValue(ctx.record);
+  }, [ctx.recordId, ctx.record, form]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form,
+    {
+      form,
+      layout: "vertical",
+      size: "small",
+      onFinish: (values) => {
+        var _a;
+        (_a = ctx.onSaveRecord) == null ? void 0 : _a.call(ctx, values);
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement("p", { style: { margin: "0 0 8px", fontSize: 12, color: "#8c8c8c" } }, "以下为自定义 React 表单示例（仍可 `ctx.onSaveRecord` 写回与内置 FloorMapDataForm 相同的数据通道）。"),
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "guests", label: "当前用餐人数" }, /* @__PURE__ */ import_react.default.createElement(import_antd.InputNumber, { min: 0, style: { width: "100%" } })),
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "customerName", label: "顾客" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { allowClear: true })),
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "reserveTime", label: "预订时间" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { placeholder: "如 18:30", allowClear: true })),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        type: "primary",
+        htmlType: "submit",
+        loading: ctx.savingRecord,
+        block: true,
+        size: "small"
+      },
+      "保存记录"
+    )
+  );
+}
+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" }
+];
+var Default = {
+  parameters: {
+    layout: "fullscreen",
+    docs: {
+      description: {
+        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 DefaultRender() {
+    const [pageNumber, setPageNumber] = (0, import_react.useState)(1);
+    const [pageSize, setPageSize] = (0, import_react.useState)(10);
+    const [loading] = (0, import_react.useState)(false);
+    const [searchParams, setSearchParams] = (0, import_react.useState)({});
+    const [selectedKeys, setSelectedKeys] = (0, import_react.useState)([]);
+    const [selectedRows, setSelectedRows] = (0, import_react.useState)([]);
+    const [tables, setTables] = (0, import_react.useState)(
+      createInitialRestaurantTables
+    );
+    const [condimentStations, setCondimentStations] = (0, import_react.useState)(createInitialCondimentStations);
+    const [floorMapConfig, setFloorMapConfig] = (0, import_react.useState)(
+      createInitialRestaurantFloorMapConfig
+    );
+    const [mapEditMode, setMapEditMode] = (0, import_react.useState)(false);
+    const [useCustomRecordForm, setUseCustomRecordForm] = (0, import_react.useState)(false);
+    const sortedAllTables = (0, import_react.useMemo)(
+      () => sortDataBySortKey(tables, searchParams == null ? void 0 : searchParams.sort),
+      [tables, searchParams == null ? void 0 : searchParams.sort]
+    );
+    const filteredSortedTables = (0, import_react.useMemo)(
+      () => sortedAllTables.filter(
+        (row) => recordBoardStoryRowMatchesToolbar(
+          row,
+          searchParams
+        )
+      ),
+      [sortedAllTables, searchParams]
+    );
+    const total = filteredSortedTables.length;
+    const data = (0, import_react.useMemo)(() => {
+      const start = (pageNumber - 1) * pageSize;
+      return filteredSortedTables.slice(start, start + pageSize);
+    }, [pageNumber, pageSize, filteredSortedTables]);
+    const value = (0, import_react.useMemo)(
+      () => ({
+        data,
+        loading,
+        total,
+        pagination: { pageNumber, pageSize },
+        onPageChange: (num, size) => {
+          setPageNumber(num);
+          setPageSize(size);
+        },
+        searchParams,
+        onSearch: (params) => {
+          setSearchParams(params);
+          setPageNumber(1);
+        },
+        onReset: () => {
+          setSearchParams({});
+          setPageNumber(1);
+        },
+        layoutType: "grid",
+        rowKey: "id"
+      }),
+      [data, loading, total, pageNumber, pageSize, searchParams]
+    );
+    const dataSources = (0, import_react.useMemo)(
+      () => ({
+        [RESTAURANT_DS_KEY]: sortedAllTables,
+        [CONDIMENT_STATION_DS_KEY]: condimentStations
+      }),
+      [sortedAllTables, condimentStations]
+    );
+    const handleFloorMapSave = (0, import_react.useCallback)((config) => {
+      setFloorMapConfig(config);
+      console.log("[PisellRecordBoard Restaurant] floorMap onSave", config);
+    }, []);
+    const handleDataSourceRecordSave = (0, import_react.useCallback)(
+      (dataSourceKey, id, newData) => {
+        if (dataSourceKey === RESTAURANT_DS_KEY) {
+          setTables(
+            (prev) => prev.map((row) => row.id === id ? { ...row, ...newData } : row)
+          );
+        } else if (dataSourceKey === CONDIMENT_STATION_DS_KEY) {
+          setCondimentStations(
+            (prev) => prev.map((row) => row.id === id ? { ...row, ...newData } : row)
+          );
+        }
+        console.log("[PisellRecordBoard Restaurant] onDataSourceRecordSave", {
+          dataSourceKey,
+          id,
+          newData
+        });
+      },
+      []
+    );
+    const floorMapLayoutContext = (0, import_react.useMemo)(
+      () => ({
+        floorMapConfig,
+        onSave: handleFloorMapSave,
+        onDataSourceRecordSave: handleDataSourceRecordSave,
+        dataSourceLabels: {
+          [RESTAURANT_DS_KEY]: "餐桌",
+          [CONDIMENT_STATION_DS_KEY]: "蘸料摆台"
+        },
+        dataSourceFormColumns: {
+          [RESTAURANT_DS_KEY]: restaurantRecordFormColumns,
+          [CONDIMENT_STATION_DS_KEY]: condimentRecordFormColumns
+        },
+        ...useCustomRecordForm ? {
+          dataSourceRecordForm: {
+            [RESTAURANT_DS_KEY]: (ctx) => /* @__PURE__ */ import_react.default.createElement(RestaurantTableRecordCustomForm, { ctx })
+          }
+        } : {}
+      }),
+      [
+        floorMapConfig,
+        handleFloorMapSave,
+        handleDataSourceRecordSave,
+        useCustomRecordForm
+      ]
+    );
+    const floorMap = (0, import_react.useMemo)(
+      () => ({
+        mode: mapEditMode ? "edit" : "read",
+        renderItemByKind: {
+          table: (0, import_FigmaTableCard.getRenderItemByKindTable)(dataSources),
+          roundTable: (0, import_FigmaTableCard.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: (item) => {
+          var _a;
+          const m = item;
+          const b = (_a = m._sceneElement) == null ? void 0 : _a.dataBinding;
+          if (!(b == null ? void 0 : b.dataSourceKey)) return void 0;
+          const recordId = b.recordId != null ? String(b.recordId).trim() : "";
+          if (!recordId || recordId.startsWith("new_")) return void 0;
+          const rows = dataSources[b.dataSourceKey];
+          const row = rows == null ? void 0 : rows.find((r) => r.id === recordId);
+          if (!row) return void 0;
+          if (recordBoardStoryRowMatchesToolbar(
+            row,
+            searchParams
+          ))
+            return void 0;
+          return { opacity: FLOOR_MAP_DIM_OPACITY };
+        }
+      }),
+      [dataSources, mapEditMode, searchParams]
+    );
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: {
+          boxSizing: "border-box",
+          height: "100vh",
+          minHeight: "100vh",
+          padding: 16,
+          background: "#f5f5f5",
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden"
+        }
+      },
+      /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement(import_antd.Space, { size: "large", wrap: true, align: "center" }, /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("strong", null, "表格："), "快筛 + 搜索过滤 + 分页；平面图为全量落位，未命中行半透明显示。"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("strong", null, "平面图："), "`tables` + `condimentStations` 同时渲染；工具栏「表格 / 平面图」切换视图。"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Switch, { checked: mapEditMode, onChange: setMapEditMode }), /* @__PURE__ */ import_react.default.createElement("span", { style: { marginLeft: 8 } }, "平面图编辑模式（关=只读，开=可拖桌位、侧栏改记录并写回对应数据源）")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Switch,
+          {
+            checked: useCustomRecordForm,
+            onChange: setUseCustomRecordForm
+          }
+        ), /* @__PURE__ */ import_react.default.createElement("span", { style: { marginLeft: 8 } }, "侧栏自定义表单（仅", /* @__PURE__ */ import_react.default.createElement("strong", null, "餐桌"), "数据源；蘸料台仍用列配置表单）"))),
+        /* @__PURE__ */ import_react.default.createElement("div", { style: { marginTop: 8, fontSize: 12, color: "#1677ff" } }, "提示：平面图为全量落位；仅当", /* @__PURE__ */ import_react.default.createElement("strong", null, "已绑定有效数据行"), "且该行未命中快筛/搜索时透明度", " ", Math.round(FLOOR_MAP_DIM_OPACITY * 100), "%（未选行、new_ 占位、行已删不参与淡化）。保存布局仍会输出 `onSave` 日志。")
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            flex: 1,
+            minHeight: 0,
+            minWidth: 0,
+            display: "flex",
+            flexDirection: "column"
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_index.default,
+          {
+            rowKey: "id",
+            ...value,
+            dataSources,
+            floorMapLayoutContext,
+            defaultBodyView: "grid",
+            style: { height: "100%", minHeight: 0, flex: 1 },
+            grid: {
+              columns: restaurantTableColumns,
+              scroll: { x: 1460 },
+              selectedKeys,
+              selectedRows,
+              onSelectionChange: (keys, rows) => {
+                setSelectedKeys(keys);
+                setSelectedRows(rows);
+              }
+            },
+            toolBar: {
+              search: true,
+              quickFilter: true,
+              filter: { hiddenQuickFilter: true }
+            }
+          },
+          /* @__PURE__ */ import_react.default.createElement(import_index.default.ShellFrame, null, /* @__PURE__ */ import_react.default.createElement(import_index.default.GridLayout, null), /* @__PURE__ */ import_react.default.createElement(
+            import_index.default.FloorMap,
+            {
+              ...floorMap
+            }
+          ))
+        )
+      )
+    );
+  }
+};
 var GridLayoutWithTable = {
   parameters: {
-    docs: { description: { story: "列配置 type + fieldProps，筛选项与排序由 columns 派生；快速筛选在右侧「筛选」弹层内。" } }
+    docs: {
+      description: {
+        story: "列配置 type + fieldProps，筛选项与排序由 columns 派生；快速筛选在右侧「筛选」弹层内。"
+      }
+    }
   },
   render: function GridLayoutWithTableRender() {
     var _a;
@@ -425,7 +1276,10 @@ var GridLayoutWithTable = {
     const [selectedKeys, setSelectedKeys] = (0, import_react.useState)([]);
     const [selectedRows, setSelectedRows] = (0, import_react.useState)([]);
     const filterValues = (_a = searchParams == null ? void 0 : searchParams.filter) == null ? void 0 : _a.values;
-    const filteredList = (0, import_react.useMemo)(() => filterDataByCriteria(mockData, filterValues), [searchParams]);
+    const filteredList = (0, import_react.useMemo)(
+      () => filterDataByCriteria(mockData, filterValues),
+      [searchParams]
+    );
     const sortedList = (0, import_react.useMemo)(
       () => sortDataBySortKey(filteredList, searchParams == null ? void 0 : searchParams.sort),
       [filteredList, searchParams == null ? void 0 : searchParams.sort]
@@ -574,7 +1428,12 @@ var GridLayoutWithCollapseUniformColumns = {
     }, [pageNumber, pageSize, uniformData]);
     const columnsUniform = [
       { title: "订单号", dataIndex: "orderNo", key: "orderNo", width: 140 },
-      { title: "支付状态", dataIndex: "payStatus", key: "payStatus", width: 120 },
+      {
+        title: "支付状态",
+        dataIndex: "payStatus",
+        key: "payStatus",
+        width: 120
+      },
       { title: "订单金额", dataIndex: "amount", key: "amount", width: 120 },
       { title: "备注", dataIndex: "note", key: "note", width: 160 }
     ];
@@ -715,7 +1574,10 @@ var GridWithOnRow = {
     const [selectedKeys, setSelectedKeys] = (0, import_react.useState)([]);
     const [selectedRows, setSelectedRows] = (0, import_react.useState)([]);
     const filterValues = (_a = searchParams == null ? void 0 : searchParams.filter) == null ? void 0 : _a.values;
-    const filteredList = (0, import_react.useMemo)(() => filterDataByCriteria(mockData, filterValues), [searchParams]);
+    const filteredList = (0, import_react.useMemo)(
+      () => filterDataByCriteria(mockData, filterValues),
+      [searchParams]
+    );
     const sortedList = (0, import_react.useMemo)(
       () => sortDataBySortKey(filteredList, searchParams == null ? void 0 : searchParams.sort),
       [filteredList, searchParams == null ? void 0 : searchParams.sort]
@@ -765,8 +1627,9 @@ var GridWithOnRow = {
           },
           onRow: (record) => ({
             onClick: () => {
-              console.log("行点击", record.orderNo, record);
-              alert(`点击订单：${record.orderNo}`);
+              const r = record;
+              console.log("行点击", r.orderNo, r);
+              alert(`点击订单：${r.orderNo}`);
             }
           }),
           rowClassName: (record) => record.orderStatus === "cancelled" ? "pisell-record-board-row-cancelled" : ""
@@ -779,7 +1642,11 @@ var GridWithOnRow = {
 };
 var GridLayoutWithColumnType = {
   parameters: {
-    docs: { description: { story: "与 GridLayoutWithTable 相同能力，可点排序、筛选、重置验证行为。" } }
+    docs: {
+      description: {
+        story: "与 GridLayoutWithTable 相同能力，可点排序、筛选、重置验证行为。"
+      }
+    }
   },
   render: function GridLayoutWithColumnTypeRender() {
     var _a;
@@ -790,7 +1657,10 @@ var GridLayoutWithColumnType = {
     const [selectedKeys, setSelectedKeys] = (0, import_react.useState)([]);
     const [selectedRows, setSelectedRows] = (0, import_react.useState)([]);
     const filterValues = (_a = searchParams == null ? void 0 : searchParams.filter) == null ? void 0 : _a.values;
-    const filteredList = (0, import_react.useMemo)(() => filterDataByCriteria(mockData, filterValues), [searchParams]);
+    const filteredList = (0, import_react.useMemo)(
+      () => filterDataByCriteria(mockData, filterValues),
+      [searchParams]
+    );
     const sortedList = (0, import_react.useMemo)(
       () => sortDataBySortKey(filteredList, searchParams == null ? void 0 : searchParams.sort),
       [filteredList, searchParams == null ? void 0 : searchParams.sort]
@@ -1028,7 +1898,10 @@ var GridLayoutWithQuickFilterOnLeft = {
     const [selectedKeys, setSelectedKeys] = (0, import_react.useState)([]);
     const [selectedRows, setSelectedRows] = (0, import_react.useState)([]);
     const filterValues = (_a = searchParams == null ? void 0 : searchParams.filter) == null ? void 0 : _a.values;
-    const filteredList = (0, import_react.useMemo)(() => filterDataByCriteria(mockData, filterValues), [searchParams]);
+    const filteredList = (0, import_react.useMemo)(
+      () => filterDataByCriteria(mockData, filterValues),
+      [searchParams]
+    );
     const sortedList = (0, import_react.useMemo)(
       () => sortDataBySortKey(filteredList, searchParams == null ? void 0 : searchParams.sort),
       [filteredList, searchParams == null ? void 0 : searchParams.sort]
@@ -1319,7 +2192,11 @@ var GridLayoutWithPisellFindInToolBar = {
       {
         rowKey: "id",
         ...value,
-        toolBar: { search: true, quickFilter: true, filter: { hiddenQuickFilter: true } },
+        toolBar: {
+          search: true,
+          quickFilter: true,
+          filter: { hiddenQuickFilter: true }
+        },
         grid: {
           columns,
           size: "small",
@@ -1395,7 +2272,11 @@ var GridLayoutToolBarSearchInput = {
 };
 var GridLayoutFull = {
   parameters: {
-    docs: { description: { story: "勾选行后显示批量操作栏，可配置 onDelete 等；含搜索、筛选、排序、重置。" } }
+    docs: {
+      description: {
+        story: "勾选行后显示批量操作栏，可配置 onDelete 等；含搜索、筛选、排序、重置。"
+      }
+    }
   },
   render: function GridLayoutFullRender() {
     const [pageNumber, setPageNumber] = (0, import_react.useState)(1);
@@ -1463,7 +2344,11 @@ var GridLayoutFull = {
 };
 var Placeholder = {
   parameters: {
-    docs: { description: { story: "不传 value 时的占位态，用于设计态或未接数据源时。" } }
+    docs: {
+      description: {
+        story: "不传 value 时的占位态，用于设计态或未接数据源时。"
+      }
+    }
   },
   args: {
     rowKey: "id"
@@ -1482,7 +2367,11 @@ var CardLayoutPlaceholder = {
 };
 var CustomComposition = {
   parameters: {
-    docs: { description: { story: "未用 ShellFrame，手动组合 ToolBar、BatchActionBar、Grid、Pagination。" } }
+    docs: {
+      description: {
+        story: "未用 ShellFrame，手动组合 ToolBar、BatchActionBar、Grid、Pagination。"
+      }
+    }
   },
   render: function CustomCompositionRender() {
     const [pageNumber, setPageNumber] = (0, import_react.useState)(1);
@@ -1656,6 +2545,7 @@ var SearchAndGridOnly = {
   CustomComposition,
   CustomFilterSortRender,
   CustomQuickFilterAndColumnsRender,
+  Default,
   GridLayoutFull,
   GridLayoutToolBarSearchInput,
   GridLayoutToolBarSortAndFilter,