@beppla/tapas-ui 1.5.12 → 1.5.14

package/package/init.js

@@ -1,179 +0,0 @@
-#!/usr/bin/env node
-
-const fs = require('fs');
-const path = require('path');
-
-/**
- * Tapas UI 初始化脚本
- * 自动配置项目所需的资源文件和目录结构
- * 参考 tapas-orderly-client 标准模板
- */
-
-console.log('🚀 正在初始化 Tapas UI 项目...');
-
-// 获取当前工作目录
-const cwd = process.cwd();
-
-// 检查是否在正确的项目目录中
-function validateProjectStructure() {
-  const requiredFiles = ['package.json'];
-  const missingFiles = requiredFiles.filter(file => !fs.existsSync(path.join(cwd, file)));
-  
-  if (missingFiles.length > 0) {
-    console.error('❌ 错误：请在项目根目录中运行此脚本');
-    console.error(`   缺少文件: ${missingFiles.join(', ')}`);
-    process.exit(1);
-  }
-  
-  // 检查 package.json 是否包含必要的依赖
-  try {
-    const packageJson = JSON.parse(fs.readFileSync(path.join(cwd, 'package.json'), 'utf8'));
-    const hasReactNative = packageJson.dependencies?.['react-native'] || packageJson.devDependencies?.['react-native'];
-    const hasExpo = packageJson.dependencies?.['expo'] || packageJson.devDependencies?.['expo'];
-    
-    if (!hasReactNative && !hasExpo) {
-      console.warn('⚠️  警告：未检测到 React Native 或 Expo 依赖');
-      console.warn('   请确保在 React Native 或 Expo 项目中使用 Tapas UI');
-    }
-  } catch (error) {
-    console.warn('⚠️  警告：无法解析 package.json');
-  }
-}
-
-// 创建目录结构
-function createDirectoryStructure() {
-  const directories = [
-    'public',
-    'public/assets',
-    'public/assets/fonts',
-    'src',
-    'src/components',
-    'src/screens',
-    'src/hooks',
-    'src/utils',
-    'src/types',
-    'src/constants',
-    'src/services',
-    'src/state',
-    'src/styles',
-    'src/__tests__',
-    'src/__tests__/components',
-    'src/__tests__/hooks',
-    'src/__tests__/utils',
-    'src/__tests__/integration',
-    'src/__tests__/e2e',
-    'assets',
-    'assets/fonts',
-    'assets/images',
-    'assets/icons',
-    'config',
-    'locales',
-    'docs',
-    'scripts'
-  ];
-  
-  console.log('📁 创建项目目录结构...');
-  
-  directories.forEach(dir => {
-    const fullPath = path.join(cwd, dir);
-    if (!fs.existsSync(fullPath)) {
-      fs.mkdirSync(fullPath, { recursive: true });
-      console.log(`   ✅ 创建目录: ${dir}`);
-    } else {
-      console.log(`   📁 目录已存在: ${dir}`);
-    }
-  });
-}
-
-// 复制资源文件
-function copyResourceFiles() {
-  const resourceFiles = [
-    {
-      source: path.join(__dirname, 'assets', 'fonts', 'customfont.ttf'),
-      dest: path.join(cwd, 'public', 'customfont.ttf'),
-      description: 'Tapas UI 图标字体文件'
-    },
-    {
-      source: path.join(__dirname, 'assets', 'assets', 'fonts', 'customfont.ttf'),
-      dest: path.join(cwd, 'public', 'assets', 'fonts', 'customfont.ttf'),
-      description: 'Tapas UI 图标字体文件（备用路径）'
-    },
-    {
-      source: path.join(__dirname, 'assets', 'fonts', 'customfont.ttf'),
-      dest: path.join(cwd, 'assets', 'fonts', 'customfont.ttf'),
-      description: 'Tapas UI 图标字体文件（本地资源）'
-    }
-  ];
-  
-  console.log('📦 复制资源文件...');
-  
-  let successCount = 0;
-  resourceFiles.forEach(file => {
-    if (copyFile(file.source, file.dest, file.description)) {
-      successCount++;
-    }
-  });
-  
-  return successCount;
-}
-
-// 复制文件
-function copyFile(source, dest, description) {
-  try {
-    if (!fs.existsSync(source)) {
-      console.warn(`   ⚠️  源文件不存在: ${source}`);
-      return false;
-    }
-    
-    // 确保目标目录存在
-    const destDir = path.dirname(dest);
-    if (!fs.existsSync(destDir)) {
-      fs.mkdirSync(destDir, { recursive: true });
-    }
-    
-    fs.copyFileSync(source, dest);
-    console.log(`   ✅ 复制 ${description}: ${path.relative(cwd, dest)}`);
-    return true;
-  } catch (error) {
-    console.error(`   ❌ 复制失败 ${description}:`, error.message);
-    return false;
-  }
-}
-
-// 主初始化流程
-async function initializeTapasUIProject() {
-  try {
-    console.log('🔍 验证项目结构...');
-    validateProjectStructure();
-    
-    console.log('📁 创建目录结构...');
-    createDirectoryStructure();
-    
-    console.log('📦 复制资源文件...');
-    const resourceSuccessCount = copyResourceFiles();
-    
-    console.log('\n🎉 Tapas UI 项目初始化完成！');
-    console.log('\n📋 下一步操作:');
-    console.log('1. 运行 yarn install 安装依赖');
-    console.log('2. 开始使用 Tapas UI 组件开发');
-    console.log('\n🔍 故障排除:');
-    console.log('- 如果图标不显示，请检查字体文件是否正确复制');
-    console.log('- 确保在 React Native 或 Expo 项目中使用');
-    console.log('\n📚 文档链接:');
-    console.log('- Tapas UI Storybook: https://dev.tapas-ui.dev/storybook');
-    console.log('- React Native 文档: https://reactnative.dev/');
-    console.log('- Expo 文档: https://docs.expo.dev/');
-    
-    if (resourceSuccessCount === 0) {
-      console.log('\n⚠️  警告：资源文件复制失败');
-      console.log('请手动复制字体文件到 public/ 目录');
-    }
-    
-  } catch (error) {
-    console.error('💥 初始化过程中发生错误:', error);
-    process.exit(1);
-  }
-}
-
-// 运行初始化
-initializeTapasUIProject();

package/package/module/Alert/README.md

@@ -1,75 +0,0 @@
-# Alert
-
-警告提示组件，用于在页面中展示重要的提示信息。支持多种类型（success / info / warning / error），可选关闭按钮，适合全局通知或表单校验提示场景。
-
-## 功能特性
-
-- ✅ 支持 success、info、warning、error 四种告警类型
-- ✅ 可关闭功能（closable），关闭时触发回调
-- ✅ 自定义图标名称（基于 TapasIcon 图标库）
-- ✅ 单行文本展示，超长自动截断（numberOfLines=1）
-- ✅ 自定义容器样式
-- ✅ 基于主题系统的品牌色适配（withTheme HOC）
-
-## 安装使用
-
-```tsx
-import { Alert } from '@beppla/tapas-ui';
-```
-
-## Props
-
-| 属性 | 类型 | 默认值 | 说明 |
-|------|------|--------|------|
-| type | `'success' \| 'info' \| 'warning' \| 'error'` | - | 警告类型（必填） |
-| message | `React.ReactNode` | - | 警告内容（必填） |
-| closable | `boolean` | `false` | 是否显示关闭按钮 |
-| icon | `string` | `'error'` | 自定义图标名称 |
-| onClose | `Function` | - | 关闭按钮点击回调 |
-| style | `StyleProp<ViewStyle>` | - | 自定义容器样式 |
-
-## 使用示例
-
-### 基础用法
-
-```tsx
-<Alert type="warning" message="This is a warning alert message" />
-```
-
-### 可关闭的警告
-
-```tsx
-<Alert
-  type="error"
-  message="Operation failed, please try again"
-  closable
-  onClose={() => console.log('Alert closed')}
-/>
-```
-
-### 自定义图标
-
-```tsx
-<Alert
-  type="info"
-  message="New update available"
-  icon="info"
-/>
-```
-
-### 自定义样式
-
-```tsx
-<Alert
-  type="success"
-  message="Saved successfully"
-  style={{ borderRadius: 8, marginVertical: 12 }}
-/>
-```
-
-## 注意事项
-
-- 组件需要在 `ThemeProvider` 内使用，否则主题色无法生效
-- 当前所有 type 共享相同的品牌色和背景色（`#EBDFB5`），如需差异化可通过 `style` 覆盖
-- `message` 支持 ReactNode 类型，但由于 `numberOfLines={1}` 限制，复杂节点可能显示异常
-- 关闭按钮点击事件会调用 `stopPropagation()` 阻止冒泡