clxx 2.1.8 → 3.0.1

package/build/Indicator/style.js

@@ -1,18 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBarChangeKeyFrames = getBarChangeKeyFrames;
+exports.barFadeKeyframes = void 0;
 const react_1 = require("@emotion/react");
 /**
- * 获取转圈每一条bar的过渡动画
- * @param color
+ * iOS 菊花单条 bar 的不透明度衰减动画
+ * 1 -> 0.18 线性衰减；keyframes 与颜色解耦，全局共享单例，
+ * 走 opacity 触发 GPU 合成而非 SVG paint，性能更高。
  */
-function getBarChangeKeyFrames(color) {
-    return (0, react_1.keyframes) `
-  from {
-    fill: ${color};
-  }
-  to {
-    fill: transparent;
-  }
-  `;
-}
+exports.barFadeKeyframes = (0, react_1.keyframes) `
+  0% { opacity: 1; }
+  100% { opacity: 0.18; }
+`;

package/build/Loading/Wrapper.js

@@ -17,8 +17,9 @@ function Wrapper(props) {
     if (typeof overlay === 'object') {
         overlayProps = Object.assign(Object.assign({}, overlayProps), overlay);
     }
-    // 指示器样式
+    // 指示器样式：默认 size .48rem，保证带文字 / 不带文字两态指示器大小一致
     let indicatorProps = {
+        size: '.48rem',
         barWidth: 5,
         barHeight: 25,
         barCount: 14,

package/build/Loading/style.js

@@ -20,8 +20,10 @@ exports.LoadingHide = (0, react_1.keyframes) `
 `;
 exports.style = {
     boxCommon: {
-        backgroundColor: `rgba(0, 0, 0, .8)`,
-        borderRadius: '.16rem',
+        backgroundColor: `rgba(0, 0, 0, .72)`,
+        borderRadius: '.2rem',
+        backdropFilter: 'blur(20px) saturate(160%)',
+        WebkitBackdropFilter: 'blur(20px) saturate(160%)',
     },
     box: {
         width: '1.6rem',
@@ -33,19 +35,14 @@ exports.style = {
     boxHide: {
         animation: `${exports.LoadingHide} 200ms`,
     },
-    boxWithExtra: [
-        { padding: '.3rem' },
-        {
-            "> div:first-of-type": {
-                width: '.48rem',
-                height: '.48rem',
-            },
-        },
-    ],
+    boxWithExtra: {
+        padding: '.3rem',
+    },
     hint: {
-        color: "#f5f5f5dd",
+        color: "#ffffff",
         whiteSpace: "nowrap",
         fontSize: '.28rem',
         marginLeft: '.2rem',
+        fontWeight: 500,
     },
 };

package/build/Overlay/index.js

@@ -37,13 +37,18 @@ function Overlay(props) {
     const style = (0, react_1.useMemo)(() => {
         const styles = [];
         // 如果是全屏，设置全屏样式
+        // 通过 CSS 变量 --clxx-max-width 与 Container 的 maxWidth 联动；
+        // PC 端 fixed 默认参照浏览器窗口，这里用 left:50% + translateX(-50%) + maxWidth
+        // 让遮罩 / 弹窗水平居中并限制在 Container 视口范围内
         if (fullScreen) {
             styles.push({
                 zIndex: 9999,
                 position: "fixed",
                 top: 0,
-                left: 0,
+                left: "50%",
+                transform: "translateX(-50%)",
                 width: "100%",
+                maxWidth: "var(--clxx-max-width, 100%)",
                 height: "100%",
                 backgroundColor: maskColor,
             });

package/build/RegionPicker/data.d.ts

@@ -0,0 +1,6 @@
+export interface TreeRegionItem {
+    value: string;
+    label: string;
+    children?: TreeRegionItem[];
+}
+export declare const treeRegionData: TreeRegionItem[];