fantasia-ui 0.2.7 → 0.2.9

package/README.en.md

@@ -240,19 +240,35 @@ The component library supports theme customization via CSS variables:
 
 Fantasia UI provides complete TypeScript type definitions:
 
+```vue
+<script setup lang="ts">
+import { FButton } from 'fantasia-ui'
+
+// TypeScript will automatically infer props types
+// No need to manually import FButtonProps
+</script>
+
+<template>
+  <FButton variant="primary" size="large">
+    Button
+  </FButton>
+</template>
+```
+
+### If you need component Props types
+
+You can use TypeScript utility types to infer from components:
+
 ```typescript
-import type { 
-  FButtonProps,
-  FInputProps,
-  FAvatarProps,
-  // ... other types
-} from 'fantasia-ui'
-
-// Use types
+import { FButton } from 'fantasia-ui'
+import type { ComponentProps } from 'vue'
+
+// Infer props type from component
+type FButtonProps = ComponentProps<typeof FButton>
+
 const buttonProps: FButtonProps = {
-  type: 'primary',
-  size: 'large',
-  disabled: false
+  variant: 'primary',
+  size: 'large'
 }
 ```
 

package/README.md

@@ -236,23 +236,39 @@ import { FRow, FCol, FSpace } from 'fantasia-ui'
 }
 ```
 
-## 📖 TypeScript 支持
+## 📝 TypeScript 支持
 
 Fantasia UI 提供完整的 TypeScript 类型定义：
 
+```vue
+<script setup lang="ts">
+import { FButton } from 'fantasia-ui'
+
+// TypeScript 会自动推断 props 类型
+// 无需手动导入 FButtonProps
+</script>
+
+<template>
+  <FButton variant="primary" size="large">
+    按钮
+  </FButton>
+</template>
+```
+
+### 如果需要组件 Props 类型
+
+可以使用 TypeScript 工具类型从组件推断：
+
 ```typescript
-import type { 
-  FButtonProps,
-  FInputProps,
-  FAvatarProps,
-  // ... 其他类型
-} from 'fantasia-ui'
-
-// 使用类型
+import { FButton } from 'fantasia-ui'
+import type { ComponentProps } from 'vue'
+
+// 从组件推断 props 类型
+type FButtonProps = ComponentProps<typeof FButton>
+
 const buttonProps: FButtonProps = {
-  type: 'primary',
-  size: 'large',
-  disabled: false
+  variant: 'primary',
+  size: 'large'
 }
 ```
 

package/dist/index.d.ts

@@ -2,4 +2,3 @@ import { Plugin } from 'vue';
 declare const install: Plugin;
 export default install;
 export * from './components';
-export * from './types';

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "fantasia-ui",
   "private": false,
-  "version": "0.2.7",
+  "version": "0.2.9",
   "type": "module",
   "main": "dist/fantasia-ui.umd.js",
   "module": "dist/fantasia-ui.es.js",
-  "types": "dist/types/index.d.ts",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/types/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/fantasia-ui.es.js",
       "require": "./dist/fantasia-ui.umd.js"
     },