@pisell/materials 1.8.41 → 1.8.43

package/lib/components/pisellPhone/constants/countryCodes.js

@@ -1,8 +1,7 @@
 //#region src/components/pisellPhone/constants/countryCodes.ts
 /**
 * 预设的国家码列表（24个常见国家）
-* flag 使用正常文本（ISO 3166-1 alpha-2 两字母代码，如 CN、US）
-*
+* 
 * 包含：
 * - 亚洲：中国、香港、澳门、台湾、日本、韩国、新加坡、马来西亚、泰国、印度
 * - 欧洲：英国、法国、德国、意大利、西班牙、俄罗斯
@@ -14,7 +13,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+86",
 		name: "中国",
-		flag: "CN",
+		flag: "🇨🇳",
 		format: "XXX XXXX XXXX",
 		maxLength: 11,
 		pattern: /^1[3-9]\d{9}$/
@@ -22,7 +21,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+852",
 		name: "香港",
-		flag: "HK",
+		flag: "🇭🇰",
 		format: "XXXX XXXX",
 		maxLength: 8,
 		pattern: /^\d{8}$/
@@ -30,7 +29,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+853",
 		name: "澳门",
-		flag: "MO",
+		flag: "🇲🇴",
 		format: "XXXX XXXX",
 		maxLength: 8,
 		pattern: /^\d{8}$/
@@ -38,7 +37,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+886",
 		name: "台湾",
-		flag: "TW",
+		flag: "🇹🇼",
 		format: "XXXX XXX XXX",
 		maxLength: 9,
 		pattern: /^\d{9}$/
@@ -46,7 +45,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+81",
 		name: "日本",
-		flag: "JP",
+		flag: "🇯🇵",
 		format: "XX-XXXX-XXXX",
 		maxLength: 10,
 		pattern: /^\d{10}$/
@@ -54,7 +53,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+82",
 		name: "韩国",
-		flag: "KR",
+		flag: "🇰🇷",
 		format: "XX-XXXX-XXXX",
 		maxLength: 10,
 		pattern: /^\d{10}$/
@@ -62,7 +61,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+65",
 		name: "新加坡",
-		flag: "SG",
+		flag: "🇸🇬",
 		format: "XXXX XXXX",
 		maxLength: 8,
 		pattern: /^\d{8}$/
@@ -70,7 +69,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+60",
 		name: "马来西亚",
-		flag: "MY",
+		flag: "🇲🇾",
 		format: "XX-XXXX XXXX",
 		maxLength: 10,
 		pattern: /^\d{9,10}$/
@@ -78,7 +77,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+66",
 		name: "泰国",
-		flag: "TH",
+		flag: "🇹🇭",
 		format: "XX-XXX-XXXX",
 		maxLength: 9,
 		pattern: /^\d{9}$/
@@ -86,7 +85,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+91",
 		name: "印度",
-		flag: "IN",
+		flag: "🇮🇳",
 		format: "XXXXX XXXXX",
 		maxLength: 10,
 		pattern: /^\d{10}$/
@@ -94,7 +93,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+44",
 		name: "英国",
-		flag: "GB",
+		flag: "🇬🇧",
 		format: "XXXX XXX XXXX",
 		maxLength: 10,
 		pattern: /^\d{10}$/
@@ -102,7 +101,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+33",
 		name: "法国",
-		flag: "FR",
+		flag: "🇫🇷",
 		format: "X XX XX XX XX",
 		maxLength: 9,
 		pattern: /^\d{9}$/
@@ -110,7 +109,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+49",
 		name: "德国",
-		flag: "DE",
+		flag: "🇩🇪",
 		format: "XXX XXXXXXX",
 		maxLength: 11,
 		pattern: /^\d{10,11}$/
@@ -118,7 +117,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+39",
 		name: "意大利",
-		flag: "IT",
+		flag: "🇮🇹",
 		format: "XXX XXX XXXX",
 		maxLength: 10,
 		pattern: /^\d{10}$/
@@ -126,7 +125,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+34",
 		name: "西班牙",
-		flag: "ES",
+		flag: "🇪🇸",
 		format: "XXX XX XX XX",
 		maxLength: 9,
 		pattern: /^\d{9}$/
@@ -134,7 +133,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+7",
 		name: "俄罗斯",
-		flag: "RU",
+		flag: "🇷🇺",
 		format: "XXX XXX-XX-XX",
 		maxLength: 10,
 		pattern: /^\d{10}$/
@@ -142,7 +141,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+1",
 		name: "美国",
-		flag: "US",
+		flag: "🇺🇸",
 		format: "(XXX) XXX-XXXX",
 		maxLength: 10,
 		pattern: /^\d{10}$/
@@ -150,7 +149,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+1",
 		name: "加拿大",
-		flag: "CA",
+		flag: "🇨🇦",
 		format: "(XXX) XXX-XXXX",
 		maxLength: 10,
 		pattern: /^\d{10}$/
@@ -158,7 +157,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+52",
 		name: "墨西哥",
-		flag: "MX",
+		flag: "🇲🇽",
 		format: "XX XXXX XXXX",
 		maxLength: 10,
 		pattern: /^\d{10}$/
@@ -166,7 +165,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+55",
 		name: "巴西",
-		flag: "BR",
+		flag: "🇧🇷",
 		format: "XX XXXXX-XXXX",
 		maxLength: 11,
 		pattern: /^\d{10,11}$/
@@ -174,7 +173,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+61",
 		name: "澳大利亚",
-		flag: "AU",
+		flag: "🇦🇺",
 		format: "XXX XXX XXX",
 		maxLength: 9,
 		pattern: /^\d{9}$/
@@ -182,7 +181,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+64",
 		name: "新西兰",
-		flag: "NZ",
+		flag: "🇳🇿",
 		format: "XX XXX XXXX",
 		maxLength: 9,
 		pattern: /^\d{9}$/
@@ -190,7 +189,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+971",
 		name: "阿联酋",
-		flag: "AE",
+		flag: "🇦🇪",
 		format: "XX XXX XXXX",
 		maxLength: 9,
 		pattern: /^\d{9}$/
@@ -198,7 +197,7 @@ const PRESET_COUNTRY_CODES = [
 	{
 		code: "+966",
 		name: "沙特阿拉伯",
-		flag: "SA",
+		flag: "🇸🇦",
 		format: "XX XXX XXXX",
 		maxLength: 9,
 		pattern: /^\d{9}$/

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

@@ -17,8 +17,8 @@ interface CountryCode {
    */
   name: string;
   /**
-   * 国家/地区展示用标识（正常文本，如 ISO 两字母代码 CN、US）
-   * @example 'CN', 'US', 'GB', 'HK'
+   * 国旗 emoji 或图标
+   * @example '🇨🇳', '🇺🇸', '🇬🇧'
    */
   flag: string;
   /**

package/lib/components/pisellPhone/utils/countryCodeHelper.js

@@ -1,10 +1,10 @@
 const require_countryCodes = require("../constants/countryCodes.js");
 //#region src/components/pisellPhone/utils/countryCodeHelper.ts
 /**
-* 根据国家码获取最大长度（数字位数）
+* 根据国家码获取最大长度
 * @param countryCode 国家码
 * @param countryCodes 国家码列表
-* @returns 最大长度（如中国 11 位数字）
+* @returns 最大长度
 */
 function getMaxLength(countryCode, countryCodes) {
 	const country = countryCodes.find((c) => c.code === countryCode);

package/lib/components/pisellQuickFilter/{doc → docs}/PisellQuickFilter.md

@@ -104,7 +104,7 @@ interface FilterItemProps {
 
 ### 多种筛选类型
 
-```
+```tsx
 import { PisellQuickFilter } from '@pisell/materials';
 
 const Demo = () => {

package/lib/components/pisellRating/PisellRating.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");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let _pisell_utils = require("@pisell/utils");
@@ -41,8 +40,7 @@ const PisellRating = (props) => {
 		fontSize: size,
 		color
 	}, style);
-	const theme = require_pisell_components.getPisellComponentsThemeConfig();
-	return /* @__PURE__ */ react.default.createElement(antd.ConfigProvider, { theme }, /* @__PURE__ */ react.default.createElement("div", {
+	return /* @__PURE__ */ react.default.createElement("div", {
 		className: `pisell-rating pisell-rating-${displayState} ${className || ""}`,
 		id
 	}, /* @__PURE__ */ react.default.createElement(antd.Rate, {
@@ -69,7 +67,7 @@ const PisellRating = (props) => {
 			marginLeft: 8,
 			color: "#999"
 		}
-	}, "(", reviewCount, " 人评价)")));
+	}, "(", reviewCount, " 人评价)"));
 };
 var PisellRating_default = react.default.memo(PisellRating, (prevProps, nextProps) => {
 	return prevProps.value === nextProps.value && prevProps.mode === nextProps.mode && prevProps.disabled === nextProps.disabled;

package/lib/components/pisellRecordBoard/PisellRecordBoard.js

@@ -23,6 +23,7 @@ const _excluded = [
 	"onReset",
 	"floorMap",
 	"calendar",
+	"resourceWall",
 	"floorMapLayoutContext",
 	"defaultBodyView",
 	"bodyViewStorageKey",
@@ -30,6 +31,7 @@ const _excluded = [
 	"lockedBodyView",
 	"floorMapLayoutRef",
 	"floorMapFooter",
+	"layoutVariant",
 	"className",
 	"style"
 ];
@@ -41,7 +43,7 @@ function readBodyViewFromStorage(key, fallback) {
 	if (typeof window === "undefined" || !key) return fallback;
 	try {
 		const raw = localStorage.getItem(key);
-		if (raw === "grid" || raw === "floorMap" || raw === "calendar") return raw;
+		if (raw === "grid" || raw === "floorMap" || raw === "calendar" || raw === "resourceWall") return raw;
 	} catch (_unused) {}
 	return fallback;
 }
@@ -84,8 +86,10 @@ function getDefaultRecordBoardContext(layoutType, selection, rowKey) {
 		floorMapLayoutRef: void 0,
 		floorMapFooter: void 0,
 		calendarProps: void 0,
+		resourceWallProps: void 0,
 		dataSources: void 0,
-		gridDataSourceKey: void 0
+		gridDataSourceKey: void 0,
+		paginationRender: void 0
 	};
 }
 /**
@@ -94,8 +98,8 @@ function getDefaultRecordBoardContext(layoutType, selection, rowKey) {
 * 平面图推荐在 ShellFrame 内使用 **PisellRecordBoard.FloorMap** 声明，与根级 `floorMap` 合并（子优先）。
 */
 const PisellRecordBoard = (props) => {
-	var _props$columnVisibili;
-	const { children, layoutType = "grid", rowKey: rowKeyProp, data: dataProp, dataSources: dataSourcesProp, gridDataSourceKey: gridDataSourceKeyProp, loading: loadingProp, total: totalProp, pagination: paginationProp, onPageChange: onPageChangeProp, searchParams: searchParamsProp, onSearch: onSearchProp, onReset: onResetProp, floorMap: floorMapProp, calendar: calendarProp, floorMapLayoutContext: floorMapLayoutContextProp, defaultBodyView, bodyViewStorageKey, bodyViewSwitchable = true, lockedBodyView: lockedBodyViewProp, floorMapLayoutRef, floorMapFooter, className: classNameProp, style: styleProp } = props;
+	var _props$columnVisibili, _props$grid4;
+	const { children, layoutType = "grid", rowKey: rowKeyProp, data: dataProp, dataSources: dataSourcesProp, gridDataSourceKey: gridDataSourceKeyProp, loading: loadingProp, total: totalProp, pagination: paginationProp, onPageChange: onPageChangeProp, searchParams: searchParamsProp, onSearch: onSearchProp, onReset: onResetProp, floorMap: floorMapProp, calendar: calendarProp, resourceWall: resourceWallProp, floorMapLayoutContext: floorMapLayoutContextProp, defaultBodyView, bodyViewStorageKey, bodyViewSwitchable = true, lockedBodyView: lockedBodyViewProp, floorMapLayoutRef, floorMapFooter, layoutVariant = "default", className: classNameProp, style: styleProp } = props;
 	require_objectWithoutProperties._objectWithoutProperties(props, _excluded);
 	const effectiveLockedBodyView = bodyViewSwitchable === false ? lockedBodyViewProp !== null && lockedBodyViewProp !== void 0 ? lockedBodyViewProp : "floorMap" : void 0;
 	/** 默认占满父容器高度（父容器需有高度，如 height:100vh 或 height:100%） */
@@ -117,7 +121,7 @@ const PisellRecordBoard = (props) => {
 	const [filterResetKey, setFilterResetKey] = (0, react.useState)(0);
 	const [bodyView, setBodyViewState] = (0, react.useState)(() => {
 		if (effectiveLockedBodyView != null) return effectiveLockedBodyView;
-		return readBodyViewFromStorage(bodyViewStorageKey, defaultBodyView === "floorMap" ? "floorMap" : defaultBodyView === "calendar" ? "calendar" : "grid");
+		return readBodyViewFromStorage(bodyViewStorageKey, defaultBodyView === "floorMap" ? "floorMap" : defaultBodyView === "calendar" ? "calendar" : defaultBodyView === "resourceWall" ? "resourceWall" : "grid");
 	});
 	const setBodyView = (0, react.useCallback)((v) => {
 		if (bodyViewSwitchable === false && effectiveLockedBodyView != null && v !== effectiveLockedBodyView) return;
@@ -188,7 +192,7 @@ const PisellRecordBoard = (props) => {
 		setInternalColumnOrder(columnKeys);
 	}, []);
 	const contextValue = (0, react.useMemo)(() => {
-		var _gridSelection$select;
+		var _props$grid3, _gridSelection$select;
 		const defaultCtx = getDefaultRecordBoardContext(layoutType, {
 			selectedKeys: internalSelectedKeys,
 			selectedRows: internalSelectedRows,
@@ -196,10 +200,12 @@ const PisellRecordBoard = (props) => {
 		}, rowKeyProp);
 		/** 分页状态（推导表格切片前需要） */
 		const pagination = paginationProp !== void 0 ? paginationProp : defaultCtx.pagination;
+		const gridInfiniteScroll = ((_props$grid3 = props.grid) === null || _props$grid3 === void 0 ? void 0 : _props$grid3.infiniteScroll) === true;
 		/**
 		* 表格数据：
 		* - 显式传入 `data` 时始终用 `data`（如服务端分页当前页）；
 		* - 否则若存在 `dataSources` + `gridDataSourceKey`，从对应数组做客户端分页切片。
+		* - `infiniteScroll` 时对该路径做**累积**切片：slice(0, pageNumber * pageSize)，与触底加载多页一致。
 		*/
 		let data;
 		let total;
@@ -212,8 +218,13 @@ const PisellRecordBoard = (props) => {
 			total = totalProp !== void 0 ? totalProp : raw.length;
 			const { pageNumber, pageSize } = pagination;
 			const safeSize = Math.max(1, pageSize);
-			const start = Math.max(0, (pageNumber - 1) * safeSize);
-			data = raw.slice(start, start + safeSize);
+			if (gridInfiniteScroll) {
+				const end = Math.min(raw.length, pageNumber * safeSize);
+				data = raw.slice(0, end);
+			} else {
+				const start = Math.max(0, (pageNumber - 1) * safeSize);
+				data = raw.slice(start, start + safeSize);
+			}
 		} else {
 			data = defaultCtx.data;
 			total = totalProp !== void 0 ? totalProp : defaultCtx.total;
@@ -231,6 +242,7 @@ const PisellRecordBoard = (props) => {
 		const onSelectionChange = hasControlledSelection ? gridSelection.onSelectionChange : onSelectionChangeInternal;
 		return require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, defaultCtx), {}, {
 			layoutType,
+			layoutVariant,
 			rowKey,
 			dataSources: dataSourcesProp,
 			gridDataSourceKey: gridDataSourceKeyProp,
@@ -263,10 +275,14 @@ const PisellRecordBoard = (props) => {
 			bodyViewSwitchable,
 			floorMapLayoutRef,
 			floorMapFooter,
-			calendarProps: calendarProp
+			calendarProps: calendarProp,
+			resourceWallProps: resourceWallProp,
+			paginationRender: props.paginationRender,
+			gridInfiniteScroll
 		});
 	}, [
 		layoutType,
+		layoutVariant,
 		rowKeyProp,
 		dataProp,
 		dataSourcesProp,
@@ -296,8 +312,11 @@ const PisellRecordBoard = (props) => {
 		floorMapLayoutRef,
 		floorMapFooter,
 		calendarProp,
+		resourceWallProp,
 		bodyView,
-		setBodyView
+		setBodyView,
+		props.paginationRender,
+		(_props$grid4 = props.grid) === null || _props$grid4 === void 0 ? void 0 : _props$grid4.infiniteScroll
 	]);
 	const content = /* @__PURE__ */ react.default.createElement(require_RecordBoardProvider.RecordBoardProvider, { value: contextValue }, children);
 	return /* @__PURE__ */ react.default.createElement("div", {

package/lib/components/pisellRecordBoard/README.md

@@ -46,6 +46,18 @@ Pisell 组件只读渲染，筛选用编辑态。`grid` 支持 antd Table 其他
   等同层）；仅表格、仅平面图或双视图（出现切换）由子节点决定。根级 `floorMap` 仍可透传（如 SalesGrid），与 `FloorMap` props
   合并且子优先；平面图模式下 **隐藏底部分页**。
 
+## 表格无限滚动（`grid.infiniteScroll`）
+
+置 `grid.infiniteScroll: true` 时：
+
+- **ShellFrame 底部分页条不渲染**（含 `paginationRender` 的挂载位；需自行去掉业务里为替换分页而传的函数，避免无用代码）。
+- **表体**在接近底部（约 48px）时调用 `onPageChange(pagination.pageNumber + 1, pagination.pageSize)`；触底停更条件为 `data.length < total`（且 `loading` 为 false）。
+- **宿主数据**：
+  - 推荐根级传入 **`data` 为已加载的累积行**（每加载一页就 `concat`），`total` 为服务端/逻辑总量；`pagination.pageNumber` 表示当前已请求到的页码（与「段数」语义一致亦可，由宿主自行统一）。
+  - 若仅使用 **`dataSources` + `gridDataSourceKey`** 且未传 `data`：容器会对该 key 对应数组做 **`slice(0, pageNumber * pageSize)`** 的累积切片（与默认的「单页覆盖」切片不同），全量数组需在内存中随请求增长或由外部保持。
+
+建议同时配置 `grid.scroll`（如 `autoCalc: true` 且父级有高度），否则表体可能无纵向滚动条、无法触底。
+
 ## 子组件
 
 | 子组件                                       | 说明                                                                                                      |