@xhsreds/reds-rn-next 0.9.1-test.1 → 0.10.1-beta202511041913

package/src/components/PullRefresh/PullRefresh.tsx

@@ -1,7 +1,18 @@
 import React, { useState, useRef, useMemo, useEffect } from "react";
-import { View, StyleSheet, Animated, PanResponder, Easing, LayoutChangeEvent } from "react-native";
+import {
+  View,
+  StyleSheet,
+  Animated,
+  PanResponder,
+  Easing,
+  LayoutChangeEvent,
+  Platform,
+  RefreshControl as RNRefreshControl,
+} from "react-native";
 import { RedsPullRefresh, PullRefreshDefaultProps, PullState } from "./interface/index";
 import RefreshControl from "./component";
+// alias to avoid confusion when reading diff
+const CustomRefreshControl = RefreshControl;
 import useMounted from "../../pvCount/useUnmountedProcess";
 export default function PullRefresh(props: RedsPullRefresh) {
   useMounted("PullRefresh");
@@ -23,6 +34,11 @@ export default function PullRefresh(props: RedsPullRefresh) {
   // 是否在刷新中
   const [isRefreshing, setIsRefreshing] = useState<boolean>(false);
 
+  // 内部刷新状态（用于默认启用，特别是 Android 或未提供回调时）
+  const [internalRefreshing, setInternalRefreshing] = useState<boolean>(false);
+  // Android 自动结束计时器
+  const androidAutoEndRef = useRef<any>();
+
   // 组合动画
   const [animation, setAnimation] = useState<Animated.CompositeAnimation>();
 
@@ -76,6 +92,14 @@ export default function PullRefresh(props: RedsPullRefresh) {
       performInitRefresh();
     }
   }, [props.initRefresh, pullAnimHeight, hasInitRefreshed, isRefreshing, props.refresh]);
+  // 卸载清理：超时计时器
+  useEffect(() => {
+    return () => {
+      // @ts-ignore
+      if (pullTimeout) clearTimeout(pullTimeout);
+      if (androidAutoEndRef.current) clearTimeout(androidAutoEndRef.current);
+    };
+  }, [pullTimeout]);
 
   // 释放手指
   const onRelease = () => {
@@ -87,7 +111,17 @@ export default function PullRefresh(props: RedsPullRefresh) {
     if (panValue >= pullAnimHeight) {
       animatedTo(pullAnimHeight, () => {
         updatePullState(PullState.LOADING);
-        props.onRequest && props.onRequest();
+        // 如果有回调则调用，否则走默认内部流程（iOS 默认也支持）
+        if (props.onRequest) {
+          props.onRequest();
+        } else {
+          setInternalRefreshing(true);
+          // 启动一个自动结束计时器，避免没有外部状态时卡住
+          if (androidAutoEndRef.current) clearTimeout(androidAutoEndRef.current);
+          androidAutoEndRef.current = setTimeout(() => {
+            setInternalRefreshing(false);
+          }, props?.msHoldingTime ?? 1000);
+        }
       });
       // 有拉动距离但是不够设定的下拉高度
     } else if (panValue > 0) {
@@ -173,6 +207,14 @@ export default function PullRefresh(props: RedsPullRefresh) {
 
   // 手势对象
   const panResponder = useMemo(() => {
+    if (Platform.OS !== "ios" && props.nativeAndroidPullRefresh) {
+      // Android 原生下拉时不启用自定义手势
+      return PanResponder.create({
+        onStartShouldSetPanResponder: () => false,
+        onMoveShouldSetPanResponder: () => false,
+        onPanResponderTerminationRequest: () => true,
+      });
+    }
     return PanResponder.create({
       onStartShouldSetPanResponder: canMove,
       onStartShouldSetPanResponderCapture: canMove,
@@ -209,22 +251,24 @@ export default function PullRefresh(props: RedsPullRefresh) {
         return true;
       },
     });
-  }, [isPulling, scrollY, props.initRefresh, hasInitRefreshed, pullAnimHeight]);
+  }, [isPulling, scrollY, props.initRefresh, hasInitRefreshed, pullAnimHeight, props.nativeAndroidPullRefresh]);
 
-  // 根据外层传递参数变化进行更新执行
+  // 根据外层传递参数变化进行更新执行（自定义实现启用时）
   useEffect(() => {
+    if (Platform.OS !== "ios" && props.nativeAndroidPullRefresh) return;
     if (pullState === PullState.PULLING && !props.initRefresh) {
       return;
     }
     // 加载中
-    if (props.isRefreshing === true && !isRefreshing) {
+    const effectiveRefreshing = !!props.isRefreshing || internalRefreshing;
+    if (effectiveRefreshing === true && !isRefreshing) {
       animatedTo(pullAnimHeight);
       setIsRefreshing(true);
       updatePullState(PullState.LOADING);
     }
 
     // 外层加载结束 需要重置位置
-    if (props.isRefreshing === false && isRefreshing) {
+    if (effectiveRefreshing === false && isRefreshing) {
       setIsPulling(false);
       updatePullState(PullState.HOLDING);
       setPullTimeout(
@@ -240,7 +284,7 @@ export default function PullRefresh(props: RedsPullRefresh) {
 
       setIsRefreshing(false);
     }
-  }, [isRefreshing, props.msHoldingTime, props.isRefreshing, pullState]);
+  }, [isRefreshing, props.msHoldingTime, props.isRefreshing, pullState, internalRefreshing]);
 
   // RefreshControl组件初始化计算
   const onLayout = (evt: LayoutChangeEvent) => {
@@ -250,43 +294,84 @@ export default function PullRefresh(props: RedsPullRefresh) {
     setTop(-height);
   };
 
-  // 重写ScrollView的onScroll事件
+  // 重写ScrollView的onScroll事件（自定义：用于手势门控/头部位置; Android 原生：注入 RefreshControl）
   const scrollContent = useMemo(() => {
     return React.Children.map(props.children, (child: any) =>
       React.cloneElement(child, {
         // 设置滚动响应频率
         scrollEventThrottle: 1,
-        // 初始加载时禁用滚动
-        scrollEnabled: !(props.initRefresh && !hasInitRefreshed && isRefreshing),
-        onScroll: (evt: any) => {
-          setScrollY(evt.nativeEvent.contentOffset.y);
-          // iOS下拉刷新Loading时，ScrollView向上滑动的时候，refreshControl部分同样上滑
-          if (pullState === PullState.LOADING && evt.nativeEvent.contentOffset.y > 0) {
-            const y = Math.max(0, pullAnimHeight - evt.nativeEvent.contentOffset.y);
-            viewRef.current &&
-              viewRef.current.setNativeProps({
-                style: {
-                  transform: [{ translateY: y }],
-                },
-              });
-            animatedViewRef.current &&
-              animatedViewRef.current.setNativeProps({
-                style: {
-                  transform: [{ translateY: y }],
-                },
-              });
-          }
-          if (child.props.onScroll && typeof child.props.onScroll === "function") {
-            child.props.onScroll(evt);
-          }
-        },
+        ...(Platform.OS === "android" && props.nativeAndroidPullRefresh
+          ? {
+              refreshControl: (
+                <RNRefreshControl
+                  {...(props.androidRefreshProps || {})}
+                  colors={((props.androidRefreshProps as any)?.colors ?? props.androidColors) as any}
+                  refreshing={!!props.isRefreshing || internalRefreshing}
+                  onRefresh={() => {
+                    if (!!props.isRefreshing || internalRefreshing) return;
+                    try {
+                      props.onRequest && props.onRequest();
+                    } finally {
+                      // 默认启用：无回调或未受控时自动结束
+                      if (!props.onRequest) {
+                        setInternalRefreshing(true);
+                      }
+                      // 无论是否有回调，都启动一个兜底自动结束（避免卡住）
+                      if (androidAutoEndRef.current) clearTimeout(androidAutoEndRef.current);
+                      androidAutoEndRef.current = setTimeout(() => {
+                        setInternalRefreshing(false);
+                      }, props?.msHoldingTime ?? 1000);
+                    }
+                  }}
+                />
+              ),
+              onScroll: (evt: any) => {
+                if (child.props.onScroll && typeof child.props.onScroll === "function") {
+                  child.props.onScroll(evt);
+                }
+              },
+            }
+          : {
+              onScroll: (evt: any) => {
+                setScrollY(evt.nativeEvent.contentOffset.y);
+                // iOS下拉刷新Loading时，ScrollView向上滑动的时候，refreshControl部分同样上滑
+                if (pullState === PullState.LOADING && evt.nativeEvent.contentOffset.y > 0) {
+                  const y = Math.max(0, pullAnimHeight - evt.nativeEvent.contentOffset.y);
+                  viewRef.current &&
+                    viewRef.current.setNativeProps({
+                      style: {
+                        transform: [{ translateY: y }],
+                      },
+                    });
+                  animatedViewRef.current &&
+                    animatedViewRef.current.setNativeProps({
+                      style: {
+                        transform: [{ translateY: y }],
+                      },
+                    });
+                }
+                if (child.props.onScroll && typeof child.props.onScroll === "function") {
+                  child.props.onScroll(evt);
+                }
+              },
+            }),
       }),
     );
-  }, [pullState, props.children, props.initRefresh, hasInitRefreshed, isRefreshing, pullAnimHeight]);
-
-  // 增加Animated.View控制ScrollView展示位置
+  }, [
+    pullState,
+    props.children,
+    pullAnimHeight,
+    internalRefreshing,
+    props.isRefreshing,
+    props.nativeAndroidPullRefresh,
+  ]);
+
+  // 增加Animated.View控制ScrollView展示位置（自定义）
   const content = useMemo(() => {
-    // 默认
+    if (Platform.OS === "android" && props.nativeAndroidPullRefresh) {
+      // Android 直接返回内容（由 RN RefreshControl 控制）
+      return <>{scrollContent}</>;
+    }
     return (
       <Animated.View
         // @ts-ignore
@@ -299,27 +384,33 @@ export default function PullRefresh(props: RedsPullRefresh) {
         {scrollContent}
       </Animated.View>
     );
-  }, [pan, scrollContent]);
+  }, [pan, scrollContent, props.nativeAndroidPullRefresh]);
 
   return (
-    <View style={[styles.container, props.style]} {...panResponder.panHandlers} testID="refresh-container">
-      <Animated.View
-        // @ts-ignore
-        ref={animatedViewRef}
-        onLayout={onLayout}
-        style={[
-          styles.freshItem,
-          {
-            top: top,
-            height: props.pullAnimHeight,
-            transform: [{ translateY: pan }],
-          },
-          props.controlStyle,
-        ]}
-      >
-        {/* @ts-ignore */}
-        <RefreshControl ref={refreshControlRef} {...props} movePercent={movePercent} />
-      </Animated.View>
+    <View
+      style={[styles.container, props.style]}
+      {...(Platform.OS === "ios" || !props.nativeAndroidPullRefresh ? panResponder.panHandlers : {})}
+      testID="refresh-container"
+    >
+      {Platform.OS === "ios" || !props.nativeAndroidPullRefresh ? (
+        <Animated.View
+          // @ts-ignore
+          ref={animatedViewRef}
+          onLayout={onLayout}
+          style={[
+            styles.freshItem,
+            {
+              top: top,
+              height: props.pullAnimHeight,
+              transform: [{ translateY: pan }],
+            },
+            props.controlStyle,
+          ]}
+        >
+          {/* @ts-ignore */}
+          <CustomRefreshControl ref={refreshControlRef} {...props} movePercent={movePercent} />
+        </Animated.View>
+      ) : null}
       {content}
     </View>
   );

package/src/components/PullRefresh/doc/index.mdx

@@ -10,22 +10,25 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
 
 ### Props
 
-| 属性                  | 描述                   | 类型            | 默认值    |
-| --------------------- | ---------------------- | --------------- | --------- |
-| children              | 下拉刷新容器的内容     | React.ReactNode | undefined |
-| pullAnimHeight        | 下拉刷新组件高度       | number          | 0         |
-| minPullDistance       | 触发下拉刷新的最小距离 | number          | 20        |
-| msHoldingTime         | 下拉完成后的停留时间   | number          | 1000      |
-| isRefreshing          | 是否是加载数据中       | boolean         | false     |
-| pullDownToRefreshText | 下拉刷新文案           | string          |           |
-| releaseRefreshText    | 松开刷新文案           | string          |           |
-| requestDataText       | 请求数据中文案         | string          |           |
-| requestSuccessfulText | 请求成功文案           | string          |           |
-| style                 | 容器样式               | ViewStyle       |           |
-| controlStyle          | refreshControl样式     | ViewStyle       |           |
-| showText              | 是否展示文字           | boolean         | true      |
-| initRefresh           | 是否初始刷新           | boolean         | false     |
-| refresh               | 手动点击按钮控制刷新   | boolean         | false     |
+| 属性                     | 描述                                                                                                    | 类型            | 默认值    |
+| ------------------------ | ------------------------------------------------------------------------------------------------------- | --------------- | --------- |
+| children                 | 下拉刷新容器的内容                                                                                      | React.ReactNode | undefined |
+| pullAnimHeight           | 下拉刷新组件高度                                                                                        | number          | 0         |
+| minPullDistance          | 触发下拉刷新的最小距离                                                                                  | number          | 20        |
+| msHoldingTime            | 下拉完成后的停留时间                                                                                    | number          | 1000      |
+| isRefreshing             | 是否是加载数据中                                                                                        | boolean         | false     |
+| pullDownToRefreshText    | 下拉刷新文案                                                                                            | string          |           |
+| releaseRefreshText       | 松开刷新文案                                                                                            | string          |           |
+| requestDataText          | 请求数据中文案                                                                                          | string          |           |
+| requestSuccessfulText    | 请求成功文案                                                                                            | string          |           |
+| style                    | 容器样式                                                                                                | ViewStyle       |           |
+| controlStyle             | refreshControl样式                                                                                      | ViewStyle       |           |
+| showText                 | 是否展示文字                                                                                            | boolean         | true      |
+| initRefresh              | 是否初始刷新                                                                                            | boolean         | false     |
+| refresh                  | 手动点击按钮控制刷新                                                                                    | boolean         | false     |
+| nativeAndroidPullRefresh | Android 使用原生 RefreshControl（仅 Android 生效）                                                      | boolean         | false     |
+| androidRefreshProps      | Android 原生 RefreshControl 配置（仅在开启原生下拉时生效），等同于 React Native RefreshControl 的 props | Object          | `{}`      |
+| androidColors            | Android 原生 RefreshControl 颜色（等同于 androidRefreshProps.colors）                                   | string[]        |           |
 
 ### Events
 

package/src/components/PullRefresh/interface/index.ts

@@ -1,3 +1,4 @@
+import type { RefreshControlProps } from "react-native";
 import { ViewStyle } from "react-native";
 export interface RedsPullRefresh {
   children: React.ReactNode;
@@ -15,6 +16,9 @@ export interface RedsPullRefresh {
   showText?: boolean;
   initRefresh?: boolean;
   refresh?: boolean;
+  nativeAndroidPullRefresh?: boolean;
+  androidRefreshProps?: Object;
+  androidColors?: string[];
 }
 
 export enum PullState {
@@ -35,4 +39,6 @@ export const PullRefreshDefaultProps = {
   showText: true,
   initRefresh: false,
   refresh: false,
+  nativeAndroidPullRefresh: false,
+  androidRefreshProps: {},
 };

package/src/components/Radio/Radio.tsx

@@ -64,9 +64,9 @@ const Radio = (props: RedsRadio) => {
   const labelStyle = getLabelStyle(disabled || parent?.disabled, size, parent?.direction);
 
   const iconSizeMap: Record<"small" | "medium" | "large", number> = {
-    small: 16,
-    medium: 20,
-    large: 24,
+    small: 12,
+    medium: 16,
+    large: 20,
   };
 
   const rightStyle = getRightIconStyle(size);

package/src/components/Radio/styles.ts

@@ -2,9 +2,9 @@ import { StyleSheet, ViewStyle, TextStyle, DimensionValue } from "react-native";
 import { useThemeColor } from "../ConfigProvider";
 import { typography } from "@xhs/reds-token-next";
 const iconSizeMap: Record<"small" | "medium" | "large" | string, number> = {
-  small: typography.B1FontSize,
-  medium: typography.H3FontSize,
-  large: typography.H2FontSize,
+  small: 12,
+  medium: 16,
+  large: 20,
 };
 const fontSizeMap: Record<"small" | "medium" | "large", number> = {
   small: 12,

package/src/components/Sheets/styles.ts

@@ -49,11 +49,11 @@ const styles = StyleSheet.create({
     borderTopRightRadius: 12,
   },
   cancel: {
-    fontSize: typography.B1LooseFontSize,
+    fontSize: typography.B2LooseSwitchFontSize,
     fontWeight: typography.B1LooseFontWeight,
   },
   confirm: {
-    fontSize: typography.B1LooseFontSize,
+    fontSize: typography.B2LooseSwitchFontSize,
     fontWeight: typography.T3FontWeight,
   },
   label: {

package/src/components/StatusBar/hook/getStatusHeight.ts

@@ -29,6 +29,13 @@ const IPADPRO11_HEIGHT = 1194;
 const IPADPRO129_HEIGHT = 1024;
 const IPADPRO129_WIDTH = 1366;
 
+const IPHONE17AIR_WIDTH = 420;
+const IPHONE17AIR_HEIGHT = 912;
+const IPHONE17_WIDTH = 402;
+const IPHONE17_HEIGHT = 874;
+const IPHONE17PROMAX_WIDTH = 440;
+const IPHONE17PROMAX_HEIGHT = 956;
+
 export const getResolvedDimensions = () => {
   const { width, height } = Dimensions.get("window");
   if (width === 0 && height === 0) return Dimensions.get("screen");
@@ -77,6 +84,14 @@ export const isIPhoneX = (() => {
   );
 })();
 
+export const isIPhone17 = (() => {
+  return (
+    (D_HEIGHT === IPHONE17_HEIGHT && D_WIDTH === IPHONE17_WIDTH) ||
+    (D_HEIGHT === IPHONE17PROMAX_HEIGHT && D_WIDTH === IPHONE17PROMAX_WIDTH) ||
+    (D_HEIGHT === IPHONE17AIR_HEIGHT && D_WIDTH === IPHONE17AIR_WIDTH)
+  );
+})();
+
 export const isNewIPadPro = (() => {
   if (Platform.OS !== "ios") return false;
 
@@ -138,6 +153,10 @@ export const statusBarHeight = (isLandscape: boolean, immersive: boolean = false
     return isLandscape ? 0 : 44;
   }
 
+  if (isIPhone17) {
+    return isLandscape ? 0 : 34;
+  }
+
   if (isNewIPadPro) {
     return 24;
   }
@@ -154,7 +173,7 @@ export const statusBarHeight = (isLandscape: boolean, immersive: boolean = false
 };
 
 export const safeAreaBottomInset = () => {
-  if (isIPhoneX || isIPhone14Pro || isIPhone16Pro || isIPhoneAir) {
+  if (isIPhoneX || isIPhone14Pro || isIPhone16Pro || isIPhoneAir || isIPhone17) {
     return 34;
   }
 

package/src/index.ts

@@ -1,4 +1,3 @@
-// "test111"
 export * from "./components/SegmentedControl";
 export * from "./components/LanguageProvider";
 export * from "./components/NoticeBar";

package/CHANGELOG.md

@@ -1,13 +0,0 @@
-# @xhs/reds-rn-next
-
-## 0.9.1-test.1
-
-### Patch Changes
-
-- 9b7e25eb: fix: 2
-
-## 0.9.1-test.0
-
-### Patch Changes
-
-- 06f29aba: fix: add

package/lib/cjs/_chunks/CIr5S84J.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CIr5S84J.js","sources":["../../../src/components/PullRefresh/interface/index.ts"],"sourcesContent":["import { ViewStyle } from \"react-native\";\nexport interface RedsPullRefresh {\n  children: React.ReactNode;\n  pullAnimHeight?: number;\n  minPullDistance?: number;\n  msHoldingTime?: number;\n  isRefreshing: boolean;\n  pullDownToRefreshText?: string;\n  releaseRefreshText?: string;\n  requestDataText?: string;\n  requestSuccessfulText?: string;\n  style?: ViewStyle;\n  controlStyle?: ViewStyle;\n  onRequest?: () => void;\n  showText?: boolean;\n  initRefresh?: boolean;\n  refresh?: boolean;\n}\n\nexport enum PullState {\n  INIT, // 初始化\n  FINISH, // 结束\n  PULLING, // 下拉中\n  LOADING, // 请求数据中\n  HOLDING, // 请求完数据的停留状态\n}\n\nexport interface RedsPullRefreshEvent {}\nexport const PullRefreshDefaultProps = {\n  children: undefined,\n  pullAnimHeight: 0,\n  minPullDistance: 20,\n  msHoldingTime: 1000,\n  isRefreshing: false,\n  showText: true,\n  initRefresh: false,\n  refresh: false,\n};\n"],"names":["PullState","PullState2","PullRefreshDefaultProps","children","pullAnimHeight","minPullDistance","msHoldingTime","isRefreshing","showText","initRefresh","refresh"],"mappings":";;IAmBYA,SAAA,4BAAAA,UAAL,EAAA;EACLA,UAAA,CAAAC,UAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;EACAD,UAAA,CAAAC,UAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;EACAD,UAAA,CAAAC,UAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;EACAD,UAAA,CAAAC,UAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;EACAD,UAAA,CAAAC,UAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AALUD,EAAAA,OAAAA,UAAAA,CAAAA;AAAA,CAAA,CAAAA,SAAA,IAAA,EAAA,EAAA;AASL,IAAME,uBAA0B,GAAA;EACrCC,QAAU,EAAA,KAAA,CAAA;AACVC,EAAAA,cAAgB,EAAA,CAAA;AAChBC,EAAAA,eAAiB,EAAA,EAAA;AACjBC,EAAAA,aAAe,EAAA,GAAA;AACfC,EAAAA,YAAc,EAAA,KAAA;AACdC,EAAAA,QAAU,EAAA,IAAA;AACVC,EAAAA,WAAa,EAAA,KAAA;AACbC,EAAAA,OAAS,EAAA,KAAA;AACX;;;;;;;;;;;;"}

package/lib/esm/_chunks/CZtagXcj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CZtagXcj.js","sources":["../../../src/components/PullRefresh/interface/index.ts"],"sourcesContent":["import { ViewStyle } from \"react-native\";\nexport interface RedsPullRefresh {\n  children: React.ReactNode;\n  pullAnimHeight?: number;\n  minPullDistance?: number;\n  msHoldingTime?: number;\n  isRefreshing: boolean;\n  pullDownToRefreshText?: string;\n  releaseRefreshText?: string;\n  requestDataText?: string;\n  requestSuccessfulText?: string;\n  style?: ViewStyle;\n  controlStyle?: ViewStyle;\n  onRequest?: () => void;\n  showText?: boolean;\n  initRefresh?: boolean;\n  refresh?: boolean;\n}\n\nexport enum PullState {\n  INIT, // 初始化\n  FINISH, // 结束\n  PULLING, // 下拉中\n  LOADING, // 请求数据中\n  HOLDING, // 请求完数据的停留状态\n}\n\nexport interface RedsPullRefreshEvent {}\nexport const PullRefreshDefaultProps = {\n  children: undefined,\n  pullAnimHeight: 0,\n  minPullDistance: 20,\n  msHoldingTime: 1000,\n  isRefreshing: false,\n  showText: true,\n  initRefresh: false,\n  refresh: false,\n};\n"],"names":["PullState","PullState2","PullRefreshDefaultProps","children","pullAnimHeight","minPullDistance","msHoldingTime","isRefreshing","showText","initRefresh","refresh"],"mappings":"IAmBYA,SAAA,4BAAAA,UAAL,EAAA;EACLA,UAAA,CAAAC,UAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;EACAD,UAAA,CAAAC,UAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;EACAD,UAAA,CAAAC,UAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;EACAD,UAAA,CAAAC,UAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;EACAD,UAAA,CAAAC,UAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AALUD,EAAAA,OAAAA,UAAAA,CAAAA;AAAA,CAAA,CAAAA,SAAA,IAAA,EAAA,EAAA;AASL,IAAME,uBAA0B,GAAA;EACrCC,QAAU,EAAA,KAAA,CAAA;AACVC,EAAAA,cAAgB,EAAA,CAAA;AAChBC,EAAAA,eAAiB,EAAA,EAAA;AACjBC,EAAAA,aAAe,EAAA,GAAA;AACfC,EAAAA,YAAc,EAAA,KAAA;AACdC,EAAAA,QAAU,EAAA,IAAA;AACVC,EAAAA,WAAa,EAAA,KAAA;AACbC,EAAAA,OAAS,EAAA,KAAA;AACX;;;;;;;;;;"}