@das-fed/web-components 7.0.7-dev.1 → 7.0.7-dev.3
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 +75 -318
- package/das-web-app/index.js.gz +0 -0
- package/das-web-app/style.css.gz +0 -0
- package/{index-CSBjg91M.js → index--ITmZws9.js} +1 -1
- package/{index-EnkzLo_Y.js → index-4y6EOUao.js} +1 -1
- package/{index-vBMDu1Bo.js → index-B4HQsg0w.js} +1 -1
- package/{index-DkduzjLu.js → index-BP8RbW_q.js} +1 -1
- package/{index-1YgRRaZ1.js → index-BR3dfAwS.js} +1 -1
- package/{index-DYsfWyFG.js → index-BVLf0v4M.js} +1 -1
- package/{index-md7xTge7.js → index-BX3Uqf_7.js} +1 -1
- package/{index-Dyst1wtQ.js → index-BZ-8M3OK.js} +1 -1
- package/{index-Cq0gEaEj.js → index-BeQFUTOd.js} +1 -1
- package/{index-COOAejRs.js → index-Bgq24vhq.js} +1 -1
- package/{index-VecFh1-e.js → index-BhDURSGR.js} +1 -1
- package/{index-DqlbU5mG.js → index-BhwF9F0V.js} +1 -1
- package/{index-CgoyigA7.js → index-BntrmsUF.js} +1 -1
- package/{index-Bip473GO.js → index-BoU7KuZn.js} +1 -1
- package/{index-DRKS-AIR.js → index-ByD0Rn8j.js} +1 -1
- package/{index-BBITphy5.js → index-CA5fpMwE.js} +1 -1
- package/{index-DtrrbKBj.js → index-CFqsA5pU.js} +1 -1
- package/{index-Cc1Rj0OL.js → index-CP1Lu25K.js} +1 -1
- package/{index-Dxc51FmT.js → index-CRnJ2Dko.js} +1 -1
- package/{index-RAMUUqNA.js → index-CS3-Nvfa.js} +1 -1
- package/{index-VCW7M-yP.js → index-CS87A-r7.js} +1 -1
- package/{index-PoaU5sqs.js → index-CT_jvX_G.js} +1 -1
- package/{index-DEmB6u56.js → index-CZ0nn3_s.js} +1 -1
- package/{index-BoEJgTBg.js → index-CfOC3n4J.js} +1 -1
- package/{index-CtngqQyk.js → index-CmTHUD6O.js} +1 -1
- package/{index-DRjMc3lB.js → index-CnzOyOUW.js} +48 -48
- package/{index-BF8fUjgn.js → index-CpVtIxa0.js} +1 -1
- package/{index-ClI5bIuT.js → index-Cuw-07nj.js} +1 -1
- package/{index-DRMqfB3N.js → index-D-WCD-_y.js} +1 -1
- package/{index-CCbJscqQ.js → index-D0LPwMtN.js} +1 -1
- package/{index-D-UbpYJm.js → index-D1kL3AgW.js} +1 -1
- package/{index-DGzS2hRk.js → index-D8O54Akg.js} +1 -1
- package/{index-DG8fsUgA.js → index-DBb4NbWo.js} +1 -1
- package/{index-BeRTy2bY.js → index-DBllXEqc.js} +58216 -57653
- package/{index-D_8z64Rj.js → index-DD8drenj.js} +1 -1
- package/{index-hjWEP-R7.js → index-DRm1j2qP.js} +1 -1
- package/{index-Cg-mKMbL.js → index-DSThRexB.js} +1 -1
- package/{index-BlSF80Eq.js → index-DXYTH2UV.js} +1 -1
- package/{index-_W9X8IXZ.js → index-DZQpQc_H.js} +1 -1
- package/{index-D2Lqzhzi.js → index-DbZRwRP2.js} +1 -1
- package/{index-wr_grrav.js → index-Dss7Iulh.js} +1 -1
- package/{index-BpfjOIqN.js → index-Du1k_DPY.js} +1 -1
- package/{index-B1NDIMN7.js → index-OKV1KjEC.js} +1 -1
- package/{index-BFX4RAz3.js → index-UjbQAWoZ.js} +1 -1
- package/{index-CMX_VmVn.js → index-YNOlLEDy.js} +1 -1
- package/{index-DoHikVh2.js → index-gHQYgqRX.js} +1 -1
- package/{index-CFME3i4u.js → index-ngRspuzg.js} +1 -1
- package/{index-BV8cJsiI.js → index-tt9cDEBq.js} +1 -1
- package/{index-D-g6V8FJ.js → index-uEbWHGAi.js} +1 -1
- package/{index-Dr0XaIxv.js → index-ye4E7X2n.js} +1 -1
- package/index.js +2 -2
- package/package.json +6 -6
- package/style.css +1 -1
package/README.md
CHANGED
|
@@ -1,359 +1,104 @@
|
|
|
1
|
-
|
|
1
|
+
# das-web-components 组件库说明文档
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
## 一、简介
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
import { createCeTabs } from '@das-fed/web-components'
|
|
7
|
-
createCeTabs('das-ce-tabs')
|
|
8
|
-
```
|
|
9
|
-
|
|
10
|
-
2. **定义 `options` 和 `modelValue` 属性**。
|
|
5
|
+
das-web-components 是 DAS 前端体系的 Web 组件库,基于 Web Components 技术,支持 Vue、React、原生 JS 等多种框架集成,适用于企业级中后台系统的统一架构和快速开发。
|
|
11
6
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
```js
|
|
15
|
-
interface TabOption {
|
|
16
|
-
/** 唯一标识 */
|
|
17
|
-
key: string | number
|
|
18
|
-
/** 选项卡头显示文字 */
|
|
19
|
-
tab: string
|
|
20
|
-
/** 是否禁用 */
|
|
21
|
-
disabled?: boolean
|
|
22
|
-
/** 是否隐藏 */
|
|
23
|
-
hidden?: boolean
|
|
24
|
-
/** 被隐藏时是否渲染 DOM 结构 */
|
|
25
|
-
forceRender?: boolean
|
|
26
|
-
/** tab显示文字插槽 */
|
|
27
|
-
tabSlot?: string
|
|
28
|
-
/** 关闭图标插槽 */
|
|
29
|
-
closeIconSlot?: string
|
|
30
|
-
/** 显示内容插槽 */
|
|
31
|
-
contentSlot?: string
|
|
32
|
-
}
|
|
33
|
-
```
|
|
7
|
+
---
|
|
34
8
|
|
|
35
|
-
|
|
9
|
+
## 二、核心组件与用法
|
|
36
10
|
|
|
37
|
-
|
|
38
|
-
const activeKey = ref(1)
|
|
39
|
-
|
|
40
|
-
const options = ref([
|
|
41
|
-
{ key: 1, tab: 'Tab 1' },
|
|
42
|
-
{ key: 2, tab: 'Tab 2', disabled: true },
|
|
43
|
-
{ key: 3, tab: 'Tab 3' },
|
|
44
|
-
])
|
|
45
|
-
```
|
|
11
|
+
### 1. das-ce-tabs 页签组件
|
|
46
12
|
|
|
47
|
-
|
|
13
|
+
- 支持动态页签、右键菜单、刷新、全屏等功能。
|
|
14
|
+
- 通过 `createCeTabs('das-ce-tabs')` 注册。
|
|
15
|
+
- 主要属性:
|
|
16
|
+
- `options`:页签配置数组,支持禁用、隐藏、插槽等。
|
|
17
|
+
- `modelValue`:当前激活页签 key。
|
|
18
|
+
- 主要事件:
|
|
19
|
+
- `update:modelValue`:切换页签时触发,返回新激活 key。
|
|
20
|
+
- `tabClick`:点击页签时触发,返回 key。
|
|
21
|
+
- `tabDelete`:删除页签时触发,返回 key。
|
|
22
|
+
- `menuClick`:右键菜单操作,返回操作项和页签对象。
|
|
23
|
+
- `pageRefresh`:点击刷新按钮时触发。
|
|
24
|
+
- `toggleFullScreen`:切换全屏。
|
|
25
|
+
- 主要方法与类型定义见下方代码示例。
|
|
48
26
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
1. `update:modelValue`:当 `modelValue` 属性变化时触发,要实现切换页签时 `activeKey` 属性自动变化,需要监听该事件。
|
|
27
|
+
#### 用法示例
|
|
52
28
|
|
|
53
29
|
```js
|
|
54
30
|
import { ref } from 'vue'
|
|
55
|
-
import { createCeTabs } from '@das-fed/web
|
|
56
|
-
createCeTabs('das-ce-tabs')
|
|
57
|
-
|
|
58
|
-
const activeKey = ref(1)
|
|
59
|
-
|
|
60
|
-
const options = ref([
|
|
61
|
-
{ key: 1, tab: 'Tab 1' },
|
|
62
|
-
{ key: 2, tab: 'Tab 2', disabled: true },
|
|
63
|
-
{ key: 3, tab: 'Tab 3' },
|
|
64
|
-
])
|
|
65
|
-
```
|
|
66
|
-
|
|
67
|
-
```html
|
|
68
|
-
<das-ce-tabs
|
|
69
|
-
:modelValue="activeKey"
|
|
70
|
-
:options="options"
|
|
71
|
-
@update:modelValue="(customEvent) => (activeKey = customEvent.detail[0])"
|
|
72
|
-
></das-ce-tabs>
|
|
73
|
-
```
|
|
74
|
-
|
|
75
|
-
2. `tabClick`:当 `tab` 被点击时触发。返回被点击页签的 `key` 值。
|
|
76
|
-
|
|
77
|
-
```js
|
|
78
|
-
import { ref } from 'vue'
|
|
79
|
-
import { createCeTabs } from '@das-fed/web-components/components'
|
|
80
|
-
createCeTabs('das-ce-tabs')
|
|
81
|
-
|
|
82
|
-
const activeKey = ref(1)
|
|
83
|
-
|
|
84
|
-
const options = ref([
|
|
85
|
-
{ key: 1, tab: 'Tab 1' },
|
|
86
|
-
{ key: 2, tab: 'Tab 2', disabled: true },
|
|
87
|
-
{ key: 3, tab: 'Tab 3' },
|
|
88
|
-
])
|
|
89
|
-
|
|
90
|
-
const tabClick = (customEvent) => {
|
|
91
|
-
console.log('当前点击页签的key: ', customEvent.detail[0])
|
|
92
|
-
}
|
|
93
|
-
```
|
|
94
|
-
|
|
95
|
-
```html
|
|
96
|
-
<das-ce-tabs :modelValue="activeKey" :options="options" @tabClick="tabClick"></das-ce-tabs>
|
|
97
|
-
```
|
|
98
|
-
|
|
99
|
-
3. `tabDelete`:当 `tab` 被删除时触发。返回被删除页签的 `key` 值。
|
|
100
|
-
|
|
101
|
-
```js
|
|
102
|
-
import { ref } from 'vue'
|
|
103
|
-
import { createCeTabs } from '@das-fed/web-components/components'
|
|
104
|
-
createCeTabs('das-ce-tabs')
|
|
105
|
-
|
|
106
|
-
const activeKey = ref(1)
|
|
107
|
-
|
|
108
|
-
const options = ref([
|
|
109
|
-
{ key: 1, tab: 'Tab 1' },
|
|
110
|
-
{ key: 2, tab: 'Tab 2', disabled: true },
|
|
111
|
-
{ key: 3, tab: 'Tab 3' },
|
|
112
|
-
])
|
|
113
|
-
|
|
114
|
-
const tabDelete = (customEvent) => {
|
|
115
|
-
console.log('当前删除页签的key:', customEvent.detail[0])
|
|
116
|
-
}
|
|
117
|
-
```
|
|
118
|
-
|
|
119
|
-
```html
|
|
120
|
-
<das-ce-tabs :modelValue="activeKey" :options="options" @tabDelete="tabDelete"></das-ce-tabs>
|
|
121
|
-
```
|
|
122
|
-
|
|
123
|
-
4. `menuClick`:当右键呼出的操作项选中时触发。返回被选中的操作项和当前右键操作的页签对象。
|
|
124
|
-
|
|
125
|
-
```js
|
|
126
|
-
import { ref } from 'vue'
|
|
127
|
-
import { createCeTabs } from '@das-fed/web-components/components'
|
|
31
|
+
import { createCeTabs } from '@das-fed/web-components'
|
|
128
32
|
createCeTabs('das-ce-tabs')
|
|
129
33
|
|
|
130
34
|
const activeKey = ref(1)
|
|
131
|
-
|
|
132
35
|
const options = ref([
|
|
133
36
|
{ key: 1, tab: 'Tab 1' },
|
|
134
37
|
{ key: 2, tab: 'Tab 2', disabled: true },
|
|
135
38
|
{ key: 3, tab: 'Tab 3' },
|
|
136
39
|
])
|
|
137
|
-
|
|
138
|
-
const menuClick = (customEvent) => {
|
|
139
|
-
console.log('当前选中操作项:', customEvent.detail[0], '当前页签对象:', customEvent.detail[1])
|
|
140
|
-
}
|
|
141
40
|
```
|
|
142
41
|
|
|
143
42
|
```html
|
|
144
43
|
<das-ce-tabs :modelValue="activeKey" :options="options" @menuClick="menuClick"></das-ce-tabs>
|
|
145
44
|
```
|
|
146
45
|
|
|
147
|
-
|
|
46
|
+
#### 事件与类型
|
|
148
47
|
|
|
149
48
|
```js
|
|
150
49
|
interface MenuListType {
|
|
151
|
-
/** 唯一标识 */
|
|
152
50
|
key: string | number
|
|
153
|
-
/** 操作项名称 */
|
|
154
51
|
name: string
|
|
155
|
-
/** 是否隐藏 */
|
|
156
52
|
hidden?: boolean | Function
|
|
157
|
-
/** 是否禁用 */
|
|
158
53
|
disabled?: boolean | Function
|
|
159
54
|
}
|
|
160
55
|
```
|
|
161
56
|
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
```js
|
|
165
|
-
import { ref } from 'vue'
|
|
166
|
-
import { createCeTabs } from '@das-fed/web-components/components'
|
|
167
|
-
createCeTabs('das-ce-tabs')
|
|
168
|
-
|
|
169
|
-
const activeKey = ref(1)
|
|
170
|
-
|
|
171
|
-
const options = ref([
|
|
172
|
-
{ key: 1, tab: 'Tab 1' },
|
|
173
|
-
{ key: 2, tab: 'Tab 2', disabled: true },
|
|
174
|
-
{ key: 3, tab: 'Tab 3' },
|
|
175
|
-
])
|
|
176
|
-
|
|
177
|
-
const pageRefresh = () => {
|
|
178
|
-
console.log('刷新')
|
|
179
|
-
}
|
|
180
|
-
```
|
|
181
|
-
|
|
182
|
-
```html
|
|
183
|
-
<das-ce-tabs :modelValue="activeKey" :options="options" @pageRefresh="pageRefresh"></das-ce-tabs>
|
|
184
|
-
```
|
|
185
|
-
|
|
186
|
-
6. `toggleFullScreen`: 切换全屏状态。无返回值。
|
|
187
|
-
|
|
188
|
-
```js
|
|
189
|
-
import { ref } from 'vue'
|
|
190
|
-
import { createCeTabs } from '@das-fed/web-components/components'
|
|
191
|
-
createCeTabs('das-ce-tabs')
|
|
192
|
-
|
|
193
|
-
const activeKey = ref(1)
|
|
194
|
-
|
|
195
|
-
const options = ref([
|
|
196
|
-
{ key: 1, tab: 'Tab 1' },
|
|
197
|
-
{ key: 2, tab: 'Tab 2', disabled: true },
|
|
198
|
-
{ key: 3, tab: 'Tab 3' },
|
|
199
|
-
])
|
|
200
|
-
|
|
201
|
-
const toggleFullScreen = () => {
|
|
202
|
-
console.log('全屏')
|
|
203
|
-
}
|
|
204
|
-
```
|
|
57
|
+
---
|
|
205
58
|
|
|
206
|
-
|
|
207
|
-
<das-ce-tabs :modelValue="activeKey" :options="options" @toggleFullScreen="toggleFullScreen"></das-ce-tabs>
|
|
208
|
-
```
|
|
59
|
+
### 2. das-ce-nav 顶部导航栏组件
|
|
209
60
|
|
|
210
|
-
|
|
61
|
+
- 支持菜单、logo、搜索、用户信息、项目树、内置页面等多种功能。
|
|
62
|
+
- 通过 `createCeNav('das-ce-nav')` 注册。
|
|
63
|
+
- 主要属性:
|
|
64
|
+
- `modelValue`:当前选中菜单 key。
|
|
65
|
+
- `config`:导航栏配置。
|
|
66
|
+
- `logoUrl`、`searchConfig`、`userInfoConfig`、`projectTreeConfig`、`innerPagesConfig` 等。
|
|
67
|
+
- 主要事件:
|
|
68
|
+
- `handleTabClick`、`handleTabDelete`、`changeInnerPage`、`searchToPage`、`clearSearchList`、`deleteSearchItem`、`userCommandHandle`、`changeTreeHandle`。
|
|
69
|
+
- 详细属性与事件见下方表格。
|
|
211
70
|
|
|
212
|
-
|
|
71
|
+
#### 用法示例
|
|
213
72
|
|
|
214
73
|
```js
|
|
215
74
|
import { createCeNav } from '@das-fed/web-components'
|
|
216
75
|
createCeNav('das-ce-nav')
|
|
217
76
|
```
|
|
218
77
|
|
|
219
|
-
#### ① 在 vue 文件中使用
|
|
220
|
-
|
|
221
78
|
```html
|
|
222
79
|
<das-ce-nav
|
|
223
80
|
@update:modelValue="(event) => (activeKey = event.detail[0])"
|
|
224
81
|
:modelValue="activeKey"
|
|
225
|
-
@handleTabClick="handleTabClick"
|
|
226
|
-
@handleTabDelete="handleTabDelete"
|
|
227
82
|
:config="config"
|
|
228
83
|
:logoUrl="logoUrl"
|
|
229
84
|
:searchConfig="searchConfig"
|
|
230
|
-
@searchToPage="searchToPage"
|
|
231
|
-
@clearSearchList="clearSearchList"
|
|
232
|
-
@deleteSearchItem="deleteSearchItem"
|
|
233
85
|
:userInfoConfig="userInfoConfig"
|
|
234
|
-
@userCommandHandle="userCommandHandle"
|
|
235
86
|
:projectTreeConfig="projectTreeConfig"
|
|
236
|
-
@changeTreeHandle="changeTreeHandle"
|
|
237
87
|
:innerPagesConfig="innerPagesConfig"
|
|
238
|
-
@changeInnerPage="changeInnerPage"
|
|
239
88
|
></das-ce-nav>
|
|
240
89
|
```
|
|
241
90
|
|
|
242
|
-
####
|
|
243
|
-
|
|
244
|
-
```html
|
|
245
|
-
<head>
|
|
246
|
-
<script type="module">
|
|
247
|
-
import { createCeNav } from '@das-fed/web-components'
|
|
248
|
-
createCeNav('das-ce-nav')
|
|
249
|
-
const handleTabClick = (event) => {
|
|
250
|
-
console.log(event)
|
|
251
|
-
}
|
|
252
|
-
const dasceNavEle = document.getElementsByTagName('das-ce-nav')[0]
|
|
253
|
-
dasceNavEle.addEventListener('handleTabClick', handleTabClick)
|
|
254
|
-
</script>
|
|
255
|
-
</head>
|
|
256
|
-
<body>
|
|
257
|
-
<das-ce-nav
|
|
258
|
-
@update:modelValue="(event) => (activeKey = event.detail[0])"
|
|
259
|
-
:modelValue="activeKey"
|
|
260
|
-
:config="config"
|
|
261
|
-
:logoUrl="logoUrl"
|
|
262
|
-
:searchConfig="searchConfig"
|
|
263
|
-
:userInfoConfig="userInfoConfig"
|
|
264
|
-
:projectTreeConfig="projectTreeConfig"
|
|
265
|
-
:innerPagesConfig="innerPagesConfig"
|
|
266
|
-
></das-ce-nav>
|
|
267
|
-
</body>
|
|
268
|
-
```
|
|
269
|
-
|
|
270
|
-
### 2. **属性**
|
|
271
|
-
|
|
272
|
-
| 属性名 | 描述 | 类型 | 默认值 | 是否必填 |
|
|
273
|
-
| ----------------- | ------------- | ----------------------------------------- | ----------------------------------------- | -------- |
|
|
274
|
-
| modelValue | 当前选中菜单 | string/number | - | 是 |
|
|
275
|
-
| config | 导航栏配置 | [config](###config) | [config](###config) | 是 |
|
|
276
|
-
| logoUrl | logo 图片链接 | string | - | 否 |
|
|
277
|
-
| innerPagesConfig | 内置页面配置 | [innerPagesConfig](###innerPagesConfig) | [innerPagesConfig](###innerPagesConfig) | 否 |
|
|
278
|
-
| searchConfig | 搜索配置 | [searchConfig](###searchConfig) | [searchConfig](###searchConfig) | 否 |
|
|
279
|
-
| userInfoConfig | 用户信息配置 | [userInfoConfig](###userInfoConfig) | [userInfoConfig](###userInfoConfig) | 否 |
|
|
280
|
-
| projectTreeConfig | 项目树配置 | [projectTreeConfig](###projectTreeConfig) | [projectTreeConfig](###projectTreeConfig) | 否 |
|
|
281
|
-
|
|
282
|
-
### config
|
|
283
|
-
|
|
284
|
-
| 属性名 | 描述 | 类型 | 默认值 | 是否必填 |
|
|
285
|
-
| --------------- | ------------------ | ---------------------------------- | ------ | -------- |
|
|
286
|
-
| showSearch | 是否显示搜索 | bool | false | 否 |
|
|
287
|
-
| showProjectTree | 是否显示项目下拉树 | bool | false | 否 |
|
|
288
|
-
| subAppList | 导航栏菜单数据 | {name:string,code:string/number}[] | - | 否 |
|
|
289
|
-
|
|
290
|
-
### innerPagesConfig
|
|
291
|
-
|
|
292
|
-
| 属性名 | 描述 | 类型 | 默认值 | 是否必填 |
|
|
293
|
-
| ------------------- | ------------------ | ------------------------------- | ------ | -------- |
|
|
294
|
-
| activeInnerPagePath | 内置菜单当前选中值 | string/number | false | 否 |
|
|
295
|
-
| innerPages | 内置菜单数据 | {title: string, path: string}[] | false | 否 |
|
|
296
|
-
|
|
297
|
-
### searchConfig
|
|
298
|
-
|
|
299
|
-
| 属性名 | 描述 | 类型 | 默认值 | 是否必填 |
|
|
300
|
-
| -------------- | ---------------- | ----------------------------- | --------------------------- | -------- |
|
|
301
|
-
| defaultProps | - | {value: string,label: string} | {value: 'id',label: 'name'} | 否 |
|
|
302
|
-
| getHistoryList | 获取历史搜索记录 | () => Promise<any> | - | 否 |
|
|
303
|
-
| getSearchList | 获取菜单 | () => Promise<any> | - | 否 |
|
|
304
|
-
| addHistory | 添加历史记录 | (data:any) => void | - | 否 |
|
|
305
|
-
|
|
306
|
-
### userInfoConfig
|
|
307
|
-
|
|
308
|
-
| 属性名 | 描述 | 类型 | 默认值 | 是否必填 |
|
|
309
|
-
| ------------- | -------------- | -------------------------------------------------- | ------ | -------- |
|
|
310
|
-
| headPicture | 用户头像 | 默认头像 | 否 |
|
|
311
|
-
| commandList | 用户信息操作项 | () => Promise<any> | - | 否 |
|
|
312
|
-
| getSearchList | 获取菜单 | {value?: string /number,label?: string / number}[] | - | 否 |
|
|
313
|
-
|
|
314
|
-
### projectTreeConfig
|
|
315
|
-
|
|
316
|
-
| 属性名 | 描述 | 类型 | 默认值 | 是否必填 |
|
|
317
|
-
| ------------------- | ---------------------------------- | ------------------------------------------------------------------ | --------------------------- | -------- |
|
|
318
|
-
| projectStore | 项目数据 | - | 否 |
|
|
319
|
-
| defaultProps | - | {value: string,label: string} | {value: 'id',label: 'name'} | 否 |
|
|
320
|
-
| treeProps | 树组件配置 | [TreeOptionProps](###TreeOptionProps) | - | 否 |
|
|
321
|
-
| filterNode | 搜索过滤 | (value: any, data: any) => [projectTreeType](###projectTreeType)[] | - | 否 |
|
|
322
|
-
| filterFlatCondition | 树切换平铺,符合条件的加入平铺列表 | (data: any) => boolean[] | - | 否 |
|
|
323
|
-
|
|
324
|
-
### TreeOptionProps
|
|
325
|
-
|
|
326
|
-
```js
|
|
327
|
-
interface TreeOptionProps {
|
|
328
|
-
label?: string // 默认name
|
|
329
|
-
pathName?: string // 默认pathName
|
|
330
|
-
children?: string // 默认children
|
|
331
|
-
parentId?: string // 默认parentId
|
|
332
|
-
disabled?: string | ((data: TreeNodeData, node?: Node) => boolean) // 默认disabled
|
|
333
|
-
isLeaf?: string | ((data: TreeNodeData, node?: Node) => boolean) // 默认leaf;懒加载不支持方法
|
|
334
|
-
// 允许取消选中(keepSelected为true时生效)
|
|
335
|
-
allowUnSelect?: string | ((data: TreeNodeData) => boolean) // 默认allowUnSelect
|
|
336
|
-
class?: (
|
|
337
|
-
data: TreeNodeData,
|
|
338
|
-
node: Node,
|
|
339
|
-
) =>
|
|
340
|
-
| string
|
|
341
|
-
| {
|
|
342
|
-
[key: string]: boolean
|
|
343
|
-
}
|
|
344
|
-
| string
|
|
345
|
-
}
|
|
346
|
-
```
|
|
347
|
-
|
|
348
|
-
### projectTreeType
|
|
349
|
-
|
|
350
|
-
| 属性名 | 描述 | 类型 | 默认值 | 是否必填 |
|
|
351
|
-
| -------- | ------------------------------------------ | ------------------------------------- | ------ | -------- |
|
|
352
|
-
| - | 唯一标识(可使用 defaultProps.value 配置) | id | 是 |
|
|
353
|
-
| - | 项目名称(可使用 defaultProps.label 配置) | name | 是 |
|
|
354
|
-
| children | 树组件配置 | [projectTreeType](###projectTreeType) | - | 否 |
|
|
91
|
+
#### 主要属性与事件
|
|
355
92
|
|
|
356
|
-
|
|
93
|
+
| 属性名 | 描述 | 类型 | 是否必填 |
|
|
94
|
+
| ----------------- | ------------- | ------------- | -------- |
|
|
95
|
+
| modelValue | 当前选中菜单 | string/number | 是 |
|
|
96
|
+
| config | 导航栏配置 | object | 是 |
|
|
97
|
+
| logoUrl | logo 图片链接 | string | 否 |
|
|
98
|
+
| innerPagesConfig | 内置页面配置 | object | 否 |
|
|
99
|
+
| searchConfig | 搜索配置 | object | 否 |
|
|
100
|
+
| userInfoConfig | 用户信息配置 | object | 否 |
|
|
101
|
+
| projectTreeConfig | 项目树配置 | object | 否 |
|
|
357
102
|
|
|
358
103
|
| 事件 | 说明 | 回调参数 |
|
|
359
104
|
| ----------------- | --------------------------- | ------------------------------- |
|
|
@@ -366,17 +111,29 @@ interface TreeOptionProps {
|
|
|
366
111
|
| userCommandHandle | 用户信息-操作项 | function(value:any) |
|
|
367
112
|
| changeTreeHandle | 项目树-是否确定切换选中项目 | function(status:bool,value:any) |
|
|
368
113
|
|
|
369
|
-
|
|
114
|
+
---
|
|
115
|
+
|
|
116
|
+
### 3. das-ce-menu 侧边菜单栏组件
|
|
117
|
+
|
|
118
|
+
- 支持菜单折叠、选中、动态数据等功能。
|
|
119
|
+
- 通过 `createCeMenu('das-ce-menu')` 注册。
|
|
120
|
+
- 主要属性:
|
|
121
|
+
- `modelValue`:当前选中菜单 key。
|
|
122
|
+
- `data`:菜单数据数组。
|
|
123
|
+
- `collapse`:菜单栏初始折叠状态。
|
|
124
|
+
- 主要事件:
|
|
125
|
+
- `change`:选中项改变时触发。
|
|
126
|
+
- `collapse-change`:菜单折叠状态改变时触发。
|
|
127
|
+
- 主要方法:
|
|
128
|
+
- `changeCollapse`:切换菜单折叠状态。
|
|
370
129
|
|
|
371
|
-
|
|
130
|
+
#### 用法示例
|
|
372
131
|
|
|
373
132
|
```js
|
|
374
133
|
import { createCeMenu } from '@das-fed/web-components'
|
|
375
134
|
createCeMenu('das-ce-menu')
|
|
376
135
|
```
|
|
377
136
|
|
|
378
|
-
2. **使用**。
|
|
379
|
-
|
|
380
137
|
```html
|
|
381
138
|
<das-ce-menu
|
|
382
139
|
:data="menuData"
|
|
@@ -388,23 +145,23 @@ createCeMenu('das-ce-menu')
|
|
|
388
145
|
></das-ce-menu>
|
|
389
146
|
```
|
|
390
147
|
|
|
391
|
-
|
|
148
|
+
---
|
|
149
|
+
|
|
150
|
+
## 三、组件属性与类型定义
|
|
151
|
+
|
|
152
|
+
详细属性、类型定义和事件请参考源码及注释。
|
|
153
|
+
|
|
154
|
+
---
|
|
392
155
|
|
|
393
|
-
|
|
394
|
-
| ---------- | ------------------ | ------------- | ------ | -------- |
|
|
395
|
-
| modelValue | 当前选中菜单 | string/number | - | 是 |
|
|
396
|
-
| data | 导航栏配置 | array | [] | 是 |
|
|
397
|
-
| collapse | 菜单栏初始折叠状态 | boolean | false | 否 |
|
|
156
|
+
## 四、常见问题与扩展
|
|
398
157
|
|
|
399
|
-
|
|
158
|
+
- 支持在 Vue、React、原生 JS 项目中直接注册和使用。
|
|
159
|
+
- 组件事件均通过 `customEvent.detail` 获取返回值。
|
|
160
|
+
- 支持自定义插槽、动态数据、复杂交互。
|
|
161
|
+
- 推荐结合 DAS Web 主应用统一布局和微前端架构使用。
|
|
400
162
|
|
|
401
|
-
|
|
402
|
-
| --------------- | ---------------- | ------------------------------------------- |
|
|
403
|
-
| change | 选中项改变触发 | function(value: string/number, option: any) |
|
|
404
|
-
| collapse-change | 折叠状态改变触发 | function(value:boolean) |
|
|
163
|
+
---
|
|
405
164
|
|
|
406
|
-
|
|
165
|
+
## 五、贡献与维护
|
|
407
166
|
|
|
408
|
-
|
|
409
|
-
| -------------- | ------------ | ------------------------------ |
|
|
410
|
-
| changeCollapse | 切换折叠状态 | 接收一个布尔类型参数:折叠状态 |
|
|
167
|
+
如需详细 API 说明、组件开发指南,请参考源码及注释。
|
package/das-web-app/index.js.gz
CHANGED
|
Binary file
|
package/das-web-app/style.css.gz
CHANGED
|
Binary file
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as t, c as o, o as r, w as e, m as a, n as i, u as s, p as l } from "./index-
|
|
1
|
+
import { d as t, c as o, o as r, w as e, m as a, n as i, u as s, p as l } from "./index-DBllXEqc.js";
|
|
2
2
|
const p = `<?xml version="1.0" standalone="no"?>\r
|
|
3
3
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716346610187"\r
|
|
4
4
|
class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11487"\r
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as t, c as n, o, w as e, m as i, n as r, u as a, p as l } from "./index-
|
|
1
|
+
import { d as t, c as n, o, w as e, m as i, n as r, u as a, p as l } from "./index-DBllXEqc.js";
|
|
2
2
|
const p = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1672128514393" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1186" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M608 96l-64 64H160v704h704V512l64-64v448a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32h480z m189.6 33.28l113.12 113.12a32 32 0 0 1 0 45.28L446.016 752.384a32 32 0 0 1-16.32 8.736l-145.888 29.216a32 32 0 0 1-37.472-38.496l32.384-142.016a32 32 0 0 1 8.576-15.52L752.32 129.28a32 32 0 0 1 45.28 0z m-135.776 180.96L339.072 633.056l-19.36 84.8 87.936-17.6 322.048-322.112-67.872-67.904z m113.152-113.12l-67.904 67.872 67.904 67.872 67.904-67.84-67.904-67.904z" p-id="1187"></path></svg>', m = /* @__PURE__ */ t({
|
|
3
3
|
__name: "index",
|
|
4
4
|
setup(c) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as o, c as n, o as e, w as t, m as r, n as c, u as a, p as i } from "./index-
|
|
1
|
+
import { d as o, c as n, o as e, w as t, m as r, n as c, u as a, p as i } from "./index-DBllXEqc.js";
|
|
2
2
|
const p = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 32A352 352 0 0 0 160 384c0 130.112 62.976 262.336 167.168 390.848a1256.768 1256.768 0 0 0 138.496 144.96l23.872 20.48 2.496 2.048a32 32 0 0 0 39.936 0l14.72-12.288a1256.768 1256.768 0 0 0 150.208-155.2C800.96 646.336 864 514.112 864 384A352 352 0 0 0 512 32z m0 64A288 288 0 0 1 800 384c0 112.576-57.024 232.32-152.832 350.528a1193.408 1193.408 0 0 1-107.136 115.2l-17.408 16.192-10.624 9.408-19.008-17.152a1193.408 1193.408 0 0 1-116.16-123.712C281.024 616.32 224 496.64 224 384A288 288 0 0 1 512 96zM512 224a160 160 0 1 0 0 320 160 160 0 0 0 0-320z m0 64a96 96 0 1 1 0 192 96 96 0 0 1 0-192z" /></svg>', d = /* @__PURE__ */ o({
|
|
3
3
|
__name: "index",
|
|
4
4
|
setup(l) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as t, c as o, o as a, w as e, m as i, n as r, u as n, p as c } from "./index-
|
|
1
|
+
import { d as t, c as o, o as a, w as e, m as i, n as r, u as n, p as c } from "./index-DBllXEqc.js";
|
|
2
2
|
const p = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1684811406838" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14190" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12"><path d="M512 849.5c186.384375 0 337.5-151.115625 337.5-337.5S698.384375 174.5 512 174.5 174.5 325.615625 174.5 512s151.115625 337.5 337.5 337.5z m0 56.25C294.5375 905.75 118.25 729.4625 118.25 512S294.5375 118.25 512 118.25s393.75 176.2875 393.75 393.75-176.2875 393.75-393.75 393.75z m0-253.125a42.1875 42.1875 0 1 1 0 84.375 42.1875 42.1875 0 0 1 0-84.375z m0-365.625a112.5 112.5 0 0 1 112.5 112.5v9.61875c0 28.321875-11.25 55.4625-31.246875 75.4875l-17.353125 17.325c-9.253125 9.28125-17.578125 19.40625-24.834375 30.31875-7.14375 10.6875-10.940625 23.259375-10.940625 36.084375A28.125 28.125 0 0 1 483.875 568.25v-5.625c0-20.25 5.990625-39.99375 17.184375-56.8125 11.446875-17.15625 24.553125-33.13125 39.121875-47.728125l6.46875-6.46875A73.715625 73.715625 0 0 0 568.25 399.5a56.25 56.25 0 1 0-112.5 0 28.125 28.125 0 0 1-56.25 0 112.5 112.5 0 0 1 112.5-112.5z" p-id="14191"></path></svg>', d = /* @__PURE__ */ t({
|
|
3
3
|
__name: "index",
|
|
4
4
|
setup(w) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as t, c as n, o, w as e, m as l, n as c, u as s, p as i } from "./index-
|
|
1
|
+
import { d as t, c as n, o, w as e, m as l, n as c, u as s, p as i } from "./index-DBllXEqc.js";
|
|
2
2
|
const r = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1679312376113" class="icon" viewBox="0 0 1194 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9128" xmlns:xlink="http://www.w3.org/1999/xlink" width="233.203125" height="200"><path d="M696.064 144.981333v729.941334L367.786667 689.322667a69.888 69.888 0 0 0-34.645334-9.130667h-199.68a18.602667 18.602667 0 0 1-18.090666-18.944V358.485333c0-10.410667 8.106667-18.944 18.090666-18.944h199.68c12.032 0 23.893333-3.157333 34.645334-9.130666L696.064 145.066667m-381.44 118.869333H115.370667c-40.106667 0-72.618667 33.962667-72.618667 75.690667v340.650666c0 41.813333 32.597333 75.690667 72.533333 75.690667h199.509334c11.946667 0 23.893333 3.242667 34.56 9.130667l365.824 206.592c24.234667 13.653333 53.589333-4.608 53.589333-33.28V81.408c0-28.586667-29.354667-46.933333-53.589333-33.28L349.269333 254.805333a71.509333 71.509333 0 0 1-34.56 9.130667z m738.901333 256.426667l88.746667 145.493333a38.826667 38.826667 0 0 1-11.093333 52.309333 35.498667 35.498667 0 0 1-50.176-11.605333l-69.034667-113.237333a8.96 8.96 0 0 0-15.36 0l-68.864 113.237333a35.498667 35.498667 0 0 1-50.176 11.605333 38.826667 38.826667 0 0 1-11.093333-52.309333l88.746666-145.493333a19.797333 19.797333 0 0 0 0-20.309334l-88.746666-145.493333a38.826667 38.826667 0 0 1 11.093333-52.309333 35.498667 35.498667 0 0 1 50.176 11.605333l68.949333 113.322667a8.96 8.96 0 0 0 15.36 0l68.949334-113.237334a35.498667 35.498667 0 0 1 50.090666-11.605333 38.826667 38.826667 0 0 1 11.093334 52.309333l-88.746667 145.493334a19.626667 19.626667 0 0 0 0 20.224z" fill="#ffffff" p-id="9129"></path></svg>', f = /* @__PURE__ */ t({
|
|
3
3
|
__name: "index",
|
|
4
4
|
setup(p) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as t, c as o, o as a, w as e, m as c, n as r, u as n, p as i } from "./index-
|
|
1
|
+
import { d as t, c as o, o as a, w as e, m as c, n as r, u as n, p as i } from "./index-DBllXEqc.js";
|
|
2
2
|
const l = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1672130089031" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1015" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 61.824a448 448 0 1 1 0 896 448 448 0 0 1 0-896z m0 56a392 392 0 1 0 0 784A392 392 0 0 0 512 117.76z m0.512 135.936c20.928 0 29.568 9.6 31.104 26.56l0.256 5.952-0.064 191.36 191.552 0.128c20.672 0 32.512 8.128 32.512 31.36 0 23.168-10.24 32.64-32.512 32.64l-191.552-0.064 0.064 191.552c0 18.176-7.168 29.952-25.472 32.128l-6.528 0.384c-20.8 0-30.08-9.728-31.744-26.624l-0.256-5.888-0.064-191.552H288.384c-20.48 0-32.512-8.832-32.512-32 0-23.104 12.288-32 32.512-32h191.424l0.064-191.424c0-20.032 7.68-30.336 26.112-32.192l6.528-0.32z" p-id="1016"></path></svg>', m = /* @__PURE__ */ t({
|
|
3
3
|
__name: "index",
|
|
4
4
|
setup(p) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as n, c as t, o, w as e, m as i, n as r, u as s, p as h } from "./index-
|
|
1
|
+
import { d as n, c as t, o, w as e, m as i, n as r, u as s, p as h } from "./index-DBllXEqc.js";
|
|
2
2
|
const p = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1677654702624" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8626" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M256 192v64H128v192h768V256h-128V192h128a64 64 0 0 1 63.84 59.2L960 256v576a64 64 0 0 1-59.2 63.84L896 896H128a64 64 0 0 1-63.84-59.2L64 832V256a64 64 0 0 1 59.2-63.84L128 192h128z m640 320H128v320h768V512zM352 128a32 32 0 0 1 32 32v128a32 32 0 0 1-64 0V160a32 32 0 0 1 32-32z m320 0a32 32 0 0 1 32 32v128a32 32 0 0 1-64 0V160a32 32 0 0 1 32-32z m-96 64v64h-128V192h128z" p-id="8627"></path></svg>', m = /* @__PURE__ */ n({
|
|
3
3
|
__name: "index",
|
|
4
4
|
setup(c) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as t, c as n, o, w as e, m as c, n as r, u as s, p as i } from "./index-
|
|
1
|
+
import { d as t, c as n, o, w as e, m as c, n as r, u as s, p as i } from "./index-DBllXEqc.js";
|
|
2
2
|
const p = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1679992689933" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9701" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M543.99902 366.228144c29.631093 0 57.406242 11.711641 78.333601 32.830995 20.863361 21.119353 32.447006 49.278491 32.447006 79.165575 0 29.951083-11.519647 58.046222-32.447006 79.165576-20.927359 21.119353-48.702508 32.830995-78.333601 32.830994-29.631093 0-57.406242-11.647643-78.333601-32.830994a111.804576 111.804576 0 0 1-32.447006-79.165576c0-29.951083 11.519647-57.982224 32.447006-79.165575 20.927359-21.119353 48.702508-32.830995 78.333601-32.830995z m0-49.790475c-88.381293 0-159.9951 72.445781-159.9951 161.787045C384.00392 567.693974 455.617727 640.01176 543.99902 640.01176s159.9951-72.381783 159.9951-161.787046c0-89.341264-71.613807-161.787045-159.9951-161.787045zM568.638265 192.025479h-49.27849a24.83124 24.83124 0 0 0-24.575248 24.895238c0 13.695581 11.071661 24.895238 24.575248 24.895237h49.27849a24.83124 24.83124 0 0 0 24.575248-24.959235 24.83124 24.83124 0 0 0-24.575248-24.83124z" p-id="9702"></path><path d="M863.98922 447.057669C863.98922 254.423568 708.345987 97.94836 515.647888 96.028419A350.965252 350.965252 0 0 0 160.01078 443.793769a351.093248 351.093248 0 0 0 227.321038 331.509847 51.838412 51.838412 0 0 1 33.406977 48.510515v45.6946a6.5278 6.5278 0 0 1-6.5278 6.5278h-58.622205A52.094405 52.094405 0 0 0 303.366389 928.00294h417.139226a52.094405 52.094405 0 0 0-52.094405-51.966409h-58.686203a6.5278 6.5278 0 0 1-6.5278-6.5278v-45.6946c0-21.56734 13.439588-40.958746 33.662969-48.574513A351.221244 351.221244 0 0 0 863.98922 447.057669z m-319.35022 428.978862H479.361a6.5278 6.5278 0 0 1-6.463802-6.5278v-73.661744a346.229397 346.229397 0 0 0 78.205604 0v73.661744a6.5278 6.5278 0 0 1-6.5278 6.5278z m-32.639-130.044017a298.742851 298.742851 0 0 1-212.025507-87.613317 297.846878 297.846878 0 0 1-64.254032-327.669965A297.846878 297.846878 0 0 1 299.974493 235.544146 298.742851 298.742851 0 0 1 512 148.058826a298.742851 298.742851 0 0 1 212.025507 87.613317 297.846878 297.846878 0 0 1 64.254032 327.669965 297.846878 297.846878 0 0 1-64.254032 95.101087A298.742851 298.742851 0 0 1 512 745.992514z" p-id="9703"></path></svg>', m = /* @__PURE__ */ t({
|
|
3
3
|
__name: "index",
|
|
4
4
|
setup(h) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as e, c as o, o as c, w as t, m as n, n as r, u as s, p as i } from "./index-
|
|
1
|
+
import { d as e, c as o, o as c, w as t, m as n, n as r, u as s, p as i } from "./index-DBllXEqc.js";
|
|
2
2
|
const p = '<svg t="1686635384647" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10145" width="200" height="200"><path d="M512 64c247.424 0 448 200.576 448 448s-200.576 448-448 448S64 759.424 64 512 264.576 64 512 64z m6.208 192C373.44 256 256.224 370.304 256 511.68 255.84 653.184 373.28 768 518.208 768c113.216 0 209.696-70.08 246.4-168.32a4.864 4.864 0 0 0-3.104-6.272l-35.392-11.84a5.184 5.184 0 0 0-3.808 0.192 4.8 4.8 0 0 0-2.528 2.688c-1.312 3.52-2.752 7.04-4.256 10.464-21.632 49.12-62.24 88.64-113.664 110.272a216.8 216.8 0 0 1-83.52 16.48 216.352 216.352 0 0 1-83.52-16.48c-51.776-21.76-92.736-61.792-114.24-111.68A204.288 204.288 0 0 1 303.584 512c0-28.352 5.696-55.776 16.864-81.6 21.536-49.856 62.464-89.856 114.24-111.648a216.992 216.992 0 0 1 83.52-16.448c29.12 0 57.152 5.472 83.52 16.448a212.864 212.864 0 0 1 85.632 64.064l-37.568 28.704a4.8 4.8 0 0 0 1.92 8.544l109.6 26.24c1.504 0.32 3.072 0 4.288-0.928a4.736 4.736 0 0 0 1.92-3.744L768 331.36c0-4.064-4.832-6.304-8.064-3.84l-35.2 26.88C675.872 292.64 599.456 256.192 518.208 256z" p-id="10146"></path></svg>', _ = /* @__PURE__ */ e({
|
|
3
3
|
__name: "index",
|
|
4
4
|
setup(l) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as n, c as o, o as e, w as a, m as l, n as r, u as t, p as i } from "./index-
|
|
1
|
+
import { d as n, c as o, o as e, w as a, m as l, n as r, u as t, p as i } from "./index-DBllXEqc.js";
|
|
2
2
|
const p = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1683342318307" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16726" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 938.666667l-384-213.248V298.581333L512 85.333333l384 213.248V725.333333L512 938.666667z m317.184-607.317334L512 150.912 194.816 331.306667v360.96L512 872.704l317.184-180.48v-360.96 0.042667zM315.178667 386.133333l196.736-104.106666 217.045333 114.858666v229.632l-193.706667 102.570667v-215.210667l1.450667-2.389333-221.525333-125.354667z m153.173333 332.501334l-173.696-91.861334v-176.469333l173.653333 98.432v169.898667h0.085334z" p-id="16727"></path></svg>', d = /* @__PURE__ */ n({
|
|
3
3
|
__name: "index",
|
|
4
4
|
setup(c) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as t, c as e, o, w as s, m as i, n as a, u as r, p as l } from "./index-
|
|
1
|
+
import { d as t, c as e, o, w as s, m as i, n as a, u as r, p as l } from "./index-DBllXEqc.js";
|
|
2
2
|
const d = `<?xml version="1.0" encoding="UTF-8"?>\r
|
|
3
3
|
<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\r
|
|
4
4
|
<title>锁住</title>\r
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as o, c as t, o as n, w as e, m as l, n as r, u as s, p as i } from "./index-
|
|
1
|
+
import { d as o, c as t, o as n, w as e, m as l, n as r, u as s, p as i } from "./index-DBllXEqc.js";
|
|
2
2
|
const p = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1669606138295" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2824" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M483.584 138.496a35.84 35.84 0 0 1 2.976 47.296l-2.976 3.392L150.56 522.24l333.024 333.056a35.84 35.84 0 0 1 2.976 47.296l-2.976 3.392a35.84 35.84 0 0 1-47.296 2.976l-3.392-2.976-358.4-358.4a35.84 35.84 0 0 1-2.976-47.296l2.976-3.392 358.4-358.4a35.84 35.84 0 0 1 50.688 0z m465.92 0a35.84 35.84 0 0 1 2.976 47.296l-2.976 3.392L616.48 522.24l333.024 333.056a35.84 35.84 0 0 1 2.976 47.296l-2.976 3.392a35.84 35.84 0 0 1-47.296 2.976l-3.392-2.976-358.4-358.4a35.84 35.84 0 0 1-2.976-47.296l2.976-3.392 358.4-358.4a35.84 35.84 0 0 1 50.688 0z" p-id="2825"></path></svg>', m = /* @__PURE__ */ o({
|
|
3
3
|
__name: "index",
|
|
4
4
|
setup(w) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as t, c as n, o, w as e, m as c, n as r, u as a, p as h } from "./index-
|
|
1
|
+
import { d as t, c as n, o, w as e, m as c, n as r, u as a, p as h } from "./index-DBllXEqc.js";
|
|
2
2
|
const i = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1672130081972" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="881" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M886.912 432.768c22.72 0 41.088 18.368 41.088 41.088v410.88a41.088 41.088 0 0 1-41.088 41.088h-410.88a41.088 41.088 0 0 1-41.088-41.088v-410.88c0-22.72 18.432-41.088 41.088-41.088z m-20.544 61.632H496.576v369.792h369.792V494.4z m-92.416-400.64c31.552 0 57.6 23.808 61.184 54.464l0.448 7.232-0.064 215.68h-61.632v-215.68H157.696v616.32l215.68-0.064v61.632h-215.68a61.632 61.632 0 0 1-61.248-54.4l-0.384-7.232v-616.32c0-31.552 23.808-57.6 54.4-61.184l7.232-0.384h616.32z m-92.48 462.272c17.024 0 30.848 13.76 30.848 30.784l-0.064 61.632h61.696a30.784 30.784 0 1 1 0 61.632h-61.696v61.632a30.784 30.784 0 1 1-61.568 0l-0.064-61.632h-61.568a30.784 30.784 0 0 1 0-61.632h61.568v-61.632c0-17.024 13.824-30.784 30.848-30.784z" p-id="882"></path></svg>', w = /* @__PURE__ */ t({
|
|
3
3
|
__name: "index",
|
|
4
4
|
setup(l) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as g, r as s, c as v, o as D, w as x, a as n, b as y, t as c, u as r, e as C, D as V } from "./index-
|
|
1
|
+
import { d as g, r as s, c as v, o as D, w as x, a as n, b as y, t as c, u as r, e as C, D as V } from "./index-DBllXEqc.js";
|
|
2
2
|
const b = {
|
|
3
3
|
name: "deleteDialog"
|
|
4
4
|
}, B = /* @__PURE__ */ g({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as n, c as o, o as a, w as e, m as i, n as l, u as t, p as r } from "./index-
|
|
1
|
+
import { d as n, c as o, o as a, w as e, m as i, n as l, u as t, p as r } from "./index-DBllXEqc.js";
|
|
2
2
|
const p = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1680860959118" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11369" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M256 170.666667m85.333333 0l0 0q85.333333 0 85.333334 85.333333l0 512q0 85.333333-85.333334 85.333333l0 0q-85.333333 0-85.333333-85.333333l0-512q0-85.333333 85.333333-85.333333Z" p-id="11370"></path><path d="M597.333333 170.666667m85.333334 0l0 0q85.333333 0 85.333333 85.333333l0 512q0 85.333333-85.333333 85.333333l0 0q-85.333333 0-85.333334-85.333333l0-512q0-85.333333 85.333334-85.333333Z" p-id="11371"></path></svg>', h = /* @__PURE__ */ n({
|
|
3
3
|
__name: "index",
|
|
4
4
|
setup(c) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as r, c as t, o, w as e, m as a, n as i, u as s, p as l } from "./index-
|
|
1
|
+
import { d as r, c as t, o, w as e, m as a, n as i, u as s, p as l } from "./index-DBllXEqc.js";
|
|
2
2
|
const p = `<?xml version="1.0" standalone="no"?>\r
|
|
3
3
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1716346606587"\r
|
|
4
4
|
class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11335"\r
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as s, s as z, f as C, e as c, d as U, g as A, h as O, i as R, o as $, j as m, w as v, b as x, u as n, k as j, l as V, a as k, t as T, D as M, _ as P } from "./index-
|
|
1
|
+
import { r as s, s as z, f as C, e as c, d as U, g as A, h as O, i as R, o as $, j as m, w as v, b as x, u as n, k as j, l as V, a as k, t as T, D as M, _ as P } from "./index-DBllXEqc.js";
|
|
2
2
|
const q = (p) => (s(null), { saveKnow: async (o) => {
|
|
3
3
|
var i;
|
|
4
4
|
console.log("saveKnow", o);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as o, c as t, o as a, w as n, m as c, n as r, u as e, p as i } from "./index-
|
|
1
|
+
import { d as o, c as t, o as a, w as n, m as c, n as r, u as e, p as i } from "./index-DBllXEqc.js";
|
|
2
2
|
const p = '<svg t="1686640297830" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10145" width="200" height="200"><path d="M512 0c282.784 0 512 229.216 512 512s-229.216 512-512 512S0 794.784 0 512 229.216 0 512 0z m202.592 328.224l-293.984 264.576L345.6 492.8c-23.392-31.2-71.68-1.376-54.208 33.504l96 192a32 32 0 0 0 52.288 7.232l320-352c27.296-30.048-14.912-72.48-45.088-45.312z" p-id="10146"></path></svg>', _ = /* @__PURE__ */ o({
|
|
3
3
|
__name: "index",
|
|
4
4
|
setup(l) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as r, c as e, o, w as s, m as a, n as i, u as n, p as l } from "./index-
|
|
1
|
+
import { d as r, c as e, o, w as s, m as a, n as i, u as n, p as l } from "./index-DBllXEqc.js";
|
|
2
2
|
const d = `<?xml version="1.0" encoding="UTF-8"?>\r
|
|
3
3
|
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\r
|
|
4
4
|
<title>树展开</title>\r
|