@beppla/tapas-ui 1.2.8 → 1.2.10

package/commonjs/LineChart/LineChart.js

@@ -52,6 +52,17 @@ const LineChart = ({
   showYAxis = true,
   showLegend = true,
   legendPosition = 'bottom',
+  legendIconType = 'rect',
+  legendIconSize = {
+    width: 18,
+    height: 8
+  },
+  legendTextStyle = {
+    fontFamily: 'Bricolage Grotesque, sans-serif',
+    fontSize: 10,
+    fontWeight: 400,
+    letterSpacing: 0.1
+  },
   curveType = 'monotone',
   showDots = true,
   yAxisFormat,
@@ -110,6 +121,70 @@ const LineChart = ({
       seriesKeys = ['value'];
     }
     const lineColors = colors || (isMultiSeries ? ['#6C63FF', '#00BFA5', '#FF6B00', '#FFC107', '#E91E63', '#9C27B0', '#3F51B5', '#00BCD4', '#4CAF50', '#FF9800'] : [color]);
+
+    // 自定义图例渲染函数
+    const renderLegend = props => {
+      const {
+        payload
+      } = props;
+      if (!payload || payload.length === 0) return null;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          display: 'flex',
+          flexWrap: 'wrap',
+          gap: '12px',
+          justifyContent: legendPosition === 'left' || legendPosition === 'right' ? 'flex-start' : 'center',
+          padding: legendPosition === 'top' ? '0 0 10px 0' : '10px 0 0 0'
+        },
+        children: payload.map((entry, index) => {
+          const iconStyle = {
+            display: 'inline-block',
+            marginRight: '6px',
+            verticalAlign: 'middle'
+          };
+
+          // 根据 iconType 设置不同的图标
+          if (legendIconType === 'rect' || legendIconType === 'line') {
+            iconStyle.width = `${legendIconSize.width}px`;
+            iconStyle.height = `${legendIconSize.height}px`;
+            iconStyle.backgroundColor = entry.color;
+            iconStyle.borderRadius = legendIconType === 'rect' ? '2px' : '0';
+          } else if (legendIconType === 'square') {
+            const size = Math.max(legendIconSize.width, legendIconSize.height);
+            iconStyle.width = `${size}px`;
+            iconStyle.height = `${size}px`;
+            iconStyle.backgroundColor = entry.color;
+            iconStyle.borderRadius = '2px';
+          } else {
+            // circle
+            const size = Math.max(legendIconSize.width, legendIconSize.height);
+            iconStyle.width = `${size}px`;
+            iconStyle.height = `${size}px`;
+            iconStyle.backgroundColor = entry.color;
+            iconStyle.borderRadius = '50%';
+          }
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            style: {
+              display: 'flex',
+              alignItems: 'center'
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              style: iconStyle
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              style: {
+                fontFamily: legendTextStyle.fontFamily,
+                fontSize: `${legendTextStyle.fontSize}px`,
+                fontWeight: legendTextStyle.fontWeight,
+                letterSpacing: `${legendTextStyle.letterSpacing}px`,
+                color: '#333',
+                lineHeight: 'normal'
+              },
+              children: entry.value
+            })]
+          }, `legend-${index}`);
+        })
+      });
+    };
     const ChartComponent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(RechartsLine, {
       data: chartData,
       margin: {
@@ -140,9 +215,7 @@ const LineChart = ({
       }), isMultiSeries && showLegend && /*#__PURE__*/(0, _jsxRuntime.jsx)(Legend, {
         verticalAlign: legendPosition === 'top' || legendPosition === 'bottom' ? legendPosition : 'top',
         align: legendPosition === 'left' || legendPosition === 'right' ? legendPosition : 'center',
-        wrapperStyle: {
-          paddingTop: legendPosition === 'top' ? 0 : 10
-        }
+        content: renderLegend
       }), seriesKeys.map((key, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, {
         type: curveType,
         dataKey: key,

package/commonjs/LineChart/LineChart.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Text","_jsxRuntime","e","__esModule","default","RNLineChart","Grid","RNXAxis","Circle","RechartsLine","Line","RechartsXAxis","RechartsYAxis","CartesianGrid","Tooltip","Legend","ResponsiveContainer","Platform","OS","recharts","LineChart","XAxis","YAxis","console","warn","svgCharts","svg","data","width","height","color","colors","showGrid","showLabels","showXAxis","showYAxis","showLegend","legendPosition","curveType","showDots","yAxisFormat","xAxisFormat","contentInset","top","bottom","left","right","style","testID","isMultiSeries","Array","isArray","length","jsx","View","styles","container","children","emptyText","chartData","seriesKeys","series","map","s","i","label","maxLength","Math","max","point","name","forEach","sIndex","value","push","item","index","lineColors","ChartComponent","jsxs","margin","strokeDasharray","stroke","dataKey","fontSize","tickFormatter","contentStyle","backgroundColor","border","borderRadius","verticalAlign","align","wrapperStyle","paddingTop","key","type","strokeWidth","dot","fill","r","activeDot","d","Decorator","x","y","cx","cy","chartWrapper","flex","gridMin","xAxis","formatLabel","toString","exports","StyleSheet","create","marginHorizontal","textAlign","marginTop"],"sourceRoot":"../../../components","sources":["LineChart/LineChart.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Text","_jsxRuntime","e","__esModule","default","RNLineChart","Grid","RNXAxis","Circle","RechartsLine","Line","RechartsXAxis","RechartsYAxis","CartesianGrid","Tooltip","Legend","ResponsiveContainer","Platform","OS","recharts","LineChart","XAxis","YAxis","console","warn","svgCharts","svg","data","width","height","color","colors","showGrid","showLabels","showXAxis","showYAxis","showLegend","legendPosition","legendIconType","legendIconSize","legendTextStyle","fontFamily","fontSize","fontWeight","letterSpacing","curveType","showDots","yAxisFormat","xAxisFormat","contentInset","top","bottom","left","right","style","testID","isMultiSeries","Array","isArray","length","jsx","View","styles","container","children","emptyText","chartData","seriesKeys","series","map","s","i","label","maxLength","Math","max","point","name","forEach","sIndex","value","push","item","index","lineColors","renderLegend","props","payload","display","flexWrap","gap","justifyContent","padding","entry","iconStyle","marginRight","verticalAlign","backgroundColor","borderRadius","size","jsxs","alignItems","lineHeight","ChartComponent","margin","strokeDasharray","stroke","dataKey","tickFormatter","contentStyle","border","align","content","key","type","strokeWidth","dot","fill","r","activeDot","d","Decorator","x","y","cx","cy","chartWrapper","flex","gridMin","xAxis","formatLabel","toString","exports","StyleSheet","create","marginHorizontal","textAlign","marginTop"],"sourceRoot":"../../../components","sources":["LineChart/LineChart.tsx"],"mappings":"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","ignoreList":[]}

package/commonjs/WebViewBridge/README.md

@@ -0,0 +1,536 @@
+# WebViewBridge 组件
+
+WebView/iframe 通信桥接组件，用于 RN Web 模块与 tapas-sys 底座之间的通信。
+
+## 功能特性
+
+- ✅ **自动环境检测**：自动判断运行在 Android/iOS WebView 或 Web iframe 环境
+- ✅ **统一消息格式**：自动适配不同环境的消息格式差异
+- ✅ **消息监听**：支持全局和类型特定的消息监听
+- ✅ **自动初始化**：组件挂载后，在 window.onload 完成时自动发送初始化消息给 tapas-sys（默认行为）
+- ✅ **类型安全**：完整的 TypeScript 类型定义
+- ✅ **易于使用**：提供 Hook 简化使用
+
+## 安装
+
+```bash
+yarn add @beppla/tapas-ui
+# 或
+npm install @beppla/tapas-ui
+```
+
+## 基础用法
+
+### 方式一：使用组件
+
+```tsx
+import React from 'react';
+import { WebViewBridge, WebViewMessage, WebViewBridgeRef } from '@beppla/tapas-ui';
+
+function MyComponent() {
+  const bridgeRef = React.useRef<WebViewBridgeRef>(null);
+
+  const handleMessage = (message: WebViewMessage) => {
+    console.log('收到消息:', message);
+    console.log('消息来源:', message.from); // 来自 tapas-sys 的消息
+    
+    if (message.type === 'userInfo') {
+      console.log('用户信息:', message.payload);
+    }
+  };
+
+  const sendDataToTapasSys = () => {
+    // 向 tapas-sys 发送消息（自动包含 from 字段并 base64 加密）
+    if (bridgeRef.current) {
+      bridgeRef.current.sendMessage('requestData', { 
+        moduleId: 'myModule',
+        action: 'getUserInfo' 
+      });
+    }
+  };
+
+  return (
+    <>
+      <WebViewBridge
+        ref={bridgeRef}
+        from="MyRNWebModule"  // 必需：标识消息来源
+        onMessage={handleMessage}
+        initPayload={{ moduleName: 'MyModule', version: '1.0.0' }}
+        autoInit={true}
+        enableBase64={true}  // 默认启用 base64 加密
+      />
+      <button onClick={sendDataToTapasSys}>发送消息到 tapas-sys</button>
+    </>
+  );
+}
+```
+
+### 方式二：使用 Hook（推荐）
+
+```tsx
+import React from 'react';
+import { useWebViewBridge } from '@beppla/tapas-ui';
+
+function MyComponent() {
+  const { bridgeRef, sendMessage, handleMessage } = useWebViewBridge({
+    onMessage: (message) => {
+      console.log('收到消息:', message);
+      console.log('消息来源:', message.from);
+    },
+    messageHandlers: {
+      'userInfo': (message) => {
+        console.log('用户信息:', message.payload);
+      },
+      'config': (message) => {
+        console.log('配置信息:', message.payload);
+      },
+    },
+  });
+
+  const handleButtonClick = () => {
+    // 发送的消息会自动包含 from 字段并 base64 加密
+    sendMessage('requestData', { id: 123 });
+  };
+
+  return (
+    <>
+      <WebViewBridge
+        ref={bridgeRef}
+        from="MyRNWebModule"  // 必需：标识消息来源
+        onMessage={handleMessage}
+        initPayload={{ moduleName: 'MyModule' }}
+        enableBase64={true}  // 默认启用 base64 加密
+      />
+      <button onClick={handleButtonClick}>请求数据</button>
+    </>
+  );
+}
+```
+
+## API 参考
+
+### WebViewBridge Props
+
+| 属性 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| `from` | `string` | - | **消息来源标识**（**必需**），用于标识 RN Web 模块，会作为消息的 from 字段发送给 tapas-sys |
+| `onMessage` | `(message: WebViewMessage) => void` | - | 消息监听回调 |
+| `onError` | `(error: Error, context?: { type: 'send' \| 'receive' \| 'parse' \| 'origin' }) => void` | - | **错误回调**，当发送/接收/解析消息或 origin 验证失败时触发 |
+| `initPayload` | `any` | - | 初始化消息的 payload |
+| `autoInit` | `boolean` | `true` | **是否自动发送初始化消息**（默认 true）。组件会在 window.onload 完成后自动发送初始化消息给 tapas-sys |
+| `initMessageType` | `string` | `'init'` | 初始化消息类型（默认 'init'） |
+| `enableBase64` | `boolean` | `true` | **是否启用 base64 加密**（默认 true，符合 tapas-sys 解析格式） |
+| `showPlaceholder` | `boolean` | `true` | 是否显示占位 DOM |
+| `style` | `StyleProp<ViewStyle>` | - | 自定义样式 |
+| `testID` | `string` | - | 测试 ID |
+| `allowedOrigins` | `string[]` | - | **安全性：允许的消息来源（origin）白名单**。在 iframe 环境中，只有来自这些 origin 的消息才会被处理。支持通配符（如 `'https://*.example.com'`） |
+| `strictOriginCheck` | `boolean` | `false` | **安全性：是否严格验证 origin**。`true`: 如果消息来源不在白名单中，直接拒绝；`false`: 仅警告，但仍处理消息（开发环境） |
+| `allowedFrom` | `string[]` | - | **安全性：只接收来自特定 from 的消息**。如果设置，只有 from 字段匹配的消息才会被处理 |
+| `messageFilter` | `(message: WebViewMessage) => boolean` | - | **消息过滤器函数**。返回 `true` 表示处理该消息，`false` 表示忽略 |
+| `debug` | `boolean` | `false` | **调试模式**。启用后会输出详细的日志信息 |
+| `logLevel` | `'none' \| 'error' \| 'warn' \| 'info' \| 'debug'` | `'warn'` | **日志级别**。控制输出的日志详细程度 |
+
+### WebViewBridgeRef 方法
+
+| 方法 | 说明 |
+|------|------|
+| `sendMessage(type: string, payload?: any): boolean` | **发送消息到 tapas-sys 底座**（支持 WebView 和 iframe 两种环境）。返回 `true` 表示发送成功，`false` 表示失败 |
+| `getEnvironment(): 'webview' \| 'iframe' \| 'unknown'` | 获取当前运行环境 |
+| `cleanup(): void` | **清理所有监听器和资源**。组件卸载时会自动调用，也可手动调用 |
+
+### 发送消息到 tapas-sys
+
+组件提供了完整的消息发送功能，**RN Web 模块可以通过以下方式向 tapas-sys 发送消息**：
+
+```tsx
+// 方式一：通过 ref
+const bridgeRef = useRef<WebViewBridgeRef>(null);
+
+bridgeRef.current?.sendMessage('requestData', { id: 123 });
+
+// 方式二：通过 Hook
+const { sendMessage } = useWebViewBridge();
+
+sendMessage('requestData', { id: 123 });
+```
+
+**发送机制**：
+- **Android/iOS WebView**：使用 `window.ReactNativeWebView.postMessage()`
+- **Web iframe**：使用 `window.parent.postMessage()`
+- **自动降级**：如果主要方式失败，会自动尝试其他方式
+
+### WebViewMessage 类型
+
+```typescript
+interface WebViewMessage {
+  type: string;        // 消息类型
+  payload?: any;       // 消息数据
+  timestamp?: number;  // 时间戳
+  id?: string;         // 消息 ID
+  from?: string;       // 消息来源标识（RN Web 模块标识）
+}
+```
+
+## 原生 WebView 集成
+
+### React Native WebView
+
+如果使用 `react-native-webview`，需要配置如下：
+
+```tsx
+import { WebView } from 'react-native-webview';
+import { WebViewBridge, handleNativeWebViewMessage } from '@beppla/tapas-ui';
+
+function App() {
+  const handleWebViewMessage = (event: any) => {
+    handleNativeWebViewMessage(event, (message) => {
+      console.log('收到消息:', message);
+    });
+  };
+
+  return (
+    <WebView
+      source={{ uri: 'https://your-app.com' }}
+      onMessage={handleWebViewMessage}
+      injectedJavaScript={createWebViewInjectedScript()}
+    />
+  );
+}
+```
+
+### Expo WebView
+
+```tsx
+import { WebView } from 'react-native-webview';
+import { WebViewBridge, createWebViewInjectedScript } from '@beppla/tapas-ui';
+
+function App() {
+  return (
+    <WebView
+      source={{ uri: 'https://your-app.com' }}
+      injectedJavaScript={createWebViewInjectedScript()}
+    />
+  );
+}
+```
+
+## 消息格式
+
+### 发送消息
+
+```typescript
+// 使用 from 字段标识消息来源
+<WebViewBridge
+  from="MyRNWebModule"
+  enableBase64={true}
+/>
+
+// 发送消息
+sendMessage('requestData', { id: 123 });
+
+// 实际构建的消息对象：
+{
+  type: 'requestData',
+  payload: { id: 123 },
+  timestamp: 1234567890,
+  id: 'msg_1234567890_1',
+  from: 'MyRNWebModule'  // 自动添加
+}
+
+// 发送流程：
+// 1. JSON.stringify(message) → JSON 字符串
+// 2. Base64 编码 → base64 字符串
+// 3. 通过 postMessage 发送给 tapas-sys
+```
+
+### Base64 加密
+
+组件默认启用 base64 加密，符合 tapas-sys 的解析格式：
+
+```typescript
+// 启用 base64（默认）
+<WebViewBridge from="MyModule" enableBase64={true} />
+
+// 禁用 base64（仅用于调试）
+<WebViewBridge from="MyModule" enableBase64={false} />
+```
+
+**消息加密流程**：
+1. 构建消息对象（包含 `from` 字段）
+2. `JSON.stringify()` 转为 JSON 字符串
+3. Base64 编码
+4. 通过 `postMessage` 发送
+
+**消息解密流程**（接收时）：
+1. 接收 base64 字符串
+2. Base64 解码
+3. `JSON.parse()` 解析
+4. 触发 `onMessage` 回调
+
+### 接收消息
+
+组件会自动处理不同环境的消息格式差异，并自动进行 base64 解码：
+
+- **WebView 环境**：从 `event.nativeEvent.data` 或 `event.data` 解析（自动 base64 解码）
+- **iframe 环境**：从 `event.data` 解析（自动 base64 解码）
+
+**注意**：如果消息不是 base64 编码的，组件会自动降级为直接 JSON 解析
+
+### 自动初始化消息
+
+**组件会在 window.onload 完成后自动发送初始化消息给 tapas-sys**，这是组件的默认行为，无需手动调用：
+
+```tsx
+<WebViewBridge
+  from="MyRNWebModule"  // 必需：标识消息来源
+  autoInit={true}  // 默认 true，在 window.onload 完成后自动发送
+  initMessageType="init"  // 默认 'init'
+  initPayload={{ moduleName: 'MyModule', version: '1.0.0' }}
+  enableBase64={true}  // 默认 true，消息会进行 base64 编码
+/>
+```
+
+**初始化流程**：
+1. 组件挂载后，检测 `document.readyState`
+2. 如果文档已加载完成（`complete` 或 `interactive`），立即发送初始化消息
+3. 如果文档还在加载，等待 `window.onload` 事件
+4. 发送的消息格式：`{ type: 'init', payload: {...}, from: 'MyRNWebModule', ... }`
+5. 消息会自动进行 base64 编码后发送给 tapas-sys
+
+**重要说明**：
+- `from` 字段是**必需的**，用于标识 RN Web 模块，tapas-sys 需要此字段来识别消息来源
+- 初始化消息会在 RN web 项目完全加载后（window.onload）自动发送，确保所有资源都已就绪
+- 如果不需要自动初始化，可以设置 `autoInit={false}`，然后手动调用 `sendMessage('init', {...})`
+
+## 运行环境检测
+
+组件会自动检测运行环境：
+
+- **Android/iOS**：检测为 `'webview'`
+- **Web（iframe）**：检测为 `'iframe'`
+- **未知环境**：检测为 `'unknown'`
+
+```typescript
+const { getEnvironment } = useWebViewBridge();
+
+const env = getEnvironment();
+console.log('当前环境:', env); // 'webview' | 'iframe' | 'unknown'
+```
+
+## 最佳实践
+
+### 1. 使用 Hook 简化代码
+
+```tsx
+const { bridgeRef, sendMessage, handleMessage } = useWebViewBridge({
+  messageHandlers: {
+    'userInfo': handleUserInfo,
+    'config': handleConfig,
+  },
+});
+```
+
+### 2. 注册特定类型的处理器
+
+```tsx
+const { registerHandler } = useWebViewBridge();
+
+useEffect(() => {
+  const unregister = registerHandler('customType', (message) => {
+    // 处理特定类型的消息
+  });
+  
+  return unregister; // 清理
+}, []);
+```
+
+### 3. 错误处理
+
+```tsx
+const handleMessage = (message: WebViewMessage) => {
+  try {
+    // 处理消息
+  } catch (error) {
+    console.error('消息处理错误:', error);
+    sendMessage('error', { error: error.message });
+  }
+};
+```
+
+### 4. 消息确认机制
+
+```tsx
+const sendMessageWithAck = async (type: string, payload: any) => {
+  const messageId = `msg_${Date.now()}`;
+  
+  return new Promise((resolve, reject) => {
+    const timeout = setTimeout(() => {
+      reject(new Error('消息超时'));
+    }, 5000);
+    
+    const handler = (message: WebViewMessage) => {
+      if (message.id === messageId) {
+        clearTimeout(timeout);
+        resolve(message);
+      }
+    };
+    
+    registerHandler('ack', handler);
+    sendMessage(type, { ...payload, messageId });
+  });
+};
+```
+
+## 安全性配置
+
+### Origin 验证
+
+在生产环境中，强烈建议配置 `allowedOrigins` 和 `strictOriginCheck` 来确保消息来源可信：
+
+```tsx
+<WebViewBridge
+  from="MyRNWebModule"
+  allowedOrigins={[
+    'https://tapas-sys.example.com',
+    'https://*.example.com',  // 支持通配符
+  ]}
+  strictOriginCheck={true}  // 生产环境建议设为 true
+  onError={(error, context) => {
+    if (context?.type === 'origin') {
+      console.error('消息来源验证失败:', error);
+      // 可以上报安全事件
+    }
+  }}
+/>
+```
+
+### 消息来源过滤
+
+可以限制只接收来自特定 `from` 的消息：
+
+```tsx
+<WebViewBridge
+  from="MyRNWebModule"
+  allowedFrom={['tapas-sys', 'other-module']}  // 只接收来自这些模块的消息
+  onMessage={handleMessage}
+/>
+```
+
+### 消息过滤器
+
+使用自定义过滤器函数来过滤消息：
+
+```tsx
+<WebViewBridge
+  from="MyRNWebModule"
+  messageFilter={(message) => {
+    // 只处理特定类型的消息
+    return message.type === 'userInfo' || message.type === 'config';
+  }}
+  onMessage={handleMessage}
+/>
+```
+
+## 调试和日志
+
+### 调试模式
+
+启用调试模式可以查看详细的日志信息：
+
+```tsx
+<WebViewBridge
+  from="MyRNWebModule"
+  debug={true}  // 启用调试模式
+  logLevel="debug"  // 输出所有日志
+  onMessage={handleMessage}
+/>
+```
+
+### 日志级别
+
+- `'none'`: 不输出任何日志
+- `'error'`: 仅输出错误
+- `'warn'`: 输出警告和错误（默认）
+- `'info'`: 输出信息、警告和错误
+- `'debug'`: 输出所有日志（包括调试信息）
+
+## 错误处理
+
+### 错误回调
+
+使用 `onError` 回调来处理各种错误：
+
+```tsx
+<WebViewBridge
+  from="MyRNWebModule"
+  onError={(error, context) => {
+    switch (context?.type) {
+      case 'send':
+        console.error('发送消息失败:', error);
+        // 可以重试或上报
+        break;
+      case 'receive':
+        console.error('接收消息失败:', error);
+        break;
+      case 'parse':
+        console.error('解析消息失败:', error);
+        break;
+      case 'origin':
+        console.error('Origin 验证失败:', error);
+        // 安全事件，应该上报
+        break;
+    }
+  }}
+/>
+```
+
+### 发送状态检查
+
+`sendMessage` 现在返回布尔值，表示是否发送成功：
+
+```tsx
+const bridgeRef = useRef<WebViewBridgeRef>(null);
+
+const handleSend = () => {
+  if (bridgeRef.current) {
+    const success = bridgeRef.current.sendMessage('requestData', { id: 123 });
+    if (!success) {
+      console.error('消息发送失败');
+      // 可以重试
+    }
+  }
+};
+```
+
+## 注意事项
+
+1. **安全性**：在生产环境中，**必须**配置 `allowedOrigins` 和 `strictOriginCheck={true}` 确保消息来源可信
+2. **性能**：避免在消息处理器中执行耗时操作
+3. **内存泄漏**：记得清理注册的处理器，组件卸载时会自动清理
+4. **兼容性**：确保父窗口/WebView 支持 postMessage API
+5. **调试**：开发环境可以使用 `debug={true}` 和 `logLevel="debug"` 来查看详细日志，生产环境建议使用 `logLevel="error"` 或 `"warn"`
+
+## 故障排查
+
+### 消息无法发送
+
+1. 检查运行环境是否正确检测
+2. 确认父窗口/WebView 存在
+3. 检查控制台是否有错误信息
+
+### 消息无法接收
+
+1. 确认已正确配置 `onMessage` 回调
+2. 检查消息格式是否正确
+3. 验证事件监听器是否已注册
+
+### 初始化消息未发送
+
+1. 确认 `autoInit` 为 `true`
+2. 检查组件是否已完全渲染
+3. 查看控制台是否有错误
+
+## 示例
+
+完整示例请参考 Storybook 中的 `WebViewBridge` 组件示例。
+