@bscjc/webui 0.0.2 → 0.0.4

package/README.md

@@ -8,6 +8,7 @@
 
 - [组件目录介绍](#组件目录介绍)
 - [安装使用说明](#安装使用说明)
+- [配套 Hooks 使用说明](#配套Hooks使用说明)
 - [组件文档](#组件文档)
   - [JcSelectQuery](#JcSelectQuery)
   - [JcDatePicker](#JcDatePicker)
@@ -15,7 +16,6 @@
   - [JcInputComplex](#JcInputComplex)
   - [JcTagQuery](#JcTagQuery)
   - [JcMoreQueryContain](#JcMoreQueryContain)
-- [配套 Hooks 使用说明](#配套Hooks使用说明)
 
 ## 组件目录介绍
 
@@ -45,7 +45,7 @@ npm i @bscjc/webui
 import { createApp } from "vue";
 import App from "./App.vue";
 import JcWebui from "@bscjc/webui";
-import "@bscjc/webui/dist/style.css";
+import "@bscjc/webui/dist/index.css";
 
 const app = createApp(App);
 app.use(JcWebui);
@@ -70,6 +70,57 @@ import { JcSelectQuery } from "@bscjc/webui";
 </script>
 ```
 
+## 配套 Hooks 使用说明
+
+### useQuery.ts
+
+#### 概述
+
+`useQuery`是 QueryFormComponents 组件库的配套 Hooks，提供查询表单状态管理功能。
+
+#### 基本使用
+
+```typescript
+import { reactiveQuery } from from "@bscjc/webui"
+const { queryForm, setQuery, addTag, reduceTag, reduceAllTag, clearQuery } = reactiveQuery()
+
+// 设置查询条件
+setQuery('name', 'test')
+
+// 添加标签
+addTag({ label: 'name', value: '名称:test' })
+
+// 移除标签
+reduceTag({ label: 'name', value: '名称:test' })
+
+// 移除所有标签
+reduceAllTag()
+
+// 清空查询条件
+clearQuery()
+```
+
+#### 方法
+
+| 方法名       | 参数                                  | 说明             |
+| ------------ | ------------------------------------- | ---------------- |
+| setQuery     | key: string, value: any               | 设置查询条件     |
+| addTag       | tag: { label: string, value: string } | 添加查询标签     |
+| reduceTag    | tag: { label: string, value: string } | 移除指定标签     |
+| reduceAllTag | -                                     | 移除所有标签     |
+| clearQuery   | -                                     | 清空所有查询条件 |
+
+#### 返回值
+
+| 名称         | 类型     | 说明               |
+| ------------ | -------- | ------------------ |
+| queryForm    | object   | 响应式查询表单对象 |
+| setQuery     | Function | 设置查询条件的方法 |
+| addTag       | Function | 添加标签的方法     |
+| reduceTag    | Function | 移除标签的方法     |
+| reduceAllTag | Function | 移除所有标签的方法 |
+| clearQuery   | Function | 清空查询条件的方法 |
+
 ## 组件文档
 
 ### JcSelectQuery
@@ -420,57 +471,6 @@ const moreQueryForm = ref({ status: "", type: "" });
 
 继承自 Element Plus 的`el-popover`组件，支持其所有 Props 和 Events。
 
-## 配套 Hooks 使用说明
-
-### useQuery.ts
-
-#### 概述
-
-`useQuery`是 QueryFormComponents 组件库的配套 Hooks，提供查询表单状态管理功能。
-
-#### 基本使用
-
-```typescript
-import { reactiveQuery } from from "@bscjc/webui"
-const { queryForm, setQuery, addTag, reduceTag, reduceAllTag, clearQuery } = reactiveQuery()
-
-// 设置查询条件
-setQuery('name', 'test')
-
-// 添加标签
-addTag({ label: 'name', value: '名称:test' })
-
-// 移除标签
-reduceTag({ label: 'name', value: '名称:test' })
-
-// 移除所有标签
-reduceAllTag()
-
-// 清空查询条件
-clearQuery()
-```
-
-#### 方法
-
-| 方法名       | 参数                                  | 说明             |
-| ------------ | ------------------------------------- | ---------------- |
-| setQuery     | key: string, value: any               | 设置查询条件     |
-| addTag       | tag: { label: string, value: string } | 添加查询标签     |
-| reduceTag    | tag: { label: string, value: string } | 移除指定标签     |
-| reduceAllTag | -                                     | 移除所有标签     |
-| clearQuery   | -                                     | 清空所有查询条件 |
-
-#### 返回值
-
-| 名称         | 类型     | 说明               |
-| ------------ | -------- | ------------------ |
-| queryForm    | object   | 响应式查询表单对象 |
-| setQuery     | Function | 设置查询条件的方法 |
-| addTag       | Function | 添加标签的方法     |
-| reduceTag    | Function | 移除标签的方法     |
-| reduceAllTag | Function | 移除所有标签的方法 |
-| clearQuery   | Function | 清空查询条件的方法 |
-
 ## License
 
 MIT