@a2simcode/ui 0.0.54 → 0.0.55
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/dist/simcode-ui.es.js +2 -2
- package/dist/simcode-ui.umd.js +1 -1
- package/dist/stats.html +1 -1
- package/docs/components/meta/tree-select.ts +199 -112
- package/docs/components/panel.md +37 -37
- package/package.json +1 -1
|
@@ -1,112 +1,199 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
"props": [
|
|
3
|
-
{
|
|
4
|
-
"name": "modelValue",
|
|
5
|
-
"description": "绑定值",
|
|
6
|
-
"type": "string | number | Array"
|
|
7
|
-
},
|
|
8
|
-
{
|
|
9
|
-
"name": "options",
|
|
10
|
-
"description": "树形数据选项列表",
|
|
11
|
-
"type": "Array"
|
|
12
|
-
},
|
|
13
|
-
{
|
|
14
|
-
"name": "checkStrictly",
|
|
15
|
-
"description": "在点击节点时，是否只关注本级节点而不关注父子节点的关系",
|
|
16
|
-
"type": "boolean",
|
|
17
|
-
"default": "true"
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
"name": "renderAfterExpand",
|
|
21
|
-
"description": "是否在第一次展开时才进行渲染",
|
|
22
|
-
"type": "boolean",
|
|
23
|
-
"default": "true"
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
"name": "props",
|
|
27
|
-
"description": "配置选项，定义树形节点的相关字段，如 children、label、value 等",
|
|
28
|
-
"type": "Record",
|
|
29
|
-
"default": "() => ({\r\n children: 'children',\r\n label: 'label',\r\n value: 'value',\r\n})"
|
|
30
|
-
},
|
|
31
|
-
{
|
|
32
|
-
"name": "size",
|
|
33
|
-
"description": "尺寸",
|
|
34
|
-
"type": "\"large\" | \"default\" | \"small\"",
|
|
35
|
-
"default": "'default'"
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
"name": "disabled",
|
|
39
|
-
"description": "是否禁用",
|
|
40
|
-
"type": "boolean",
|
|
41
|
-
"default": "false"
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
"name": "readonly",
|
|
45
|
-
"description": "是否只读",
|
|
46
|
-
"type": "boolean",
|
|
47
|
-
"default": "false"
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
"name": "clearable",
|
|
51
|
-
"description": "是否显示清空按钮",
|
|
52
|
-
"type": "boolean",
|
|
53
|
-
"default": "true"
|
|
54
|
-
},
|
|
55
|
-
{
|
|
56
|
-
"name": "placeholder",
|
|
57
|
-
"description": "输入框占位文本",
|
|
58
|
-
"type": "string",
|
|
59
|
-
"default": "'请选择'"
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
"name": "dataType",
|
|
63
|
-
"description": "数据类型，用于从全局数据加载树形数据",
|
|
64
|
-
"type": "string",
|
|
65
|
-
"default": "''"
|
|
66
|
-
},
|
|
67
|
-
{
|
|
68
|
-
"name": "dataCode",
|
|
69
|
-
"description": "数据编码，用于从全局数据加载树形数据",
|
|
70
|
-
"type": "string",
|
|
71
|
-
"default": "''"
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
"name": "labelKey",
|
|
75
|
-
"description": "树形标签字段的键名",
|
|
76
|
-
"type": "string",
|
|
77
|
-
"default": "'label'"
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
"name": "valueKey",
|
|
81
|
-
"description": "树形值字段的键名",
|
|
82
|
-
"type": "string",
|
|
83
|
-
"default": "'value'"
|
|
84
|
-
},
|
|
85
|
-
{
|
|
86
|
-
"name": "pidKey",
|
|
87
|
-
"description": "树形父级ID字段的键名",
|
|
88
|
-
"type": "string",
|
|
89
|
-
"default": "'pid'"
|
|
90
|
-
},
|
|
91
|
-
{
|
|
92
|
-
"name": "idKey",
|
|
93
|
-
"description": "树形ID字段的键名",
|
|
94
|
-
"type": "string",
|
|
95
|
-
"default": "'id'"
|
|
96
|
-
}
|
|
97
|
-
],
|
|
98
|
-
"events": [
|
|
99
|
-
{
|
|
100
|
-
"name": "update:modelValue",
|
|
101
|
-
"description": "
|
|
102
|
-
"type": "
|
|
103
|
-
},
|
|
104
|
-
{
|
|
105
|
-
"name": "change",
|
|
106
|
-
"description": "
|
|
107
|
-
"type": "
|
|
108
|
-
}
|
|
109
|
-
],
|
|
110
|
-
"slots": [],
|
|
111
|
-
"methods": []
|
|
112
|
-
|
|
1
|
+
export default {
|
|
2
|
+
"props": [
|
|
3
|
+
{
|
|
4
|
+
"name": "modelValue",
|
|
5
|
+
"description": "绑定值",
|
|
6
|
+
"type": "string | number | Array | undefined"
|
|
7
|
+
},
|
|
8
|
+
{
|
|
9
|
+
"name": "options",
|
|
10
|
+
"description": "树形数据选项列表",
|
|
11
|
+
"type": "Array"
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
"name": "checkStrictly",
|
|
15
|
+
"description": "在点击节点时，是否只关注本级节点而不关注父子节点的关系",
|
|
16
|
+
"type": "boolean",
|
|
17
|
+
"default": "true"
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"name": "renderAfterExpand",
|
|
21
|
+
"description": "是否在第一次展开时才进行渲染",
|
|
22
|
+
"type": "boolean",
|
|
23
|
+
"default": "true"
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"name": "props",
|
|
27
|
+
"description": "配置选项，定义树形节点的相关字段，如 children、label、value 等",
|
|
28
|
+
"type": "Record",
|
|
29
|
+
"default": "() => ({\r\n children: 'children',\r\n label: 'label',\r\n value: 'value',\r\n})"
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"name": "size",
|
|
33
|
+
"description": "尺寸",
|
|
34
|
+
"type": "\"large\" | \"default\" | \"small\"",
|
|
35
|
+
"default": "'default'"
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"name": "disabled",
|
|
39
|
+
"description": "是否禁用",
|
|
40
|
+
"type": "boolean",
|
|
41
|
+
"default": "false"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"name": "readonly",
|
|
45
|
+
"description": "是否只读",
|
|
46
|
+
"type": "boolean",
|
|
47
|
+
"default": "false"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"name": "clearable",
|
|
51
|
+
"description": "是否显示清空按钮",
|
|
52
|
+
"type": "boolean",
|
|
53
|
+
"default": "true"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"name": "placeholder",
|
|
57
|
+
"description": "输入框占位文本",
|
|
58
|
+
"type": "string",
|
|
59
|
+
"default": "'请选择'"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"name": "dataType",
|
|
63
|
+
"description": "数据类型，用于从全局数据加载树形数据",
|
|
64
|
+
"type": "string",
|
|
65
|
+
"default": "''"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"name": "dataCode",
|
|
69
|
+
"description": "数据编码，用于从全局数据加载树形数据",
|
|
70
|
+
"type": "string",
|
|
71
|
+
"default": "''"
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"name": "labelKey",
|
|
75
|
+
"description": "树形标签字段的键名",
|
|
76
|
+
"type": "string",
|
|
77
|
+
"default": "'label'"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"name": "valueKey",
|
|
81
|
+
"description": "树形值字段的键名",
|
|
82
|
+
"type": "string",
|
|
83
|
+
"default": "'value'"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"name": "pidKey",
|
|
87
|
+
"description": "树形父级ID字段的键名",
|
|
88
|
+
"type": "string",
|
|
89
|
+
"default": "'pid'"
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"name": "idKey",
|
|
93
|
+
"description": "树形ID字段的键名",
|
|
94
|
+
"type": "string",
|
|
95
|
+
"default": "'id'"
|
|
96
|
+
}
|
|
97
|
+
],
|
|
98
|
+
"events": [
|
|
99
|
+
{
|
|
100
|
+
"name": "update:modelValue",
|
|
101
|
+
"description": "",
|
|
102
|
+
"type": "union"
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"name": "change",
|
|
106
|
+
"description": "",
|
|
107
|
+
"type": "union"
|
|
108
|
+
}
|
|
109
|
+
],
|
|
110
|
+
"slots": [],
|
|
111
|
+
"methods": [],
|
|
112
|
+
"types": [
|
|
113
|
+
{
|
|
114
|
+
"name": "TreeSelectProps",
|
|
115
|
+
"properties": [
|
|
116
|
+
{
|
|
117
|
+
"name": "modelValue",
|
|
118
|
+
"type": "string | number | (string | number)[] | undefined",
|
|
119
|
+
"description": "绑定值"
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"name": "options",
|
|
123
|
+
"type": "Record<string, any>[]",
|
|
124
|
+
"description": "树形数据选项列表"
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
"name": "checkStrictly",
|
|
128
|
+
"type": "boolean",
|
|
129
|
+
"description": "在点击节点时，是否只关注本级节点而不关注父子节点的关系"
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
"name": "renderAfterExpand",
|
|
133
|
+
"type": "boolean",
|
|
134
|
+
"description": "是否在第一次展开时才进行渲染"
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"name": "props",
|
|
138
|
+
"type": "Record<string, any>",
|
|
139
|
+
"description": "配置选项，定义树形节点的相关字段，如 children、label、value 等"
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
"name": "size",
|
|
143
|
+
"type": "'large' | 'default' | 'small'",
|
|
144
|
+
"description": "尺寸"
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"name": "disabled",
|
|
148
|
+
"type": "boolean",
|
|
149
|
+
"description": "是否禁用"
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
"name": "readonly",
|
|
153
|
+
"type": "boolean",
|
|
154
|
+
"description": "是否只读"
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"name": "clearable",
|
|
158
|
+
"type": "boolean",
|
|
159
|
+
"description": "是否显示清空按钮"
|
|
160
|
+
},
|
|
161
|
+
{
|
|
162
|
+
"name": "placeholder",
|
|
163
|
+
"type": "string",
|
|
164
|
+
"description": "输入框占位文本"
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"name": "dataType",
|
|
168
|
+
"type": "string",
|
|
169
|
+
"description": "数据类型，用于从全局数据加载树形数据"
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
"name": "dataCode",
|
|
173
|
+
"type": "string",
|
|
174
|
+
"description": "数据编码，用于从全局数据加载树形数据"
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
"name": "labelKey",
|
|
178
|
+
"type": "string",
|
|
179
|
+
"description": "树形标签字段的键名"
|
|
180
|
+
},
|
|
181
|
+
{
|
|
182
|
+
"name": "valueKey",
|
|
183
|
+
"type": "string",
|
|
184
|
+
"description": "树形值字段的键名"
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
"name": "pidKey",
|
|
188
|
+
"type": "string",
|
|
189
|
+
"description": "树形父级ID字段的键名"
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
"name": "idKey",
|
|
193
|
+
"type": "string",
|
|
194
|
+
"description": "树形ID字段的键名"
|
|
195
|
+
}
|
|
196
|
+
]
|
|
197
|
+
}
|
|
198
|
+
]
|
|
199
|
+
}
|
package/docs/components/panel.md
CHANGED
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
# Panel 面板
|
|
2
|
-
|
|
3
|
-
通用的内容面板。
|
|
4
|
-
|
|
5
|
-
## 基础用法
|
|
6
|
-
|
|
7
|
-
<Demo :source-code="panelBasicCode">
|
|
8
|
-
<template #source>
|
|
9
|
-
<panel-basic />
|
|
10
|
-
</template>
|
|
11
|
-
<template #description>
|
|
12
|
-
最简单的 Panel 用法。
|
|
13
|
-
</template>
|
|
14
|
-
</Demo>
|
|
15
|
-
|
|
16
|
-
## 操作按钮
|
|
17
|
-
|
|
18
|
-
<Demo :source-code="panelToolButtonsCode">
|
|
19
|
-
<template #source>
|
|
20
|
-
<panel-tool-buttons />
|
|
21
|
-
</template>
|
|
22
|
-
<template #description>
|
|
23
|
-
通过 `toolBtns` 属性可以在面板头部添加操作按钮。
|
|
24
|
-
</template>
|
|
25
|
-
</Demo>
|
|
26
|
-
|
|
27
|
-
## API
|
|
28
|
-
|
|
29
|
-
<ApiTable :data="panelApi" componentName="panel" />
|
|
30
|
-
|
|
31
|
-
<script setup>
|
|
32
|
-
import PanelBasic from '../examples/panel/basic.vue'
|
|
33
|
-
import panelBasicCode from '../examples/panel/basic.vue?raw'
|
|
34
|
-
import panelToolButtons from '../examples/panel/tool-buttons.vue'
|
|
35
|
-
import panelToolButtonsCode from '../examples/panel/tool-buttons.vue?raw'
|
|
36
|
-
import panelApi from './meta/panel'
|
|
37
|
-
</script>
|
|
1
|
+
# Panel 面板
|
|
2
|
+
|
|
3
|
+
通用的内容面板。
|
|
4
|
+
|
|
5
|
+
## 基础用法
|
|
6
|
+
|
|
7
|
+
<Demo :source-code="panelBasicCode">
|
|
8
|
+
<template #source>
|
|
9
|
+
<panel-basic />
|
|
10
|
+
</template>
|
|
11
|
+
<template #description>
|
|
12
|
+
最简单的 Panel 用法。
|
|
13
|
+
</template>
|
|
14
|
+
</Demo>
|
|
15
|
+
|
|
16
|
+
## 操作按钮
|
|
17
|
+
|
|
18
|
+
<Demo :source-code="panelToolButtonsCode">
|
|
19
|
+
<template #source>
|
|
20
|
+
<panel-tool-buttons />
|
|
21
|
+
</template>
|
|
22
|
+
<template #description>
|
|
23
|
+
通过 `toolBtns` 属性可以在面板头部添加操作按钮。
|
|
24
|
+
</template>
|
|
25
|
+
</Demo>
|
|
26
|
+
|
|
27
|
+
## API
|
|
28
|
+
|
|
29
|
+
<ApiTable :data="panelApi" componentName="panel" />
|
|
30
|
+
|
|
31
|
+
<script setup>
|
|
32
|
+
import PanelBasic from '../examples/panel/basic.vue'
|
|
33
|
+
import panelBasicCode from '../examples/panel/basic.vue?raw'
|
|
34
|
+
import panelToolButtons from '../examples/panel/tool-buttons.vue'
|
|
35
|
+
import panelToolButtonsCode from '../examples/panel/tool-buttons.vue?raw'
|
|
36
|
+
import panelApi from './meta/panel'
|
|
37
|
+
</script>
|