dishui 0.0.4 → 0.0.5

package/README.md

@@ -1,103 +1,73 @@
-# DiShUI
+# DiShui UI 组件库
 
-一个基于React的组件库。
-
-## 特性
-
-- 基于React和TypeScript开发
-- 使用Vite构建
-- 支持按需导入
+一个基于React的vibe coding出来的UI组件库。
 
 ## 安装
 
-### 在线安装 (通过 npm)
-
-推荐使用包管理器进行在线安装：
-
 ```bash
-# 使用 pnpm
-pnpm add dishui
-
-# 使用 npm
 npm install dishui
-
-# 使用 yarn
+# 或
 yarn add dishui
 ```
 
-### 离线安装 (手动安装)
-
-如果您无法访问 npm 仓库或者需要在离线环境中使用，可以进行手动安装：
-
-1.  **获取打包文件:**
-    在 `dishui` 项目根目录下执行打包命令：
-    ```bash
-    pnpm build
-    ```
-    这将在项目根目录下生成一个 `dist` 文件夹，其中包含了打包后的 JavaScript 文件、CSS 样式文件以及 TypeScript 类型声明文件。
-
-2.  **复制文件:**
-    将整个 `dist` 文件夹复制到您需要使用该组件库的项目中，例如放到项目的 `src/libs/dishui` 目录下。
-
-3.  **在项目中使用:**
-    根据您复制的路径，在您的代码中直接引入组件和样式。
-
-    ```jsx
-    import React from 'react';
-    // 假设您将 dist 文件夹复制到了 src/libs/dishui
-    import { Button, Badge } from './libs/dishui/dishui.es.js'; // 或 .umd.js
-    import './libs/dishui/style.css';
-
-    function App() {
-      return (
-        <div>
-          <Button variant="primary">点击我</Button>
-          <Badge variant="success">新功能</Badge>
-        </div>
-      );
-    }
-    ```
+## 使用方法
 
-    **注意:** 手动安装时，您需要自行处理 `react` 和 `react-dom` 这两个外部依赖。请确保您的项目中已经安装了兼容版本的 React。
+### 导入组件和样式
 
-## 使用
-
-确保在使用组件前引入必要的 CSS 样式：
-
-```jsx
-import React from 'react';
-import { Button, Badge } from 'dishui';
-import 'dishui/dist/style.css'; // 引入样式文件
+```tsx
+import React from "react";
+import { Button, Badge } from "dishui";
+import "dishui/dist/dishui.css"; // 导入样式文件
 
 function App() {
   return (
-    <div>
-      <Button variant="primary">点击我</Button>
-      <Badge variant="success">新功能</Badge>
+    <div className="p-4">
+      <h1 className="text-2xl font-bold mb-4">DiShui UI 示例</h1>
+      
+      <div className="flex gap-2 mb-4">
+        <Button>默认按钮</Button>
+        <Button variant="primary">主要按钮</Button>
+        <Button variant="secondary">次要按钮</Button>
+        <Button variant="accent">强调按钮</Button>
+      </div>
+      
+      <div className="flex gap-2">
+        <Badge>默认</Badge>
+        <Badge variant="primary">主要</Badge>
+        <Badge variant="secondary">次要</Badge>
+        <Badge variant="accent">强调</Badge>
+      </div>
     </div>
   );
 }
+
+export default App;
 ```
 
-## 本地开发
+### 可用组件
+
+- Button - 按钮组件
+- Badge - 徽章组件
+- Input - 输入框组件
+- Label - 标签组件
+- 更多组件持续添加中...
+
+## 开发
 
 ```bash
 # 安装依赖
-pnpm install
+npm install
 
 # 启动开发服务器
-pnpm dev
-
-# 构建组件库
-pnpm build
-```
+npm run dev
 
-## 组件列表
+# 构建库
+npm run build
 
-- Button - 按钮组件
-- Badge - 徽章组件
-- 更多组件开发中...
+# 发布到npm
+npm run publish:npm
+```
 
 ## 许可证
 
-MIT 
+ISC 

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './types/src/index';

package/index.d.ts

@@ -0,0 +1,3 @@
+declare module 'dishui' {
+  export * from './dist/types/src/index';
+} 

package/package.json

@@ -1,18 +1,26 @@
 {
   "name": "dishui",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "一个基于React的vibe coding出来的UI组件库",
   "main": "dist/dishui.umd.js",
   "module": "dist/dishui.es.js",
-  "types": "dist/types/index.d.ts",
+  "types": "dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "*": [
+        "dist/index.d.ts"
+      ]
+    }
+  },
   "style": "dist/dishui.css",
   "files": [
-    "dist"
+    "dist",
+    "index.d.ts"
   ],
   "scripts": {
     "dev": "vite",
-    "build": "vite build && tsc --emitDeclarationOnly",
-    "build:types": "tsc --emitDeclarationOnly",
+    "build": "vite build && tsc --emitDeclarationOnly && node scripts/fix-types.js",
+    "build:types": "tsc --emitDeclarationOnly && node scripts/fix-types.js",
     "prepublishOnly": "npm run build",
     "publish:npm": "npm publish --access public",
     "prepare:types": "node scripts/prepare-types.js",