@pisell/materials 1.8.41 → 1.8.43

package/lib/components/pisellHierarchicalSummaryList/docs/pisellHierarchicalSummaryList.$tab-test.md

@@ -6,8 +6,7 @@ category: atom
 
 ## 1. 测试目标
 
-覆盖 `PisellHierarchicalSummaryList` 的渲染、展开/收起交互（含手风琴）、层级限制、受控/非受控、聚合能力与样式规则（value
-右对齐、label 可换行、value 不换行）。
+覆盖 `PisellHierarchicalSummaryList` 的渲染、展开/收起交互（含手风琴）、层级限制、受控/非受控、聚合能力与样式规则（value 右对齐、label 可换行、value 不换行）。
 
 ## 2. 测试环境
 
@@ -59,6 +58,6 @@ category: atom
 ## 4. Bug 汇总
 
 | 编号 | 描述 | 复现路径 | 严重程度 | 状态 | 备注 |
-|----|----|------|------|----|----|
-| -  | -  | -    | -    | -  | -  |
+|---|---|---|---|---|---|
+| - | - | - | - | - | - |
 

package/lib/components/pisellHierarchicalSummaryList/docs/pisellHierarchicalSummaryList.md

@@ -12,8 +12,7 @@ category: atom
 
 ## 1. 组件简介
 
-**PisellHierarchicalSummaryList** 是一个「层级汇总列表」结构组件，用于统一「父级汇总 +
-子级明细」的展示形态。每一行由「左侧标题区域」和「右侧数值区域」构成，支持多层级无限嵌套、展开/收起交互、父级聚合展示以及按层级精细化样式控制。
+**PisellHierarchicalSummaryList** 是一个「层级汇总列表」结构组件，用于统一「父级汇总 + 子级明细」的展示形态。每一行由「左侧标题区域」和「右侧数值区域」构成，支持多层级无限嵌套、展开/收起交互、父级聚合展示以及按层级精细化样式控制。
 
 **典型场景：**
 

package/lib/components/pisellLongText/PisellLongText.js

@@ -1,12 +1,10 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
-const require_pisell_components = require("../../theme/pisell-components.js");
 const require_ReadOnlyView = require("./components/ReadOnlyView.js");
 const require_EditView = require("./components/EditView.js");
 const require_DisabledView = require("./components/DisabledView.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let _pisell_utils = require("@pisell/utils");
-let antd = require("antd");
 require("./PisellLongText.less");
 //#region src/components/pisellLongText/PisellLongText.tsx
 /**
@@ -44,17 +42,12 @@ require("./PisellLongText.less");
 */
 const PisellLongText = (props) => {
 	const { mode = "edit", disabled = false } = props;
-	const displayState = (0, _pisell_utils.getDisplayState)(mode, disabled);
-	const render = () => {
-		switch (displayState) {
-			case "read": return /* @__PURE__ */ react.default.createElement(require_ReadOnlyView.default, props);
-			case "edit": return /* @__PURE__ */ react.default.createElement(require_EditView.default, props);
-			case "disabled": return /* @__PURE__ */ react.default.createElement(require_DisabledView.default, props);
-			default: return null;
-		}
-	};
-	const theme = require_pisell_components.getPisellComponentsThemeConfig();
-	return /* @__PURE__ */ react.default.createElement(antd.ConfigProvider, { theme }, render());
+	switch ((0, _pisell_utils.getDisplayState)(mode, disabled)) {
+		case "read": return /* @__PURE__ */ react.default.createElement(require_ReadOnlyView.default, props);
+		case "edit": return /* @__PURE__ */ react.default.createElement(require_EditView.default, props);
+		case "disabled": return /* @__PURE__ */ react.default.createElement(require_DisabledView.default, props);
+		default: return null;
+	}
 };
 var PisellLongText_default = react.default.memo(PisellLongText, (prevProps, nextProps) => {
 	return prevProps.value === nextProps.value && prevProps.mode === nextProps.mode && prevProps.disabled === nextProps.disabled;

package/lib/components/pisellLongText/PisellLongText.less

@@ -7,6 +7,73 @@
   &-edit {
     position: relative;
     width: 100%;
+
+    // TextArea 样式（Figma 设计规范，覆盖时使用 pisell-lowcode-xxx）
+    .pisell-lowcode-input {
+      // 基础样式
+      font-size: 16px !important;
+      line-height: 24px !important;
+
+      // 边框和圆角
+      border-radius: 8px !important;
+      border: 1px solid #d0d5dd !important; // Gray/300
+
+      // 内边距（Figma: 垂直 12px，水平 14px）
+      padding: 12px 14px !important;
+      min-height: 80px !important; // 多行最小高度，由 rows 进一步控制
+
+      // 颜色
+      color: #101828 !important; // Gray/900
+      background-color: #ffffff !important;
+
+      &::placeholder {
+        color: #667085 !important; // Gray/500
+      }
+
+      // 聚焦态
+      &:focus,
+      &:focus-within {
+        border-color: #d6bbfb !important; // Primary/300
+        box-shadow: 0 0 0 4px #f4ebff !important; // Primary/100
+        outline: none !important;
+      }
+
+      // Hover 态
+      &:hover:not(:focus):not(:focus-within):not([disabled]) {
+        border-color: #b692f6 !important; // Primary/400
+      }
+
+      // 禁用态
+      &[disabled],
+      &.pisell-lowcode-input-disabled {
+        background-color: #f9fafb !important; // Gray/50
+        color: #98a2b3 !important; // Gray/400
+        border-color: #d0d5dd !important;
+        cursor: not-allowed !important;
+      }
+    }
+
+    // 字数统计样式（TextArea showCount）
+    .pisell-lowcode-input-data-count,
+    .pisell-lowcode-input-show-count-suffix {
+      color: #667085 !important; // Gray/500
+      font-size: 14px !important;
+    }
+
+    // 错误状态
+    .pisell-lowcode-input-status-error {
+      border-color: #fda29b !important; // Error/300
+
+      &:focus,
+      &:focus-within {
+        border-color: #f97066 !important; // Error/400
+        box-shadow: 0 0 0 4px #fee4e2 !important; // Error/100
+      }
+
+      &:hover:not(:focus):not(:focus-within) {
+        border-color: #f97066 !important; // Error/400
+      }
+    }
   }
 
   &-error {

package/lib/components/pisellLookup/PisellLookup.js

@@ -420,7 +420,7 @@ const PisellLookupComponent = (0, react.forwardRef)((props, ref) => {
 		type: "input",
 		disabled,
 		placeholder,
-		size: "large",
+		size,
 		showPrefixIcon,
 		prefixIcon,
 		showClear,

package/lib/components/pisellLookup/PisellLookup.less

@@ -24,7 +24,7 @@
     display: flex;
     align-items: stretch;
     gap: 24px;
-    margin-bottom: 8px;
+    margin-bottom: 0;
 
     .pisell-lookup-trigger-input {
       flex: 1;
@@ -33,6 +33,38 @@
     .pisell-lookup-modal-close-btn {
       flex-shrink: 0;
     }
+
+    /**
+     * Modal 内输入为 small 时：与工具栏 compact-narrow 传入的 size 一致，收紧关闭按钮与间距，
+     * 避免仍按 large 视觉比例显得「整块过大」。
+     */
+    &:has(.ant-input-affix-wrapper-sm),
+    &:has(.pisell-lowcode-input-affix-wrapper-sm) {
+      align-items: center;
+      gap: 10px;
+
+      .pisell-lookup-modal-close-btn.pisell-lowcode-btn,
+      .pisell-lookup-modal-close-btn.ant-btn {
+        width: auto;
+        min-width: 0;
+        height: 36px;
+        padding: 0 6px;
+        gap: 4px;
+        font-size: 13px;
+        font-weight: 600;
+        line-height: 1.2;
+
+        .anticon {
+          font-size: 15px;
+          margin-inline-end: 0 !important;
+        }
+
+        span {
+          font-size: 13px;
+          line-height: 1.2;
+        }
+      }
+    }
   }
 
   // ============ 结果区样式 ============
@@ -501,11 +533,16 @@
     }
 
     &-wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      box-sizing: border-box;
       background: #ffffff99;
       backdrop-filter: blur(8px);
       border: 1px solid #ffffff;
       border-radius: 8px;
-      padding: 8px;
+      padding-block: 8px;
+      padding-inline: 8px;
     }
 
     &-close-btn {
@@ -581,6 +618,11 @@
 // ============ Modal 全局样式覆盖 ============
 
 .pisell-lookup-modal-container {
+  // 与 LookupResultHost `style.top: 0` 一致，避免 antd 默认偏移叠在 wrapper padding 上
+  &.pisell-lowcode-modal {
+    top: 0 !important;
+    padding-bottom: 0;
+  }
 
   // 当没有遮罩层时，允许点击穿透到背后内容
   &.pisell-lookup-modal-no-mask {
@@ -612,7 +654,7 @@
 
 .pisell-lookup-modal-custom-container {
   position: absolute !important;
-  top: 0 !important;
+  top: var(env(safe-area-inset-top), 0) !important;
   left: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
@@ -622,7 +664,7 @@
   .pisell-lowcode-modal {
     margin: 0 !important;
     max-width: none !important;
-    top: 8px !important;
+    top: 0 !important;
     left: 0 !important;
     right: 0 !important;
     padding: 0 !important;

package/lib/components/pisellLookup/components/LookupResultHost.js

@@ -62,7 +62,7 @@ const LookupResultHost = (props) => {
 			onCancel: onClose,
 			footer: null,
 			width: modalWidth,
-			style: require_objectSpread2._objectSpread2({ top: 8 }, modalStyle),
+			style: require_objectSpread2._objectSpread2({ top: 0 }, modalStyle),
 			getContainer,
 			mask,
 			maskClosable: effectiveMaskClosable,

package/lib/components/pisellLookup/components/LookupTrigger.js

@@ -59,9 +59,8 @@ const LookupTriggerComponent = (0, react.forwardRef)((props, ref) => {
 	*/
 	const getAppScanBarcodePlugin = () => {
 		if (getApp) {
-			var _app$getPlugin;
 			const app = getApp();
-			const scanBarcode = app === null || app === void 0 || (_app$getPlugin = app.getPlugin("scan")) === null || _app$getPlugin === void 0 ? void 0 : _app$getPlugin.scanBarcode;
+			const scanBarcode = app === null || app === void 0 ? void 0 : app.getPlugin("webScan");
 			if (scanBarcode) return scanBarcode;
 		}
 		return null;
@@ -75,12 +74,11 @@ const LookupTriggerComponent = (0, react.forwardRef)((props, ref) => {
 	const appScan = () => {
 		const app = getApp();
 		try {
-			getAppScanBarcodePlugin()({ hint: 17 }).then((res) => onScan === null || onScan === void 0 ? void 0 : onScan(res === null || res === void 0 ? void 0 : res.ScanResult)).catch((err) => {
-				app.logger.addLog({
-					type: "info",
-					title: "扫码失败",
-					metadata: { err }
-				});
+			getAppScanBarcodePlugin().scan({
+				type: "capacitor",
+				params: { hint: 17 }
+			}).then((res) => {
+				onScan === null || onScan === void 0 || onScan(res);
 			});
 		} catch (err) {
 			app.logger.addLog({

package/lib/components/pisellLookup/docs/pisellLookup.md

@@ -3,7 +3,7 @@ nav:
   title: 组件
   order: 1
 group:
-  title: Data Entry
+  title: Form Fields
   order: 1
 title: PisellLookup
 order: 1

package/lib/components/pisellMobileDateRangePicker/PisellMobileDateRangePicker.d.ts

@@ -0,0 +1,9 @@
+import { PisellMobileDateRangePickerProps } from "./types.js";
+import React from "react";
+//#region src/components/pisellMobileDateRangePicker/PisellMobileDateRangePicker.d.ts
+/**
+ * antd-mobile CalendarPicker（range）薄封装：受控 value/onChange 与 RecordBoard 快筛 dayjs[] 对齐。
+ */
+declare const PisellMobileDateRangePicker: React.FC<PisellMobileDateRangePickerProps>;
+//#endregion
+export { PisellMobileDateRangePicker };

package/lib/components/pisellMobileDateRangePicker/PisellMobileDateRangePicker.js

@@ -0,0 +1,160 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_locale = require("../../utils/locale.js");
+const require_index = require("../../locales/index.js");
+const require_objectSpread2 = require("../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
+const require_types = require("./types.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let dayjs = require("dayjs");
+dayjs = require_runtime.__toESM(dayjs);
+let antd_mobile = require("antd-mobile");
+let _pisell_icon_es_Calendar = require("@pisell/icon/es/Calendar");
+_pisell_icon_es_Calendar = require_runtime.__toESM(_pisell_icon_es_Calendar);
+let antd_mobile_es_locales_zh_CN = require("antd-mobile/es/locales/zh-CN");
+antd_mobile_es_locales_zh_CN = require_runtime.__toESM(antd_mobile_es_locales_zh_CN);
+let antd_mobile_es_locales_zh_TW = require("antd-mobile/es/locales/zh-TW");
+antd_mobile_es_locales_zh_TW = require_runtime.__toESM(antd_mobile_es_locales_zh_TW);
+let antd_mobile_es_locales_zh_HK = require("antd-mobile/es/locales/zh-HK");
+antd_mobile_es_locales_zh_HK = require_runtime.__toESM(antd_mobile_es_locales_zh_HK);
+let antd_mobile_es_locales_en_US = require("antd-mobile/es/locales/en-US");
+antd_mobile_es_locales_en_US = require_runtime.__toESM(antd_mobile_es_locales_en_US);
+let antd_mobile_es_locales_ja_JP = require("antd-mobile/es/locales/ja-JP");
+antd_mobile_es_locales_ja_JP = require_runtime.__toESM(antd_mobile_es_locales_ja_JP);
+let antd_mobile_es_locales_pt_BR = require("antd-mobile/es/locales/pt-BR");
+antd_mobile_es_locales_pt_BR = require_runtime.__toESM(antd_mobile_es_locales_pt_BR);
+require("antd-mobile/es/global/global.css");
+require("./PisellMobileDateRangePicker.less");
+//#region src/components/pisellMobileDateRangePicker/PisellMobileDateRangePicker.tsx
+/**
+* 项目语言 → antd-mobile 内置 locale 包映射。
+* 对齐 packages/materials/src/locales/index.ts 的 langMap。
+* 未匹配时回落 en-US。
+*/
+const ANTD_MOBILE_LOCALE_MAP = {
+	"zh-CN": antd_mobile_es_locales_zh_CN.default,
+	"zh-TW": antd_mobile_es_locales_zh_TW.default,
+	"zh-HK": antd_mobile_es_locales_zh_HK.default,
+	"en-US": antd_mobile_es_locales_en_US.default,
+	en: antd_mobile_es_locales_en_US.default,
+	original: antd_mobile_es_locales_en_US.default,
+	ja: antd_mobile_es_locales_ja_JP.default,
+	pt: antd_mobile_es_locales_pt_BR.default
+};
+/** 高于 antd Popover 默认 1030，避免嵌套在齿轮/Filter 弹层下被遮挡 */
+const FILTER_POPUP_Z_INDEX = 1100;
+/**
+* 默认日期范围：当前月起往前 1 年。
+* - antd-mobile `CalendarPickerView` 默认窗口仅「打开月 +6 个月」，业务上预约/筛选场景
+*   常需要至少能往前查 1 年。
+* - 该组件 `renderBody` 是「一次性把 min..max 之间所有月份都渲染」，无虚拟滚动；
+*   ±1 年（约 13 个月）DOM 量在 ≈400 cells，开销可接受。
+* - 业务方仍可用 `min` / `max` props 显式覆盖。
+*/
+function getDefaultMin() {
+	return (0, dayjs.default)().subtract(1, "year").startOf("month").toDate();
+}
+function getDefaultMax() {
+	return (0, dayjs.default)().endOf("month").toDate();
+}
+/** 与 FilterItem `toRangePickerValue` 一致：兼容 form 中的 dayjs[] / string[] / Date[] */
+function toDayjsRange(val) {
+	if (val == null) return null;
+	if (!Array.isArray(val) || val.length < 2) return null;
+	const start = val[0] ? dayjs.default.isDayjs(val[0]) ? val[0] : (0, dayjs.default)(val[0]) : null;
+	const end = val[1] ? dayjs.default.isDayjs(val[1]) ? val[1] : (0, dayjs.default)(val[1]) : null;
+	if (!(start === null || start === void 0 ? void 0 : start.isValid()) || !(end === null || end === void 0 ? void 0 : end.isValid())) return null;
+	return [start, end];
+}
+function toDateRange(val) {
+	const normalized = toDayjsRange(val);
+	if (!normalized) return null;
+	return [normalized[0].toDate(), normalized[1].toDate()];
+}
+function formatRangeLabel(range, format, placeholder) {
+	if (!range) return placeholder;
+	return `${range[0].format(format)} - ${range[1].format(format)}`;
+}
+function resolveFilterGetContainer() {
+	if (typeof document === "undefined") return null;
+	return document.body;
+}
+/**
+* antd-mobile CalendarPicker（range）薄封装：受控 value/onChange 与 RecordBoard 快筛 dayjs[] 对齐。
+*/
+const PisellMobileDateRangePicker = ({ value, onChange, format = "DD/MM/YYYY", placeholder, className, style, title, confirmText, allowClear = true, min, max, variant = "toolbar", getContainer, popupClassName, popupStyle, onOpen, onClose }) => {
+	var _ANTD_MOBILE_LOCALE_M, _popupStyle$zIndex;
+	const [visible, setVisible] = (0, react.useState)(false);
+	const dayjsRange = (0, react.useMemo)(() => toDayjsRange(value), [value]);
+	const pickerValue = (0, react.useMemo)(() => toDateRange(value), [value]);
+	/**
+	* 弹层「内部受控」缓冲：
+	* - antd-mobile `CalendarPickerView` 内部 `usePropsValue` 每次渲染都执行
+	*   `if (value !== undefined) stateRef.current = value`，因此一旦透传非空 `value`，
+	*   单格点选触发的 `setDateRange + onChange` 不写回外层 form 时，下一次重渲染会立刻把
+	*   内部累计选择覆盖回 prop 原值，表现为「点格子完全无反应」。
+	* - 解决：始终把 `value` 接到本地 `innerValue`，并把 `onChange` 写回 `innerValue`，
+	*   形成真正的「弹层内部受控」。打开弹层时再用外部 form 值同步一次初值。
+	*   `onConfirm` 时把 `innerValue` 写回外部 form。
+	*/
+	const [innerValue, setInnerValue] = (0, react.useState)(pickerValue);
+	(0, react.useEffect)(() => {
+		if (visible) setInnerValue(pickerValue);
+	}, [visible]);
+	const resolvedPlaceholder = placeholder !== null && placeholder !== void 0 ? placeholder : require_index.getText("pisell-mobile-date-range-picker-placeholder");
+	const resolvedTitle = title !== null && title !== void 0 ? title : require_index.getText("pisell-mobile-date-range-picker-title");
+	const resolvedConfirmText = confirmText !== null && confirmText !== void 0 ? confirmText : require_index.getText("pisell-mobile-date-range-picker-confirm");
+	const antMobileLocale = (_ANTD_MOBILE_LOCALE_M = ANTD_MOBILE_LOCALE_MAP[require_locale.getCurrentLocale()]) !== null && _ANTD_MOBILE_LOCALE_M !== void 0 ? _ANTD_MOBILE_LOCALE_M : antd_mobile_es_locales_en_US.default;
+	const isFilterVariant = variant === "filter";
+	const openPicker = (0, react.useCallback)(() => {
+		setVisible(true);
+		onOpen === null || onOpen === void 0 || onOpen();
+	}, [onOpen]);
+	const closePicker = (0, react.useCallback)(() => {
+		setVisible(false);
+		onClose === null || onClose === void 0 || onClose();
+	}, [onClose]);
+	const handleConfirm = (0, react.useCallback)((next) => {
+		if (!next) {
+			onChange === null || onChange === void 0 || onChange(void 0);
+			closePicker();
+			return;
+		}
+		onChange === null || onChange === void 0 || onChange([(0, dayjs.default)(next[0]).startOf("day"), (0, dayjs.default)(next[1]).startOf("day")]);
+		closePicker();
+	}, [onChange, closePicker]);
+	const resolvedGetContainer = getContainer !== null && getContainer !== void 0 ? getContainer : isFilterVariant ? resolveFilterGetContainer : void 0;
+	const resolvedPopupClassName = (0, classnames.default)(isFilterVariant ? require_types.PISELL_MOBILE_DATE_RANGE_PICKER_FILTER_POPUP_CLASS : null, popupClassName);
+	const resolvedPopupStyle = isFilterVariant ? require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, popupStyle), {}, { zIndex: (_popupStyle$zIndex = popupStyle === null || popupStyle === void 0 ? void 0 : popupStyle.zIndex) !== null && _popupStyle$zIndex !== void 0 ? _popupStyle$zIndex : FILTER_POPUP_Z_INDEX }) : popupStyle;
+	return /* @__PURE__ */ react.default.createElement("div", {
+		className: (0, classnames.default)("pisell-mobile-date-range-picker", { "pisell-mobile-date-range-picker--filter": isFilterVariant }, className),
+		style
+	}, /* @__PURE__ */ react.default.createElement("button", {
+		type: "button",
+		className: (0, classnames.default)("pisell-mobile-date-range-picker__trigger", { "pisell-mobile-date-range-picker__trigger--placeholder": !dayjsRange }),
+		onClick: openPicker
+	}, /* @__PURE__ */ react.default.createElement("span", { className: "pisell-mobile-date-range-picker__trigger-text" }, formatRangeLabel(dayjsRange, format, resolvedPlaceholder)), isFilterVariant ? /* @__PURE__ */ react.default.createElement(_pisell_icon_es_Calendar.default, {
+		className: "pisell-mobile-date-range-picker__trigger-icon",
+		"aria-hidden": true
+	}) : null), /* @__PURE__ */ react.default.createElement(antd_mobile.ConfigProvider, { locale: antMobileLocale }, /* @__PURE__ */ react.default.createElement(antd_mobile.CalendarPicker, {
+		visible,
+		selectionMode: "range",
+		value: innerValue !== null && innerValue !== void 0 ? innerValue : void 0,
+		onChange: (v) => setInnerValue(v),
+		onClose: closePicker,
+		onMaskClick: closePicker,
+		closeOnMaskClick: true,
+		onConfirm: handleConfirm,
+		title: resolvedTitle,
+		confirmText: resolvedConfirmText,
+		allowClear,
+		min: min !== null && min !== void 0 ? min : getDefaultMin(),
+		max: max !== null && max !== void 0 ? max : getDefaultMax(),
+		getContainer: resolvedGetContainer,
+		popupClassName: resolvedPopupClassName || void 0,
+		popupStyle: resolvedPopupStyle
+	})));
+};
+//#endregion
+exports.PisellMobileDateRangePicker = PisellMobileDateRangePicker;

package/lib/components/pisellMobileDateRangePicker/PisellMobileDateRangePicker.less

@@ -0,0 +1,73 @@
+.pisell-mobile-date-range-picker {
+  width: 100%;
+  min-width: 0;
+
+  &__trigger {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    box-sizing: border-box;
+    width: 100%;
+    height: 32px;
+    min-height: 32px;
+    margin: 0;
+    padding: 0 8px;
+    border: 1px solid #d0d5dd;
+    border-radius: 10px;
+    background: #fff;
+    box-shadow: none;
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 1.2;
+    color: #344054;
+    text-align: left;
+    cursor: pointer;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  &__trigger-text {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &__trigger-icon {
+    flex-shrink: 0;
+    font-size: 16px;
+    color: #667085;
+  }
+
+  &__trigger--placeholder {
+    color: #667085;
+    font-weight: 400;
+  }
+
+  /** Filter 弹层：与 PisellSingleSelect 触发器对齐（48px / 8px 圆角） */
+
+  &--filter {
+    .pisell-mobile-date-range-picker__trigger {
+      height: 48px;
+      min-height: 48px;
+      padding: 12px 16px;
+      border-radius: 8px;
+      font-size: 16px;
+      font-weight: 400;
+      line-height: 24px;
+      color: #101828;
+      box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
+    }
+
+    .pisell-mobile-date-range-picker__trigger--placeholder {
+      color: #667085;
+    }
+  }
+}
+
+/** 挂到 body 时抬高 antd-mobile Popup 层级 */
+.pisell-mobile-date-range-picker__popup {
+  --adm-popup-z-index: 1100;
+}

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

@@ -0,0 +1,2 @@
+import { PisellMobileDateRangePickerProps } from "./types.js";
+import { PisellMobileDateRangePicker } from "./PisellMobileDateRangePicker.js";

package/lib/components/pisellMobileDateRangePicker/types.d.ts

@@ -0,0 +1,31 @@
+import { CSSProperties, ReactNode } from "react";
+import { Dayjs } from "dayjs";
+import { CalendarPickerProps } from "antd-mobile";
+
+//#region src/components/pisellMobileDateRangePicker/types.d.ts
+/** toolbar：顶栏快筛 32px；filter：Filter 弹层内与 Select 对齐的 48px 触发器 */
+type PisellMobileDateRangePickerVariant = 'toolbar' | 'filter';
+interface PisellMobileDateRangePickerProps {
+  value?: unknown;
+  onChange?: (value: [Dayjs, Dayjs] | undefined) => void;
+  /** 展示格式，默认 DD/MM/YYYY */
+  format?: string;
+  placeholder?: string;
+  className?: string;
+  style?: CSSProperties;
+  title?: ReactNode;
+  confirmText?: string;
+  allowClear?: boolean;
+  min?: Date;
+  max?: Date;
+  /** 默认 toolbar；filter 用于手机 Filter 弹层 */
+  variant?: PisellMobileDateRangePickerVariant;
+  getContainer?: CalendarPickerProps['getContainer'];
+  popupClassName?: CalendarPickerProps['popupClassName'];
+  popupStyle?: CalendarPickerProps['popupStyle'];
+  /** Filter 弹层：日历打开时通知外层保持 Popover 不收起 */
+  onOpen?: () => void;
+  onClose?: () => void;
+}
+//#endregion
+export { PisellMobileDateRangePickerProps };

package/lib/components/pisellMobileDateRangePicker/types.js

@@ -0,0 +1,4 @@
+//#region src/components/pisellMobileDateRangePicker/types.ts
+const PISELL_MOBILE_DATE_RANGE_PICKER_FILTER_POPUP_CLASS = "pisell-mobile-date-range-picker__popup";
+//#endregion
+exports.PISELL_MOBILE_DATE_RANGE_PICKER_FILTER_POPUP_CLASS = PISELL_MOBILE_DATE_RANGE_PICKER_FILTER_POPUP_CLASS;

package/lib/components/pisellMultipleSelect/PisellMultipleSelect.js

@@ -1,6 +1,5 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_objectSpread2 = require("../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
-const require_pisell_components = require("../../theme/pisell-components.js");
 const require_EditView = require("./components/EditView.js");
 const require_DisabledView = require("./components/DisabledView.js");
 const require_ReadOnlyView = require("./components/ReadOnlyView.js");
@@ -52,15 +51,14 @@ const PisellMultipleSelect = (0, react.forwardRef)((props, ref) => {
 		addValue: (val) => state.addValue(val),
 		removeValue: (val) => state.removeValue(val)
 	}));
-	const theme = require_pisell_components.getPisellComponentsThemeConfig();
-	if (disabled) return /* @__PURE__ */ react.default.createElement(antd.ConfigProvider, { theme }, /* @__PURE__ */ react.default.createElement(require_DisabledView.default, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, props), {}, { ref: selectRef })));
-	if (readOnly) return /* @__PURE__ */ react.default.createElement(antd.ConfigProvider, { theme }, /* @__PURE__ */ react.default.createElement(require_ReadOnlyView.default, props));
-	return /* @__PURE__ */ react.default.createElement(antd.ConfigProvider, { theme }, /* @__PURE__ */ react.default.createElement(require_EditView.default, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, props), {}, {
+	if (disabled) return /* @__PURE__ */ react.default.createElement(require_DisabledView.default, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, props), {}, { ref: selectRef }));
+	if (readOnly) return /* @__PURE__ */ react.default.createElement(require_ReadOnlyView.default, props);
+	return /* @__PURE__ */ react.default.createElement(require_EditView.default, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, props), {}, {
 		value: state.value,
 		state,
 		onChangeInternal: handleChange,
 		ref: selectRef
-	})));
+	}));
 });
 PisellMultipleSelect.displayName = "PisellMultipleSelect";
 //#endregion