@beppla/tapas-ui 1.5.0 → 1.5.6

package/module/Image/PreviewImg.js

@@ -49,10 +49,8 @@ const PreviewImg = ({
   const [currentIndex, setCurrentIndex] = React.useState(defaultIndex);
   const getIcon = (iconName, disabled) => {
     return disabled ? /*#__PURE__*/_jsx(Icon, {
-      size: 24
-      // @ts-ignore
-      ,
-      color: props.theme.colors.colorInvertDisabledIcon,
+      size: 24,
+      color: props.theme?.colors?.colorInvertDisabledIcon,
       name: iconName
     }) : /*#__PURE__*/_jsx(TouchableOpacity, {
       onPress: () => {
@@ -62,11 +60,11 @@ const PreviewImg = ({
           setCurrentIndex(currentIndex + 1);
         }
       },
+      accessibilityRole: "button",
+      accessibilityLabel: iconName === 'chevron_left' ? 'Previous image' : 'Next image',
       children: /*#__PURE__*/_jsx(Icon, {
-        size: 24
-        // @ts-ignore
-        ,
-        color: props.theme.colors.colorInvertNormalIcon,
+        size: 24,
+        color: props.theme?.colors?.colorInvertNormalIcon,
         name: iconName
       })
     });
@@ -84,18 +82,19 @@ const PreviewImg = ({
       onPress: () => {
         props?.onClose && props.onClose();
       },
+      accessibilityRole: "button",
+      accessibilityLabel: "Close preview",
       children: /*#__PURE__*/_jsx(Icon, {
-        size: 40
-        // @ts-ignore
-        ,
-        color: props.theme.colors.colorInvertNormalIcon,
+        size: 40,
+        color: props.theme?.colors?.colorInvertNormalIcon,
         name: "close"
       })
     }), /*#__PURE__*/_jsx("img", {
       style: {
         height: window.innerHeight - 200
       },
-      src: data[currentIndex]?.fileUrl
+      src: data[currentIndex]?.fileUrl,
+      alt: "Preview image"
     }), /*#__PURE__*/_jsxs(View, {
       style: [styles.flx, styles.thumbnailWrapper],
       children: [data.length > 1 ? getIcon('chevron_left', currentIndex === 0) : null, data?.map((item, index) => {
@@ -106,8 +105,11 @@ const PreviewImg = ({
           style: [styles.imgWrapper, {
             borderColor: index === currentIndex ? '#F55523' : 'transparent'
           }],
+          accessibilityRole: "button",
+          accessibilityLabel: `Image ${index + 1}`,
           children: /*#__PURE__*/_jsx("img", {
-            src: item?.fileUrl
+            src: item?.fileUrl,
+            alt: `Thumbnail image ${index + 1}`
           }, index)
         });
       }), data.length > 1 ? getIcon('chevron_right', currentIndex === data.length - 1) : null]

package/module/Image/PreviewImg.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","View","TouchableOpacity","Overlay","makeStyles","withTheme","Icon","jsx","_jsx","jsxs","_jsxs","useStyles","flx","display","flexDirection","alignItems","justifyContent","flxStart","width","container","backgroundColor","padding","border","bg","thumbnailWrapper","marginTop","gap","imgWrapper","height","borderWidth","borderRadius","PreviewImg","isVisible","data","defaultIndex","props","styles","visible","setVisible","currentIndex","setCurrentIndex","getIcon","iconName","disabled","size","color","theme","colors","colorInvertDisabledIcon","name","onPress","children","colorInvertNormalIcon","overlayStyle","backdropStyle","onBackdropPress","onClose","style","window","innerHeight","src","fileUrl","length","map","item","index","borderColor"],"sourceRoot":"../../../components","sources":["Image/PreviewImg.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","View","TouchableOpacity","Overlay","makeStyles","withTheme","Icon","jsx","_jsx","jsxs","_jsxs","useStyles","flx","display","flexDirection","alignItems","justifyContent","flxStart","width","container","backgroundColor","padding","border","bg","thumbnailWrapper","marginTop","gap","imgWrapper","height","borderWidth","borderRadius","PreviewImg","isVisible","data","defaultIndex","props","styles","visible","setVisible","currentIndex","setCurrentIndex","getIcon","iconName","disabled","size","color","theme","colors","colorInvertDisabledIcon","name","onPress","accessibilityRole","accessibilityLabel","children","colorInvertNormalIcon","overlayStyle","backdropStyle","onBackdropPress","onClose","style","window","innerHeight","src","fileUrl","alt","length","map","item","index","borderColor"],"sourceRoot":"../../../components","sources":["Image/PreviewImg.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAGC,QAAQ,QAAO,OAAO;AACrC,SAAQC,IAAI,EAAEC,gBAAgB,QAAO,cAAc;AACnD,SAAQC,OAAO,EAAEC,UAAU,EAAEC,SAAS,QAAO,eAAe;AAC5D,OAAOC,IAAI,MAAM,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBtC,MAAMC,SAAS,GAAGP,UAAU,CAAC,MAAM;EACjC,OAAO;IACLQ,GAAG,EAAE;MACHC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,QAAQ,EAAE;MACRF,UAAU,EAAE,YAAY;MACxBG,KAAK,EAAE;IACT,CAAC;IACDC,SAAS,EAAE;MACTC,eAAe,EAAE,aAAa;MAC9BC,OAAO,EAAE,CAAC;MACVC,MAAM,EAAE;IACV,CAAC;IACDC,EAAE,EAAE;MACFH,eAAe,EAAE;IACnB,CAAC;IACDI,gBAAgB,EAAE;MAChBV,aAAa,EAAE,KAAK;MACpBW,SAAS,EAAE,EAAE;MACbC,GAAG,EAAE;IACP,CAAC;IACDC,UAAU,EAAE;MACVT,KAAK,EAAE,EAAE;MACTU,MAAM,EAAE,EAAE;MACVC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE;IAChB;EACF,CAAC;AACH,CAAC,CAAC;AACF,MAAMC,UAAuC,GAAGA,CAAC;EAC/CC,SAAS,GAAG,KAAK;EACjBC,IAAI;EACJC,YAAY,GAAG,CAAC;EAChB,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGzB,SAAS,CAACwB,KAAK,CAAC;EAC/B,MAAM,CAACE,OAAO,EAAEC,UAAU,CAAC,GAAGtC,QAAQ,CAACgC,SAAS,CAAC;EACjD,MAAM,CAACO,YAAY,EAAEC,eAAe,CAAC,GAAGzC,KAAK,CAACC,QAAQ,CAASkC,YAAY,CAAC;EAE5E,MAAMO,OAAO,GAAGA,CAACC,QAAgB,EAAEC,QAAkB,KAAK;IACxD,OAAOA,QAAQ,gBACbnC,IAAA,CAACF,IAAI;MACHsC,IAAI,EAAE,EAAG;MACTC,KAAK,EAAGV,KAAK,CAAyBW,KAAK,EAAEC,MAAM,EAAEC,uBAAwB;MAC7EC,IAAI,EAAEP;IAAS,CAChB,CAAC,gBAEFlC,IAAA,CAACN,gBAAgB;MACfgD,OAAO,EAAEA,CAAA,KAAM;QACb,IAAIR,QAAQ,KAAK,cAAc,EAAE;UAC/BF,eAAe,CAACD,YAAY,GAAG,CAAC,CAAC;QACnC,CAAC,MAAM;UACLC,eAAe,CAACD,YAAY,GAAG,CAAC,CAAC;QACnC;MACF,CAAE;MACFY,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAEV,QAAQ,KAAK,cAAc,GAAG,gBAAgB,GAAG,YAAa;MAAAW,QAAA,eAElF7C,IAAA,CAACF,IAAI;QACHsC,IAAI,EAAE,EAAG;QACTC,KAAK,EAAGV,KAAK,CAAyBW,KAAK,EAAEC,MAAM,EAAEO,qBAAsB;QAC3EL,IAAI,EAAEP;MAAS,CAChB;IAAC,CACc,CACnB;EACH,CAAC;EACD,oBACEhC,KAAA,CAACP,OAAO;IACN6B,SAAS,EAAEK,OAAQ;IACnBkB,YAAY,EAAE,CAACnB,MAAM,CAACxB,GAAG,EAAEwB,MAAM,CAACjB,SAAS,CAAE;IAC7CqC,aAAa,EAAEpB,MAAM,CAACb,EAAG;IACzBkC,eAAe,EAAEA,CAAA,KAAM;MACrBnB,UAAU,CAAC,CAACD,OAAO,CAAC;MACpBF,KAAK,EAAEuB,OAAO,IAAIvB,KAAK,CAACuB,OAAO,CAAC,CAAC;IACnC,CAAE;IAAAL,QAAA,gBAEF7C,IAAA,CAACN,gBAAgB;MACfyD,KAAK,EAAE,CAACvB,MAAM,CAACxB,GAAG,EAAEwB,MAAM,CAACnB,QAAQ,CAAE;MACrCiC,OAAO,EAAEA,CAAA,KAAM;QACbf,KAAK,EAAEuB,OAAO,IAAIvB,KAAK,CAACuB,OAAO,CAAC,CAAC;MACnC,CAAE;MACFP,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAC,eAAe;MAAAC,QAAA,eAElC7C,IAAA,CAACF,IAAI;QACHsC,IAAI,EAAE,EAAG;QACTC,KAAK,EAAGV,KAAK,CAAyBW,KAAK,EAAEC,MAAM,EAAEO,qBAAsB;QAC3EL,IAAI,EAAC;MAAO,CACb;IAAC,CACc,CAAC,eACnBzC,IAAA;MAAKmD,KAAK,EAAE;QAAC/B,MAAM,EAAEgC,MAAM,CAACC,WAAW,GAAG;MAAG,CAAE;MAACC,GAAG,EAAE7B,IAAI,CAACM,YAAY,CAAC,EAAEwB,OAAQ;MAACC,GAAG,EAAC;IAAe,CAAE,CAAC,eACxGtD,KAAA,CAACT,IAAI;MAAC0D,KAAK,EAAE,CAACvB,MAAM,CAACxB,GAAG,EAAEwB,MAAM,CAACZ,gBAAgB,CAAE;MAAA6B,QAAA,GAChDpB,IAAI,CAACgC,MAAM,GAAG,CAAC,GAAGxB,OAAO,CAAC,cAAc,EAAEF,YAAY,KAAK,CAAC,CAAC,GAAG,IAAI,EACpEN,IAAI,EAAEiC,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;QAC1B,oBACE5D,IAAA,CAACN,gBAAgB;UACfgD,OAAO,EAAEA,CAAA,KAAM;YACbV,eAAe,CAAC4B,KAAK,CAAC;UACxB,CAAE;UACFT,KAAK,EAAE,CACLvB,MAAM,CAACT,UAAU,EACjB;YAAC0C,WAAW,EAAED,KAAK,KAAK7B,YAAY,GAAG,SAAS,GAAG;UAAa,CAAC,CACjE;UACFY,iBAAiB,EAAC,QAAQ;UAC1BC,kBAAkB,EAAE,SAASgB,KAAK,GAAG,CAAC,EAAG;UAAAf,QAAA,eAEzC7C,IAAA;YAAiBsD,GAAG,EAAEK,IAAI,EAAEJ,OAAQ;YAACC,GAAG,EAAE,mBAAmBI,KAAK,GAAG,CAAC;UAAG,GAA/DA,KAAiE;QAAC,CAC5D,CAAC;MAEvB,CAAC,CAAC,EACDnC,IAAI,CAACgC,MAAM,GAAG,CAAC,GAAGxB,OAAO,CAAC,eAAe,EAAEF,YAAY,KAAKN,IAAI,CAACgC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI;IAAA,CAChF,CAAC;EAAA,CACA,CAAC;AAEd,CAAC;AAED,eAAe5D,SAAS,CAAC0B,UAAU,CAAC","ignoreList":[]}

package/module/Image/README.md

@@ -0,0 +1,88 @@
+# PreviewImg
+
+图片预览组件，支持全屏遮罩层展示图片，提供缩略图列表导航和左右切换功能。适合商品图片、订单附件等多图预览场景。
+
+## 功能特性
+
+- ✅ 全屏遮罩层预览（Overlay）
+- ✅ 多图浏览：底部缩略图列表导航
+- ✅ 左右切换按钮（chevron_left / chevron_right）
+- ✅ 首张/末张图片自动禁用对应切换按钮
+- ✅ 点击缩略图快速跳转
+- ✅ 当前选中缩略图高亮边框
+- ✅ 点击遮罩或关闭按钮关闭预览
+- ✅ 自定义默认展示图片索引（defaultIndex）
+
+## 安装使用
+
+```tsx
+import { PreviewImg } from '@beppla/tapas-ui';
+```
+
+## Props
+
+| 属性 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| isVisible | `boolean` | `false` | 是否显示预览 |
+| data | `IFileState[]` | - | 图片数据数组（必填） |
+| defaultIndex | `number` | `0` | 默认展示的图片索引 |
+| onClose | `() => void` | - | 关闭回调（必填） |
+| onSelect | `(index: number) => void` | - | 图片选择回调（预留） |
+
+### IFileState
+
+```tsx
+interface IFileState {
+  fileId?: string;
+  fileName?: string;
+  fileUrl?: string;
+}
+```
+
+## 使用示例
+
+### 基础用法
+
+```tsx
+const [visible, setVisible] = useState(false);
+const images = [
+  { fileId: '1', fileName: 'photo1.jpg', fileUrl: 'https://example.com/1.jpg' },
+  { fileId: '2', fileName: 'photo2.jpg', fileUrl: 'https://example.com/2.jpg' },
+];
+
+<PreviewImg
+  isVisible={visible}
+  data={images}
+  onClose={() => setVisible(false)}
+/>
+```
+
+### 指定默认图片
+
+```tsx
+<PreviewImg
+  isVisible={visible}
+  data={images}
+  defaultIndex={2}
+  onClose={() => setVisible(false)}
+/>
+```
+
+### 单张图片（无切换按钮）
+
+```tsx
+<PreviewImg
+  isVisible={visible}
+  data={[{ fileUrl: 'https://example.com/single.jpg' }]}
+  onClose={() => setVisible(false)}
+/>
+```
+
+## 注意事项
+
+- 组件使用 HTML `<img>` 标签渲染，仅适用于 Web 平台
+- 主图高度自适应：`window.innerHeight - 200`
+- 缩略图固定尺寸 84x84，选中态边框色 `#F55523`
+- 单张图片时不显示左右切换按钮
+- 预览层使用 `@rneui/themed` 的 Overlay 组件
+- 需在 `ThemeProvider` 内使用

package/module/Input/Input.js

@@ -49,6 +49,25 @@ const useStyles = makeStyles((theme, ...props) => {
     },
     require: {
       color: theme.colors.colorTextError
+    },
+    errorBorder: {
+      borderColor: theme.colors.colorTextError
+    },
+    stateMsg: {
+      fontSize: theme.fonts.sizeS,
+      color: theme.colors.colorTextError,
+      marginTop: -16,
+      marginLeft: 16,
+      marginBottom: 4
+    },
+    unit: {
+      fontSize: theme.fonts.sizeM,
+      color: theme.colors.colorTextSecondary,
+      marginLeft: 4
+    },
+    clearBtn: {
+      padding: 4,
+      marginLeft: 4
     }
   };
 });
@@ -58,6 +77,11 @@ export const TapasInput = ({
   onFocus,
   value: propValue,
   enableBridgelessFix = true,
+  state,
+  stateMsg,
+  unit,
+  showClearBtn,
+  password,
   ...props
 }) => {
   const styles = useStyles(props);
@@ -248,14 +272,41 @@ export const TapasInput = ({
     };
   }, []); // 使用 ref 访问最新状态，不需要添加依赖
 
-  return /*#__PURE__*/_jsx(View, {
+  const handleClear = useCallback(() => {
+    props.onChangeText?.('');
+  }, [props.onChangeText]);
+  const rightIconElement = useMemo(() => {
+    const elements = [];
+    if (showClearBtn && propValue) {
+      elements.push(/*#__PURE__*/_jsx(Text, {
+        onPress: handleClear,
+        style: styles.clearBtn,
+        children: '\u2715'
+      }, "clear"));
+    }
+    if (unit) {
+      elements.push(/*#__PURE__*/_jsx(Text, {
+        style: styles.unit,
+        children: unit
+      }, "unit"));
+    }
+    if (elements.length === 0) return props.rightIcon;
+    return /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center'
+      },
+      children: [elements, props.rightIcon]
+    });
+  }, [showClearBtn, propValue, unit, props.rightIcon, handleClear, styles.clearBtn, styles.unit]);
+  return /*#__PURE__*/_jsxs(View, {
     style: {
       flex: 1
     },
     onStartShouldSetResponder: () => false,
     onResponderTerminationRequest: () => false,
     pointerEvents: "box-none",
-    children: /*#__PURE__*/_jsx(Input, {
+    children: [/*#__PURE__*/_jsx(Input, {
       ...(inputRef.current ? {
         inputRef
       } : {}),
@@ -263,9 +314,11 @@ export const TapasInput = ({
       onFocus: handleFocus,
       onBlur: handleBlur,
       containerStyle: containerStyleMemo,
-      inputStyle: inputStyleMemo,
+      inputStyle: [inputStyleMemo, state === 'error' && styles.errorBorder],
       inputContainerStyle: inputContainerStyleMemo,
       blurOnSubmit: Platform.OS === 'android' ? false : props.blurOnSubmit,
+      secureTextEntry: password,
+      rightIcon: rightIconElement,
       ...props,
       label: /*#__PURE__*/_jsxs(Text, {
         style: [shouldShowLabel ? styles.labelContext : {
@@ -276,7 +329,10 @@ export const TapasInput = ({
           children: "*"
         })]
       })
-    })
+    }), state === 'error' && stateMsg ? /*#__PURE__*/_jsx(Text, {
+      style: styles.stateMsg,
+      children: stateMsg
+    }) : null]
   });
 };
 export default withTheme(TapasInput);

package/module/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useCallback","useMemo","useRef","useEffect","View","Text","Platform","Keyboard","withTheme","Input","makeStyles","isBridgelessMode","jsx","_jsx","jsxs","_jsxs","inputInstancesRef","Set","useStyles","theme","props","labelBg","labelColor","inputBase","minWidth","minHeight","paddingHorizontal","paddingVertical","input","fontFamily","fonts","fontSize","sizeM","fontWeight","weightR","color","colors","colorTextPrimary","borderRadius","radius","rounded","borderWidth","borderColor","colorBorder1","paddingLeft","paddingRight","labelContext","sizeS","backgroundColor","white","overflow","position","display","flexDirection","zIndex","left","top","require","colorTextError","TapasInput","labelPosition","onBlur","onFocus","value","propValue","enableBridgelessFix","styles","isFocused","setIsFocused","inputRef","blurTimeoutRef","keyboardShowListenerRef","keyboardHideListenerRef","shouldRefocusRef","isBridgeless","isFocusedRef","lastFocusTimeRef","FOCUS_SWITCH_PROTECTION_PERIOD","handleFocus","e","current","clearTimeout","forEach","ref","Date","now","handleBlur","OS","delay","setTimeout","shouldShowLabel","defaultShowLabel","containerStyleMemo","containerStyle","inputStyleMemo","inputStyle","inputContainerStyleMemo","borderBottomWidth","inputContainerStyle","add","delete","undefined","keyboardDidShowListener","addListener","timeSinceLastFocus","requestAnimationFrame","focus","_input","err","error","keyboardDidHideListener","remove","style","flex","onStartShouldSetResponder","onResponderTerminationRequest","pointerEvents","children","blurOnSubmit","label","required"],"sourceRoot":"../../../components","sources":["Input/Input.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useCallback","useMemo","useRef","useEffect","View","Text","Platform","Keyboard","withTheme","Input","makeStyles","isBridgelessMode","jsx","_jsx","jsxs","_jsxs","inputInstancesRef","Set","useStyles","theme","props","labelBg","labelColor","inputBase","minWidth","minHeight","paddingHorizontal","paddingVertical","input","fontFamily","fonts","fontSize","sizeM","fontWeight","weightR","color","colors","colorTextPrimary","borderRadius","radius","rounded","borderWidth","borderColor","colorBorder1","paddingLeft","paddingRight","labelContext","sizeS","backgroundColor","white","overflow","position","display","flexDirection","zIndex","left","top","require","colorTextError","errorBorder","stateMsg","marginTop","marginLeft","marginBottom","unit","colorTextSecondary","clearBtn","padding","TapasInput","labelPosition","onBlur","onFocus","value","propValue","enableBridgelessFix","state","showClearBtn","password","styles","isFocused","setIsFocused","inputRef","blurTimeoutRef","keyboardShowListenerRef","keyboardHideListenerRef","shouldRefocusRef","isBridgeless","isFocusedRef","lastFocusTimeRef","FOCUS_SWITCH_PROTECTION_PERIOD","handleFocus","e","current","clearTimeout","forEach","ref","Date","now","handleBlur","OS","delay","setTimeout","shouldShowLabel","defaultShowLabel","containerStyleMemo","containerStyle","inputStyleMemo","inputStyle","inputContainerStyleMemo","borderBottomWidth","inputContainerStyle","add","delete","undefined","keyboardDidShowListener","addListener","timeSinceLastFocus","requestAnimationFrame","focus","_input","err","error","keyboardDidHideListener","remove","handleClear","onChangeText","rightIconElement","elements","push","onPress","style","children","length","rightIcon","alignItems","flex","onStartShouldSetResponder","onResponderTerminationRequest","pointerEvents","blurOnSubmit","secureTextEntry","label","required"],"sourceRoot":"../../../components","sources":["Input/Input.tsx"],"mappings":"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","ignoreList":[]}

package/module/Layout/README.md

@@ -0,0 +1,174 @@
+# Layout
+
+应用程序主框架布局组件，整合导航栏、页眉和内容区域，并内置 Toast 和 Drawer 上下文管理。
+
+## 功能特性
+
+- 自动响应式布局（移动端导航隐藏，桌面端导航常驻左侧）
+- 集成 Navigation 导航栏组件（可选显示、可自定义替换）
+- 集成 Header 页眉组件（可自定义替换）
+- 内置 ToastProvider 和 DrawerProvider 上下文
+- 内容区域自动 ScrollView 滚动
+- 移动端通过 Header 菜单按钮控制导航栏显示/隐藏
+- 桌面端导航栏占据左侧 56px，内容区自动偏移
+
+## 安装使用
+
+```tsx
+import Layout from '@beppla/tapas-ui/components/Layout';
+// 或
+import { Layout } from '@beppla/tapas-ui';
+```
+
+## Props
+
+| 属性 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| children | `React.ReactNode` | - | 布局主体内容 |
+| headerProps | `HeaderProps` | - | Header 组件的 Props |
+| headerComponent | `React.ReactNode` | - | 自定义 Header 组件（替换默认 Header） |
+| navigationProps | `NavigationProps` | - | Navigation 组件的 Props |
+| navigationComponent | `React.ReactNode` | - | 自定义 Navigation 组件（替换默认导航） |
+| showNavigation | `boolean` | `true` | 是否显示导航栏 |
+| testID | `string` | - | 测试 ID |
+
+## 上下文 API
+
+### DrawerContext
+
+通过 `DrawerContext` 可在 Layout 内部任意组件中控制 Drawer 的开关。
+
+```tsx
+import { useContext } from 'react';
+import { DrawerContext } from '@beppla/tapas-ui/components/Layout/DrawerContext';
+
+const { open, close, drawerInfo, setDrawerInfo } = useContext(DrawerContext);
+
+// 打开 Drawer
+open({
+  title: 'Filter',
+  component: <FilterForm />,
+  showFooter: true,
+  rightButtonText: 'Apply',
+  rightButtonOnPress: () => handleApply(),
+});
+
+// 关闭 Drawer
+close();
+```
+
+### ToastContext
+
+通过 `ToastContext` 可在 Layout 内部任意组件中显示 Toast 消息。
+
+```tsx
+import { useContext } from 'react';
+import { ToastContext } from '@beppla/tapas-ui/components/Layout/ToastContext';
+
+const { open, close } = useContext(ToastContext);
+
+// 显示 Toast
+open({ message: 'Operation succeeded', visible: true });
+
+// 关闭 Toast
+close();
+```
+
+## 使用示例
+
+### 基础用法
+
+```tsx
+import Layout from '@beppla/tapas-ui/components/Layout';
+import { Text } from 'react-native';
+
+const navItems = [
+  { name: 'Product', iconName: 'product_items' },
+  { name: 'About', iconName: 'manufacturing' },
+];
+
+export default function App() {
+  return (
+    <Layout
+      navigationProps={{
+        navItems,
+        logoImg: require('./logo.png'),
+      }}
+      headerProps={{
+        title: 'Welcome',
+        avatarSource: 'https://example.com/avatar.jpg',
+      }}
+    >
+      <Text>Main content goes here</Text>
+    </Layout>
+  );
+}
+```
+
+### 带导航切换的完整示例
+
+```tsx
+import Layout, { NavItem } from '@beppla/tapas-ui/components/Layout';
+import { useState } from 'react';
+import { Text } from 'react-native';
+
+const navItems: NavItem[] = [
+  { name: 'Home', iconName: 'home' },
+  { name: 'Products', iconName: 'product_items' },
+];
+
+const systemItems: NavItem[] = [
+  { name: 'Settings', iconName: 'settings' },
+];
+
+export default function App() {
+  const [selected, setSelected] = useState('Home');
+
+  return (
+    <Layout
+      navigationProps={{
+        navItems,
+        systemItems,
+        logoImg: require('./logo.png'),
+        onItemPress: (item) => setSelected(item.name),
+      }}
+      headerProps={{ title: selected }}
+    >
+      <Text>{selected} Page Content</Text>
+    </Layout>
+  );
+}
+```
+
+### 自定义 Header 组件
+
+```tsx
+<Layout
+  navigationProps={{ navItems, logoImg: require('./logo.png') }}
+  headerComponent={
+    <View style={{ height: 72, justifyContent: 'center', paddingHorizontal: 16 }}>
+      <Text style={{ fontSize: 20 }}>Custom Header</Text>
+    </View>
+  }
+>
+  <Text>Content</Text>
+</Layout>
+```
+
+### 隐藏导航栏
+
+```tsx
+<Layout showNavigation={false} headerProps={{ title: 'No Navigation' }}>
+  <Text>Full width content</Text>
+</Layout>
+```
+
+## 注意事项
+
+- Layout 的 index.tsx 导出版本自动包裹 ToastProvider 和 DrawerProvider，无需手动包裹
+- 移动端导航栏默认隐藏，通过 Header 左侧菜单按钮切换显示/隐藏
+- 桌面端导航栏常驻左侧（宽度 56px），内容区自动左偏移 56px
+- 自定义 `headerComponent` 会完全替代默认 Header，包括菜单按钮
+- 自定义 `navigationComponent` 会完全替代默认 Navigation
+- 内容区域使用 ScrollView 包裹，设置了 `keyboardShouldPersistTaps="handled"`
+- Toast 在桌面端显示在右上角，移动端显示在顶部

package/module/LineChart/LineChart.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import React from 'react';
+import React, { useMemo } from 'react';
 import { View, StyleSheet, Platform } from 'react-native';
 import Text from '../Text/Text';
 
@@ -36,6 +36,7 @@ if (Platform.OS === 'web') {
     console.warn('react-native-svg-charts not available');
   }
 }
+const DEFAULT_MULTI_SERIES_COLORS = ['#6C63FF', '#00BFA5', '#FF6B00', '#FFC107', '#E91E63', '#9C27B0', '#3F51B5', '#00BCD4', '#4CAF50', '#FF9800'];
 export const LineChart = ({
   data,
   width,
@@ -88,38 +89,44 @@ export const LineChart = ({
       })
     });
   }
-
-  // Web 环境使用 Recharts
-  if (Platform.OS === 'web' && RechartsLine) {
-    let chartData = [];
-    let seriesKeys = [];
+  const lineColors = useMemo(() => colors || (isMultiSeries ? DEFAULT_MULTI_SERIES_COLORS : [color]), [colors, isMultiSeries, color]);
+  const {
+    webChartData,
+    seriesKeys
+  } = useMemo(() => {
+    let result = [];
+    let keys = [];
     if (isMultiSeries) {
-      // 多系列数据
       const series = data;
-      seriesKeys = series.map((s, i) => s.label || `Series ${i + 1}`);
-
-      // 转换为 recharts 格式
+      keys = series.map((s, i) => s.label || `Series ${i + 1}`);
       const maxLength = Math.max(...series.map(s => s.data?.length || 0));
       for (let i = 0; i < maxLength; i++) {
         const point = {
           name: series[0]?.data?.[i]?.label || `Point ${i + 1}`
         };
         series.forEach((s, sIndex) => {
-          if (seriesKeys[sIndex]) {
-            point[seriesKeys[sIndex]] = s.data?.[i]?.value || 0;
+          if (keys[sIndex]) {
+            point[keys[sIndex]] = s.data?.[i]?.value || 0;
           }
         });
-        chartData.push(point);
+        result.push(point);
       }
     } else {
-      // 单系列数据
-      chartData = data.map((item, index) => ({
+      result = data.map((item, index) => ({
         name: item.label || `Point ${index + 1}`,
         value: item.value
       }));
-      seriesKeys = ['value'];
+      keys = ['value'];
     }
-    const lineColors = colors || (isMultiSeries ? ['#6C63FF', '#00BFA5', '#FF6B00', '#FFC107', '#E91E63', '#9C27B0', '#3F51B5', '#00BCD4', '#4CAF50', '#FF9800'] : [color]);
+    return {
+      webChartData: result,
+      seriesKeys: keys
+    };
+  }, [data, isMultiSeries]);
+
+  // Web 环境使用 Recharts
+  if (Platform.OS === 'web' && RechartsLine) {
+    const chartData = webChartData;
 
     // 自定义图例渲染函数
     const renderLegend = props => {