@beppla/tapas-ui 1.0.65 → 1.0.66

package/package/module/UserSwitcher/README.md

@@ -1,334 +0,0 @@
-# TapasUserSwitcher
-
-一个用户切换组件，支持最多3个用户头像的叠加显示，带有精美的动画效果，适用于多用户环境的快速切换场景。
-
-## 功能特性
-
-- ✅ 支持最多3个用户头像的重叠显示
-- ✅ 智能宽度调整（根据用户数量自动调整）
-- ✅ 双头像类型支持（SVG和图片）
-- ✅ 流畅的淡入淡出和缩放动画
-- ✅ 登录/未登录状态处理
-- ✅ 当前用户自动前置显示
-- ✅ 默认头像回退机制
-- ✅ 完全可定制的回调和样式
-
-## 安装使用
-
-```tsx
-import { TapasUserSwitcher } from '@beppla/tapas-ui';
-
-// 基础用法
-<TapasUserSwitcher
-  isLoggedIn={true}
-  userList={users}
-  currentUserId={1}
-  onUserSwitcherPress={() => openUserModal()}
-/>
-```
-
-## Props
-
-| 属性 | 类型 | 默认值 | 说明 |
-|------|------|--------|------|
-| `userList` | `UserData[]` | `[]` | 用户列表，最多显示3个 |
-| `isLoggedIn` | `boolean` | `false` | 是否处于登录状态 |
-| `height` | `number` | `40` | 组件高度 |
-| `currentUserId` | `number` | - | 当前用户ID，该用户会显示在最前面 |
-| `avatarType` | `'svg' \| 'image'` | `'svg'` | 头像类型 |
-| `loginButtonText` | `string` | `'Login'` | 登录按钮文本 |
-| `onUserSwitcherPress` | `() => void` | - | 点击用户切换器的回调 |
-| `onLoginPress` | `() => void` | - | 点击登录按钮的回调 |
-| `onUserListChange` | `(userList: UserData[]) => void` | - | 用户列表改变时的回调 |
-| `animationDuration` | `number` | `500` | 动画持续时间（毫秒） |
-
-## UserData 接口
-
-```tsx
-interface UserData {
-  id: number;           // 用户唯一标识
-  name: string;         // 用户名称
-  avatar: string;       // 头像数据（base64编码的SVG或图片URL）
-  key: string;          // 用户键值
-}
-```
-
-## 使用示例
-
-### 基础用法
-
-```tsx
-import React, { useState } from 'react';
-import { TapasUserSwitcher, UserData } from '@beppla/tapas-ui';
-
-const UserSwitcherDemo = () => {
-  const [isLoggedIn, setIsLoggedIn] = useState(true);
-  const [currentUserId, setCurrentUserId] = useState(1);
-
-  const users: UserData[] = [
-    { id: 1, name: 'John Doe', avatar: 'base64-svg-data', key: 'john' },
-    { id: 2, name: 'Jane Smith', avatar: 'https://example.com/avatar.jpg', key: 'jane' },
-    { id: 3, name: 'Bob Johnson', avatar: '', key: 'bob' }, // 无头像，显示默认图标
-  ];
-
-  const handleUserSwitcherPress = () => {
-    // 打开用户选择模态框
-    console.log('Open user selection modal');
-  };
-
-  const handleLoginPress = () => {
-    setIsLoggedIn(true);
-    setCurrentUserId(1);
-  };
-
-  return (
-    <TapasUserSwitcher
-      userList={users}
-      isLoggedIn={isLoggedIn}
-      currentUserId={currentUserId}
-      onUserSwitcherPress={handleUserSwitcherPress}
-      onLoginPress={handleLoginPress}
-    />
-  );
-};
-```
-
-### SVG 头像使用
-
-```tsx
-import React from 'react';
-import { TapasUserSwitcher } from '@beppla/tapas-ui';
-
-// 将SVG转换为base64
-const svgToBase64 = (svgString: string) => {
-  return btoa(svgString);
-};
-
-const svgAvatar = svgToBase64(`
-  <svg viewBox="0 0 180 180" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="90" cy="90" r="80" fill="#FF6B6B"/>
-    <circle cx="90" cy="70" r="25" fill="white"/>
-    <ellipse cx="90" cy="130" rx="35" ry="25" fill="white"/>
-  </svg>
-`);
-
-const SvgAvatarDemo = () => {
-  const users = [
-    { id: 1, name: 'User 1', avatar: svgAvatar, key: 'user1' },
-    // ... 更多用户
-  ];
-
-  return (
-    <TapasUserSwitcher
-      userList={users}
-      isLoggedIn={true}
-      avatarType="svg"
-      currentUserId={1}
-    />
-  );
-};
-```
-
-### 图片头像使用
-
-```tsx
-import React from 'react';
-import { TapasUserSwitcher } from '@beppla/tapas-ui';
-
-const ImageAvatarDemo = () => {
-  const users = [
-    { id: 1, name: 'John', avatar: 'https://randomuser.me/api/portraits/men/1.jpg', key: 'john' },
-    { id: 2, name: 'Jane', avatar: 'https://randomuser.me/api/portraits/women/1.jpg', key: 'jane' },
-    { id: 3, name: 'Bob', avatar: 'https://randomuser.me/api/portraits/men/2.jpg', key: 'bob' },
-  ];
-
-  return (
-    <TapasUserSwitcher
-      userList={users}
-      isLoggedIn={true}
-      avatarType="image"
-      currentUserId={2}
-      height={50}
-    />
-  );
-};
-```
-
-### 登录状态处理
-
-```tsx
-import React, { useState } from 'react';
-import { TapasUserSwitcher } from '@beppla/tapas-ui';
-
-const LoginStateDemo = () => {
-  const [isLoggedIn, setIsLoggedIn] = useState(false);
-
-  const handleLogin = () => {
-    // 执行登录逻辑
-    setIsLoggedIn(true);
-  };
-
-  return (
-    <TapasUserSwitcher
-      userList={users}
-      isLoggedIn={isLoggedIn}
-      loginButtonText="Sign In"
-      onLoginPress={handleLogin}
-    />
-  );
-};
-```
-
-### 动态用户切换
-
-```tsx
-import React, { useState } from 'react';
-import { TapasUserSwitcher } from '@beppla/tapas-ui';
-
-const DynamicSwitcherDemo = () => {
-  const [currentUserId, setCurrentUserId] = useState(1);
-  const [users, setUsers] = useState(initialUsers);
-
-  const handleUserSwitcherPress = () => {
-    // 循环切换用户
-    const nextUserId = currentUserId === users[users.length - 1].id 
-      ? users[0].id 
-      : users.find(u => u.id > currentUserId)?.id || users[0].id;
-    
-    setCurrentUserId(nextUserId);
-  };
-
-  return (
-    <TapasUserSwitcher
-      userList={users}
-      isLoggedIn={true}
-      currentUserId={currentUserId}
-      onUserSwitcherPress={handleUserSwitcherPress}
-      animationDuration={300}
-    />
-  );
-};
-```
-
-### 自定义尺寸和动画
-
-```tsx
-import React from 'react';
-import { TapasUserSwitcher } from '@beppla/tapas-ui';
-
-const CustomSizeDemo = () => {
-  return (
-    <TapasUserSwitcher
-      userList={users}
-      isLoggedIn={true}
-      height={60}              // 更大的高度
-      animationDuration={800}  // 更慢的动画
-      currentUserId={1}
-    />
-  );
-};
-```
-
-## 头像叠加效果说明
-
-组件会根据用户数量自动调整显示效果：
-
-- **1个用户**: 宽度40px，单个头像居中显示
-- **2个用户**: 宽度56px，两个头像部分重叠
-- **3个或更多用户**: 宽度68px，三个头像依次重叠，后面的头像有透明度渐变
-
-头像尺寸按层级递减：
-- 第一层（最前面）: 40px
-- 第二层: 32px  
-- 第三层: 24px
-
-## 动画效果
-
-- **淡入动画**: 透明度从0到1
-- **缩放动画**: 缩放从0.9到1.0
-- **触发时机**: 当`currentUserId`改变时
-- **持续时间**: 可通过`animationDuration`自定义
-
-## 回调事件详解
-
-### onUserSwitcherPress
-用户点击头像区域时触发，通常用于打开用户选择模态框：
-
-```tsx
-const handleUserSwitcherPress = () => {
-  // 显示用户选择模态框
-  setModalVisible(true);
-};
-```
-
-### onLoginPress
-用户点击登录按钮时触发：
-
-```tsx
-const handleLoginPress = () => {
-  // 跳转到登录页面或显示登录模态框
-  navigation.navigate('Login');
-};
-```
-
-### onUserListChange
-当用户列表发生变化时触发（可选）：
-
-```tsx
-const handleUserListChange = (newUserList: UserData[]) => {
-  // 保存用户列表变化到状态管理或本地存储
-  saveUserList(newUserList);
-};
-```
-
-## 最佳实践
-
-1. **用户数量控制**: 虽然组件只显示前3个用户，但建议传入的用户列表不超过5个，以保持性能
-2. **头像数据**: SVG头像建议使用base64编码，图片头像建议使用可靠的CDN链接
-3. **当前用户管理**: 确保`currentUserId`始终对应`userList`中的有效用户
-4. **回调处理**: 在`onUserSwitcherPress`中实现完整的用户选择逻辑
-5. **错误处理**: 为头像加载失败提供默认头像回退
-
-## 样式自定义
-
-组件支持通过`style`属性进行样式自定义：
-
-```tsx
-<TapasUserSwitcher
-  style={{
-    backgroundColor: 'rgba(255, 255, 255, 0.9)',
-    borderRadius: 25,
-    paddingHorizontal: 8,
-  }}
-  userList={users}
-  isLoggedIn={true}
-/>
-```
-
-## 向后兼容
-
-为了确保向后兼容，组件同时导出了以下别名：
-
-```tsx
-// 新的推荐用法
-import { TapasUserSwitcher } from '@beppla/tapas-ui';
-
-// 向后兼容的用法
-import { UserSwitcher } from '@beppla/tapas-ui';
-```
-
-## 使用场景
-
-- 多租户系统的用户快速切换
-- 团队协作工具的成员显示
-- 客服系统的坐席切换
-- 家庭应用的成员选择
-- 游戏中的角色/账号切换
-
-## 注意事项
-
-1. 组件内部会自动将`currentUserId`对应的用户移动到显示列表的第一位
-2. 当`userList`为空时，组件仍会正常渲染（显示为空的容器）
-3. 头像加载失败时会自动显示默认的人物图标
-4. 动画效果在React Native和React Native Web环境下表现一致
-5. 组件的宽度会根据用户数量自动调整，无需手动设置

package/package/module/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["default","TapasButton","TapasButtonGroup","TapasText","TapasInput","TapasNumericInput","TapasCheckBox","TapasCheckBoxItem","TapasGroupCheckBox","TapasRadioButton","TapasTag","TapasStatus","TapasProgress","TapasCircularProgress","TapasSteps","TapasTimeline","TapasTask","TapasListItem","TapasSheetTitle","TapasOverlay","TapasPopover","TapasPagination","TapasDashboardCard","TapasImage","TapasImageComponent","TapasNavigation","TapasShell","TapasIcon","TapasIconExpo","fontLoader","useFontLoader","expoFontLoader","useExpoFontLoader","smartFontLoader","useSmartFontLoader","TapasLayout","TapasDrawer","TapasHeader","TapasDropdown","TapasDropdownModal","TapasCustomDropdown","TapasInputDropdown","TapasCalendar","TapasCalendarBase","TapasDaySelector","TapasMonthSelector","TapasWeekDaySelector","TapasTimeSelector","TapasConcreteTimeSelector","TapasCustomRange","TapasGantt","TapasFixedSizeGrid","TapasVariableSizeGrid","TapasStaticFixedSizeGrid","TapasDraggableFlatList","TapasToast","TapasAlert","TapasThemeProvider","defaultTheme","TapasDefaultTheme","TapasDefaultThemeInstance","useTheme","withTheme","makeStyles","ThemeProvider","Text","ListItem","Overlay","BottomSheet","Avatar","Divider","TabView","Tab","SearchBar","Input","Button","TapasLoading","TapasScanButton","TapasIconText","TapasExternalLink","TapasCollapsible","TapasCard","TapasTextArea","TapasMessageBox","TapasSearchInput","TapasHelloWave","TapasDeviceSelectionModal","TapasReasonModal","TapasUserSwitcher","TapasTabTitle","TapasAnimatedNavItem","TapasTableColumnHeader","TapasDataCell","TapasMultiSelector","TapasQuantity","TapasNotification","isMobile","capitalizeFirstLetter"],"sourceRoot":"../../components","sources":["index.tsx"],"mappings":"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","ignoreList":[]}

package/package/package.json

@@ -1,84 +0,0 @@
-{
-  "name": "@beppla/tapas-ui",
-  "version": "1.0.65",
-  "description": "Tapas UI Component Library - A comprehensive React Native component library with Expo support",
-  "main": "./commonjs/index.js",
-  "module": "./module/index.js",
-  "types": "./typescript/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./typescript/index.d.ts",
-      "import": "./module/index.js",
-      "require": "./commonjs/index.js"
-    },
-    "./package.json": "./package.json"
-  },
-  "sideEffects": false,
-  "files": [
-    "commonjs/",
-    "module/",
-    "typescript/",
-    "assets/",
-    "init.js",
-    "README.md",
-    "CHANGELOG.md"
-  ],
-  "scripts": {
-    "postinstall": "node init.js"
-  },
-  "keywords": [
-    "react-native",
-    "expo",
-    "ui",
-    "components",
-    "tapas",
-    "beppla",
-    "typescript",
-    "mobile",
-    "design-system",
-    "ui-kit"
-  ],
-  "author": "Beppla Team",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/beppla/tapas-ui.git"
-  },
-  "bugs": {
-    "url": "https://github.com/beppla/tapas-ui/issues"
-  },
-  "homepage": "https://github.com/beppla/tapas-ui#readme",
-  "peerDependencies": {
-    "react": ">=16.8.0",
-    "react-native": ">=0.60.0"
-  },
-  "peerDependenciesMeta": {
-    "react": {
-      "optional": false
-    },
-    "react-native": {
-      "optional": false
-    }
-  },
-  "dependencies": {
-    "@rneui/base": "^4.0.0-rc.7",
-    "@rneui/themed": "^4.0.0-rc.7",
-    "react-native-vector-icons": "^10.0.3",
-    "react-native-calendars": "^1.1305.0",
-    "react-native-circular-progress": "^1.3.8",
-    "react-native-svg": "^15.2.0",
-    "react-native-reanimated": "^3.10.1",
-    "react-native-safe-area-context": "^4.12.0",
-    "expo-font": "^12.0.10",
-    "expo-asset": "^10.0.10"
-  },
-  "devDependencies": {},
-  "engines": {
-    "node": ">=20.0.0",
-    "npm": ">=8.0.0"
-  },
-  "publishConfig": {
-    "access": "restricted"
-  },
-  "private": false
-}