@yungu-fed/componentlibrary 0.0.1

package/README.md

@@ -0,0 +1,85 @@
+# Component Library
+
+基于 Vite + React 的组件库项目
+
+## 技术栈
+
+- **构建工具**: Vite 5.x
+- **框架**: React 18.2.0
+- **样式**: Less
+- **类型**: TypeScript (可选)
+
+## 开发
+
+```bash
+# 安装依赖
+npm install
+
+# 启动开发服务器
+npm run dev
+
+# 构建库
+npm run build
+
+# 预览构建产物
+npm run preview
+
+# 监听模式构建
+npm run build:watch
+```
+
+## 项目结构
+
+```
+componentlibrary/
+├── src/
+│   ├── components/      # 组件目录
+│   │   ├── Button/
+│   │   │   ├── index.js
+│   │   │   └── index.less
+│   │   └── Popover/
+│   │       ├── index.js
+│   │       └── index.less
+│   ├── styles/          # 全局样式
+│   │   └── variables.less
+│   ├── demo/            # 开发演示页面
+│   │   └── index.tsx
+│   └── index.ts         # 库入口文件
+├── dist/                # 构建输出目录
+├── vite.config.js       # Vite 配置
+└── package.json
+```
+
+## 使用
+
+### 在项目中使用
+
+```bash
+# 通过 npm link 本地开发
+cd componentlibrary
+npm link
+
+cd ../umiprojects
+npm link @yungu-fed/componentlibrary
+```
+
+### 导入组件
+
+```javascript
+import { Button, Popover } from '@yungu-fed/componentlibrary';
+import '@yungu-fed/componentlibrary/style'; // 引入样式
+```
+
+## 构建说明
+
+- **ES 模块**: `dist/index.es.js` - 用于现代打包工具
+- **UMD**: `dist/index.umd.js` - 用于浏览器直接引用
+- **类型定义**: `dist/index.d.ts` - TypeScript 类型
+- **样式文件**: `dist/style.css` - 组件样式
+
+## 注意事项
+
+1. React 和 React-DOM 作为 peerDependencies，需要在宿主项目中安装
+2. 组件库使用 Less，确保宿主项目支持 Less 或引入编译后的 CSS
+3. 开发时使用 `npm run dev` 启动演示页面
+4. 构建时使用 `npm run build` 生成生产版本

package/dist/components/Button/index.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+export interface ButtonProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> {
+    type?: string;
+    size?: 'small' | 'middle' | 'large' | (string & {});
+    color?: string;
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLSpanElement>;
+}
+/**
+ * Button 组件（从 umiProjects 迁移）
+ * 支持通过 props 设置类型、尺寸、颜色等属性
+ */
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/components/Popover/index.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+
+export type PopoverPlacement = 'TL' | 'TC' | 'TR' | 'CL' | 'CC' | 'CR' | 'BL' | 'BC' | 'BR' | (string & {});
+export type PopoverTrigger = 'click' | 'hover' | (string & {});
+export interface PopoverProps {
+    children?: React.ReactNode;
+    content?: React.ReactNode;
+    placement?: PopoverPlacement;
+    offset?: number;
+    trigger?: PopoverTrigger;
+    visible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * Popover 组件（从 umiProjects 迁移）
+ * 支持点击和 hover 触发，九宫格定位
+ */
+declare const Popover: React.FC<PopoverProps>;
+export default Popover;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from './components/Button';
+export { default as Popover } from './components/Popover';