@pisell/materials 6.3.27 → 6.3.28

package/lib/components/pisellRecordBoard/shellFrame/Pagination/index.js

@@ -0,0 +1,90 @@
+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/shellFrame/Pagination/index.tsx
+var Pagination_exports = {};
+__export(Pagination_exports, {
+  default: () => Pagination_default
+});
+module.exports = __toCommonJS(Pagination_exports);
+var import_react = __toESM(require("react"));
+var import_Pagination = __toESM(require("../../../Pagination"));
+var import_index = require("./index.less");
+var import_useRecordBoardContext = require("../../hooks/useRecordBoardContext");
+var defaultPagination = {
+  pageNumber: 1,
+  pageSize: 50
+};
+var RecordBoardPagination = (props) => {
+  var _a;
+  const ctx = (0, import_useRecordBoardContext.useRecordBoardContext)({ displayName: "pagination" });
+  const { render, ...rest } = props;
+  const pagination = ctx.pagination ?? defaultPagination;
+  const paginationProps = (0, import_react.useMemo)(
+    () => {
+      var _a2;
+      return {
+        current: pagination.pageNumber,
+        pageSize: pagination.pageSize,
+        total: ctx.total,
+        onChange: ctx.onPageChange,
+        ...((_a2 = ctx.childComponentProps) == null ? void 0 : _a2.pagination) ?? {}
+      };
+    },
+    [
+      pagination.pageNumber,
+      pagination.pageSize,
+      ctx.total,
+      ctx.onPageChange,
+      (_a = ctx.childComponentProps) == null ? void 0 : _a.pagination
+    ]
+  );
+  if (typeof render === "function") {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, render({ ...ctx, ...rest }));
+  }
+  if (ctx.total === 0) {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        "data-layout-slot": "pagination",
+        className: "record-board-shell-frame-pagination record-board-shell-frame-pagination-placeholder",
+        style: { marginTop: 16, display: "flex", justifyContent: "center", minHeight: 40 }
+      }
+    );
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      "data-layout-slot": "pagination",
+      className: "record-board-shell-frame-pagination",
+      style: { marginTop: 16, display: "flex", justifyContent: "center" }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_Pagination.default, { ...paginationProps })
+  );
+};
+var Pagination_default = RecordBoardPagination;

package/lib/components/pisellRecordBoard/shellFrame/Pagination/index.less

@@ -0,0 +1,78 @@
+/**
+ * RecordBoard ShellFrame 内分页样式，参考 orderList index.less:64
+ */
+
+.record-board-shell-frame-pagination {
+  margin-top: 0;
+
+  .pisell-lowcode-pagination-item {
+    border: 1px solid #D0D5DD !important;
+    border-right: 0 !important;
+  }
+
+  .pisell-lowcode-pagination {
+    //border: none;
+  }
+
+  .pisell-lowcode-pagination-prev {
+    padding: 8px 14px;
+    height: 40px !important;
+    white-space: nowrap;
+  }
+
+  .pisell-lowcode-pagination-next {
+    padding: 8px 14px;
+    height: 40px !important;
+    white-space: nowrap;
+  }
+
+  .pisell-lowcode-pagination-item {
+    padding: 10px 14px;
+    min-width: 40px;
+    height: 40px !important;
+    line-height: 20px !important;
+
+    & > a {
+      white-space: nowrap;
+    }
+  }
+
+  .pisell-lowcode-pagination-jump-prev,
+  .pisell-lowcode-pagination-jump-next {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-width: 40px !important;
+    height: 40px !important;
+  }
+
+  .pisell-lowcode-pagination-options {
+    margin-left: 30px;
+
+    .pisell-lowcode-select {
+      min-width: 80px;
+      height: 40px;
+
+      .pisell-lowcode-select-selector {
+        padding: 10px 14px;
+        height: 40px;
+
+        .pisell-lowcode-select-selection-search-input {
+          height: 100%;
+        }
+      }
+    }
+  }
+}
+
+/**
+ * 手机宽度下：不展示 "page x of x" 文案，仅保留上一页/下一页
+ */
+@media (max-width: 768px) {
+  .record-board-shell-frame-pagination {
+    .materials-grid-paginator-center,
+    .pisell-lowcode-pagination-total-text {
+      display: none !important;
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface RecordBoardSearchProps {
+    [key: string]: any;
+}
+/**
+ * RecordBoard 下的独立搜索槽：使用 PisellFind，绑定 context.searchParams.keyword 与 onSearch。
+ * 可通过 childComponentProps.search 透传 PisellFind 的 props。
+ */
+declare const RecordBoardSearch: React.FC<RecordBoardSearchProps>;
+export default RecordBoardSearch;

package/lib/components/pisellRecordBoard/shellFrame/Search/index.js

@@ -0,0 +1,53 @@
+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/shellFrame/Search/index.tsx
+var Search_exports = {};
+__export(Search_exports, {
+  default: () => Search_default
+});
+module.exports = __toCommonJS(Search_exports);
+var import_react = __toESM(require("react"));
+var import_pisellFind = require("../../../pisellFind");
+var import_useRecordBoardContext = require("../../hooks/useRecordBoardContext");
+var DEFAULT_SEARCH_FIELD = "keyword";
+var RecordBoardSearch = (props) => {
+  const ctx = (0, import_useRecordBoardContext.useRecordBoardContext)({ displayName: "search" });
+  const { searchParams, onSearch } = ctx;
+  const searchProps = ctx;
+  const keyword = (searchParams == null ? void 0 : searchParams[DEFAULT_SEARCH_FIELD]) ?? "";
+  const handleSearch = (0, import_react.useCallback)(
+    (value) => {
+      onSearch({ ...searchParams, [DEFAULT_SEARCH_FIELD]: value || void 0 });
+    },
+    [onSearch, searchParams]
+  );
+  return /* @__PURE__ */ import_react.default.createElement("div", { "data-layout-slot": "search", style: { marginBottom: 8 } }, /* @__PURE__ */ import_react.default.createElement(import_pisellFind.PisellFind, { value: keyword, onSearch: handleSearch, ...searchProps }));
+};
+RecordBoardSearch.displayName = "RecordBoard.Search";
+var Search_default = RecordBoardSearch;

package/lib/components/pisellRecordBoard/shellFrame/ToolBar/ToolBarFilter.less

@@ -0,0 +1,112 @@
+/** 左侧：div + flex 布局，下单时间快筛 + Find（占满剩余宽度）+ slots.topLeft */
+.record-board-toolbar-top-left {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  width: 100%;
+  gap: 16px;
+
+  .record-board-toolbar-find-wrap {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    align-items: center;
+
+    .ant-input,
+    .ant-input-affix-wrapper {
+      width: 100%;
+      max-width: 100%;
+    }
+  }
+
+  .pisell-lowcode-form-item {
+    margin-right: 0;
+  }
+
+  .MuiFormLabel-root {
+    line-height: 30px;
+  }
+
+  .MuiInputBase-root {
+    height: 48px !important;
+    border-radius: 8px !important;
+
+    input {
+      //height: 48px !important;
+    }
+  }
+}
+
+.record-board-toolbar-quick-filter-form {
+  display: inline-flex;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+/**
+ * 手机版宽度：左侧快筛 + 搜索 支持换行，避免挤在一行
+ */
+@media (max-width: 768px) {
+  .record-board-toolbar-top-left {
+    flex-wrap: wrap;
+  }
+
+  .record-board-toolbar-top-left .record-board-toolbar-find-wrap {
+    flex: 1 1 100%;
+    min-width: 100%;
+  }
+
+  .record-board-toolbar-quick-filter-form {
+    flex-wrap: wrap;
+  }
+}
+
+/**
+ * RecordBoard 工具栏「筛选」按钮样式
+ * 依据 Figma Pisell 2.0 Component Library - Filter Button (node-id=13586-90537)
+ * - 边框: 1px solid #E5E7EB (neutral-200)
+ * - 圆角: 8px
+ * - 背景: #FFFFFF (neutral-0)
+ * - 文字: 16px Medium, line-height 24px, #374151 (neutral-700)
+ * - 图标: 16px, #6B7280 (neutral-500)
+ * - 内边距: 12px 20px，高度 50px
+ */
+.record-board-toolbar-filter-btn {
+  height: 50px !important;
+  padding: 12px 20px !important;
+  font-size: 16px !important;
+  font-weight: 600 !important;
+  line-height: 24px !important;
+  color: #374151 !important;
+  background-color: #ffffff !important;
+  border: 1px solid #e5e7eb !important;
+  border-width: 1px !important;
+  border-radius: 8px !important;
+  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
+
+  .anticon {
+    font-size: 16px;
+    color: #6b7280;
+  }
+
+  &.pisell-lowcode-btn-lg {
+    height: 50px !important;
+    padding: 12px 20px !important;
+    font-size: 16px !important;
+  }
+
+  &:hover:not(:disabled) {
+    color: #374151 !important;
+    background-color: #f9fafb !important;
+    border-color: #e5e7eb !important;
+
+    .anticon {
+      color: #6b7280;
+    }
+  }
+
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
+  }
+}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { RecordBoardToolBarProps as ToolBarPropsType } from '../../types';
+import './ToolBarFilter.less';
+/**
+ * RecordBoard 下的工具栏：使用 PisellToolBar。
+ * 左侧默认 PisellFind（inline）；右侧默认 PisellFilter。通过 childComponentProps.toolBar.search / toolBar.filter 为对象时透传对应组件 props，为 false 时不渲染。
+ * 可透传 topLeft、topRight、bottomLeft、bottomRight、tabs。
+ */
+declare const RecordBoardToolBar: React.FC<RecordBoardToolBarProps>;
+export declare type RecordBoardToolBarProps = ToolBarPropsType;
+export default RecordBoardToolBar;

package/lib/components/pisellRecordBoard/shellFrame/ToolBar/index.js

@@ -0,0 +1,247 @@
+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/shellFrame/ToolBar/index.tsx
+var ToolBar_exports = {};
+__export(ToolBar_exports, {
+  default: () => ToolBar_default
+});
+module.exports = __toCommonJS(ToolBar_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_SwitchVertical01 = __toESM(require("@pisell/icon/es/SwitchVertical01"));
+var import_ToolBar = __toESM(require("../../../pisellGridPro/ToolBar"));
+var import_pisellFind = require("../../../pisellFind");
+var import_pisellFilter = __toESM(require("../../../pisellFilter"));
+var import_sort = __toESM(require("../../../sort"));
+var import_ToolBarReset = __toESM(require("../ToolBarReset"));
+var import_ToolBarQuickFilter = __toESM(require("../ToolBarQuickFilter"));
+var import_ColumnSetting = __toESM(require("../ColumnSetting"));
+var import_useRecordBoardContext = require("../../hooks/useRecordBoardContext");
+var import_utils = require("@pisell/utils");
+var import_locales = require("../../../../locales");
+var import_ToolBarFilter = require("./ToolBarFilter.less");
+var import_recordBoardColumns = require("../../utils/recordBoardColumns");
+function getSortButtonText() {
+  const key = "pisell2.recordBoard.toolbar.sort";
+  const u = import_utils.locales.getText(key);
+  return u && u !== key ? u : (0, import_locales.getText)(key) || (0, import_locales.getText)("sort-button-text");
+}
+var DEFAULT_SEARCH_FIELD = "keyword";
+var FILTER_PARAMS_FIELD = "filter";
+var SORT_PARAMS_FIELD = "sort";
+function getDefaultFilterValue() {
+  return {
+    quickFilter: [],
+    otherFilter: []
+  };
+}
+var RecordBoardToolBar = (props) => {
+  var _a, _b, _c;
+  const ctx = (0, import_useRecordBoardContext.useRecordBoardContext)({ displayName: "toolBar" });
+  const { searchParams, onSearch } = ctx;
+  const slots = ((_a = ctx.childComponentProps) == null ? void 0 : _a.toolBar) ?? {};
+  const keyword = (searchParams == null ? void 0 : searchParams[DEFAULT_SEARCH_FIELD]) ?? "";
+  const handleSearch = (0, import_react.useCallback)(
+    (value) => {
+      onSearch({ ...searchParams, [DEFAULT_SEARCH_FIELD]: value || void 0 });
+    },
+    [onSearch, searchParams]
+  );
+  const gridColumns = (_c = (_b = ctx.childComponentProps) == null ? void 0 : _b.grid) == null ? void 0 : _c.columns;
+  const derivedFilterFromColumns = (0, import_react.useMemo)(
+    () => Array.isArray(gridColumns) && gridColumns.length > 0 ? (0, import_recordBoardColumns.deriveFilterFromColumns)(gridColumns) : null,
+    [gridColumns]
+  );
+  const derivedSortFromColumnsList = (0, import_react.useMemo)(
+    () => Array.isArray(gridColumns) && gridColumns.length > 0 ? (0, import_recordBoardColumns.deriveSortFromColumns)(gridColumns) : [],
+    [gridColumns]
+  );
+  const searchConfig = slots.search;
+  const hideSearch = searchConfig === false;
+  const searchNode = hideSearch ? null : /* @__PURE__ */ import_react.default.createElement(
+    import_pisellFind.PisellFind,
+    {
+      triggerType: "input",
+      displayType: "inline",
+      showConfirmButton: typeof searchConfig === "object" && searchConfig !== null && "showConfirmButton" in searchConfig ? searchConfig.showConfirmButton : true,
+      value: keyword,
+      onChange: (v) => handleSearch(v),
+      onSearch: handleSearch,
+      ...typeof searchConfig === "object" && searchConfig !== null ? searchConfig : {}
+    }
+  );
+  const quickFilterConfig = slots.quickFilter;
+  const quickFilterList = (0, import_react.useMemo)(() => {
+    if (quickFilterConfig === false) return [];
+    const fromConfig = typeof quickFilterConfig === "object" && quickFilterConfig !== null && Array.isArray(quickFilterConfig.filterList) ? quickFilterConfig.filterList : null;
+    return fromConfig ?? (derivedFilterFromColumns == null ? void 0 : derivedFilterFromColumns.quickFilter) ?? [];
+  }, [quickFilterConfig, derivedFilterFromColumns == null ? void 0 : derivedFilterFromColumns.quickFilter]);
+  const showQuickFilterLeft = quickFilterList.length > 0;
+  const quickFilterNode = showQuickFilterLeft ? /* @__PURE__ */ import_react.default.createElement(
+    import_ToolBarQuickFilter.default,
+    {
+      filterList: quickFilterList,
+      formFiltersPrefix: typeof quickFilterConfig === "object" && quickFilterConfig !== null ? quickFilterConfig.formFiltersPrefix ?? "" : "",
+      size: typeof quickFilterConfig === "object" && quickFilterConfig !== null ? quickFilterConfig.size ?? "large" : "large"
+    }
+  ) : null;
+  const topLeft = /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-top-left" }, quickFilterNode, searchNode ? /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-find-wrap" }, searchNode) : null, slots.topLeft);
+  const sortConfig = slots.sort;
+  const hideSort = sortConfig === false;
+  const sortValue = searchParams == null ? void 0 : searchParams[SORT_PARAMS_FIELD];
+  const handleSortChange = (0, import_react.useCallback)(
+    (val) => {
+      onSearch({ ...searchParams, [SORT_PARAMS_FIELD]: val || void 0 });
+    },
+    [onSearch, searchParams]
+  );
+  const sortList = (0, import_react.useMemo)(() => {
+    const fromConfig = typeof sortConfig === "object" && sortConfig !== null && Array.isArray(sortConfig.list) ? sortConfig.list : null;
+    return fromConfig ?? derivedSortFromColumnsList;
+  }, [sortConfig, derivedSortFromColumnsList]);
+  const sortNode = hideSort ? null : /* @__PURE__ */ import_react.default.createElement(
+    import_sort.default,
+    {
+      ...typeof sortConfig === "object" && sortConfig !== null ? sortConfig : {},
+      list: sortList,
+      value: sortValue,
+      onChange: handleSortChange,
+      placement: "bottomLeft",
+      button: /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          className: "record-board-toolbar-filter-btn",
+          icon: /* @__PURE__ */ import_react.default.createElement(import_SwitchVertical01.default, null),
+          size: "large"
+        },
+        getSortButtonText()
+      )
+    }
+  );
+  const filterConfig = slots.filter;
+  const hideFilter = filterConfig === false;
+  const filterValue = searchParams == null ? void 0 : searchParams[FILTER_PARAMS_FIELD];
+  const hasFilterList = Array.isArray(filterValue == null ? void 0 : filterValue.quickFilter) && filterValue.quickFilter.length > 0 || Array.isArray(filterValue == null ? void 0 : filterValue.otherFilter) && filterValue.otherFilter.length > 0;
+  const hasFilterValues = typeof (filterValue == null ? void 0 : filterValue.values) === "object" && filterValue.values !== null && Object.keys(filterValue.values).length > 0;
+  const hasFilterItems = hasFilterList || hasFilterValues;
+  const defaultFilterFromConfig = typeof filterConfig === "object" && filterConfig !== null && filterConfig.defaultFilterValue ? filterConfig.defaultFilterValue : null;
+  const effectiveFilterValue = (0, import_react.useMemo)(() => {
+    const base = filterValue != null && hasFilterItems ? filterValue : defaultFilterFromConfig ? defaultFilterFromConfig : derivedFilterFromColumns && (derivedFilterFromColumns.quickFilter.length > 0 || derivedFilterFromColumns.otherFilter.length > 0) ? derivedFilterFromColumns : getDefaultFilterValue();
+    const quickFilter = Array.isArray(base.quickFilter) && base.quickFilter.length > 0 ? base.quickFilter : (defaultFilterFromConfig == null ? void 0 : defaultFilterFromConfig.quickFilter) ?? [];
+    let otherFilter = Array.isArray(base.otherFilter) && base.otherFilter.length > 0 ? base.otherFilter : (defaultFilterFromConfig == null ? void 0 : defaultFilterFromConfig.otherFilter) ?? [];
+    if (otherFilter === base.otherFilter && Array.isArray(defaultFilterFromConfig == null ? void 0 : defaultFilterFromConfig.otherFilter) && defaultFilterFromConfig.otherFilter.length > 0) {
+      const configMap = new Map(
+        defaultFilterFromConfig.otherFilter.map((c) => [
+          c.key ?? c.name ?? "",
+          c
+        ])
+      );
+      otherFilter = otherFilter.map((item) => {
+        var _a2, _b2;
+        const key = item.key ?? item.name ?? "";
+        const configItem = configMap.get(key);
+        if (!configItem) return item;
+        return {
+          ...configItem,
+          ...item,
+          label: configItem.label ?? item.label,
+          other: {
+            ...configItem == null ? void 0 : configItem.other,
+            ...item == null ? void 0 : item.other,
+            placeholder: ((_a2 = configItem == null ? void 0 : configItem.other) == null ? void 0 : _a2.placeholder) ?? ((_b2 = item == null ? void 0 : item.other) == null ? void 0 : _b2.placeholder)
+          }
+        };
+      });
+    }
+    return {
+      ...base,
+      quickFilter,
+      otherFilter,
+      values: base.values ?? {}
+    };
+  }, [
+    filterValue,
+    hasFilterItems,
+    defaultFilterFromConfig,
+    derivedFilterFromColumns
+  ]);
+  const filterValueForPisellFilter = (0, import_react.useMemo)(
+    () => ({
+      ...effectiveFilterValue,
+      quickFilter: []
+    }),
+    [effectiveFilterValue]
+  );
+  const handleFilterChange = (0, import_react.useCallback)(
+    (value) => {
+      const currentFilter = searchParams == null ? void 0 : searchParams[FILTER_PARAMS_FIELD];
+      const currentValues = (currentFilter == null ? void 0 : currentFilter.values) ?? {};
+      const incomingValues = (value == null ? void 0 : value.values) ?? {};
+      const nextFilter = {
+        ...value,
+        values: { ...currentValues, ...incomingValues }
+      };
+      onSearch({ ...searchParams, [FILTER_PARAMS_FIELD]: nextFilter });
+    },
+    [onSearch, searchParams]
+  );
+  const filterResetKey = ctx.filterResetKey ?? 0;
+  const filterNode = hideFilter ? null : /* @__PURE__ */ import_react.default.createElement(
+    import_pisellFilter.default,
+    {
+      key: `record-board-filter-${filterResetKey}`,
+      value: filterValueForPisellFilter,
+      onChange: handleFilterChange,
+      hasForm: true,
+      quickFilterMaxLength: 100,
+      formFiltersPrefix: "",
+      size: "large",
+      buttonClassName: "record-board-toolbar-filter-btn",
+      hiddenQuickFilter: true,
+      placement: "bottomLeft",
+      ...typeof filterConfig === "object" && filterConfig !== null ? filterConfig : {}
+    }
+  );
+  const showColumnSetting = slots.columnSetting !== false && Array.isArray(gridColumns) && gridColumns.length > 0;
+  const topRight = /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, showColumnSetting ? /* @__PURE__ */ import_react.default.createElement(import_ColumnSetting.default, null) : null, sortNode, filterNode, /* @__PURE__ */ import_react.default.createElement(import_ToolBarReset.default, { size: "large" }), slots.topRight);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_ToolBar.default,
+    {
+      className: slots.className,
+      style: slots.style,
+      tabs: slots.tabs,
+      topLeft,
+      topRight,
+      bottomLeft: slots.bottomLeft,
+      bottomRight: slots.bottomRight
+    }
+  );
+};
+RecordBoardToolBar.displayName = "RecordBoard.ToolBar";
+var ToolBar_default = RecordBoardToolBar;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { FilterItemProps } from '../../../filter/types';
+export interface ToolBarQuickFilterProps {
+    /** 快速筛选项列表（与 Filter 的 quickFilter 同结构），不传则从 columns 派生时由父级传入 */
+    filterList?: FilterItemProps[];
+    /** 表单字段前缀，与 PisellFilter 保持一致，默认 '' */
+    formFiltersPrefix?: string;
+    /** 表单项尺寸 */
+    size?: 'small' | 'middle' | 'large';
+}
+/**
+ * RecordBoard 工具栏左侧内联快速筛选：将 quickFilter 直接展示在 ToolBar 左侧，不放入 Filter 弹层。
+ * 与 searchParams.filter 联动，变更写入 searchParams.filter.values 并触发 onSearch。
+ * 启用时建议 ToolBar 对 PisellFilter 传 hiddenQuickFilter: true，仅保留高级筛选在弹层内。
+ */
+declare const ToolBarQuickFilter: React.FC<ToolBarQuickFilterProps>;
+export default ToolBarQuickFilter;