@pisell/materials 1.0.1034 → 1.0.1035

package/es/components/Pagination/index.js

@@ -76,7 +76,7 @@ const MiniPagination = (props) => {
 		if (type === "next") currentPage = current + 1;
 		props.onChange && props.onChange(currentPage, pageSize || 10);
 	};
-	return /* @__PURE__ */ React.createElement("div", { className: "materials-grid-paginator materials-grid-paginator-mini" }, /* @__PURE__ */ React.createElement("div", {
+	return /* @__PURE__ */ React.createElement("div", { className: "materials-grid-paginator" }, /* @__PURE__ */ React.createElement("div", {
 		className: "pisell-lowcode-pagination-prev",
 		onClick: () => {
 			if (current <= MIN) return;

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

@@ -7,15 +7,15 @@ import "./components/PisellImageCard/index.js";
 import { BadgeConfig, TabCardProps } from "./components/TabCard/types.js";
 import "./components/TextCard/types.js";
 import { MultilevelCardProps } from "./components/MultilevelCard/types.js";
-import * as react11 from "react";
+import * as react10 from "react";
 
 //#region src/components/PisellCards/index.d.ts
 declare const PisellCards: {
-  TabCard: (props: any) => react11.JSX.Element;
-  TextCard: (props: any) => react11.JSX.Element;
-  GraphicTextCard: (props: GraphicTextCardProps) => react11.JSX.Element;
-  MultilevelCard: (props: any) => react11.JSX.Element;
-  PisellImageCard: (props: PisellImageCardProps) => react11.JSX.Element;
+  TabCard: (props: any) => react10.JSX.Element;
+  TextCard: (props: any) => react10.JSX.Element;
+  GraphicTextCard: (props: GraphicTextCardProps) => react10.JSX.Element;
+  MultilevelCard: (props: any) => react10.JSX.Element;
+  PisellImageCard: (props: PisellImageCardProps) => react10.JSX.Element;
 };
 //#endregion
 export { PisellCards };

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

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

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

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

package/es/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

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

package/es/components/dataSourceComponents/fields/Input.Email/index.d.ts

@@ -1,9 +1,9 @@
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
-import * as antd22 from "antd";
+import * as antd21 from "antd";
 import React from "react";
 
 //#region src/components/dataSourceComponents/fields/Input.Email/index.d.ts
-declare const Email: React.FC<antd22.InputProps & {
+declare const Email: React.FC<antd21.InputProps & {
   onChange: (value: string) => void;
 } & WithModeProps & WithFormItemProps>;
 //#endregion

package/es/components/dataSourceComponents/fields/Input.Password/index.d.ts

@@ -1,9 +1,9 @@
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
 import * as antd18 from "antd";
 import React from "react";
-import * as antd_es_input4 from "antd/es/input";
+import * as antd_es_input3 from "antd/es/input";
 
 //#region src/components/dataSourceComponents/fields/Input.Password/index.d.ts
-declare const Password: React.FC<antd_es_input4.PasswordProps & React.RefAttributes<antd18.InputRef> & WithModeProps & WithFormItemProps>;
+declare const Password: React.FC<antd_es_input3.PasswordProps & React.RefAttributes<antd18.InputRef> & WithModeProps & WithFormItemProps>;
 //#endregion
 export { Password };

package/es/components/dataSourceComponents/fields/Input.Subdomain/index.d.ts

@@ -1,12 +1,12 @@
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
-import * as antd21 from "antd";
+import * as antd22 from "antd";
 import React from "react";
 
 //#region src/components/dataSourceComponents/fields/Input.Subdomain/index.d.ts
-declare const Subdomain: React.FC<antd21.InputProps & {
+declare const Subdomain: React.FC<antd22.InputProps & {
   onChange: (value: string) => void;
   onBlur?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-  rootDomain: "saas" | "custom" | "xzero";
+  rootDomain: "custom" | "saas" | "xzero";
   customDomain?: string | undefined;
   value?: string | undefined;
   tenantId: string;

package/es/components/dataSourceComponents/fields/Input.TextArea/index.d.ts

@@ -1,9 +1,9 @@
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
 import React from "react";
-import * as antd_es_input3 from "antd/es/input";
+import * as antd_es_input4 from "antd/es/input";
 import * as antd_es_input_TextArea0 from "antd/es/input/TextArea";
 
 //#region src/components/dataSourceComponents/fields/Input.TextArea/index.d.ts
-declare const TextArea: React.FC<antd_es_input3.TextAreaProps & React.RefAttributes<antd_es_input_TextArea0.TextAreaRef> & WithModeProps & WithFormItemProps>;
+declare const TextArea: React.FC<antd_es_input4.TextAreaProps & React.RefAttributes<antd_es_input_TextArea0.TextAreaRef> & WithModeProps & WithFormItemProps>;
 //#endregion
 export { TextArea };

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

@@ -6,7 +6,7 @@ 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 & {
   options?: any;
-  optionSourceType?: "default" | "api" | "custom" | undefined;
+  optionSourceType?: "custom" | "default" | "api" | undefined;
   labelField: string;
   valueField: string;
   extraParams?: Record<string, any> | undefined;

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

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

package/es/components/filter/components/Dropdown/index.js

@@ -43,12 +43,16 @@ const Dropdown$1 = (props) => {
 		quickFilter: getText("table-action-filter-quick-filter-tip"),
 		otherFilter: getText("table-action-filter-other-filter-tip")
 	};
+	const getTooltipTitle = useCallback((id) => {
+		const fn = tooltipMap[id];
+		return typeof fn === "function" ? fn(quickFilterMaxLength) : fn;
+	}, [quickFilterMaxLength]);
 	const renderContainer = useCallback(({ children, ref, id }) => {
-		return /* @__PURE__ */ React.createElement("div", { className: "filter-dropdown-container-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "filter-dropdown-container-title-wrap" }, /* @__PURE__ */ React.createElement("span", { className: "filter-dropdown-container-title" }, titleMap[id]), /* @__PURE__ */ React.createElement(Tooltip, { title: tooltipMap[id](quickFilterMaxLength) }, /* @__PURE__ */ React.createElement(HelpCircle, { className: "filter-dropdown-container-icon-help" }))), /* @__PURE__ */ React.createElement("div", {
+		return /* @__PURE__ */ React.createElement("div", { className: "filter-dropdown-container-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "filter-dropdown-container-title-wrap" }, /* @__PURE__ */ React.createElement("span", { className: "filter-dropdown-container-title" }, titleMap[id]), /* @__PURE__ */ React.createElement(Tooltip, { title: getTooltipTitle(id) }, /* @__PURE__ */ React.createElement(HelpCircle, { className: "filter-dropdown-container-icon-help" }))), /* @__PURE__ */ React.createElement("div", {
 			ref,
 			className: "filter-dropdown-container-filter-wrap"
 		}, children));
-	}, [quickFilterMaxLength]);
+	}, [quickFilterMaxLength, getTooltipTitle]);
 	return /* @__PURE__ */ React.createElement("div", { className: "filter-dropdown-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "filter-dropdown-wrap-content" }, /* @__PURE__ */ React.createElement(MultipleContainersSortList_default, {
 		list,
 		rowKey: "name",

package/es/components/filter/components/FilterButton/index.js

@@ -7,7 +7,7 @@ import React, { useMemo, useRef, useState } from "react";
 import FilterLines from "@pisell/icon/es/FilterLines";
 
 //#region src/components/filter/components/FilterButton/index.tsx
-const Filter = ({ value, hiddenQuickFilter, hiddenOtherFilter, onChange, quickFilterMaxLength, formFiltersPrefix, renderItem, placement }) => {
+const Filter = ({ value, hiddenQuickFilter, hiddenOtherFilter, onChange, quickFilterMaxLength, formFiltersPrefix, renderItem, placement, size = "large", buttonClassName }) => {
 	const ref = useRef(null);
 	const [open, setOpen] = useState(false);
 	const [dateRangeOpen, setDateRangeOpen] = useState(false);
@@ -55,8 +55,9 @@ const Filter = ({ value, hiddenQuickFilter, hiddenOtherFilter, onChange, quickFi
 		},
 		placement
 	}, /* @__PURE__ */ React.createElement(Button, {
+		className: buttonClassName,
 		icon: /* @__PURE__ */ React.createElement(FilterLines, null),
-		size: "large"
+		size
 	}, isMobileBool ? null : getText("table-action-filter-button"))));
 };
 var FilterButton_default = Filter;

package/es/components/filter/components/FilterButton/types.d.ts

@@ -4,7 +4,8 @@ import { FilterItemProps } from "../../types.js";
 //#region src/components/filter/components/FilterButton/types.d.ts
 type FilterValueType = {
   quickFilter: FilterItemProps[];
-  otherFilter: FilterItemProps[];
+  otherFilter: FilterItemProps[]; /** 筛选项表单值，字段名 -> 值，与 Form 的 values 一致 */
+  values?: Record<string, any>;
 };
 type FilterListProps = {
   value?: FilterValueType;
@@ -14,7 +15,9 @@ type FilterListProps = {
   quickFilterMaxLength: number;
   formFiltersPrefix: string;
   renderItem?: (item: any, otherProps?: any) => React.ReactNode;
-  placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+  placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom'; /** 筛选按钮尺寸，与 antd Button size 一致 */
+  size?: 'small' | 'middle' | 'large'; /** 筛选触发按钮的 className，用于定制样式（如与设计系统对齐） */
+  buttonClassName?: string;
 };
 //#endregion
 export { FilterListProps };

package/es/components/filter/components/FilterItem/AsyncOptionsSelectWrapper.js

@@ -0,0 +1,67 @@
+import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectWithoutProperties.js";
+import PisellSingleSelect_default from "../../../pisellSingleSelect/PisellSingleSelect.js";
+import PisellMultipleSelect_default from "../../../pisellMultipleSelect/PisellMultipleSelect.js";
+import { Spin } from "antd";
+import React, { useEffect, useState } from "react";
+
+//#region src/components/filter/components/FilterItem/AsyncOptionsSelectWrapper.tsx
+/**
+* 筛选项中 singleSelect/multipleSelect 的异步 options 包装器。
+* 当列配置传入 getOptions（同步或异步）时，先解析再渲染 PisellSingleSelect/PisellMultipleSelect。
+*/
+const _excluded = [
+	"getOptions",
+	"fieldType",
+	"value",
+	"onChange"
+];
+function normalizeOptions(list) {
+	if (!Array.isArray(list)) return [];
+	return list.map((item) => item && typeof item === "object" && "label" in item && "value" in item ? {
+		label: String(item.label),
+		value: item.value
+	} : {
+		label: String(item),
+		value: item
+	});
+}
+const AsyncOptionsSelectWrapper = (props) => {
+	const { getOptions, fieldType, value, onChange } = props, rest = _objectWithoutProperties(props, _excluded);
+	const [options, setOptions] = useState([]);
+	const [loading, setLoading] = useState(true);
+	useEffect(() => {
+		setLoading(true);
+		const result = getOptions();
+		Promise.resolve(result).then((list) => {
+			setOptions(normalizeOptions(list));
+		}).finally(() => {
+			setLoading(false);
+		});
+	}, [getOptions]);
+	const commonProps = _objectSpread2(_objectSpread2({}, rest), {}, {
+		options,
+		mode: "edit"
+	});
+	if (loading) return /* @__PURE__ */ React.createElement(Spin, {
+		spinning: true,
+		size: "small"
+	}, /* @__PURE__ */ React.createElement("span", { style: {
+		display: "inline-block",
+		minWidth: 120,
+		minHeight: 32
+	} }));
+	if (fieldType === "multipleSelect") return /* @__PURE__ */ React.createElement(PisellMultipleSelect_default, _objectSpread2(_objectSpread2({}, commonProps), {}, {
+		value,
+		onChange
+	}));
+	return /* @__PURE__ */ React.createElement(PisellSingleSelect_default, _objectSpread2(_objectSpread2({}, commonProps), {}, {
+		value,
+		onChange
+	}));
+};
+AsyncOptionsSelectWrapper.displayName = "AsyncOptionsSelectWrapper";
+var AsyncOptionsSelectWrapper_default = AsyncOptionsSelectWrapper;
+
+//#endregion
+export { AsyncOptionsSelectWrapper_default as default };

package/es/components/filter/components/FilterItem/index.js

@@ -1,20 +1,119 @@
 import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectWithoutProperties.js";
+import { getText } from "../../../../locales/index.js";
 import { fieldMaps } from "../../../table/Table/fields/index.js";
-import { Form } from "antd";
+import PisellSingleLineText_default from "../../../pisellSingleLineText/PisellSingleLineText.js";
+import PisellLongText_default from "../../../pisellLongText/PisellLongText.js";
+import PisellEmail_default from "../../../pisellEmail/PisellEmail.js";
+import PisellPhone_default from "../../../pisellPhone/PisellPhone.js";
+import PisellUrl_default from "../../../pisellUrl/PisellUrl.js";
+import PisellNumber_default from "../../../pisellNumber/PisellNumber.js";
+import PisellCurrency_default from "../../../pisellCurrency/PisellCurrency.js";
+import PisellPercent_default from "../../../pisellPercent/PisellPercent.js";
+import PisellRating_default from "../../../pisellRating/PisellRating.js";
+import PisellSingleSelect_default from "../../../pisellSingleSelect/PisellSingleSelect.js";
+import PisellMultipleSelect_default from "../../../pisellMultipleSelect/PisellMultipleSelect.js";
+import AsyncOptionsSelectWrapper_default from "./AsyncOptionsSelectWrapper.js";
+import { DatePicker, Form } from "antd";
 import React, { useMemo } from "react";
+import dayjs from "dayjs";
 import "./index.less";
 
 //#region src/components/filter/components/FilterItem/index.tsx
+const _excluded = ["value", "onChange"], _excluded2 = ["getOptions"];
+const { RangePicker } = DatePicker;
+/** 列 type（RecordBoardFieldType）对应 Pisell 组件，用于筛选项编辑态；与 RecordBoard 列 type 一致 */
+const PISELL_FIELD_TYPE_MAP = {
+	singleLineText: PisellSingleLineText_default,
+	longText: PisellLongText_default,
+	email: PisellEmail_default,
+	phone: PisellPhone_default,
+	url: PisellUrl_default,
+	number: PisellNumber_default,
+	currency: PisellCurrency_default,
+	percent: PisellPercent_default,
+	rating: PisellRating_default,
+	singleSelect: PisellSingleSelect_default,
+	multipleSelect: PisellMultipleSelect_default
+};
+/** 筛选类型到 table field 类型的映射（table fields 无 single/input，用 select/text） */
+const FILTER_TYPE_TO_FIELD = {
+	single: "select",
+	input: "text",
+	datePicker: "date",
+	rangePicker: "rangePicker",
+	search: "search"
+};
+/** 将 form 中可能为 string[] 或 dayjs[] 的值转为 RangePicker 需要的 [Dayjs, Dayjs] | null */
+function toRangePickerValue(val) {
+	if (val == null) return null;
+	if (Array.isArray(val) && val.length >= 2) {
+		const start = val[0] ? dayjs.isDayjs(val[0]) ? val[0] : dayjs(val[0]) : null;
+		const end = val[1] ? dayjs.isDayjs(val[1]) ? val[1] : dayjs(val[1]) : null;
+		if (start && end) return [start, end];
+	}
+	return null;
+}
+/** 使用 antd RangePicker，仅做 value 归一化以兼容 form 里存的 string[] */
+const AntdRangePickerWithValue = React.forwardRef(function AntdRangePickerWithValue(_ref, ref) {
+	let { value, onChange } = _ref, rest = _objectWithoutProperties(_ref, _excluded);
+	const normalized = toRangePickerValue(value);
+	return /* @__PURE__ */ React.createElement(RangePicker, _objectSpread2(_objectSpread2({}, rest), {}, {
+		ref,
+		placeholder: [getText("table-action-range-picker-placeholder-start"), getText("table-action-range-picker-placeholder-end")],
+		value: normalized,
+		onChange: (dates) => onChange === null || onChange === void 0 ? void 0 : onChange(dates !== null && dates !== void 0 ? dates : void 0)
+	}));
+});
 const FilterItem = (props) => {
-	const { label, type, name, other, isHidden } = props;
+	var _componentProps$getOp;
+	const { label, type, name, other, isHidden, props: itemProps } = props;
+	const fieldTypeFromColumn = other === null || other === void 0 ? void 0 : other.fieldType;
+	const PisellCom = fieldTypeFromColumn ? PISELL_FIELD_TYPE_MAP[fieldTypeFromColumn] : void 0;
+	if (type === "custom") {
+		const CustomComponent = other === null || other === void 0 ? void 0 : other.component;
+		if (!CustomComponent) return null;
+		const componentProps$1 = _objectSpread2(_objectSpread2({}, itemProps || {}), other || {});
+		delete componentProps$1.component;
+		return /* @__PURE__ */ React.createElement(Form.Item, _objectSpread2({
+			label,
+			name,
+			hidden: isHidden
+		}, (other === null || other === void 0 ? void 0 : other.formItemProps) || {}), /* @__PURE__ */ React.createElement(CustomComponent, componentProps$1));
+	}
+	if (type === "rangePicker") {
+		const componentProps$1 = _objectSpread2(_objectSpread2(_objectSpread2({}, itemProps || {}), other || {}), {}, { prefixCls: "pisell-lowcode" });
+		return /* @__PURE__ */ React.createElement(Form.Item, _objectSpread2(_objectSpread2({
+			label,
+			name
+		}, (other === null || other === void 0 ? void 0 : other.formItemProps) || {}), {}, {
+			hidden: isHidden,
+			className: "pisell-lowcode-range-picker-wrap"
+		}), /* @__PURE__ */ React.createElement(AntdRangePickerWithValue, componentProps$1));
+	}
 	const Com = useMemo(() => {
-		var _fieldMaps;
-		return (_fieldMaps = fieldMaps[type]) === null || _fieldMaps === void 0 ? void 0 : _fieldMaps.edit;
-	}, [type]);
+		var _FILTER_TYPE_TO_FIELD, _fieldMaps;
+		if (PisellCom) return PisellCom;
+		return (_fieldMaps = fieldMaps[(_FILTER_TYPE_TO_FIELD = FILTER_TYPE_TO_FIELD[type]) !== null && _FILTER_TYPE_TO_FIELD !== void 0 ? _FILTER_TYPE_TO_FIELD : type]) === null || _fieldMaps === void 0 ? void 0 : _fieldMaps.edit;
+	}, [type, PisellCom]);
+	if (!Com) return null;
+	const isPisell = Boolean(PisellCom);
+	const componentProps = _objectSpread2(_objectSpread2(_objectSpread2({}, itemProps || {}), other || {}), isPisell ? { mode: "edit" } : {});
+	const getOptions = (_componentProps$getOp = componentProps.getOptions) !== null && _componentProps$getOp !== void 0 ? _componentProps$getOp : other === null || other === void 0 ? void 0 : other.getOptions;
+	if (isPisell && typeof getOptions === "function" && (fieldTypeFromColumn === "singleSelect" || fieldTypeFromColumn === "multipleSelect") && fieldTypeFromColumn) {
+		const { getOptions: _go } = componentProps, restProps = _objectWithoutProperties(componentProps, _excluded2);
+		return /* @__PURE__ */ React.createElement(Form.Item, _objectSpread2(_objectSpread2({
+			label,
+			name
+		}, (other === null || other === void 0 ? void 0 : other.formItemProps) || {}), {}, { hidden: isHidden }), /* @__PURE__ */ React.createElement(AsyncOptionsSelectWrapper_default, _objectSpread2({
+			getOptions,
+			fieldType: fieldTypeFromColumn
+		}, restProps)));
+	}
 	return /* @__PURE__ */ React.createElement(Form.Item, _objectSpread2(_objectSpread2({
 		label,
 		name
-	}, (other === null || other === void 0 ? void 0 : other.formItemProps) || {}), {}, { hidden: isHidden }), /* @__PURE__ */ React.createElement(Com, other));
+	}, (other === null || other === void 0 ? void 0 : other.formItemProps) || {}), {}, { hidden: isHidden }), /* @__PURE__ */ React.createElement(Com, componentProps));
 };
 var FilterItem_default = FilterItem;
 

package/es/components/filter/components/FilterItem/index.less

@@ -0,0 +1,90 @@
+/**
+ * FilterItem 样式
+ * RangePicker 按 Figma Pisell 2.0 Component Library (node-id=13586-90520)
+ * 使用 pisell-lowcode- 前缀（RangePicker 传入 prefixCls="pisell-lowcode"）
+ * - Border: Gray/300 #D0D5DD, 1px
+ * - Background: Base/White #FFFFFF
+ * - Text/Icon: Gray/500 #667085
+ * - Typography: Text md/Regular - Inter 16px, weight 400, line-height 24px
+ * - Shadow: Shadow/xs 0 1px 2px rgba(16, 24, 40, 0.05)
+ * - Border radius: 8px
+ */
+
+.pisell-lowcode-range-picker-wrap {
+  width: 257px;
+
+  .pisell-lowcode-range {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px;
+    letter-spacing: 0;
+    color: #667085;
+    border-radius: 8px;
+    border: 1px solid #d0d5dd;
+    background: #ffffff;
+    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
+    width: 100%;
+    height: 48px;
+    min-height: 48px;
+    padding: 6px 11px;
+
+    .pisell-lowcode-picker-input {
+      height: 36px;
+
+      > input {
+        font-family: inherit;
+        font-size: 16px;
+        font-weight: 400;
+        line-height: 24px;
+        color: #667085;
+
+        &::placeholder {
+          color: #667085;
+          opacity: 0.6;
+        }
+      }
+    }
+
+    .pisell-lowcode-picker-separator {
+      color: #667085;
+    }
+
+    .pisell-lowcode-picker-suffix,
+    .pisell-lowcode-picker-clear {
+      color: #667085;
+    }
+
+    &:hover {
+      border-color: #d0d5dd;
+    }
+
+    &.pisell-lowcode-picker-focused {
+      border-color: #d0d5dd;
+      box-shadow: 0 0 0 2px rgba(16, 24, 40, 0.05);
+    }
+
+    &.pisell-lowcode-picker-large {
+      height: 48px;
+      min-height: 48px;
+      padding: 6px 11px;
+
+      .pisell-lowcode-picker-input {
+        height: 36px;
+      }
+    }
+
+    &.pisell-lowcode-picker-small {
+      min-height: 32px;
+      padding: 2px 7px;
+
+      .pisell-lowcode-picker-input {
+        height: 24px;
+      }
+
+      .pisell-lowcode-picker-input > input {
+        font-size: 14px;
+      }
+    }
+  }
+}

package/es/components/filter/types.d.ts

@@ -15,12 +15,14 @@ type FilterType = {
 };
 /**
  * 筛选列表项配置
+ * - type 为 single/input/rangePicker 等时使用内置或映射组件
+ * - type 为 "custom" 时使用 other.component，组件接收 value/onChange（由 Form 注入）
  */
 type FilterItemProps = {
-  type: "single" | "input" | "datePicker" | "rangePicker" | "search";
+  type: "single" | "input" | "datePicker" | "rangePicker" | "search" | "custom";
   name?: string | string[];
   key: string;
-  props: object;
+  props?: object;
   label?: string;
   sort?: boolean;
   localFilter?: boolean;

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

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { InputProps, InputRef } from "antd";
-import * as react3 from "react";
+import * as react0 from "react";
 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: react3.FC<antd_es_input0.GroupProps>, OriginalTextArea: react3.ForwardRefExoticComponent<antd_es_input0.TextAreaProps & react3.RefAttributes<antd_es_input_TextArea0.TextAreaRef>>, OriginalPassword: react3.ForwardRefExoticComponent<antd_es_input0.PasswordProps & react3.RefAttributes<InputRef>>, OriginalSearch: react3.ForwardRefExoticComponent<antd_es_input0.SearchProps & react3.RefAttributes<InputRef>>;
+declare const OriginalGroup: react0.FC<antd_es_input0.GroupProps>, OriginalTextArea: react0.ForwardRefExoticComponent<antd_es_input0.TextAreaProps & react0.RefAttributes<antd_es_input_TextArea0.TextAreaRef>>, OriginalPassword: react0.ForwardRefExoticComponent<antd_es_input0.PasswordProps & react0.RefAttributes<InputRef>>, OriginalSearch: react0.ForwardRefExoticComponent<antd_es_input0.SearchProps & react0.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 react10 from "react";
+import * as react8 from "react";
 
 //#region src/components/pisell-config-provider/context.d.ts
 interface PisellContextType {
@@ -11,7 +11,7 @@ interface PisellContextType {
   /** 获取货币符号 */
   getSymbolic?: () => string;
 }
-declare const PisellContext: react10.Context<PisellContextType>;
+declare const PisellContext: react8.Context<PisellContextType>;
 /**
  * provider外获取当前全局配置
  */