@beppla/tapas-ui 1.0.65 → 1.0.67

package/package/module/AnimatedNavItem/README.md

@@ -1,520 +0,0 @@
-# TapasAnimatedNavItem
-
-一个支持动画宽度变化的导航项组件，可以在展开和收缩状态之间平滑切换，适用于导航菜单、标签栏和交互式按钮。
-
-## 功能特性
-
-- ✅ 平滑的宽度动画过渡效果
-- ✅ 支持图标和文本的组合显示
-- ✅ 可配置的展开/收缩状态
-- ✅ 丰富的自定义样式选项
-- ✅ 完整的交互支持（点击、长按）
-- ✅ 响应式尺寸和颜色配置
-- ✅ 主题集成和无障碍访问
-- ✅ 向后兼容的导出别名
-
-## 安装使用
-
-```tsx
-import { TapasAnimatedNavItem } from '@beppla/tapas-ui';
-
-// 基础用法
-<TapasAnimatedNavItem 
-  icon="home" 
-  text="Home"
-  expanded={true}
-/>
-
-// 导航菜单
-<TapasAnimatedNavItem 
-  id="dashboard"
-  icon="dashboard" 
-  text="Dashboard"
-  expanded={isExpanded}
-  selected={selectedId === 'dashboard'}
-  onPress={(id) => setSelectedId(id)}
-/>
-```
-
-## Props
-
-| 属性 | 类型 | 默认值 | 说明 |
-|------|------|--------|------|
-| `id` | `number \| string` | - | 唯一标识符 |
-| `icon` | `string` | - | 图标名称 |
-| `text` | `string` | - | 显示文本 |
-| `minWidth` | `number` | `40` | 最小宽度（收缩状态） |
-| `maxWidth` | `number` | 自动计算 | 最大宽度（展开状态） |
-| `expanded` | `boolean` | `false` | 是否展开状态 |
-| `selected` | `boolean` | `false` | 是否被选中 |
-| `iconSize` | `number` | `20` | 图标大小 |
-| `iconColor` | `string` | 主题色 | 图标颜色（未展开时） |
-| `expandedIconColor` | `string` | 白色 | 图标颜色（展开时） |
-| `textColor` | `string` | 白色 | 文本颜色 |
-| `backgroundColor` | `string` | 透明 | 背景颜色（未展开时） |
-| `expandedBackgroundColor` | `string` | 主题色 | 背景颜色（展开时） |
-| `animationDuration` | `number` | `200` | 动画持续时间（毫秒） |
-| `textStyle` | `StyleProp<TextStyle>` | - | 文本样式 |
-| `containerStyle` | `StyleProp<ViewStyle>` | - | 容器样式 |
-| `onPress` | `(id?: number \| string) => void` | - | 点击回调 |
-| `onLongPress` | `(id?: number \| string) => void` | - | 长按回调 |
-| `disabled` | `boolean` | `false` | 是否禁用 |
-| `height` | `number` | `40` | 组件高度 |
-| `padding` | `{horizontal?: number, vertical?: number}` | `{horizontal: 12, vertical: 0}` | 内边距配置 |
-
-## 使用示例
-
-### 基础导航项
-
-```tsx
-import React, { useState } from 'react';
-import { TapasAnimatedNavItem } from '@beppla/tapas-ui';
-
-const BasicExample = () => {
-  const [expanded, setExpanded] = useState(false);
-  
-  return (
-    <TapasAnimatedNavItem 
-      icon="home" 
-      text="Home"
-      expanded={expanded}
-      onPress={() => setExpanded(!expanded)}
-    />
-  );
-};
-```
-
-### 导航菜单
-
-```tsx
-import React, { useState } from 'react';
-import { View } from 'react-native';
-import { TapasAnimatedNavItem } from '@beppla/tapas-ui';
-
-const NavigationMenu = () => {
-  const [selectedItem, setSelectedItem] = useState('home');
-  const [menuExpanded, setMenuExpanded] = useState(true);
-  
-  const navItems = [
-    { id: 'home', icon: 'home', text: 'Home' },
-    { id: 'dashboard', icon: 'dashboard', text: 'Dashboard' },
-    { id: 'analytics', icon: 'analytics', text: 'Analytics' },
-    { id: 'settings', icon: 'settings', text: 'Settings' },
-  ];
-
-  const handleItemPress = (id: string) => {
-    setSelectedItem(id);
-  };
-
-  return (
-    <View style={{ padding: 16, gap: 8 }}>
-      {navItems.map((item) => (
-        <TapasAnimatedNavItem
-          key={item.id}
-          id={item.id}
-          icon={item.icon}
-          text={item.text}
-          expanded={menuExpanded}
-          selected={selectedItem === item.id}
-          onPress={handleItemPress}
-        />
-      ))}
-    </View>
-  );
-};
-```
-
-### 标签栏
-
-```tsx
-import React, { useState } from 'react';
-import { View } from 'react-native';
-import { TapasAnimatedNavItem } from '@beppla/tapas-ui';
-
-const TabBar = () => {
-  const [activeTab, setActiveTab] = useState('home');
-  
-  const tabs = [
-    { id: 'home', icon: 'home', text: 'Home' },
-    { id: 'search', icon: 'search', text: 'Search' },
-    { id: 'favorites', icon: 'favorite', text: 'Favorites' },
-    { id: 'profile', icon: 'person', text: 'Profile' },
-  ];
-
-  return (
-    <View style={{ 
-      flexDirection: 'row', 
-      backgroundColor: 'white',
-      borderRadius: 12,
-      padding: 8,
-      gap: 4 
-    }}>
-      {tabs.map((tab) => (
-        <TapasAnimatedNavItem
-          key={tab.id}
-          id={tab.id}
-          icon={tab.icon}
-          text={tab.text}
-          expanded={activeTab === tab.id}
-          selected={activeTab === tab.id}
-          onPress={(id) => setActiveTab(id as string)}
-          height={48}
-          minWidth={48}
-          style={{ flex: 1 }}
-        />
-      ))}
-    </View>
-  );
-};
-```
-
-### 自定义样式
-
-```tsx
-import React from 'react';
-import { TapasAnimatedNavItem } from '@beppla/tapas-ui';
-
-const CustomStyledExample = () => {
-  return (
-    <View style={{ gap: 16 }}>
-      {/* 自定义颜色 */}
-      <TapasAnimatedNavItem 
-        icon="star" 
-        text="Custom Colors"
-        expanded={true}
-        iconColor="#FF6B6B"
-        expandedIconColor="#FFFFFF"
-        textColor="#FFFFFF"
-        expandedBackgroundColor="#FF6B6B"
-      />
-      
-      {/* 自定义尺寸 */}
-      <TapasAnimatedNavItem 
-        icon="apps" 
-        text="Large Size"
-        expanded={true}
-        height={60}
-        iconSize={28}
-        minWidth={60}
-        textStyle={{ fontSize: 16 }}
-      />
-      
-      {/* 自定义动画 */}
-      <TapasAnimatedNavItem 
-        icon="speed" 
-        text="Slow Animation"
-        expanded={true}
-        animationDuration={800}
-      />
-    </View>
-  );
-};
-```
-
-### 响应式导航
-
-```tsx
-import React, { useState, useEffect } from 'react';
-import { Dimensions } from 'react-native';
-import { TapasAnimatedNavItem } from '@beppla/tapas-ui';
-
-const ResponsiveNavigation = () => {
-  const [isWideScreen, setIsWideScreen] = useState(false);
-  const [selectedItem, setSelectedItem] = useState('home');
-  
-  useEffect(() => {
-    const updateLayout = () => {
-      const { width } = Dimensions.get('window');
-      setIsWideScreen(width > 768);
-    };
-    
-    updateLayout();
-    const subscription = Dimensions.addEventListener('change', updateLayout);
-    
-    return () => subscription?.remove();
-  }, []);
-
-  const navItems = [
-    { id: 'home', icon: 'home', text: 'Home' },
-    { id: 'projects', icon: 'work', text: 'Projects' },
-    { id: 'team', icon: 'group', text: 'Team' },
-    { id: 'settings', icon: 'settings', text: 'Settings' },
-  ];
-
-  return (
-    <View style={{ padding: 16, gap: 8 }}>
-      {navItems.map((item) => (
-        <TapasAnimatedNavItem
-          key={item.id}
-          id={item.id}
-          icon={item.icon}
-          text={item.text}
-          expanded={isWideScreen}
-          selected={selectedItem === item.id}
-          onPress={(id) => setSelectedItem(id as string)}
-          height={isWideScreen ? 48 : 40}
-          iconSize={isWideScreen ? 24 : 20}
-        />
-      ))}
-    </View>
-  );
-};
-```
-
-### 长按菜单
-
-```tsx
-import React, { useState } from 'react';
-import { Alert } from 'react-native';
-import { TapasAnimatedNavItem } from '@beppla/tapas-ui';
-
-const LongPressMenuExample = () => {
-  const [expanded, setExpanded] = useState(true);
-  
-  const handlePress = (id: string) => {
-    console.log(`Item ${id} pressed`);
-  };
-  
-  const handleLongPress = (id: string) => {
-    Alert.alert(
-      'Context Menu',
-      `Long pressed ${id}`,
-      [
-        { text: 'Edit', onPress: () => console.log('Edit', id) },
-        { text: 'Delete', onPress: () => console.log('Delete', id) },
-        { text: 'Cancel', style: 'cancel' },
-      ]
-    );
-  };
-
-  return (
-    <TapasAnimatedNavItem 
-      id="contextual"
-      icon="more_vert" 
-      text="Long Press Me"
-      expanded={expanded}
-      onPress={handlePress}
-      onLongPress={handleLongPress}
-    />
-  );
-};
-```
-
-### 禁用状态
-
-```tsx
-import React from 'react';
-import { TapasAnimatedNavItem } from '@beppla/tapas-ui';
-
-const DisabledExample = () => {
-  return (
-    <View style={{ gap: 12 }}>
-      <TapasAnimatedNavItem 
-        icon="check" 
-        text="Enabled"
-        expanded={true}
-        disabled={false}
-      />
-      
-      <TapasAnimatedNavItem 
-        icon="block" 
-        text="Disabled"
-        expanded={true}
-        disabled={true}
-      />
-    </View>
-  );
-};
-```
-
-### 动态宽度计算
-
-```tsx
-import React, { useState } from 'react';
-import { TapasAnimatedNavItem } from '@beppla/tapas-ui';
-
-const DynamicWidthExample = () => {
-  const [expanded, setExpanded] = useState(false);
-  
-  const items = [
-    { text: 'Short', icon: 'home' },
-    { text: 'Medium Length', icon: 'dashboard' },
-    { text: 'Very Long Text Content', icon: 'analytics' },
-  ];
-
-  return (
-    <View style={{ gap: 12 }}>
-      {items.map((item, index) => (
-        <TapasAnimatedNavItem
-          key={index}
-          icon={item.icon}
-          text={item.text}
-          expanded={expanded}
-          onPress={() => setExpanded(!expanded)}
-          // 让组件自动计算最大宽度
-        />
-      ))}
-    </View>
-  );
-};
-```
-
-### 自定义内边距
-
-```tsx
-import React from 'react';
-import { TapasAnimatedNavItem } from '@beppla/tapas-ui';
-
-const CustomPaddingExample = () => {
-  return (
-    <View style={{ gap: 12 }}>
-      {/* 紧凑型 */}
-      <TapasAnimatedNavItem 
-        icon="compress" 
-        text="Compact"
-        expanded={true}
-        padding={{ horizontal: 8, vertical: 0 }}
-        height={32}
-        iconSize={16}
-      />
-      
-      {/* 标准型 */}
-      <TapasAnimatedNavItem 
-        icon="crop_free" 
-        text="Standard"
-        expanded={true}
-        padding={{ horizontal: 12, vertical: 0 }}
-        height={40}
-        iconSize={20}
-      />
-      
-      {/* 宽松型 */}
-      <TapasAnimatedNavItem 
-        icon="open_in_full" 
-        text="Spacious"
-        expanded={true}
-        padding={{ horizontal: 20, vertical: 4 }}
-        height={56}
-        iconSize={24}
-      />
-    </View>
-  );
-};
-```
-
-## 动画机制
-
-组件使用 React Native 的 `Animated.timing` 实现平滑的宽度过渡：
-
-### 宽度计算
-- **收缩状态**: 使用 `minWidth` 属性
-- **展开状态**: 使用 `maxWidth` 属性，或自动计算（文本宽度 + 图标宽度 + 内边距）
-
-### 动画配置
-```tsx
-Animated.timing(widthAnim, {
-  toValue: expanded ? maxWidth : minWidth,
-  duration: animationDuration,
-  useNativeDriver: false, // 宽度动画不支持原生驱动
-}).start();
-```
-
-### 性能优化
-- 使用 `useRef` 缓存动画值
-- 使用 `useCallback` 优化事件处理函数
-- 支持 `useNativeDriver: false` 的宽度动画
-
-## 主题集成
-
-组件会自动使用应用主题的以下属性：
-
-```tsx
-// 默认样式
-{
-  iconColor: theme?.colors?.primary,
-  expandedIconColor: theme?.colors?.white,
-  textColor: theme?.colors?.white,
-  expandedBackgroundColor: theme?.colors?.primary,
-}
-```
-
-可以通过相应的props覆盖主题样式：
-
-```tsx
-<TapasAnimatedNavItem 
-  icon="star"
-  text="Custom Theme"
-  iconColor="#custom-color"
-  expandedBackgroundColor="#custom-bg"
-/>
-```
-
-## 可访问性支持
-
-组件继承了 `Pressable` 的所有可访问性属性：
-
-```tsx
-<TapasAnimatedNavItem 
-  icon="accessibility"
-  text="Accessible Item"
-  expanded={true}
-  accessible={true}
-  accessibilityRole="button"
-  accessibilityLabel="Navigate to accessibility settings"
-  accessibilityHint="Double tap to open accessibility settings"
-  accessibilityState={{ selected: isSelected }}
-/>
-```
-
-## 最佳实践
-
-1. **性能优化**
-   - 为频繁切换的导航项设置合理的 `animationDuration`
-   - 避免在动画期间频繁更新其他状态
-
-2. **用户体验**
-   - 保持一致的动画速度（推荐 200-400ms）
-   - 为重要操作提供视觉反馈（selected 状态）
-   - 合理设置最小宽度，确保图标完全可见
-
-3. **响应式设计**
-   - 在小屏幕设备上考虑使用更小的图标和高度
-   - 根据屏幕宽度动态调整展开状态
-
-4. **颜色搭配**
-   - 确保文本和背景色有足够的对比度
-   - 在深色主题下测试颜色效果
-
-5. **交互设计**
-   - 为重要操作同时提供点击和长按选项
-   - 合理使用禁用状态，并提供视觉反馈
-
-## 向后兼容
-
-为了确保向后兼容，组件同时导出了以下别名：
-
-```tsx
-// 新的推荐用法
-import { TapasAnimatedNavItem } from '@beppla/tapas-ui';
-
-// 向后兼容的用法
-import { AnimatedNavItem } from '@beppla/tapas-ui';
-```
-
-## 使用场景
-
-- 侧边导航菜单
-- 底部标签栏
-- 工具栏按钮
-- 面包屑导航
-- 快速操作按钮
-- 状态切换器
-
-## 注意事项
-
-1. 文本只在展开状态下显示，收缩时仅显示图标
-2. 组件会自动计算最大宽度，但也可以手动指定
-3. 动画使用宽度变化，不支持原生驱动
-4. 长文本会自动截断并显示省略号
-5. 组件支持React Native和React Native Web环境
-6. 建议为每个导航项设置唯一的 `id` 属性以便跟踪

package/package/module/AnimatedNavItem/index.js

@@ -1,3 +0,0 @@
-export { default } from './AnimatedNavItem';
-export { AnimatedNavItem, TapasAnimatedNavItem } from './AnimatedNavItem';
-//# sourceMappingURL=index.js.map

package/package/module/AnimatedNavItem/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["default","AnimatedNavItem","TapasAnimatedNavItem"],"sourceRoot":"../../../components","sources":["AnimatedNavItem/index.tsx"],"mappings":"AAAA,SAASA,OAAO,QAAQ,mBAAmB;AAE3C,SAASC,eAAe,EAAEC,oBAAoB,QAAQ,mBAAmB","ignoreList":[]}

package/package/module/Button/Button.js

@@ -1,73 +0,0 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useState, useCallback, useMemo } from 'react';
-import { Button as RneButton, makeStyles } from '@rneui/themed';
-import { Platform } from 'react-native';
-import Hoverable from '../Hoverable/Hoverable';
-const useStyles = makeStyles(theme => ({
-  buttonHovered: {
-    backgroundColor: theme?.colors?.colorSurface2
-  },
-  outlineButtonHovered: {
-    backgroundColor: theme?.colors?.grey4,
-    borderColor: theme?.colors?.grey4
-  },
-  button: {
-    backgroundColor: theme?.colors?.primary
-  },
-  baseButton: {
-    fontFamily: theme?.fonts?.fontFamily,
-    fontSize: theme?.fonts.sizeM,
-    fontWeight: theme?.fonts.weightM
-  },
-  outlineButton: {
-    borderColor: theme?.colors?.grey4,
-    backgroundColor: theme?.colors?.white || '#ffffff'
-  }
-}));
-export const Button = ({
-  hoverStyle,
-  buttonStyle,
-  width,
-  ...props
-}) => {
-  const [isHovered, setIsHovered] = useState(false);
-  const styles = useStyles(props);
-  const handleMouseEnter = useCallback(() => {
-    setIsHovered(true);
-  }, []);
-  const handleMouseLeave = useCallback(() => {
-    setIsHovered(false);
-  }, []);
-  const {
-    primaryStyle,
-    hoveredStyle
-  } = useMemo(() => ({
-    primaryStyle: props.type === 'solid' ? styles.button : props.type === 'outline' ? styles.outlineButton : {},
-    hoveredStyle: props.type === 'solid' ? styles.buttonHovered : props.type === 'outline' ? styles.outlineButtonHovered : {}
-  }), [props.type, styles]);
-  const newButtonStyle = useMemo(() => isHovered && props.type !== 'clear' ? {
-    ...hoveredStyle,
-    ...hoverStyle
-  } : {
-    ...primaryStyle,
-    ...buttonStyle
-  }, [isHovered, props.type, hoveredStyle, hoverStyle, primaryStyle, buttonStyle]);
-  const containerStyle = useMemo(() => ({
-    width
-  }), [width]);
-  const titleStyleMemo = useMemo(() => [styles.baseButton, props.titleStyle], [styles.baseButton, props.titleStyle]);
-  return Platform.OS === 'web' && props.type !== 'clear' ? /*#__PURE__*/React.createElement(Hoverable, {
-    onHoverIn: handleMouseEnter,
-    onHoverOut: handleMouseLeave
-  }, isHovered => /*#__PURE__*/React.createElement(RneButton, _extends({
-    containerStyle: containerStyle,
-    buttonStyle: isHovered ? [newButtonStyle, hoverStyle].filter(Boolean) : newButtonStyle,
-    titleStyle: isHovered ? [titleStyleMemo, props.selectedTitleStyle] : titleStyleMemo
-  }, props))) : /*#__PURE__*/React.createElement(RneButton, _extends({
-    containerStyle: containerStyle,
-    buttonStyle: newButtonStyle,
-    titleStyle: titleStyleMemo
-  }, props));
-};
-export default Button;
-//# sourceMappingURL=Button.js.map

package/package/module/Button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useState","useCallback","useMemo","Button","RneButton","makeStyles","Platform","Hoverable","useStyles","theme","buttonHovered","backgroundColor","colors","colorSurface2","outlineButtonHovered","grey4","borderColor","button","primary","baseButton","fontFamily","fonts","fontSize","sizeM","fontWeight","weightM","outlineButton","white","hoverStyle","buttonStyle","width","props","isHovered","setIsHovered","styles","handleMouseEnter","handleMouseLeave","primaryStyle","hoveredStyle","type","newButtonStyle","containerStyle","titleStyleMemo","titleStyle","OS","createElement","onHoverIn","onHoverOut","_extends","filter","Boolean","selectedTitleStyle"],"sourceRoot":"../../../components","sources":["Button/Button.tsx"],"mappings":"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","ignoreList":[]}