@pisell/materials 1.0.1051 → 1.0.1053

package/lib/components/dataSourceComponents/fields/RecordListWrapper/index.d.ts

@@ -0,0 +1,17 @@
+import { RecordListWrapperProps } from "./type.js";
+import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
+import React from "react";
+
+//#region src/components/dataSourceComponents/fields/RecordListWrapper/index.d.ts
+declare const RecordListWrapperWithDataSource: (props: RecordListWrapperProps & 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;
+}) => React.JSX.Element;
+//#endregion
+export { RecordListWrapperWithDataSource };

package/lib/components/dataSourceComponents/fields/RecordListWrapper/index.js

@@ -0,0 +1,9 @@
+const require_utils = require('../../dataSourceForm/utils.js');
+const require_WithMode = require('./WithMode.js');
+
+//#region src/components/dataSourceComponents/fields/RecordListWrapper/index.tsx
+const RecordListWrapperWithDataSource = require_utils.withDataSource(require_utils.withOptions(require_utils.withFormItem(require_WithMode.default)));
+var RecordListWrapper_default = RecordListWrapperWithDataSource;
+
+//#endregion
+exports.default = RecordListWrapper_default;

package/lib/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/lib/components/dataSourceComponents/fields/Select/WithMode.js

@@ -1,5 +1,5 @@
-const require_index = require('../../../select/index.js');
 const require_utils = require('../../dataSourceForm/utils.js');
+const require_index = require('../../../select/index.js');
 const require_ReadPretty = require('./ReadPretty.js');
 
 //#region src/components/dataSourceComponents/fields/Select/WithMode.ts

package/lib/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: 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/lib/components/dataSourceComponents/fields/Tabs/ReadPretty.js

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

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

@@ -0,0 +1,78 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+require("./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.default.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 = (0, react.useMemo)(() => {
+		return options.map((option) => {
+			const isActive = selectedValue === option.value;
+			const isDisabled = disabled || option.disabled;
+			return /* @__PURE__ */ react.default.createElement("div", {
+				key: option.value,
+				className: (0, classnames.default)("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.default.createElement("span", { className: "pisell-form-tabs-item-label" }, option.label));
+		});
+	}, [
+		options,
+		selectedValue,
+		disabled
+	]);
+	return /* @__PURE__ */ react.default.createElement("div", {
+		className: (0, classnames.default)("pisell-form-tabs", className),
+		style,
+		role: "tablist"
+	}, tabItems);
+};
+var Tabs_default = Tabs;
+
+//#endregion
+exports.default = Tabs_default;

package/lib/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/lib/components/dataSourceComponents/fields/Tabs/WithMode.js

@@ -0,0 +1,13 @@
+const require_utils = require('../../dataSourceForm/utils.js');
+const require_Tabs = require('./Tabs.js');
+const require_ReadPretty = require('./ReadPretty.js');
+
+//#region src/components/dataSourceComponents/fields/Tabs/WithMode.tsx
+/**
+* TabsWithMode
+*/
+const TabsWithMode = require_utils.withMode(require_Tabs.default, require_ReadPretty.default);
+var WithMode_default = TabsWithMode;
+
+//#endregion
+exports.default = WithMode_default;

package/lib/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 react26 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;
+}) => react26.JSX.Element;
+//#endregion
+export { FormItemTabs };

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

@@ -0,0 +1,10 @@
+const require_utils = require('../../dataSourceForm/utils.js');
+const require_WithMode = require('./WithMode.js');
+
+//#region src/components/dataSourceComponents/fields/Tabs/index.tsx
+/** 包装 DataSource 层（提供数据源上下文） */
+const FormItemTabs = require_utils.withDataSource(require_utils.withOptions(require_utils.withFormItem(require_WithMode.default)));
+var Tabs_default = FormItemTabs;
+
+//#endregion
+exports.default = Tabs_default;

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

@@ -0,0 +1,35 @@
+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/lib/components/dataSourceComponents/fields/index.js

@@ -1,39 +1,43 @@
-const require_index = require('./Input/index.js');
-const require_index$1 = require('./Checkbox/index.js');
-const require_index$2 = require('./ColorPicker/index.js');
-const require_index$3 = require('./DatePicker/index.js');
-const require_index$4 = require('./Radio/index.js');
-const require_index$5 = require('./Select/index.js');
-const require_index$6 = require('./InputNumber/index.js');
-const require_index$7 = require('./TimePicker/index.js');
-const require_index$8 = require('./DateRangePicker/index.js');
-const require_index$9 = require('./Upload/index.js');
-const require_index$10 = require('./Translation/index.js');
-const require_index$11 = require('./IconSelect/index.js');
+const require_index = require('./RecordListWrapper/index.js');
+const require_index$1 = require('./Tabs/index.js');
+const require_index$2 = require('./Input/index.js');
+const require_index$3 = require('./Checkbox/index.js');
+const require_index$4 = require('./ColorPicker/index.js');
+const require_index$5 = require('./DatePicker/index.js');
+const require_index$6 = require('./Radio/index.js');
+const require_index$7 = require('./Select/index.js');
+const require_index$8 = require('./InputNumber/index.js');
+const require_index$9 = require('./TimePicker/index.js');
+const require_index$10 = require('./DateRangePicker/index.js');
+const require_index$11 = require('./Upload/index.js');
+const require_index$12 = require('./Translation/index.js');
+const require_index$13 = require('./IconSelect/index.js');
 
 //#region src/components/dataSourceComponents/fields/index.ts
 const formFieldMap = {
-	FormItemCheckbox: require_index$1.default,
-	FormItemColorPicker: require_index$2.default,
-	FormItemDatePicker: require_index$3.default,
-	FormItemInput: require_index.default,
-	FormItemRadio: require_index$4.default,
-	FormItemSelect: require_index$5.default,
-	FormItemInputNumber: require_index$6.default,
-	FormItemPercent: require_index$6.default,
-	FormItemTimePicker: require_index$7.default,
-	"FormItemInput.JSON": require_index.default.JSON,
-	"FormItemInput.Phone": require_index.default.Phone,
-	"FormItemInput.Mobile": require_index.default.Mobile,
-	"FormItemInput.Email": require_index.default.Email,
-	"FormItemInput.URL": require_index.default.URL,
-	"FormItemInput.Password": require_index.default.Password,
-	"FormItemRadio.Group": require_index$4.default.Group,
-	"FormItemCheckbox.Group": require_index$1.default.Group,
-	FormItemDateRangePicker: require_index$8.default,
-	FormItemUpload: require_index$9.default,
-	FormItemTranslation: require_index$10.default,
-	FormItemIconSelect: require_index$11.default
+	FormItemCheckbox: require_index$3.default,
+	FormItemColorPicker: require_index$4.default,
+	FormItemDatePicker: require_index$5.default,
+	FormItemInput: require_index$2.default,
+	FormItemRadio: require_index$6.default,
+	FormItemSelect: require_index$7.default,
+	FormItemInputNumber: require_index$8.default,
+	FormItemPercent: require_index$8.default,
+	FormItemTimePicker: require_index$9.default,
+	"FormItemInput.JSON": require_index$2.default.JSON,
+	"FormItemInput.Phone": require_index$2.default.Phone,
+	"FormItemInput.Mobile": require_index$2.default.Mobile,
+	"FormItemInput.Email": require_index$2.default.Email,
+	"FormItemInput.URL": require_index$2.default.URL,
+	"FormItemInput.Password": require_index$2.default.Password,
+	"FormItemRadio.Group": require_index$6.default.Group,
+	"FormItemCheckbox.Group": require_index$3.default.Group,
+	FormItemDateRangePicker: require_index$10.default,
+	FormItemUpload: require_index$11.default,
+	FormItemTranslation: require_index$12.default,
+	FormItemIconSelect: require_index$13.default,
+	FormItemRecordListWrapper: require_index.default,
+	FormItemTabs: require_index$1.default
 };
 const getFieldComponent = (fieldComponent) => {
 	return formFieldMap[fieldComponent];

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

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

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

@@ -3,12 +3,12 @@ const require_index = require('../../../locales/index.js');
 const require_objectSpread2 = require('../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js');
 const require_useEngineContext = require('../../../hooks/useEngineContext.js');
 const require_asyncToGenerator = require('../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/asyncToGenerator.js');
-const require_useDataSource = require('./useDataSource.js');
 const require_index$1 = require('../../pisellToast/index.js');
 const require_useFormat = require('../dataSourceTable/hooks/useFormat.js');
 const require_serve = require('../dataSourceForm/serve.js');
 const require_useVariables = require('./useVariables.js');
 const require_useParseActionsVariable = require('./useParseActionsVariable.js');
+const require_useDataSource = require('./useDataSource.js');
 let react = require("react");
 let ahooks = require("ahooks");
 

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

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
 const require_objectSpread2 = require('../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js');
 const require_DataSourceContext = require('./DataSourceContext.js');
-const require_useDataSource = require('../../hooks/useDataSource.js');
 const require_useVariables = require('../../hooks/useVariables.js');
+const require_useDataSource = require('../../hooks/useDataSource.js');
 const require_useActions = require('../../hooks/useActions.js');
 const require_useSetRequest = require('../../../../hooks/useSetRequest.js');
 let react = require("react");

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

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

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

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import * as react31 from "react";
+import * as react28 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: react31.FC<antd_es_input0.GroupProps>, OriginalTextArea: react31.ForwardRefExoticComponent<antd_es_input0.TextAreaProps & react31.RefAttributes<antd_es_input_TextArea0.TextAreaRef>>, OriginalPassword: react31.ForwardRefExoticComponent<antd_es_input0.PasswordProps & react31.RefAttributes<InputRef>>, OriginalSearch: react31.ForwardRefExoticComponent<antd_es_input0.SearchProps & react31.RefAttributes<InputRef>>;
+declare const OriginalGroup: react28.FC<antd_es_input0.GroupProps>, OriginalTextArea: react28.ForwardRefExoticComponent<antd_es_input0.TextAreaProps & react28.RefAttributes<antd_es_input_TextArea0.TextAreaRef>>, OriginalPassword: react28.ForwardRefExoticComponent<antd_es_input0.PasswordProps & react28.RefAttributes<InputRef>>, OriginalSearch: react28.ForwardRefExoticComponent<antd_es_input0.SearchProps & react28.RefAttributes<InputRef>>;
 type CompoundedComponent = React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> & {
   Group: typeof OriginalGroup;
   Search: typeof OriginalSearch;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import * as react46 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: react46.Context<PisellContextType>;
+declare const PisellContext: react47.Context<PisellContextType>;
 /**
  * provider外获取当前全局配置
  */

package/lib/components/pisellDataSourceContainer/components/Pagination/index.d.ts

@@ -1,9 +1,9 @@
 import { DataSourceContainerContextType } from "../../type.js";
 import React from "react";
-import * as antd19 from "antd";
+import * as antd18 from "antd";
 
 //#region src/components/pisellDataSourceContainer/components/Pagination/index.d.ts
-declare const _default: React.ForwardRefExoticComponent<Omit<Partial<antd19.PaginationProps> & DataSourceContainerContextType & React.RefAttributes<unknown> & {
+declare const _default: React.ForwardRefExoticComponent<Omit<Partial<antd18.PaginationProps> & DataSourceContainerContextType & React.RefAttributes<unknown> & {
   refId?: string | undefined;
 }, "ref"> & React.RefAttributes<any>>;
 //#endregion

package/lib/components/pisellDataSourceContainer/components/Table/index.d.ts

@@ -1,9 +1,9 @@
 import { DataSourceContainerContextType } from "../../type.js";
 import React from "react";
-import * as antd18 from "antd";
+import * as antd24 from "antd";
 
 //#region src/components/pisellDataSourceContainer/components/Table/index.d.ts
-declare const _default: React.ForwardRefExoticComponent<Omit<Partial<antd18.TableProps<any>> & DataSourceContainerContextType & {
+declare const _default: React.ForwardRefExoticComponent<Omit<Partial<antd24.TableProps<any>> & DataSourceContainerContextType & {
   scopeId?: string | undefined;
   __id?: string | undefined;
 } & React.RefAttributes<unknown> & {

package/lib/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/lib/components/pisellDatePicker/index.d.ts

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

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

@@ -2,8 +2,8 @@ const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.
 const require_index = require('../../../../locales/index.js');
 const require_objectSpread2 = require('../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js');
 const require_index$1 = require('../../../icon/index.js');
-const require_index$2 = require('../../../input/index.js');
 const require_asyncToGenerator = require('../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/asyncToGenerator.js');
+const require_index$2 = require('../../../input/index.js');
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 let _pisell_utils = require("@pisell/utils");

package/lib/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 {