@beppla/tapas-ui 1.4.15 → 1.4.17

package/components/WebViewBridge/index.tsx

@@ -1,12 +0,0 @@
-export { 
-  WebViewBridge, 
-  createWebViewInjectedScript,
-  handleNativeWebViewMessage,
-  type WebViewBridgeRef, 
-  type WebViewBridgeProps, 
-  type WebViewMessage,
-  type TapasSysMessage,
-  type LogLevel
-} from './WebViewBridge';
-export { useWebViewBridge, type UseWebViewBridgeOptions, type UseWebViewBridgeReturn } from './useWebViewBridge';
-

package/components/WebViewBridge/useWebViewBridge.ts

@@ -1,145 +0,0 @@
-/**
- * useWebViewBridge - WebView 通信 Hook
- * 
- * 简化 WebViewBridge 的使用，提供便捷的消息发送和监听方法
- */
-import { useCallback, useRef } from 'react';
-import { WebViewBridgeRef, WebViewMessage } from './WebViewBridge';
-
-export interface UseWebViewBridgeOptions {
-  /**
-   * 消息来源标识（用于标识 RN Web 模块）
-   * 这个值会作为消息的 from 字段发送给 tapas-sys
-   * 注意：如果使用 WebViewBridge 组件，from 应该在组件 props 中提供
-   */
-  from?: string;
-  
-  /**
-   * 消息监听回调
-   */
-  onMessage?: (message: WebViewMessage) => void;
-  
-  /**
-   * 特定消息类型的处理器映射
-   */
-  messageHandlers?: {
-    [messageType: string]: (message: WebViewMessage) => void;
-  };
-  
-  /**
-   * 是否启用 base64 加密（默认 true，符合 tapas-sys 解析格式）
-   */
-  enableBase64?: boolean;
-}
-
-export interface UseWebViewBridgeReturn {
-  /**
-   * WebViewBridge ref，需要传递给 WebViewBridge 组件
-   */
-  bridgeRef: React.RefObject<WebViewBridgeRef>;
-  
-  /**
-   * 发送消息
-   * @returns 是否发送成功
-   */
-  sendMessage: (type: string, payload?: unknown) => boolean;
-  
-  /**
-   * 获取运行环境
-   */
-  getEnvironment: () => 'webview' | 'iframe' | 'unknown';
-  
-  /**
-   * 注册消息处理器
-   */
-  registerHandler: (type: string, handler: (message: WebViewMessage) => void) => () => void;
-  
-  /**
-   * 消息处理函数，需要传递给 WebViewBridge 的 onMessage prop
-   */
-  handleMessage: (message: WebViewMessage) => void;
-  
-  /**
-   * 清理所有监听器和资源
-   */
-  cleanup: () => void;
-}
-
-/**
- * WebView 通信 Hook
- */
-export const useWebViewBridge = (
-  options: UseWebViewBridgeOptions = {}
-): UseWebViewBridgeReturn => {
-  const { onMessage, messageHandlers } = options;
-  const bridgeRef = useRef<WebViewBridgeRef>(null);
-  const handlersRef = useRef<Map<string, (message: WebViewMessage) => void>>(new Map());
-
-  // 发送消息
-  const sendMessage = useCallback((type: string, payload?: unknown): boolean => {
-    if (bridgeRef.current) {
-      return bridgeRef.current.sendMessage(type, payload);
-    }
-    // eslint-disable-next-line no-console
-    console.warn('useWebViewBridge: bridgeRef 未初始化，无法发送消息');
-    return false;
-  }, []);
-
-  // 获取运行环境
-  const getEnvironment = useCallback(() => {
-    if (bridgeRef.current) {
-      return bridgeRef.current.getEnvironment();
-    }
-    return 'unknown' as const;
-  }, []);
-
-  // 注册消息处理器
-  const registerHandler = useCallback((
-    type: string,
-    handler: (message: WebViewMessage) => void
-  ) => {
-    handlersRef.current.set(type, handler);
-    
-    // 返回取消注册函数
-    return () => {
-      handlersRef.current.delete(type);
-    };
-  }, []);
-
-  // 统一消息处理
-  const handleMessage = useCallback((message: WebViewMessage) => {
-    // 调用外部监听器
-    if (onMessage) {
-      onMessage(message);
-    }
-
-    // 调用特定类型的处理器
-    const typeHandler = messageHandlers?.[message.type];
-    if (typeHandler) {
-      typeHandler(message);
-    }
-
-    // 调用注册的处理器
-    const registeredHandler = handlersRef.current.get(message.type);
-    if (registeredHandler) {
-      registeredHandler(message);
-    }
-  }, [onMessage, messageHandlers]);
-
-  // 清理函数
-  const cleanup = useCallback(() => {
-    if (bridgeRef.current) {
-      bridgeRef.current.cleanup();
-    }
-  }, []);
-
-  return {
-    bridgeRef,
-    sendMessage,
-    getEnvironment,
-    registerHandler,
-    handleMessage,
-    cleanup,
-  };
-};
-

package/components/WordCloud/WordCloud.tsx

@@ -1,213 +0,0 @@
-import React from 'react';
-import { View, StyleSheet, Platform, Text as RNText } from 'react-native';
-
-// 动态导入依赖
-let Svg: any, Text: any, G: any;
-let D3WordCloud: any;
-
-if (Platform.OS === 'web') {
-  // Web 端使用 react-wordcloud
-  try {
-    const wordcloud = require('react-wordcloud');
-    D3WordCloud = wordcloud.default || wordcloud;
-  } catch (e) {
-    console.warn('react-wordcloud not available for Web', e);
-  }
-} else {
-  // RN 端使用 react-native-svg
-  try {
-    const svg = require('react-native-svg');
-    Svg = svg.Svg;
-    Text = svg.Text;
-    G = svg.G;
-  } catch (e) {
-    console.warn('react-native-svg not available', e);
-  }
-}
-
-export interface WordCloudData {
-  text: string;
-  value: number;
-  color?: string;
-}
-
-export interface WordCloudProps {
-  words: WordCloudData[];
-  width?: number;
-  height?: number;
-  colors?: string[];
-  fontFamily?: string;
-  fontSizes?: [number, number]; // [min, max]
-  rotate?: number; // 0 for no rotation, or degrees
-  spiral?: 'archimedean' | 'rectangular';
-  padding?: number;
-  style?: any;
-  testID?: string;
-}
-
-const DEFAULT_COLORS = [
-  '#8B4513', // Brown (like Trendy topics screenshot)
-  '#A0522D', 
-  '#D2691E',
-  '#CD853F',
-  '#DEB887',
-  '#F4A460',
-  '#D2B48C',
-  '#BC8F8F',
-];
-
-export const WordCloud: React.FC<WordCloudProps> = ({
-  words,
-  width,
-  height = 400,
-  colors = DEFAULT_COLORS,
-  fontFamily = 'Arial, sans-serif',
-  fontSizes = [14, 60],
-  rotate = 0,
-  spiral = 'archimedean',
-  padding = 2,
-  style,
-  testID,
-}) => {
-  if (!words || words.length === 0) {
-    return (
-      <View style={[styles.container, { height }, style]}>
-        <RNText style={styles.emptyText}>No words available</RNText>
-      </View>
-    );
-  }
-
-  // Web 端使用 react-wordcloud
-  if (Platform.OS === 'web' && D3WordCloud) {
-    const wordCloudData = words.map((word) => ({
-      text: word.text,
-      value: word.value,
-    }));
-
-    const options = {
-      rotations: rotate === 0 ? 1 : 2,
-      rotationAngles: rotate === 0 ? [0, 0] : [-90, 0],
-      fontSizes: fontSizes,
-      fontFamily: fontFamily,
-      padding: padding,
-      spiral: spiral,
-      scale: 'sqrt' as const,
-      transitionDuration: 500,
-    };
-
-    const callbacks = {
-      getWordColor: (word: any) => {
-        const index = words.findIndex(w => w.text === word.text);
-        if (index >= 0 && words[index] && words[index].color) {
-          return words[index].color || colors[index % colors.length];
-        }
-        return colors[Math.max(0, index) % colors.length];
-      },
-      getWordTooltip: (word: any) => `${word.text}: ${word.value}`,
-    };
-
-    return (
-      <View style={[styles.container, { height, width: width || '100%' }, style]} testID={testID}>
-        <div style={{ width: '100%', height: '100%' }}>
-          <D3WordCloud
-            words={wordCloudData}
-            options={options}
-            callbacks={callbacks}
-          />
-        </div>
-      </View>
-    );
-  }
-
-  // RN 端使用自定义 SVG 实现
-  if (Platform.OS !== 'web' && Svg && Text) {
-    // 简单的词云布局算法
-    const sortedWords = [...words].sort((a, b) => b.value - a.value);
-    const maxValue = Math.max(...words.map(w => w.value));
-    const minValue = Math.min(...words.map(w => w.value));
-    
-    const viewWidth = width || 350;
-    const viewHeight = height;
-    const centerX = viewWidth / 2;
-    const centerY = viewHeight / 2;
-
-    // 计算字体大小
-    const getFontSize = (value: number) => {
-      const normalized = (value - minValue) / (maxValue - minValue || 1);
-      return fontSizes[0] + normalized * (fontSizes[1] - fontSizes[0]);
-    };
-
-    // 螺旋布局
-    const layoutWords = () => {
-      const positioned: Array<{
-        word: WordCloudData;
-        x: number;
-        y: number;
-        fontSize: number;
-        color: string;
-      }> = [];
-
-      sortedWords.forEach((word, index) => {
-        const fontSize = getFontSize(word.value);
-        const colorIndex = index % colors.length;
-        const defaultColorIndex = index % DEFAULT_COLORS.length;
-        const color: string = word.color || colors[colorIndex] || DEFAULT_COLORS[defaultColorIndex] || '#8B4513';
-        
-        // 简单的螺旋布局
-        const angle = index * 0.5;
-        const radius = Math.sqrt(index + 1) * 20;
-        const x = centerX + radius * Math.cos(angle);
-        const y = centerY + radius * Math.sin(angle);
-
-        positioned.push({ word, x, y, fontSize, color });
-      });
-
-      return positioned;
-    };
-
-    const positionedWords = layoutWords();
-
-    return (
-      <View style={[styles.container, { height, width: viewWidth }, style]} testID={testID}>
-        <Svg width={viewWidth} height={viewHeight}>
-          <G>
-            {positionedWords.map((item, index) => (
-              <Text
-                key={index}
-                x={item.x}
-                y={item.y}
-                fontSize={item.fontSize}
-                fill={item.color}
-                fontFamily={fontFamily}
-                textAnchor="middle"
-                fontWeight="bold"
-              >
-                {item.word.text}
-              </Text>
-            ))}
-          </G>
-        </Svg>
-      </View>
-    );
-  }
-
-  // 降级显示
-  return (
-    <View style={[styles.container, { height }, style]}>
-      <RNText style={styles.emptyText}>WordCloud library not available</RNText>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: 'transparent',
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  emptyText: {
-    textAlign: 'center',
-    color: '#999',
-  },
-});
-

package/components/WordCloud/index.tsx

@@ -1,3 +0,0 @@
-export { WordCloud } from './WordCloud';
-export type { WordCloudProps, WordCloudData } from './WordCloud';
-

package/components/common/bridgelessUtils.ts

@@ -1,22 +0,0 @@
-/**
- * RN 0.77 Bridgeless 模式工具函数
- * 用于检测和处理 Bridgeless 模式的兼容性问题
- */
-
-/**
- * 检测是否运行在 Bridgeless 模式下
- */
-export const isBridgelessMode = (): boolean => {
-  try {
-    // RN 0.77+ Bridgeless 模式的检测方法
-    // 检查是否存在全局的 __turboModuleProxy 或相关标识
-    if (typeof global !== 'undefined') {
-      // @ts-ignore
-      return !!(global.__turboModuleProxy || global.__turboModuleRegistry);
-    }
-    return false;
-  } catch {
-    return false;
-  }
-};
-

package/components/common.ts

@@ -1,8 +0,0 @@
-import { Platform } from "react-native";
-
-export const isMobile = Platform.OS !== 'web' || (Platform.OS === 'web' && typeof window !== 'undefined' && window?.innerWidth <= 430);
-
-export const capitalizeFirstLetter = (str?: string): string => {
-  if (!str) return '';
-  return str.charAt(0).toUpperCase() + str.slice(1);
-};

package/components/index.tsx

@@ -1,190 +0,0 @@
-// Web兼容性说明：
-// 1. 某些组件在Web环境中可能需要额外的依赖
-// 2. react-native-vector-icons 在Web中需要特殊处理
-// 3. 建议在使用方项目中安装必要的Web兼容依赖
-
-// 基础组件
-export { default as TapasButton } from "./Button/Button";
-export { default as TapasButtonGroup } from "./Button/ButtonGroup";
-export { default as TapasText } from "./Text/Text";
-export { default as TapasInput } from "./Input/Input";
-export { default as TapasNumericInput } from "./NumericInput/NumericInput";
-export { default as TapasCheckBox } from "./CheckBox/CheckBox";
-export { default as TapasCheckBoxItem } from "./CheckBox/CheckBoxItem";
-export { default as TapasGroupCheckBox } from "./CheckBox/GroupCheckBox";
-export { default as TapasRadioButton } from "./RadioButton/RadioButton";
-export { default as TapasTag } from "./Tag/Tag";
-export { default as TapasStatus } from "./Status/Status";
-export { default as TapasProgress } from "./Progress/Progress";
-export { default as TapasCircularProgress } from "./CircularProgress/CircularProgress";
-export { default as TapasSteps } from "./Steps/Steps";
-export { default as TapasTimeline } from "./Timeline/Timeline";
-export { default as TapasTask } from "./Task/Task";
-export { default as TapasListItem } from "./ListItem/ListItem";
-export { default as TapasSheetTitle } from "./SheetTitle/SheetTitle";
-export { default as TapasOverlay } from "./Overlay/Overlay";
-export { default as TapasPopover } from "./Popover/Popover";
-export { default as TapasPagination } from "./Pagination/Pagination";
-export { default as TapasDashboardCard } from "./DashboardCard/DashboardCard";
-export { default as TapasImage } from "./Image/PreviewImg";
-export { default as TapasImageComponent } from "./Image/Image";
-export { default as TapasNavigation } from "./Navigation/Navigation";
-export { default as TapasShell } from "./Shell/Shell";
-export { TapasTab } from "./Tab/TapasTab";
-
-// 图标组件
-export { default as TapasIcon } from "./Icons/TapasIcon";
-export { default as TapasIconExpo } from "./Icons/TapasIconExpo";
-export { fontLoader, useFontLoader } from "./Icons/fontLoader";
-export { expoFontLoader, useExpoFontLoader } from "./Icons/expoFontLoader";
-export { smartFontLoader, useSmartFontLoader } from "./Icons/smartFontLoader";
-
-// 布局组件
-export { default as TapasLayout } from "./Layout/Layout";
-export { default as TapasDrawer } from "./Drawer/Drawer";
-export { default as TapasHeader } from "./Header/Header";
-
-// 表单组件
-export { default as TapasDropdown, TapasDropdownModal } from "./Dropdown/Dropdown";
-export { default as TapasCustomDropdown } from "./Dropdown/CustomDropdown";
-export { default as TapasInputDropdown } from "./Dropdown/InputDropdown";
-
-// 日历组件
-export { default as TapasCalendar } from "./Calendar/Calendar";
-export { default as TapasCalendarBase } from "./Calendar/Calendar.base";
-export { default as TapasDaySelector } from "./Calendar/DaySelector";
-export { default as TapasMonthSelector } from "./Calendar/MonthSelector";
-export { default as TapasWeekDaySelector } from "./Calendar/WeekDaySelector";
-export { default as TapasTimeSelector } from "./Calendar/TimeSelector";
-export { default as TapasConcreteTimeSelector } from "./Calendar/ConcreteTimeSelector";
-export { default as TapasCustomRange } from "./Calendar/CustomRange";
-
-// 高级组件
-export { default as TapasGantt } from "./Gantt/Gantt";
-export { default as TapasFixedSizeGrid } from "./Grid/FixedSizeGrid";
-export { default as TapasVariableSizeGrid } from "./Grid/VariableSizeGrid";
-export { default as TapasStaticFixedSizeGrid } from "./Grid/StaticFixedSizeGrid";
-export { default as TapasDraggableFlatList } from "./DraggableFlatList/DraggableFlatList";
-
-// WebView 通信组件
-export { WebViewBridge, useWebViewBridge, createWebViewInjectedScript, handleNativeWebViewMessage } from "./WebViewBridge";
-export type { WebViewBridgeProps, WebViewBridgeRef, WebViewMessage } from "./WebViewBridge";
-
-// 通知组件
-export { default as TapasToast } from "./Toast/Toast";
-export { default as TapasAlert } from "./Alert/Alert";
-
-// 主题和工具
-export { default as TapasThemeProvider } from "./Theme/ThemeProvider";
-
-// 为了确保构建后正确导出，使用明确的导出
-import { defaultTheme } from "./Theme/defaultTheme";
-export const TapasDefaultTheme = defaultTheme;
-
-// 创建一个默认主题实例，方便应用端直接使用
-export const TapasDefaultThemeInstance = defaultTheme();
-
-// 重新导出 @rneui/themed 的核心功能
-export { 
-  useTheme, 
-  withTheme, 
-  makeStyles, 
-  ThemeProvider,
-  Text,
-  ListItem,
-  Overlay,
-  BottomSheet,
-  Avatar,
-  Divider,
-  TabView,
-  Tab,
-  SearchBar,
-  Input,
-  Button
-} from "@rneui/themed";
-
-// 类型导出 - 简化版本
-export type { Props as TapasButtonProps } from "./Button/Button";
-export type { TapasInputProps } from "./Input/Input";
-export type { SearchInputProps, SearchHistoryEntry } from "./SearchInput/SearchInput";
-export type { ReasonModalProps, ReasonOption } from "./ReasonModal/ReasonModal";
-export type { TapasUserSwitcherProps, UserData } from "./UserSwitcher/UserSwitcher";
-export type { TapasTabProps } from "./Tab/TapasTab";
-export type { TapasTabTitleProps } from "./TabTitle/TabTitle";
-export type { TapasAnimatedNavItemProps } from "./AnimatedNavItem/AnimatedNavItem";
-export type { TapasTableColumnHeaderProps, SortDirection, SortState } from "./TableColumnHeader/TableColumnHeader";
-export type { TapasDataCellProps, DataType, StatusConfig, ActionItem } from "./DataCell/DataCell";
-export type { CellAlignment as DataCellAlignment } from "./DataCell/DataCell";
-export type { TapasMultiSelectorProps, TapasMultiSelectorItem } from "./MultiSelector/MultiSelector";
-export type { TapasQuantityProps } from "./Quantity/Quantity";
-export type { DropdownProps } from "./Dropdown/Dropdown";
-
-// 重新导出 @rneui/themed 的常用类型
-export type { 
-  ButtonProps,
-  InputProps,
-  ListItemProps,
-  TextProps,
-  BottomSheetProps,
-  OverlayProps,
-  TabProps,
-  TabItemProps,
-  Theme
-} from "@rneui/themed";
-
-// 导出其他类型文件
-export * from "./Calendar/types";
-export * from "./Gantt/types";
-export { defaultTheme } from "./Theme/defaultTheme";
-export * from "./Shell/types";
-
-// 新增的遗漏组件
-export { default as TapasLoading } from "./Loading/Loading";
-export { default as TapasScanButton } from "./ScanButton/ScanButton";
-export { default as TapasIconText } from "./IconText/IconText";
-export { default as TapasExternalLink } from "./ExternalLink/ExternalLink";
-export { default as TapasCollapsible } from "./Collapsible/Collapsible";
-export { default as TapasCard } from "./Card/Card";
-export { default as TapasTextArea } from "./TextArea/TextArea";
-export { default as TapasMessageBox } from "./MessageBox/MessageBox";
-export { default as TapasSearchInput } from "./SearchInput/SearchInput";
-export { default as TapasHelloWave } from "./HelloWave/HelloWave";
-export { default as TapasDeviceSelectionModal } from "./DeviceSelectionModal/DeviceSelectionModal";
-export { default as TapasReasonModal } from "./ReasonModal/ReasonModal";
-export { default as TapasUserSwitcher } from "./UserSwitcher/UserSwitcher";
-export { default as TapasTabTitle } from "./TabTitle/TabTitle";
-export { default as TapasAnimatedNavItem } from "./AnimatedNavItem/AnimatedNavItem";
-export { default as TapasTableColumnHeader } from "./TableColumnHeader/TableColumnHeader";
-export { default as TapasDataCell } from "./DataCell/DataCell";
-export { default as TapasMultiSelector } from "./MultiSelector/MultiSelector";
-export { default as TapasQuantity } from "./Quantity/Quantity";
-export { default as TapasNotification } from "./Notification";
-
-// 图表组件（新增）
-export { BarChart } from "./BarChart";
-export type { BarChartProps, BarChartData } from "./BarChart";
-export type { BarChartSeriesData } from "./BarChart/BarChart";
-export { ComboChart } from "./ComboChart";
-export type { ComboChartProps, ComboChartDataSeries } from "./ComboChart";
-export { WordCloud } from "./WordCloud";
-export type { WordCloudProps, WordCloudData } from "./WordCloud";
-export { LineChart } from "./LineChart";
-export type { LineChartProps, LineChartDataPoint, LineChartSeriesData } from "./LineChart";
-export { PieChart } from "./PieChart";
-export type { PieChartProps, PieChartData } from "./PieChart";
-export { DataTable } from "./DataTable";
-export type { DataTableProps, DataTableColumn } from "./DataTable";
-export { StatisticCard } from "./StatisticCard";
-export type { StatisticCardProps } from "./StatisticCard";
-export { StatisticsTable } from "./StatisticsTable";
-export type { 
-  StatisticsTableProps, 
-  StatisticsTableColumn, 
-  StatisticsTableCell,
-  StatisticsTableAction,
-  CellAlignment,
-  CellDataType,
-} from "./StatisticsTable";
-
-// 工具函数
-export { isMobile, capitalizeFirstLetter } from "./common";