@pisell/materials 1.0.1051 → 1.0.1053

package/es/components/dataSourceComponents/fields/RecordListWrapper/type.d.ts

@@ -0,0 +1,91 @@
+import { ModeType } from "../../dataSourceForm/type.js";
+import React from "react";
+
+//#region src/components/dataSourceComponents/fields/RecordListWrapper/type.d.ts
+interface RecordListWrapperOption {
+  label?: React.ReactNode;
+  value: string | number;
+}
+interface RecordListWrapperFieldSchema {
+  name: string;
+  label?: React.ReactNode;
+  component?: string;
+  componentName?: string;
+  type?: string;
+  /** 接口类型，用于映射到具体组件（如 Select、Input 等） */
+  interface?: string;
+  options?: RecordListWrapperOption[];
+  props?: Record<string, any>;
+  /** 子字段（用于嵌套结构，如 Input.JSON） */
+  children?: RecordListWrapperFieldSchema[];
+  _children?: RecordListWrapperFieldSchema[];
+  schema?: Record<string, any>;
+  uiSchema?: {
+    title?: React.ReactNode;
+    enum?: RecordListWrapperOption[];
+    'x-component'?: string;
+    'x-component-props'?: Record<string, any>;
+    'x-read-pretty'?: boolean;
+    'x-validator'?: string;
+    'x-display'?: 'visible' | 'hidden' | 'none';
+    'x-pattern'?: 'editable' | 'disabled' | 'readPretty';
+    'x-data-source'?: {
+      type?: string;
+      options?: Array<{
+        id?: string;
+        label: string | Record<string, any>;
+        value: string;
+        color?: string;
+      }>;
+      labelField?: string;
+      valueField?: string;
+      dataSource?: any;
+      extraParams?: Record<string, any>;
+    };
+    'x-record-schema'?: RecordListWrapperSchema | RecordListWrapperFieldSchema[] | string;
+    default?: any;
+    type?: 'string' | 'number' | 'integer' | 'boolean' | 'array' | 'object';
+  };
+}
+interface RecordListWrapperSchema {
+  fields?: RecordListWrapperFieldSchema[];
+  properties?: Record<string, any>;
+  children?: RecordListWrapperFieldSchema[];
+}
+/**
+ * @title RecordListWrapper 组件 Props
+ * @description
+ * 值结构为 Map：key 是 xDataSource option 的 value，value 是该 option 对应的表单字段值。
+ * 例如：{ "5": { "code": "xxx", "type": "yyy" }, "3": { "code": "aaa" } }
+ */
+interface RecordListWrapperProps {
+  renderMode: ModeType;
+  /**
+   * 值: Map 结构
+   * - key: xDataSource option 的 value
+   * - value: 该 option 对应的 xRecordSchema 字段值对象
+   */
+  value?: Record<string, Record<string, any>>;
+  onChange?: (value: Record<string, Record<string, any>>) => void;
+  /** xDataSource 选项列表，驱动 tabs 导航和 records 结构 */
+  options?: RecordListWrapperOption[];
+  /**
+   * 上部插槽：用户可在低代码平台拖入自定义导航组件。
+   * RecordListWrapper 会通过 cloneElement 注入 options、value（activeKey）、onChange。
+   */
+  topSlot?: React.ReactNode;
+  slot?: React.ReactNode;
+  /** xRecordSchema：定义每条记录的子字段结构 */
+  xRecordSchema?: string | RecordListWrapperSchema | RecordListWrapperFieldSchema[];
+  /** 容器 children：低代码引擎渲染的子组件节点 */
+  children?: React.ReactNode;
+  /** 低代码设计模式标识 */
+  __designMode?: string;
+  /**
+   * 默认激活的 Tab key，外部传入时优先于 options[0].value
+   */
+  defaultValue?: string;
+  [key: string]: any;
+}
+//#endregion
+export { RecordListWrapperProps };

package/es/components/dataSourceComponents/fields/Select/WithMode.js

@@ -1,5 +1,5 @@
-import select_default from "../../../select/index.js";
 import { withMode } from "../../dataSourceForm/utils.js";
+import select_default from "../../../select/index.js";
 import ReadPretty_default from "./ReadPretty.js";
 
 //#region src/components/dataSourceComponents/fields/Select/WithMode.ts

package/es/components/dataSourceComponents/fields/Select/index.d.ts

@@ -1,12 +1,12 @@
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
 import React from "react";
-import * as antd0 from "antd";
+import * as antd1 from "antd";
 import * as antd_es_select0 from "antd/es/select";
 
 //#region src/components/dataSourceComponents/fields/Select/index.d.ts
-declare const SelectWithDataSource: (props: antd0.SelectProps<any, antd_es_select0.DefaultOptionType> & WithModeProps & WithFormItemProps & {
+declare const SelectWithDataSource: (props: antd1.SelectProps<any, antd_es_select0.DefaultOptionType> & WithModeProps & WithFormItemProps & {
   options?: any;
-  optionSourceType?: "default" | "custom" | "api" | undefined;
+  optionSourceType?: "custom" | "api" | "default" | undefined;
   labelField: string;
   valueField: string;
   extraParams?: Record<string, any> | undefined;

package/es/components/dataSourceComponents/fields/Tabs/ReadPretty.js

@@ -0,0 +1,16 @@
+import { renderValueWithMap } from "../../dataSourceForm/utils.js";
+import useValueMap_default from "../../hooks/useValueMap.js";
+
+//#region src/components/dataSourceComponents/fields/Tabs/ReadPretty.tsx
+/**
+* Tabs 只读展示组件
+*
+* @description 在 view / tableView 模式下展示选中的标签名称文本。
+*/
+const TabsReadPretty = ({ value, options, renderMode }) => {
+	return renderValueWithMap(value, useValueMap_default(options || []), renderMode);
+};
+var ReadPretty_default = TabsReadPretty;
+
+//#endregion
+export { ReadPretty_default as default };

package/es/components/dataSourceComponents/fields/Tabs/Tabs.js

@@ -0,0 +1,75 @@
+import React, { useMemo } from "react";
+import classNames from "classnames";
+import "./Tabs.less";
+
+//#region src/components/dataSourceComponents/fields/Tabs/Tabs.tsx
+/**
+* Tabs 胶囊风格选项卡组件
+*
+* @description 提供类似 Segmented 控件的胶囊风格选项卡，支持受控与非受控模式。
+* 用于表单中替代 Radio.Group，展示更为直观的标签页切换交互。
+*
+* @example
+* ```tsx
+* <Tabs
+*   value={current}
+*   options={[
+*     { label: '校区', value: 'campus' },
+*     { label: '场地', value: 'venue' },
+*   ]}
+*   onChange={(val) => setCurrent(val)}
+* />
+* ```
+*/
+const Tabs = ({ value, defaultValue, options = [], disabled = false, onChange, className, style }) => {
+	/** 内部选中值，支持受控与非受控 */
+	const [internalValue, setInternalValue] = React.useState(defaultValue);
+	/** 最终使用的选中值：受控优先 */
+	const selectedValue = value !== void 0 ? value : internalValue;
+	/**
+	* 处理选项点击
+	*/
+	const handleSelect = (option) => {
+		if (disabled || option.disabled) return;
+		const newValue = option.value;
+		if (value === void 0) setInternalValue(newValue);
+		onChange === null || onChange === void 0 || onChange(newValue);
+	};
+	const tabItems = useMemo(() => {
+		return options.map((option) => {
+			const isActive = selectedValue === option.value;
+			const isDisabled = disabled || option.disabled;
+			return /* @__PURE__ */ React.createElement("div", {
+				key: option.value,
+				className: classNames("pisell-form-tabs-item", {
+					"pisell-form-tabs-item--active": isActive,
+					"pisell-form-tabs-item--disabled": isDisabled
+				}),
+				onClick: () => handleSelect(option),
+				role: "tab",
+				"aria-selected": isActive,
+				"aria-disabled": isDisabled,
+				tabIndex: isDisabled ? -1 : 0,
+				onKeyDown: (e) => {
+					if (e.key === "Enter" || e.key === " ") {
+						e.preventDefault();
+						handleSelect(option);
+					}
+				}
+			}, /* @__PURE__ */ React.createElement("span", { className: "pisell-form-tabs-item-label" }, option.label));
+		});
+	}, [
+		options,
+		selectedValue,
+		disabled
+	]);
+	return /* @__PURE__ */ React.createElement("div", {
+		className: classNames("pisell-form-tabs", className),
+		style,
+		role: "tablist"
+	}, tabItems);
+};
+var Tabs_default = Tabs;
+
+//#endregion
+export { Tabs_default as default };

package/es/components/dataSourceComponents/fields/Tabs/Tabs.less

@@ -0,0 +1,55 @@
+.pisell-form-tabs {
+  height: 40px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background-color: #f5f5f5;
+  border-radius: 8px;
+  padding: 2px;
+  gap: 2px;
+  flex-wrap: wrap;
+  box-sizing: border-box;
+  color: rgba(0, 0, 0, .65);
+  background-color: rgba(0, 0, 0, .04);
+
+  &-item {
+    min-height: 36px;
+    min-width: 90px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 12px;
+    border-radius: 6px;
+    cursor: pointer;
+    transition: background-color 0.2s ease, box-shadow 0.2s ease,
+      color 0.2s ease;
+    user-select: none;
+    white-space: nowrap;
+    flex: 0 0 auto;
+    outline: none;
+
+    &-label {
+      font-size: 14px;
+      color: rgba(0, 0, 0, 0.65);
+      font-weight: 400;
+    }
+
+    &:hover:not(&--active):not(&--disabled) {
+      background-color: rgba(0, 0, 0, 0.06);
+    }
+
+    &--active {
+      background-color: #ffffff;
+
+      .pisell-form-tabs-item-label {
+        color: #262626;
+        font-weight: 500;
+      }
+    }
+
+    &--disabled {
+      cursor: not-allowed;
+      opacity: 0.4;
+    }
+  }
+}

package/es/components/dataSourceComponents/fields/Tabs/WithMode.js

@@ -0,0 +1,13 @@
+import { withMode } from "../../dataSourceForm/utils.js";
+import Tabs_default from "./Tabs.js";
+import ReadPretty_default from "./ReadPretty.js";
+
+//#region src/components/dataSourceComponents/fields/Tabs/WithMode.tsx
+/**
+* TabsWithMode
+*/
+const TabsWithMode = withMode(Tabs_default, ReadPretty_default);
+var WithMode_default = TabsWithMode;
+
+//#endregion
+export { WithMode_default as default };

package/es/components/dataSourceComponents/fields/Tabs/index.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
+import { TabsProps } from "./type.js";
+import * as react27 from "react";
+
+//#region src/components/dataSourceComponents/fields/Tabs/index.d.ts
+/** 包装 DataSource 层（提供数据源上下文） */
+declare const FormItemTabs: (props: TabsProps & WithModeProps & WithFormItemProps & {
+  options?: any;
+  optionSourceType?: "custom" | "api" | "default" | undefined;
+  labelField: string;
+  valueField: string;
+  extraParams?: Record<string, any> | undefined;
+} & {
+  dataSource?: any;
+  extraParams?: Record<string, any> | undefined;
+}) => react27.JSX.Element;
+//#endregion
+export { FormItemTabs };

package/es/components/dataSourceComponents/fields/Tabs/index.js

@@ -0,0 +1,10 @@
+import { withDataSource, withFormItem, withOptions } from "../../dataSourceForm/utils.js";
+import WithMode_default from "./WithMode.js";
+
+//#region src/components/dataSourceComponents/fields/Tabs/index.tsx
+/** 包装 DataSource 层（提供数据源上下文） */
+const FormItemTabs = withDataSource(withOptions(withFormItem(WithMode_default)));
+var Tabs_default = FormItemTabs;
+
+//#endregion
+export { Tabs_default as default };

package/es/components/dataSourceComponents/fields/Tabs/type.d.ts

@@ -0,0 +1,36 @@
+import "../../dataSourceForm/type.js";
+import React from "react";
+
+//#region src/components/dataSourceComponents/fields/Tabs/type.d.ts
+/**
+ * Tabs 选项配置
+ */
+interface TabOption {
+  /** 选项显示文本 */
+  label: React.ReactNode;
+  /** 选项对应的值 */
+  value: string | number;
+  /** 是否禁用该选项 */
+  disabled?: boolean;
+}
+/**
+ * Tabs 基础 Props（编辑态组件使用，不含 renderMode）
+ */
+interface TabsProps {
+  /** 当前选中的值（受控） */
+  value?: string | number;
+  /** 默认选中的值（非受控） */
+  defaultValue?: string | number;
+  /** 选项列表 */
+  options?: TabOption[];
+  /** 是否禁用整个组件 */
+  disabled?: boolean;
+  /** 选中值变化时的回调 */
+  onChange?: (value: string | number) => void;
+  /** 自定义类名 */
+  className?: string;
+  /** 自定义样式 */
+  style?: React.CSSProperties;
+}
+//#endregion
+export { TabsProps };

package/es/components/dataSourceComponents/fields/index.js

@@ -1,3 +1,5 @@
+import RecordListWrapper_default from "./RecordListWrapper/index.js";
+import Tabs_default from "./Tabs/index.js";
 import Input_default from "./Input/index.js";
 import Checkbox_default from "./Checkbox/index.js";
 import ColorPicker_default from "./ColorPicker/index.js";
@@ -33,7 +35,9 @@ const formFieldMap = {
 	FormItemDateRangePicker: DateRangePicker_default,
 	FormItemUpload: Upload_default,
 	FormItemTranslation: Translation_default,
-	FormItemIconSelect: IconSelect_default
+	FormItemIconSelect: IconSelect_default,
+	FormItemRecordListWrapper: RecordListWrapper_default,
+	FormItemTabs: Tabs_default
 };
 const getFieldComponent = (fieldComponent) => {
 	return formFieldMap[fieldComponent];

package/es/components/dataSourceComponents/fields/utils.js

@@ -58,6 +58,9 @@ const formFieldFilterFuncMap = {
 	},
 	"Checkbox.Group": (value) => {
 		return { $anyOf: Array.isArray(value) ? value : [value] };
+	},
+	RecordListWrapper: () => {
+		return null;
 	}
 };
 

package/es/components/dataSourceComponents/hooks/useActions.js

@@ -2,12 +2,12 @@ import { getText } from "../../../locales/index.js";
 import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js";
 import useEngineContext_default from "../../../hooks/useEngineContext.js";
 import { _asyncToGenerator } from "../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/asyncToGenerator.js";
-import useDataSource_default from "./useDataSource.js";
 import pisellToast_default from "../../pisellToast/index.js";
 import useFormat_default from "../dataSourceTable/hooks/useFormat.js";
 import { createNocobaseData, customApi, deleteNocobaseData, getNocobaseData, getNocobaseDataList, updateNocobaseData } from "../dataSourceForm/serve.js";
 import useVariables_default from "./useVariables.js";
 import useParseActionsVariable_default from "./useParseActionsVariable.js";
+import useDataSource_default from "./useDataSource.js";
 import { useMemo } from "react";
 import { useMemoizedFn } from "ahooks";
 

package/es/components/dataSourceComponents/provider/dataSource/DataSourceProvider.js

@@ -1,7 +1,7 @@
 import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js";
 import DataSourceContext_default from "./DataSourceContext.js";
-import useDataSource_default from "../../hooks/useDataSource.js";
 import useVariables_default from "../../hooks/useVariables.js";
+import useDataSource_default from "../../hooks/useDataSource.js";
 import useActions_default from "../../hooks/useActions.js";
 import useSetRequest_default from "../../../../hooks/useSetRequest.js";
 import React, { useMemo } from "react";

package/es/components/date-picker/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import * as react31 from "react";
+import * as react28 from "react";
 
 //#region src/components/date-picker/index.d.ts
-declare const DatePicker: (props: any) => react31.JSX.Element;
+declare const DatePicker: (props: any) => react28.JSX.Element;
 //#endregion
 export { DatePicker };

package/es/components/input/index.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import * as react38 from "react";
+import * as react29 from "react";
 import { InputProps, InputRef } from "antd";
 import * as antd_es_input0 from "antd/es/input";
 import * as antd_es_input_TextArea0 from "antd/es/input/TextArea";
 
 //#region src/components/input/index.d.ts
-declare const OriginalGroup: react38.FC<antd_es_input0.GroupProps>, OriginalTextArea: react38.ForwardRefExoticComponent<antd_es_input0.TextAreaProps & react38.RefAttributes<antd_es_input_TextArea0.TextAreaRef>>, OriginalPassword: react38.ForwardRefExoticComponent<antd_es_input0.PasswordProps & react38.RefAttributes<InputRef>>, OriginalSearch: react38.ForwardRefExoticComponent<antd_es_input0.SearchProps & react38.RefAttributes<InputRef>>;
+declare const OriginalGroup: react29.FC<antd_es_input0.GroupProps>, OriginalTextArea: react29.ForwardRefExoticComponent<antd_es_input0.TextAreaProps & react29.RefAttributes<antd_es_input_TextArea0.TextAreaRef>>, OriginalPassword: react29.ForwardRefExoticComponent<antd_es_input0.PasswordProps & react29.RefAttributes<InputRef>>, OriginalSearch: react29.ForwardRefExoticComponent<antd_es_input0.SearchProps & react29.RefAttributes<InputRef>>;
 type CompoundedComponent = React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> & {
   Group: typeof OriginalGroup;
   Search: typeof OriginalSearch;

package/es/components/pisell-config-provider/context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import * as react36 from "react";
+import * as react47 from "react";
 
 //#region src/components/pisell-config-provider/context.d.ts
 interface PisellContextType {
@@ -11,7 +11,7 @@ interface PisellContextType {
   /** 获取货币符号 */
   getSymbolic?: () => string;
 }
-declare const PisellContext: react36.Context<PisellContextType>;
+declare const PisellContext: react47.Context<PisellContextType>;
 /**
  * provider外获取当前全局配置
  */

package/es/components/pisellDataSourceContainer/type.d.ts

@@ -1,6 +1,6 @@
+import { DataSourceContextProps, DataSourceContextType } from "../dataSourceComponents/provider/dataSource/DataSourceContext.js";
 import { SortListProps } from "../sort/types.js";
 import { FilterItemProps } from "../filter/types.js";
-import { DataSourceContextProps, DataSourceContextType } from "../dataSourceComponents/provider/dataSource/DataSourceContext.js";
 import { FilterListProps } from "../filter/components/FilterButton/types.js";
 import { FormInstance, PaginationProps, TableProps, TabsProps } from "antd";
 import { Result } from "ahooks/es/useRequest/src/types";

package/es/components/pisellDatePicker/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import * as react24 from "react";
+import * as react44 from "react";
 
 //#region src/components/pisellDatePicker/index.d.ts
-declare const PisellDatePicker: (props: any) => react24.JSX.Element;
+declare const PisellDatePicker: (props: any) => react44.JSX.Element;
 //#endregion
 export { PisellDatePicker };

package/es/components/pisellInput/components/Copy/index.js

@@ -1,8 +1,8 @@
 import { getText } from "../../../../locales/index.js";
 import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js";
 import icon_default from "../../../icon/index.js";
-import input_default from "../../../input/index.js";
 import { _asyncToGenerator } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/asyncToGenerator.js";
+import input_default from "../../../input/index.js";
 import React, { useRef } from "react";
 import { copyToClipboard } from "@pisell/utils";
 import { Button, Space, message } from "antd";

package/es/components/pisellModal/index.d.ts

@@ -2,7 +2,7 @@ import { PisellContextType } from "../pisell-config-provider/context.js";
 import { PisellModalFuncProps } from "./components/functions/index.js";
 import { InformationProps } from "./components/Information/index.js";
 import React from "react";
-import * as antd1 from "antd";
+import * as antd2 from "antd";
 import { ButtonProps, ModalProps } from "antd";
 
 //#region src/components/pisellModal/index.d.ts
@@ -39,24 +39,24 @@ declare const PisellModal: {
   (props: PisellModalProps): React.JSX.Element;
   confirm: (props: PisellModalFuncProps) => {
     destroy: () => void;
-    update: (configUpdate: antd1.ModalFuncProps | ((prevConfig: antd1.ModalFuncProps) => antd1.ModalFuncProps)) => void;
+    update: (configUpdate: antd2.ModalFuncProps | ((prevConfig: antd2.ModalFuncProps) => antd2.ModalFuncProps)) => void;
   };
   info: (props: PisellModalFuncProps) => {
     destroy: () => void;
-    update: (configUpdate: antd1.ModalFuncProps | ((prevConfig: antd1.ModalFuncProps) => antd1.ModalFuncProps)) => void;
+    update: (configUpdate: antd2.ModalFuncProps | ((prevConfig: antd2.ModalFuncProps) => antd2.ModalFuncProps)) => void;
   };
   error: (props: PisellModalFuncProps) => {
     destroy: () => void;
-    update: (configUpdate: antd1.ModalFuncProps | ((prevConfig: antd1.ModalFuncProps) => antd1.ModalFuncProps)) => void;
+    update: (configUpdate: antd2.ModalFuncProps | ((prevConfig: antd2.ModalFuncProps) => antd2.ModalFuncProps)) => void;
   };
   warn: (props: PisellModalFuncProps) => any;
   warning: (props: PisellModalFuncProps) => {
     destroy: () => void;
-    update: (configUpdate: antd1.ModalFuncProps | ((prevConfig: antd1.ModalFuncProps) => antd1.ModalFuncProps)) => void;
+    update: (configUpdate: antd2.ModalFuncProps | ((prevConfig: antd2.ModalFuncProps) => antd2.ModalFuncProps)) => void;
   };
   success: (props: PisellModalFuncProps) => {
     destroy: () => void;
-    update: (configUpdate: antd1.ModalFuncProps | ((prevConfig: antd1.ModalFuncProps) => antd1.ModalFuncProps)) => void;
+    update: (configUpdate: antd2.ModalFuncProps | ((prevConfig: antd2.ModalFuncProps) => antd2.ModalFuncProps)) => void;
   };
   Information: (props: InformationProps) => React.JSX.Element;
 };

package/es/components/pisellMultipleSelect/PisellMultipleSelect.less

@@ -7,6 +7,21 @@
   height: 48px !important;
   width: 100%;
 
+  .pisell-lowcode-select-clear {
+    color: #667085;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 44px;
+    min-height: 44px;
+    margin: -22px -8px;
+    padding: 10px 8px;
+
+    &:hover {
+      color: #344054;
+    }
+  }
+
   // Select 触发器（Figma 设计规范，与 SingleSelect / Input 体系一致）
   .pisell-lowcode-select:not(.pisell-lowcode-select-disabled):not(.pisell-lowcode-select-customize-input) {
     .pisell-lowcode-select-selector {
@@ -51,13 +66,6 @@
       color: #667085;
     }
 
-    .pisell-lowcode-select-clear {
-      color: #667085;
-
-      &:hover {
-        color: #344054;
-      }
-    }
 
     // 多选标签（选择后展示的 item）高度 36px
     .pisell-lowcode-select-selection-item {

package/es/components/pisellQuickFilter/index.d.ts

@@ -1,9 +1,9 @@
 import { FilterItemProps } from "../filter/types.js";
 import React from "react";
-import * as antd16 from "antd";
+import * as antd17 from "antd";
 
 //#region src/components/pisellQuickFilter/index.d.ts
-declare const pisellQuickFilter: React.ForwardRefExoticComponent<antd16.FormInstance<any> & {
+declare const pisellQuickFilter: React.ForwardRefExoticComponent<antd17.FormInstance<any> & {
   hasForm?: boolean | undefined;
   children?: React.ReactNode;
   formFiltersPrefix: string;

package/es/components/pisellRecordBoard/PisellRecordBoard.js

@@ -50,7 +50,9 @@ function getDefaultRecordBoardContext(layoutType, selection, rowKey) {
 		rowKey,
 		childComponentProps: void 0,
 		scrollAreaHeight: null,
-		setScrollAreaHeight: void 0
+		setScrollAreaHeight: void 0,
+		filterResetKey: void 0,
+		setFilterResetKey: void 0
 	};
 }
 /**
@@ -76,6 +78,8 @@ const PisellRecordBoard = (props) => {
 	const [internalSelectedKeys, setInternalSelectedKeys] = useState([]);
 	const [internalSelectedRows, setInternalSelectedRows] = useState([]);
 	const [scrollAreaHeight, setScrollAreaHeight] = useState(null);
+	/** 点击重置时递增，供 ToolBar 给 PisellFilter 设 key 以强制重挂载，清空弹窗内高级筛选表单 */
+	const [filterResetKey, setFilterResetKey] = useState(0);
 	const [internalColumnVisibility, setInternalColumnVisibility] = useState(() => {
 		var _props$grid$defaultHi, _props$grid, _props$grid$columns, _props$grid2;
 		const fromConfig = (_props$grid$defaultHi = (_props$grid = props.grid) === null || _props$grid === void 0 ? void 0 : _props$grid.defaultHiddenColumnKeys) !== null && _props$grid$defaultHi !== void 0 ? _props$grid$defaultHi : [];
@@ -168,7 +172,9 @@ const PisellRecordBoard = (props) => {
 			childComponentProps: mergedChildComponentProps !== null && mergedChildComponentProps !== void 0 ? mergedChildComponentProps : defaultCtx.childComponentProps,
 			fillHeight,
 			scrollAreaHeight,
-			setScrollAreaHeight
+			setScrollAreaHeight,
+			filterResetKey,
+			setFilterResetKey
 		});
 	}, [
 		layoutType,
@@ -190,7 +196,8 @@ const PisellRecordBoard = (props) => {
 		internalColumnOrder,
 		onColumnOrderChangeInternal,
 		fillHeight,
-		scrollAreaHeight
+		scrollAreaHeight,
+		filterResetKey
 	]);
 	const content = /* @__PURE__ */ React.createElement(RecordBoardProvider, { value: contextValue }, children);
 	return /* @__PURE__ */ React.createElement("div", {

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

@@ -41,7 +41,7 @@ function getDefaultFilterValue() {
 * 可透传 topLeft、topRight、bottomLeft、bottomRight、tabs。
 */
 const RecordBoardToolBar = (props) => {
-	var _ctx$childComponentPr, _ctx$childComponentPr2, _searchParams$DEFAULT, _ctx$childComponentPr3, _formFiltersPrefix, _size;
+	var _ctx$childComponentPr, _ctx$childComponentPr2, _searchParams$DEFAULT, _ctx$childComponentPr3, _formFiltersPrefix, _size, _filterResetKey;
 	const ctx = useRecordBoardContext({ displayName: "toolBar" });
 	const { searchParams, onSearch } = ctx;
 	const slots = (_ctx$childComponentPr = (_ctx$childComponentPr2 = ctx.childComponentProps) === null || _ctx$childComponentPr2 === void 0 ? void 0 : _ctx$childComponentPr2.toolBar) !== null && _ctx$childComponentPr !== void 0 ? _ctx$childComponentPr : {};
@@ -141,7 +141,9 @@ const RecordBoardToolBar = (props) => {
 		const nextFilter = _objectSpread2(_objectSpread2({}, value), {}, { values: _objectSpread2(_objectSpread2({}, currentValues), incomingValues) });
 		onSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, { [FILTER_PARAMS_FIELD]: nextFilter }));
 	}, [onSearch, searchParams]);
+	const filterResetKey = (_filterResetKey = ctx.filterResetKey) !== null && _filterResetKey !== void 0 ? _filterResetKey : 0;
 	const filterNode = hideFilter ? null : /* @__PURE__ */ React.createElement(pisellFilter_default, _objectSpread2({
+		key: `record-board-filter-${filterResetKey}`,
 		value: filterValueForPisellFilter,
 		onChange: handleFilterChange,
 		hasForm: true,

package/es/components/pisellRecordBoard/shellFrame/ToolBarReset/index.js

@@ -24,9 +24,10 @@ const SORT_PARAMS_FIELD = "sort";
 */
 const ToolBarReset = ({ size = "large", type = "default", children }) => {
 	const defaultResetText = getResetButtonText();
-	const { searchParams, onSearch, onReset } = useRecordBoardContext();
+	const { searchParams, onSearch, onReset, setFilterResetKey } = useRecordBoardContext();
 	const handleReset = useCallback(() => {
 		var _currentFilter$otherF;
+		setFilterResetKey === null || setFilterResetKey === void 0 || setFilterResetKey((prev) => prev + 1);
 		const currentFilter = searchParams === null || searchParams === void 0 ? void 0 : searchParams[FILTER_PARAMS_FIELD];
 		onSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
 			[FILTER_PARAMS_FIELD]: _objectSpread2(_objectSpread2({}, currentFilter), {}, {
@@ -40,7 +41,8 @@ const ToolBarReset = ({ size = "large", type = "default", children }) => {
 	}, [
 		searchParams,
 		onSearch,
-		onReset
+		onReset,
+		setFilterResetKey
 	]);
 	return /* @__PURE__ */ React.createElement(Button, {
 		className: "record-board-toolbar-reset",