@pisell/materials 6.11.8 → 6.11.9

package/lib/components/pisellRecordBoard/context/RecordBoardContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { RecordBoardContextValue } from '../types';
+export declare const RecordBoardContext: import("react").Context<RecordBoardContextValue | null>;

package/lib/components/pisellRecordBoard/context/RecordBoardContext.js

@@ -0,0 +1,30 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/context/RecordBoardContext.ts
+var RecordBoardContext_exports = {};
+__export(RecordBoardContext_exports, {
+  RecordBoardContext: () => RecordBoardContext
+});
+module.exports = __toCommonJS(RecordBoardContext_exports);
+var import_react = require("react");
+var RecordBoardContext = (0, import_react.createContext)(null);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RecordBoardContext
+});

package/lib/components/pisellRecordBoard/context/RecordBoardProvider.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+import type { RecordBoardContextValue } from '../types';
+export interface RecordBoardProviderProps {
+    value: RecordBoardContextValue;
+    children: ReactNode;
+}
+/**
+ * 仅负责注入 RecordBoard 上下文。
+ * 实际的数据源、onSearch/onPageChange 由上层（如接 DataSourceContainer 或独立 fetch）提供。
+ */
+export declare const RecordBoardProvider: React.FC<RecordBoardProviderProps>;

package/lib/components/pisellRecordBoard/context/RecordBoardProvider.js

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/context/RecordBoardProvider.tsx
+var RecordBoardProvider_exports = {};
+__export(RecordBoardProvider_exports, {
+  RecordBoardProvider: () => RecordBoardProvider
+});
+module.exports = __toCommonJS(RecordBoardProvider_exports);
+var import_react = __toESM(require("react"));
+var import_RecordBoardContext = require("./RecordBoardContext");
+var RecordBoardProvider = ({
+  value,
+  children
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_RecordBoardContext.RecordBoardContext.Provider, { value }, children);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RecordBoardProvider
+});

package/lib/components/pisellRecordBoard/hooks/useRecordBoardContext.d.ts

@@ -0,0 +1,16 @@
+import type { RecordBoardContextValue, RecordBoardChildComponentProps, RecordBoardGridProps } from '../types';
+export interface UseRecordBoardContextOptions {
+    /** 子组件 displayName，用于从 childComponentProps 中取对应 props */
+    displayName?: keyof RecordBoardChildComponentProps;
+    /** 上层传入的 childComponentProps（若 Context 未提供则从参数传入） */
+    childComponentProps?: RecordBoardChildComponentProps;
+}
+/**
+ * 消费 RecordBoard 上下文，供各 layout 内子组件（Search / ToolBar / Grid / CardList / Pagination）使用。
+ * 若传入 displayName，返回会合并 childComponentProps[displayName] 便于透传。
+ * 当 displayName 为 'grid' 时，返回类型包含 RecordBoardGridProps（columns、scroll、size）。
+ */
+export declare function useRecordBoardContext(options: UseRecordBoardContextOptions & {
+    displayName: 'grid';
+}): RecordBoardContextValue & RecordBoardGridProps;
+export declare function useRecordBoardContext(options?: UseRecordBoardContextOptions): RecordBoardContextValue;

package/lib/components/pisellRecordBoard/hooks/useRecordBoardContext.js

@@ -0,0 +1,47 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/hooks/useRecordBoardContext.ts
+var useRecordBoardContext_exports = {};
+__export(useRecordBoardContext_exports, {
+  useRecordBoardContext: () => useRecordBoardContext
+});
+module.exports = __toCommonJS(useRecordBoardContext_exports);
+var import_react = require("react");
+var import_RecordBoardContext = require("../context/RecordBoardContext");
+function useRecordBoardContext(options = {}) {
+  const ctx = (0, import_react.useContext)(import_RecordBoardContext.RecordBoardContext);
+  if (!ctx) {
+    throw new Error(
+      "useRecordBoardContext 必须在 PisellRecordBoard（或 RecordBoardProvider）下使用"
+    );
+  }
+  const { displayName, childComponentProps } = options;
+  const mergedChildProps = childComponentProps ?? ctx.childComponentProps;
+  if (displayName && (mergedChildProps == null ? void 0 : mergedChildProps[displayName])) {
+    return {
+      ...ctx,
+      ...mergedChildProps[displayName]
+    };
+  }
+  return ctx;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useRecordBoardContext
+});

package/lib/components/pisellRecordBoard/index.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import GridLayout from './layouts/GridLayout';
+import CardLayout from './layouts/CardLayout';
+import RecordBoardShellFrame, { RecordBoardToolBar, RecordBoardBatchActionBar, RecordBoardPagination, RecordBoardSearch } from './shellFrame';
+import RecordBoardGridView from './layouts/GridLayout/Grid';
+import RecordBoardCardList from './layouts/CardLayout/CardList';
+import { useRecordBoardContext } from './hooks/useRecordBoardContext';
+import type { RecordBoardProps } from './types';
+/** RecordBoard 复合组件类型 */
+interface PisellRecordBoardType extends React.FC<RecordBoardProps> {
+    /** Shell Frame：对 Layout 的扩展，提供 ToolBar + BatchActionBar + children（Layout） */
+    ShellFrame: typeof RecordBoardShellFrame;
+    /** Grid 布局：仅内容区（表格 + 分页），需配合 ShellFrame 使用 */
+    GridLayout: typeof GridLayout;
+    /** 卡片布局：仅内容区（卡片列表 + 分页），需配合 ShellFrame 使用 */
+    CardLayout: typeof CardLayout;
+    /** 单独使用：搜索槽（PisellFind，绑定 searchParams.keyword / onSearch） */
+    Search: typeof RecordBoardSearch;
+    /** 单独使用：工具栏（PisellToolBar，含搜索/导出，可透传 topLeft/topRight 等） */
+    ToolBar: typeof RecordBoardToolBar;
+    /** 单独使用：分页槽 */
+    Pagination: typeof RecordBoardPagination;
+    /** 单独使用：Grid 视图（表格） */
+    Grid: typeof RecordBoardGridView;
+    /** 单独使用：卡片列表视图 */
+    CardList: typeof RecordBoardCardList;
+    /** 多选操作栏（基于 PisellBatchActionBar，有选中项时展示） */
+    BatchActionBar: typeof RecordBoardBatchActionBar;
+    /** 消费 RecordBoard 上下文 */
+    useRecordBoardContext: typeof useRecordBoardContext;
+}
+declare const PisellRecordBoard: PisellRecordBoardType;
+export default PisellRecordBoard;
+export type { RecordBoardProps, RecordBoardLayoutType, RecordBoardContextValue, RecordBoardChildComponentProps, RecordBoardGridProps, RecordBoardColumnType, RecordBoardFieldType, RecordBoardColumnFilterConfig, RecordBoardOptionItem, RecordBoardGetOptions, } from './types';
+export { useRecordBoardContext } from './hooks/useRecordBoardContext';

package/lib/components/pisellRecordBoard/index.js

@@ -0,0 +1,59 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/index.tsx
+var pisellRecordBoard_exports = {};
+__export(pisellRecordBoard_exports, {
+  default: () => pisellRecordBoard_default,
+  useRecordBoardContext: () => import_useRecordBoardContext2.useRecordBoardContext
+});
+module.exports = __toCommonJS(pisellRecordBoard_exports);
+var import_PisellRecordBoard = __toESM(require("./PisellRecordBoard"));
+var import_GridLayout = __toESM(require("./layouts/GridLayout"));
+var import_CardLayout = __toESM(require("./layouts/CardLayout"));
+var import_shellFrame = __toESM(require("./shellFrame"));
+var import_Grid = __toESM(require("./layouts/GridLayout/Grid"));
+var import_CardList = __toESM(require("./layouts/CardLayout/CardList"));
+var import_useRecordBoardContext = require("./hooks/useRecordBoardContext");
+var import_useRecordBoardContext2 = require("./hooks/useRecordBoardContext");
+var PisellRecordBoard = import_PisellRecordBoard.default;
+PisellRecordBoard.ShellFrame = import_shellFrame.default;
+PisellRecordBoard.GridLayout = import_GridLayout.default;
+PisellRecordBoard.CardLayout = import_CardLayout.default;
+PisellRecordBoard.Search = import_shellFrame.RecordBoardSearch;
+PisellRecordBoard.ToolBar = import_shellFrame.RecordBoardToolBar;
+PisellRecordBoard.Pagination = import_shellFrame.RecordBoardPagination;
+PisellRecordBoard.Grid = import_Grid.default;
+PisellRecordBoard.CardList = import_CardList.default;
+PisellRecordBoard.BatchActionBar = import_shellFrame.RecordBoardBatchActionBar;
+PisellRecordBoard.useRecordBoardContext = import_useRecordBoardContext.useRecordBoardContext;
+var pisellRecordBoard_default = PisellRecordBoard;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useRecordBoardContext
+});

package/lib/components/pisellRecordBoard/layouts/CardLayout/CardList.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { RecordBoardContextValue } from '../../types';
+export interface RecordBoardCardListProps extends Partial<Pick<RecordBoardContextValue, 'data' | 'loading'>> {
+    className?: string;
+    style?: React.CSSProperties;
+    render?: (ctx: RecordBoardContextValue) => React.ReactNode;
+}
+/**
+ * Card 布局下的数据视图：从 context 取 data / loading。
+ */
+declare const RecordBoardCardList: React.FC<RecordBoardCardListProps>;
+export default RecordBoardCardList;

package/lib/components/pisellRecordBoard/layouts/CardLayout/CardList.js

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/layouts/CardLayout/CardList.tsx
+var CardList_exports = {};
+__export(CardList_exports, {
+  default: () => CardList_default
+});
+module.exports = __toCommonJS(CardList_exports);
+var import_react = __toESM(require("react"));
+var import_useRecordBoardContext = require("../../hooks/useRecordBoardContext");
+var RecordBoardCardList = (props) => {
+  var _a;
+  const ctx = (0, import_useRecordBoardContext.useRecordBoardContext)({ displayName: "cardList" });
+  const { render, ...rest } = props;
+  if (typeof render === "function") {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, render({ ...ctx, ...rest }));
+  }
+  return /* @__PURE__ */ import_react.default.createElement("div", { "data-layout-slot": "cardList", style: { minHeight: 120 } }, /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "var(--color-text-tertiary, #999)" } }, "卡片视图（", ((_a = ctx.data) == null ? void 0 : _a.length) ?? 0, " 条，loading:", " ", String(ctx.loading), "）"));
+};
+var CardList_default = RecordBoardCardList;

package/lib/components/pisellRecordBoard/layouts/CardLayout/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import RecordBoardCardList from './CardList';
+/**
+ * Card 布局：仅内容区 = 卡片列表（不含分页）。
+ * 工具栏、多选操作栏、分页由 Shell Frame 提供，使用时用 ShellFrame 包裹：
+ * <PisellRecordBoard.ShellFrame><PisellRecordBoard.CardLayout /></PisellRecordBoard.ShellFrame>
+ */
+declare const CardLayout: React.FC<{
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+export default CardLayout;
+export { RecordBoardCardList as CardLayoutCardList };

package/lib/components/pisellRecordBoard/layouts/CardLayout/index.js

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/layouts/CardLayout/index.tsx
+var CardLayout_exports = {};
+__export(CardLayout_exports, {
+  CardLayoutCardList: () => import_CardList.default,
+  default: () => CardLayout_default
+});
+module.exports = __toCommonJS(CardLayout_exports);
+var import_react = __toESM(require("react"));
+var import_CardList = __toESM(require("./CardList"));
+var CardLayout = ({ className, style }) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className, style, "data-layout": "card" }, /* @__PURE__ */ import_react.default.createElement(import_CardList.default, null));
+};
+CardLayout.displayName = "RecordBoard.CardLayout";
+var CardLayout_default = CardLayout;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CardLayoutCardList
+});

package/lib/components/pisellRecordBoard/layouts/GridLayout/Grid.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { TableProps } from 'antd';
+import type { RecordBoardContextValue } from '../../types';
+import './Grid.less';
+export interface RecordBoardGridViewProps extends Omit<TableProps<any>, 'dataSource' | 'loading' | 'pagination'>, Partial<Pick<RecordBoardContextValue, 'data' | 'loading'>> {
+    /** 列配置，同 antd Table columns */
+    columns?: TableProps<any>['columns'];
+    className?: string;
+    style?: React.CSSProperties;
+    /** 自定义渲染，传入后不再使用内置 Table */
+    render?: (ctx: RecordBoardContextValue) => React.ReactNode;
+}
+declare const RecordBoardGridView: React.FC<RecordBoardGridViewProps>;
+export default RecordBoardGridView;

package/lib/components/pisellRecordBoard/layouts/GridLayout/Grid.js

@@ -0,0 +1,179 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/layouts/GridLayout/Grid.tsx
+var Grid_exports = {};
+__export(Grid_exports, {
+  default: () => Grid_default
+});
+module.exports = __toCommonJS(Grid_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_useRecordBoardContext = require("../../hooks/useRecordBoardContext");
+var import_recordBoardColumns = require("../../utils/recordBoardColumns");
+var import_Grid = require("./Grid.less");
+function getRowKey(record, rowKey) {
+  if (typeof rowKey === "function") {
+    return rowKey(record);
+  }
+  if (typeof rowKey === "string" && record != null && rowKey in record) {
+    return record[rowKey];
+  }
+  return (record == null ? void 0 : record.id) ?? (record == null ? void 0 : record.key) ?? record;
+}
+var CONTEXT_ONLY_KEYS = [
+  "data",
+  "loading",
+  "total",
+  "pagination",
+  "onPageChange",
+  "searchParams",
+  "onSearch",
+  "onReset",
+  "layoutType",
+  "selectedKeys",
+  "selectedRows",
+  "onSelectionChange",
+  "rowKey",
+  "childComponentProps",
+  "columnVisibility",
+  "onColumnVisibilityChange",
+  "columns",
+  "scroll",
+  "size",
+  "defaultHiddenColumnKeys",
+  "scrollAreaHeight",
+  "setScrollAreaHeight"
+];
+var RecordBoardGridView = (props) => {
+  const ctx = (0, import_useRecordBoardContext.useRecordBoardContext)({ displayName: "grid" });
+  const {
+    render,
+    columns: columnsProp,
+    rowKey: rowKeyProp,
+    rowSelection: rowSelectionProp,
+    ...rest
+  } = props;
+  const rawColumns = columnsProp ?? ctx.columns ?? [];
+  const columnVisibility = ctx.columnVisibility;
+  const columns = (0, import_react.useMemo)(() => {
+    const list = rawColumns;
+    const visible = columnVisibility == null ? list : list.filter(
+      (col) => columnVisibility[(0, import_recordBoardColumns.getRecordBoardColumnKey)(col)] !== false
+    );
+    return (0, import_recordBoardColumns.processColumnsForGrid)(visible);
+  }, [rawColumns, columnVisibility]);
+  const tableRowKey = (0, import_react.useMemo)(() => {
+    const key = ctx.rowKey ?? rowKeyProp ?? "id";
+    return typeof key === "function" ? key : (record) => getRowKey(record, typeof key === "string" ? key : String(key));
+  }, [ctx.rowKey, rowKeyProp]);
+  const rowSelectionConfig = rowSelectionProp ?? ctx.rowSelection;
+  const rowSelection = (0, import_react.useMemo)(() => {
+    if (rowSelectionConfig === false)
+      return void 0;
+    const base = typeof rowSelectionConfig === "object" ? rowSelectionConfig : {};
+    return {
+      ...base,
+      selectedRowKeys: ctx.selectedKeys,
+      onChange: (selectedRowKeys, selectedRows) => {
+        var _a;
+        ctx.onSelectionChange(selectedRowKeys, selectedRows);
+        (_a = base.onChange) == null ? void 0 : _a.call(base, selectedRowKeys, selectedRows);
+      }
+    };
+  }, [ctx.selectedKeys, ctx.onSelectionChange, rowSelectionConfig]);
+  const gridTableProps = (0, import_react.useMemo)(() => {
+    const picked = {};
+    Object.keys(ctx).forEach((k) => {
+      if (CONTEXT_ONLY_KEYS.includes(
+        k
+      ))
+        return;
+      picked[k] = ctx[k];
+    });
+    return picked;
+  }, [ctx]);
+  if (typeof render === "function") {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, render({ ...ctx, ...rest }));
+  }
+  const dataSource = ctx.data ?? [];
+  const isEmpty = !Array.isArray(dataSource) || dataSource.length === 0;
+  const sumColumnWidths = (0, import_react.useMemo)(() => {
+    return columns.reduce(
+      (sum, col) => sum + (col.width ?? 250),
+      0
+    ) || 2e3;
+  }, [columns]);
+  const tableScroll = (0, import_react.useMemo)(() => {
+    const scroll = rest.scroll ?? ctx.scroll;
+    const scrollX = isEmpty && scroll && typeof scroll.x !== "number" ? sumColumnWidths : scroll == null ? void 0 : scroll.x;
+    if ((scroll == null ? void 0 : scroll.autoCalc) && typeof ctx.scrollAreaHeight === "number") {
+      const wrapHeight = ctx.scrollAreaHeight;
+      return {
+        x: scrollX ?? sumColumnWidths,
+        y: Math.max(wrapHeight - 40, 100),
+        scrollToFirstRowOnChange: scroll.scrollToFirstRowOnChange
+      };
+    }
+    if (scroll && typeof scroll === "object") {
+      const { autoCalc: _a, ...restScroll } = scroll;
+      const resolved = Object.keys(restScroll).length ? restScroll : void 0;
+      if (resolved) {
+        return {
+          ...resolved,
+          x: scrollX ?? resolved.x ?? sumColumnWidths
+        };
+      }
+      return resolved;
+    }
+    return scroll;
+  }, [
+    rest.scroll,
+    ctx.scroll,
+    ctx.scrollAreaHeight,
+    ctx.pagination,
+    columns,
+    sumColumnWidths,
+    isEmpty
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { "data-layout-slot": "grid", className: "pisell-lowcode-record-board-grid" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Table,
+    {
+      ...rest,
+      ...gridTableProps,
+      scroll: tableScroll,
+      rowKey: tableRowKey,
+      dataSource: ctx.data ?? [],
+      loading: ctx.loading,
+      columns,
+      rowSelection,
+      pagination: false
+    }
+  ));
+};
+var Grid_default = RecordBoardGridView;

package/lib/components/pisellRecordBoard/layouts/GridLayout/Grid.less

@@ -0,0 +1,62 @@
+// RecordBoard Grid 表格样式：默认单元格（表头+表体）padding 8px 16px
+// 项目内 ant 组件 prefixCls 为 pisell-lowcode，故表格类名为 .pisell-lowcode-table-*
+.pisell-lowcode-record-board-grid {
+  .pisell-lowcode-table-thead .pisell-lowcode-table-cell,
+  .pisell-lowcode-table-tbody .pisell-lowcode-table-cell {
+    padding: 8px 16px;
+  }
+}
+
+// 纯 CSS 占满高度：滚动发生在 .pisell-record-board-scroll-body，表头 sticky 固定；高度传到 table
+.pisell-record-board-scroll-body .pisell-lowcode-record-board-grid {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+
+  .pisell-lowcode-table-thead .pisell-lowcode-table-cell {
+    position: sticky;
+    top: 0;
+    z-index: 1;
+    background: var(--ant-color-bg-container, #ffffff);
+  }
+
+  /*
+   * 根本原因：表头所有单元格统一用了 z-index: 1，横向滚动时后面的列（非固定列）与固定列同层叠，
+   * 非固定列会盖住固定列。解决：仅对「固定列」提高 z-index。
+   * antd/rc-table 会给所有 fixed 列（含多选列）的 th/td 加上 .*-table-cell-fix-left，
+   * 用该类选择器即可覆盖任意数量的固定列，无需按 nth-child 逐个写。
+   */
+
+  .pisell-lowcode-table-thead .pisell-lowcode-table-cell-fix-left {
+    z-index: 2 !important;
+    background: var(--ant-color-bg-container, #ffffff) !important;
+  }
+
+  // 让 antd Table 外层占满，使 scroll.y 生效且高度链不断
+  .pisell-lowcode-table-wrapper {
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .pisell-lowcode-table-wrapper .pisell-lowcode-table {
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .pisell-lowcode-table-wrapper .pisell-lowcode-table .pisell-lowcode-table-container {
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+  }
+}
+
+// 行状态样式示例（如 grid.rowClassName 返回 'pisell-record-board-row-cancelled'）
+.pisell-record-board-row-cancelled {
+  background: #fff1f0;
+}

package/lib/components/pisellRecordBoard/layouts/GridLayout/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import RecordBoardGridView from './Grid';
+/**
+ * Grid 布局：仅内容区 = 表格（不含分页）。
+ * 工具栏、多选操作栏、分页由 Shell Frame 提供，使用时用 ShellFrame 包裹：
+ * <PisellRecordBoard.ShellFrame><PisellRecordBoard.GridLayout /></PisellRecordBoard.ShellFrame>
+ */
+declare const GridLayout: React.FC<{
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+export default GridLayout;
+export { RecordBoardGridView as GridLayoutGrid };