@aoao-y33/hooks 0.0.1

package/README.md

@@ -0,0 +1,44 @@
+## 功能特性
+
+- 🚀 基于 Vue 3 Composition API
+- 📦 TypeScript 原生支持，完整类型定义
+- 🔄 状态管理简化
+
+## API 文档
+
+### useState(initValue)
+
+创建一个响应式状态，并提供便捷的更新方法。支持直接替换和深度合并两种更新模式。
+
+**参数：**
+- `initValue` (T) - 初始值，可以是任意类型
+
+**返回值：**
+- `[state, setState]` - 元组类型
+    - `state` (Ref<T>) - 响应式引用
+    - `setState` (function) - 状态更新函数
+
+**setState 参数：**
+- `value` (Partial<T> | T) - 新的状态值
+- `write` (boolean, 可选) - 更新模式
+    - `false` (默认): 深度合并模式，将新值与现有状态深度合并
+    - `true`: 直接替换模式，完全替换现有状态
+
+**示例：**
+
+
+```vue
+<script setup lang="ts"> 
+    import { useState } from '@aoaoy33/hooks' 
+    const [user, setUser] = useState({ name: 'John', age: 25, address: { city: 'Beijing', zip: '100000' } }) 
+    setUser({ name: 'Jane', age: 30 }, true) 
+</script>
+<template> 
+	<div> 
+    	<p>Count: {{ count }}</p> 
+    	<button @click="setCount(count + 1)">Increment</button>
+    	<p>User: {{ user.name }}, Age: {{ user.age }}</p>
+    	<button @click="setUser({ age: user.age + 1 })">Increase Age</button>
+    </div> 
+</template>
+```

package/dist/core/useState.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+export declare function useState<T>(initValue: T): readonly [Ref<T, T>, (value: Partial<T> | T, write?: boolean) => void];
+//# sourceMappingURL=useState.d.ts.map

package/dist/core/useState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useState.d.ts","sourceRoot":"","sources":["../../src/core/useState.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,GAAG,EAAM,MAAM,KAAK,CAAC;AAElC,wBAAgB,QAAQ,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,gCAEX,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,UAAS,OAAO,WAQ1D"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './core/useState';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}