@pisell/materials 1.8.38 → 1.8.41

package/lib/components/pisellNumber/PisellNumber.js

@@ -1,10 +1,12 @@
 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("./PisellNumber.less");
 //#region src/components/pisellNumber/PisellNumber.tsx
 /**
@@ -45,12 +47,17 @@ require("./PisellNumber.less");
 */
 const PisellNumber = (props) => {
 	const { mode = "edit", disabled = false } = props;
-	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;
-	}
+	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());
 };
 const MemoizedPisellNumber = react.default.memo(PisellNumber, (prevProps, nextProps) => {
 	return prevProps.value === nextProps.value && prevProps.mode === nextProps.mode && prevProps.disabled === nextProps.disabled;

package/lib/components/pisellNumber/PisellNumber.less

@@ -10,109 +10,6 @@
   &-edit {
     position: relative;
     width: 100%;
-
-    // InputNumber 外层（Figma 设计规范）
-    .pisell-lowcode-input-number {
-      width: 100% !important;
-      font-size: 16px !important;
-      line-height: 24px !important;
-      border-radius: 8px !important;
-      border: 1px solid #d0d5dd !important; // Gray/300
-      color: #101828 !important; // Gray/900
-      background-color: #ffffff !important;
-
-      // 内层 input
-      .pisell-lowcode-input-number-input {
-        height: 46px !important; // 48 - 2px border
-        padding: 12px 16px !important;
-        font-size: 16px !important;
-        line-height: 24px !important;
-        color: #101828 !important;
-        background: transparent !important;
-        border: none !important;
-
-        &::placeholder {
-          color: #667085 !important; // Gray/500
-        }
-      }
-
-      // 聚焦态
-      &.pisell-lowcode-input-number-focused,
-      &: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(.pisell-lowcode-input-number-disabled):not(.pisell-lowcode-input-number-focused) {
-        border-color: #b692f6 !important; // Primary/400
-      }
-
-      // 禁用态
-      &.pisell-lowcode-input-number-disabled {
-        background-color: #f9fafb !important; // Gray/50
-        border-color: #d0d5dd !important;
-        cursor: not-allowed !important;
-
-        .pisell-lowcode-input-number-input {
-          color: #98a2b3 !important; // Gray/400
-          cursor: not-allowed !important;
-        }
-      }
-
-      // 前后缀
-      .pisell-lowcode-input-number-prefix {
-        margin-right: 8px;
-        margin-left: 16px;
-        color: #667085;
-        font-size: 16px;
-      }
-
-      .pisell-lowcode-input-number-suffix {
-        margin-left: 8px;
-        margin-right: 16px;
-        color: #667085;
-        font-size: 16px;
-      }
-
-      // 步进器按钮（controls）
-      .pisell-lowcode-input-number-handler-wrap {
-        border-left: 1px solid #d0d5dd !important;
-        background: #ffffff !important;
-
-        .pisell-lowcode-input-number-handler {
-          color: #667085;
-          border-color: #d0d5dd;
-
-          &:hover {
-            color: #344054;
-          }
-
-          &.pisell-lowcode-input-number-handler-up-disabled,
-          &.pisell-lowcode-input-number-handler-down-disabled {
-            color: #98a2b3;
-            cursor: not-allowed;
-          }
-        }
-      }
-
-      // 错误状态
-      &.pisell-lowcode-input-number-status-error {
-        border-color: #fda29b !important; // Error/300
-
-        &.pisell-lowcode-input-number-focused,
-        &:focus-within {
-          border-color: #f97066 !important; // Error/400
-          box-shadow: 0 0 0 4px #fee4e2 !important; // Error/100
-        }
-
-        &:hover:not(:focus-within) {
-          border-color: #f97066 !important;
-        }
-      }
-    }
   }
 
   // 错误提示（与设计体系一致）

package/lib/components/pisellPhone/PisellPhone.js

@@ -1,10 +1,12 @@
 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("./PisellPhone.less");
 //#region src/components/pisellPhone/PisellPhone.tsx
 /**
@@ -39,12 +41,17 @@ require("./PisellPhone.less");
 */
 const PisellPhone = (props) => {
 	const { mode = "edit", disabled = false } = props;
-	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;
-	}
+	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());
 };
 var PisellPhone_default = react.default.memo(PisellPhone, (prevProps, nextProps) => {
 	return prevProps.value === nextProps.value && prevProps.mode === nextProps.mode && prevProps.disabled === nextProps.disabled && prevProps.countryCode === nextProps.countryCode;

package/lib/components/pisellPhone/PisellPhone.less

@@ -7,125 +7,6 @@
   &-edit {
     position: relative;
     width: 100%;
-
-    .pisell-lowcode-space-compact {
-      width: 100%;
-      position: relative;
-      border-radius: 8px;
-
-      // 聚焦时整体外圈（与 SingleLineText 一致）
-      &:focus-within {
-        box-shadow: 0 0 0 4px #f4ebff; // Primary/100
-      }
-    }
-
-    // 国家码 Select 与 号码 Input 共用 Figma 设计 token
-    .pisell-lowcode-select-selector,
-    .pisell-lowcode-input {
-      font-size: 16px !important;
-      line-height: 24px !important;
-      border: 1px solid #d0d5dd !important; // Gray/300
-      color: #101828 !important; // Gray/900
-      background-color: #ffffff !important;
-      height: 48px !important;
-      padding: 12px 16px !important;
-
-      &::placeholder {
-        color: #667085 !important; // Gray/500
-      }
-
-      &:hover:not(:focus):not(.pisell-lowcode-select-open):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;
-      }
-    }
-
-    // 国家码选择器：左侧部分，去掉右侧边框与圆角
-    .pisell-lowcode-select {
-      flex-shrink: 0;
-
-      .pisell-lowcode-select-selector {
-        border-right: none !important;
-        border-top-right-radius: 0 !important;
-        border-bottom-right-radius: 0 !important;
-        border-top-left-radius: 8px !important;
-        border-bottom-left-radius: 8px !important;
-        min-height: 48px !important;
-        padding: 4px 12px 4px 16px !important;
-        align-items: center !important;
-      }
-
-      &.pisell-lowcode-select-focused .pisell-lowcode-select-selector {
-        border-color: #d6bbfb !important; // Primary/300
-        box-shadow: none !important;
-      }
-    }
-
-    // 号码输入框：右侧部分，去掉左侧边框与圆角
-    .pisell-lowcode-input {
-      flex: 1;
-      border-left: none !important;
-      border-top-left-radius: 0 !important;
-      border-bottom-left-radius: 0 !important;
-      border-top-right-radius: 8px !important;
-      border-bottom-right-radius: 8px !important;
-
-      &:focus {
-        border-color: #d6bbfb !important; // Primary/300
-        box-shadow: none !important;
-        outline: none !important;
-      }
-    }
-
-    // 整体聚焦时两侧边框统一为 Primary
-    .pisell-lowcode-space-compact:focus-within .pisell-lowcode-select-selector,
-    .pisell-lowcode-space-compact:focus-within .pisell-lowcode-input {
-      border-color: #d6bbfb !important;
-    }
-
-    .pisell-lowcode-space-compact:focus-within .pisell-lowcode-select-selector {
-      box-shadow: none !important;
-    }
-
-    // 清空按钮
-    .pisell-lowcode-input-clear-icon {
-      color: #667085 !important;
-      font-size: 14px !important;
-
-      &:hover {
-        color: #344054 !important; // Gray/700
-      }
-    }
-
-    // 错误状态：Select + Input 整体
-    .pisell-lowcode-select-status-error .pisell-lowcode-select-selector,
-    .pisell-lowcode-input-status-error {
-      border-color: #fda29b !important; // Error/300
-    }
-
-    .pisell-lowcode-space-compact:has(.pisell-lowcode-select-status-error) .pisell-lowcode-select-selector,
-    .pisell-lowcode-space-compact:has(.pisell-lowcode-input-status-error) .pisell-lowcode-input {
-      border-color: #fda29b !important;
-    }
-
-    .pisell-lowcode-space-compact:focus-within:has(.pisell-lowcode-input-status-error) .pisell-lowcode-select-selector,
-    .pisell-lowcode-space-compact:focus-within:has(.pisell-lowcode-input-status-error) .pisell-lowcode-input,
-    .pisell-lowcode-space-compact:focus-within:has(.pisell-lowcode-select-status-error) .pisell-lowcode-select-selector,
-    .pisell-lowcode-space-compact:focus-within:has(.pisell-lowcode-select-status-error) .pisell-lowcode-input {
-      border-color: #f97066 !important; // Error/400
-    }
-
-    .pisell-lowcode-space-compact:focus-within:has(.pisell-lowcode-input-status-error),
-    .pisell-lowcode-space-compact:focus-within:has(.pisell-lowcode-select-status-error) {
-      box-shadow: 0 0 0 4px #fee4e2 !important; // Error/100
-    }
   }
 
   &-error {

package/lib/components/pisellPhone/components/EditView.js

@@ -35,29 +35,47 @@ const EditView = (props) => {
 		setCountryCode(code);
 		(_props$onCountryCodeC = props.onCountryCodeChange) === null || _props$onCountryCodeC === void 0 || _props$onCountryCodeC.call(props, code);
 	};
-	return /* @__PURE__ */ react.default.createElement("div", { className: "pisell-phone-edit" }, /* @__PURE__ */ react.default.createElement(antd.Space.Compact, { style: { width: "100%" } }, props.showCountrySelector !== false && /* @__PURE__ */ react.default.createElement(antd.Select, {
-		value: countryCode,
-		onChange: handleCountryCodeChange,
-		style: {
-			width: 100,
-			height: 48
-		},
-		showSearch: true,
-		optionFilterProp: "children",
-		className: "pisell-phone-country-select",
-		optionLabelProp: "value",
-		popupMatchSelectWidth: false,
-		dropdownStyle: { minWidth: 200 }
-	}, countryCodes.map((country, index) => /* @__PURE__ */ react.default.createElement(antd.Select.Option, {
-		key: `${country.code}-${country.name}-${index}`,
-		value: country.code
-	}, /* @__PURE__ */ react.default.createElement(antd.Space, { size: 4 }, /* @__PURE__ */ react.default.createElement("span", null, country.flag), /* @__PURE__ */ react.default.createElement("span", null, country.code), /* @__PURE__ */ react.default.createElement("span", null, country.name))))), /* @__PURE__ */ react.default.createElement(antd.Input, {
+	const maxDigitLen = require_countryCodeHelper.getMaxLength(countryCode, countryCodes);
+	const maxInputLength = (0, react.useMemo)(() => {
+		if (props.maxLength != null) return props.maxLength;
+		if (props.autoFormat === false) return maxDigitLen;
+		return require_phoneFormatter.formatPhone("9".repeat(maxDigitLen), countryCode).length;
+	}, [
+		countryCode,
+		maxDigitLen,
+		props.maxLength,
+		props.autoFormat
+	]);
+	return /* @__PURE__ */ react.default.createElement("div", { className: "pisell-phone-edit" }, /* @__PURE__ */ react.default.createElement(antd.Input, {
+		prefix: countryCode ? /* @__PURE__ */ react.default.createElement("span", { className: "pisell-phone-prefix" }, countryCode) : void 0,
 		value,
 		onChange: handlePhoneChange,
+		addonBefore: props.showCountrySelector !== false ? /* @__PURE__ */ react.default.createElement(antd.Select, {
+			value: countryCode,
+			onChange: handleCountryCodeChange,
+			showSearch: true,
+			optionFilterProp: "children",
+			filterOption: (input, option) => {
+				const code = option === null || option === void 0 ? void 0 : option.value;
+				const country = countryCodes.find((c) => c.code === code);
+				if (!country) return false;
+				const search = input.trim().toLowerCase();
+				if (!search) return true;
+				return country.name.toLowerCase().includes(search) || country.code.toLowerCase().includes(search) || country.flag.toLowerCase().includes(search);
+			},
+			className: "pisell-phone-country-select",
+			optionLabelProp: "label",
+			popupMatchSelectWidth: false,
+			dropdownStyle: { minWidth: 200 }
+		}, countryCodes.map((country, index) => /* @__PURE__ */ react.default.createElement(antd.Select.Option, {
+			key: `${country.code}-${country.name}-${index}`,
+			value: country.code,
+			label: country.flag
+		}, /* @__PURE__ */ react.default.createElement(antd.Space, { size: 4 }, /* @__PURE__ */ react.default.createElement("span", null, country.flag), /* @__PURE__ */ react.default.createElement("span", null, country.code))))) : null,
 		onBlur: handleBlur,
 		onFocus: handleFocus,
 		placeholder: props.placeholder || "请输入电话号码",
-		maxLength: props.maxLength || require_countryCodeHelper.getMaxLength(countryCode, countryCodes),
+		maxLength: maxInputLength,
 		allowClear: props.allowClear,
 		disabled: props.disabled,
 		autoFocus: props.autoFocus,
@@ -66,7 +84,7 @@ const EditView = (props) => {
 		style: props.style,
 		"aria-label": props["aria-label"],
 		"aria-describedby": props["aria-describedby"]
-	})), !isValid && errors.length > 0 && /* @__PURE__ */ react.default.createElement("div", { className: "pisell-phone-error" }, errors[0]));
+	}), !isValid && errors.length > 0 && /* @__PURE__ */ react.default.createElement("div", { className: "pisell-phone-error" }, errors[0]));
 };
 //#endregion
 exports.default = EditView;

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

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

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

@@ -17,8 +17,8 @@ interface CountryCode {
    */
   name: string;
   /**
-   * 国旗 emoji 或图标
-   * @example '🇨🇳', '🇺🇸', '🇬🇧'
+   * 国家/地区展示用标识（正常文本，如 ISO 两字母代码 CN、US）
+   * @example 'CN', 'US', 'GB', 'HK'
    */
   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 最大长度
+* @returns 最大长度（如中国 11 位数字）
 */
 function getMaxLength(countryCode, countryCodes) {
 	const country = countryCodes.find((c) => c.code === countryCode);

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

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

package/lib/components/pisellRating/PisellRating.js

@@ -1,5 +1,6 @@
 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");
@@ -40,7 +41,8 @@ const PisellRating = (props) => {
 		fontSize: size,
 		color
 	}, style);
-	return /* @__PURE__ */ react.default.createElement("div", {
+	const theme = require_pisell_components.getPisellComponentsThemeConfig();
+	return /* @__PURE__ */ react.default.createElement(antd.ConfigProvider, { theme }, /* @__PURE__ */ react.default.createElement("div", {
 		className: `pisell-rating pisell-rating-${displayState} ${className || ""}`,
 		id
 	}, /* @__PURE__ */ react.default.createElement(antd.Rate, {
@@ -67,7 +69,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;