@hbdlzy/ui 0.1.1 → 0.1.2
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/AI-USAGE.md +32 -4
- package/README.md +32 -4
- package/package.json +3 -3
- package/package.manifest.json +51 -2
package/AI-USAGE.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
# AI Usage Guide
|
|
2
2
|
|
|
3
3
|
这个文件是安装了 `@hbdlzy/ui` 的项目里,给 AI 读取组件库的唯一入口文件。
|
|
4
4
|
|
|
@@ -35,6 +35,13 @@ node_modules/@hbdlzy/ui/AI-USAGE.md
|
|
|
35
35
|
- `BaseCard`
|
|
36
36
|
- `BaseEChart`
|
|
37
37
|
- `BaseExportButton`
|
|
38
|
+
- `OutlinedInput`
|
|
39
|
+
- `OutlinedSelect`
|
|
40
|
+
- `OutlinedDatePicker`
|
|
41
|
+
- `OutlinedDateTimePicker`
|
|
42
|
+
- `OutlinedTimePicker`
|
|
43
|
+
- `OutlinedCascader`
|
|
44
|
+
- `OutlinedTreeSelect`
|
|
38
45
|
- `echarts`
|
|
39
46
|
- `exportExcel`
|
|
40
47
|
- `companyTokens`
|
|
@@ -45,15 +52,36 @@ node_modules/@hbdlzy/ui/AI-USAGE.md
|
|
|
45
52
|
优先统一从 `@hbdlzy/ui` 导入:
|
|
46
53
|
|
|
47
54
|
```ts
|
|
48
|
-
import {
|
|
55
|
+
import {
|
|
56
|
+
BaseTable,
|
|
57
|
+
BaseCard,
|
|
58
|
+
BaseEChart,
|
|
59
|
+
BaseExportButton,
|
|
60
|
+
OutlinedInput,
|
|
61
|
+
OutlinedSelect,
|
|
62
|
+
OutlinedDatePicker,
|
|
63
|
+
OutlinedDateTimePicker,
|
|
64
|
+
OutlinedTimePicker,
|
|
65
|
+
OutlinedCascader,
|
|
66
|
+
OutlinedTreeSelect,
|
|
67
|
+
companyTokens,
|
|
68
|
+
echarts
|
|
69
|
+
} from '@hbdlzy/ui'
|
|
49
70
|
```
|
|
50
71
|
|
|
51
72
|
## 复用规则
|
|
52
73
|
|
|
53
|
-
-
|
|
74
|
+
- 不要在页面里重复写通用表格的分页、远程请求承接、排序参数映射和勾选暴露逻辑,优先使用 `BaseTable`
|
|
54
75
|
- 不要在页面里重复写 ECharts 初始化、resize、dispose 逻辑,优先使用 `BaseEChart`
|
|
55
76
|
- 不要在页面里重复写卡片外层容器、标题区、右侧时间和导出触发区,优先使用 `BaseCard`
|
|
56
77
|
- 不要在页面里重复写导出按钮 loading、成功失败提示和文件下载逻辑,优先使用 `BaseExportButton`
|
|
78
|
+
- 不要在页面里重复写浮动标签输入框、数值基础校验和输入框实例方法暴露逻辑,优先使用 `OutlinedInput`
|
|
79
|
+
- 不要在页面里重复写基础下拉的浮动标签、选项映射和焦点态逻辑,优先使用 `OutlinedSelect`
|
|
80
|
+
- 不要在页面里重复写基础日期控件的浮动标签、禁用日期和焦点态逻辑,优先使用 `OutlinedDatePicker`
|
|
81
|
+
- 不要在页面里重复写日期时间组合控件的布局联动、时间自动补全和面板打开逻辑,优先使用 `OutlinedDateTimePicker`
|
|
82
|
+
- 不要在页面里重复写纯时间控件的单值/范围切换、浮动标签和面板打开逻辑,优先使用 `OutlinedTimePicker`
|
|
83
|
+
- 不要在页面里重复写级联选择控件的浮动标签、面板显隐和清空逻辑,优先使用 `OutlinedCascader`
|
|
84
|
+
- 不要在页面里重复写树形下拉选择的字段映射、浮动标签和清空逻辑,优先使用 `OutlinedTreeSelect`
|
|
57
85
|
- 需要渐变色、图形工具时,优先使用统一导出的 `echarts`
|
|
58
86
|
- 需要主题变量时,优先使用 `companyTokens`
|
|
59
87
|
|
|
@@ -64,4 +92,4 @@ import { BaseTable, BaseCard, BaseEChart, BaseExportButton, companyTokens, echar
|
|
|
64
92
|
- `../docs/component-authoring-guide.md`
|
|
65
93
|
- `../templates/component-authoring/README.template.md`
|
|
66
94
|
- `../templates/component-authoring/component-manifest-item.template.json`
|
|
67
|
-
- `../templates/component-authoring/component-checklist.md`
|
|
95
|
+
- `../templates/component-authoring/component-checklist.md`
|
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
# @hbdlzy/ui
|
|
2
2
|
|
|
3
3
|
`@hbdlzy/ui` 是组件库的统一安装入口包。
|
|
4
4
|
|
|
@@ -17,7 +17,21 @@ npm install @hbdlzy/ui
|
|
|
17
17
|
## 使用方式
|
|
18
18
|
|
|
19
19
|
```ts
|
|
20
|
-
import {
|
|
20
|
+
import {
|
|
21
|
+
BaseTable,
|
|
22
|
+
BaseCard,
|
|
23
|
+
BaseEChart,
|
|
24
|
+
BaseExportButton,
|
|
25
|
+
OutlinedInput,
|
|
26
|
+
OutlinedSelect,
|
|
27
|
+
OutlinedDatePicker,
|
|
28
|
+
OutlinedDateTimePicker,
|
|
29
|
+
OutlinedTimePicker,
|
|
30
|
+
OutlinedCascader,
|
|
31
|
+
OutlinedTreeSelect,
|
|
32
|
+
companyTokens,
|
|
33
|
+
echarts
|
|
34
|
+
} from '@hbdlzy/ui'
|
|
21
35
|
```
|
|
22
36
|
|
|
23
37
|
## 当前汇总
|
|
@@ -29,9 +43,16 @@ import { BaseTable, BaseCard, BaseEChart, BaseExportButton, companyTokens, echar
|
|
|
29
43
|
## 当前可直接使用的组件与工具
|
|
30
44
|
|
|
31
45
|
- `BaseTable`
|
|
46
|
+
- `BaseCard`
|
|
32
47
|
- `BaseEChart`
|
|
33
48
|
- `BaseExportButton`
|
|
34
|
-
- `
|
|
49
|
+
- `OutlinedInput`
|
|
50
|
+
- `OutlinedSelect`
|
|
51
|
+
- `OutlinedDatePicker`
|
|
52
|
+
- `OutlinedDateTimePicker`
|
|
53
|
+
- `OutlinedTimePicker`
|
|
54
|
+
- `OutlinedCascader`
|
|
55
|
+
- `OutlinedTreeSelect`
|
|
35
56
|
- `echarts`
|
|
36
57
|
- `exportExcel`
|
|
37
58
|
- `companyTokens`
|
|
@@ -42,9 +63,16 @@ import { BaseTable, BaseCard, BaseEChart, BaseExportButton, companyTokens, echar
|
|
|
42
63
|
- 统一清单:[package.manifest.json](./package.manifest.json)
|
|
43
64
|
- `ui-core` 文档:[../ui-core/README.md](../ui-core/README.md)
|
|
44
65
|
- `BaseTable` 文档:[../ui-core/src/components/BaseTable/README.md](../ui-core/src/components/BaseTable/README.md)
|
|
66
|
+
- `BaseCard` 文档:[../ui-core/src/components/BaseCard/README.md](../ui-core/src/components/BaseCard/README.md)
|
|
45
67
|
- `BaseEChart` 文档:[../ui-core/src/components/BaseEChart/README.md](../ui-core/src/components/BaseEChart/README.md)
|
|
46
68
|
- `BaseExportButton` 文档:[../ui-core/src/components/BaseExportButton/README.md](../ui-core/src/components/BaseExportButton/README.md)
|
|
47
|
-
- `
|
|
69
|
+
- `OutlinedInput` 文档:[../ui-core/src/components/OutlinedInput/README.md](../ui-core/src/components/OutlinedInput/README.md)
|
|
70
|
+
- `OutlinedSelect` 文档:[../ui-core/src/components/OutlinedSelect/README.md](../ui-core/src/components/OutlinedSelect/README.md)
|
|
71
|
+
- `OutlinedDatePicker` 文档:[../ui-core/src/components/OutlinedDatePicker/README.md](../ui-core/src/components/OutlinedDatePicker/README.md)
|
|
72
|
+
- `OutlinedDateTimePicker` 文档:[../ui-core/src/components/OutlinedDateTimePicker/README.md](../ui-core/src/components/OutlinedDateTimePicker/README.md)
|
|
73
|
+
- `OutlinedTimePicker` 文档:[../ui-core/src/components/OutlinedTimePicker/README.md](../ui-core/src/components/OutlinedTimePicker/README.md)
|
|
74
|
+
- `OutlinedCascader` 文档:[../ui-core/src/components/OutlinedCascader/README.md](../ui-core/src/components/OutlinedCascader/README.md)
|
|
75
|
+
- `OutlinedTreeSelect` 文档:[../ui-core/src/components/OutlinedTreeSelect/README.md](../ui-core/src/components/OutlinedTreeSelect/README.md)
|
|
48
76
|
|
|
49
77
|
## AI 使用指令
|
|
50
78
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hbdlzy/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "Company unified UI entry package.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
"package.manifest.json"
|
|
28
28
|
],
|
|
29
29
|
"dependencies": {
|
|
30
|
+
"@hbdlzy/ui-core": "0.1.2",
|
|
30
31
|
"@hbdlzy/tokens": "0.1.0",
|
|
31
|
-
"@hbdlzy/ui-energy": "0.1.0"
|
|
32
|
-
"@hbdlzy/ui-core": "0.1.1"
|
|
32
|
+
"@hbdlzy/ui-energy": "0.1.0"
|
|
33
33
|
},
|
|
34
34
|
"peerDependencies": {
|
|
35
35
|
"element-plus": "^2.13.7",
|
package/package.manifest.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hbdlzy/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"entry": "@hbdlzy/ui",
|
|
5
5
|
"readme": "README.md",
|
|
6
6
|
"aiGuide": "AI-USAGE.md",
|
|
@@ -36,6 +36,48 @@
|
|
|
36
36
|
"from": "@hbdlzy/ui-core",
|
|
37
37
|
"importName": "BaseExportButton",
|
|
38
38
|
"docs": "../ui-core/src/components/BaseExportButton/README.md"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"name": "OutlinedInput",
|
|
42
|
+
"from": "@hbdlzy/ui-core",
|
|
43
|
+
"importName": "OutlinedInput",
|
|
44
|
+
"docs": "../ui-core/src/components/OutlinedInput/README.md"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"name": "OutlinedSelect",
|
|
48
|
+
"from": "@hbdlzy/ui-core",
|
|
49
|
+
"importName": "OutlinedSelect",
|
|
50
|
+
"docs": "../ui-core/src/components/OutlinedSelect/README.md"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"name": "OutlinedDatePicker",
|
|
54
|
+
"from": "@hbdlzy/ui-core",
|
|
55
|
+
"importName": "OutlinedDatePicker",
|
|
56
|
+
"docs": "../ui-core/src/components/OutlinedDatePicker/README.md"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"name": "OutlinedDateTimePicker",
|
|
60
|
+
"from": "@hbdlzy/ui-core",
|
|
61
|
+
"importName": "OutlinedDateTimePicker",
|
|
62
|
+
"docs": "../ui-core/src/components/OutlinedDateTimePicker/README.md"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"name": "OutlinedTimePicker",
|
|
66
|
+
"from": "@hbdlzy/ui-core",
|
|
67
|
+
"importName": "OutlinedTimePicker",
|
|
68
|
+
"docs": "../ui-core/src/components/OutlinedTimePicker/README.md"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"name": "OutlinedCascader",
|
|
72
|
+
"from": "@hbdlzy/ui-core",
|
|
73
|
+
"importName": "OutlinedCascader",
|
|
74
|
+
"docs": "../ui-core/src/components/OutlinedCascader/README.md"
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"name": "OutlinedTreeSelect",
|
|
78
|
+
"from": "@hbdlzy/ui-core",
|
|
79
|
+
"importName": "OutlinedTreeSelect",
|
|
80
|
+
"docs": "../ui-core/src/components/OutlinedTreeSelect/README.md"
|
|
39
81
|
}
|
|
40
82
|
],
|
|
41
83
|
"utilities": [
|
|
@@ -86,9 +128,16 @@
|
|
|
86
128
|
"../ui-core/src/components/BaseCard/README.md",
|
|
87
129
|
"../ui-core/src/components/BaseEChart/README.md",
|
|
88
130
|
"../ui-core/src/components/BaseExportButton/README.md",
|
|
131
|
+
"../ui-core/src/components/OutlinedInput/README.md",
|
|
132
|
+
"../ui-core/src/components/OutlinedSelect/README.md",
|
|
133
|
+
"../ui-core/src/components/OutlinedDatePicker/README.md",
|
|
134
|
+
"../ui-core/src/components/OutlinedDateTimePicker/README.md",
|
|
135
|
+
"../ui-core/src/components/OutlinedTimePicker/README.md",
|
|
136
|
+
"../ui-core/src/components/OutlinedCascader/README.md",
|
|
137
|
+
"../ui-core/src/components/OutlinedTreeSelect/README.md",
|
|
89
138
|
"../tokens/package.manifest.json",
|
|
90
139
|
"../tokens/README.md",
|
|
91
140
|
"../ui-energy/components.manifest.json",
|
|
92
141
|
"../ui-energy/README.md"
|
|
93
142
|
]
|
|
94
|
-
}
|
|
143
|
+
}
|