@pisell/materials 1.8.38 → 1.8.41

package/es/components/pisellReservationSchedule/PisellReservationSchedule.js

@@ -13,14 +13,8 @@ import "./PisellReservationSchedule.less";
 const I18N_TODAY = "pisell-reservation-schedule.today";
 const I18N_PREV = "pisell-reservation-schedule.prev";
 const I18N_NEXT = "pisell-reservation-schedule.next";
-const I18N_PREV_WEEK = "pisell-reservation-schedule.prev-week";
-const I18N_NEXT_WEEK = "pisell-reservation-schedule.next-week";
-const I18N_PREV_MONTH = "pisell-reservation-schedule.prev-month";
-const I18N_NEXT_MONTH = "pisell-reservation-schedule.next-month";
 const I18N_PICK_DATE = "pisell-reservation-schedule.pick-date";
 const I18N_PICK_DATE_TITLE = "pisell-reservation-schedule.pick-date-title";
-const I18N_PICK_WEEK_TITLE = "pisell-reservation-schedule.pick-week-title";
-const I18N_PICK_MONTH_TITLE = "pisell-reservation-schedule.pick-month-title";
 function parseDay(input, fallback) {
 	if (input == null) return fallback.startOf("day");
 	const d = dayjs(input);
@@ -31,18 +25,12 @@ function toDayjsLocale(engineLocale) {
 	if (engineLocale === "zh-HK") return "zh-hk";
 	return "zh-cn";
 }
-/** 与 RecordBoard 日历 `startOfWeek` 一致：周一起算 */
-function startOfWeekMonday(d) {
-	const day = d.day();
-	const diff = day === 0 ? -6 : 1 - day;
-	return d.add(diff, "day").startOf("day");
-}
 /**
 * 营业日导航条：上一日、中间日期文案、下一日（深色条样式，适配预约顶栏）
 */
 function PisellReservationSchedule(props) {
 	var _context$engine;
-	const { value: valueProp, onChange, defaultValue, minDate: minDateProp, maxDate: maxDateProp, navigationLocked = false, navigationLockedDisplay = "full", navigationUnit = "day", className, style } = props;
+	const { value: valueProp, onChange, defaultValue, minDate: minDateProp, maxDate: maxDateProp, navigationLocked = false, navigationLockedDisplay = "full", className, style } = props;
 	const context = useEngineContext();
 	const engineLocale = (context === null || context === void 0 || (_context$engine = context.engine) === null || _context$engine === void 0 || (_context$engine = _context$engine.props) === null || _context$engine === void 0 ? void 0 : _context$engine.locale) || "en";
 	locales.init(locales_default, engineLocale);
@@ -64,29 +52,12 @@ function PisellReservationSchedule(props) {
 		minDate,
 		maxDate
 	]);
-	const prevTarget = useMemo(() => {
-		if (navigationUnit === "month") return value.subtract(1, "month");
-		if (navigationUnit === "week") return value.subtract(7, "day");
-		return value.subtract(1, "day");
-	}, [navigationUnit, value]);
-	const nextTarget = useMemo(() => {
-		if (navigationUnit === "month") return value.add(1, "month");
-		if (navigationUnit === "week") return value.add(7, "day");
-		return value.add(1, "day");
-	}, [navigationUnit, value]);
-	const prevDisabled = navigationLocked || (minDate ? prevTarget.isBefore(minDate, "day") : false);
-	const nextDisabled = navigationLocked || (maxDate ? nextTarget.isAfter(maxDate, "day") : false);
+	const prevDisabled = navigationLocked || (minDate ? value.isSame(minDate, "day") : false);
+	const nextDisabled = navigationLocked || (maxDate ? value.isSame(maxDate, "day") : false);
 	const [calendarOpen, setCalendarOpen] = useState(false);
 	const centerLabel = useMemo(() => {
 		const djLoc = toDayjsLocale(engineLocale);
 		const dl = value.locale(djLoc);
-		if (navigationUnit === "month") return dl.format(djLoc === "en" ? "MMM YYYY" : "YYYY年M月");
-		if (navigationUnit === "week") {
-			const ws = startOfWeekMonday(value);
-			const we = ws.add(6, "day");
-			if (djLoc === "en") return `${ws.format("MMM D")} – ${we.format("MMM D, YYYY")}`;
-			return `${ws.format("M月D日")} – ${we.format("M月D日")}`;
-		}
 		const isToday = value.isSame(today, "day");
 		const todayText = locales.getText(I18N_TODAY);
 		const dateStr = djLoc === "en" ? dl.format("MMM D") : dl.format("M月D日");
@@ -99,13 +70,8 @@ function PisellReservationSchedule(props) {
 	}, [
 		value,
 		today,
-		engineLocale,
-		navigationUnit
+		engineLocale
 	]);
-	const prevAria = navigationUnit === "month" ? locales.getText(I18N_PREV_MONTH) : navigationUnit === "week" ? locales.getText(I18N_PREV_WEEK) : locales.getText(I18N_PREV);
-	const nextAria = navigationUnit === "month" ? locales.getText(I18N_NEXT_MONTH) : navigationUnit === "week" ? locales.getText(I18N_NEXT_WEEK) : locales.getText(I18N_NEXT);
-	const pickAria = navigationUnit === "month" ? locales.getText(I18N_PICK_MONTH_TITLE) : navigationUnit === "week" ? locales.getText(I18N_PICK_WEEK_TITLE) : locales.getText(I18N_PICK_DATE);
-	const modalTitle = navigationUnit === "month" ? locales.getText(I18N_PICK_MONTH_TITLE) : navigationUnit === "week" ? locales.getText(I18N_PICK_WEEK_TITLE) : locales.getText(I18N_PICK_DATE_TITLE);
 	/** 场控等场景：不要整套只读导航条，仅展示日期文案 */
 	if (navigationLocked && navigationLockedDisplay === "labelOnly") return /* @__PURE__ */ React.createElement("div", {
 		className: classNames("pisell-reservation-schedule", "pisell-reservation-schedule--label-only", className),
@@ -120,11 +86,11 @@ function PisellReservationSchedule(props) {
 	}, /* @__PURE__ */ React.createElement("div", { className: "pisell-reservation-schedule-inner" }, /* @__PURE__ */ React.createElement("button", {
 		type: "button",
 		className: "pisell-reservation-schedule-btn",
-		"aria-label": prevAria,
+		"aria-label": locales.getText(I18N_PREV),
 		disabled: prevDisabled,
 		onClick: () => {
 			if (navigationLocked) return;
-			emit(prevTarget);
+			emit(value.subtract(1, "day"));
 		}
 	}, /* @__PURE__ */ React.createElement(ChevronLeft, { className: "pisell-reservation-schedule-btn-icon" })), navigationLocked ? /* @__PURE__ */ React.createElement("span", {
 		className: "pisell-reservation-schedule-label pisell-reservation-schedule-label--static",
@@ -132,21 +98,21 @@ function PisellReservationSchedule(props) {
 	}, centerLabel) : /* @__PURE__ */ React.createElement("button", {
 		type: "button",
 		className: "pisell-reservation-schedule-label pisell-reservation-schedule-label-trigger",
-		"aria-label": pickAria,
+		"aria-label": locales.getText(I18N_PICK_DATE),
 		"aria-haspopup": "dialog",
 		"aria-expanded": calendarOpen,
 		onClick: () => setCalendarOpen(true)
 	}, centerLabel), /* @__PURE__ */ React.createElement("button", {
 		type: "button",
 		className: "pisell-reservation-schedule-btn",
-		"aria-label": nextAria,
+		"aria-label": locales.getText(I18N_NEXT),
 		disabled: nextDisabled,
 		onClick: () => {
 			if (navigationLocked) return;
-			emit(nextTarget);
+			emit(value.add(1, "day"));
 		}
 	}, /* @__PURE__ */ React.createElement(ChevronRight, { className: "pisell-reservation-schedule-btn-icon" }))), /* @__PURE__ */ React.createElement(Modal, {
-		title: modalTitle,
+		title: locales.getText(I18N_PICK_DATE_TITLE),
 		open: !navigationLocked && calendarOpen,
 		onCancel: () => setCalendarOpen(false),
 		footer: null,
@@ -154,33 +120,15 @@ function PisellReservationSchedule(props) {
 		centered: true,
 		destroyOnClose: true,
 		wrapClassName: "pisell-reservation-schedule-date-modal"
-	}, navigationUnit === "month" ? /* @__PURE__ */ React.createElement("div", { className: "pisell-reservation-schedule-month-picker-wrap" }, /* @__PURE__ */ React.createElement(DateCalendar, {
-		value,
-		views: ["year", "month"],
-		openTo: "month",
-		minDate,
-		maxDate,
-		shouldDisableMonth: (month) => {
-			const start = dayjs(month).startOf("month");
-			if (minDate && start.isBefore(minDate.startOf("month"))) return true;
-			if (maxDate && start.isAfter(maxDate.startOf("month"))) return true;
-			return false;
-		},
-		onChange: (d) => {
-			if (!d) return;
-			emit(dayjs(d).startOf("month"));
-			setCalendarOpen(false);
-		}
-	})) : /* @__PURE__ */ React.createElement(DateCalendar, {
+	}, /* @__PURE__ */ React.createElement(DateCalendar, {
 		value,
 		minDate,
 		maxDate,
 		onChange: (d) => {
-			if (!d) return;
-			const picked = dayjs(d);
-			if (navigationUnit === "week") emit(startOfWeekMonday(picked));
-			else emit(picked);
-			setCalendarOpen(false);
+			if (d) {
+				emit(dayjs(d));
+				setCalendarOpen(false);
+			}
 		}
 	})));
 }

package/es/components/pisellReservationSchedule/PisellReservationSchedule.less

@@ -82,15 +82,6 @@
   cursor: default;
 }
 
-/** 弹窗内按月选择：宽度铺满，面板挂载在 Modal 内容区避免层级异常 */
-.pisell-reservation-schedule-month-picker-wrap {
-  display: flex;
-  justify-content: center;
-  width: 100%;
-  min-width: 280px;
-  padding: 4px 0 8px;
-}
-
 .pisell-reservation-schedule-label-trigger {
   margin: 0;
   border: none;
@@ -112,17 +103,3 @@
     border-radius: 4px;
   }
 }
-
-.pisell-reservation-schedule-date-modal {
-  .pisell-lowcode-modal-content {
-    padding: 0;
-  }
-
-  .pisell-lowcode-modal-header {
-    padding: 12px 16px;
-  }
-
-  .pisell-lowcode-modal-body {
-    padding: 4px 8px 8px;
-  }
-}

package/es/components/pisellReservationSchedule/locales.js

@@ -5,40 +5,22 @@ var locales_default = {
 		"pisell-reservation-schedule.today": "Today",
 		"pisell-reservation-schedule.prev": "Previous day",
 		"pisell-reservation-schedule.next": "Next day",
-		"pisell-reservation-schedule.prev-week": "Previous week",
-		"pisell-reservation-schedule.next-week": "Next week",
-		"pisell-reservation-schedule.prev-month": "Previous month",
-		"pisell-reservation-schedule.next-month": "Next month",
 		"pisell-reservation-schedule.pick-date": "Pick a date",
-		"pisell-reservation-schedule.pick-date-title": "Pick a date",
-		"pisell-reservation-schedule.pick-week-title": "Pick a week",
-		"pisell-reservation-schedule.pick-month-title": "Pick a month"
+		"pisell-reservation-schedule.pick-date-title": "Pick a date"
 	},
 	"zh-CN": {
 		"pisell-reservation-schedule.today": "今天",
 		"pisell-reservation-schedule.prev": "上一天",
 		"pisell-reservation-schedule.next": "下一天",
-		"pisell-reservation-schedule.prev-week": "上一周",
-		"pisell-reservation-schedule.next-week": "下一周",
-		"pisell-reservation-schedule.prev-month": "上一月",
-		"pisell-reservation-schedule.next-month": "下一月",
 		"pisell-reservation-schedule.pick-date": "选择日期",
-		"pisell-reservation-schedule.pick-date-title": "选择日期",
-		"pisell-reservation-schedule.pick-week-title": "选择周",
-		"pisell-reservation-schedule.pick-month-title": "选择月份"
+		"pisell-reservation-schedule.pick-date-title": "选择日期"
 	},
 	"zh-HK": {
 		"pisell-reservation-schedule.today": "今天",
 		"pisell-reservation-schedule.prev": "上一日",
 		"pisell-reservation-schedule.next": "下一日",
-		"pisell-reservation-schedule.prev-week": "上一週",
-		"pisell-reservation-schedule.next-week": "下一週",
-		"pisell-reservation-schedule.prev-month": "上一月",
-		"pisell-reservation-schedule.next-month": "下一月",
 		"pisell-reservation-schedule.pick-date": "選擇日期",
-		"pisell-reservation-schedule.pick-date-title": "選擇日期",
-		"pisell-reservation-schedule.pick-week-title": "選擇週",
-		"pisell-reservation-schedule.pick-month-title": "選擇月份"
+		"pisell-reservation-schedule.pick-date-title": "選擇日期"
 	}
 };
 //#endregion

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

@@ -46,11 +46,6 @@ interface PisellReservationScheduleProps {
    * @default 'full'
    */
   navigationLockedDisplay?: 'full' | 'labelOnly';
-  /**
-   * 顶栏切换步长：`day` 按日；`week` 按周；`month` 按月（与 RecordBoard 日历视图联动）。
-   * @default 'day'
-   */
-  navigationUnit?: 'day' | 'week' | 'month';
 }
 //#endregion
 export { PisellReservationScheduleProps, ReservationScheduleValue };

package/es/components/pisellReservationScheduleBand/PisellReservationScheduleBand.js

@@ -17,7 +17,7 @@ function withTimeOnDate(dateDay, timeSource) {
 * 预约顶栏组合：营业日切换 + 锚定到选中日的时间导航轴
 */
 function PisellReservationScheduleBand(props) {
-	const { value: valueProp, onChange, defaultValue, scheduleProps, timeNavigatorProps, scheduleStartSlot, scheduleEndSlot, scheduleAfterDateSlot, dataLoading = false, dataLoadingTip, hideTimeNavigator = false, className, style } = props;
+	const { value: valueProp, onChange, defaultValue, scheduleProps, timeNavigatorProps, scheduleStartSlot, scheduleEndSlot, scheduleAfterDateSlot, dataLoading = false, dataLoadingTip, className, style } = props;
 	const isControlled = valueProp !== void 0;
 	const [internal, setInternal] = useState(() => {
 		var _defaultValue$date, _defaultValue$at;
@@ -63,7 +63,7 @@ function PisellReservationScheduleBand(props) {
 	})) : null, /* @__PURE__ */ React.createElement("div", { className: "pisell-reservation-schedule-band-schedule-row" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-reservation-schedule-band-slot-start" }, scheduleStartSlot), /* @__PURE__ */ React.createElement("div", { className: "pisell-reservation-schedule-band-schedule" }, /* @__PURE__ */ React.createElement(PisellReservationSchedule, _objectSpread2({
 		value: effective.date,
 		onChange: handleDateChange
-	}, scheduleProps)), scheduleAfterDateSlot ? /* @__PURE__ */ React.createElement("div", { className: "pisell-reservation-schedule-band-after-date" }, scheduleAfterDateSlot) : null), /* @__PURE__ */ React.createElement("div", { className: "pisell-reservation-schedule-band-slot-end" }, scheduleEndSlot)), hideTimeNavigator ? null : /* @__PURE__ */ React.createElement("div", { className: "pisell-reservation-schedule-band-navigator" }, /* @__PURE__ */ React.createElement(PisellTimeNavigator, _objectSpread2({
+	}, scheduleProps)), scheduleAfterDateSlot ? /* @__PURE__ */ React.createElement("div", { className: "pisell-reservation-schedule-band-after-date" }, scheduleAfterDateSlot) : null), /* @__PURE__ */ React.createElement("div", { className: "pisell-reservation-schedule-band-slot-end" }, scheduleEndSlot)), /* @__PURE__ */ React.createElement("div", { className: "pisell-reservation-schedule-band-navigator" }, /* @__PURE__ */ React.createElement(PisellTimeNavigator, _objectSpread2({
 		referenceDate: effective.date,
 		value: effective.at,
 		onChange: handleTimeChange

package/es/components/pisellReservationScheduleBand/PisellReservationScheduleBand.less

@@ -34,8 +34,7 @@
 /** 与中间日程条同一行：整行深色底，左标题 / 中选日 / 右操作 */
 .pisell-reservation-schedule-band-schedule-row {
   display: grid;
-  /** 左右按内容占位，剩余宽度给中间，避免「等分 1fr」把左侧挤窄后标题与 Segmented 被迫换行 */
-  grid-template-columns: auto minmax(0, 1fr) auto;
+  grid-template-columns: 1fr auto 1fr;
   align-items: center;
   width: 100%;
   min-width: 0;
@@ -45,62 +44,30 @@
   border-radius: 0;
   background: #141824;
   border: 1px solid rgba(255, 255, 255, 0.06);
-  /**
-   * 布局：auto | minmax(0,1fr) | auto
-   * - 左：标题 + 视图切换等内容宽占位
-   * - 右：「+ New」等固定贴行末
-   * - 中间：仅占左、右之间的剩余宽度；选日期 / 跟随时间文案在该「中间区域」内居中（见 .pisell-reservation-schedule-band-schedule）
-   */
-  /** 左/右栏 min-width:max-content 后整行可能超出视口，允许横向滚动而非压扁左侧 */
-  overflow-x: auto;
-  overflow-y: visible;
 }
 
 .pisell-reservation-schedule-band-slot-start {
   justify-self: start;
-  /** 勿用 min-width:0：会把「标题 + Segmented」挤折行；max-content 保证左侧优先单行横排 */
-  min-width: max-content;
+  min-width: 0;
   display: flex;
   align-items: center;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  /** 中间栏内容偶发溢出绘制时压在左侧 Tab 上，保证左侧在上层 */
-  position: relative;
-  z-index: 1;
-  /** 业务侧（如预约）在插槽里再包一层 merge 时，保证子级也按内容宽参与列宽计算，避免整条 min-width:0 收缩链 */
-  > * {
-    min-width: max-content;
-    flex-shrink: 0;
-  }
 }
 
 .pisell-reservation-schedule-band-slot-end {
   justify-self: end;
-  /** 右侧按钮区同样保留完整占位，避免被 1fr 中间列挤压 */
-  min-width: max-content;
+  min-width: 0;
   display: flex;
   align-items: center;
 }
 
 .pisell-reservation-schedule-band-schedule {
-  justify-self: stretch;
+  justify-self: center;
   min-width: 0;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
-  /**
-   * 仅在 Grid 的中间列（左、右扣掉之后的剩余宽度）内居中选日区；
-   * 不与「整行居中」混淆，也不会贴死到 + New。
-   */
   justify-content: center;
-  @supports (justify-content: safe center) {
-    justify-content: safe center;
-  }
-  /** 中间块总宽超过中间列时在本格内滚动，避免向左绘制盖住左侧 Segmented */
-  overflow-x: auto;
-  overflow-y: visible;
-  box-sizing: border-box;
   /** 日期与右侧「当前时间」等插槽留出间距，避免贴太紧 */
   gap: 14px;
 }

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

@@ -46,10 +46,6 @@ interface PisellReservationScheduleBandProps {
    * 顶栏日程行：紧挨在选日组件之后（如「跟随当前」），与中间列同一 flex 区
    */
   scheduleAfterDateSlot?: ReactNode;
-  /**
-   * 为 true 时隐藏下方时间导航轴（如日历视图仅需要选日/选周/选月）
-   */
-  hideTimeNavigator?: boolean;
   /**
    * 为 true 时在整个日程带上叠加载层（如切换营业日后拉预约列表期间）
    */

package/es/components/pisellShellFrame/PisellShellFrame.js

@@ -22,7 +22,7 @@ const defaultConfig = {
 * - 底部：批量操作条（按选中状态出现）、状态提示区（加载/错误/同步提示等）
 */
 const PisellShellFrame = (props) => {
-	const { className, style, config: configProp, title, subtitle, titleExtra, toolbar, belowToolbar, statisticList, children, batchActionBar, statusArea } = props;
+	const { className, style, config: configProp, title, subtitle, titleExtra, toolbar, statisticList, children, batchActionBar, statusArea } = props;
 	const config = _objectSpread2(_objectSpread2({}, defaultConfig), configProp);
 	const [statisticCollapsed, setStatisticCollapsed] = useState(false);
 	const hasTitle = config.showTitle && (title != null || subtitle != null || titleExtra != null);
@@ -39,7 +39,7 @@ const PisellShellFrame = (props) => {
 		className: `pisell-shell-frame ${className !== null && className !== void 0 ? className : ""}`.trim(),
 		style,
 		"data-shell-frame": true
-	}, /* @__PURE__ */ React.createElement("header", { className: "pisell-shell-frame-header" }, hasTitle && /* @__PURE__ */ React.createElement("div", { className: "pisell-shell-frame-title" }, /* @__PURE__ */ React.createElement("span", null, title != null && /* @__PURE__ */ React.createElement("span", { className: "pisell-shell-frame-title-main" }, title), subtitle != null && /* @__PURE__ */ React.createElement("span", { className: "pisell-shell-frame-title-sub" }, subtitle)), titleExtra != null && /* @__PURE__ */ React.createElement("div", { className: "pisell-shell-frame-title-extra" }, titleExtra)), hasToolbar && /* @__PURE__ */ React.createElement("div", { className: "pisell-shell-frame-toolbar" }, toolbar), belowToolbar != null && /* @__PURE__ */ React.createElement("div", { className: "pisell-shell-frame-below-toolbar" }, belowToolbar), hasStatistic && /* @__PURE__ */ React.createElement("div", { className: "pisell-shell-frame-statistic" }, config.statisticCollapsible ? /* @__PURE__ */ React.createElement(Collapse, {
+	}, /* @__PURE__ */ React.createElement("header", { className: "pisell-shell-frame-header" }, hasTitle && /* @__PURE__ */ React.createElement("div", { className: "pisell-shell-frame-title" }, /* @__PURE__ */ React.createElement("span", null, title != null && /* @__PURE__ */ React.createElement("span", { className: "pisell-shell-frame-title-main" }, title), subtitle != null && /* @__PURE__ */ React.createElement("span", { className: "pisell-shell-frame-title-sub" }, subtitle)), titleExtra != null && /* @__PURE__ */ React.createElement("div", { className: "pisell-shell-frame-title-extra" }, titleExtra)), hasToolbar && /* @__PURE__ */ React.createElement("div", { className: "pisell-shell-frame-toolbar" }, toolbar), hasStatistic && /* @__PURE__ */ React.createElement("div", { className: "pisell-shell-frame-statistic" }, config.statisticCollapsible ? /* @__PURE__ */ React.createElement(Collapse, {
 		ghost: true,
 		activeKey: statisticCollapsed ? [] : ["statistic"],
 		onChange: (keys) => setStatisticCollapsed(keys.length === 0),

package/es/components/pisellShellFrame/PisellShellFrame.less

@@ -36,28 +36,12 @@
     margin-bottom: 8px;
   }
 
-  /**
-   * RecordBoard 非表格主区（平面图 / 日历 / 资源墙）：与顶栏日程带衔接，去掉工具栏与内容区间距。
-   * `--floor-map-view` 仍可在仅平面图场景单独挂类；规则与 body-subview 一致。
-   */
-  &--body-subview &-toolbar,
+  /** RecordBoard 平面图模式：与日程带衔接，去掉工具栏与内容区间距 */
+
   &--floor-map-view &-toolbar {
     margin-bottom: 0;
   }
 
-  /**
-   * 工具栏正下方的「附加条」：默认与 toolbar 留 8px 缝隙，让插入的轻量摘要
-   * 与 toolbar 视觉上分开但不破坏顶栏整体节奏。空内容时塌陷不占位。
-   */
-  &-below-toolbar {
-    margin-bottom: 8px;
-
-    &:empty {
-      display: none;
-      margin-bottom: 0;
-    }
-  }
-
   &-statistic {
     margin-bottom: 8px;
 

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

@@ -47,12 +47,6 @@ interface PisellShellFrameProps {
   titleExtra?: ReactNode;
   /** 工具栏内容 */
   toolbar?: ReactNode;
-  /**
-   * 工具栏正下方、统计/正文之上的"附加条"插槽，渲染于 header 内部。
-   * 适用于「统计摘要 / 当前所选筛选标签」等需要紧贴 toolbar 的轻量条目。
-   * 当为空时不占位、不渲染外壳。
-   */
-  belowToolbar?: ReactNode;
   /** 统计列表内容（如 PisellStatisticList 或自定义） */
   statisticList?: ReactNode;
   /** 主内容（表格/看板/日历/楼层图等），当 config.scroll 为 true 时会被滚动容器包裹 */

package/es/components/pisellSingleLineText/PisellSingleLineText.js

@@ -1,38 +1,40 @@
 import ReadOnlyView from "./components/ReadOnlyView.js";
 import EditView from "./components/EditView.js";
 import DisabledView from "./components/DisabledView.js";
+import { getPisellComponentsThemeConfig } from "../../theme/pisell-components.js";
 import React from "react";
 import { getDisplayState } from "@pisell/utils";
+import { ConfigProvider } from "antd";
 import "./PisellSingleLineText.less";
 //#region src/components/pisellSingleLineText/PisellSingleLineText.tsx
 /**
 * PisellSingleLineText 单行文本组件
-* 
+*
 * 通用的单行文本输入/展示组件，支持只读、编辑、禁用三种状态。
 * 基于 Ant Design Input 组件开发，提供完整的校验框架。
-* 
+*
 * @param props 组件 Props
-* 
+*
 * @example
 * // 受控模式
 * const [value, setValue] = useState('');
-* <PisellSingleLineText 
+* <PisellSingleLineText
 *   value={value}
 *   onChange={(v) => setValue(v)}
 *   placeholder="请输入"
 * />
-* 
+*
 * @example
 * // 非受控模式
-* <PisellSingleLineText 
+* <PisellSingleLineText
 *   defaultValue="初始值"
 *   required
 *   minLength={3}
 * />
-* 
+*
 * @example
 * // 只读态
-* <PisellSingleLineText 
+* <PisellSingleLineText
 *   mode="read"
 *   value="这是一段很长的文本内容"
 *   ellipsis
@@ -41,12 +43,17 @@ import "./PisellSingleLineText.less";
 */
 const PisellSingleLineText = (props) => {
 	const { mode = "edit", disabled = false } = props;
-	switch (getDisplayState(mode, disabled)) {
-		case "read": return /* @__PURE__ */ React.createElement(ReadOnlyView, props);
-		case "edit": return /* @__PURE__ */ React.createElement(EditView, props);
-		case "disabled": return /* @__PURE__ */ React.createElement(DisabledView, props);
-		default: return null;
-	}
+	const displayState = getDisplayState(mode, disabled);
+	const render = () => {
+		switch (displayState) {
+			case "read": return /* @__PURE__ */ React.createElement(ReadOnlyView, props);
+			case "edit": return /* @__PURE__ */ React.createElement(EditView, props);
+			case "disabled": return /* @__PURE__ */ React.createElement(DisabledView, props);
+			default: return null;
+		}
+	};
+	const theme = getPisellComponentsThemeConfig();
+	return /* @__PURE__ */ React.createElement(ConfigProvider, { theme }, render());
 };
 var PisellSingleLineText_default = React.memo(PisellSingleLineText, (prevProps, nextProps) => {
 	return prevProps.value === nextProps.value && prevProps.mode === nextProps.mode && prevProps.disabled === nextProps.disabled;

package/es/components/pisellSingleLineText/PisellSingleLineText.less

@@ -7,149 +7,6 @@
   &-edit {
     position: relative;
     width: 100%;
-
-    // Input 组件内置样式，覆盖 antd token 配置
-    .ant-input,
-    .ant-input-affix-wrapper {
-      // 基础样式（基于 Figma 设计规范）
-      font-size: 16px !important;
-      line-height: 24px !important;
-      
-      // 边框和圆角
-      border-radius: 8px !important;
-      border: 1px solid #D0D5DD !important; // Gray/300
-      
-      // 内边距（Figma: 16px 12px）
-      padding: 12px 16px !important;
-      height: 48px !important; // 12px + 24px + 12px = 48px
-      
-      // 颜色
-      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],
-      &.ant-input-disabled {
-        background-color: #F9FAFB !important; // Gray/50
-        color: #98A2B3 !important; // Gray/400
-        border-color: #D0D5DD !important;
-        cursor: not-allowed !important;
-      }
-    }
-    
-    // 前后缀容器样式
-    .ant-input-affix-wrapper {
-      padding: 0 !important;
-      
-      .ant-input-prefix {
-        margin-right: 8px;
-        margin-left: 16px;
-        color: #667085; // Gray/500
-        font-size: 16px;
-      }
-      
-      .ant-input-suffix {
-        margin-left: 8px;
-        margin-right: 16px;
-        color: #667085; // Gray/500
-        font-size: 16px;
-      }
-      
-      .ant-input {
-        padding: 12px 0 !important;
-        border: none !important;
-        box-shadow: none !important;
-        
-        &:focus {
-          box-shadow: none !important;
-        }
-      }
-    }
-    
-    // 前后置标签样式
-    .ant-input-group-wrapper {
-      .ant-input-group-addon {
-        background-color: #FFFFFF !important;
-        border: 1px solid #D0D5DD !important;
-        color: #344054 !important; // Gray/700
-        font-size: 16px !important;
-        padding: 12px 16px !important;
-        
-        &:first-child {
-          border-right: none !important;
-          border-radius: 8px 0 0 8px !important;
-        }
-        
-        &:last-child {
-          border-left: none !important;
-          border-radius: 0 8px 8px 0 !important;
-        }
-      }
-      
-      .ant-input-wrapper {
-        .ant-input,
-        .ant-input-affix-wrapper {
-          border-radius: 0 !important;
-          
-          &:first-child {
-            border-radius: 8px 0 0 8px !important;
-          }
-          
-          &:last-child {
-            border-radius: 0 8px 8px 0 !important;
-          }
-        }
-      }
-    }
-    
-    // 清空按钮样式
-    .ant-input-clear-icon {
-      color: #667085 !important; // Gray/500
-      font-size: 14px !important;
-      
-      &:hover {
-        color: #344054 !important; // Gray/700
-      }
-    }
-    
-    // 字数统计样式
-    .ant-input-show-count-suffix {
-      color: #667085 !important; // Gray/500
-      font-size: 14px !important;
-    }
-    
-    // 错误状态样式
-    .ant-input-status-error,
-    .ant-input-affix-wrapper-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 {