clxx 3.0.1 → 3.0.4

package/build/CitySelect/index.d.ts

@@ -12,6 +12,7 @@ export interface CitySelectProps {
     onLetterChange?: (letter: string) => void;
     getLocation?: () => string | null | undefined | Promise<string | null | undefined>;
     primary?: string;
+    taiwanHKMacau?: boolean;
 }
 export declare function CitySelect(props: CitySelectProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function showCitySelect(options?: Pick<CitySelectProps, "onSelect" | "onLetterChange" | "getLocation" | "primary">): void;
+export declare function showCitySelect(options?: Pick<CitySelectProps, "onSelect" | "onLetterChange" | "getLocation" | "primary" | "taiwanHKMacau">): void;

package/build/CitySelect/index.js

@@ -11,17 +11,23 @@ const style_1 = require("./style");
 const Col_1 = require("../Flex/Col");
 const Row_1 = require("../Flex/Row");
 const Clickable_1 = require("../Clickable");
+// 港澳台对应的省份 code（台湾、香港、澳门）
+const HK_MO_TW_PCODES = new Set([
+    "710000",
+    "810000",
+    "820000",
+]);
 // 在 cityData 中按 code 或 name 查找城市
 // name 匹配时允许省略末尾的"市"，如"北京" 匹配 "北京市"
-function findCity(key) {
+function findCity(source, key) {
     if (!key)
         return null;
     const k = key.trim();
     if (!k)
         return null;
     const kNoCity = k.endsWith("市") ? k.slice(0, -1) : k;
-    for (const letter of Object.keys(data_1.cityData)) {
-        for (const item of data_1.cityData[letter]) {
+    for (const letter of Object.keys(source)) {
+        for (const item of source[letter]) {
             if (item.code === k)
                 return item;
             const nameNoCity = item.name.endsWith("市")
@@ -35,14 +41,29 @@ function findCity(key) {
 }
 // 弹出与滑入/滑出动画由 showDialog (pullLeft) 接管
 function CitySelect(props) {
-    const { onClose, onSelect, onLetterChange, getLocation, primary = style_1.DEFAULT_PRIMARY, } = props;
+    const { onClose, onSelect, onLetterChange, getLocation, primary = style_1.DEFAULT_PRIMARY, taiwanHKMacau = false, } = props;
     const style = (0, react_1.useMemo)(() => (0, style_1.createStyle)(primary), [primary]);
-    const letters = (0, react_1.useMemo)(() => Object.keys(data_1.cityData), []);
+    // 过滤后的城市数据：当 taiwanHKMacau=false 时排除港澳台；
+    // 过滤后为空的字母档位会从指引中移除。仅在 taiwanHKMacau 变化时重建。
+    const filteredCityData = (0, react_1.useMemo)(() => {
+        if (taiwanHKMacau)
+            return data_1.cityData;
+        const out = {};
+        for (const letter of Object.keys(data_1.cityData)) {
+            const arr = data_1.cityData[letter].filter((it) => !HK_MO_TW_PCODES.has(it.pcode));
+            if (arr.length > 0)
+                out[letter] = arr;
+        }
+        return out;
+    }, [taiwanHKMacau]);
+    const letters = (0, react_1.useMemo)(() => Object.keys(filteredCityData), [filteredCityData]);
     // 定位解析结果：null 表示尚未解析或失败/未匹配；非空时展示快捷入口
     const [locatedCity, setLocatedCity] = (0, react_1.useState)(null);
     // 首次挂载时调用一次外部定位；异步失败或匹配不到均保持不展示
     const getLocationRef = (0, react_1.useRef)(getLocation);
     getLocationRef.current = getLocation;
+    const filteredCityDataRef = (0, react_1.useRef)(filteredCityData);
+    filteredCityDataRef.current = filteredCityData;
     (0, react_1.useEffect)(() => {
         const fn = getLocationRef.current;
         if (!fn)
@@ -53,7 +74,7 @@ function CitySelect(props) {
                 .then((key) => {
                 if (cancelled)
                     return;
-                const city = findCity(key !== null && key !== void 0 ? key : undefined);
+                const city = findCity(filteredCityDataRef.current, key !== null && key !== void 0 ? key : undefined);
                 if (city)
                     setLocatedCity(city);
             })
@@ -83,8 +104,13 @@ function CitySelect(props) {
     const searchResult = (0, react_1.useMemo)(() => {
         if (composing)
             return null;
-        return keyword.trim() ? (0, search_1.searchCity)(keyword) : null;
-    }, [keyword, composing]);
+        if (!keyword.trim())
+            return null;
+        const list = (0, search_1.searchCity)(keyword);
+        if (taiwanHKMacau)
+            return list;
+        return list.filter((it) => !HK_MO_TW_PCODES.has(it.pcode));
+    }, [keyword, composing, taiwanHKMacau]);
     const isSearching = searchResult !== null;
     // 用 ref 保存最新值，避免 effect 依赖变化而反复解绑/绑定
     const lettersRef = (0, react_1.useRef)(letters);
@@ -287,7 +313,7 @@ function CitySelect(props) {
                             // 每个字母对应一个区块，包含该字母开头的城市列表
                             (0, jsx_runtime_1.jsxs)("div", { ref: (el) => {
                                     sectionRefs.current[k] = el;
-                                }, children: [(0, jsx_runtime_1.jsx)("div", { css: style.title, children: k.toUpperCase() }), data_1.cityData[k].map((item) => ((0, jsx_runtime_1.jsx)(Clickable_1.Clickable, { css: style.item, onClick: () => handleSelect(item), children: item.name }, item.code)))] }, k));
+                                }, children: [(0, jsx_runtime_1.jsx)("div", { css: style.title, children: k.toUpperCase() }), filteredCityData[k].map((item) => ((0, jsx_runtime_1.jsx)(Clickable_1.Clickable, { css: style.item, onClick: () => handleSelect(item), children: item.name }, item.code)))] }, k));
                         }) }))] }), !isSearching && ((0, jsx_runtime_1.jsx)("div", { ref: sidebarRef, css: style.sidebar, children: letters.map((k) => ((0, jsx_runtime_1.jsx)("div", { css: [style.letter, activeLetter === k && style.letterActive], children: k.toUpperCase() }, k))) })), touching && activeLetter && !isSearching && ((0, jsx_runtime_1.jsx)("div", { css: style.bigLetter, children: activeLetter.toUpperCase() }))] }));
 }
 function showCitySelect(options = {}) {

package/build/CitySelect/style.js

@@ -5,13 +5,14 @@ exports.createStyle = createStyle;
 const react_1 = require("@emotion/react");
 const color_1 = require("../utils/color");
 const theme_1 = require("../utils/theme");
-// iOS 风格设计变量
-const textPrimary = "#000000";
-const textSecondary = "#3c3c43"; // iOS secondaryLabel
-const textTertiary = "#8e8e93"; // iOS tertiaryLabel / placeholder
+const rem_1 = require("../utils/rem");
+// 设计变量
+const textPrimary = "#1f2328";
+const textSecondary = "#6b7280";
+const textTertiary = "#9ca3af";
 const bgPage = "#ffffff";
-const bgSubtle = "rgba(120,120,128,.12)"; // iOS quaternary fill
-const bgGrouped = "#f2f2f7"; // iOS systemGroupedBackground
+const bgSubtle = "#f5f6f8";
+const border = "#e5e7eb";
 // 根据 primary 色值生成一整套样式；primaryActive 由 primary 派生
 function createStyle(primary) {
     const primaryActive = (0, color_1.darken)(primary, 0.15);
@@ -32,22 +33,22 @@ function createStyle(primary) {
         sidebar: (0, react_1.css)({
             position: "absolute",
             top: "50%",
-            right: ".12rem",
+            right: (0, rem_1.r)(12),
             transform: "translateY(-50%)",
             zIndex: 2,
-            padding: ".1rem .06rem",
-            borderRadius: ".3rem",
+            padding: `${(0, rem_1.r)(10)} ${(0, rem_1.r)(6)}`,
+            borderRadius: (0, rem_1.r)(30),
             display: "flex",
             flexDirection: "column",
             alignItems: "center",
-            gap: ".02rem",
+            gap: (0, rem_1.r)(2),
         }),
         letter: (0, react_1.css)({
-            width: ".36rem",
-            height: ".36rem",
-            lineHeight: ".36rem",
+            width: (0, rem_1.r)(36),
+            height: (0, rem_1.r)(36),
+            lineHeight: (0, rem_1.r)(36),
             textAlign: "center",
-            fontSize: ".22rem",
+            fontSize: (0, rem_1.r)(22),
             fontFamily: "Arial, sans-serif",
             fontWeight: 500,
             borderRadius: "50%",
@@ -68,12 +69,12 @@ function createStyle(primary) {
             transform: "translate(-50%, -50%)",
             backgroundColor: "rgba(0,0,0,0.55)",
             color: "#fff",
-            fontSize: ".6rem",
-            width: "1.4rem",
-            height: "1.4rem",
-            lineHeight: "1.4rem",
+            fontSize: (0, rem_1.r)(60),
+            width: (0, rem_1.r)(140),
+            height: (0, rem_1.r)(140),
+            lineHeight: (0, rem_1.r)(140),
             textAlign: "center",
-            borderRadius: ".24rem",
+            borderRadius: (0, rem_1.r)(24),
             pointerEvents: "none",
         }),
         original: (0, react_1.css)({
@@ -81,19 +82,20 @@ function createStyle(primary) {
             backgroundColor: bgPage,
         }),
         top: (0, react_1.css)({
-            padding: ".3rem",
+            padding: `${(0, rem_1.r)(24)} ${(0, rem_1.r)(30)}`,
+            borderBottom: `1px solid ${border}`,
             "& > div": {
-                height: ".72rem",
+                height: (0, rem_1.r)(72),
                 backgroundColor: bgSubtle,
-                padding: "0 .24rem",
-                borderRadius: ".36rem",
+                padding: `0 ${(0, rem_1.r)(24)}`,
+                borderRadius: (0, rem_1.r)(36),
             },
         }),
         icon: (0, react_1.css)({
-            width: ".32rem",
-            height: ".32rem",
+            width: (0, rem_1.r)(32),
+            height: (0, rem_1.r)(32),
             fill: textTertiary,
-            marginRight: ".15rem",
+            marginRight: (0, rem_1.r)(15),
             fontSize: 0,
             flexShrink: 0,
         }),
@@ -101,8 +103,8 @@ function createStyle(primary) {
             flexGrow: 1,
             height: "100%",
             minWidth: 0,
-            fontSize: ".28rem",
-            lineHeight: ".72rem",
+            fontSize: (0, rem_1.r)(28),
+            lineHeight: (0, rem_1.r)(72),
             color: textPrimary,
             fontFamily: "inherit",
             border: "none",
@@ -111,14 +113,14 @@ function createStyle(primary) {
             padding: 0,
             "&::placeholder": {
                 color: textTertiary,
-                lineHeight: ".72rem",
+                lineHeight: (0, rem_1.r)(72),
             },
         }),
         exit: (0, react_1.css)({
             whiteSpace: "nowrap",
-            marginLeft: ".2rem",
-            lineHeight: ".72rem",
-            fontSize: ".28rem",
+            marginLeft: (0, rem_1.r)(20),
+            lineHeight: (0, rem_1.r)(72),
+            fontSize: (0, rem_1.r)(28),
             color: primary,
             cursor: "pointer",
             transition: "opacity .15s, color .15s",
@@ -137,7 +139,8 @@ function createStyle(primary) {
         locate: (0, react_1.css)({
             display: "flex",
             alignItems: "center",
-            padding: "0 .3rem .3rem",
+            padding: `${(0, rem_1.r)(20)} ${(0, rem_1.r)(23)}`,
+            borderBottom: `1px solid ${border}`,
             backgroundColor: bgPage,
             transition: "background-color .12s",
             "&:active": {
@@ -145,38 +148,39 @@ function createStyle(primary) {
             },
         }),
         locateIcon: (0, react_1.css)({
-            width: ".32rem",
-            height: ".32rem",
+            width: (0, rem_1.r)(32),
+            height: (0, rem_1.r)(32),
             fill: primary,
-            marginRight: ".16rem",
+            marginRight: (0, rem_1.r)(16),
             fontSize: 0,
             flexShrink: 0,
         }),
         locateLabel: (0, react_1.css)({
-            fontSize: ".24rem",
+            fontSize: (0, rem_1.r)(24),
             color: textTertiary,
-            marginRight: ".16rem",
+            marginRight: (0, rem_1.r)(16),
         }),
         locateName: (0, react_1.css)({
-            fontSize: ".24rem",
+            fontSize: (0, rem_1.r)(24),
             color: primary,
         }),
         title: (0, react_1.css)({
-            padding: ".12rem .3rem .06rem",
-            fontSize: ".22rem",
-            fontWeight: 500,
-            color: textTertiary,
-            letterSpacing: ".02rem",
+            padding: `${(0, rem_1.r)(8)} ${(0, rem_1.r)(30)}`,
+            fontSize: (0, rem_1.r)(22),
+            fontWeight: 600,
+            color: textSecondary,
+            letterSpacing: (0, rem_1.r)(2),
             textTransform: "uppercase",
-            backgroundColor: bgGrouped,
+            backgroundColor: bgSubtle,
             position: "sticky",
             top: 0,
             zIndex: 1,
         }),
         item: (0, react_1.css)({
-            padding: ".24rem .3rem",
-            fontSize: ".3rem",
+            padding: `${(0, rem_1.r)(24)} ${(0, rem_1.r)(30)}`,
+            fontSize: (0, rem_1.r)(30),
             color: textPrimary,
+            borderBottom: `1px solid ${border}`,
             backgroundColor: bgPage,
             transition: "background-color .12s",
             "&:active": {
@@ -196,7 +200,7 @@ function createStyle(primary) {
             alignItems: "center",
             justifyContent: "center",
             color: textTertiary,
-            fontSize: ".26rem",
+            fontSize: (0, rem_1.r)(26),
         }),
     };
 }

package/build/Container/index.js

@@ -91,6 +91,25 @@ function Container(props) {
             document.body.removeEventListener("touchstart", noop);
         };
     }, []);
+    // --clxx-px：库内组件统一基于 750 设计稿做尺寸（用 utils/rem.ts 的 r() helper），
+    // 与用户的 designWidth 完全解耦。否则用户传 designWidth=375 时，库内写死的
+    // ".28rem"（按 750 设计稿出）会被 html fontSize 放大一倍，导致整个库视觉错位。
+    //
+    // 计算口径：1 个「750 设计稿 px」在当前视口下应该渲染成多少 css px：
+    //   --clxx-px = clamp(viewport, maxWidth) / 750
+    //   视口 750  → 1
+    //   视口 375  → 0.5
+    //   视口 1080 → 1.44
+    // r(28) = calc(28 * var(--clxx-px)) = 视口比例下的 28 设计稿 px。
+    const LIB_DESIGN_WIDTH = 750;
+    const clxxPx = (0, react_2.useMemo)(() => {
+        // 字号缩放修正同样要应用：浏览器把 html 字号放大 N 倍时，rem 字面量会跟着放大；
+        // --clxx-px 也必须 / scaleFactor 才能保持库内尺寸的稳定。
+        const raw = viewportWidth / LIB_DESIGN_WIDTH;
+        const fixed = scaleFactor === 1 ? raw : raw / scaleFactor;
+        // 4 位小数已远超 1 设备 px 精度，避免浮点串导致 css 变量频繁字符串变化
+        return Math.round(fixed * 10000) / 10000;
+    }, [viewportWidth, scaleFactor]);
     // 全局样式：fontSize 写入 html，rem 自动跟随
     // body 以 maxWidth 居中，保证 PC 端上页面不超过设计宽度，两侧留白
     // CSS 变量 --clxx-max-width 供 Overlay/Fixed 等使用 fixed 定位的组件读取
@@ -100,6 +119,7 @@ function Container(props) {
         {
             ":root": {
                 "--clxx-max-width": hasMaxWidth ? `${maxWidth}px` : "100%",
+                "--clxx-px": `${clxxPx}px`,
             },
             "*": {
                 boxSizing: "border-box",
@@ -114,6 +134,6 @@ function Container(props) {
             body: Object.assign({ fontSize: "16px", margin: "0 auto" }, (hasMaxWidth ? { maxWidth: `${maxWidth}px` } : null)),
         },
         globalStyle,
-    ], [fontSize, maxWidth, hasMaxWidth, globalStyle]);
+    ], [fontSize, maxWidth, hasMaxWidth, clxxPx, globalStyle]);
     return ((0, jsx_runtime_1.jsxs)(react_2.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Global, { styles: globalStyles }), children] }));
 }

package/build/DatePicker/style.d.ts

@@ -1,5 +1,5 @@
 import { Interpolation, Theme } from "@emotion/react";
-export declare const ITEM_HEIGHT_REM = 0.8;
+export declare const ITEM_HEIGHT_PX = 80;
 export declare const VISIBLE_ROWS = 5;
 export type DatePickerStyle = Record<string, Interpolation<Theme>>;
 export declare function createStyle(primary: string, rounded?: boolean): DatePickerStyle;

package/build/DatePicker/style.js

@@ -1,23 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_PRIMARY = exports.VISIBLE_ROWS = exports.ITEM_HEIGHT_REM = void 0;
+exports.DEFAULT_PRIMARY = exports.VISIBLE_ROWS = exports.ITEM_HEIGHT_PX = void 0;
 exports.createStyle = createStyle;
 const react_1 = require("@emotion/react");
 const color_1 = require("../utils/color");
 const theme_1 = require("../utils/theme");
-// iOS 风格设计变量
-const textPrimary = "#000000";
-const textSecondary = "#3c3c43"; // iOS secondaryLabel
-const textTertiary = "#8e8e93"; // iOS tertiaryLabel
+const rem_1 = require("../utils/rem");
+// 与 CitySelect 一致的设计变量（带线条风格）
+const textPrimary = "#1f2328";
+const textSecondary = "#6b7280";
+const textTertiary = "#9ca3af";
 const bgPage = "#ffffff";
-const bgSubtle = "rgba(120,120,128,.12)"; // iOS quaternary fill
-// 可见行数 = 5，单元高度 = .8rem
-exports.ITEM_HEIGHT_REM = 0.8;
+const bgSubtle = "#f5f6f8";
+const border = "#e5e7eb";
+// 可见行数 = 5，单元高度 = 80px @ 750 设计稿
+exports.ITEM_HEIGHT_PX = 80;
 exports.VISIBLE_ROWS = 5;
 function createStyle(primary, rounded = true) {
     const primaryActive = (0, color_1.darken)(primary, 0.15);
-    const sheetRadius = rounded ? ".28rem" : "0";
-    const indicatorRadius = rounded ? ".12rem" : "0";
+    const sheetRadius = rounded ? (0, rem_1.r)(24) : "0";
+    const indicatorRadius = rounded ? (0, rem_1.r)(12) : "0";
     return {
         // 内容容器：动画/全屏/居中由 Dialog 提供，这里只保留视觉与排版
         sheet: (0, react_1.css)({
@@ -32,29 +34,29 @@ function createStyle(primary, rounded = true) {
             WebkitFontSmoothing: "antialiased",
             MozOsxFontSmoothing: "grayscale",
         }),
-        // iOS 风标题栏：底部 hairline 与下方 body 做轻量区块分隔
+        // 标题栏：底部 hairline 与 body 区分
         header: (0, react_1.css)({
-            height: ".92rem",
+            height: (0, rem_1.r)(92),
             display: "flex",
             alignItems: "center",
             justifyContent: "space-between",
-            padding: "0 .16rem",
-            borderBottom: "1px solid rgba(60,60,67,.18)",
+            padding: `0 ${(0, rem_1.r)(16)}`,
+            borderBottom: `1px solid ${border}`,
         }),
         title: (0, react_1.css)({
             flex: 1,
             textAlign: "center",
-            fontSize: ".32rem",
+            fontSize: (0, rem_1.r)(30),
             fontWeight: 600,
             color: textPrimary,
-            letterSpacing: ".01rem",
+            letterSpacing: (0, rem_1.r)(1),
         }),
         btn: (0, react_1.css)({
-            minWidth: "1.1rem",
-            padding: "0 .08rem",
-            fontSize: ".3rem",
+            minWidth: (0, rem_1.r)(110),
+            padding: `0 ${(0, rem_1.r)(8)}`,
+            fontSize: (0, rem_1.r)(28),
             fontWeight: 400,
-            lineHeight: ".92rem",
+            lineHeight: (0, rem_1.r)(92),
             cursor: "pointer",
             transition: "opacity .15s, color .15s",
         }),
@@ -65,25 +67,27 @@ function createStyle(primary, rounded = true) {
         }),
         btnConfirm: (0, react_1.css)({
             textAlign: "right",
-            fontWeight: 600,
+            fontWeight: 500,
             color: primary,
             "&:active": { color: primaryActive, opacity: 0.65 },
         }),
         body: (0, react_1.css)({
             position: "relative",
             display: "flex",
-            height: `${exports.ITEM_HEIGHT_REM * exports.VISIBLE_ROWS}rem`,
-            padding: "0 .16rem .12rem",
+            height: (0, rem_1.r)(exports.ITEM_HEIGHT_PX * exports.VISIBLE_ROWS),
+            padding: `0 ${(0, rem_1.r)(16)} ${(0, rem_1.r)(12)}`,
         }),
-        // iOS 风选中背景：柔和的 quaternary fill、充足圆角
+        // 选中条：浅灰底 + 上下 hairline，与 CitySelect 列表观感一致
         indicator: (0, react_1.css)({
             position: "absolute",
-            left: ".16rem",
-            right: ".16rem",
-            top: `${exports.ITEM_HEIGHT_REM * 2}rem`,
-            height: `${exports.ITEM_HEIGHT_REM}rem`,
+            left: (0, rem_1.r)(16),
+            right: (0, rem_1.r)(16),
+            top: (0, rem_1.r)(exports.ITEM_HEIGHT_PX * 2),
+            height: (0, rem_1.r)(exports.ITEM_HEIGHT_PX),
             pointerEvents: "none",
             backgroundColor: bgSubtle,
+            borderTop: `1px solid ${border}`,
+            borderBottom: `1px solid ${border}`,
             borderRadius: indicatorRadius,
         }),
         column: (0, react_1.css)({
@@ -106,23 +110,23 @@ function createStyle(primary, rounded = true) {
             willChange: "transform",
         }),
         item: (0, react_1.css)({
-            height: `${exports.ITEM_HEIGHT_REM}rem`,
-            lineHeight: `${exports.ITEM_HEIGHT_REM}rem`,
-            fontSize: ".32rem",
+            height: (0, rem_1.r)(exports.ITEM_HEIGHT_PX),
+            lineHeight: (0, rem_1.r)(exports.ITEM_HEIGHT_PX),
+            fontSize: (0, rem_1.r)(32),
             fontWeight: 400,
             fontFamily: theme_1.numberFontStack,
             fontVariantNumeric: "tabular-nums",
-            letterSpacing: ".01rem",
+            letterSpacing: (0, rem_1.r)(1),
             textAlign: "center",
             color: textTertiary,
             transition: "color .18s ease",
         }),
         itemActive: (0, react_1.css)({
-            color: textPrimary,
-            fontWeight: 500,
+            color: primary,
+            fontWeight: 600,
         }),
         spacer: (0, react_1.css)({
-            height: `${exports.ITEM_HEIGHT_REM * 2}rem`,
+            height: (0, rem_1.r)(exports.ITEM_HEIGHT_PX * 2),
             pointerEvents: "none",
         }),
     };

package/build/Indicator/index.js

@@ -16,6 +16,7 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("@emotion/react");
 const react_2 = require("react");
 const cssUtil_1 = require("../utils/cssUtil");
+const rem_1 = require("../utils/rem");
 const style_1 = require("./style");
 /**
  * iOS 风菊花转圈指示器（仿 UIActivityIndicatorView 节奏）。
@@ -31,7 +32,7 @@ function Indicator(props) {
         { fontSize: 0, display: "inline-block", lineHeight: 0 },
         size !== undefined
             ? { width: (0, cssUtil_1.normalizeUnit)(size), height: (0, cssUtil_1.normalizeUnit)(size) }
-            : { width: ".4rem", height: ".4rem" },
+            : { width: (0, rem_1.r)(40), height: (0, rem_1.r)(40) },
     ], [size]);
     const svgCss = (0, react_2.useMemo)(() => (0, react_1.css)({
         width: "100%",

package/build/Loading/Wrapper.js

@@ -6,6 +6,7 @@ const style_1 = require("./style");
 const Indicator_1 = require("../Indicator");
 const Row_1 = require("../Flex/Row");
 const Overlay_1 = require("../Overlay");
+const rem_1 = require("../utils/rem");
 function Wrapper(props) {
     const { status = 'show', hint, overlay, indicator, onHide, containerStyle, } = props;
     // 覆盖层样式
@@ -17,9 +18,9 @@ function Wrapper(props) {
     if (typeof overlay === 'object') {
         overlayProps = Object.assign(Object.assign({}, overlayProps), overlay);
     }
-    // 指示器样式：默认 size .48rem，保证带文字 / 不带文字两态指示器大小一致
+    // 指示器样式：默认 size = 48px @ 750 设计稿，保证带文字 / 不带文字两态指示器大小一致
     let indicatorProps = {
-        size: '.48rem',
+        size: (0, rem_1.r)(48),
         barWidth: 5,
         barHeight: 25,
         barCount: 14,

package/build/Loading/style.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.style = exports.LoadingHide = exports.LoadingShow = void 0;
 const react_1 = require("@emotion/react");
+const rem_1 = require("../utils/rem");
 exports.LoadingShow = (0, react_1.keyframes) `
   from {
     opacity: 0;
@@ -21,13 +22,13 @@ exports.LoadingHide = (0, react_1.keyframes) `
 exports.style = {
     boxCommon: {
         backgroundColor: `rgba(0, 0, 0, .72)`,
-        borderRadius: '.2rem',
+        borderRadius: (0, rem_1.r)(20),
         backdropFilter: 'blur(20px) saturate(160%)',
         WebkitBackdropFilter: 'blur(20px) saturate(160%)',
     },
     box: {
-        width: '1.6rem',
-        height: '1.6rem',
+        width: (0, rem_1.r)(160),
+        height: (0, rem_1.r)(160),
     },
     boxShow: {
         animation: `${exports.LoadingShow} 200ms`,
@@ -36,13 +37,13 @@ exports.style = {
         animation: `${exports.LoadingHide} 200ms`,
     },
     boxWithExtra: {
-        padding: '.3rem',
+        padding: (0, rem_1.r)(30),
     },
     hint: {
         color: "#ffffff",
         whiteSpace: "nowrap",
-        fontSize: '.28rem',
-        marginLeft: '.2rem',
+        fontSize: (0, rem_1.r)(28),
+        marginLeft: (0, rem_1.r)(20),
         fontWeight: 500,
     },
 };

package/build/MapLocationSelection/buildSelectedLocation.d.ts

@@ -0,0 +1,16 @@
+import { type POIItem, type SelectedLocation } from "./types";
+import type { ReverseGeocodeResult } from "./provider";
+export declare const NEAREST_POI_FALLBACK_RADIUS_M = 80;
+export declare function splitAdcode(adcode?: string): {
+    provinceCode: string;
+    cityCode: string;
+    districtCode: string;
+} | undefined;
+export interface BuildSelectedLocationOptions {
+    pickedPoi?: {
+        name?: string;
+        address?: string;
+    };
+    candidatePoi?: POIItem | null;
+}
+export declare function buildSelectedLocation(center: [number, number], geo: ReverseGeocodeResult | null, options?: BuildSelectedLocationOptions): SelectedLocation;