@hbdlzy/ui-core 0.1.7 → 0.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +30 -2
- package/components.manifest.json +15 -1
- package/dist/index.cjs +5 -5
- package/dist/index.d.ts +50 -13
- package/dist/index.js +229 -17
- package/dist/ripple/index.cjs +42 -0
- package/dist/ripple/index.d.ts +8 -1
- package/dist/ripple/index.js +171 -0
- package/dist/style.css +1 -1
- package/package.json +17 -2
- package/src/components/BaseCard/BaseCard.types.d.ts +36 -0
- package/src/components/BaseCard/BaseCard.vue.d.ts +122 -0
- package/src/components/BaseCard/README.md +33 -0
- package/src/components/BaseCard/index.d.ts +3 -0
- package/src/components/BaseEChart/BaseEChart.types.d.ts +26 -0
- package/src/components/BaseEChart/BaseEChart.vue.d.ts +66 -0
- package/src/components/BaseEChart/README.md +33 -0
- package/src/components/BaseEChart/index.d.ts +3 -0
- package/src/components/BaseExportButton/BaseExportButton.types.d.ts +21 -0
- package/src/components/BaseExportButton/BaseExportButton.utils.d.ts +4 -0
- package/src/components/BaseExportButton/BaseExportButton.vue.d.ts +128 -0
- package/src/components/BaseExportButton/README.md +34 -0
- package/src/components/BaseExportButton/index.d.ts +5 -0
- package/src/components/BaseTable/BaseTable.types.d.ts +178 -0
- package/src/components/BaseTable/BaseTable.vue +16 -13
- package/src/components/BaseTable/BaseTable.vue.d.ts +157 -0
- package/src/components/BaseTable/README.md +45 -0
- package/src/components/BaseTable/index.d.ts +3 -0
- package/src/components/OutlinedCascader/OutlinedCascader.types.d.ts +28 -0
- package/src/components/OutlinedCascader/OutlinedCascader.vue.d.ts +94 -0
- package/src/components/OutlinedCascader/README.md +34 -0
- package/src/components/OutlinedCascader/index.d.ts +3 -0
- package/src/components/OutlinedDatePicker/OutlinedDatePicker.types.d.ts +30 -0
- package/src/components/OutlinedDatePicker/OutlinedDatePicker.vue.d.ts +97 -0
- package/src/components/OutlinedDatePicker/README.md +34 -0
- package/src/components/OutlinedDatePicker/index.d.ts +3 -0
- package/src/components/OutlinedDateTimePicker/OutlinedDateTimePicker.types.d.ts +29 -0
- package/src/components/OutlinedDateTimePicker/OutlinedDateTimePicker.vue.d.ts +106 -0
- package/src/components/OutlinedDateTimePicker/README.md +33 -0
- package/src/components/OutlinedDateTimePicker/index.d.ts +3 -0
- package/src/components/OutlinedInput/OutlinedInput.types.d.ts +32 -0
- package/src/components/OutlinedInput/OutlinedInput.vue.d.ts +106 -0
- package/src/components/OutlinedInput/README.md +34 -0
- package/src/components/OutlinedInput/index.d.ts +3 -0
- package/src/components/OutlinedSelect/OutlinedSelect.types.d.ts +41 -0
- package/src/components/OutlinedSelect/OutlinedSelect.vue.d.ts +125 -0
- package/src/components/OutlinedSelect/README.md +34 -0
- package/src/components/OutlinedSelect/index.d.ts +3 -0
- package/src/components/OutlinedTimePicker/OutlinedTimePicker.types.d.ts +31 -0
- package/src/components/OutlinedTimePicker/OutlinedTimePicker.vue.d.ts +103 -0
- package/src/components/OutlinedTimePicker/README.md +33 -0
- package/src/components/OutlinedTimePicker/index.d.ts +3 -0
- package/src/components/OutlinedTreeSelect/OutlinedTreeSelect.types.d.ts +49 -0
- package/src/components/OutlinedTreeSelect/OutlinedTreeSelect.vue.d.ts +146 -0
- package/src/components/OutlinedTreeSelect/README.md +34 -0
- package/src/components/OutlinedTreeSelect/index.d.ts +3 -0
- package/src/components/SvgIcon/README.md +33 -0
- package/src/components/SvgIcon/SvgIcon.types.d.ts +6 -0
- package/src/components/SvgIcon/SvgIcon.vue.d.ts +32 -0
- package/src/components/SvgIcon/index.d.ts +3 -0
- package/src/echarts/index.d.ts +9 -0
- package/src/excel/exportExcel.d.ts +18 -0
- package/src/index.d.ts +30 -0
- package/src/index.ts +78 -13
- package/src/ripple/README.md +160 -0
- package/src/ripple/index.d.ts +9 -0
- package/src/ripple/index.ts +15 -1
package/README.md
CHANGED
|
@@ -18,10 +18,25 @@
|
|
|
18
18
|
- `OutlinedTreeSelect`
|
|
19
19
|
- `echarts`
|
|
20
20
|
- `exportExcel`
|
|
21
|
-
-
|
|
21
|
+
- `Ripple`
|
|
22
|
+
- 全局点击涟漪:导入包入口后自动启用,覆盖原生 `button`、Element Plus `el-button` 以及 radio/checkbox button 形态
|
|
22
23
|
|
|
23
24
|
## 使用方式
|
|
24
25
|
|
|
26
|
+
### 全局注册
|
|
27
|
+
|
|
28
|
+
只使用核心包时,可以按 Vue 插件注册所有 `ui-core` 组件:
|
|
29
|
+
|
|
30
|
+
```ts
|
|
31
|
+
import { createApp } from 'vue'
|
|
32
|
+
import HbdlUICore from '@hbdlzy/ui-core'
|
|
33
|
+
import App from './App.vue'
|
|
34
|
+
|
|
35
|
+
createApp(App).use(HbdlUICore).mount('#app')
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
### 按需导入
|
|
39
|
+
|
|
25
40
|
```ts
|
|
26
41
|
import {
|
|
27
42
|
BaseTable,
|
|
@@ -36,6 +51,7 @@ import {
|
|
|
36
51
|
OutlinedTimePicker,
|
|
37
52
|
OutlinedCascader,
|
|
38
53
|
OutlinedTreeSelect,
|
|
54
|
+
Ripple,
|
|
39
55
|
installRipple,
|
|
40
56
|
uninstallRipple,
|
|
41
57
|
echarts,
|
|
@@ -43,10 +59,21 @@ import {
|
|
|
43
59
|
} from '@hbdlzy/ui-core'
|
|
44
60
|
```
|
|
45
61
|
|
|
46
|
-
|
|
62
|
+
全局点击涟漪会在导入 `@hbdlzy/ui-core` 时自动安装;如某个按钮不需要水波纹,可在按钮或父级元素上添加 `data-hbdl-ripple="false"`。
|
|
63
|
+
|
|
64
|
+
如果业务项目希望显式控制安装时机,也可以使用插件或细粒度入口:
|
|
65
|
+
|
|
66
|
+
```ts
|
|
67
|
+
import { createApp } from 'vue'
|
|
68
|
+
import { Ripple } from '@hbdlzy/ui-core/ripple'
|
|
69
|
+
import App from './App.vue'
|
|
70
|
+
|
|
71
|
+
createApp(App).use(Ripple).mount('#app')
|
|
72
|
+
```
|
|
47
73
|
|
|
48
74
|
## 详细文档
|
|
49
75
|
|
|
76
|
+
- `Ripple`: [src/ripple/README.md](./src/ripple/README.md)
|
|
50
77
|
- `BaseTable`: [src/components/BaseTable/README.md](./src/components/BaseTable/README.md)
|
|
51
78
|
- `BaseCard`: [src/components/BaseCard/README.md](./src/components/BaseCard/README.md)
|
|
52
79
|
- `BaseEChart`: [src/components/BaseEChart/README.md](./src/components/BaseEChart/README.md)
|
|
@@ -79,6 +106,7 @@ import {
|
|
|
79
106
|
- 工具
|
|
80
107
|
- `echarts`
|
|
81
108
|
- `exportExcel`
|
|
109
|
+
- `Ripple`
|
|
82
110
|
- `installRipple`
|
|
83
111
|
- `uninstallRipple`
|
|
84
112
|
|
package/components.manifest.json
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
"package": "@hbdlzy/ui-core",
|
|
3
3
|
"version": 1,
|
|
4
4
|
"updatedAt": "2026-04-21",
|
|
5
|
+
"plugin": {
|
|
6
|
+
"name": "HbdlUICore",
|
|
7
|
+
"importName": "default",
|
|
8
|
+
"entry": "@hbdlzy/ui-core",
|
|
9
|
+
"description": "Vue 插件入口,调用 app.use(HbdlUICore) 可全局注册 ui-core 组件并启用全局点击涟漪。"
|
|
10
|
+
},
|
|
5
11
|
"components": [
|
|
6
12
|
{
|
|
7
13
|
"name": "BaseTable",
|
|
@@ -305,11 +311,19 @@
|
|
|
305
311
|
{
|
|
306
312
|
"name": "installRipple",
|
|
307
313
|
"entry": "@hbdlzy/ui-core",
|
|
308
|
-
"
|
|
314
|
+
"docs": "packages/ui-core/src/ripple/README.md",
|
|
315
|
+
"description": "安装全局点击涟漪效果;包入口会自动调用,可用于手动恢复。"
|
|
316
|
+
},
|
|
317
|
+
{
|
|
318
|
+
"name": "Ripple",
|
|
319
|
+
"entry": "@hbdlzy/ui-core",
|
|
320
|
+
"docs": "packages/ui-core/src/ripple/README.md",
|
|
321
|
+
"description": "Vue 插件形式的全局点击涟漪能力,可通过 app.use(Ripple) 显式安装。"
|
|
309
322
|
},
|
|
310
323
|
{
|
|
311
324
|
"name": "uninstallRipple",
|
|
312
325
|
"entry": "@hbdlzy/ui-core",
|
|
326
|
+
"docs": "packages/ui-core/src/ripple/README.md",
|
|
313
327
|
"description": "卸载全局按钮 ripple 事件监听。"
|
|
314
328
|
}
|
|
315
329
|
]
|