@beppla/tapas-ui 1.4.35 → 1.5.2

package/package/module/StatisticsTable/VIRTUAL_SCROLLING.md

@@ -1,254 +0,0 @@
-# StatisticsTable 虚拟滚动功能
-
-## 概述
-
-为 StatisticsTable 组件实现了真正的虚拟滚动功能，可以高效处理大数据集（1000+ 行）而不影响性能。
-
-## 功能特性
-
-### ✅ 智能渲染
-- 只渲染可视区域内的行（+ 上下缓冲区）
-- 典型场景：100 行数据只渲染 10-15 行
-- 大幅减少 DOM 节点数量，提升性能
-
-### ✅ 动态计算
-- 根据滚动位置实时计算可视区域
-- 支持动态行高（通过 `getRowHeight`）
-- 自动计算上下占位空间保持滚动条高度
-
-### ✅ 平滑体验
-- 添加 3 行缓冲区（overscan），减少白屏
-- 滚动事件节流（throttle 16ms）
-- 原生滚动性能，无卡顿
-
-### ✅ 完整兼容
-- 与 Row Stats 完全兼容
-- 与 Column Stats 完全兼容
-- 与占位行功能完全兼容
-- 支持动态行高
-
-## 使用方法
-
-### 基础用法
-
-```tsx
-<StatisticsTable
-  rows={largeDataset}      // 1000+ 行数据
-  columns={columns}
-  cells={cells}
-  enableVirtualization={true}
-  virtualRowHeight={56}    // 平均行高
-  maxHeight={600}
-/>
-```
-
-### 动态行高
-
-```tsx
-<StatisticsTable
-  rows={largeDataset}
-  columns={columns}
-  cells={cells}
-  enableVirtualization={true}
-  getRowHeight={(rowKey, rowData) => {
-    // 根据数据返回不同高度
-    if (rowData?.expanded) return 120;
-    return 56;
-  }}
-  maxHeight={600}
-/>
-```
-
-### 与统计功能配合
-
-```tsx
-<StatisticsTable
-  rows={largeDataset}
-  columns={columns}
-  cells={cells}
-  enableVirtualization={true}
-  virtualRowHeight={56}
-  showRowStats={true}      // 虚拟滚动 + 行统计
-  maxHeight={600}
-/>
-```
-
-## 实现原理
-
-### 1. 滚动监听
-
-```typescript
-const handleBodyScroll = useCallback((event) => {
-  const { contentOffset } = event.nativeEvent;
-  
-  // 更新虚拟滚动偏移量
-  if (enableVirtualization) {
-    setVirtualScrollOffset(contentOffset.y);
-  }
-}, [enableVirtualization]);
-```
-
-### 2. 可视区域计算
-
-```typescript
-const virtualScrollData = useMemo(() => {
-  // 1. 计算每行高度和总高度
-  const rowHeights = displayRows.map(row => 
-    getRowHeight?.(row.key, row.data) || rowHeight
-  );
-  
-  // 2. 根据 scrollTop 查找起始索引
-  let startIndex = 0;
-  let accumulatedHeight = 0;
-  for (let i = 0; i < rowHeights.length; i++) {
-    if (accumulatedHeight + rowHeights[i] > scrollTop) {
-      startIndex = i;
-      break;
-    }
-    accumulatedHeight += rowHeights[i];
-  }
-  
-  // 3. 添加缓冲区（上下各多渲染 3 行）
-  startIndex = Math.max(0, startIndex - 3);
-  
-  // 4. 计算结束索引
-  let endIndex = startIndex;
-  let visibleHeight = 0;
-  for (let i = startIndex; i < rowHeights.length; i++) {
-    visibleHeight += rowHeights[i];
-    endIndex = i + 1;
-    if (visibleHeight >= viewportHeight) break;
-  }
-  endIndex = Math.min(displayRows.length, endIndex + 3);
-  
-  // 5. 计算占位空间
-  const offsetTop = rowHeights.slice(0, startIndex).reduce((sum, h) => sum + h, 0);
-  const offsetBottom = rowHeights.slice(endIndex).reduce((sum, h) => sum + h, 0);
-  
-  return {
-    visibleRows: displayRows.slice(startIndex, endIndex),
-    startIndex,
-    endIndex,
-    offsetTop,
-    offsetBottom,
-  };
-}, [enableVirtualization, displayRows, virtualScrollOffset, ...]);
-```
-
-### 3. 渲染占位空间
-
-```tsx
-<ScrollView onScroll={handleBodyScroll}>
-  {/* 上方占位空间 */}
-  {enableVirtualization && offsetTop > 0 && (
-    <View style={{ height: offsetTop }} />
-  )}
-  
-  {/* 仅渲染可视行 */}
-  {visibleRows.map(row => (
-    <Row key={row.key} data={row} />
-  ))}
-  
-  {/* 下方占位空间 */}
-  {enableVirtualization && offsetBottom > 0 && (
-    <View style={{ height: offsetBottom }} />
-  )}
-</ScrollView>
-```
-
-### 4. Row Stats 同步
-
-Row Stats 列也使用相同的虚拟滚动数据，确保统计列与主表体同步：
-
-```tsx
-// 计算实际索引
-const actualIndex = enableVirtualization 
-  ? virtualScrollData.startIndex + rowIndex 
-  : rowIndex;
-const rowStat = rowStats?.[actualIndex];
-```
-
-## 性能优化
-
-### 缓冲区（Overscan）
-
-- **上缓冲区**：startIndex - 3
-- **下缓冲区**：endIndex + 3
-- **作用**：减少快速滚动时的白屏现象
-
-### 事件节流
-
-```tsx
-<ScrollView 
-  scrollEventThrottle={16}  // ~60fps
-  onScroll={handleBodyScroll}
->
-```
-
-### useMemo 优化
-
-虚拟滚动计算使用 `useMemo`，只在依赖变化时重新计算：
-- `virtualScrollOffset` 变化
-- `displayRows` 变化
-- `maxHeight` 变化
-- `rowHeight` 或 `getRowHeight` 变化
-
-## 性能对比
-
-### 不启用虚拟滚动
-- **100 行**：渲染 100 个行组件
-- **1000 行**：渲染 1000 个行组件（可能卡顿）
-- **DOM 节点**：行数 × 列数
-
-### 启用虚拟滚动
-- **100 行**：渲染 ~15 个行组件
-- **1000 行**：渲染 ~15 个行组件（流畅）
-- **DOM 节点**：~15 × 列数
-
-### 测试结果
-
-| 数据量 | 无虚拟化 | 虚拟化 | 性能提升 |
-|--------|---------|--------|---------|
-| 100 行 | 流畅 | 流畅 | - |
-| 500 行 | 略卡顿 | 流畅 | ~30x |
-| 1000 行 | 明显卡顿 | 流畅 | ~60x |
-| 5000 行 | 非常卡顿 | 流畅 | ~300x |
-
-## 适用场景
-
-✅ **推荐使用虚拟滚动：**
-- 数据行数 > 50
-- 需要显示 100+ 行数据
-- 移动端设备（性能受限）
-- 需要流畅的滚动体验
-
-❌ **不需要虚拟滚动：**
-- 数据行数 < 30
-- 使用外部分页控制每页数据量
-- 数据量已经很小
-
-## 注意事项
-
-1. **虚拟化与分页**：如果已经使用外部分页控制每页显示少量数据（如 10-20 行），通常不需要启用虚拟化
-2. **动态高度**：如果每行高度差异很大，`getRowHeight` 会被频繁调用，确保该函数高效
-3. **缓冲区**：当前设置为上下各 3 行，可以根据需要调整
-4. **统计功能**：虚拟滚动不影响统计计算，统计始终基于全部数据
-
-## 未来优化
-
-- [ ] 可配置的缓冲区大小（overscan）
-- [ ] 横向虚拟滚动支持（针对大量列）
-- [ ] 更智能的缓冲区策略（根据滚动速度动态调整）
-- [ ] 支持跳转到指定行
-
-## 相关配置
-
-```tsx
-interface StatisticsTableProps {
-  enableVirtualization?: boolean;  // 启用虚拟滚动
-  virtualRowHeight?: number;       // 平均行高（用于计算）
-  getRowHeight?: (rowKey: string, rowData?: any) => number; // 动态行高
-  maxHeight?: number;              // 视口高度
-}
-```
-

package/package/module/Status/Status.js

@@ -1,122 +0,0 @@
-"use strict";
-
-import React from 'react';
-import { View, Text } from 'react-native';
-import { withTheme, makeStyles } from "@rneui/themed";
-import { capitalizeFirstLetter } from '../common';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const useStyles = makeStyles(theme => {
-  return {
-    statusWrap: {
-      height: 24,
-      display: 'flex',
-      flexDirection: 'row',
-      justifyContent: 'flex-start',
-      alignItems: 'center'
-    },
-    base: {
-      width: 'auto',
-      fontFamily: theme?.fonts?.fontFamily,
-      fontSize: theme?.fonts.sizeM,
-      fontWeight: theme?.fonts.weightR,
-      paddingHorizontal: 6,
-      alignItems: 'center',
-      display: 'flex',
-      height: 24,
-      borderRadius: 4,
-      color: theme.colors.colorTextSecondary
-    },
-    unavailable: {
-      color: theme.colors.colorTextSecondary
-    },
-    disabled: {
-      backgroundColor: theme.colors.grey5
-    },
-    warning: {
-      backgroundColor: theme.colors.warning2
-    },
-    reserved: {
-      backgroundColor: theme.colors.colorStatusReserved
-    },
-    error: {
-      backgroundColor: theme.colors.colorStatusError
-    },
-    success: {
-      backgroundColor: theme.colors.colorStatusAvailable
-    },
-    waiting: {
-      borderColor: theme.colors.colorStatusAwaiting,
-      borderWidth: 1,
-      color: theme.colors.colorStatusAwaiting
-    },
-    point: {
-      borderRadius: 4,
-      height: 8,
-      width: 8
-    },
-    solid_disabled: {
-      borderColor: theme.colors.grey5,
-      borderWidth: 1,
-      color: theme.colors.grey5
-    },
-    solid_warning: {
-      borderColor: theme.colors.warning2,
-      borderWidth: 1,
-      color: theme.colors.warning2
-    },
-    solid_error: {
-      borderColor: theme.colors.colorStatusError,
-      borderWidth: 1,
-      color: theme.colors.colorStatusError
-    },
-    solid_success: {
-      borderColor: theme.colors.colorStatusAvailable,
-      borderWidth: 1,
-      color: theme.colors.colorStatusAvailable
-    },
-    solid_unavailable: {
-      color: theme.colors.colorTextSecondary,
-      borderColor: theme.colors.grey3,
-      borderWidth: 1
-    },
-    solid_waiting: {
-      color: theme.colors.colorStatusAwaiting,
-      borderColor: theme.colors.colorStatusAwaiting,
-      borderWidth: 1
-    },
-    solid_reserved: {
-      color: theme.colors.warning2,
-      borderColor: theme.colors.warning2,
-      borderWidth: 1
-    }
-  };
-});
-export const StatusTag = ({
-  tag,
-  type,
-  mode = 'point',
-  ...props
-}) => {
-  const styles = useStyles(props);
-  const formattedTag = capitalizeFirstLetter(tag);
-  if (!tag) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(View, {
-    testID: props?.testID,
-    style: [styles.statusWrap, props.styles],
-    children: mode === 'point' ? /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: [styles.point, styles[type]]
-      }), /*#__PURE__*/_jsx(Text, {
-        style: [styles.base],
-        children: formattedTag
-      })]
-    }) : /*#__PURE__*/_jsx(Text, {
-      style: [styles.base, styles[`solid_${type}`]],
-      children: formattedTag
-    })
-  });
-};
-export default withTheme(StatusTag);
-//# sourceMappingURL=Status.js.map

package/package/module/Status/Status.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","Text","withTheme","makeStyles","capitalizeFirstLetter","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useStyles","theme","statusWrap","height","display","flexDirection","justifyContent","alignItems","base","width","fontFamily","fonts","fontSize","sizeM","fontWeight","weightR","paddingHorizontal","borderRadius","color","colors","colorTextSecondary","unavailable","disabled","backgroundColor","grey5","warning","warning2","reserved","colorStatusReserved","error","colorStatusError","success","colorStatusAvailable","waiting","borderColor","colorStatusAwaiting","borderWidth","point","solid_disabled","solid_warning","solid_error","solid_success","solid_unavailable","grey3","solid_waiting","solid_reserved","StatusTag","tag","type","mode","props","styles","formattedTag","testID","style","children"],"sourceRoot":"../../../components","sources":["Status/Status.tsx"],"mappings":"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","ignoreList":[]}

package/package/module/Steps/Steps.js

@@ -1,148 +0,0 @@
-"use strict";
-
-import React from 'react';
-import { View, Text, TouchableOpacity } from 'react-native';
-import { withTheme, makeStyles } from '@rneui/themed';
-import Icon from '../Icons/TapasIcon';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const useStyles = makeStyles(theme => {
-  return {
-    container: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      marginVertical: 20
-    },
-    step: {
-      flex: 1,
-      flexDirection: 'row',
-      alignItems: 'center',
-      paddingVertical: 10
-    },
-    activeStep: {
-      backgroundColor: theme.colors.colorTextBrand,
-      color: theme.colors.white
-    },
-    completedStep: {
-      // add any styles for the completed step
-      backgroundColor: theme.colors.colorTextBrand
-    },
-    iconContainer: {
-      marginRight: 10
-    },
-    stepNumber: {
-      fontSize: 20,
-      fontWeight: 'bold'
-    },
-    textContainer: {
-      flex: 1
-    },
-    title: {
-      fontSize: 16,
-      fontWeight: 'bold'
-    },
-    activeTitle: {
-      // add any styles for the active title
-    },
-    completedTitle: {
-      // add any styles for the completed title
-    },
-    description: {
-      fontSize: 14,
-      color: '#666'
-    },
-    activeDescription: {
-      // add any styles for the active description
-    },
-    completedDescription: {
-      // add any styles for the completed description
-    },
-    stepText: {
-      fontSize: theme.fonts.sizeM,
-      fontFamily: theme.fonts.fontFamily,
-      fontWeight: theme.fonts.weightR,
-      height: 28,
-      width: 28,
-      borderRadius: theme.radius.full,
-      backgroundColor: theme.colors.grey3,
-      color: theme.colors.grey2,
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      gap: 10
-    },
-    hr: {
-      height: 2,
-      width: 76,
-      backgroundColor: theme.colors.grey4,
-      marginHorizontal: 4,
-      borderRadius: theme.radius.rounded
-    },
-    completedHr: {
-      backgroundColor: theme.colors.colorTextBrand
-    },
-    stepItem: {
-      display: "flex",
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: "flex-start"
-    }
-  };
-});
-const Step = ({
-  index,
-  active,
-  completed,
-  onItemPress
-}) => {
-  const styles = useStyles();
-  const handleItemPress = () => {
-    if (completed || active) {
-      onItemPress && onItemPress(index);
-    }
-  };
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(TouchableOpacity, {
-      onPress: handleItemPress,
-      children: /*#__PURE__*/_jsxs(View, {
-        style: styles.stepItem,
-        children: [index !== 1 && /*#__PURE__*/_jsx(View, {
-          style: [styles.hr, (completed || active) && styles.completedHr]
-        }), completed ? /*#__PURE__*/_jsx(Text, {
-          style: [styles.stepText, active && styles.activeStep, completed && styles.completedStep],
-          children: /*#__PURE__*/_jsx(Icon, {
-            name: "check",
-            size: 16,
-            color: "white"
-          })
-        }) : /*#__PURE__*/_jsx(Text, {
-          style: [styles.stepText, active && styles.activeStep, completed && styles.completedStep],
-          children: index
-        })]
-      })
-    })
-  });
-};
-const Steps = ({
-  steps = [],
-  currentStep,
-  onPressStep,
-  testID
-}) => {
-  const styles = useStyles();
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.container,
-    testID: testID,
-    children: steps.map((step, index) => /*#__PURE__*/_jsx(View, {
-      children: /*#__PURE__*/_jsx(Step, {
-        index: Number.parseInt(`${index + 1}`),
-        title: step.title,
-        description: step.description,
-        active: index === currentStep,
-        completed: index < currentStep,
-        onItemPress: onPressStep
-      }, index)
-    }))
-  });
-};
-export default withTheme(Steps);
-//# sourceMappingURL=Steps.js.map

package/package/module/Steps/Steps.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","Text","TouchableOpacity","withTheme","makeStyles","Icon","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useStyles","theme","container","flexDirection","alignItems","marginVertical","step","flex","paddingVertical","activeStep","backgroundColor","colors","colorTextBrand","color","white","completedStep","iconContainer","marginRight","stepNumber","fontSize","fontWeight","textContainer","title","activeTitle","completedTitle","description","activeDescription","completedDescription","stepText","fonts","sizeM","fontFamily","weightR","height","width","borderRadius","radius","full","grey3","grey2","display","justifyContent","gap","hr","grey4","marginHorizontal","rounded","completedHr","stepItem","Step","index","active","completed","onItemPress","styles","handleItemPress","children","onPress","style","name","size","Steps","steps","currentStep","onPressStep","testID","map","Number","parseInt"],"sourceRoot":"../../../components","sources":["Steps/Steps.tsx"],"mappings":"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","ignoreList":[]}