@formily-djd/designer 0.0.3 → 0.0.5
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/index.css +49 -49
- package/dist/index.mjs +6 -1
- package/package.json +3 -3
package/dist/index.css
CHANGED
|
@@ -40,18 +40,18 @@
|
|
|
40
40
|
|
|
41
41
|
|
|
42
42
|
/* 可拖拽的组件样式 */
|
|
43
|
-
.is-draggable[data-v-
|
|
43
|
+
.is-draggable[data-v-18008a74] {
|
|
44
44
|
cursor: move;
|
|
45
45
|
position: relative;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
/* 拖拽时的样式 */
|
|
49
|
-
.is-draggable[data-v-
|
|
49
|
+
.is-draggable[data-v-18008a74]:active {
|
|
50
50
|
opacity: 0.5;
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
/* 空容器占位符 */
|
|
54
|
-
.empty-container-placeholder[data-v-
|
|
54
|
+
.empty-container-placeholder[data-v-18008a74] {
|
|
55
55
|
min-height: 60px;
|
|
56
56
|
display: flex;
|
|
57
57
|
flex-direction: column;
|
|
@@ -64,26 +64,26 @@
|
|
|
64
64
|
pointer-events: none;
|
|
65
65
|
padding: 8px;
|
|
66
66
|
}
|
|
67
|
-
.placeholder-icon[data-v-
|
|
67
|
+
.placeholder-icon[data-v-18008a74] {
|
|
68
68
|
color: #d9d9d9;
|
|
69
69
|
}
|
|
70
|
-
.placeholder-text[data-v-
|
|
70
|
+
.placeholder-text[data-v-18008a74] {
|
|
71
71
|
font-size: 12px;
|
|
72
72
|
user-select: none;
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
|
|
76
|
-
.canvas[data-v-
|
|
76
|
+
.canvas[data-v-b174a160] {
|
|
77
77
|
height: 100%;
|
|
78
78
|
display: flex;
|
|
79
79
|
flex-direction: column;
|
|
80
80
|
}
|
|
81
|
-
.canvas h3[data-v-
|
|
81
|
+
.canvas h3[data-v-b174a160] {
|
|
82
82
|
margin: 0 0 16px 0;
|
|
83
83
|
padding: 0;
|
|
84
84
|
flex-shrink: 0;
|
|
85
85
|
}
|
|
86
|
-
.canvas-content[data-v-
|
|
86
|
+
.canvas-content[data-v-b174a160] {
|
|
87
87
|
position: relative;
|
|
88
88
|
/* 为辅助工具层提供定位上下文 */
|
|
89
89
|
flex: 1;
|
|
@@ -95,18 +95,18 @@
|
|
|
95
95
|
}
|
|
96
96
|
|
|
97
97
|
/* 拖拽时的样式 */
|
|
98
|
-
.canvas-content.drag-over[data-v-
|
|
98
|
+
.canvas-content.drag-over[data-v-b174a160] {
|
|
99
99
|
background-color: rgba(59, 130, 246, 0.05);
|
|
100
100
|
}
|
|
101
101
|
|
|
102
102
|
/* 空画布样式 */
|
|
103
|
-
.canvas-content.empty[data-v-
|
|
103
|
+
.canvas-content.empty[data-v-b174a160] {
|
|
104
104
|
display: flex;
|
|
105
105
|
align-items: center;
|
|
106
106
|
justify-content: center;
|
|
107
107
|
min-height: 500px;
|
|
108
108
|
}
|
|
109
|
-
.empty-canvas[data-v-
|
|
109
|
+
.empty-canvas[data-v-b174a160] {
|
|
110
110
|
position: absolute;
|
|
111
111
|
inset: 0;
|
|
112
112
|
display: flex;
|
|
@@ -114,21 +114,21 @@
|
|
|
114
114
|
justify-content: center;
|
|
115
115
|
pointer-events: none;
|
|
116
116
|
}
|
|
117
|
-
.empty-hint[data-v-
|
|
117
|
+
.empty-hint[data-v-b174a160] {
|
|
118
118
|
text-align: center;
|
|
119
119
|
color: #9ca3af;
|
|
120
120
|
}
|
|
121
|
-
.empty-icon[data-v-
|
|
121
|
+
.empty-icon[data-v-b174a160] {
|
|
122
122
|
color: #d1d5db;
|
|
123
123
|
margin: 0 auto 16px;
|
|
124
124
|
}
|
|
125
|
-
.empty-hint p[data-v-
|
|
125
|
+
.empty-hint p[data-v-b174a160] {
|
|
126
126
|
font-size: 14px;
|
|
127
127
|
margin: 0;
|
|
128
128
|
}
|
|
129
129
|
|
|
130
130
|
/* 拖拽时隐藏空画布提示 */
|
|
131
|
-
.canvas-content.drag-over .empty-canvas[data-v-
|
|
131
|
+
.canvas-content.drag-over .empty-canvas[data-v-b174a160] {
|
|
132
132
|
opacity: 0;
|
|
133
133
|
}
|
|
134
134
|
|
|
@@ -198,23 +198,23 @@
|
|
|
198
198
|
}
|
|
199
199
|
|
|
200
200
|
|
|
201
|
-
.config-panel[data-v-
|
|
201
|
+
.config-panel[data-v-f635307b] {
|
|
202
202
|
height: 100%;
|
|
203
203
|
display: flex;
|
|
204
204
|
flex-direction: column;
|
|
205
205
|
}
|
|
206
|
-
.config-empty[data-v-
|
|
206
|
+
.config-empty[data-v-f635307b] {
|
|
207
207
|
padding: 20px;
|
|
208
208
|
text-align: center;
|
|
209
209
|
color: #909399;
|
|
210
210
|
}
|
|
211
|
-
.config-content[data-v-
|
|
211
|
+
.config-content[data-v-f635307b] {
|
|
212
212
|
height: 100%;
|
|
213
213
|
display: flex;
|
|
214
214
|
flex-direction: column;
|
|
215
215
|
overflow: hidden;
|
|
216
216
|
}
|
|
217
|
-
.config-title[data-v-
|
|
217
|
+
.config-title[data-v-f635307b] {
|
|
218
218
|
margin: 0;
|
|
219
219
|
padding: 16px;
|
|
220
220
|
font-size: 16px;
|
|
@@ -223,17 +223,17 @@
|
|
|
223
223
|
background-color: #fff;
|
|
224
224
|
flex-shrink: 0;
|
|
225
225
|
}
|
|
226
|
-
.config-section[data-v-
|
|
226
|
+
.config-section[data-v-f635307b] {
|
|
227
|
+
background-color: #fff;
|
|
227
228
|
flex: 1;
|
|
228
229
|
overflow-y: auto;
|
|
229
230
|
border: none;
|
|
230
231
|
padding: 0 16px;
|
|
231
232
|
}
|
|
232
|
-
.config-section[data-v-
|
|
233
|
+
.config-section[data-v-f635307b] .el-collapse-item__header {
|
|
233
234
|
font-weight: 600;
|
|
234
|
-
background-color: #f5f7fa;
|
|
235
235
|
}
|
|
236
|
-
.config-section[data-v-
|
|
236
|
+
.config-section[data-v-f635307b] .el-form-item {
|
|
237
237
|
margin-bottom: 18px;
|
|
238
238
|
}
|
|
239
239
|
|
|
@@ -321,68 +321,68 @@
|
|
|
321
321
|
}
|
|
322
322
|
|
|
323
323
|
|
|
324
|
-
.schema-tree[data-v-
|
|
324
|
+
.schema-tree[data-v-63375f75] {
|
|
325
325
|
height: 100%;
|
|
326
326
|
display: flex;
|
|
327
327
|
flex-direction: column;
|
|
328
328
|
background: var(--el-bg-color);
|
|
329
329
|
}
|
|
330
|
-
.tree-toolbar[data-v-
|
|
330
|
+
.tree-toolbar[data-v-63375f75] {
|
|
331
331
|
padding: 16px;
|
|
332
332
|
border-bottom: 1px solid var(--el-border-color-light);
|
|
333
333
|
}
|
|
334
|
-
.toolbar-buttons[data-v-
|
|
334
|
+
.toolbar-buttons[data-v-63375f75] {
|
|
335
335
|
display: flex;
|
|
336
336
|
gap: 8px;
|
|
337
337
|
margin-top: 8px;
|
|
338
338
|
}
|
|
339
|
-
.tree-content[data-v-
|
|
339
|
+
.tree-content[data-v-63375f75] {
|
|
340
340
|
flex: 1;
|
|
341
341
|
overflow-y: auto;
|
|
342
342
|
padding: 16px;
|
|
343
343
|
}
|
|
344
|
-
.tree-node[data-v-
|
|
344
|
+
.tree-node[data-v-63375f75] {
|
|
345
345
|
display: flex;
|
|
346
346
|
align-items: center;
|
|
347
347
|
gap: 8px;
|
|
348
348
|
flex: 1;
|
|
349
349
|
padding: 4px 0;
|
|
350
350
|
}
|
|
351
|
-
.tree-node.is-container[data-v-
|
|
351
|
+
.tree-node.is-container[data-v-63375f75] {
|
|
352
352
|
font-weight: 600;
|
|
353
353
|
color: var(--el-color-primary);
|
|
354
354
|
}
|
|
355
|
-
.node-icon[data-v-
|
|
355
|
+
.node-icon[data-v-63375f75] {
|
|
356
356
|
font-size: 16px;
|
|
357
357
|
flex-shrink: 0;
|
|
358
358
|
}
|
|
359
|
-
.node-label[data-v-
|
|
359
|
+
.node-label[data-v-63375f75] {
|
|
360
360
|
flex: 1;
|
|
361
361
|
font-size: 14px;
|
|
362
362
|
}
|
|
363
|
-
.node-component[data-v-
|
|
363
|
+
.node-component[data-v-63375f75] {
|
|
364
364
|
font-size: 12px;
|
|
365
365
|
color: var(--el-text-color-secondary);
|
|
366
366
|
}
|
|
367
367
|
|
|
368
368
|
/* 拖拽时高亮 */
|
|
369
|
-
[data-v-
|
|
369
|
+
[data-v-63375f75] .el-tree-node.is-drop-inner > .el-tree-node__content {
|
|
370
370
|
background-color: var(--el-color-primary-light-9) !important;
|
|
371
371
|
border: 2px dashed var(--el-color-primary);
|
|
372
372
|
}
|
|
373
373
|
|
|
374
374
|
/* 选中状态 */
|
|
375
|
-
[data-v-
|
|
375
|
+
[data-v-63375f75] .el-tree-node.is-current > .el-tree-node__content {
|
|
376
376
|
background-color: var(--el-color-primary-light-9);
|
|
377
377
|
}
|
|
378
378
|
|
|
379
379
|
/* 悬浮状态 */
|
|
380
|
-
[data-v-
|
|
380
|
+
[data-v-63375f75] .el-tree-node__content:hover {
|
|
381
381
|
background-color: var(--el-fill-color-light);
|
|
382
382
|
}
|
|
383
383
|
|
|
384
384
|
/* 右键菜单 */
|
|
385
|
-
.context-menu[data-v-
|
|
385
|
+
.context-menu[data-v-63375f75] {
|
|
386
386
|
position: fixed;
|
|
387
387
|
background: var(--el-bg-color);
|
|
388
388
|
border: 1px solid var(--el-border-color-light);
|
|
@@ -392,7 +392,7 @@
|
|
|
392
392
|
min-width: 140px;
|
|
393
393
|
z-index: 9999;
|
|
394
394
|
}
|
|
395
|
-
.menu-item[data-v-
|
|
395
|
+
.menu-item[data-v-63375f75] {
|
|
396
396
|
display: flex;
|
|
397
397
|
align-items: center;
|
|
398
398
|
gap: 8px;
|
|
@@ -403,34 +403,34 @@
|
|
|
403
403
|
border-radius: 4px;
|
|
404
404
|
transition: all 0.2s;
|
|
405
405
|
}
|
|
406
|
-
.menu-item[data-v-
|
|
406
|
+
.menu-item[data-v-63375f75]:hover {
|
|
407
407
|
background-color: var(--el-fill-color-light);
|
|
408
408
|
color: var(--el-color-primary);
|
|
409
409
|
}
|
|
410
|
-
.menu-divider[data-v-
|
|
410
|
+
.menu-divider[data-v-63375f75] {
|
|
411
411
|
height: 1px;
|
|
412
412
|
background-color: var(--el-border-color-light);
|
|
413
413
|
margin: 4px 0;
|
|
414
414
|
}
|
|
415
415
|
|
|
416
416
|
/* Element Plus 图标大小调整 */
|
|
417
|
-
.menu-item .el-icon[data-v-
|
|
417
|
+
.menu-item .el-icon[data-v-63375f75] {
|
|
418
418
|
font-size: 16px;
|
|
419
419
|
}
|
|
420
420
|
|
|
421
421
|
/* 组件选择器弹窗 */
|
|
422
|
-
.component-picker-content[data-v-
|
|
422
|
+
.component-picker-content[data-v-63375f75] {
|
|
423
423
|
max-height: 70vh;
|
|
424
424
|
overflow-y: auto;
|
|
425
425
|
padding: 16px;
|
|
426
426
|
}
|
|
427
|
-
.picker-category-group[data-v-
|
|
427
|
+
.picker-category-group[data-v-63375f75] {
|
|
428
428
|
margin-bottom: 24px;
|
|
429
429
|
}
|
|
430
|
-
.picker-category-group[data-v-
|
|
430
|
+
.picker-category-group[data-v-63375f75]:last-child {
|
|
431
431
|
margin-bottom: 0;
|
|
432
432
|
}
|
|
433
|
-
.picker-category-title[data-v-
|
|
433
|
+
.picker-category-title[data-v-63375f75] {
|
|
434
434
|
font-size: 14px;
|
|
435
435
|
font-weight: 600;
|
|
436
436
|
color: var(--el-text-color-primary);
|
|
@@ -438,12 +438,12 @@
|
|
|
438
438
|
padding-bottom: 8px;
|
|
439
439
|
border-bottom: 1px solid var(--el-border-color-light);
|
|
440
440
|
}
|
|
441
|
-
.picker-component-grid[data-v-
|
|
441
|
+
.picker-component-grid[data-v-63375f75] {
|
|
442
442
|
display: grid;
|
|
443
443
|
grid-template-columns: repeat(3, 1fr);
|
|
444
444
|
gap: 12px;
|
|
445
445
|
}
|
|
446
|
-
.picker-component-item[data-v-
|
|
446
|
+
.picker-component-item[data-v-63375f75] {
|
|
447
447
|
display: flex;
|
|
448
448
|
flex-direction: column;
|
|
449
449
|
align-items: center;
|
|
@@ -455,12 +455,12 @@
|
|
|
455
455
|
transition: all 0.2s;
|
|
456
456
|
background-color: var(--el-bg-color);
|
|
457
457
|
}
|
|
458
|
-
.picker-component-item[data-v-
|
|
458
|
+
.picker-component-item[data-v-63375f75]:hover {
|
|
459
459
|
border-color: var(--el-color-primary);
|
|
460
460
|
box-shadow: var(--el-box-shadow-light);
|
|
461
461
|
transform: translateY(-2px);
|
|
462
462
|
}
|
|
463
|
-
.picker-component-icon[data-v-
|
|
463
|
+
.picker-component-icon[data-v-63375f75] {
|
|
464
464
|
width: 48px;
|
|
465
465
|
height: 48px;
|
|
466
466
|
display: flex;
|
|
@@ -473,7 +473,7 @@
|
|
|
473
473
|
font-weight: 600;
|
|
474
474
|
margin-bottom: 8px;
|
|
475
475
|
}
|
|
476
|
-
.picker-component-name[data-v-
|
|
476
|
+
.picker-component-name[data-v-63375f75] {
|
|
477
477
|
font-size: 12px;
|
|
478
478
|
color: var(--el-text-color-regular);
|
|
479
479
|
text-align: center;
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{Fragment as e,Teleport as t,computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createStaticVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,h as d,inject as f,mergeProps as p,nextTick as m,normalizeClass as h,normalizeProps as g,normalizeStyle as _,onBeforeUnmount as v,openBlock as y,provide as b,ref as x,renderList as S,renderSlot as C,resolveComponent as w,resolveDynamicComponent as T,shallowRef as E,toDisplayString as D,unref as O,vShow as k,watch as A,withCtx as j,withDirectives as ee,withModifiers as te}from"vue";import{uid as M}from"@formily/shared";import{deleteByPath as N,getByPath as P,getFieldNameFromPath as F,setByPath as I}from"@formily-djd/utils";import{ArrayItems as L,Checkbox as ne,FormItem as re,Input as ie,InputNumber as ae,Radio as R,Select as oe,Space as z,Switch as se}from"@formily/element-plus";import{FormProvider as B,RecursionField as ce,createSchemaField as V,useField as H,useFieldSchema as le}from"@formily/vue";import{createForm as U,isVoidField as W,onFormValuesChange as ue}from"@formily/core";import{Bottom as de,CirclePlus as G,CopyDocument as fe,Delete as pe,FolderAdd as me,Search as he,Top as ge}from"@element-plus/icons-vue";import{observer as _e}from"@formily/reactive-vue";const K=Symbol(`DesignStore`);function q(){let e=f(K);if(!e)throw Error(`[useDesignStore] 必须在 Designer 组件内使用`);return e}const J=Symbol(`ComponentSettings`),Y=Symbol(`ArrayField`),ve=Symbol(`ArrayItemKey`),ye=Symbol(`LeftPanel`);function be(e,t=`.canvas-content`){let r=x(null);function i(){if(!e.value){r.value=null;return}let n=document.querySelector(`[data-node-id="${e.value}"]`);if(!n){r.value=null;return}let i=document.querySelector(t);if(!i){r.value=null;return}let a=n.getBoundingClientRect(),o=i.getBoundingClientRect();r.value={x:a.x-o.x,y:a.y-o.y,width:a.width,height:a.height}}return A(e,()=>{i()},{immediate:!0}),n(()=>r.value)}function X(e,t,n=!0){let r=e=>{if(!n)return 0;let t=e*.1;return t>20?20:t<10?10:t},i=r(t.width),a=r(t.height);return e.x>=t.x+i&&e.x<=t.x+t.width-i&&e.y>=t.y+a&&e.y<=t.y+t.height-a}function xe(e,t){let n=Math.min(Math.abs(e.x-t.x),Math.abs(e.x-(t.x+t.width))),r=Math.min(Math.abs(e.y-t.y),Math.abs(e.y-(t.y+t.height)));return e.x>=t.x&&e.x<=t.x+t.width&&(n=0),e.y>=t.y&&e.y<=t.y+t.height&&(r=0),Math.sqrt(n**2+r**2)}function Se(e,t,n){return n?e.x>=t.x+t.width/2:e.y>=t.y+t.height/2}function Ce(e){return e.width>e.height}let Z=function(e){return e.Before=`BEFORE`,e.After=`AFTER`,e.Upper=`UPPER`,e.Under=`UNDER`,e.Inner=`INNER`,e.InnerBefore=`INNER_BEFORE`,e.InnerAfter=`INNER_AFTER`,e.ForbidBefore=`FORBID_BEFORE`,e.ForbidAfter=`FORBID_AFTER`,e.ForbidUpper=`FORBID_UPPER`,e.ForbidUnder=`FORBID_UNDER`,e.ForbidInner=`FORBID_INNER`,e.ForbidInnerBefore=`FORBID_INNER_BEFORE`,e.ForbidInnerAfter=`FORBID_INNER_AFTER`,e.Forbid=`FORBID`,e}({});var we=class{sensitive;forceBlock;dragNodes=x([]);touchNode=x(null);closestNode=x(null);closestPosition=x(Z.Before);closestRect=x(null);getNodeRect;getNodeSchema;getCanvasRect;findChildNodes;constructor(e,t){this.sensitive=t?.sensitive??!0,this.forceBlock=t?.forceBlock??!1,this.getNodeRect=e.getNodeRect,this.getNodeSchema=e.getNodeSchema,this.getCanvasRect=e.getCanvasRect,this.findChildNodes=e.findChildNodes}setDragNodes(e){this.dragNodes.value=e}calculate(e){let{point:t,touchNode:n,closestNode:r,closestPosition:i}=e;if(r!==void 0&&i!==void 0){this.closestNode.value=r,this.closestPosition.value=i,r&&(this.closestRect.value=this.getNodeRect(r));return}if(!t)return;n!==void 0&&(this.touchNode.value=n);let a=this.getClosestNode(t);if(this.closestNode.value=a,!a){this.closestPosition.value=Z.Before,this.closestRect.value=null;return}this.closestPosition.value=this.getClosestPosition(t,a),this.closestRect.value=this.getNodeRect(a)}getClosestNode(e){let t=this.touchNode.value;if(!t)return null;let n=this.getNodeRect(t);if(!n)return null;let r=this.findChildNodes(t);if(r.length===0)return t;let i=X(e,n,this.sensitive)?0:xe(e,n),a=t;for(let t of r){let n=this.getNodeRect(t);if(!n)continue;let r=X(e,n,this.sensitive)?0:xe(e,n);r<=i&&(i=r,a=t)}return a}getClosestPosition(e,t){console.log(`[Dragon] getClosestPosition`,t);let n=this.getNodeRect(t),r=this.getNodeSchema(t);if(!n||!r)return Z.Forbid;let i=this.getLayout(n)===`horizontal`,a=X(e,n,this.sensitive),o=this.isContainer(r),s=this.canInsertSibling(t),c=Se(e,n,i);return a?o&&this.canDropInside(t)?this.findChildNodes(t).length===0?Z.Inner:c?Z.InnerAfter:Z.InnerBefore:s?i?c?Z.After:Z.Before:c?Z.Under:Z.Upper:Z.Forbid:s?i?c?Z.ForbidAfter:Z.ForbidBefore:c?Z.ForbidUnder:Z.ForbidUpper:Z.Forbid}getLayout(e){return this.forceBlock?`vertical`:Ce(e)?`horizontal`:`vertical`}isContainer(e){return!e||e[`x-droppable`]===!1?!1:e.type===`object`||e.type===`void`||e.type===`array`}canInsertSibling(e){return!(e===``||e==null)}canDropInside(e){if(this.getNodeSchema(e)?.[`x-droppable`]===!1)return!1;let t=this.dragNodes.value;if(t.length===0)return!0;for(let n of t)if(n.nodePath===e||e.startsWith(`${n.nodePath}.`))return!1;return!0}clear(){this.dragNodes.value=[],this.touchNode.value=null,this.closestNode.value=null,this.closestPosition.value=Z.Before,this.closestRect.value=null}};function Te(e=!1){let t=x({type:`object`,properties:{}}),n=x(null),r=x(null),i=x(null),a=x(!1),o=x([]),s=x(null),c=x(null),l=x(Z.Before);function u(e){let t=document.querySelector(`[data-node-id="${e}"]`);if(!t)return null;let n=document.querySelector(`.canvas-content`);if(!n)return null;let r=t.getBoundingClientRect(),i=n.getBoundingClientRect();return{x:r.x-i.x,y:r.y-i.y,width:r.width,height:r.height}}function d(){let e=document.querySelector(`.canvas-content`);if(!e)return{x:0,y:0,width:0,height:0};let t=e.getBoundingClientRect();return{x:t.x,y:t.y,width:t.width,height:t.height}}let f=new we({getNodeRect:u,getNodeSchema:e=>P(t.value.properties,e),getCanvasRect:d,findChildNodes:e=>{let n=P(t.value.properties,e);if(!n)return[];let r=[];return n.properties&&Object.keys(n.properties).forEach(t=>{r.push(`${e}.properties.${t}`)}),n.items?.properties&&Object.keys(n.items.properties).forEach(t=>{r.push(`${e}.items.properties.${t}`)}),r}},{sensitive:!0,forceBlock:!1});function p(e,n){t.value.properties||(t.value.properties={}),t.value.properties[e]=n}function m(e,n){I(t.value.properties,e,n)}function h(e){n.value=e}function g(){return n.value&&P(t.value.properties,n.value)||null}function _(e){r.value=e,n.value=e}function v(e){i.value=e}function y(e){a.value=!0,o.value=e,f.setDragNodes(e)}function S(e,t){if(!a.value)return;t!==void 0&&(s.value=t);let n=d(),r={x:e.x-n.x,y:e.y-n.y};f.calculate({point:r,touchNode:s.value||void 0}),c.value=f.closestNode.value,l.value=f.closestPosition.value}function C(){if(console.log(`[DesignStore] drop`),!a.value)return;let e=c.value,t=l.value;if(!e){w();return}if(t.includes(`FORBID`)){w();return}let n=o.value;if(n.length===0){w();return}n.length===1&&T(n[0].nodePath,e,t),w()}function w(){a.value=!1,o.value=[],s.value=null,c.value=null,l.value=Z.Before,f.clear()}function T(e,n,r){let i=N(t.value.properties,e);if(!i)return;let a=F(e);if(r===Z.Inner||r===Z.InnerAfter||r===Z.InnerBefore){let e=P(t.value.properties,n);if(!e)return;let o,s;if(e.type===`array`?(e.items||={type:`object`,properties:{}},e.items.properties||(e.items.properties={}),o=e.items.properties,s=`${n}.items.properties`):(e.properties||={},o=e.properties,s=`${n}.properties`),r===Z.InnerBefore){let e={[a]:i,...o};I(t.value.properties,s,e)}else I(t.value.properties,`${s}.${a}`,i)}else{let e=r===Z.Before||r===Z.Upper?`before`:`after`,o=n.split(`.`),s=o[o.length-1],c,l=o.includes(`items`);if(o.length===1)c=``;else if(l){let e=o.lastIndexOf(`items`);c=`${o.slice(0,e).join(`.`)}.items.properties`}else{let e=o.lastIndexOf(`properties`);c=o.slice(0,e+1).join(`.`)}let u=c?P(t.value.properties,c):t.value.properties;if(!u){console.warn(`父节点的 properties 不存在:`,c);return}let d=Object.entries(u),f=d.findIndex(([e])=>e===s);if(f===-1){console.warn(`目标字段不存在:`,s);return}let p=e===`after`?f+1:f,m=[...d.slice(0,p),[a,i],...d.slice(p)],h={};m.forEach(([e,t])=>{h[e]=t}),c?I(t.value.properties,c,h):t.value.properties=h}}function E(e,n,r,i){if(!e){t.value.properties||(t.value.properties={}),t.value.properties[n]=r;return}if(i===Z.Inner||i===Z.InnerAfter||i===Z.InnerBefore){let a=P(t.value.properties,e);if(!a)return;let o,s;if(a.type===`array`?(a.items||={type:`object`,properties:{}},a.items.properties||(a.items.properties={}),o=a.items.properties,s=`${e}.items.properties`):(a.properties||={},o=a.properties,s=`${e}.properties`),i===Z.InnerBefore){let e={[n]:r,...o};I(t.value.properties,s,e)}else I(t.value.properties,`${s}.${n}`,r)}else{let a=i===Z.Before||i===Z.Upper?`before`:`after`,o=e.split(`.`),s=o[o.length-1],c,l=o.includes(`items`);if(o.length===1)c=``;else if(l){let e=o.lastIndexOf(`items`);c=`${o.slice(0,e).join(`.`)}.items.properties`}else{let e=o.lastIndexOf(`properties`);c=o.slice(0,e+1).join(`.`)}let u=c?P(t.value.properties,c):t.value.properties;if(!u){console.warn(`父节点的 properties 不存在:`,c);return}let d=Object.entries(u),f=d.findIndex(([e])=>e===s);if(f===-1){console.warn(`目标字段不存在:`,s);return}let p=a===`after`?f+1:f,m=[...d.slice(0,p),[n,r],...d.slice(p)],h={};m.forEach(([e,t])=>{h[e]=t}),c?I(t.value.properties,c,h):t.value.properties=h}}function D(e){return P(t.value.properties,e)}function O(e){let n=P(t.value.properties,e);if(!n)return[];let r=[];return n.properties&&Object.keys(n.properties).forEach(t=>{let n=e?`${e}.properties.${t}`:t;r.push(n)}),n.items?.properties&&Object.keys(n.items.properties).forEach(t=>{let n=`${e}.items.properties.${t}`;r.push(n)}),r}let k={formSchema:t,selectedFieldName:n,selectedNodeId:r,hoveredNodeId:i,draggable:e,dragon:f,isDragging:a,dragNodes:o,touchNode:s,closestNode:c,closestPosition:l,addField:p,updateFieldSchema:m,selectField:h,selectNode:_,getSelectedField:g,setHover:v,startDrag:y,updateDragPosition:S,drop:C,cancelDrag:w,moveField:T,insertField:E,getNodeSchema:D,findChildNodes:O};return b(K,k),k}function Ee(e,t){let n={};return Object.entries(t.properties||{}).forEach(([t,r])=>{let i=r[`x-path`];if(i){let r=P(e,i);r!==void 0&&(n[t]=r)}}),n}function De(e,t,n){let r=JSON.parse(JSON.stringify(n));return Object.entries(t.properties||{}).forEach(([t,n])=>{let i=n[`x-path`];i&&e[t]!==void 0&&I(r,i,e[t])}),r}var Q=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},Oe=Q(u({__name:`HoverBox`,setup(e){let t=q(),r=be(t.hoveredNodeId),o=n(()=>!t.hoveredNodeId.value||!t.selectedNodeId.value?!1:t.hoveredNodeId.value===t.selectedNodeId.value),s=n(()=>{let e={position:`absolute`,top:0,left:0,boxSizing:`border-box`,pointerEvents:`none`,zIndex:2,visibility:`hidden`};return r.value&&!o.value&&(e.transform=`perspective(1px) translate3d(${r.value.x}px, ${r.value.y}px, 0)`,e.width=`${r.value.width}px`,e.height=`${r.value.height}px`,e.visibility=`visible`),e}),c=n(()=>r.value&&!o.value);return(e,t)=>c.value?(y(),a(`div`,{key:0,class:`hover-box`,style:_(s.value)},null,4)):i(``,!0)}}),[[`__scopeId`,`data-v-2759debe`]]),ke=Q(u({__name:`Insertion`,setup(e){let t=q(),r=n(()=>{if(!t.isDragging.value||!t.closestNode.value)return{display:`none`};let e=t.closestPosition.value,n=t.dragon.closestRect.value;if(!n)return{display:`none`};let r=e.toString().includes(`FORBID`),i={position:`absolute`,backgroundColor:r?`#ef4444`:`#3b82f6`,pointerEvents:`none`,zIndex:10,transition:`all 0.15s cubic-bezier(0.4, 0, 0.2, 1)`,boxShadow:r?`0 0 8px rgba(239, 68, 68, 0.5)`:`0 0 8px rgba(59, 130, 246, 0.5)`};switch(e){case Z.Before:case Z.ForbidBefore:Object.assign(i,{width:`2px`,height:`${n.height}px`,transform:`perspective(1px) translate3d(${n.x}px, ${n.y}px, 0)`});break;case Z.After:case Z.ForbidAfter:Object.assign(i,{width:`2px`,height:`${n.height}px`,transform:`perspective(1px) translate3d(${n.x+n.width-2}px, ${n.y}px, 0)`});break;case Z.Upper:case Z.ForbidUpper:Object.assign(i,{width:`${n.width}px`,height:`2px`,transform:`perspective(1px) translate3d(${n.x}px, ${n.y}px, 0)`});break;case Z.Under:case Z.ForbidUnder:Object.assign(i,{width:`${n.width}px`,height:`2px`,transform:`perspective(1px) translate3d(${n.x}px, ${n.y+n.height-2}px, 0)`});break;case Z.Inner:case Z.InnerBefore:case Z.InnerAfter:case Z.ForbidInner:case Z.ForbidInnerBefore:case Z.ForbidInnerAfter:Object.assign(i,{width:`${n.width}px`,height:`${n.height}px`,transform:`perspective(1px) translate3d(${n.x}px, ${n.y}px, 0)`,backgroundColor:`transparent`,border:r?`2px dashed #ef4444`:`2px dashed #3b82f6`});break;case Z.Forbid:return{display:`none`};default:return{display:`none`}}return i});return(e,n)=>O(t).draggable?(y(),a(`div`,{key:0,class:`insertion-indicator`,style:_(r.value)},null,4)):i(``,!0)}}),[[`__scopeId`,`data-v-9dbef644`]]),Ae=Q(u({__name:`SelectionBox`,setup(e){let t=be(q().selectedNodeId),r=n(()=>{let e={position:`absolute`,top:0,left:0,boxSizing:`border-box`,pointerEvents:`none`,zIndex:4,visibility:`hidden`};return t.value&&(e.transform=`perspective(1px) translate3d(${t.value.x-2}px, ${t.value.y-2}px, 0)`,e.width=`${t.value.width+4}px`,e.height=`${t.value.height+4}px`,e.visibility=`visible`),e}),s=n(()=>t.value!==null);return(e,t)=>s.value?(y(),a(`div`,{key:0,class:`selection-box`,style:_(r.value)},[...t[0]||=[o(`div`,{class:`selection-box-inner`},null,-1)]],4)):i(``,!0)}}),[[`__scopeId`,`data-v-c58abee5`]]);const je={class:`aux-tool-widget`};var Me=Q(u({__name:`AuxToolWidget`,setup(e){return(e,t)=>(y(),a(`div`,je,[l(Oe),l(Ae),l(ke)]))}}),[[`__scopeId`,`data-v-d048dbcd`]]);const $={type:`object`,properties:{title:{type:`string`,title:`字段标题`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`title`},description:{type:`string`,title:`字段描述`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`description`},required:{type:`boolean`,title:`是否必填`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`required`},"x-display":{type:`string`,title:`显示状态`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-display`,"x-component-props":{options:[{label:`显示`,value:`visible`},{label:`隐藏(占位)`,value:`hidden`},{label:`隐藏(不占位)`,value:`none`}]}},"x-pattern":{type:`string`,title:`交互模式`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-pattern`,"x-component-props":{options:[{label:`可编辑`,value:`editable`},{label:`禁用`,value:`disabled`},{label:`只读`,value:`readOnly`}]}}}};function Ne(e,t){let n={...e?.[`x-component-props`]||{}};return $.properties&&Object.entries($.properties).forEach(([t,r])=>{let i=r[`x-path`];if(i){let r=P(e,i);r!==void 0&&(n[t]=r)}}),t.properties&&Object.entries(t.properties).forEach(([t,r])=>{let i=r[`x-path`];if(i){let r=P(e,i);r!==void 0&&(n[t]=r)}}),n}function Pe(e){if(e?.[`x-droppable`]===!1)return!1;let t=e.type;return(t===`object`||t===`void`||t===`array`)&&!!e.properties}function Fe(e){return e.type===`array`&&!!e.items}const Ie=[`data-node-id`,`draggable`],Le={key:0,class:`empty-container-placeholder`},Re={key:0,class:`empty-container-placeholder`};var ze=Q(u({name:`CanvasField`,__name:`index`,props:{schema:{},fieldName:{},nodePath:{}},setup(t){let s=t,c=f(J)??{},l=q(),u=n(()=>s.schema?.[`x-component`]),d=n(()=>s.nodePath?s.fieldName?s.nodePath?`${s.nodePath}.${s.fieldName}`:s.fieldName:s.nodePath:s.fieldName||``),m=n(()=>l.selectedNodeId.value===d.value),_=n(()=>!l.draggable||!s.fieldName?!1:m.value);function v(){return s.schema?.type===`array`?d.value?`${d.value}.items`:``:d.value?`${d.value}.properties`:``}let b=n(()=>{let e=s.schema;if(!e||e[`x-droppable`]===!1)return!1;let t=e.type===`object`||e.type===`void`,n=!e.properties||Object.keys(e.properties).length===0;return t&&n});function x(e){if(!_.value||!e.dataTransfer)return;let t={type:`move-component`,nodePath:d.value,fieldName:s.fieldName,schema:s.schema};e.dataTransfer.effectAllowed=`move`,e.dataTransfer.setData(`application/json`,JSON.stringify(t)),l.startDrag([{nodePath:d.value,fieldName:s.fieldName||``,schema:s.schema}])}function C(){l.cancelDrag()}return(t,n)=>{let l=w(`CanvasField`);return s.schema?(y(),a(`div`,{key:0,"data-node-id":d.value,class:h({"is-draggable":_.value,"is-selected":m.value}),draggable:_.value,onDragstart:x,onDragend:C},[u.value&&O(c)[u.value]?(y(),r(T(O(c)[u.value].component),g(p({key:0},O(Ne)(s.schema,O(c)[u.value].setterSchema))),{default:j(()=>[b.value?(y(),a(`div`,Le,[...n[0]||=[o(`svg`,{class:`placeholder-icon`,width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},[o(`rect`,{x:`3`,y:`3`,width:`18`,height:`18`,rx:`2`,stroke:`currentColor`,"stroke-width":`2`}),o(`path`,{d:`M12 8v8M8 12h8`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`})],-1),o(`span`,{class:`placeholder-text`},`拖拽组件到这里`,-1)]])):i(``,!0),O(Fe)(s.schema)?(y(),r(l,{key:1,schema:s.schema.items,"node-path":`${v()}`},null,8,[`schema`,`node-path`])):i(``,!0),O(Pe)(s.schema)?(y(!0),a(e,{key:2},S(Object.keys(s.schema?.properties||{}),e=>(y(),r(l,{key:e,schema:s.schema?.properties?.[e],"field-name":e,"node-path":v()},null,8,[`schema`,`field-name`,`node-path`]))),128)):i(``,!0)]),_:1},16)):(y(),a(e,{key:1},[b.value?(y(),a(`div`,Re,[...n[1]||=[o(`svg`,{class:`placeholder-icon`,width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},[o(`rect`,{x:`3`,y:`3`,width:`18`,height:`18`,rx:`2`,stroke:`currentColor`,"stroke-width":`2`}),o(`path`,{d:`M12 8v8M8 12h8`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`})],-1),o(`span`,{class:`placeholder-text`},`拖拽组件到这里`,-1)]])):i(``,!0),(y(!0),a(e,null,S(Object.keys(s.schema?.properties||{}),e=>(y(),r(l,{key:e,schema:s.schema?.properties?.[e],"field-name":e,"node-path":v()},null,8,[`schema`,`field-name`,`node-path`]))),128))],64))],42,Ie)):i(``,!0)}}}),[[`__scopeId`,`data-v-7c768391`]]);const Be={class:`canvas djd-design`},Ve={key:1,class:`empty-canvas`};var He=Q(u({__name:`canvas`,props:{components:{}},setup(e){b(J,e.components);let t=q(),c=x(!1),u=n(()=>{let e=t.formSchema.value?.properties;return!e||Object.keys(e).length===0});function d(e){let n=e.target.closest(`[data-node-id]`);if(n){let e=n.getAttribute(`data-node-id`);e&&(console.log(e),t.selectNode(e))}else t.selectNode(null)}function f(e){let n=e.target.closest(`[data-node-id]`)?.getAttribute(`data-node-id`);if(t.setHover(n||null),t.isDragging.value){let r={x:e.clientX,y:e.clientY};t.updateDragPosition(r,n||void 0)}}function p(){t.setHover(null)}function m(e){if(!t.draggable||(e.preventDefault(),e.stopPropagation(),!e.dataTransfer))return;let n=t.dragNodes.value.length>0;e.dataTransfer.dropEffect=n?`move`:`copy`,c.value=!0,t.isDragging.value||t.startDrag([]);let r=e.target.closest(`[data-node-id]`)?.getAttribute(`data-node-id`),i={x:e.clientX,y:e.clientY};t.updateDragPosition(i,r||void 0)}function g(e){e.target.classList.contains(`canvas-content`)&&(c.value=!1)}function _(e){if(t.draggable&&(console.log(`[Canvas] handleDrop`),e.preventDefault(),e.stopPropagation(),c.value=!1,e.dataTransfer))try{let t=e.dataTransfer.getData(`application/json`);if(!t)return;let n=JSON.parse(t);console.log(`dragData`,n),n.type===`new-component`?v(n):n.type===`move-component`&&S()}catch(e){console.error(`解析拖拽数据失败:`,e)}}function v(e){let{componentKey:n,defaultSchema:r}=e;if(!r){console.warn(`组件缺少 defaultSchema:`,n);return}let i=`f_${M()}`,a=t.closestNode.value,o=t.closestPosition.value;a?t.insertField(a,i,r,o):t.addField(i,r),t.selectNode(i),t.cancelDrag()}function S(){t.drop()}return(e,n)=>(y(),a(`div`,Be,[o(`div`,{class:h([`canvas-content`,{"drag-over":c.value,empty:u.value}]),onClick:d,onMousemove:f,onMouseleave:p,onDragover:m,onDragleave:g,onDrop:_},[O(t).formSchema.value?(y(),r(ze,{key:0,schema:O(t).formSchema.value},null,8,[`schema`])):i(``,!0),u.value?(y(),a(`div`,Ve,[...n[0]||=[s(`<div class="empty-hint" data-v-6eb5eb4d><svg class="empty-icon" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-6eb5eb4d><rect x="3" y="3" width="18" height="18" rx="2" ry="2" data-v-6eb5eb4d></rect><line x1="9" y1="9" x2="15" y2="15" data-v-6eb5eb4d></line><line x1="15" y1="9" x2="9" y2="15" data-v-6eb5eb4d></line></svg><p data-v-6eb5eb4d>从左侧拖拽组件到这里开始设计</p></div>`,1)]])):i(``,!0),l(Me)],34)]))}}),[[`__scopeId`,`data-v-6eb5eb4d`]]);function Ue(e,t){let n=t.getSelectedField();return U({values:n?Ee(n,e):{},effects(){ue(n=>{let r=t.getSelectedField(),i=t.selectedFieldName.value;if(!r||!i)return;let a=De(n.values,e,r);t.updateFieldSchema(i,a)})}})}const We={class:`reactions-editor`},Ge={class:`section`},Ke={class:`section-header`},qe={key:0,class:`empty-tip`},Je={key:1,class:`dependency-list`},Ye={class:`dependency-header`},Xe={class:`dependency-index`},Ze={class:`section`},Qe={class:`section-header`},$e={key:0,class:`empty-tip`},et={key:1,class:`state-rule-list`},tt={class:`state-rule-header`},nt={class:`state-rule-index`};var rt=Q(u({__name:`ReactionsEditor`,props:{modelValue:{type:Boolean},schema:{},currentFieldName:{},initialReactions:{}},emits:[`update:modelValue`,`save`],setup(t,{emit:i}){let s=t,u=i,d=n({get:()=>s.modelValue,set:e=>u(`update:modelValue`,e)}),f=x([]),p=x([]),m=[{label:`显示/隐藏 (visible)`,value:`visible`},{label:`禁用 (disabled)`,value:`disabled`},{label:`只读 (readOnly)`,value:`readOnly`},{label:`值 (value)`,value:`value`},{label:`显示模式 (display)`,value:`display`},{label:`模式 (pattern)`,value:`pattern`},{label:`必填 (required)`,value:`required`},{label:`标题 (title)`,value:`title`},{label:`描述 (description)`,value:`description`}],h=[{label:`值 (value)`,value:`value`},{label:`显示模式 (display)`,value:`display`},{label:`模式 (pattern)`,value:`pattern`},{label:`初始值 (initialValue)`,value:`initialValue`},{label:`错误信息 (errors)`,value:`errors`},{label:`验证状态 (valid)`,value:`valid`}],g=[{label:`任意类型 (any)`,value:`any`},{label:`字符串 (string)`,value:`string`},{label:`数字 (number)`,value:`number`},{label:`布尔值 (boolean)`,value:`boolean`},{label:`数组 (array)`,value:`array`},{label:`对象 (object)`,value:`object`}],_=n(()=>{function e(t,n=``){if(!t)return[];let r=[];return Object.entries(t).forEach(([t,i])=>{let a=n?`${n}.${t}`:t,o=i.title||t;if(a===s.currentFieldName||a.startsWith(`${s.currentFieldName}.`))return;let c={value:a,label:`${o} (${t})`,children:void 0};if(i.properties){let t=e(i.properties,a);t.length>0&&(c.children=t)}r.push(c)}),r}return e(s.schema?.properties)});function v(){let e=s.initialReactions;if(!e){f.value=[],p.value=[];return}e.dependencies&&Array.isArray(e.dependencies)&&(f.value=e.dependencies.map(e=>({source:e.source||``,property:e.property||`value`,name:e.name||``,type:e.type||`any`}))),e.fulfill?.state&&(p.value=Object.entries(e.fulfill.state).map(([e,t])=>({state:e,expression:String(t).replace(/^\{\{|\}\}$/g,``).trim()})))}function b(){v()}function C(){f.value.push({source:``,property:`value`,name:``,type:`any`})}function T(e){f.value.splice(e,1)}function E(e){!e.name&&e.source&&(e.name=`${e.source.split(`.`).pop()||e.source}_${e.property}`)}function O(){p.value.push({state:`visible`,expression:``})}function k(e){p.value.splice(e,1)}function A(){let e={};f.value.length>0&&(e.dependencies=f.value.filter(e=>e.source).map(e=>({source:e.source,property:e.property,name:e.name,type:e.type}))),p.value.length>0&&(e.fulfill={state:{}},p.value.forEach(t=>{t.state&&t.expression&&(e.fulfill.state[t.state]=`{{${t.expression}}}`)})),u(`save`,e),d.value=!1}function ee(){d.value=!1}return(t,n)=>{let i=w(`ElButton`),s=w(`ElTreeSelect`),u=w(`ElFormItem`),v=w(`ElOption`),x=w(`ElSelect`),te=w(`ElInput`),M=w(`ElForm`),N=w(`ElDialog`);return y(),r(N,{modelValue:d.value,"onUpdate:modelValue":n[0]||=e=>d.value=e,title:`条件渲染配置`,width:`800px`,onOpen:b},{footer:j(()=>[l(i,{onClick:ee},{default:j(()=>[...n[8]||=[c(` 取消 `,-1)]]),_:1}),l(i,{type:`primary`,onClick:A},{default:j(()=>[...n[9]||=[c(` 保存 `,-1)]]),_:1})]),default:j(()=>[o(`div`,We,[o(`div`,Ge,[o(`div`,Ke,[n[2]||=o(`span`,{class:`section-title`},`依赖字段`,-1),l(i,{size:`small`,type:`primary`,onClick:C},{default:j(()=>[...n[1]||=[c(` 添加依赖 `,-1)]]),_:1})]),f.value.length===0?(y(),a(`div`,qe,` 暂无依赖字段,点击"添加依赖"按钮添加 `)):(y(),a(`div`,Je,[(y(!0),a(e,null,S(f.value,(t,r)=>(y(),a(`div`,{key:r,class:`dependency-item`},[o(`div`,Ye,[o(`span`,Xe,`依赖 `+D(r+1),1),l(i,{size:`small`,type:`danger`,text:``,onClick:e=>T(r)},{default:j(()=>[...n[3]||=[c(` 删除 `,-1)]]),_:1},8,[`onClick`])]),l(M,{"label-width":`80px`},{default:j(()=>[l(u,{label:`字段`},{default:j(()=>[l(s,{modelValue:t.source,"onUpdate:modelValue":e=>t.source=e,data:_.value,placeholder:`选择依赖的字段`,clearable:``,"check-strictly":``,"render-after-expand":!1,onChange:e=>E(t)},null,8,[`modelValue`,`onUpdate:modelValue`,`data`,`onChange`])]),_:2},1024),l(u,{label:`属性`},{default:j(()=>[l(x,{modelValue:t.property,"onUpdate:modelValue":e=>t.property=e,placeholder:`选择属性`,onChange:e=>E(t)},{default:j(()=>[(y(),a(e,null,S(h,e=>l(v,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`])),64))]),_:1},8,[`modelValue`,`onUpdate:modelValue`,`onChange`])]),_:2},1024),l(u,{label:`变量名`},{default:j(()=>[l(te,{modelValue:t.name,"onUpdate:modelValue":e=>t.name=e,placeholder:`在表达式中使用的变量名`},null,8,[`modelValue`,`onUpdate:modelValue`])]),_:2},1024),l(u,{label:`类型`},{default:j(()=>[l(x,{modelValue:t.type,"onUpdate:modelValue":e=>t.type=e,placeholder:`选择类型`},{default:j(()=>[(y(),a(e,null,S(g,e=>l(v,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`])),64))]),_:1},8,[`modelValue`,`onUpdate:modelValue`])]),_:2},1024)]),_:2},1024)]))),128))]))]),o(`div`,Ze,[o(`div`,Qe,[n[5]||=o(`span`,{class:`section-title`},`状态控制`,-1),l(i,{size:`small`,type:`primary`,onClick:O},{default:j(()=>[...n[4]||=[c(` 添加规则 `,-1)]]),_:1})]),p.value.length===0?(y(),a(`div`,$e,` 暂无状态规则,点击"添加规则"按钮添加 `)):(y(),a(`div`,et,[(y(!0),a(e,null,S(p.value,(t,r)=>(y(),a(`div`,{key:r,class:`state-rule-item`},[o(`div`,tt,[o(`span`,nt,`规则 `+D(r+1),1),l(i,{size:`small`,type:`danger`,text:``,onClick:e=>k(r)},{default:j(()=>[...n[6]||=[c(` 删除 `,-1)]]),_:1},8,[`onClick`])]),l(M,{"label-width":`80px`},{default:j(()=>[l(u,{label:`状态属性`},{default:j(()=>[l(x,{modelValue:t.state,"onUpdate:modelValue":e=>t.state=e,placeholder:`选择要控制的状态`},{default:j(()=>[(y(),a(e,null,S(m,e=>l(v,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`])),64))]),_:1},8,[`modelValue`,`onUpdate:modelValue`])]),_:2},1024),l(u,{label:`表达式`},{default:j(()=>[l(te,{modelValue:t.expression,"onUpdate:modelValue":e=>t.expression=e,type:`textarea`,rows:2,placeholder:`输入 JS 表达式,如:$deps.username_value === '123'`},null,8,[`modelValue`,`onUpdate:modelValue`]),n[7]||=o(`div`,{class:`expression-tip`},` 使用 $deps.变量名 访问依赖字段的值 `,-1)]),_:2},1024)]),_:2},1024)]))),128))]))])])]),_:1},8,[`modelValue`])}}}),[[`__scopeId`,`data-v-0aa160aa`]]);const it={class:`config-panel`},at={key:0,class:`config-empty`},ot={key:1,class:`config-content`},st={class:`config-title`};var ct=Q(u({__name:`index`,props:{components:{}},setup(e){let t=e,s=q(),{SchemaField:u}=V({components:{FormItem:re,Input:ie,InputNumber:ae,Checkbox:ne,Radio:R,Switch:se,Select:oe,Space:z,ArrayItems:L}}),d=E(null),f=n(()=>s.getSelectedField()),p=n(()=>f.value?f.value[`x-component`]:null),m=n(()=>{let e=p.value;return e?t.components[e]?.setterSchema:null}),h=n(()=>m.value?{type:`object`,properties:{...$.properties,...m.value.properties||{}}}:null);A(()=>s.selectedFieldName.value,()=>{f.value&&h.value?d.value=Ue(h.value,s):d.value=null},{immediate:!0});let g=E([`base`,`operate`,`component`]),_=n(()=>s.selectedFieldName.value||`empty`),v=x(!1);function b(){v.value=!0}function S(e){let t=s.selectedFieldName.value;if(!t)return;let n=s.getSelectedField();if(!n)return;let r={...n,"x-reactions":Object.keys(e).length>0?e:void 0};s.updateFieldSchema(t,r)}return(e,t)=>{let n=w(`ElCollapseItem`),h=w(`ElButton`),x=w(`ElCollapse`);return y(),a(`div`,it,[f.value?(y(),a(`div`,ot,[o(`h3`,st,D(p.value)+` 配置 `,1),d.value?(y(),r(O(B),{key:_.value,form:d.value},{default:j(()=>[l(x,{modelValue:g.value,"onUpdate:modelValue":t[0]||=e=>g.value=e,class:`config-section`},{default:j(()=>[l(n,{name:`base`,title:`基础配置`},{default:j(()=>[l(O(u),{schema:O($)},null,8,[`schema`])]),_:1}),l(n,{name:`operate`,title:`操作配置`},{default:j(()=>[o(`div`,null,[l(h,{type:`primary`,onClick:b},{default:j(()=>[...t[3]||=[c(` 条件渲染 `,-1)]]),_:1})])]),_:1}),m.value?(y(),r(n,{key:0,name:`component`,title:`组件配置`},{default:j(()=>[l(O(u),{schema:m.value},null,8,[`schema`])]),_:1})):i(``,!0)]),_:1},8,[`modelValue`])]),_:1},8,[`form`])):i(``,!0),l(rt,{modelValue:v.value,"onUpdate:modelValue":t[1]||=e=>v.value=e,schema:O(s).formSchema.value,"current-field-name":O(s).selectedFieldName.value,"initial-reactions":f.value?.[`x-reactions`],onSave:S},null,8,[`modelValue`,`schema`,`current-field-name`,`initial-reactions`])])):(y(),a(`div`,at,[...t[2]||=[o(`p`,null,`请选择一个字段`,-1)]]))])}}}),[[`__scopeId`,`data-v-ae3aeea4`]]);const lt={class:`material-panel`},ut={class:`panel-content`},dt={class:`category-title`},ft={class:`component-grid`},pt=[`onClick`,`onDragstart`],mt={class:`component-icon`},ht={class:`component-name`},gt={key:0,class:`component-desc`};var _t=Q(u({__name:`materialPanel`,props:{components:{}},setup(t){let r=t,s=f(ye,null),c=n(()=>{let e={};return Object.entries(r.components).forEach(([t,n])=>{if(n.config?.hidden===!0)return;let r=n.config?.category||`其他`;e[r]||(e[r]=[]),e[r].push({key:t,component:n})}),e});function l(e,t,n){if(!e.dataTransfer)return;let r={type:`new-component`,componentKey:t,componentName:n.config.name,defaultSchema:n.defaultSchema};e.dataTransfer.effectAllowed=`copy`,e.dataTransfer.setData(`application/json`,JSON.stringify(r));let i=e.target;e.dataTransfer.setDragImage(i,10,10),setTimeout(()=>{s?.switchToTreeTab()},100)}function u(e){let t=e.target;t.style.opacity=`1`}function d(e){console.log(`点击组件:`,e)}return(t,n)=>(y(),a(`div`,lt,[n[0]||=o(`div`,{class:`panel-header`},[o(`h3`,null,`组件库`)],-1),o(`div`,ut,[(y(!0),a(e,null,S(c.value,(t,n)=>(y(),a(`div`,{key:n,class:`category-group`},[o(`div`,dt,D(n),1),o(`div`,ft,[(y(!0),a(e,null,S(t,({key:e,component:t})=>(y(),a(`div`,{key:e,class:`component-item`,draggable:`true`,onClick:t=>d(e),onDragstart:n=>l(n,e,t),onDragend:u},[o(`div`,mt,D(t.config?.icon?.slice(0,3)),1),o(`div`,ht,D(t.config?.name||e),1),t.config?.description?(y(),a(`div`,gt,D(t.config.description),1)):i(``,!0)],40,pt))),128))])]))),128))])]))}}),[[`__scopeId`,`data-v-93609a69`]]);const vt={class:`schema-tree`},yt={class:`tree-toolbar`},bt={class:`toolbar-buttons`},xt={class:`node-label`},St={class:`node-component`},Ct={key:0,class:`menu-divider`},wt=[`onClick`],Tt={class:`component-picker-content`},Et={class:`picker-category-title`},Dt={class:`picker-component-grid`},Ot=[`onClick`],kt={class:`picker-component-icon`},At={class:`picker-component-name`};var jt=Q(u({__name:`SchemaTree`,setup(i){let s=q(),u=f(`designerComponents`,{}),d=x(),p=x(``),g=x(!1),v=x({top:`0px`,left:`0px`}),b=x(null),C=x(`node`),E=x(!1),A=x(null);function P(e,t=``){let n=[];return!e||typeof e!=`object`?n:(e.properties&&typeof e.properties==`object`&&Object.entries(e.properties).forEach(([e,r])=>{let i=t?`${t}.properties.${e}`:e,a=r[`x-component`]||`Unknown`,o=r.title||e,s={path:i,label:o,title:o,component:a,isContainer:F(r),children:P(r,i)};n.push(s)}),e.items?.properties&&Object.entries(e.items.properties).forEach(([e,r])=>{let i=`${t}.items.properties.${e}`,a=r[`x-component`]||`Unknown`,o=r.title||e,s={path:i,label:o,title:o,component:a,isContainer:F(r),children:P(r,i)};n.push(s)}),n)}function F(e){return e[`x-droppable`]===!1?!1:!![`object`,`void`,`array`].includes(e.type)}let L=n(()=>P(s.formSchema.value)),ne=n(()=>{let e={};return Object.entries(u).forEach(([t,n])=>{if(n.config?.hidden===!0)return;let r=n.config?.category||`其他`;e[r]||(e[r]=[]),e[r].push({key:t,component:n})}),e}),re={children:`children`,label:`label`};function ie(e,t){return e?t.label.toLowerCase().includes(e.toLowerCase()):!0}function ae(e){d.value?.filter(e)}function R(){z(L.value).forEach(e=>{let t=d.value?.getNode(e);t&&(t.expanded=!0)})}function oe(){z(L.value).forEach(e=>{let t=d.value?.getNode(e);t&&(t.expanded=!1)})}function z(e){let t=[];return e.forEach(e=>{t.push(e.path),e.children&&e.children.length>0&&t.push(...z(e.children))}),t}function se(e){s.selectNode(e.path)}function B(e){return!0}function ce(e,t,n){let r=t.data;return n===`inner`?r.isContainer:!0}function V(e,t,n,r){let i=e.data,a=t.data,o;o=n===`inner`?`INNER`:n===`before`?`BEFORE`:`AFTER`,s.moveField(i.path,a.path,o)}let H=n(()=>{if(C.value===`empty`)return[{type:`insertRoot`,label:`插入组件`,icon:G}];let e=b.value;if(!e)return[];let t=[{type:`copy`,label:`复制`,icon:fe},{type:`delete`,label:`删除`,icon:pe},`divider`,{type:`moveUp`,label:`上移`,icon:ge},{type:`moveDown`,label:`下移`,icon:de},`divider`,{type:`insertBefore`,label:`上方插入`,icon:G},{type:`insertAfter`,label:`下方插入`,icon:G}];return e.isContainer&&t.push({type:`insertInner`,label:`插入内部组件`,icon:me}),t});function le(e){e.preventDefault(),e.stopPropagation(),C.value=`empty`,b.value=null,v.value={top:`${e.clientY}px`,left:`${e.clientX}px`},g.value=!0;let t=()=>{g.value=!1,document.removeEventListener(`click`,t)};setTimeout(()=>{document.addEventListener(`click`,t)},0)}function U(e,t,n,r){e.preventDefault(),e.stopPropagation(),C.value=`node`,b.value=t,v.value={top:`${e.clientY}px`,left:`${e.clientX}px`},g.value=!0;let i=()=>{g.value=!1,document.removeEventListener(`click`,i)};setTimeout(()=>{document.addEventListener(`click`,i)},0)}function W(e,t){A.value={targetNode:e,position:t},E.value=!0}function ue(e){switch(e){case`insertRoot`:W(null,`root`);break;case`insertBefore`:W(b.value,`before`);break;case`insertAfter`:W(b.value,`after`);break;case`insertInner`:W(b.value,`inner`);break;case`copy`:J();return;case`delete`:Y();return;case`moveUp`:ve();return;case`moveDown`:ye();return}g.value=!1}function _e(e,t){if(!A.value)return;let{targetNode:n,position:r}=A.value,i={componentKey:e,defaultSchema:t.defaultSchema};r===`root`?Ce(i):n&&Se(i,n,r),E.value=!1,A.value=null}function K(e){let t=e.split(`.`),n=t[t.length-1],r=t.includes(`items`)&&t.includes(`properties`),i=``;if(r){let e=t.lastIndexOf(`items`);i=t.slice(0,e).join(`.`)}else{let e=t.lastIndexOf(`properties`);e>0&&(i=t.slice(0,e).join(`.`))}let a,o;return i?(a=s.getNodeSchema(i),a&&(o=a.type===`array`?a.items?.properties:a.properties)):(a=s.formSchema.value,o=a.properties),{parentSchema:a,propertiesObj:o,fieldName:n}}function J(){if(!b.value)return;let e=b.value.path,t=s.getNodeSchema(e);if(!t)return;let n=`f_${M()}`,r=JSON.parse(JSON.stringify(t)),i=[...e.split(`.`).slice(0,-1),n].join(`.`);I(s.formSchema.value.properties,i,r),g.value=!1}function Y(){if(!b.value)return;let e=b.value.path;N(s.formSchema.value.properties,e),g.value=!1}function ve(){if(!b.value)return;let e=b.value.path,{parentSchema:t,propertiesObj:n,fieldName:r}=K(e);if(!n||!t)return;let i=Object.entries(n),a=i.findIndex(([e])=>e===r);if(a<=0)return;let o=i[a];i[a]=i[a-1],i[a-1]=o;let c={};i.forEach(([e,t])=>{c[e]=t});let l=e.split(`.`);if(l.length===1)s.formSchema.value.properties=c;else{let e=l.includes(`items`),t;if(e){let e=l.lastIndexOf(`items`);t=`${l.slice(0,e).join(`.`)}.items.properties`}else{let e=l.lastIndexOf(`properties`);t=l.slice(0,e+1).join(`.`)}I(s.formSchema.value.properties,t,c)}g.value=!1}function ye(){if(!b.value)return;let e=b.value.path,{parentSchema:t,propertiesObj:n,fieldName:r}=K(e);if(!n||!t)return;let i=Object.entries(n),a=i.findIndex(([e])=>e===r);if(a===-1||a>=i.length-1)return;let o=i[a];i[a]=i[a+1],i[a+1]=o;let c={};i.forEach(([e,t])=>{c[e]=t});let l=e.split(`.`);if(l.length===1)s.formSchema.value.properties=c;else{let e=l.includes(`items`),t;if(e){let e=l.lastIndexOf(`items`);t=`${l.slice(0,e).join(`.`)}.items.properties`}else{let e=l.lastIndexOf(`properties`);t=l.slice(0,e+1).join(`.`)}I(s.formSchema.value.properties,t,c)}g.value=!1}function be(e){if(e.preventDefault(),e.stopPropagation(),e.dataTransfer)try{let t=e.dataTransfer.getData(`application/json`);if(!t)return;let n=JSON.parse(t);if(n.type!==`new-component`)return;let{componentKey:r,defaultSchema:i}=n;if(!i){console.warn(`组件缺少 defaultSchema:`,r);return}let a=X(e.clientX,e.clientY);if(console.log(`targetNode`,a),a){let t=xe(e,a.element);Se(n,a.data,t)}else Ce(n)}catch(e){console.error(`解析拖拽数据失败:`,e)}}function X(e,t){let n=document.elementFromPoint(e,t)?.closest(`.el-tree-node`);if(n){let e=n.querySelector(`.el-tree-node__content`);if(e){n.__vnode?.props?.[`node-key`];let t=(e,n)=>{for(let r of e){if(r.path===n)return r;if(r.children){let e=t(r.children,n);if(e)return e}}return null},r=n.getAttribute(`data-path`)||e.getAttribute(`data-path`);if(r){let e=t(L.value,r);if(e)return{element:n,data:e}}let i=document.querySelectorAll(`.el-tree-node`),a=Array.from(i).indexOf(n);if(a>=0&&a<L.value.length)return{element:n,data:L.value[a]}}}return null}function xe(e,t){let n=t.getBoundingClientRect(),r=e.clientY-n.top,i=n.height*.2;return r<i?`before`:r>n.height-i?`after`:`inner`}function Se(e,t,n){let{defaultSchema:r}=e,i=`f_${M()}`,a;a=n===`inner`?Z.Inner:n===`before`?Z.Before:Z.After,s.insertField(t.path,i,r,a),m(()=>{let e;if(n===`inner`)e=s.getNodeSchema(t.path)?.type===`array`?`${t.path}.items.properties.${i}`:`${t.path}.properties.${i}`;else{let n=t.path.split(`.`).slice(0,-1).join(`.`);e=n?`${n}.${i}`:i}s.selectNode(e),R()})}function Ce(e){let{defaultSchema:t}=e,n=`f_${M()}`;s.addField(n,t),s.selectNode(n),m(()=>{R()})}return m(()=>{R()}),(n,i)=>{let s=w(`ElIcon`),u=w(`ElInput`),f=w(`ElButton`),m=w(`ElEmpty`),b=w(`ElTree`),x=w(`ElDialog`);return y(),a(`div`,vt,[o(`div`,yt,[l(u,{modelValue:p.value,"onUpdate:modelValue":i[0]||=e=>p.value=e,placeholder:`搜索组件`,clearable:``,size:`small`,onInput:ae},{prefix:j(()=>[l(s,null,{default:j(()=>[l(O(he))]),_:1})]),_:1},8,[`modelValue`]),o(`div`,bt,[l(f,{size:`small`,text:``,onClick:R},{default:j(()=>[...i[3]||=[c(` 全部展开 `,-1)]]),_:1}),l(f,{size:`small`,text:``,onClick:oe},{default:j(()=>[...i[4]||=[c(` 全部折叠 `,-1)]]),_:1})])]),o(`div`,{class:`tree-content`,onDrop:be,onDragover:i[1]||=te(()=>{},[`prevent`]),onContextmenu:le},[l(b,{ref_key:`treeRef`,ref:d,style:{height:`100%`},data:L.value,props:re,"node-key":`path`,draggable:``,"allow-drop":ce,"allow-drag":B,"filter-node-method":ie,"default-expand-all":``,"highlight-current":``,onNodeClick:se,onNodeDrop:V,onNodeContextmenu:U},{default:j(({data:e})=>[o(`div`,{class:h([`tree-node`,{"is-container":e.isContainer}])},[o(`span`,xt,D(e.label),1),o(`span`,St,`(`+D(e.component)+`)`,1)],2)]),empty:j(()=>[l(m,{description:`暂无组件,请从左侧拖入`})]),_:1},8,[`data`])],32),(y(),r(t,{to:`body`},[ee(o(`div`,{class:`context-menu`,style:_(v.value)},[(y(!0),a(e,null,S(H.value,(t,n)=>(y(),a(e,{key:n},[t===`divider`?(y(),a(`div`,Ct)):(y(),a(`div`,{key:1,class:`menu-item`,onClick:e=>ue(t.type)},[l(s,null,{default:j(()=>[(y(),r(T(t.icon)))]),_:2},1024),o(`span`,null,D(t.label),1)],8,wt))],64))),128))],4),[[k,g.value]])])),l(x,{modelValue:E.value,"onUpdate:modelValue":i[2]||=e=>E.value=e,title:`选择组件`,width:`600px`,"close-on-click-modal":!1},{default:j(()=>[o(`div`,Tt,[(y(!0),a(e,null,S(ne.value,(t,n)=>(y(),a(`div`,{key:n,class:`picker-category-group`},[o(`div`,Et,D(n),1),o(`div`,Dt,[(y(!0),a(e,null,S(t,({key:e,component:t})=>(y(),a(`div`,{key:e,class:`picker-component-item`,onClick:n=>_e(e,t)},[o(`div`,kt,D(t.config?.icon?.slice(0,3)),1),o(`div`,At,D(t.config?.name||e),1)],8,Ot))),128))])]))),128))])]),_:1},8,[`modelValue`])])}}}),[[`__scopeId`,`data-v-5897890a`]]);const Mt={class:`left-panel`};var Nt=Q(u({__name:`index`,props:{components:{},draggable:{type:Boolean,default:!1}},setup(e){let t=e,n=x(`materials`);function i(){n.value!==`tree`&&(n.value=`tree`)}return b(ye,{switchToTreeTab:i}),(i,o)=>{let s=w(`ElTabPane`),c=w(`ElTabs`);return y(),a(`div`,Mt,[t.draggable?(y(),r(c,{key:0,modelValue:n.value,"onUpdate:modelValue":o[0]||=e=>n.value=e,class:`panel-tabs`},{default:j(()=>[l(s,{label:`组件库`,name:`materials`},{default:j(()=>[l(_t,{components:e.components},null,8,[`components`])]),_:1}),l(s,{label:`组件树`,name:`tree`},{default:j(()=>[l(jt)]),_:1})]),_:1},8,[`modelValue`])):(y(),r(jt,{key:1}))])}}}),[[`__scopeId`,`data-v-e47d1682`]]),Pt=u({name:`ArrayInner`,inheritAttrs:!1,__name:`arrayInner`,setup(e){return b(Y,H()),(e,t)=>C(e.$slots,`default`)}}),Ft=u({inheritAttrs:!1,__name:`arrayItemInner`,props:{index:{}},setup(e){return b(ve,e),(e,t)=>C(e.$slots,`default`)}});function It(e){return Array.isArray(e?.items)?It(e.items[0]):e?.items?.type===`array`||e?.items?.type===`object`}function Lt(e){let t=It(e),n=null;return n=t?new WeakMap:[],v(()=>{n=null}),{getKey:(e,t)=>n instanceof WeakMap?(n.has(e)||n.set(e,M()),`${n.get(e)}-${t}`):(n&&!n[t]&&(n[t]=M()),n?`${n[t]}-${t}`:void 0)}}function Rt(e){return _e(u({name:`SchemaWrapper`,props:{value:{type:[String,Number,Boolean,Array,Object],default:void 0},onChange:{type:Function,default:void 0}},setup(t,r){let{setterSchema:i}=e,a=H(),o=le(),s=f(Y,void 0),c=f(ve,void 0),{getKey:l}=Lt(o.value),u=n(()=>{let e=a.value,n={value:t.value,onChange:t.onChange};e&&!W(e)&&((e.pattern===`disabled`||e.pattern===`readPretty`)&&(n.disabled=!0),e.pattern===`readOnly`&&(n.readOnly=!0),e.disabled!==void 0&&(n.disabled=e.disabled),e.readOnly!==void 0&&(n.readOnly=e.readOnly));for(let[e,t]of Object.entries($.properties||{})){let r=t[`x-path`];r&&(n[e]=P(o.value,r))}for(let[e,t]of Object.entries(i.properties||{})){let r=t[`x-path`];r&&(n[e]=P(o.value,r))}let r=o.value?.type===`array`?a.value:s?.value;return r&&(n.onAdd=()=>r.push({}),n.onPush=()=>r.push({}),n.onUnshift=()=>r.unshift({}),n.onRemove=e=>r.remove(e),n.onMove=(e,t)=>r.move(e,t),n.onMoveUp=e=>{e>0&&r.move(e,e-1)},n.onMoveDown=e=>{e<r.value.length-1&&r.move(e,e+1)}),c?.index!==void 0&&(n.arrayIndex=c.index),n});return()=>{let t=a.value;if(!t||t.display!==`visible`)return d(`template`,{},{});let n=()=>{if(!t||W(t))return null;let e=t.errors||[];return e.length===0?null:d(`div`,{class:`formily-validation-errors`,style:{color:`#f56c6c`,fontSize:`12px`,marginTop:`4px`,lineHeight:`1.5`}},d(`div`,{class:`formily-validation-error-item`},e[0].messages))};if(o.value?.type===`array`){let r=t?.value||[],i=r.length>0?r.map((e,t)=>d(Ft,{index:t},{default:()=>d(ce,{key:l(e,t),schema:o.value.items,name:t})})):null;return d(`div`,{},[d(Pt,{},{default:()=>d(e.component,u.value,{default:()=>i})}),n()])}return d(`div`,{},[d(e.component,u.value,r.slots),n()])}}}))}var zt=u({__name:`index`,props:{schema:{},components:{}},setup(e,{expose:t}){let n=e,i=U(),{SchemaField:a}=V({components:Object.keys(n.components).reduce((e,t)=>(e[t]=Rt(n.components[t]),e),{})});return t({form:i}),(t,n)=>(y(),r(O(B),{form:O(i)},{default:j(()=>[l(O(a),{schema:e.schema},null,8,[`schema`])]),_:1},8,[`form`]))}});const Bt={key:0,class:`designer-layout`},Vt={class:`designer-material`},Ht={class:`designer-canvas`},Ut={class:`designer-config`},Wt={key:1,class:`designer-preview`};var Gt=Q(u({__name:`designer`,props:{components:{},mode:{default:`edit`},modelValue:{},draggable:{type:Boolean,default:!1},height:{default:`100vh`}},emits:[`update:modelValue`],setup(e,{expose:t,emit:r}){let i=e,s=r,c=Te(i.draggable);b(`designerComponents`,i.components);let u=x(null);A(()=>i.modelValue,e=>{e&&JSON.stringify(e)!==JSON.stringify(c.formSchema.value)&&(c.formSchema.value=e)},{immediate:!0,deep:!0}),A(()=>c.formSchema.value,e=>{s(`update:modelValue`,e)},{deep:!0});function d(){return u.value?.form?.values||{}}return t({getFormValues:d,schema:n(()=>c.formSchema.value),store:c}),(t,n)=>(y(),a(`div`,{class:`designer`,style:_({height:i.height})},[i.mode===`edit`?(y(),a(`div`,Bt,[o(`div`,Vt,[l(Nt,{components:e.components,draggable:e.draggable},null,8,[`components`,`draggable`])]),o(`div`,Ht,[l(He,{components:e.components},null,8,[`components`])]),o(`div`,Ut,[l(ct,{components:e.components},null,8,[`components`])])])):(y(),a(`div`,Wt,[l(zt,{ref_key:`renderRef`,ref:u,schema:O(c).formSchema.value,components:e.components},null,8,[`schema`,`components`])]))],4))}}),[[`__scopeId`,`data-v-aaa05eea`]]);const Kt=He,qt=ct,Jt=_t,Yt=Gt;export{Kt as Canvas,qt as ConfigPanel,K as DesignStoreKey,Yt as Designer,Jt as MaterialPanel,Ee as schemaToSetterValues,De as setterValuesToSchema,Te as useCreateDesignStore,q as useDesignStore};
|
|
1
|
+
import*as e from"vue";import{Comment as t,Fragment as n,Teleport as r,Text as i,Transition as a,cloneVNode as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createTextVNode as f,createVNode as p,defineComponent as m,getCurrentInstance as h,h as g,inject as _,isRef as v,isVNode as y,mergeProps as b,nextTick as x,normalizeClass as S,normalizeProps as C,normalizeStyle as w,onActivated as T,onBeforeMount as E,onBeforeUnmount as D,onDeactivated as O,onMounted as k,onUnmounted as ee,onUpdated as A,openBlock as j,provide as M,reactive as N,readonly as te,ref as P,renderList as F,renderSlot as I,resolveComponent as L,resolveDirective as ne,resolveDynamicComponent as re,shallowRef as ie,toDisplayString as R,toHandlerKey as ae,toRaw as oe,toRef as z,toRefs as se,unref as B,vModelText as ce,vShow as V,warn as le,watch as H,watchEffect as ue,withCtx as U,withDirectives as de,withModifiers as fe}from"vue";import{uid as pe}from"@formily/shared";import{deleteByPath as me,getByPath as W,getFieldNameFromPath as he,setByPath as ge}from"@formily-djd/utils";import{ArrayItems as _e,Checkbox as ve,FormItem as ye,Input as be,InputNumber as xe,PreviewText as Se,Radio as Ce,Space as we,Switch as Te}from"@formily/element-plus";import{FormProvider as Ee,RecursionField as De,connect as Oe,createSchemaField as ke,mapProps as Ae,mapReadPretty as je,useField as Me,useFieldSchema as Ne}from"@formily/vue";import{ArrowDown as Pe,Bottom as Fe,CircleCheck as Ie,CircleClose as Le,CirclePlus as Re,Close as ze,CopyDocument as Be,Delete as Ve,FolderAdd as He,Loading as Ue,Search as We,Top as Ge}from"@element-plus/icons-vue";import{createForm as Ke,isVoidField as qe,onFormValuesChange as Je}from"@formily/core";import{observer as Ye}from"@formily/reactive-vue";var Xe=Object.create,Ze=Object.defineProperty,Qe=Object.getOwnPropertyDescriptor,$e=Object.getOwnPropertyNames,et=Object.getPrototypeOf,tt=Object.prototype.hasOwnProperty,nt=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),rt=e=>{let t={};for(var n in e)Ze(t,n,{get:e[n],enumerable:!0});return t},it=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=$e(t),a=0,o=i.length,s;a<o;a++)s=i[a],!tt.call(e,s)&&s!==n&&Ze(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=Qe(t,s))||r.enumerable});return e},at=(e,t,n)=>(it(e,t,`default`),n&&it(n,t,`default`)),G=(e,t,n)=>(n=e==null?{}:Xe(et(e)),it(t||!e||!e.__esModule?Ze(n,`default`,{value:e,enumerable:!0}):n,e));const ot=Symbol(`DesignStore`);function st(){let e=_(ot);if(!e)throw Error(`[useDesignStore] 必须在 Designer 组件内使用`);return e}const ct=Symbol(`ComponentSettings`),lt=Symbol(`ArrayField`),ut=Symbol(`ArrayItemKey`),dt=Symbol(`LeftPanel`);function ft(e,t=`.canvas-content`){let n=P(null);function r(){if(!e.value){n.value=null;return}let r=document.querySelector(`[data-node-id="${e.value}"]`);if(!r){n.value=null;return}let i=document.querySelector(t);if(!i){n.value=null;return}let a=r.getBoundingClientRect(),o=i.getBoundingClientRect();n.value={x:a.x-o.x,y:a.y-o.y,width:a.width,height:a.height}}return H(e,()=>{r()},{immediate:!0}),s(()=>n.value)}function pt(e,t,n=!0){let r=e=>{if(!n)return 0;let t=e*.1;return t>20?20:t<10?10:t},i=r(t.width),a=r(t.height);return e.x>=t.x+i&&e.x<=t.x+t.width-i&&e.y>=t.y+a&&e.y<=t.y+t.height-a}function mt(e,t){let n=Math.min(Math.abs(e.x-t.x),Math.abs(e.x-(t.x+t.width))),r=Math.min(Math.abs(e.y-t.y),Math.abs(e.y-(t.y+t.height)));return e.x>=t.x&&e.x<=t.x+t.width&&(n=0),e.y>=t.y&&e.y<=t.y+t.height&&(r=0),Math.sqrt(n**2+r**2)}function ht(e,t,n){return n?e.x>=t.x+t.width/2:e.y>=t.y+t.height/2}function gt(e){return e.width>e.height}let K=function(e){return e.Before=`BEFORE`,e.After=`AFTER`,e.Upper=`UPPER`,e.Under=`UNDER`,e.Inner=`INNER`,e.InnerBefore=`INNER_BEFORE`,e.InnerAfter=`INNER_AFTER`,e.ForbidBefore=`FORBID_BEFORE`,e.ForbidAfter=`FORBID_AFTER`,e.ForbidUpper=`FORBID_UPPER`,e.ForbidUnder=`FORBID_UNDER`,e.ForbidInner=`FORBID_INNER`,e.ForbidInnerBefore=`FORBID_INNER_BEFORE`,e.ForbidInnerAfter=`FORBID_INNER_AFTER`,e.Forbid=`FORBID`,e}({});var _t=class{sensitive;forceBlock;dragNodes=P([]);touchNode=P(null);closestNode=P(null);closestPosition=P(K.Before);closestRect=P(null);getNodeRect;getNodeSchema;getCanvasRect;findChildNodes;constructor(e,t){this.sensitive=t?.sensitive??!0,this.forceBlock=t?.forceBlock??!1,this.getNodeRect=e.getNodeRect,this.getNodeSchema=e.getNodeSchema,this.getCanvasRect=e.getCanvasRect,this.findChildNodes=e.findChildNodes}setDragNodes(e){this.dragNodes.value=e}calculate(e){let{point:t,touchNode:n,closestNode:r,closestPosition:i}=e;if(r!==void 0&&i!==void 0){this.closestNode.value=r,this.closestPosition.value=i,r&&(this.closestRect.value=this.getNodeRect(r));return}if(!t)return;n!==void 0&&(this.touchNode.value=n);let a=this.getClosestNode(t);if(this.closestNode.value=a,!a){this.closestPosition.value=K.Before,this.closestRect.value=null;return}this.closestPosition.value=this.getClosestPosition(t,a),this.closestRect.value=this.getNodeRect(a)}getClosestNode(e){let t=this.touchNode.value;if(!t)return null;let n=this.getNodeRect(t);if(!n)return null;let r=this.findChildNodes(t);if(r.length===0)return t;let i=pt(e,n,this.sensitive)?0:mt(e,n),a=t;for(let t of r){let n=this.getNodeRect(t);if(!n)continue;let r=pt(e,n,this.sensitive)?0:mt(e,n);r<=i&&(i=r,a=t)}return a}getClosestPosition(e,t){console.log(`[Dragon] getClosestPosition`,t);let n=this.getNodeRect(t),r=this.getNodeSchema(t);if(!n||!r)return K.Forbid;let i=this.getLayout(n)===`horizontal`,a=pt(e,n,this.sensitive),o=this.isContainer(r),s=this.canInsertSibling(t),c=ht(e,n,i);return a?o&&this.canDropInside(t)?this.findChildNodes(t).length===0?K.Inner:c?K.InnerAfter:K.InnerBefore:s?i?c?K.After:K.Before:c?K.Under:K.Upper:K.Forbid:s?i?c?K.ForbidAfter:K.ForbidBefore:c?K.ForbidUnder:K.ForbidUpper:K.Forbid}getLayout(e){return this.forceBlock?`vertical`:gt(e)?`horizontal`:`vertical`}isContainer(e){return!e||e[`x-droppable`]===!1?!1:e.type===`object`||e.type===`void`||e.type===`array`}canInsertSibling(e){return!(e===``||e==null)}canDropInside(e){if(this.getNodeSchema(e)?.[`x-droppable`]===!1)return!1;let t=this.dragNodes.value;if(t.length===0)return!0;for(let n of t)if(n.nodePath===e||e.startsWith(`${n.nodePath}.`))return!1;return!0}clear(){this.dragNodes.value=[],this.touchNode.value=null,this.closestNode.value=null,this.closestPosition.value=K.Before,this.closestRect.value=null}};function vt(e=!1){let t=P({type:`object`,properties:{}}),n=P(null),r=P(null),i=P(null),a=P(!1),o=P([]),s=P(null),c=P(null),l=P(K.Before);function u(e){let t=document.querySelector(`[data-node-id="${e}"]`);if(!t)return null;let n=document.querySelector(`.canvas-content`);if(!n)return null;let r=t.getBoundingClientRect(),i=n.getBoundingClientRect();return{x:r.x-i.x,y:r.y-i.y,width:r.width,height:r.height}}function d(){let e=document.querySelector(`.canvas-content`);if(!e)return{x:0,y:0,width:0,height:0};let t=e.getBoundingClientRect();return{x:t.x,y:t.y,width:t.width,height:t.height}}let f=new _t({getNodeRect:u,getNodeSchema:e=>W(t.value.properties,e),getCanvasRect:d,findChildNodes:e=>{let n=W(t.value.properties,e);if(!n)return[];let r=[];return n.properties&&Object.keys(n.properties).forEach(t=>{r.push(`${e}.properties.${t}`)}),n.items?.properties&&Object.keys(n.items.properties).forEach(t=>{r.push(`${e}.items.properties.${t}`)}),r}},{sensitive:!0,forceBlock:!1});function p(e,n){t.value.properties||(t.value.properties={}),t.value.properties[e]=n}function m(e,n){ge(t.value.properties,e,n)}function h(e){n.value=e}function g(){return n.value&&W(t.value.properties,n.value)||null}function _(e){r.value=e,n.value=e}function v(e){i.value=e}function y(e){a.value=!0,o.value=e,f.setDragNodes(e)}function b(e,t){if(!a.value)return;t!==void 0&&(s.value=t);let n=d(),r={x:e.x-n.x,y:e.y-n.y};f.calculate({point:r,touchNode:s.value||void 0}),c.value=f.closestNode.value,l.value=f.closestPosition.value}function x(){if(console.log(`[DesignStore] drop`),!a.value)return;let e=c.value,t=l.value;if(!e){S();return}if(t.includes(`FORBID`)){S();return}let n=o.value;if(n.length===0){S();return}n.length===1&&C(n[0].nodePath,e,t),S()}function S(){a.value=!1,o.value=[],s.value=null,c.value=null,l.value=K.Before,f.clear()}function C(e,n,r){let i=me(t.value.properties,e);if(!i)return;let a=he(e);if(r===K.Inner||r===K.InnerAfter||r===K.InnerBefore){let e=W(t.value.properties,n);if(!e)return;let o,s;if(e.type===`array`?(e.items||={type:`object`,properties:{}},e.items.properties||(e.items.properties={}),o=e.items.properties,s=`${n}.items.properties`):(e.properties||={},o=e.properties,s=`${n}.properties`),r===K.InnerBefore){let e={[a]:i,...o};ge(t.value.properties,s,e)}else ge(t.value.properties,`${s}.${a}`,i)}else{let e=r===K.Before||r===K.Upper?`before`:`after`,o=n.split(`.`),s=o[o.length-1],c,l=o.includes(`items`);if(o.length===1)c=``;else if(l){let e=o.lastIndexOf(`items`);c=`${o.slice(0,e).join(`.`)}.items.properties`}else{let e=o.lastIndexOf(`properties`);c=o.slice(0,e+1).join(`.`)}let u=c?W(t.value.properties,c):t.value.properties;if(!u){console.warn(`父节点的 properties 不存在:`,c);return}let d=Object.entries(u),f=d.findIndex(([e])=>e===s);if(f===-1){console.warn(`目标字段不存在:`,s);return}let p=e===`after`?f+1:f,m=[...d.slice(0,p),[a,i],...d.slice(p)],h={};m.forEach(([e,t])=>{h[e]=t}),c?ge(t.value.properties,c,h):t.value.properties=h}}function w(e,n,r,i){if(!e){t.value.properties||(t.value.properties={}),t.value.properties[n]=r;return}if(i===K.Inner||i===K.InnerAfter||i===K.InnerBefore){let a=W(t.value.properties,e);if(!a)return;let o,s;if(a.type===`array`?(a.items||={type:`object`,properties:{}},a.items.properties||(a.items.properties={}),o=a.items.properties,s=`${e}.items.properties`):(a.properties||={},o=a.properties,s=`${e}.properties`),i===K.InnerBefore){let e={[n]:r,...o};ge(t.value.properties,s,e)}else ge(t.value.properties,`${s}.${n}`,r)}else{let a=i===K.Before||i===K.Upper?`before`:`after`,o=e.split(`.`),s=o[o.length-1],c,l=o.includes(`items`);if(o.length===1)c=``;else if(l){let e=o.lastIndexOf(`items`);c=`${o.slice(0,e).join(`.`)}.items.properties`}else{let e=o.lastIndexOf(`properties`);c=o.slice(0,e+1).join(`.`)}let u=c?W(t.value.properties,c):t.value.properties;if(!u){console.warn(`父节点的 properties 不存在:`,c);return}let d=Object.entries(u),f=d.findIndex(([e])=>e===s);if(f===-1){console.warn(`目标字段不存在:`,s);return}let p=a===`after`?f+1:f,m=[...d.slice(0,p),[n,r],...d.slice(p)],h={};m.forEach(([e,t])=>{h[e]=t}),c?ge(t.value.properties,c,h):t.value.properties=h}}function T(e){return W(t.value.properties,e)}function E(e){let n=W(t.value.properties,e);if(!n)return[];let r=[];return n.properties&&Object.keys(n.properties).forEach(t=>{let n=e?`${e}.properties.${t}`:t;r.push(n)}),n.items?.properties&&Object.keys(n.items.properties).forEach(t=>{let n=`${e}.items.properties.${t}`;r.push(n)}),r}let D={formSchema:t,selectedFieldName:n,selectedNodeId:r,hoveredNodeId:i,draggable:e,dragon:f,isDragging:a,dragNodes:o,touchNode:s,closestNode:c,closestPosition:l,addField:p,updateFieldSchema:m,selectField:h,selectNode:_,getSelectedField:g,setHover:v,startDrag:y,updateDragPosition:b,drop:x,cancelDrag:S,moveField:C,insertField:w,getNodeSchema:T,findChildNodes:E};return M(ot,D),D}function yt(e,t){let n={};return Object.entries(t.properties||{}).forEach(([t,r])=>{let i=r[`x-path`];if(i){let r=W(e,i);r!==void 0&&(n[t]=r)}}),n}function bt(e,t,n){let r=JSON.parse(JSON.stringify(n));return Object.entries(t.properties||{}).forEach(([t,n])=>{let i=n[`x-path`];i&&e[t]!==void 0&&ge(r,i,e[t])}),r}var xt=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},St=xt(m({__name:`HoverBox`,setup(e){let t=st(),n=ft(t.hoveredNodeId),r=s(()=>!t.hoveredNodeId.value||!t.selectedNodeId.value?!1:t.hoveredNodeId.value===t.selectedNodeId.value),i=s(()=>{let e={position:`absolute`,top:0,left:0,boxSizing:`border-box`,pointerEvents:`none`,zIndex:2,visibility:`hidden`};return n.value&&!r.value&&(e.transform=`perspective(1px) translate3d(${n.value.x}px, ${n.value.y}px, 0)`,e.width=`${n.value.width}px`,e.height=`${n.value.height}px`,e.visibility=`visible`),e}),a=s(()=>n.value&&!r.value);return(e,t)=>a.value?(j(),u(`div`,{key:0,class:`hover-box`,style:w(i.value)},null,4)):l(``,!0)}}),[[`__scopeId`,`data-v-2759debe`]]),Ct=xt(m({__name:`Insertion`,setup(e){let t=st(),n=s(()=>{if(!t.isDragging.value||!t.closestNode.value)return{display:`none`};let e=t.closestPosition.value,n=t.dragon.closestRect.value;if(!n)return{display:`none`};let r=e.toString().includes(`FORBID`),i={position:`absolute`,backgroundColor:r?`#ef4444`:`#3b82f6`,pointerEvents:`none`,zIndex:10,transition:`all 0.15s cubic-bezier(0.4, 0, 0.2, 1)`,boxShadow:r?`0 0 8px rgba(239, 68, 68, 0.5)`:`0 0 8px rgba(59, 130, 246, 0.5)`};switch(e){case K.Before:case K.ForbidBefore:Object.assign(i,{width:`2px`,height:`${n.height}px`,transform:`perspective(1px) translate3d(${n.x}px, ${n.y}px, 0)`});break;case K.After:case K.ForbidAfter:Object.assign(i,{width:`2px`,height:`${n.height}px`,transform:`perspective(1px) translate3d(${n.x+n.width-2}px, ${n.y}px, 0)`});break;case K.Upper:case K.ForbidUpper:Object.assign(i,{width:`${n.width}px`,height:`2px`,transform:`perspective(1px) translate3d(${n.x}px, ${n.y}px, 0)`});break;case K.Under:case K.ForbidUnder:Object.assign(i,{width:`${n.width}px`,height:`2px`,transform:`perspective(1px) translate3d(${n.x}px, ${n.y+n.height-2}px, 0)`});break;case K.Inner:case K.InnerBefore:case K.InnerAfter:case K.ForbidInner:case K.ForbidInnerBefore:case K.ForbidInnerAfter:Object.assign(i,{width:`${n.width}px`,height:`${n.height}px`,transform:`perspective(1px) translate3d(${n.x}px, ${n.y}px, 0)`,backgroundColor:`transparent`,border:r?`2px dashed #ef4444`:`2px dashed #3b82f6`});break;case K.Forbid:return{display:`none`};default:return{display:`none`}}return i});return(e,r)=>B(t).draggable?(j(),u(`div`,{key:0,class:`insertion-indicator`,style:w(n.value)},null,4)):l(``,!0)}}),[[`__scopeId`,`data-v-9dbef644`]]),wt=xt(m({__name:`SelectionBox`,setup(e){let t=ft(st().selectedNodeId),n=s(()=>{let e={position:`absolute`,top:0,left:0,boxSizing:`border-box`,pointerEvents:`none`,zIndex:4,visibility:`hidden`};return t.value&&(e.transform=`perspective(1px) translate3d(${t.value.x-2}px, ${t.value.y-2}px, 0)`,e.width=`${t.value.width+4}px`,e.height=`${t.value.height+4}px`,e.visibility=`visible`),e}),r=s(()=>t.value!==null);return(e,t)=>r.value?(j(),u(`div`,{key:0,class:`selection-box`,style:w(n.value)},[...t[0]||=[d(`div`,{class:`selection-box-inner`},null,-1)]],4)):l(``,!0)}}),[[`__scopeId`,`data-v-c58abee5`]]);const Tt={class:`aux-tool-widget`};var Et=xt(m({__name:`AuxToolWidget`,setup(e){return(e,t)=>(j(),u(`div`,Tt,[p(St),p(wt),p(Ct)]))}}),[[`__scopeId`,`data-v-d048dbcd`]]);function Dt(e,t){let n={...e?.[`x-component-props`]||{}};return t.basicSetter&&Object.entries(t.basicSetter).forEach(([t,r])=>{let i=r[`x-path`];if(i){let r=W(e,i);r!==void 0&&(n[t]=r)}}),t.componentSetter?.properties&&Object.entries(t.componentSetter.properties).forEach(([t,r])=>{let i=r[`x-path`];if(i){let r=W(e,i);r!==void 0&&(n[t]=r)}}),n}function Ot(e){if(e?.[`x-droppable`]===!1)return!1;let t=e.type;return(t===`object`||t===`void`||t===`array`)&&!!e.properties}function kt(e){return e.type===`array`&&!!e.items}const At=[`data-node-id`,`draggable`],jt={key:0,class:`empty-container-placeholder`},Mt={key:0,class:`empty-container-placeholder`};var Nt=xt(m({name:`CanvasField`,__name:`index`,props:{schema:{},fieldName:{},nodePath:{}},setup(e){let t=e,r=_(ct)??{},i=st(),a=s(()=>t.schema?.[`x-component`]),o=s(()=>t.nodePath?t.fieldName?t.nodePath?`${t.nodePath}.${t.fieldName}`:t.fieldName:t.nodePath:t.fieldName||``),f=s(()=>i.selectedNodeId.value===o.value),p=s(()=>!i.draggable||!t.fieldName?!1:f.value);function m(){return t.schema?.type===`array`?o.value?`${o.value}.items`:``:o.value?`${o.value}.properties`:``}let h=s(()=>{let e=t.schema;if(!e||e[`x-droppable`]===!1)return!1;let n=e.type===`object`||e.type===`void`,r=!e.properties||Object.keys(e.properties).length===0;return n&&r});function g(e){if(!p.value||!e.dataTransfer)return;let n={type:`move-component`,nodePath:o.value,fieldName:t.fieldName,schema:t.schema};e.dataTransfer.effectAllowed=`move`,e.dataTransfer.setData(`application/json`,JSON.stringify(n)),i.startDrag([{nodePath:o.value,fieldName:t.fieldName||``,schema:t.schema}])}function v(){i.cancelDrag()}return(e,i)=>{let s=L(`CanvasField`);return t.schema?(j(),u(`div`,{key:0,"data-node-id":o.value,class:S({"is-draggable":p.value,"is-selected":f.value}),draggable:p.value,onDragstart:g,onDragend:v},[a.value&&B(r)[a.value]?(j(),c(re(B(r)[a.value].component),C(b({key:0},B(Dt)(t.schema,B(r)[a.value].setterSchema))),{default:U(()=>[h.value?(j(),u(`div`,jt,[...i[0]||=[d(`svg`,{class:`placeholder-icon`,width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},[d(`rect`,{x:`3`,y:`3`,width:`18`,height:`18`,rx:`2`,stroke:`currentColor`,"stroke-width":`2`}),d(`path`,{d:`M12 8v8M8 12h8`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`})],-1),d(`span`,{class:`placeholder-text`},`添加组件到这里`,-1)]])):l(``,!0),B(kt)(t.schema)?(j(),c(s,{key:1,schema:t.schema.items,"node-path":`${m()}`},null,8,[`schema`,`node-path`])):l(``,!0),B(Ot)(t.schema)?(j(!0),u(n,{key:2},F(Object.keys(t.schema?.properties||{}),e=>(j(),c(s,{key:e,schema:t.schema?.properties?.[e],"field-name":e,"node-path":m()},null,8,[`schema`,`field-name`,`node-path`]))),128)):l(``,!0)]),_:1},16)):(j(),u(n,{key:1},[h.value?(j(),u(`div`,Mt,[...i[1]||=[d(`svg`,{class:`placeholder-icon`,width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},[d(`rect`,{x:`3`,y:`3`,width:`18`,height:`18`,rx:`2`,stroke:`currentColor`,"stroke-width":`2`}),d(`path`,{d:`M12 8v8M8 12h8`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`})],-1),d(`span`,{class:`placeholder-text`},`添加组件到这里`,-1)]])):l(``,!0),(j(!0),u(n,null,F(Object.keys(t.schema?.properties||{}),e=>(j(),c(s,{key:e,schema:t.schema?.properties?.[e],"field-name":e,"node-path":m()},null,8,[`schema`,`field-name`,`node-path`]))),128))],64))],42,At)):l(``,!0)}}}),[[`__scopeId`,`data-v-18008a74`]]);const Pt={class:`canvas djd-design`};var Ft=xt(m({__name:`canvas`,props:{components:{}},setup(e){M(ct,e.components);let t=st(),n=P(!1),r=s(()=>{let e=t.formSchema.value?.properties;return!e||Object.keys(e).length===0});function i(e){let n=e.target.closest(`[data-node-id]`);if(n){let e=n.getAttribute(`data-node-id`);e&&(console.log(e),t.selectNode(e))}else t.selectNode(null)}function a(e){let n=e.target.closest(`[data-node-id]`)?.getAttribute(`data-node-id`);if(t.setHover(n||null),t.isDragging.value){let r={x:e.clientX,y:e.clientY};t.updateDragPosition(r,n||void 0)}}function o(){t.setHover(null)}function f(e){if(!t.draggable||(e.preventDefault(),e.stopPropagation(),!e.dataTransfer))return;let r=t.dragNodes.value.length>0;e.dataTransfer.dropEffect=r?`move`:`copy`,n.value=!0,t.isDragging.value||t.startDrag([]);let i=e.target.closest(`[data-node-id]`)?.getAttribute(`data-node-id`),a={x:e.clientX,y:e.clientY};t.updateDragPosition(a,i||void 0)}function m(e){e.target.classList.contains(`canvas-content`)&&(n.value=!1)}function h(e){if(t.draggable&&(console.log(`[Canvas] handleDrop`),e.preventDefault(),e.stopPropagation(),n.value=!1,e.dataTransfer))try{let t=e.dataTransfer.getData(`application/json`);if(!t)return;let n=JSON.parse(t);console.log(`dragData`,n),n.type===`new-component`?g(n):n.type===`move-component`&&_()}catch(e){console.error(`解析拖拽数据失败:`,e)}}function g(e){let{componentKey:n,defaultSchema:r}=e;if(!r){console.warn(`组件缺少 defaultSchema:`,n);return}let i=`f_${pe()}`,a=t.closestNode.value,o=t.closestPosition.value;a?t.insertField(a,i,r,o):t.addField(i,r),t.selectNode(i),t.cancelDrag()}function _(){t.drop()}return(e,s)=>(j(),u(`div`,Pt,[d(`div`,{class:S([`canvas-content`,{"drag-over":n.value,empty:r.value}]),onClick:i,onMousemove:a,onMouseleave:o,onDragover:f,onDragleave:m,onDrop:h},[B(t).formSchema.value?(j(),c(Nt,{key:0,schema:B(t).formSchema.value},null,8,[`schema`])):l(``,!0),p(Et)],34)]))}}),[[`__scopeId`,`data-v-b174a160`]]);const It=(e,t,n,r,i)=>{let a=`${e}-${t}`;return n&&(a+=`-${n}`),r&&(a+=`__${r}`),i&&(a+=`--${i}`),a},Lt=Symbol(`namespaceContextKey`),Rt=e=>{let t=e||(h()?_(Lt,P(`el`)):P(`el`));return s(()=>B(t)||`el`)},zt=(e,t)=>{let n=Rt(t);return{namespace:n,b:(t=``)=>It(n.value,e,t,``,``),e:t=>t?It(n.value,e,``,t,``):``,m:t=>t?It(n.value,e,``,``,t):``,be:(t,r)=>t&&r?It(n.value,e,t,r,``):``,em:(t,r)=>t&&r?It(n.value,e,``,t,r):``,bm:(t,r)=>t&&r?It(n.value,e,t,``,r):``,bem:(t,r,i)=>t&&r&&i?It(n.value,e,t,r,i):``,is:(e,...t)=>{let n=t.length>=1?t[0]:!0;return e&&n?`is-${e}`:``},cssVar:e=>{let t={};for(let r in e)e[r]&&(t[`--${n.value}-${r}`]=e[r]);return t},cssVarName:e=>`--${n.value}-${e}`,cssVarBlock:t=>{let r={};for(let i in t)t[i]&&(r[`--${n.value}-${e}-${i}`]=t[i]);return r},cssVarBlockName:t=>`--${n.value}-${e}-${t}`}};var Bt=nt((e=>{Object.defineProperty(e,`__esModule`,{value:!0});let t=()=>{},n=Object.prototype.hasOwnProperty,r=(e,t)=>n.call(e,t),i=Array.isArray,a=e=>typeof e==`function`,o=e=>typeof e==`string`,s=e=>typeof e==`object`&&!!e,c=Object.prototype.toString,l=e=>c.call(e);e.NOOP=t,e.hasOwn=r,e.isArray=i,e.isFunction=a,e.isObject=s,e.isPlainObject=e=>l(e)===`[object Object]`,e.isString=o})),Vt=nt((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),Object.freeze({}),Object.freeze([]),Array.isArray})),q=nt(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=Bt():t.exports=Vt()})),Ht=typeof global==`object`&&global&&global.Object===Object&&global,Ut=typeof self==`object`&&self&&self.Object===Object&&self,Wt=Ht||Ut||Function(`return this`)(),Gt=Wt.Symbol,Kt=Object.prototype,qt=Kt.hasOwnProperty,Jt=Kt.toString,Yt=Gt?Gt.toStringTag:void 0;function Xt(e){var t=qt.call(e,Yt),n=e[Yt];try{e[Yt]=void 0;var r=!0}catch{}var i=Jt.call(e);return r&&(t?e[Yt]=n:delete e[Yt]),i}var Zt=Xt,Qt=Object.prototype.toString;function $t(e){return Qt.call(e)}var en=$t,tn=`[object Null]`,nn=`[object Undefined]`,rn=Gt?Gt.toStringTag:void 0;function an(e){return e==null?e===void 0?nn:tn:rn&&rn in Object(e)?Zt(e):en(e)}var on=an;function sn(e){return typeof e==`object`&&!!e}var cn=sn,ln=`[object Symbol]`;function un(e){return typeof e==`symbol`||cn(e)&&on(e)==ln}var dn=un;function fn(e,t){for(var n=-1,r=e==null?0:e.length,i=Array(r);++n<r;)i[n]=t(e[n],n,e);return i}var pn=fn,mn=Array.isArray,hn=1/0,gn=Gt?Gt.prototype:void 0,_n=gn?gn.toString:void 0;function vn(e){if(typeof e==`string`)return e;if(mn(e))return pn(e,vn)+``;if(dn(e))return _n?_n.call(e):``;var t=e+``;return t==`0`&&1/e==-hn?`-0`:t}var yn=vn,bn=/\s/;function xn(e){for(var t=e.length;t--&&bn.test(e.charAt(t)););return t}var Sn=xn,Cn=/^\s+/;function wn(e){return e&&e.slice(0,Sn(e)+1).replace(Cn,``)}var Tn=wn;function En(e){var t=typeof e;return e!=null&&(t==`object`||t==`function`)}var Dn=En,On=NaN,kn=/^[-+]0x[0-9a-f]+$/i,An=/^0b[01]+$/i,jn=/^0o[0-7]+$/i,Mn=parseInt;function Nn(e){if(typeof e==`number`)return e;if(dn(e))return On;if(Dn(e)){var t=typeof e.valueOf==`function`?e.valueOf():e;e=Dn(t)?t+``:t}if(typeof e!=`string`)return e===0?e:+e;e=Tn(e);var n=An.test(e);return n||jn.test(e)?Mn(e.slice(2),n?2:8):kn.test(e)?On:+e}var Pn=Nn,Fn=1/0,In=17976931348623157e292;function Ln(e){return e?(e=Pn(e),e===Fn||e===-Fn?(e<0?-1:1)*In:e===e?e:0):e===0?e:0}var Rn=Ln;function zn(e){var t=Rn(e),n=t%1;return t===t?n?t-n:t:0}var Bn=zn;function Vn(e){return e}var Hn=Vn,Un=`[object AsyncFunction]`,Wn=`[object Function]`,Gn=`[object GeneratorFunction]`,Kn=`[object Proxy]`;function qn(e){if(!Dn(e))return!1;var t=on(e);return t==Wn||t==Gn||t==Un||t==Kn}var Jn=qn,Yn=Wt[`__core-js_shared__`],Xn=function(){var e=/[^.]+$/.exec(Yn&&Yn.keys&&Yn.keys.IE_PROTO||``);return e?`Symbol(src)_1.`+e:``}();function Zn(e){return!!Xn&&Xn in e}var Qn=Zn,$n=Function.prototype.toString;function er(e){if(e!=null){try{return $n.call(e)}catch{}try{return e+``}catch{}}return``}var tr=er,nr=/[\\^$.*+?()[\]{}|]/g,rr=/^\[object .+?Constructor\]$/,ir=Function.prototype,ar=Object.prototype,or=ir.toString,sr=ar.hasOwnProperty,cr=RegExp(`^`+or.call(sr).replace(nr,`\\$&`).replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,`$1.*?`)+`$`);function lr(e){return!Dn(e)||Qn(e)?!1:(Jn(e)?cr:rr).test(tr(e))}var ur=lr;function dr(e,t){return e?.[t]}var fr=dr;function pr(e,t){var n=fr(e,t);return ur(n)?n:void 0}var mr=pr,hr=mr(Wt,`WeakMap`);function gr(e,t,n){switch(n.length){case 0:return e.call(t);case 1:return e.call(t,n[0]);case 2:return e.call(t,n[0],n[1]);case 3:return e.call(t,n[0],n[1],n[2])}return e.apply(t,n)}var _r=gr,vr=800,yr=16,br=Date.now;function xr(e){var t=0,n=0;return function(){var r=br(),i=yr-(r-n);if(n=r,i>0){if(++t>=vr)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}var Sr=xr;function Cr(e){return function(){return e}}var wr=Cr,Tr=function(){try{var e=mr(Object,`defineProperty`);return e({},``,{}),e}catch{}}(),Er=Sr(Tr?function(e,t){return Tr(e,`toString`,{configurable:!0,enumerable:!1,value:wr(t),writable:!0})}:Hn);function Dr(e,t,n,r){for(var i=e.length,a=n+(r?1:-1);r?a--:++a<i;)if(t(e[a],a,e))return a;return-1}var Or=Dr,kr=9007199254740991,Ar=/^(?:0|[1-9]\d*)$/;function jr(e,t){var n=typeof e;return t??=kr,!!t&&(n==`number`||n!=`symbol`&&Ar.test(e))&&e>-1&&e%1==0&&e<t}var Mr=jr;function Nr(e,t,n){t==`__proto__`&&Tr?Tr(e,t,{configurable:!0,enumerable:!0,value:n,writable:!0}):e[t]=n}var Pr=Nr;function Fr(e,t){return e===t||e!==e&&t!==t}var Ir=Fr,Lr=Object.prototype.hasOwnProperty;function Rr(e,t,n){var r=e[t];(!(Lr.call(e,t)&&Ir(r,n))||n===void 0&&!(t in e))&&Pr(e,t,n)}var zr=Rr,Br=Math.max;function Vr(e,t,n){return t=Br(t===void 0?e.length-1:t,0),function(){for(var r=arguments,i=-1,a=Br(r.length-t,0),o=Array(a);++i<a;)o[i]=r[t+i];i=-1;for(var s=Array(t+1);++i<t;)s[i]=r[i];return s[t]=n(o),_r(e,this,s)}}var Hr=Vr,Ur=9007199254740991;function Wr(e){return typeof e==`number`&&e>-1&&e%1==0&&e<=Ur}var Gr=Wr;function Kr(e){return e!=null&&Gr(e.length)&&!Jn(e)}var qr=Kr,Jr=Object.prototype;function Yr(e){var t=e&&e.constructor;return e===(typeof t==`function`&&t.prototype||Jr)}var Xr=Yr;function Zr(e,t){for(var n=-1,r=Array(e);++n<e;)r[n]=t(n);return r}var Qr=Zr,$r=`[object Arguments]`;function ei(e){return cn(e)&&on(e)==$r}var ti=ei,ni=Object.prototype,ri=ni.hasOwnProperty,ii=ni.propertyIsEnumerable,ai=ti(function(){return arguments}())?ti:function(e){return cn(e)&&ri.call(e,`callee`)&&!ii.call(e,`callee`)};function oi(){return!1}var si=oi,ci=typeof exports==`object`&&exports&&!exports.nodeType&&exports,li=ci&&typeof module==`object`&&module&&!module.nodeType&&module,ui=li&&li.exports===ci?Wt.Buffer:void 0,di=(ui?ui.isBuffer:void 0)||si,fi=`[object Arguments]`,pi=`[object Array]`,mi=`[object Boolean]`,hi=`[object Date]`,gi=`[object Error]`,_i=`[object Function]`,vi=`[object Map]`,yi=`[object Number]`,bi=`[object Object]`,xi=`[object RegExp]`,Si=`[object Set]`,Ci=`[object String]`,wi=`[object WeakMap]`,Ti=`[object ArrayBuffer]`,Ei=`[object DataView]`,Di=`[object Float32Array]`,Oi=`[object Float64Array]`,ki=`[object Int8Array]`,Ai=`[object Int16Array]`,ji=`[object Int32Array]`,Mi=`[object Uint8Array]`,Ni=`[object Uint8ClampedArray]`,Pi=`[object Uint16Array]`,Fi=`[object Uint32Array]`,J={};J[Di]=J[Oi]=J[ki]=J[Ai]=J[ji]=J[Mi]=J[Ni]=J[Pi]=J[Fi]=!0,J[fi]=J[pi]=J[Ti]=J[mi]=J[Ei]=J[hi]=J[gi]=J[_i]=J[vi]=J[yi]=J[bi]=J[xi]=J[Si]=J[Ci]=J[wi]=!1;function Ii(e){return cn(e)&&Gr(e.length)&&!!J[on(e)]}var Li=Ii;function Ri(e){return function(t){return e(t)}}var zi=Ri,Bi=typeof exports==`object`&&exports&&!exports.nodeType&&exports,Vi=Bi&&typeof module==`object`&&module&&!module.nodeType&&module,Hi=Vi&&Vi.exports===Bi&&Ht.process,Ui=function(){try{return Vi&&Vi.require&&Vi.require(`util`).types||Hi&&Hi.binding&&Hi.binding(`util`)}catch{}}(),Wi=Ui&&Ui.isTypedArray,Gi=Wi?zi(Wi):Li,Ki=Object.prototype.hasOwnProperty;function qi(e,t){var n=mn(e),r=!n&&ai(e),i=!n&&!r&&di(e),a=!n&&!r&&!i&&Gi(e),o=n||r||i||a,s=o?Qr(e.length,String):[],c=s.length;for(var l in e)(t||Ki.call(e,l))&&!(o&&(l==`length`||i&&(l==`offset`||l==`parent`)||a&&(l==`buffer`||l==`byteLength`||l==`byteOffset`)||Mr(l,c)))&&s.push(l);return s}var Ji=qi;function Yi(e,t){return function(n){return e(t(n))}}var Xi=Yi(Object.keys,Object),Zi=Object.prototype.hasOwnProperty;function Qi(e){if(!Xr(e))return Xi(e);var t=[];for(var n in Object(e))Zi.call(e,n)&&n!=`constructor`&&t.push(n);return t}var $i=Qi;function ea(e){return qr(e)?Ji(e):$i(e)}var ta=ea,na=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,ra=/^\w*$/;function ia(e,t){if(mn(e))return!1;var n=typeof e;return n==`number`||n==`symbol`||n==`boolean`||e==null||dn(e)?!0:ra.test(e)||!na.test(e)||t!=null&&e in Object(t)}var aa=ia,oa=mr(Object,`create`);function sa(){this.__data__=oa?oa(null):{},this.size=0}var ca=sa;function la(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var ua=la,da=`__lodash_hash_undefined__`,fa=Object.prototype.hasOwnProperty;function pa(e){var t=this.__data__;if(oa){var n=t[e];return n===da?void 0:n}return fa.call(t,e)?t[e]:void 0}var ma=pa,ha=Object.prototype.hasOwnProperty;function ga(e){var t=this.__data__;return oa?t[e]!==void 0:ha.call(t,e)}var _a=ga,va=`__lodash_hash_undefined__`;function ya(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=oa&&t===void 0?va:t,this}var ba=ya;function xa(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}xa.prototype.clear=ca,xa.prototype.delete=ua,xa.prototype.get=ma,xa.prototype.has=_a,xa.prototype.set=ba;var Sa=xa;function Ca(){this.__data__=[],this.size=0}var wa=Ca;function Ta(e,t){for(var n=e.length;n--;)if(Ir(e[n][0],t))return n;return-1}var Ea=Ta,Da=Array.prototype.splice;function Oa(e){var t=this.__data__,n=Ea(t,e);return n<0?!1:(n==t.length-1?t.pop():Da.call(t,n,1),--this.size,!0)}var ka=Oa;function Aa(e){var t=this.__data__,n=Ea(t,e);return n<0?void 0:t[n][1]}var ja=Aa;function Ma(e){return Ea(this.__data__,e)>-1}var Na=Ma;function Pa(e,t){var n=this.__data__,r=Ea(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this}var Fa=Pa;function Ia(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}Ia.prototype.clear=wa,Ia.prototype.delete=ka,Ia.prototype.get=ja,Ia.prototype.has=Na,Ia.prototype.set=Fa;var La=Ia,Ra=mr(Wt,`Map`);function za(){this.size=0,this.__data__={hash:new Sa,map:new(Ra||La),string:new Sa}}var Ba=za;function Va(e){var t=typeof e;return t==`string`||t==`number`||t==`symbol`||t==`boolean`?e!==`__proto__`:e===null}var Ha=Va;function Ua(e,t){var n=e.__data__;return Ha(t)?n[typeof t==`string`?`string`:`hash`]:n.map}var Wa=Ua;function Ga(e){var t=Wa(this,e).delete(e);return this.size-=t?1:0,t}var Ka=Ga;function qa(e){return Wa(this,e).get(e)}var Ja=qa;function Ya(e){return Wa(this,e).has(e)}var Xa=Ya;function Za(e,t){var n=Wa(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this}var Qa=Za;function $a(e){var t=-1,n=e==null?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}$a.prototype.clear=Ba,$a.prototype.delete=Ka,$a.prototype.get=Ja,$a.prototype.has=Xa,$a.prototype.set=Qa;var eo=$a,to=`Expected a function`;function no(e,t){if(typeof e!=`function`||t!=null&&typeof t!=`function`)throw TypeError(to);var n=function(){var r=arguments,i=t?t.apply(this,r):r[0],a=n.cache;if(a.has(i))return a.get(i);var o=e.apply(this,r);return n.cache=a.set(i,o)||a,o};return n.cache=new(no.Cache||eo),n}no.Cache=eo;var ro=no,io=500;function ao(e){var t=ro(e,function(e){return n.size===io&&n.clear(),e}),n=t.cache;return t}var oo=ao,so=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,co=/\\(\\)?/g,lo=oo(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(``),e.replace(so,function(e,n,r,i){t.push(r?i.replace(co,`$1`):n||e)}),t});function uo(e){return e==null?``:yn(e)}var fo=uo;function po(e,t){return mn(e)?e:aa(e,t)?[e]:lo(fo(e))}var mo=po,ho=1/0;function go(e){if(typeof e==`string`||dn(e))return e;var t=e+``;return t==`0`&&1/e==-ho?`-0`:t}var _o=go;function vo(e,t){t=mo(t,e);for(var n=0,r=t.length;e!=null&&n<r;)e=e[_o(t[n++])];return n&&n==r?e:void 0}var yo=vo;function bo(e,t,n){var r=e==null?void 0:yo(e,t);return r===void 0?n:r}var xo=bo;function So(e,t){for(var n=-1,r=t.length,i=e.length;++n<r;)e[i+n]=t[n];return e}var Co=So,wo=Gt?Gt.isConcatSpreadable:void 0;function To(e){return mn(e)||ai(e)||!!(wo&&e&&e[wo])}var Eo=To;function Do(e,t,n,r,i){var a=-1,o=e.length;for(n||=Eo,i||=[];++a<o;){var s=e[a];t>0&&n(s)?t>1?Do(s,t-1,n,r,i):Co(i,s):r||(i[i.length]=s)}return i}var Oo=Do;function ko(e){return e!=null&&e.length?Oo(e,1):[]}var Ao=ko;function jo(e){return Er(Hr(e,void 0,Ao),e+``)}var Mo=jo;function No(){if(!arguments.length)return[];var e=arguments[0];return mn(e)?e:[e]}var Po=No;function Fo(e,t,n){return e===e&&(n!==void 0&&(e=e<=n?e:n),t!==void 0&&(e=e>=t?e:t)),e}var Io=Fo;function Lo(e,t,n){return n===void 0&&(n=t,t=void 0),n!==void 0&&(n=Pn(n),n=n===n?n:0),t!==void 0&&(t=Pn(t),t=t===t?t:0),Io(Pn(e),t,n)}var Ro=Lo;function zo(){this.__data__=new La,this.size=0}var Bo=zo;function Vo(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n}var Ho=Vo;function Uo(e){return this.__data__.get(e)}var Wo=Uo;function Go(e){return this.__data__.has(e)}var Ko=Go,qo=200;function Jo(e,t){var n=this.__data__;if(n instanceof La){var r=n.__data__;if(!Ra||r.length<qo-1)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new eo(r)}return n.set(e,t),this.size=n.size,this}var Yo=Jo;function Xo(e){this.size=(this.__data__=new La(e)).size}Xo.prototype.clear=Bo,Xo.prototype.delete=Ho,Xo.prototype.get=Wo,Xo.prototype.has=Ko,Xo.prototype.set=Yo;var Zo=Xo;function Qo(e,t){for(var n=-1,r=e==null?0:e.length,i=0,a=[];++n<r;){var o=e[n];t(o,n,e)&&(a[i++]=o)}return a}var $o=Qo;function es(){return[]}var ts=es,ns=Object.prototype.propertyIsEnumerable,rs=Object.getOwnPropertySymbols,is=rs?function(e){return e==null?[]:(e=Object(e),$o(rs(e),function(t){return ns.call(e,t)}))}:ts;function as(e,t,n){var r=t(e);return mn(e)?r:Co(r,n(e))}var os=as;function ss(e){return os(e,ta,is)}var cs=ss,ls=mr(Wt,`DataView`),us=mr(Wt,`Promise`),ds=mr(Wt,`Set`),fs=`[object Map]`,ps=`[object Object]`,ms=`[object Promise]`,hs=`[object Set]`,gs=`[object WeakMap]`,_s=`[object DataView]`,vs=tr(ls),ys=tr(Ra),bs=tr(us),xs=tr(ds),Ss=tr(hr),Cs=on;(ls&&Cs(new ls(new ArrayBuffer(1)))!=_s||Ra&&Cs(new Ra)!=fs||us&&Cs(us.resolve())!=ms||ds&&Cs(new ds)!=hs||hr&&Cs(new hr)!=gs)&&(Cs=function(e){var t=on(e),n=t==ps?e.constructor:void 0,r=n?tr(n):``;if(r)switch(r){case vs:return _s;case ys:return fs;case bs:return ms;case xs:return hs;case Ss:return gs}return t});var ws=Cs,Ts=Wt.Uint8Array,Es=`__lodash_hash_undefined__`;function Ds(e){return this.__data__.set(e,Es),this}var Os=Ds;function ks(e){return this.__data__.has(e)}var As=ks;function js(e){var t=-1,n=e==null?0:e.length;for(this.__data__=new eo;++t<n;)this.add(e[t])}js.prototype.add=js.prototype.push=Os,js.prototype.has=As;var Ms=js;function Ns(e,t){for(var n=-1,r=e==null?0:e.length;++n<r;)if(t(e[n],n,e))return!0;return!1}var Ps=Ns;function Fs(e,t){return e.has(t)}var Is=Fs,Ls=1,Rs=2;function zs(e,t,n,r,i,a){var o=n&Ls,s=e.length,c=t.length;if(s!=c&&!(o&&c>s))return!1;var l=a.get(e),u=a.get(t);if(l&&u)return l==t&&u==e;var d=-1,f=!0,p=n&Rs?new Ms:void 0;for(a.set(e,t),a.set(t,e);++d<s;){var m=e[d],h=t[d];if(r)var g=o?r(h,m,d,t,e,a):r(m,h,d,e,t,a);if(g!==void 0){if(g)continue;f=!1;break}if(p){if(!Ps(t,function(e,t){if(!Is(p,t)&&(m===e||i(m,e,n,r,a)))return p.push(t)})){f=!1;break}}else if(!(m===h||i(m,h,n,r,a))){f=!1;break}}return a.delete(e),a.delete(t),f}var Bs=zs;function Vs(e){var t=-1,n=Array(e.size);return e.forEach(function(e,r){n[++t]=[r,e]}),n}var Hs=Vs;function Us(e){var t=-1,n=Array(e.size);return e.forEach(function(e){n[++t]=e}),n}var Ws=Us,Gs=1,Ks=2,qs=`[object Boolean]`,Js=`[object Date]`,Ys=`[object Error]`,Xs=`[object Map]`,Zs=`[object Number]`,Qs=`[object RegExp]`,$s=`[object Set]`,ec=`[object String]`,tc=`[object Symbol]`,nc=`[object ArrayBuffer]`,rc=`[object DataView]`,ic=Gt?Gt.prototype:void 0,ac=ic?ic.valueOf:void 0;function oc(e,t,n,r,i,a,o){switch(n){case rc:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case nc:return!(e.byteLength!=t.byteLength||!a(new Ts(e),new Ts(t)));case qs:case Js:case Zs:return Ir(+e,+t);case Ys:return e.name==t.name&&e.message==t.message;case Qs:case ec:return e==t+``;case Xs:var s=Hs;case $s:var c=r&Gs;if(s||=Ws,e.size!=t.size&&!c)return!1;var l=o.get(e);if(l)return l==t;r|=Ks,o.set(e,t);var u=Bs(s(e),s(t),r,i,a,o);return o.delete(e),u;case tc:if(ac)return ac.call(e)==ac.call(t)}return!1}var sc=oc,cc=1,lc=Object.prototype.hasOwnProperty;function uc(e,t,n,r,i,a){var o=n&cc,s=cs(e),c=s.length;if(c!=cs(t).length&&!o)return!1;for(var l=c;l--;){var u=s[l];if(!(o?u in t:lc.call(t,u)))return!1}var d=a.get(e),f=a.get(t);if(d&&f)return d==t&&f==e;var p=!0;a.set(e,t),a.set(t,e);for(var m=o;++l<c;){u=s[l];var h=e[u],g=t[u];if(r)var _=o?r(g,h,u,t,e,a):r(h,g,u,e,t,a);if(!(_===void 0?h===g||i(h,g,n,r,a):_)){p=!1;break}m||=u==`constructor`}if(p&&!m){var v=e.constructor,y=t.constructor;v!=y&&`constructor`in e&&`constructor`in t&&!(typeof v==`function`&&v instanceof v&&typeof y==`function`&&y instanceof y)&&(p=!1)}return a.delete(e),a.delete(t),p}var dc=uc,fc=1,pc=`[object Arguments]`,mc=`[object Array]`,hc=`[object Object]`,gc=Object.prototype.hasOwnProperty;function _c(e,t,n,r,i,a){var o=mn(e),s=mn(t),c=o?mc:ws(e),l=s?mc:ws(t);c=c==pc?hc:c,l=l==pc?hc:l;var u=c==hc,d=l==hc,f=c==l;if(f&&di(e)){if(!di(t))return!1;o=!0,u=!1}if(f&&!u)return a||=new Zo,o||Gi(e)?Bs(e,t,n,r,i,a):sc(e,t,c,n,r,i,a);if(!(n&fc)){var p=u&&gc.call(e,`__wrapped__`),m=d&&gc.call(t,`__wrapped__`);if(p||m){var h=p?e.value():e,g=m?t.value():t;return a||=new Zo,i(h,g,n,r,a)}}return f?(a||=new Zo,dc(e,t,n,r,i,a)):!1}var vc=_c;function yc(e,t,n,r,i){return e===t?!0:e==null||t==null||!cn(e)&&!cn(t)?e!==e&&t!==t:vc(e,t,n,r,yc,i)}var bc=yc,xc=1,Sc=2;function Cc(e,t,n,r){var i=n.length,a=i,o=!r;if(e==null)return!a;for(e=Object(e);i--;){var s=n[i];if(o&&s[2]?s[1]!==e[s[0]]:!(s[0]in e))return!1}for(;++i<a;){s=n[i];var c=s[0],l=e[c],u=s[1];if(o&&s[2]){if(l===void 0&&!(c in e))return!1}else{var d=new Zo;if(r)var f=r(l,u,c,e,t,d);if(!(f===void 0?bc(u,l,xc|Sc,r,d):f))return!1}}return!0}var wc=Cc;function Tc(e){return e===e&&!Dn(e)}var Ec=Tc;function Dc(e){for(var t=ta(e),n=t.length;n--;){var r=t[n],i=e[r];t[n]=[r,i,Ec(i)]}return t}var Oc=Dc;function kc(e,t){return function(n){return n==null?!1:n[e]===t&&(t!==void 0||e in Object(n))}}var Ac=kc;function jc(e){var t=Oc(e);return t.length==1&&t[0][2]?Ac(t[0][0],t[0][1]):function(n){return n===e||wc(n,e,t)}}var Mc=jc;function Nc(e,t){return e!=null&&t in Object(e)}var Pc=Nc;function Fc(e,t,n){t=mo(t,e);for(var r=-1,i=t.length,a=!1;++r<i;){var o=_o(t[r]);if(!(a=e!=null&&n(e,o)))break;e=e[o]}return a||++r!=i?a:(i=e==null?0:e.length,!!i&&Gr(i)&&Mr(o,i)&&(mn(e)||ai(e)))}var Ic=Fc;function Lc(e,t){return e!=null&&Ic(e,t,Pc)}var Rc=Lc,zc=1,Bc=2;function Vc(e,t){return aa(e)&&Ec(t)?Ac(_o(e),t):function(n){var r=xo(n,e);return r===void 0&&r===t?Rc(n,e):bc(t,r,zc|Bc)}}var Hc=Vc;function Uc(e){return function(t){return t?.[e]}}var Wc=Uc;function Gc(e){return function(t){return yo(t,e)}}var Kc=Gc;function qc(e){return aa(e)?Wc(_o(e)):Kc(e)}var Jc=qc;function Yc(e){return typeof e==`function`?e:e==null?Hn:typeof e==`object`?mn(e)?Hc(e[0],e[1]):Mc(e):Jc(e)}var Xc=Yc,Zc=Math.max,Qc=Math.min;function $c(e,t,n){var r=e==null?0:e.length;if(!r)return-1;var i=r-1;return n!==void 0&&(i=Bn(n),i=n<0?Zc(r+i,0):Qc(i,r-1)),Or(e,Xc(t,3),i,!0)}var el=$c;function tl(e){for(var t=-1,n=e==null?0:e.length,r={};++t<n;){var i=e[t];r[i[0]]=i[1]}return r}var nl=tl;function rl(e,t){return bc(e,t)}var il=rl;function al(e){return e==null}var ol=al;function sl(e){return e===void 0}var cl=sl;function ll(e,t,n,r){if(!Dn(e))return e;t=mo(t,e);for(var i=-1,a=t.length,o=a-1,s=e;s!=null&&++i<a;){var c=_o(t[i]),l=n;if(c===`__proto__`||c===`constructor`||c===`prototype`)return e;if(i!=o){var u=s[c];l=r?r(u,c,s):void 0,l===void 0&&(l=Dn(u)?u:Mr(t[i+1])?[]:{})}zr(s,c,l),s=s[c]}return e}var ul=ll;function dl(e,t,n){for(var r=-1,i=t.length,a={};++r<i;){var o=t[r],s=yo(e,o);n(s,o)&&ul(a,mo(o,e),s)}return a}var fl=dl;function pl(e,t){return fl(e,t,function(t,n){return Rc(e,n)})}var ml=pl,hl=Mo(function(e,t){return e==null?{}:ml(e,t)}),gl=G(q(),1);const _l=e=>e===void 0,vl=e=>typeof e==`boolean`,yl=e=>typeof e==`number`,bl=e=>!e&&e!==0||(0,gl.isArray)(e)&&e.length===0||(0,gl.isObject)(e)&&!Object.keys(e).length,xl=e=>typeof Element>`u`?!1:e instanceof Element,Sl=e=>(0,gl.isString)(e)?!Number.isNaN(Number(e)):!1;var Cl=rt({Vue:()=>e,Vue2:()=>Dl,del:()=>Al,install:()=>Ol,isVue2:()=>Tl,isVue3:()=>El,set:()=>kl});import*as wl from"vue";at(Cl,wl);var Tl=!1,El=!0,Dl=void 0;function Ol(){}function kl(e,t,n){return Array.isArray(e)?(e.length=Math.max(e.length,t),e.splice(t,1,n),n):(e[t]=n,n)}function Al(e,t){if(Array.isArray(e)){e.splice(t,1);return}delete e[t]}var jl=Object.defineProperty,Ml=Object.defineProperties,Nl=Object.getOwnPropertyDescriptors,Pl=Object.getOwnPropertySymbols,Fl=Object.prototype.hasOwnProperty,Il=Object.prototype.propertyIsEnumerable,Ll=(e,t,n)=>t in e?jl(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Rl=(e,t)=>{for(var n in t||={})Fl.call(t,n)&&Ll(e,n,t[n]);if(Pl)for(var n of Pl(t))Il.call(t,n)&&Ll(e,n,t[n]);return e},zl=(e,t)=>Ml(e,Nl(t));function Bl(e,t){let n=(0,Cl.shallowRef)();return(0,Cl.watchEffect)(()=>{n.value=e()},zl(Rl({},t),{flush:t?.flush??`sync`})),(0,Cl.readonly)(n)}const Y=typeof window<`u`,Vl=e=>typeof e==`string`,Hl=()=>{},Ul=Y&&(window==null?void 0:window.navigator)?.userAgent&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function Wl(e){return typeof e==`function`?e():(0,Cl.unref)(e)}function Gl(e,t){function n(...n){return new Promise((r,i)=>{Promise.resolve(e(()=>t.apply(this,n),{fn:t,thisArg:this,args:n})).then(r).catch(i)})}return n}function Kl(e,t={}){let n,r,i=Hl,a=e=>{clearTimeout(e),i(),i=Hl};return o=>{let s=Wl(e),c=Wl(t.maxWait);return n&&a(n),s<=0||c!==void 0&&c<=0?(r&&=(a(r),null),Promise.resolve(o())):new Promise((e,l)=>{i=t.rejectOnCancel?l:e,c&&!r&&(r=setTimeout(()=>{n&&a(n),r=null,e(o())},c)),n=setTimeout(()=>{r&&a(r),r=null,e(o())},s)})}}function ql(e){return e}function Jl(e){return(0,Cl.getCurrentScope)()?((0,Cl.onScopeDispose)(e),!0):!1}function Yl(e,t=200,n={}){return Gl(Kl(t,n),e)}function Xl(e,t=!0){(0,Cl.getCurrentInstance)()?(0,Cl.onMounted)(e):t?e():(0,Cl.nextTick)(e)}function Zl(e){let t=Wl(e);return t?.$el??t}const Ql=Y?window:void 0;Y&&window.document,Y&&window.navigator,Y&&window.location;function $l(...e){let t,n,r,i;if(Vl(e[0])||Array.isArray(e[0])?([n,r,i]=e,t=Ql):[t,n,r,i]=e,!t)return Hl;Array.isArray(n)||(n=[n]),Array.isArray(r)||(r=[r]);let a=[],o=()=>{a.forEach(e=>e()),a.length=0},s=(e,t,n,r)=>(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)),c=(0,Cl.watch)(()=>[Zl(t),Wl(i)],([e,t])=>{o(),e&&a.push(...n.flatMap(n=>r.map(r=>s(e,n,r,t))))},{immediate:!0,flush:`post`}),l=()=>{c(),o()};return Jl(l),l}let eu=!1;function tu(e,t,n={}){let{window:r=Ql,ignore:i=[],capture:a=!0,detectIframe:o=!1}=n;if(!r)return;Ul&&!eu&&(eu=!0,Array.from(r.document.body.children).forEach(e=>e.addEventListener(`click`,Hl)));let s=!0,c=e=>i.some(t=>{if(typeof t==`string`)return Array.from(r.document.querySelectorAll(t)).some(t=>t===e.target||e.composedPath().includes(t));{let n=Zl(t);return n&&(e.target===n||e.composedPath().includes(n))}}),l=[$l(r,`click`,n=>{let r=Zl(e);if(!(!r||r===n.target||n.composedPath().includes(r))){if(n.detail===0&&(s=!c(n)),!s){s=!0;return}t(n)}},{passive:!0,capture:a}),$l(r,`pointerdown`,t=>{let n=Zl(e);n&&(s=!t.composedPath().includes(n)&&!c(t))},{passive:!0}),o&&$l(r,`blur`,n=>{let i=Zl(e);r.document.activeElement?.tagName===`IFRAME`&&!i?.contains(r.document.activeElement)&&t(n)})].filter(Boolean);return()=>l.forEach(e=>e())}function nu(e,t=!1){let n=(0,Cl.ref)(),r=()=>n.value=!!e();return r(),Xl(r,t),n}const ru=typeof globalThis<`u`?globalThis:typeof window<`u`?window:typeof global<`u`?global:typeof self<`u`?self:{},iu=`__vueuse_ssr_handlers__`;ru[iu]=ru[iu]||{},ru[iu];var au=Object.getOwnPropertySymbols,ou=Object.prototype.hasOwnProperty,su=Object.prototype.propertyIsEnumerable,cu=(e,t)=>{var n={};for(var r in e)ou.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&au)for(var r of au(e))t.indexOf(r)<0&&su.call(e,r)&&(n[r]=e[r]);return n};function lu(e,t,n={}){let r=n,{window:i=Ql}=r,a=cu(r,[`window`]),o,s=nu(()=>i&&`ResizeObserver`in i),c=()=>{o&&=(o.disconnect(),void 0)},l=(0,Cl.watch)(()=>Zl(e),e=>{c(),s.value&&i&&e&&(o=new ResizeObserver(t),o.observe(e,a))},{immediate:!0,flush:`post`}),u=()=>{c(),l()};return Jl(u),{isSupported:s,stop:u}}var uu=Object.getOwnPropertySymbols,du=Object.prototype.hasOwnProperty,fu=Object.prototype.propertyIsEnumerable,pu=(e,t)=>{var n={};for(var r in e)du.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&uu)for(var r of uu(e))t.indexOf(r)<0&&fu.call(e,r)&&(n[r]=e[r]);return n};function mu(e,t,n={}){let r=n,{window:i=Ql}=r,a=pu(r,[`window`]),o,s=nu(()=>i&&`MutationObserver`in i),c=()=>{o&&=(o.disconnect(),void 0)},l=(0,Cl.watch)(()=>Zl(e),e=>{c(),s.value&&i&&e&&(o=new MutationObserver(t),o.observe(e,a))},{immediate:!0}),u=()=>{c(),l()};return Jl(u),{isSupported:s,stop:u}}var hu;(function(e){e.UP=`UP`,e.RIGHT=`RIGHT`,e.DOWN=`DOWN`,e.LEFT=`LEFT`,e.NONE=`NONE`})(hu||={});var gu=Object.defineProperty,_u=Object.getOwnPropertySymbols,vu=Object.prototype.hasOwnProperty,yu=Object.prototype.propertyIsEnumerable,bu=(e,t,n)=>t in e?gu(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;((e,t)=>{for(var n in t||={})vu.call(t,n)&&bu(e,n,t[n]);if(_u)for(var n of _u(t))yu.call(t,n)&&bu(e,n,t[n]);return e})({linear:ql},{easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]});var xu=G(q(),1),Su=class extends Error{constructor(e){super(e),this.name=`ElementPlusError`}};function Cu(e,t){throw new Su(`[${e}] ${t}`)}function wu(e,t){let n=(0,xu.isString)(e)?new Su(`[${e}] ${t}`):e;console.warn(n)}const Tu={current:0},Eu=P(0),Du=Symbol(`elZIndexContextKey`),Ou=Symbol(`zIndexContextKey`),ku=e=>{let t=h()?_(Du,Tu):Tu,n=e||(h()?_(Ou,void 0):void 0),r=s(()=>{let e=B(n);return yl(e)?e:2e3}),i=s(()=>r.value+Eu.value);return!Y&&!_(Du)&&wu(`ZIndexInjection`,`Looks like you are using server rendering, you must provide a z-index provider to ensure the hydration process to be succeed
|
|
2
|
+
usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`),{initialZIndex:r,currentZIndex:i,nextZIndex:()=>(t.current++,Eu.value=t.current,i.value)}};var Au={name:`en`,el:{breadcrumb:{label:`Breadcrumb`},colorpicker:{confirm:`OK`,clear:`Clear`,defaultLabel:`color picker`,description:`current color is {color}. press enter to select a new color.`,alphaLabel:`pick alpha value`,alphaDescription:`alpha {alpha}, current color is {color}`,hueLabel:`pick hue value`,hueDescription:`hue {hue}, current color is {color}`,svLabel:`pick saturation and brightness value`,svDescription:`saturation {saturation}, brightness {brightness}, current color is {color}`,predefineDescription:`select {value} as the color`},datepicker:{now:`Now`,today:`Today`,cancel:`Cancel`,clear:`Clear`,confirm:`OK`,dateTablePrompt:`Use the arrow keys and enter to select the day of the month`,monthTablePrompt:`Use the arrow keys and enter to select the month`,yearTablePrompt:`Use the arrow keys and enter to select the year`,selectedDate:`Selected date`,selectDate:`Select date`,selectTime:`Select time`,startDate:`Start Date`,startTime:`Start Time`,endDate:`End Date`,endTime:`End Time`,prevYear:`Previous Year`,nextYear:`Next Year`,prevMonth:`Previous Month`,nextMonth:`Next Month`,year:``,month1:`January`,month2:`February`,month3:`March`,month4:`April`,month5:`May`,month6:`June`,month7:`July`,month8:`August`,month9:`September`,month10:`October`,month11:`November`,month12:`December`,weeks:{sun:`Sun`,mon:`Mon`,tue:`Tue`,wed:`Wed`,thu:`Thu`,fri:`Fri`,sat:`Sat`},weeksFull:{sun:`Sunday`,mon:`Monday`,tue:`Tuesday`,wed:`Wednesday`,thu:`Thursday`,fri:`Friday`,sat:`Saturday`},months:{jan:`Jan`,feb:`Feb`,mar:`Mar`,apr:`Apr`,may:`May`,jun:`Jun`,jul:`Jul`,aug:`Aug`,sep:`Sep`,oct:`Oct`,nov:`Nov`,dec:`Dec`}},inputNumber:{decrease:`decrease number`,increase:`increase number`},select:{loading:`Loading`,noMatch:`No matching data`,noData:`No data`,placeholder:`Select`},mention:{loading:`Loading`},dropdown:{toggleDropdown:`Toggle Dropdown`},cascader:{noMatch:`No matching data`,loading:`Loading`,placeholder:`Select`,noData:`No data`},pagination:{goto:`Go to`,pagesize:`/page`,total:`Total {total}`,pageClassifier:``,page:`Page`,prev:`Go to previous page`,next:`Go to next page`,currentPage:`page {pager}`,prevPages:`Previous {pager} pages`,nextPages:`Next {pager} pages`,deprecationWarning:`Deprecated usages detected, please refer to the el-pagination documentation for more details`},dialog:{close:`Close this dialog`},drawer:{close:`Close this dialog`},messagebox:{title:`Message`,confirm:`OK`,cancel:`Cancel`,error:`Illegal input`,close:`Close this dialog`},upload:{deleteTip:`press delete to remove`,delete:`Delete`,preview:`Preview`,continue:`Continue`},slider:{defaultLabel:`slider between {min} and {max}`,defaultRangeStartLabel:`pick start value`,defaultRangeEndLabel:`pick end value`},table:{emptyText:`No Data`,confirmFilter:`Confirm`,resetFilter:`Reset`,clearFilter:`All`,sumText:`Sum`},tour:{next:`Next`,previous:`Previous`,finish:`Finish`,close:`Close this dialog`},tree:{emptyText:`No Data`},transfer:{noMatch:`No matching data`,noData:`No data`,titles:[`List 1`,`List 2`],filterPlaceholder:`Enter keyword`,noCheckedFormat:`{total} items`,hasCheckedFormat:`{checked}/{total} checked`},image:{error:`FAILED`},pageHeader:{title:`Back`},popconfirm:{confirmButtonText:`Yes`,cancelButtonText:`No`},carousel:{leftArrow:`Carousel arrow left`,rightArrow:`Carousel arrow right`,indicator:`Carousel switch to index {index}`}}};const ju=e=>(t,n)=>Mu(t,n,B(e)),Mu=(e,t,n)=>xo(n,e,e).replace(/\{(\w+)\}/g,(e,n)=>`${t?.[n]??`{${n}}`}`),Nu=e=>({lang:s(()=>B(e).name),locale:v(e)?e:P(e),t:ju(e)}),Pu=Symbol(`localeContextKey`),Fu=e=>{let t=e||_(Pu,P());return Nu(s(()=>t.value||Au))};var Iu=G(q(),1);const Lu=`__epPropKey`,X=e=>e,Ru=e=>(0,Iu.isObject)(e)&&!!e[Lu],zu=(e,t)=>{if(!(0,Iu.isObject)(e)||Ru(e))return e;let{values:n,required:r,default:i,type:a,validator:o}=e,s={type:a,required:!!r,validator:n||o?r=>{let a=!1,s=[];if(n&&(s=Array.from(n),(0,Iu.hasOwn)(e,`default`)&&s.push(i),a||=s.includes(r)),o&&(a||=o(r)),!a&&s.length>0){let e=[...new Set(s)].map(e=>JSON.stringify(e)).join(`, `);le(`Invalid prop: validation failed${t?` for prop "${t}"`:``}. Expected one of [${e}], got value ${JSON.stringify(r)}.`)}return a}:void 0,[Lu]:!0};return(0,Iu.hasOwn)(e,`default`)&&(s.default=i),s},Z=e=>nl(Object.entries(e).map(([e,t])=>[e,zu(t,e)])),Bu=[``,`default`,`small`,`large`],Vu=zu({type:String,values:Bu,required:!1}),Hu=Symbol(`size`),Uu=()=>{let e=_(Hu,{});return s(()=>B(e.size)||``)};var Wu=G(q(),1);const Gu=Symbol(`emptyValuesContextKey`),Ku=[``,void 0,null],qu=Z({emptyValues:Array,valueOnClear:{type:X([String,Number,Boolean,Function]),default:void 0,validator:e=>(e=(0,Wu.isFunction)(e)?e():e,(0,Wu.isArray)(e)?e.every(e=>!e):!e)}}),Ju=(e,t)=>{let n=h()?_(Gu,P({})):P({}),r=s(()=>e.emptyValues||n.value.emptyValues||Ku),i=s(()=>(0,Wu.isFunction)(e.valueOnClear)?e.valueOnClear():e.valueOnClear===void 0?(0,Wu.isFunction)(n.value.valueOnClear)?n.value.valueOnClear():n.value.valueOnClear===void 0?t===void 0?void 0:t:n.value.valueOnClear:e.valueOnClear),a=e=>{let t=!0;return t=(0,Wu.isArray)(e)?r.value.some(t=>il(e,t)):r.value.includes(e),t};return a(i.value)||wu(`use-empty-values`,`value-on-clear should be a value of empty-values`),{emptyValues:r,valueOnClear:i,isEmptyValue:a}},Yu=`update:modelValue`,Xu=`change`;var Q=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},Zu=G(q(),1);function Qu(e,t=`px`){if(!e)return``;if(yl(e)||Sl(e))return`${e}${t}`;if((0,Zu.isString)(e))return e;wu(`utils/dom/style`,`binding value must be a string or number`)}function $u(e,t){if(!Y)return;if(!t){e.scrollTop=0;return}let n=[],r=t.offsetParent;for(;r!==null&&e!==r&&e.contains(r);)n.push(r),r=r.offsetParent;let i=t.offsetTop+n.reduce((e,t)=>e+t.offsetTop,0),a=i+t.offsetHeight,o=e.scrollTop,s=o+e.clientHeight;i<o?e.scrollTop=i:a>s&&(e.scrollTop=a-e.clientHeight)}var ed=G(q(),1);const td=(e,t)=>{if(e.install=n=>{for(let r of[e,...Object.values(t??{})])n.component(r.name,r)},t)for(let[n,r]of Object.entries(t))e[n]=r;return e},nd=e=>(e.install=ed.NOOP,e),rd=Z({size:{type:X([Number,String])},color:{type:String}}),id=td(Q(m({...m({name:`ElIcon`,inheritAttrs:!1}),props:rd,setup(e){let t=e,n=zt(`icon`),r=s(()=>{let{size:e,color:n}=t;return!e&&!n?{}:{fontSize:_l(e)?void 0:Qu(e),"--color":n}});return(e,t)=>(j(),u(`i`,b({class:B(n).b(),style:B(r)},e.$attrs),[I(e.$slots,`default`)],16))}}),[[`__file`,`icon.vue`]]));function ad(){let e,t=(t,r)=>{n(),e=window.setTimeout(t,r)},n=()=>window.clearTimeout(e);return Jl(()=>n()),{registerTimeout:t,cancelTimeout:n}}const od=Z({showAfter:{type:Number,default:0},hideAfter:{type:Number,default:200},autoClose:{type:Number,default:0}}),sd=({showAfter:e,hideAfter:t,autoClose:n,open:r,close:i})=>{let{registerTimeout:a}=ad(),{registerTimeout:o,cancelTimeout:s}=ad();return{onOpen:(t,s=B(e))=>{a(()=>{r(t);let e=B(n);yl(e)&&e>0&&o(()=>{i(t)},e)},s)},onClose:(e,n=B(t))=>{s(),a(()=>{i(e)},n)}}},cd=X([String,Object,Function]),ld={validating:Ue,success:Ie,error:Le},ud=()=>Y&&/android/i.test(window.navigator.userAgent),dd=Z({ariaLabel:String,ariaOrientation:{type:String,values:[`horizontal`,`vertical`,`undefined`]},ariaControls:String}),fd=e=>hl(dd,e),pd={prefix:Math.floor(Math.random()*1e4),current:0},md=Symbol(`elIdInjection`),hd=()=>h()?_(md,pd):pd,gd=e=>{let t=hd();!Y&&t===pd&&wu(`IdInjection`,`Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
|
|
3
|
+
usage: app.provide(ID_INJECTION_KEY, {
|
|
4
|
+
prefix: number,
|
|
5
|
+
current: number,
|
|
6
|
+
})`);let n=Rt();return Bl(()=>B(e)||`${n.value}-id-${t.prefix}-${t.current++}`)},_d=Symbol(`formContextKey`),vd=Symbol(`formItemContextKey`),yd=()=>({form:_(_d,void 0),formItem:_(vd,void 0)}),bd=(e,{formItemContext:t,disableIdGeneration:n,disableIdManagement:r})=>{n||=P(!1),r||=P(!1);let i=h(),a=()=>{let e=i?.parent;for(;e;){if(e.type.name===`ElFormItem`)return!1;if(e.type.name===`ElLabelWrap`)return!0;e=e.parent}return!1},o=P(),c,l=s(()=>!!(!(e.label||e.ariaLabel)&&t&&t.inputIds&&t.inputIds?.length<=1));return k(()=>{c=H([z(e,`id`),n],([e,n])=>{let i=e??(n?void 0:gd().value);i!==o.value&&(t?.removeInputId&&!a()&&(o.value&&t.removeInputId(o.value),!r?.value&&!n&&i&&t.addInputId(i)),o.value=i)},{immediate:!0})}),ee(()=>{c&&c(),t?.removeInputId&&o.value&&t.removeInputId(o.value)}),{isLabeledByFormItem:l,inputId:o}},xd=e=>{let t=h();return s(()=>t?.proxy?.$props?.[e])},Sd=(e,t={})=>{let n=P(void 0),r=t.prop?n:xd(`size`),i=t.global?n:Uu(),a=t.form?{size:void 0}:_(_d,void 0),o=t.formItem?{size:void 0}:_(vd,void 0);return s(()=>r.value||B(e)||o?.size||a?.size||i.value||``)},Cd=e=>typeof Element>`u`?!1:e instanceof Element,wd=e=>{if(e.tabIndex>0||e.tabIndex===0&&e.getAttribute(`tabIndex`)!==null)return!0;if(e.tabIndex<0||e.hasAttribute(`disabled`)||e.getAttribute(`aria-disabled`)===`true`)return!1;switch(e.nodeName){case`A`:return!!e.href&&e.rel!==`ignore`;case`INPUT`:return!(e.type===`hidden`||e.type===`file`);case`BUTTON`:case`SELECT`:case`TEXTAREA`:return!0;default:return!1}},Td=(e,t)=>{if(!e||!e.focus)return;let n=!1;Cd(e)&&!wd(e)&&!e.getAttribute(`tabindex`)&&(e.setAttribute(`tabindex`,`-1`),n=!0),e.focus(t),Cd(e)&&n&&e.removeAttribute(`tabindex`)};var Ed=G(q(),1);function Dd(e,{disabled:t,beforeFocus:n,afterFocus:r,beforeBlur:i,afterBlur:a}={}){let{emit:o}=h(),s=ie(),c=P(!1),l=e=>{let i=(0,Ed.isFunction)(n)?n(e):!1;B(t)||c.value||i||(c.value=!0,o(`focus`,e),r?.())},u=e=>{let n=(0,Ed.isFunction)(i)?i(e):!1;B(t)||e.relatedTarget&&s.value?.contains(e.relatedTarget)||n||(c.value=!1,o(`blur`,e),a?.())};return H([s,()=>B(t)],([e,t])=>{e&&(t?e.removeAttribute(`tabindex`):e.setAttribute(`tabindex`,`-1`))}),$l(s,`focus`,l,!0),$l(s,`blur`,u,!0),$l(s,`click`,n=>{var r;B(t)||wd(n.target)||s.value?.contains(document.activeElement)&&s.value!==document.activeElement||(r=e.value)==null||r.focus()},!0),{isFocused:c,wrapperRef:s,handleFocus:l,handleBlur:u}}const Od=e=>/([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(e);function kd({afterComposition:e,emit:t}){let n=P(!1),r=e=>{t?.(`compositionstart`,e),n.value=!0},i=e=>{t?.(`compositionupdate`,e);let r=e.target?.value;n.value=!Od(r[r.length-1]||``)},a=r=>{t?.(`compositionend`,r),n.value&&(n.value=!1,x(()=>e(r)))};return{isComposing:n,handleComposition:e=>{e.type===`compositionend`?a(e):i(e)},handleCompositionStart:r,handleCompositionUpdate:i,handleCompositionEnd:a}}const Ad={vertical:{offset:`offsetHeight`,scroll:`scrollTop`,scrollSize:`scrollHeight`,size:`height`,key:`vertical`,axis:`Y`,client:`clientY`,direction:`top`},horizontal:{offset:`offsetWidth`,scroll:`scrollLeft`,scrollSize:`scrollWidth`,size:`width`,key:`horizontal`,axis:`X`,client:`clientX`,direction:`left`}},jd=({move:e,size:t,bar:n})=>({[n.size]:t,transform:`translate${n.axis}(${e}%)`}),Md=Symbol(`scrollbarContextKey`);var Nd=Q(m({__name:`thumb`,props:Z({vertical:Boolean,size:String,move:Number,ratio:{type:Number,required:!0},always:Boolean}),setup(e){let t=e,n=_(Md),r=zt(`scrollbar`);n||Cu(`Thumb`,`can not inject scrollbar context`);let i=P(),o=P(),l=P({}),u=P(!1),f=!1,p=!1,m=0,h=0,g=Y?document.onselectstart:null,v=s(()=>Ad[t.vertical?`vertical`:`horizontal`]),y=s(()=>jd({size:t.size,move:t.move,bar:v.value})),b=s(()=>i.value[v.value.offset]**2/n.wrapElement[v.value.scrollSize]/t.ratio/o.value[v.value.offset]),x=e=>{var t;if(e.stopPropagation(),e.ctrlKey||[1,2].includes(e.button))return;(t=window.getSelection())==null||t.removeAllRanges(),T(e);let n=e.currentTarget;n&&(l.value[v.value.axis]=n[v.value.offset]-(e[v.value.client]-n.getBoundingClientRect()[v.value.direction]))},C=e=>{if(!o.value||!i.value||!n.wrapElement)return;let t=(Math.abs(e.target.getBoundingClientRect()[v.value.direction]-e[v.value.client])-o.value[v.value.offset]/2)*100*b.value/i.value[v.value.offset];n.wrapElement[v.value.scroll]=t*n.wrapElement[v.value.scrollSize]/100},T=e=>{e.stopImmediatePropagation(),f=!0,m=n.wrapElement.scrollHeight,h=n.wrapElement.scrollWidth,document.addEventListener(`mousemove`,E),document.addEventListener(`mouseup`,O),g=document.onselectstart,document.onselectstart=()=>!1},E=e=>{if(!i.value||!o.value||f===!1)return;let t=l.value[v.value.axis];if(!t)return;let r=((i.value.getBoundingClientRect()[v.value.direction]-e[v.value.client])*-1-(o.value[v.value.offset]-t))*100*b.value/i.value[v.value.offset];v.value.scroll===`scrollLeft`?n.wrapElement[v.value.scroll]=r*h/100:n.wrapElement[v.value.scroll]=r*m/100},O=()=>{f=!1,l.value[v.value.axis]=0,document.removeEventListener(`mousemove`,E),document.removeEventListener(`mouseup`,O),A(),p&&(u.value=!1)},k=()=>{p=!1,u.value=!!t.size},ee=()=>{p=!0,u.value=f};D(()=>{A(),document.removeEventListener(`mouseup`,O)});let A=()=>{document.onselectstart!==g&&(document.onselectstart=g)};return $l(z(n,`scrollbarElement`),`mousemove`,k),$l(z(n,`scrollbarElement`),`mouseleave`,ee),(e,t)=>(j(),c(a,{name:B(r).b(`fade`),persisted:``},{default:U(()=>[de(d(`div`,{ref_key:`instance`,ref:i,class:S([B(r).e(`bar`),B(r).is(B(v).key)]),onMousedown:C,onClick:fe(()=>{},[`stop`])},[d(`div`,{ref_key:`thumb`,ref:o,class:S(B(r).e(`thumb`)),style:w(B(y)),onMousedown:x},null,38)],42,[`onClick`]),[[V,e.always||u.value]])]),_:1},8,[`name`]))}}),[[`__file`,`thumb.vue`]]),Pd=Q(m({__name:`bar`,props:Z({always:{type:Boolean,default:!0},minSize:{type:Number,required:!0}}),setup(e,{expose:t}){let r=e,i=_(Md),a=P(0),o=P(0),s=P(``),c=P(``),l=P(1),d=P(1);return t({handleScroll:e=>{if(e){let t=e.offsetHeight-4,n=e.offsetWidth-4;o.value=e.scrollTop*100/t*l.value,a.value=e.scrollLeft*100/n*d.value}},update:()=>{let e=i?.wrapElement;if(!e)return;let t=e.offsetHeight-4,n=e.offsetWidth-4,a=t**2/e.scrollHeight,o=n**2/e.scrollWidth,u=Math.max(a,r.minSize),f=Math.max(o,r.minSize);l.value=a/(t-a)/(u/(t-u)),d.value=o/(n-o)/(f/(n-f)),c.value=u+4<t?`${u}px`:``,s.value=f+4<n?`${f}px`:``}}),(e,t)=>(j(),u(n,null,[p(Nd,{move:a.value,ratio:d.value,size:s.value,always:e.always},null,8,[`move`,`ratio`,`size`,`always`]),p(Nd,{move:o.value,ratio:l.value,size:c.value,vertical:``,always:e.always},null,8,[`move`,`ratio`,`size`,`always`])],64))}}),[[`__file`,`bar.vue`]]);const Fd=Z({distance:{type:Number,default:0},height:{type:[String,Number],default:``},maxHeight:{type:[String,Number],default:``},native:Boolean,wrapStyle:{type:X([String,Object,Array]),default:``},wrapClass:{type:[String,Array],default:``},viewClass:{type:[String,Array],default:``},viewStyle:{type:[String,Array,Object],default:``},noresize:Boolean,tag:{type:String,default:`div`},always:Boolean,minSize:{type:Number,default:20},tabindex:{type:[String,Number],default:void 0},id:String,role:String,...fd([`ariaLabel`,`ariaOrientation`])}),Id={"end-reached":e=>[`left`,`right`,`top`,`bottom`].includes(e),scroll:({scrollTop:e,scrollLeft:t})=>[e,t].every(yl)};var Ld=G(q(),1);const Rd=`ElScrollbar`,zd=td(Q(m({...m({name:Rd}),props:Fd,emits:Id,setup(e,{expose:t,emit:n}){let r=e,i=zt(`scrollbar`),a,o,f,p=0,m=0,h=``,g={bottom:!1,top:!1,right:!1,left:!1},_=P(),v=P(),y=P(),b=P(),C=s(()=>{let e={};return r.height&&(e.height=Qu(r.height)),r.maxHeight&&(e.maxHeight=Qu(r.maxHeight)),[r.wrapStyle,e]}),E=s(()=>[r.wrapClass,i.e(`wrap`),{[i.em(`wrap`,`hidden-default`)]:!r.native}]),D=s(()=>[i.e(`view`),r.viewClass]),O=e=>g[e]??!1,ee={top:`bottom`,bottom:`top`,left:`right`,right:`left`},te=e=>{let t=ee[h];if(!t)return;let n=e[h],r=e[t];n&&!g[h]&&(g[h]=!0),!r&&g[t]&&(g[t]=!1)},F=()=>{var e;if(v.value){(e=b.value)==null||e.handleScroll(v.value);let t=p,i=m;p=v.value.scrollTop,m=v.value.scrollLeft;let a={bottom:p+v.value.clientHeight>=v.value.scrollHeight-r.distance,top:p<=r.distance&&t!==0,right:m+v.value.clientWidth>=v.value.scrollWidth-r.distance&&i!==m,left:m<=r.distance&&i!==0};if(n(`scroll`,{scrollTop:p,scrollLeft:m}),t!==p&&(h=p>t?`bottom`:`top`),i!==m&&(h=m>i?`right`:`left`),r.distance>0){if(O(h))return;te(a)}a[h]&&n(`end-reached`,h)}};function L(e,t){(0,Ld.isObject)(e)?v.value.scrollTo(e):yl(e)&&yl(t)&&v.value.scrollTo(e,t)}let ne=e=>{if(!yl(e)){wu(Rd,`value must be a number`);return}v.value.scrollTop=e},ie=e=>{if(!yl(e)){wu(Rd,`value must be a number`);return}v.value.scrollLeft=e},R=()=>{var e;(e=b.value)==null||e.update(),g[h]=!1};return H(()=>r.noresize,e=>{e?(a?.(),o?.(),f?.()):({stop:a}=lu(y,R),{stop:o}=lu(v,R),f=$l(`resize`,R))},{immediate:!0}),H(()=>[r.maxHeight,r.height],()=>{r.native||x(()=>{var e;R(),v.value&&((e=b.value)==null||e.handleScroll(v.value))})}),M(Md,N({scrollbarElement:_,wrapElement:v})),T(()=>{v.value&&(v.value.scrollTop=p,v.value.scrollLeft=m)}),k(()=>{r.native||x(()=>{R()})}),A(()=>R()),t({wrapRef:v,update:R,scrollTo:L,setScrollTop:ne,setScrollLeft:ie,handleScroll:F}),(e,t)=>(j(),u(`div`,{ref_key:`scrollbarRef`,ref:_,class:S(B(i).b())},[d(`div`,{ref_key:`wrapRef`,ref:v,class:S(B(E)),style:w(B(C)),tabindex:e.tabindex,onScroll:F},[(j(),c(re(e.tag),{id:e.id,ref_key:`resizeRef`,ref:y,class:S(B(D)),style:w(e.viewStyle),role:e.role,"aria-label":e.ariaLabel,"aria-orientation":e.ariaOrientation},{default:U(()=>[I(e.$slots,`default`)]),_:3},8,[`id`,`class`,`style`,`role`,`aria-label`,`aria-orientation`]))],46,[`tabindex`]),e.native?l(`v-if`,!0):(j(),c(Pd,{key:0,ref_key:`barRef`,ref:b,always:e.always,"min-size":e.minSize},null,8,[`always`,`min-size`]))],2))}}),[[`__file`,`scrollbar.vue`]])),Bd=Symbol(`popper`),Vd=Symbol(`popperContent`),Hd=Z({role:{type:String,values:[`dialog`,`grid`,`group`,`listbox`,`menu`,`navigation`,`tooltip`,`tree`],default:`tooltip`}});var Ud=Q(m({...m({name:`ElPopper`,inheritAttrs:!1}),props:Hd,setup(e,{expose:t}){let n=e,r={triggerRef:P(),popperInstanceRef:P(),contentRef:P(),referenceRef:P(),role:s(()=>n.role)};return t(r),M(Bd,r),(e,t)=>I(e.$slots,`default`)}}),[[`__file`,`popper.vue`]]),Wd=Q(m({...m({name:`ElPopperArrow`,inheritAttrs:!1}),setup(e,{expose:t}){let n=zt(`popper`),{arrowRef:r,arrowStyle:i}=_(Vd,void 0);return D(()=>{r.value=void 0}),t({arrowRef:r}),(e,t)=>(j(),u(`span`,{ref_key:`arrowRef`,ref:r,class:S(B(n).e(`arrow`)),style:w(B(i)),"data-popper-arrow":``},null,6))}}),[[`__file`,`arrow.vue`]]);const Gd=Z({virtualRef:{type:X(Object)},virtualTriggering:Boolean,onMouseenter:{type:X(Function)},onMouseleave:{type:X(Function)},onClick:{type:X(Function)},onKeydown:{type:X(Function)},onFocus:{type:X(Function)},onBlur:{type:X(Function)},onContextmenu:{type:X(Function)},id:String,open:Boolean}),Kd=Symbol(`elForwardRef`),qd=e=>{M(Kd,{setForwardRef:t=>{e.value=t}})},Jd=e=>({mounted(t){e(t)},updated(t){e(t)},unmounted(){e(null)}});var Yd=G(q(),1);const Xd=`ElOnlyChild`,Zd=m({name:Xd,setup(e,{slots:t,attrs:n}){let r=Jd(_(Kd)?.setForwardRef??Yd.NOOP);return()=>{let e=t.default?.call(t,n);if(!e)return null;let[i,a]=Qd(e);return i?(a>1&&wu(Xd,`requires exact only one valid child.`),de(o(i,n),[[r]])):(wu(Xd,`no valid child node found`),null)}}});function Qd(e){if(!e)return[null,0];let r=e,a=r.filter(e=>e.type!==t).length;for(let e of r){if((0,Yd.isObject)(e))switch(e.type){case t:continue;case i:case`svg`:return[$d(e),a];case n:return Qd(e.children);default:return[e,a]}return[$d(e),a]}return[null,0]}function $d(e){return p(`span`,{class:zt(`only-child`).e(`content`)},[e])}var ef=Q(m({...m({name:`ElPopperTrigger`,inheritAttrs:!1}),props:Gd,setup(e,{expose:t}){let n=e,{role:r,triggerRef:i}=_(Bd,void 0);qd(i);let a=s(()=>u.value?n.id:void 0),o=s(()=>{if(r&&r.value===`tooltip`)return n.open&&n.id?n.id:void 0}),u=s(()=>{if(r&&r.value!==`tooltip`)return r.value}),d=s(()=>u.value?`${n.open}`:void 0),f,p=[`onMouseenter`,`onMouseleave`,`onClick`,`onKeydown`,`onFocus`,`onBlur`,`onContextmenu`];return k(()=>{H(()=>n.virtualRef,e=>{e&&(i.value=Zl(e))},{immediate:!0}),H(i,(e,t)=>{f?.(),f=void 0,xl(e)&&(p.forEach(r=>{var i;let a=n[r];a&&(e.addEventListener(r.slice(2).toLowerCase(),a,[`onFocus`,`onBlur`].includes(r)),(i=t?.removeEventListener)==null||i.call(t,r.slice(2).toLowerCase(),a,[`onFocus`,`onBlur`].includes(r)))}),wd(e)&&(f=H([a,o,u,d],t=>{[`aria-controls`,`aria-describedby`,`aria-haspopup`,`aria-expanded`].forEach((n,r)=>{ol(t[r])?e.removeAttribute(n):e.setAttribute(n,t[r])})},{immediate:!0}))),xl(t)&&wd(t)&&[`aria-controls`,`aria-describedby`,`aria-haspopup`,`aria-expanded`].forEach(e=>t.removeAttribute(e))},{immediate:!0})}),D(()=>{if(f?.(),f=void 0,i.value&&xl(i.value)){let e=i.value;p.forEach(t=>{let r=n[t];r&&e.removeEventListener(t.slice(2).toLowerCase(),r,[`onFocus`,`onBlur`].includes(t))}),i.value=void 0}}),t({triggerRef:i}),(e,t)=>e.virtualTriggering?l(`v-if`,!0):(j(),c(B(Zd),b({key:0},e.$attrs,{"aria-controls":B(a),"aria-describedby":B(o),"aria-expanded":B(d),"aria-haspopup":B(u)}),{default:U(()=>[I(e.$slots,`default`)]),_:3},16,[`aria-controls`,`aria-describedby`,`aria-expanded`,`aria-haspopup`]))}}),[[`__file`,`trigger.vue`]]);const tf=`focus-trap.focus-after-trapped`,nf=`focus-trap.focus-after-released`,rf={cancelable:!0,bubbles:!1},af={cancelable:!0,bubbles:!1},of=`focusAfterTrapped`,sf=`focusAfterReleased`,cf=Symbol(`elFocusTrap`),lf=P(),uf=P(0),df=P(0);let ff=0;const pf=e=>{let t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{let t=e.tagName===`INPUT`&&e.type===`hidden`;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0||e===document.activeElement?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)t.push(n.currentNode);return t},mf=(e,t)=>{for(let n of e)if(!hf(n,t))return n},hf=(e,t)=>{if(getComputedStyle(e).visibility===`hidden`)return!0;for(;e;){if(t&&e===t)return!1;if(getComputedStyle(e).display===`none`)return!0;e=e.parentElement}return!1},gf=e=>{let t=pf(e);return[mf(t,e),mf(t.reverse(),e)]},_f=e=>e instanceof HTMLInputElement&&`select`in e,vf=(e,t)=>{if(e){let n=document.activeElement;Td(e,{preventScroll:!0}),df.value=window.performance.now(),e!==n&&_f(e)&&t&&e.select()}};function yf(e,t){let n=[...e],r=e.indexOf(t);return r!==-1&&n.splice(r,1),n}const bf=()=>{let e=[];return{push:t=>{let n=e[0];n&&t!==n&&n.pause(),e=yf(e,t),e.unshift(t)},remove:t=>{var n,r;e=yf(e,t),(r=(n=e[0])?.resume)==null||r.call(n)}}},xf=(e,t=!1)=>{let n=document.activeElement;for(let r of e)if(vf(r,t),document.activeElement!==n)return},Sf=bf(),Cf=()=>uf.value>df.value,wf=()=>{lf.value=`pointer`,uf.value=window.performance.now()},Tf=()=>{lf.value=`keyboard`,uf.value=window.performance.now()},Ef=()=>(k(()=>{ff===0&&(document.addEventListener(`mousedown`,wf),document.addEventListener(`touchstart`,wf),document.addEventListener(`keydown`,Tf)),ff++}),D(()=>{ff--,ff<=0&&(document.removeEventListener(`mousedown`,wf),document.removeEventListener(`touchstart`,wf),document.removeEventListener(`keydown`,Tf))}),{focusReason:lf,lastUserFocusTimestamp:uf,lastAutomatedFocusTimestamp:df}),Df=e=>new CustomEvent(`focus-trap.focusout-prevented`,{...af,detail:e}),$={tab:`Tab`,enter:`Enter`,space:`Space`,left:`ArrowLeft`,up:`ArrowUp`,right:`ArrowRight`,down:`ArrowDown`,esc:`Escape`,delete:`Delete`,backspace:`Backspace`,numpadEnter:`NumpadEnter`,pageUp:`PageUp`,pageDown:`PageDown`,home:`Home`,end:`End`},Of=(e,t,{checkForDefaultPrevented:n=!0}={})=>r=>{let i=e?.(r);if(n===!1||!i)return t?.(r)},kf=e=>{if(e.code&&e.code!==`Unidentified`)return e.code;let t=Af(e);if(t){if(Object.values($).includes(t))return t;switch(t){case` `:return $.space;default:return``}}return``},Af=e=>{let t=e.key&&e.key!==`Unidentified`?e.key:``;if(!t&&e.type===`keyup`&&ud()){let n=e.target;t=n.value.charAt(n.selectionStart-1)}return t};let jf=[];const Mf=e=>{kf(e)===$.esc&&jf.forEach(t=>t(e))},Nf=e=>{k(()=>{jf.length===0&&document.addEventListener(`keydown`,Mf),Y&&jf.push(e)}),D(()=>{jf=jf.filter(t=>t!==e),jf.length===0&&Y&&document.removeEventListener(`keydown`,Mf)})};var Pf=G(q(),1);const Ff=m({name:`ElFocusTrap`,inheritAttrs:!1,props:{loop:Boolean,trapped:Boolean,focusTrapEl:Object,focusStartEl:{type:[Object,String],default:`first`}},emits:[of,sf,`focusin`,`focusout`,`focusout-prevented`,`release-requested`],setup(e,{emit:t}){let n=P(),r,i,{focusReason:a}=Ef();Nf(n=>{e.trapped&&!o.paused&&t(`release-requested`,n)});let o={paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}},s=n=>{if(!e.loop&&!e.trapped||o.paused)return;let{altKey:r,ctrlKey:i,metaKey:s,currentTarget:c,shiftKey:l}=n,{loop:u}=e,d=kf(n)===$.tab&&!r&&!i&&!s,f=document.activeElement;if(d&&f){let e=c,[r,i]=gf(e);if(r&&i){if(!l&&f===i){let e=Df({focusReason:a.value});t(`focusout-prevented`,e),e.defaultPrevented||(n.preventDefault(),u&&vf(r,!0))}else if(l&&[r,e].includes(f)){let e=Df({focusReason:a.value});t(`focusout-prevented`,e),e.defaultPrevented||(n.preventDefault(),u&&vf(i,!0))}}else if(f===e){let e=Df({focusReason:a.value});t(`focusout-prevented`,e),e.defaultPrevented||n.preventDefault()}}};M(cf,{focusTrapRef:n,onKeydown:s}),H(()=>e.focusTrapEl,e=>{e&&(n.value=e)},{immediate:!0}),H([n],([e],[t])=>{e&&(e.addEventListener(`keydown`,s),e.addEventListener(`focusin`,u),e.addEventListener(`focusout`,d)),t&&(t.removeEventListener(`keydown`,s),t.removeEventListener(`focusin`,u),t.removeEventListener(`focusout`,d))});let c=e=>{t(of,e)},l=e=>t(sf,e),u=a=>{let s=B(n);if(!s)return;let c=a.target,l=a.relatedTarget,u=c&&s.contains(c);e.trapped||l&&s.contains(l)||(r=l),u&&t(`focusin`,a),!o.paused&&e.trapped&&(u?i=c:vf(i,!0))},d=r=>{let s=B(n);if(!(o.paused||!s))if(e.trapped){let n=r.relatedTarget;!ol(n)&&!s.contains(n)&&setTimeout(()=>{if(!o.paused&&e.trapped){let e=Df({focusReason:a.value});t(`focusout-prevented`,e),e.defaultPrevented||vf(i,!0)}},0)}else{let e=r.target;e&&s.contains(e)||t(`focusout`,r)}};async function f(){await x();let t=B(n);if(t){Sf.push(o);let n=t.contains(document.activeElement)?r:document.activeElement;if(r=n,!t.contains(n)){let r=new Event(tf,rf);t.addEventListener(tf,c),t.dispatchEvent(r),r.defaultPrevented||x(()=>{let r=e.focusStartEl;(0,Pf.isString)(r)||(vf(r),document.activeElement!==r&&(r=`first`)),r===`first`&&xf(pf(t),!0),(document.activeElement===n||r===`container`)&&vf(t)})}}}function p(){let e=B(n);if(e){e.removeEventListener(tf,c);let t=new CustomEvent(nf,{...rf,detail:{focusReason:a.value}});e.addEventListener(nf,l),e.dispatchEvent(t),!t.defaultPrevented&&(a.value==`keyboard`||!Cf()||e.contains(document.activeElement))&&vf(r??document.body),e.removeEventListener(nf,l),Sf.remove(o),r=null,i=null}}return k(()=>{e.trapped&&f(),H(()=>e.trapped,e=>{e?f():p()})}),D(()=>{e.trapped&&p(),n.value&&=(n.value.removeEventListener(`keydown`,s),n.value.removeEventListener(`focusin`,u),n.value.removeEventListener(`focusout`,d),void 0)}),{onKeydown:s}}});function If(e,t,n,r,i,a){return I(e.$slots,`default`,{handleKeydown:e.onKeydown})}var Lf=Q(Ff,[[`render`,If],[`__file`,`focus-trap.vue`]]),Rf=`top`,zf=`bottom`,Bf=`right`,Vf=`left`,Hf=`auto`,Uf=[Rf,zf,Bf,Vf],Wf=`start`,Gf=`end`,Kf=`clippingParents`,qf=`viewport`,Jf=`popper`,Yf=`reference`,Xf=Uf.reduce(function(e,t){return e.concat([t+`-`+Wf,t+`-`+Gf])},[]),Zf=[].concat(Uf,[Hf]).reduce(function(e,t){return e.concat([t,t+`-`+Wf,t+`-`+Gf])},[]),Qf=[`beforeRead`,`read`,`afterRead`,`beforeMain`,`main`,`afterMain`,`beforeWrite`,`write`,`afterWrite`];function $f(e){return e?(e.nodeName||``).toLowerCase():null}function ep(e){if(e==null)return window;if(e.toString()!==`[object Window]`){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function tp(e){return e instanceof ep(e).Element||e instanceof Element}function np(e){return e instanceof ep(e).HTMLElement||e instanceof HTMLElement}function rp(e){return typeof ShadowRoot>`u`?!1:e instanceof ep(e).ShadowRoot||e instanceof ShadowRoot}function ip(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var n=t.styles[e]||{},r=t.attributes[e]||{},i=t.elements[e];!np(i)||!$f(i)||(Object.assign(i.style,n),Object.keys(r).forEach(function(e){var t=r[e];t===!1?i.removeAttribute(e):i.setAttribute(e,t===!0?``:t)}))})}function ap(e){var t=e.state,n={popper:{position:t.options.strategy,left:`0`,top:`0`,margin:`0`},arrow:{position:`absolute`},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.styles=n,t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach(function(e){var r=t.elements[e],i=t.attributes[e]||{},a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:n[e]).reduce(function(e,t){return e[t]=``,e},{});!np(r)||!$f(r)||(Object.assign(r.style,a),Object.keys(i).forEach(function(e){r.removeAttribute(e)}))})}}var op={name:`applyStyles`,enabled:!0,phase:`write`,fn:ip,effect:ap,requires:[`computeStyles`]};function sp(e){return e.split(`-`)[0]}var cp=Math.max,lp=Math.min,up=Math.round;function dp(e,t){t===void 0&&(t=!1);var n=e.getBoundingClientRect(),r=1,i=1;if(np(e)&&t){var a=e.offsetHeight,o=e.offsetWidth;o>0&&(r=up(n.width)/o||1),a>0&&(i=up(n.height)/a||1)}return{width:n.width/r,height:n.height/i,top:n.top/i,right:n.right/r,bottom:n.bottom/i,left:n.left/r,x:n.left/r,y:n.top/i}}function fp(e){var t=dp(e),n=e.offsetWidth,r=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-r)<=1&&(r=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:r}}function pp(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&rp(n)){var r=t;do{if(r&&e.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function mp(e){return ep(e).getComputedStyle(e)}function hp(e){return[`table`,`td`,`th`].indexOf($f(e))>=0}function gp(e){return((tp(e)?e.ownerDocument:e.document)||window.document).documentElement}function _p(e){return $f(e)===`html`?e:e.assignedSlot||e.parentNode||(rp(e)?e.host:null)||gp(e)}function vp(e){return!np(e)||mp(e).position===`fixed`?null:e.offsetParent}function yp(e){var t=navigator.userAgent.toLowerCase().indexOf(`firefox`)!==-1;if(navigator.userAgent.indexOf(`Trident`)!==-1&&np(e)&&mp(e).position===`fixed`)return null;var n=_p(e);for(rp(n)&&(n=n.host);np(n)&&[`html`,`body`].indexOf($f(n))<0;){var r=mp(n);if(r.transform!==`none`||r.perspective!==`none`||r.contain===`paint`||[`transform`,`perspective`].indexOf(r.willChange)!==-1||t&&r.willChange===`filter`||t&&r.filter&&r.filter!==`none`)return n;n=n.parentNode}return null}function bp(e){for(var t=ep(e),n=vp(e);n&&hp(n)&&mp(n).position===`static`;)n=vp(n);return n&&($f(n)===`html`||$f(n)===`body`&&mp(n).position===`static`)?t:n||yp(e)||t}function xp(e){return[`top`,`bottom`].indexOf(e)>=0?`x`:`y`}function Sp(e,t,n){return cp(e,lp(t,n))}function Cp(e,t,n){var r=Sp(e,t,n);return r>n?n:r}function wp(){return{top:0,right:0,bottom:0,left:0}}function Tp(e){return Object.assign({},wp(),e)}function Ep(e,t){return t.reduce(function(t,n){return t[n]=e,t},{})}var Dp=function(e,t){return e=typeof e==`function`?e(Object.assign({},t.rects,{placement:t.placement})):e,Tp(typeof e==`number`?Ep(e,Uf):e)};function Op(e){var t,n=e.state,r=e.name,i=e.options,a=n.elements.arrow,o=n.modifiersData.popperOffsets,s=sp(n.placement),c=xp(s),l=[Vf,Bf].indexOf(s)>=0?`height`:`width`;if(!(!a||!o)){var u=Dp(i.padding,n),d=fp(a),f=c===`y`?Rf:Vf,p=c===`y`?zf:Bf,m=n.rects.reference[l]+n.rects.reference[c]-o[c]-n.rects.popper[l],h=o[c]-n.rects.reference[c],g=bp(a),_=g?c===`y`?g.clientHeight||0:g.clientWidth||0:0,v=m/2-h/2,y=u[f],b=_-d[l]-u[p],x=_/2-d[l]/2+v,S=Sp(y,x,b),C=c;n.modifiersData[r]=(t={},t[C]=S,t.centerOffset=S-x,t)}}function kp(e){var t=e.state,n=e.options.element,r=n===void 0?`[data-popper-arrow]`:n;r!=null&&(typeof r==`string`&&(r=t.elements.popper.querySelector(r),!r)||!pp(t.elements.popper,r)||(t.elements.arrow=r))}var Ap={name:`arrow`,enabled:!0,phase:`main`,fn:Op,effect:kp,requires:[`popperOffsets`],requiresIfExists:[`preventOverflow`]};function jp(e){return e.split(`-`)[1]}var Mp={top:`auto`,right:`auto`,bottom:`auto`,left:`auto`};function Np(e){var t=e.x,n=e.y,r=window.devicePixelRatio||1;return{x:up(t*r)/r||0,y:up(n*r)/r||0}}function Pp(e){var t,n=e.popper,r=e.popperRect,i=e.placement,a=e.variation,o=e.offsets,s=e.position,c=e.gpuAcceleration,l=e.adaptive,u=e.roundOffsets,d=e.isFixed,f=o.x,p=f===void 0?0:f,m=o.y,h=m===void 0?0:m,g=typeof u==`function`?u({x:p,y:h}):{x:p,y:h};p=g.x,h=g.y;var _=o.hasOwnProperty(`x`),v=o.hasOwnProperty(`y`),y=Vf,b=Rf,x=window;if(l){var S=bp(n),C=`clientHeight`,w=`clientWidth`;if(S===ep(n)&&(S=gp(n),mp(S).position!==`static`&&s===`absolute`&&(C=`scrollHeight`,w=`scrollWidth`)),S=S,i===Rf||(i===Vf||i===Bf)&&a===Gf){b=zf;var T=d&&S===x&&x.visualViewport?x.visualViewport.height:S[C];h-=T-r.height,h*=c?1:-1}if(i===Vf||(i===Rf||i===zf)&&a===Gf){y=Bf;var E=d&&S===x&&x.visualViewport?x.visualViewport.width:S[w];p-=E-r.width,p*=c?1:-1}}var D=Object.assign({position:s},l&&Mp),O=u===!0?Np({x:p,y:h}):{x:p,y:h};if(p=O.x,h=O.y,c){var k;return Object.assign({},D,(k={},k[b]=v?`0`:``,k[y]=_?`0`:``,k.transform=(x.devicePixelRatio||1)<=1?`translate(`+p+`px, `+h+`px)`:`translate3d(`+p+`px, `+h+`px, 0)`,k))}return Object.assign({},D,(t={},t[b]=v?h+`px`:``,t[y]=_?p+`px`:``,t.transform=``,t))}function Fp(e){var t=e.state,n=e.options,r=n.gpuAcceleration,i=r===void 0?!0:r,a=n.adaptive,o=a===void 0?!0:a,s=n.roundOffsets,c=s===void 0?!0:s,l={placement:sp(t.placement),variation:jp(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:i,isFixed:t.options.strategy===`fixed`};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,Pp(Object.assign({},l,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:o,roundOffsets:c})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,Pp(Object.assign({},l,{offsets:t.modifiersData.arrow,position:`absolute`,adaptive:!1,roundOffsets:c})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}var Ip={name:`computeStyles`,enabled:!0,phase:`beforeWrite`,fn:Fp,data:{}},Lp={passive:!0};function Rp(e){var t=e.state,n=e.instance,r=e.options,i=r.scroll,a=i===void 0?!0:i,o=r.resize,s=o===void 0?!0:o,c=ep(t.elements.popper),l=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&l.forEach(function(e){e.addEventListener(`scroll`,n.update,Lp)}),s&&c.addEventListener(`resize`,n.update,Lp),function(){a&&l.forEach(function(e){e.removeEventListener(`scroll`,n.update,Lp)}),s&&c.removeEventListener(`resize`,n.update,Lp)}}var zp={name:`eventListeners`,enabled:!0,phase:`write`,fn:function(){},effect:Rp,data:{}},Bp={left:`right`,right:`left`,bottom:`top`,top:`bottom`};function Vp(e){return e.replace(/left|right|bottom|top/g,function(e){return Bp[e]})}var Hp={start:`end`,end:`start`};function Up(e){return e.replace(/start|end/g,function(e){return Hp[e]})}function Wp(e){var t=ep(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Gp(e){return dp(gp(e)).left+Wp(e).scrollLeft}function Kp(e){var t=ep(e),n=gp(e),r=t.visualViewport,i=n.clientWidth,a=n.clientHeight,o=0,s=0;return r&&(i=r.width,a=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(o=r.offsetLeft,s=r.offsetTop)),{width:i,height:a,x:o+Gp(e),y:s}}function qp(e){var t=gp(e),n=Wp(e),r=e.ownerDocument?.body,i=cp(t.scrollWidth,t.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=cp(t.scrollHeight,t.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),o=-n.scrollLeft+Gp(e),s=-n.scrollTop;return mp(r||t).direction===`rtl`&&(o+=cp(t.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:o,y:s}}function Jp(e){var t=mp(e),n=t.overflow,r=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+i+r)}function Yp(e){return[`html`,`body`,`#document`].indexOf($f(e))>=0?e.ownerDocument.body:np(e)&&Jp(e)?e:Yp(_p(e))}function Xp(e,t){t===void 0&&(t=[]);var n=Yp(e),r=n===e.ownerDocument?.body,i=ep(n),a=r?[i].concat(i.visualViewport||[],Jp(n)?n:[]):n,o=t.concat(a);return r?o:o.concat(Xp(_p(a)))}function Zp(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Qp(e){var t=dp(e);return t.top+=e.clientTop,t.left+=e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}function $p(e,t){return t===qf?Zp(Kp(e)):tp(t)?Qp(t):Zp(qp(gp(e)))}function em(e){var t=Xp(_p(e)),n=[`absolute`,`fixed`].indexOf(mp(e).position)>=0&&np(e)?bp(e):e;return tp(n)?t.filter(function(e){return tp(e)&&pp(e,n)&&$f(e)!==`body`}):[]}function tm(e,t,n){var r=t===`clippingParents`?em(e):[].concat(t),i=[].concat(r,[n]),a=i[0],o=i.reduce(function(t,n){var r=$p(e,n);return t.top=cp(r.top,t.top),t.right=lp(r.right,t.right),t.bottom=lp(r.bottom,t.bottom),t.left=cp(r.left,t.left),t},$p(e,a));return o.width=o.right-o.left,o.height=o.bottom-o.top,o.x=o.left,o.y=o.top,o}function nm(e){var t=e.reference,n=e.element,r=e.placement,i=r?sp(r):null,a=r?jp(r):null,o=t.x+t.width/2-n.width/2,s=t.y+t.height/2-n.height/2,c;switch(i){case Rf:c={x:o,y:t.y-n.height};break;case zf:c={x:o,y:t.y+t.height};break;case Bf:c={x:t.x+t.width,y:s};break;case Vf:c={x:t.x-n.width,y:s};break;default:c={x:t.x,y:t.y}}var l=i?xp(i):null;if(l!=null){var u=l===`y`?`height`:`width`;switch(a){case Wf:c[l]=c[l]-(t[u]/2-n[u]/2);break;case Gf:c[l]=c[l]+(t[u]/2-n[u]/2);break}}return c}function rm(e,t){t===void 0&&(t={});var n=t,r=n.placement,i=r===void 0?e.placement:r,a=n.boundary,o=a===void 0?Kf:a,s=n.rootBoundary,c=s===void 0?qf:s,l=n.elementContext,u=l===void 0?Jf:l,d=n.altBoundary,f=d===void 0?!1:d,p=n.padding,m=p===void 0?0:p,h=Tp(typeof m==`number`?Ep(m,Uf):m),g=u===Jf?Yf:Jf,_=e.rects.popper,v=e.elements[f?g:u],y=tm(tp(v)?v:v.contextElement||gp(e.elements.popper),o,c),b=dp(e.elements.reference),x=nm({reference:b,element:_,strategy:`absolute`,placement:i}),S=Zp(Object.assign({},_,x)),C=u===Jf?S:b,w={top:y.top-C.top+h.top,bottom:C.bottom-y.bottom+h.bottom,left:y.left-C.left+h.left,right:C.right-y.right+h.right},T=e.modifiersData.offset;if(u===Jf&&T){var E=T[i];Object.keys(w).forEach(function(e){var t=[Bf,zf].indexOf(e)>=0?1:-1,n=[Rf,zf].indexOf(e)>=0?`y`:`x`;w[e]+=E[n]*t})}return w}function im(e,t){t===void 0&&(t={});var n=t,r=n.placement,i=n.boundary,a=n.rootBoundary,o=n.padding,s=n.flipVariations,c=n.allowedAutoPlacements,l=c===void 0?Zf:c,u=jp(r),d=u?s?Xf:Xf.filter(function(e){return jp(e)===u}):Uf,f=d.filter(function(e){return l.indexOf(e)>=0});f.length===0&&(f=d);var p=f.reduce(function(t,n){return t[n]=rm(e,{placement:n,boundary:i,rootBoundary:a,padding:o})[sp(n)],t},{});return Object.keys(p).sort(function(e,t){return p[e]-p[t]})}function am(e){if(sp(e)===Hf)return[];var t=Vp(e);return[Up(e),t,Up(t)]}function om(e){var t=e.state,n=e.options,r=e.name;if(!t.modifiersData[r]._skip){for(var i=n.mainAxis,a=i===void 0?!0:i,o=n.altAxis,s=o===void 0?!0:o,c=n.fallbackPlacements,l=n.padding,u=n.boundary,d=n.rootBoundary,f=n.altBoundary,p=n.flipVariations,m=p===void 0?!0:p,h=n.allowedAutoPlacements,g=t.options.placement,_=sp(g)===g,v=c||(_||!m?[Vp(g)]:am(g)),y=[g].concat(v).reduce(function(e,n){return e.concat(sp(n)===Hf?im(t,{placement:n,boundary:u,rootBoundary:d,padding:l,flipVariations:m,allowedAutoPlacements:h}):n)},[]),b=t.rects.reference,x=t.rects.popper,S=new Map,C=!0,w=y[0],T=0;T<y.length;T++){var E=y[T],D=sp(E),O=jp(E)===Wf,k=[Rf,zf].indexOf(D)>=0,ee=k?`width`:`height`,A=rm(t,{placement:E,boundary:u,rootBoundary:d,altBoundary:f,padding:l}),j=k?O?Bf:Vf:O?zf:Rf;b[ee]>x[ee]&&(j=Vp(j));var M=Vp(j),N=[];if(a&&N.push(A[D]<=0),s&&N.push(A[j]<=0,A[M]<=0),N.every(function(e){return e})){w=E,C=!1;break}S.set(E,N)}if(C)for(var te=m?3:1,P=function(e){var t=y.find(function(t){var n=S.get(t);if(n)return n.slice(0,e).every(function(e){return e})});if(t)return w=t,`break`},F=te;F>0&&P(F)!==`break`;F--);t.placement!==w&&(t.modifiersData[r]._skip=!0,t.placement=w,t.reset=!0)}}var sm={name:`flip`,enabled:!0,phase:`main`,fn:om,requiresIfExists:[`offset`],data:{_skip:!1}};function cm(e,t,n){return n===void 0&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function lm(e){return[Rf,Bf,zf,Vf].some(function(t){return e[t]>=0})}function um(e){var t=e.state,n=e.name,r=t.rects.reference,i=t.rects.popper,a=t.modifiersData.preventOverflow,o=rm(t,{elementContext:`reference`}),s=rm(t,{altBoundary:!0}),c=cm(o,r),l=cm(s,i,a),u=lm(c),d=lm(l);t.modifiersData[n]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:u,hasPopperEscaped:d},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":d})}var dm={name:`hide`,enabled:!0,phase:`main`,requiresIfExists:[`preventOverflow`],fn:um};function fm(e,t,n){var r=sp(e),i=[Vf,Rf].indexOf(r)>=0?-1:1,a=typeof n==`function`?n(Object.assign({},t,{placement:e})):n,o=a[0],s=a[1];return o||=0,s=(s||0)*i,[Vf,Bf].indexOf(r)>=0?{x:s,y:o}:{x:o,y:s}}function pm(e){var t=e.state,n=e.options,r=e.name,i=n.offset,a=i===void 0?[0,0]:i,o=Zf.reduce(function(e,n){return e[n]=fm(n,t.rects,a),e},{}),s=o[t.placement],c=s.x,l=s.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=c,t.modifiersData.popperOffsets.y+=l),t.modifiersData[r]=o}var mm={name:`offset`,enabled:!0,phase:`main`,requires:[`popperOffsets`],fn:pm};function hm(e){var t=e.state,n=e.name;t.modifiersData[n]=nm({reference:t.rects.reference,element:t.rects.popper,strategy:`absolute`,placement:t.placement})}var gm={name:`popperOffsets`,enabled:!0,phase:`read`,fn:hm,data:{}};function _m(e){return e===`x`?`y`:`x`}function vm(e){var t=e.state,n=e.options,r=e.name,i=n.mainAxis,a=i===void 0?!0:i,o=n.altAxis,s=o===void 0?!1:o,c=n.boundary,l=n.rootBoundary,u=n.altBoundary,d=n.padding,f=n.tether,p=f===void 0?!0:f,m=n.tetherOffset,h=m===void 0?0:m,g=rm(t,{boundary:c,rootBoundary:l,padding:d,altBoundary:u}),_=sp(t.placement),v=jp(t.placement),y=!v,b=xp(_),x=_m(b),S=t.modifiersData.popperOffsets,C=t.rects.reference,w=t.rects.popper,T=typeof h==`function`?h(Object.assign({},t.rects,{placement:t.placement})):h,E=typeof T==`number`?{mainAxis:T,altAxis:T}:Object.assign({mainAxis:0,altAxis:0},T),D=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,O={x:0,y:0};if(S){if(a){var k=b===`y`?Rf:Vf,ee=b===`y`?zf:Bf,A=b===`y`?`height`:`width`,j=S[b],M=j+g[k],N=j-g[ee],te=p?-w[A]/2:0,P=v===Wf?C[A]:w[A],F=v===Wf?-w[A]:-C[A],I=t.elements.arrow,L=p&&I?fp(I):{width:0,height:0},ne=t.modifiersData[`arrow#persistent`]?t.modifiersData[`arrow#persistent`].padding:wp(),re=ne[k],ie=ne[ee],R=Sp(0,C[A],L[A]),ae=y?C[A]/2-te-R-re-E.mainAxis:P-R-re-E.mainAxis,oe=y?-C[A]/2+te+R+ie+E.mainAxis:F+R+ie+E.mainAxis,z=t.elements.arrow&&bp(t.elements.arrow),se=z?b===`y`?z.clientTop||0:z.clientLeft||0:0,B=D?.[b]??0,ce=j+ae-B-se,V=j+oe-B,le=Sp(p?lp(M,ce):M,j,p?cp(N,V):N);S[b]=le,O[b]=le-j}if(s){var H=b===`x`?Rf:Vf,ue=b===`x`?zf:Bf,U=S[x],de=x===`y`?`height`:`width`,fe=U+g[H],pe=U-g[ue],me=[Rf,Vf].indexOf(_)!==-1,W=D?.[x]??0,he=me?fe:U-C[de]-w[de]-W+E.altAxis,ge=me?U+C[de]+w[de]-W-E.altAxis:pe,_e=p&&me?Cp(he,U,ge):Sp(p?he:fe,U,p?ge:pe);S[x]=_e,O[x]=_e-U}t.modifiersData[r]=O}}var ym={name:`preventOverflow`,enabled:!0,phase:`main`,fn:vm,requiresIfExists:[`offset`]};function bm(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function xm(e){return e===ep(e)||!np(e)?Wp(e):bm(e)}function Sm(e){var t=e.getBoundingClientRect(),n=up(t.width)/e.offsetWidth||1,r=up(t.height)/e.offsetHeight||1;return n!==1||r!==1}function Cm(e,t,n){n===void 0&&(n=!1);var r=np(t),i=np(t)&&Sm(t),a=gp(t),o=dp(e,i),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(r||!r&&!n)&&(($f(t)!==`body`||Jp(a))&&(s=xm(t)),np(t)?(c=dp(t,!0),c.x+=t.clientLeft,c.y+=t.clientTop):a&&(c.x=Gp(a))),{x:o.left+s.scrollLeft-c.x,y:o.top+s.scrollTop-c.y,width:o.width,height:o.height}}function wm(e){var t=new Map,n=new Set,r=[];e.forEach(function(e){t.set(e.name,e)});function i(e){n.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!n.has(e)){var r=t.get(e);r&&i(r)}}),r.push(e)}return e.forEach(function(e){n.has(e.name)||i(e)}),r}function Tm(e){var t=wm(e);return Qf.reduce(function(e,n){return e.concat(t.filter(function(e){return e.phase===n}))},[])}function Em(e){var t;return function(){return t||=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})}),t}}function Dm(e){var t=e.reduce(function(e,t){var n=e[t.name];return e[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t,e},{});return Object.keys(t).map(function(e){return t[e]})}var Om={placement:`bottom`,modifiers:[],strategy:`absolute`};function km(){return![...arguments].some(function(e){return!(e&&typeof e.getBoundingClientRect==`function`)})}function Am(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,r=n===void 0?[]:n,i=t.defaultOptions,a=i===void 0?Om:i;return function(e,t,n){n===void 0&&(n=a);var i={placement:`bottom`,orderedModifiers:[],options:Object.assign({},Om,a),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},o=[],s=!1,c={state:i,setOptions:function(n){var o=typeof n==`function`?n(i.options):n;return u(),i.options=Object.assign({},a,i.options,o),i.scrollParents={reference:tp(e)?Xp(e):e.contextElement?Xp(e.contextElement):[],popper:Xp(t)},i.orderedModifiers=Tm(Dm([].concat(r,i.options.modifiers))).filter(function(e){return e.enabled}),l(),c.update()},forceUpdate:function(){if(!s){var e=i.elements,t=e.reference,n=e.popper;if(km(t,n)){i.rects={reference:Cm(t,bp(n),i.options.strategy===`fixed`),popper:fp(n)},i.reset=!1,i.placement=i.options.placement,i.orderedModifiers.forEach(function(e){return i.modifiersData[e.name]=Object.assign({},e.data)});for(var r=0;r<i.orderedModifiers.length;r++){if(i.reset===!0){i.reset=!1,r=-1;continue}var a=i.orderedModifiers[r],o=a.fn,l=a.options,u=l===void 0?{}:l,d=a.name;typeof o==`function`&&(i=o({state:i,options:u,name:d,instance:c})||i)}}}},update:Em(function(){return new Promise(function(e){c.forceUpdate(),e(i)})}),destroy:function(){u(),s=!0}};if(!km(e,t))return c;c.setOptions(n).then(function(e){!s&&n.onFirstUpdate&&n.onFirstUpdate(e)});function l(){i.orderedModifiers.forEach(function(e){var t=e.name,n=e.options,r=n===void 0?{}:n,a=e.effect;if(typeof a==`function`){var s=a({state:i,name:t,instance:c,options:r});o.push(s||function(){})}})}function u(){o.forEach(function(e){return e()}),o=[]}return c}}Am(),Am({defaultModifiers:[zp,gm,Ip,op]});var jm=Am({defaultModifiers:[zp,gm,Ip,op,mm,sm,ym,Ap,dm]});const Mm=Z({arrowOffset:{type:Number,default:5}}),Nm=Z({...Z({boundariesPadding:{type:Number,default:0},fallbackPlacements:{type:X(Array),default:void 0},gpuAcceleration:{type:Boolean,default:!0},offset:{type:Number,default:12},placement:{type:String,values:Zf,default:`bottom`},popperOptions:{type:X(Object),default:()=>({})},strategy:{type:String,values:[`fixed`,`absolute`],default:`absolute`}}),...Mm,id:String,style:{type:X([String,Array,Object])},className:{type:X([String,Array,Object])},effect:{type:X(String),default:`dark`},visible:Boolean,enterable:{type:Boolean,default:!0},pure:Boolean,focusOnShow:Boolean,trapping:Boolean,popperClass:{type:X([String,Array,Object])},popperStyle:{type:X([String,Array,Object])},referenceEl:{type:X(Object)},triggerTargetEl:{type:X(Object)},stopPopperMouseEvent:{type:Boolean,default:!0},virtualTriggering:Boolean,zIndex:Number,...fd([`ariaLabel`]),loop:Boolean}),Pm={mouseenter:e=>e instanceof MouseEvent,mouseleave:e=>e instanceof MouseEvent,focus:()=>!0,blur:()=>!0,close:()=>!0},Fm=(e,t)=>{let n=P(!1),r=P();return{focusStartRef:r,trapped:n,onFocusAfterReleased:e=>{e.detail?.focusReason!==`pointer`&&(r.value=`first`,t(`blur`))},onFocusAfterTrapped:()=>{t(`focus`)},onFocusInTrap:t=>{e.visible&&!n.value&&(t.target&&(r.value=t.target),n.value=!0)},onFocusoutPrevented:t=>{e.trapping||(t.detail.focusReason===`pointer`&&t.preventDefault(),n.value=!1)},onReleaseRequested:()=>{n.value=!1,t(`close`)}}},Im=(e,t=[])=>{let{placement:n,strategy:r,popperOptions:i}=e,a={placement:n,strategy:r,...i,modifiers:[...Rm(e),...t]};return zm(a,i?.modifiers),a},Lm=e=>{if(Y)return Zl(e)};function Rm(e){let{offset:t,gpuAcceleration:n,fallbackPlacements:r}=e;return[{name:`offset`,options:{offset:[0,t??12]}},{name:`preventOverflow`,options:{padding:{top:0,bottom:0,left:0,right:0}}},{name:`flip`,options:{padding:5,fallbackPlacements:r}},{name:`computeStyles`,options:{gpuAcceleration:n}}]}function zm(e,t){t&&(e.modifiers=[...e.modifiers,...t??[]])}const Bm=(e,t,n={})=>{let r={name:`updateState`,enabled:!0,phase:`write`,fn:({state:e})=>{let t=Vm(e);Object.assign(o.value,t)},requires:[`computeStyles`]},i=s(()=>{let{onFirstUpdate:e,placement:t,strategy:i,modifiers:a}=B(n);return{onFirstUpdate:e,placement:t||`bottom`,strategy:i||`absolute`,modifiers:[...a||[],r,{name:`applyStyles`,enabled:!1}]}}),a=ie(),o=P({styles:{popper:{position:B(i).strategy,left:`0`,top:`0`},arrow:{position:`absolute`}},attributes:{}}),c=()=>{a.value&&=(a.value.destroy(),void 0)};return H(i,e=>{let t=B(a);t&&t.setOptions(e)},{deep:!0}),H([e,t],([e,t])=>{c(),!(!e||!t)&&(a.value=jm(e,t,B(i)))}),D(()=>{c()}),{state:s(()=>({...B(a)?.state||{}})),styles:s(()=>B(o).styles),attributes:s(()=>B(o).attributes),update:()=>B(a)?.update(),forceUpdate:()=>B(a)?.forceUpdate(),instanceRef:s(()=>B(a))}};function Vm(e){let t=Object.keys(e.elements);return{styles:nl(t.map(t=>[t,e.styles[t]||{}])),attributes:nl(t.map(t=>[t,e.attributes[t]]))}}const Hm=e=>{let{popperInstanceRef:t,contentRef:n,triggerRef:r,role:i}=_(Bd,void 0),a=P(),o=s(()=>e.arrowOffset),c=s(()=>({name:`eventListeners`,enabled:!!e.visible})),l=s(()=>{let e=B(a),t=B(o)??0;return{name:`arrow`,enabled:!cl(e),options:{element:e,padding:t}}}),u=s(()=>({onFirstUpdate:()=>{h()},...Im(e,[B(l),B(c)])})),d=s(()=>Lm(e.referenceEl)||B(r)),{attributes:f,state:p,styles:m,update:h,forceUpdate:g,instanceRef:v}=Bm(d,n,u);return H(v,e=>t.value=e,{flush:`sync`}),k(()=>{H(()=>{var e;return((e=B(d))?.getBoundingClientRect)?.call(e)},()=>{h()})}),{attributes:f,arrowRef:a,contentRef:n,instanceRef:v,state:p,styles:m,role:i,forceUpdate:g,update:h}},Um=(e,{attributes:t,styles:n,role:r})=>{let{nextZIndex:i}=ku(),a=zt(`popper`),o=s(()=>B(t).popper),c=P(yl(e.zIndex)?e.zIndex:i()),l=s(()=>[a.b(),a.is(`pure`,e.pure),a.is(e.effect),e.popperClass]),u=s(()=>[{zIndex:B(c)},B(n).popper,e.popperStyle||{}]);return{ariaModal:s(()=>r.value===`dialog`?`false`:void 0),arrowStyle:s(()=>B(n).arrow||{}),contentAttrs:o,contentClass:l,contentStyle:u,contentZIndex:c,updateZIndex:()=>{c.value=yl(e.zIndex)?e.zIndex:i()}}};var Wm=G(q(),1),Gm=Q(m({...m({name:`ElPopperContent`}),props:Nm,emits:Pm,setup(e,{expose:t,emit:n}){let r=e,{focusStartRef:i,trapped:a,onFocusAfterReleased:o,onFocusAfterTrapped:s,onFocusInTrap:c,onFocusoutPrevented:l,onReleaseRequested:d}=Fm(r,n),{attributes:f,arrowRef:m,contentRef:h,styles:g,instanceRef:v,role:y,update:x}=Hm(r),{ariaModal:S,arrowStyle:C,contentAttrs:w,contentClass:T,contentStyle:E,updateZIndex:O}=Um(r,{styles:g,attributes:f,role:y}),ee=_(vd,void 0);M(Vd,{arrowStyle:C,arrowRef:m}),ee&&M(vd,{...ee,addInputId:Wm.NOOP,removeInputId:Wm.NOOP});let A,N=(e=!0)=>{x(),e&&O()},te=()=>{N(!1),r.visible&&r.focusOnShow?a.value=!0:r.visible===!1&&(a.value=!1)};return k(()=>{H(()=>r.triggerTargetEl,(e,t)=>{A?.(),A=void 0;let n=B(e||h.value),i=B(t||h.value);xl(n)&&(A=H([y,()=>r.ariaLabel,S,()=>r.id],e=>{[`role`,`aria-label`,`aria-modal`,`id`].forEach((t,r)=>{ol(e[r])?n.removeAttribute(t):n.setAttribute(t,e[r])})},{immediate:!0})),i!==n&&xl(i)&&[`role`,`aria-label`,`aria-modal`,`id`].forEach(e=>{i.removeAttribute(e)})},{immediate:!0}),H(()=>r.visible,te,{immediate:!0})}),D(()=>{A?.(),A=void 0}),t({popperContentRef:h,popperInstanceRef:v,updatePopper:N,contentStyle:E}),(e,t)=>(j(),u(`div`,b({ref_key:`contentRef`,ref:h},B(w),{style:B(E),class:B(T),tabindex:`-1`,onMouseenter:t=>e.$emit(`mouseenter`,t),onMouseleave:t=>e.$emit(`mouseleave`,t)}),[p(B(Lf),{loop:e.loop,trapped:B(a),"trap-on-focus-in":!0,"focus-trap-el":B(h),"focus-start-el":B(i),onFocusAfterTrapped:B(s),onFocusAfterReleased:B(o),onFocusin:B(c),onFocusoutPrevented:B(l),onReleaseRequested:B(d)},{default:U(()=>[I(e.$slots,`default`)]),_:3},8,[`loop`,`trapped`,`focus-trap-el`,`focus-start-el`,`onFocusAfterTrapped`,`onFocusAfterReleased`,`onFocusin`,`onFocusoutPrevented`,`onReleaseRequested`])],16,[`onMouseenter`,`onMouseleave`]))}}),[[`__file`,`content.vue`]]);const Km=td(Ud),qm=Symbol(`elTooltip`),Jm=Z({to:{type:X([String,Object]),required:!0},disabled:Boolean}),Ym=Z({...od,...Nm,appendTo:{type:Jm.to.type},content:{type:String,default:``},rawContent:Boolean,persistent:Boolean,visible:{type:X(Boolean),default:null},transition:String,teleported:{type:Boolean,default:!0},disabled:Boolean,...fd([`ariaLabel`])}),Xm=Z({...Gd,disabled:Boolean,trigger:{type:X([String,Array]),default:`hover`},triggerKeys:{type:X(Array),default:()=>[$.enter,$.numpadEnter,$.space]},focusOnTarget:Boolean});var Zm=G(q(),1);const Qm=zu({type:X(Boolean),default:null}),$m=zu({type:X(Function)}),eh=e=>{let t=`update:${e}`,n=`onUpdate:${e}`,r=[t];return{useModelToggle:({indicator:r,toggleReason:i,shouldHideWhenRouteChanges:a,shouldProceed:o,onShow:c,onHide:l})=>{let u=h(),{emit:d}=u,f=u.props,p=s(()=>(0,Zm.isFunction)(f[n])),m=s(()=>f[e]===null),g=e=>{r.value!==!0&&(r.value=!0,i&&(i.value=e),(0,Zm.isFunction)(c)&&c(e))},_=e=>{r.value!==!1&&(r.value=!1,i&&(i.value=e),(0,Zm.isFunction)(l)&&l(e))},v=e=>{if(f.disabled===!0||(0,Zm.isFunction)(o)&&!o())return;let n=p.value&&Y;n&&d(t,!0),(m.value||!n)&&g(e)},y=e=>{if(f.disabled===!0||!Y)return;let n=p.value&&Y;n&&d(t,!1),(m.value||!n)&&_(e)},b=e=>{vl(e)&&(f.disabled&&e?p.value&&d(t,!1):r.value!==e&&(e?g():_()))};return H(()=>f[e],b),a&&u.appContext.config.globalProperties.$route!==void 0&&H(()=>({...u.proxy.$route}),()=>{a.value&&r.value&&y()}),k(()=>{b(f[e])}),{hide:y,show:v,toggle:()=>{r.value?y():v()},hasUpdateHandler:p}},useModelToggleProps:{[e]:Qm,[n]:$m},useModelToggleEmits:r}},{useModelToggle:th,useModelToggleProps:nh,useModelToggleEmits:rh}=eh(`modelValue`),{useModelToggleProps:ih,useModelToggleEmits:ah,useModelToggle:oh}=eh(`visible`),sh=Z({...Hd,...ih,...Ym,...Xm,...Mm,showArrow:{type:Boolean,default:!0}}),ch=[...ah,`before-show`,`before-hide`,`show`,`hide`,`open`,`close`];var lh=G(q(),1);const uh=(e,t)=>(0,lh.isArray)(e)?e.includes(t):e===t,dh=(e,t,n)=>r=>{uh(B(e),t)&&n(r)};var fh=Q(m({...m({name:`ElTooltipTrigger`}),props:Xm,setup(e,{expose:t}){let n=e,r=zt(`tooltip`),{controlled:i,id:a,open:o,onOpen:s,onClose:l,onToggle:u}=_(qm,void 0),d=P(null),f=()=>{if(B(i)||n.disabled)return!0},p=z(n,`trigger`),m=Of(f,dh(p,`hover`,e=>{s(e),n.focusOnTarget&&e.target&&x(()=>{Td(e.target,{preventScroll:!0})})})),h=Of(f,dh(p,`hover`,l)),g=Of(f,dh(p,`click`,e=>{e.button===0&&u(e)})),v=Of(f,dh(p,`focus`,s)),y=Of(f,dh(p,`focus`,l)),b=Of(f,dh(p,`contextmenu`,e=>{e.preventDefault(),u(e)})),C=Of(f,e=>{let t=kf(e);n.triggerKeys.includes(t)&&(e.preventDefault(),u(e))});return t({triggerRef:d}),(e,t)=>(j(),c(B(ef),{id:B(a),"virtual-ref":e.virtualRef,open:B(o),"virtual-triggering":e.virtualTriggering,class:S(B(r).e(`trigger`)),onBlur:B(y),onClick:B(g),onContextmenu:B(b),onFocus:B(v),onMouseenter:B(m),onMouseleave:B(h),onKeydown:B(C)},{default:U(()=>[I(e.$slots,`default`)]),_:3},8,[`id`,`virtual-ref`,`open`,`virtual-triggering`,`class`,`onBlur`,`onClick`,`onContextmenu`,`onFocus`,`onMouseenter`,`onMouseleave`,`onKeydown`]))}}),[[`__file`,`trigger.vue`]]);const ph=td(Q(m({__name:`teleport`,props:Jm,setup(e){return(e,t)=>e.disabled?I(e.$slots,`default`,{key:0}):(j(),c(r,{key:1,to:e.to},[I(e.$slots,`default`)],8,[`to`]))}}),[[`__file`,`teleport.vue`]])),mh=()=>{let e=Rt(),t=hd(),n=s(()=>`${e.value}-popper-container-${t.prefix}`);return{id:n,selector:s(()=>`#${n.value}`)}},hh=e=>{let t=document.createElement(`div`);return t.id=e,document.body.appendChild(t),t},gh=()=>{let{id:e,selector:t}=mh();return E(()=>{Y&&(document.body.querySelector(t.value)||hh(e.value))}),{id:e,selector:t}};var _h=G(q(),1);const vh=e=>!e&&e!==0?[]:(0,_h.isArray)(e)?e:[e];var yh=Q(m({...m({name:`ElTooltipContent`,inheritAttrs:!1}),props:Ym,setup(e,{expose:t}){let n=e,{selector:r}=mh(),i=zt(`tooltip`),o=P(),u=Bl(()=>o.value?.popperContentRef),d,{controlled:f,id:m,open:h,trigger:g,onClose:v,onOpen:y,onShow:x,onHide:S,onBeforeShow:C,onBeforeHide:w}=_(qm,void 0),T=s(()=>n.transition||`${i.namespace.value}-fade-in-linear`),E=s(()=>n.persistent);D(()=>{d?.()});let O=s(()=>B(E)?!0:B(h)),k=s(()=>n.disabled?!1:B(h)),ee=s(()=>n.appendTo||r.value),A=s(()=>n.style??{}),M=P(!0),N=()=>{S(),ae()&&Td(document.body,{preventScroll:!0}),M.value=!0},te=()=>{if(B(f))return!0},F=Of(te,()=>{n.enterable&&uh(B(g),`hover`)&&y()}),L=Of(te,()=>{uh(B(g),`hover`)&&v()}),ne=()=>{var e,t;(t=(e=o.value)?.updatePopper)==null||t.call(e),C?.()},re=()=>{w?.()},ie=()=>{x()},R=()=>{n.virtualTriggering||v()},ae=e=>{let t=o.value?.popperContentRef,n=e?.relatedTarget||document.activeElement;return t?.contains(n)};return H(()=>B(h),e=>{e?(M.value=!1,d=tu(u,()=>{B(f)||vh(B(g)).every(e=>e!==`hover`&&e!==`focus`)&&v()},{detectIframe:!0})):d?.()},{flush:`post`}),H(()=>n.content,()=>{var e,t;(t=(e=o.value)?.updatePopper)==null||t.call(e)}),t({contentRef:o,isFocusInsideContent:ae}),(e,t)=>(j(),c(B(ph),{disabled:!e.teleported,to:B(ee)},{default:U(()=>[B(O)||!M.value?(j(),c(a,{key:0,name:B(T),appear:!B(E),onAfterLeave:N,onBeforeEnter:ne,onAfterEnter:ie,onBeforeLeave:re,persisted:``},{default:U(()=>[de(p(B(Gm),b({id:B(m),ref_key:`contentRef`,ref:o},e.$attrs,{"aria-label":e.ariaLabel,"aria-hidden":M.value,"boundaries-padding":e.boundariesPadding,"fallback-placements":e.fallbackPlacements,"gpu-acceleration":e.gpuAcceleration,offset:e.offset,placement:e.placement,"popper-options":e.popperOptions,"arrow-offset":e.arrowOffset,strategy:e.strategy,effect:e.effect,enterable:e.enterable,pure:e.pure,"popper-class":e.popperClass,"popper-style":[e.popperStyle,B(A)],"reference-el":e.referenceEl,"trigger-target-el":e.triggerTargetEl,visible:B(k),"z-index":e.zIndex,loop:e.loop,onMouseenter:B(F),onMouseleave:B(L),onBlur:R,onClose:B(v)}),{default:U(()=>[I(e.$slots,`default`)]),_:3},16,[`id`,`aria-label`,`aria-hidden`,`boundaries-padding`,`fallback-placements`,`gpu-acceleration`,`offset`,`placement`,`popper-options`,`arrow-offset`,`strategy`,`effect`,`enterable`,`pure`,`popper-class`,`popper-style`,`reference-el`,`trigger-target-el`,`visible`,`z-index`,`loop`,`onMouseenter`,`onMouseleave`,`onClose`]),[[V,B(k)]])]),_:3},8,[`name`,`appear`])):l(`v-if`,!0)]),_:3},8,[`disabled`,`to`]))}}),[[`__file`,`content.vue`]]);const bh=td(Q(m({...m({name:`ElTooltip`}),props:sh,emits:ch,setup(e,{expose:t,emit:n}){let r=e;gh();let i=zt(`tooltip`),a=gd(),o=P(),d=P(),f=()=>{var e;let t=B(o);t&&((e=t.popperInstanceRef)==null||e.update())},m=P(!1),h=P(),{show:g,hide:_,hasUpdateHandler:v}=oh({indicator:m,toggleReason:h}),{onOpen:y,onClose:b}=sd({showAfter:z(r,`showAfter`),hideAfter:z(r,`hideAfter`),autoClose:z(r,`autoClose`),open:g,close:_}),x=s(()=>vl(r.visible)&&!v.value),S=s(()=>[i.b(),r.popperClass]);return M(qm,{controlled:x,id:a,open:te(m),trigger:z(r,`trigger`),onOpen:y,onClose:b,onToggle:e=>{B(m)?b(e):y(e)},onShow:()=>{n(`show`,h.value)},onHide:()=>{n(`hide`,h.value)},onBeforeShow:()=>{n(`before-show`,h.value)},onBeforeHide:()=>{n(`before-hide`,h.value)},updatePopper:f}),H(()=>r.disabled,e=>{e&&m.value&&(m.value=!1)}),O(()=>m.value&&_()),t({popperRef:o,contentRef:d,isFocusInsideContent:e=>d.value?.isFocusInsideContent(e),updatePopper:f,onOpen:y,onClose:b,hide:_}),(e,t)=>(j(),c(B(Km),{ref_key:`popperRef`,ref:o,role:e.role},{default:U(()=>[p(fh,{disabled:e.disabled,trigger:e.trigger,"trigger-keys":e.triggerKeys,"virtual-ref":e.virtualRef,"virtual-triggering":e.virtualTriggering,"focus-on-target":e.focusOnTarget},{default:U(()=>[e.$slots.default?I(e.$slots,`default`,{key:0}):l(`v-if`,!0)]),_:3},8,[`disabled`,`trigger`,`trigger-keys`,`virtual-ref`,`virtual-triggering`,`focus-on-target`]),p(yh,{ref_key:`contentRef`,ref:d,"aria-label":e.ariaLabel,"boundaries-padding":e.boundariesPadding,content:e.content,disabled:e.disabled,effect:e.effect,enterable:e.enterable,"fallback-placements":e.fallbackPlacements,"hide-after":e.hideAfter,"gpu-acceleration":e.gpuAcceleration,offset:e.offset,persistent:e.persistent,"popper-class":B(S),"popper-style":e.popperStyle,placement:e.placement,"popper-options":e.popperOptions,"arrow-offset":e.arrowOffset,pure:e.pure,"raw-content":e.rawContent,"reference-el":e.referenceEl,"trigger-target-el":e.triggerTargetEl,"show-after":e.showAfter,strategy:e.strategy,teleported:e.teleported,transition:e.transition,"virtual-triggering":e.virtualTriggering,"z-index":e.zIndex,"append-to":e.appendTo,loop:e.loop},{default:U(()=>[I(e.$slots,`content`,{},()=>[e.rawContent?(j(),u(`span`,{key:0,innerHTML:e.content},null,8,[`innerHTML`])):(j(),u(`span`,{key:1},R(e.content),1))]),e.showArrow?(j(),c(B(Wd),{key:0})):l(`v-if`,!0)]),_:3},8,`aria-label.boundaries-padding.content.disabled.effect.enterable.fallback-placements.hide-after.gpu-acceleration.offset.persistent.popper-class.popper-style.placement.popper-options.arrow-offset.pure.raw-content.reference-el.trigger-target-el.show-after.strategy.teleported.transition.virtual-triggering.z-index.append-to.loop`.split(`.`))]),_:3},8,[`role`]))}}),[[`__file`,`tooltip.vue`]]));var xh=G(q(),1);const Sh=e=>{let t=(0,xh.isArray)(e)?e:[e],n=[];return t.forEach(e=>{(0,xh.isArray)(e)?n.push(...Sh(e)):y(e)&&e.component?.subTree?n.push(e,...Sh(e.component.subTree)):y(e)&&(0,xh.isArray)(e.children)?n.push(...Sh(e.children)):y(e)&&e.shapeFlag===2?n.push(...Sh(e.type())):n.push(e)}),n},Ch=Z({type:{type:String,values:[`primary`,`success`,`info`,`warning`,`danger`],default:`primary`},closable:Boolean,disableTransitions:Boolean,hit:Boolean,color:String,size:{type:String,values:Bu},effect:{type:String,values:[`dark`,`light`,`plain`],default:`light`},round:Boolean}),wh={close:e=>e instanceof MouseEvent,click:e=>e instanceof MouseEvent},Th=td(Q(m({...m({name:`ElTag`}),props:Ch,emits:wh,setup(e,{emit:t}){let n=e,r=Sd(),i=zt(`tag`),o=s(()=>{let{type:e,hit:t,effect:a,closable:o,round:s}=n;return[i.b(),i.is(`closable`,o),i.m(e||`primary`),i.m(r.value),i.m(a),i.is(`hit`,t),i.is(`round`,s)]}),f=e=>{t(`close`,e)},m=e=>{t(`click`,e)},h=e=>{e?.component?.subTree?.component?.bum&&(e.component.subTree.component.bum=null)};return(e,t)=>e.disableTransitions?(j(),u(`span`,{key:0,class:S(B(o)),style:w({backgroundColor:e.color}),onClick:m},[d(`span`,{class:S(B(i).e(`content`))},[I(e.$slots,`default`)],2),e.closable?(j(),c(B(id),{key:0,class:S(B(i).e(`close`)),onClick:fe(f,[`stop`])},{default:U(()=>[p(B(ze))]),_:1},8,[`class`,`onClick`])):l(`v-if`,!0)],6)):(j(),c(a,{key:1,name:`${B(i).namespace.value}-zoom-in-center`,appear:``,onVnodeMounted:h},{default:U(()=>[d(`span`,{class:S(B(o)),style:w({backgroundColor:e.color}),onClick:m},[d(`span`,{class:S(B(i).e(`content`))},[I(e.$slots,`default`)],2),e.closable?(j(),c(B(id),{key:0,class:S(B(i).e(`close`)),onClick:fe(f,[`stop`])},{default:U(()=>[p(B(ze))]),_:1},8,[`class`,`onClick`])):l(`v-if`,!0)],6)]),_:3},8,[`name`]))}}),[[`__file`,`tag.vue`]]));var Eh=G(q(),1);const Dh=new Map;if(Y){let e;document.addEventListener(`mousedown`,t=>e=t),document.addEventListener(`mouseup`,t=>{if(e){for(let n of Dh.values())for(let{documentHandler:r}of n)r(t,e);e=void 0}})}function Oh(e,t){let n=[];return(0,Eh.isArray)(t.arg)?n=t.arg:xl(t.arg)&&n.push(t.arg),function(r,i){let a=t.instance.popperRef,o=r.target,s=i?.target,c=!t||!t.instance,l=!o||!s,u=e.contains(o)||e.contains(s),d=e===o,f=n.length&&n.some(e=>e?.contains(o))||n.length&&n.includes(s),p=a&&(a.contains(o)||a.contains(s));c||l||u||d||f||p||t.value(r,i)}}const kh={beforeMount(e,t){Dh.has(e)||Dh.set(e,[]),Dh.get(e).push({documentHandler:Oh(e,t),bindingFn:t.value})},updated(e,t){Dh.has(e)||Dh.set(e,[]);let n=Dh.get(e),r=n.findIndex(e=>e.bindingFn===t.oldValue),i={documentHandler:Oh(e,t),bindingFn:t.value};r>=0?n.splice(r,1,i):n.push(i)},unmounted(e){Dh.delete(e)}};function Ah(){let e=ie(),t=P(0),n=s(()=>({minWidth:`${Math.max(t.value,11)}px`}));return lu(e,()=>{t.value=e.value?.getBoundingClientRect().width??0}),{calculatorRef:e,calculatorWidth:t,inputStyle:n}}const jh={label:`label`,value:`value`,disabled:`disabled`,options:`options`};function Mh(e){let t=s(()=>({...jh,...e.props}));return{aliasProps:t,getLabel:e=>xo(e,t.value.label),getValue:e=>xo(e,t.value.value),getDisabled:e=>xo(e,t.value.disabled),getOptions:e=>xo(e,t.value.options)}}const Nh=Symbol(`ElSelectGroup`),Ph=Symbol(`ElSelect`),Fh=`ElOption`,Ih=Z({value:{type:[String,Number,Boolean,Object],required:!0},label:{type:[String,Number]},created:Boolean,disabled:Boolean}),Lh=(e=``)=>e.replace(/[|\\{}()[\]^$+*?.]/g,`\\$&`).replace(/-/g,`\\x2d`);var Rh=G(q(),1);function zh(e,t){let n=_(Ph);n||Cu(Fh,`usage: <el-select><el-option /></el-select/>`);let r=_(Nh,{disabled:!1}),i=s(()=>d(Po(n.props.modelValue),e.value)),a=s(()=>{if(n.props.multiple){let e=Po(n.props.modelValue??[]);return!i.value&&e.length>=n.props.multipleLimit&&n.props.multipleLimit>0}else return!1}),o=s(()=>e.label??((0,Rh.isObject)(e.value)?``:e.value)),c=s(()=>e.value||e.label||``),l=s(()=>e.disabled||t.groupDisabled||a.value),u=h(),d=(t=[],r)=>{if((0,Rh.isObject)(e.value)){let e=n.props.valueKey;return t&&t.some(t=>oe(xo(t,e))===xo(r,e))}else return t&&t.includes(r)};return H(()=>o.value,()=>{!e.created&&!n.props.remote&&n.setSelected()}),H(()=>e.value,(t,r)=>{let{remote:i,valueKey:a}=n.props;if((i?t!==r:!il(t,r))&&(n.onOptionDestroy(r,u.proxy),n.onOptionCreate(u.proxy)),!e.created&&!i){if(a&&(0,Rh.isObject)(t)&&(0,Rh.isObject)(r)&&t[a]===r[a])return;n.setSelected()}}),H(()=>r.disabled,()=>{t.groupDisabled=r.disabled},{immediate:!0}),{select:n,currentLabel:o,currentValue:c,itemSelected:i,isDisabled:l,hoverItem:()=>{!e.disabled&&!r.disabled&&(n.states.hoveringIndex=n.optionsArray.indexOf(u.proxy))},updateOption:n=>{t.visible=new RegExp(Lh(n),`i`).test(String(o.value))||e.created}}}const Bh=m({name:Fh,componentName:Fh,props:Ih,setup(e){let t=zt(`select`),n=gd(),r=s(()=>[t.be(`dropdown`,`item`),t.is(`disabled`,B(c)),t.is(`selected`,B(o)),t.is(`hovering`,B(p))]),i=N({index:-1,groupDisabled:!1,visible:!0,hover:!1}),{currentLabel:a,itemSelected:o,isDisabled:c,select:l,hoverItem:u,updateOption:d}=zh(e,i),{visible:f,hover:p}=se(i),m=h().proxy;l.onOptionCreate(m),D(()=>{let e=m.value;x(()=>{let{selected:t}=l.states,n=t.some(e=>e.value===m.value);l.states.cachedOptions.get(e)===m&&!n&&l.states.cachedOptions.delete(e)}),l.onOptionDestroy(e,m)});function g(){c.value||l.handleOptionSelect(m)}return{ns:t,id:n,containerKls:r,currentLabel:a,itemSelected:o,isDisabled:c,select:l,visible:f,hover:p,states:i,hoverItem:u,updateOption:d,selectOptionClick:g}}});function Vh(e,t){return de((j(),u(`li`,{id:e.id,class:S(e.containerKls),role:`option`,"aria-disabled":e.isDisabled||void 0,"aria-selected":e.itemSelected,onMousemove:e.hoverItem,onClick:fe(e.selectOptionClick,[`stop`])},[I(e.$slots,`default`,{},()=>[d(`span`,null,R(e.currentLabel),1)])],42,[`id`,`aria-disabled`,`aria-selected`,`onMousemove`,`onClick`])),[[V,e.visible]])}var Hh=Q(Bh,[[`render`,Vh],[`__file`,`option.vue`]]);const Uh=m({name:`ElSelectDropdown`,componentName:`ElSelectDropdown`,setup(){let e=_(Ph),t=zt(`select`),n=s(()=>e.props.popperClass),r=s(()=>e.props.multiple),i=s(()=>e.props.fitInputWidth),a=P(``);function o(){let t=e.selectRef?.offsetWidth;t?a.value=`${t-2}px`:a.value=``}return k(()=>{o(),lu(e.selectRef,o)}),{ns:t,minWidth:a,popperClass:n,isMultiple:r,isFitInputWidth:i}}});function Wh(e,t,n,r,i,a){return j(),u(`div`,{class:S([e.ns.b(`dropdown`),e.ns.is(`multiple`,e.isMultiple),e.popperClass]),style:w({[e.isFitInputWidth?`width`:`minWidth`]:e.minWidth})},[e.$slots.header?(j(),u(`div`,{key:0,class:S(e.ns.be(`dropdown`,`header`))},[I(e.$slots,`header`)],2)):l(`v-if`,!0),I(e.$slots,`default`),e.$slots.footer?(j(),u(`div`,{key:1,class:S(e.ns.be(`dropdown`,`footer`))},[I(e.$slots,`footer`)],2)):l(`v-if`,!0)],6)}var Gh=Q(Uh,[[`render`,Wh],[`__file`,`select-dropdown.vue`]]),Kh=G(q(),1);const qh=(e,t)=>{let{t:n}=Fu(),r=gd(),i=zt(`select`),a=zt(`input`),o=N({inputValue:``,options:new Map,cachedOptions:new Map,optionValues:[],selected:[],selectionWidth:0,collapseItemWidth:0,selectedLabel:``,hoveringIndex:-1,previousQuery:null,inputHovering:!1,menuVisibleOnFocus:!1,isBeforeHide:!1}),c=P(),l=P(),u=P(),d=P(),f=P(),p=P(),m=P(),h=P(),g=P(),_=P(),v=P(),y=P(!1),b=P(),S=P(!1),{form:C,formItem:w}=yd(),{inputId:T}=bd(e,{formItemContext:w}),{valueOnClear:E,isEmptyValue:D}=Ju(e),{isComposing:O,handleCompositionStart:ee,handleCompositionUpdate:A,handleCompositionEnd:j}=kd({afterComposition:e=>De(e)}),M=s(()=>e.disabled||!!C?.disabled),{wrapperRef:te,isFocused:F,handleBlur:I}=Dd(f,{disabled:M,afterFocus(){e.automaticDropdown&&!y.value&&(y.value=!0,o.menuVisibleOnFocus=!0)},beforeBlur(e){return u.value?.isFocusInsideContent(e)||d.value?.isFocusInsideContent(e)},afterBlur(){var t;y.value=!1,o.menuVisibleOnFocus=!1,e.validateEvent&&((t=w?.validate)==null||t.call(w,`blur`).catch(e=>wu(e)))}}),L=s(()=>(0,Kh.isArray)(e.modelValue)?e.modelValue.length>0:!D(e.modelValue)),ne=s(()=>C?.statusIcon??!1),re=s(()=>e.clearable&&!M.value&&L.value&&(F.value||o.inputHovering)),ie=s(()=>e.remote&&e.filterable&&!e.remoteShowSuffix?``:e.suffixIcon),R=s(()=>i.is(`reverse`,!!(ie.value&&y.value))),ae=s(()=>w?.validateState||``),oe=s(()=>ae.value&&ld[ae.value]),z=s(()=>e.remote?e.debounce:0),se=s(()=>e.remote&&!o.inputValue&&o.options.size===0),B=s(()=>e.loading?e.loadingText||n(`el.select.loading`):e.filterable&&o.inputValue&&o.options.size>0&&ce.value===0?e.noMatchText||n(`el.select.noMatch`):o.options.size===0?e.noDataText||n(`el.select.noData`):null),ce=s(()=>V.value.filter(e=>e.visible).length),V=s(()=>{let e=Array.from(o.options.values()),t=[];return o.optionValues.forEach(n=>{let r=e.findIndex(e=>e.value===n);r>-1&&t.push(e[r])}),t.length>=e.length?t:e}),le=s(()=>Array.from(o.cachedOptions.values())),U=s(()=>{let t=V.value.filter(e=>!e.created).some(e=>e.currentLabel===o.inputValue);return e.filterable&&e.allowCreate&&o.inputValue!==``&&!t}),de=()=>{e.filterable&&(0,Kh.isFunction)(e.filterMethod)||e.filterable&&e.remote&&(0,Kh.isFunction)(e.remoteMethod)||V.value.forEach(e=>{var t;(t=e.updateOption)==null||t.call(e,o.inputValue)})},fe=Sd(),pe=s(()=>[`small`].includes(fe.value)?`small`:`default`),me=s({get(){return y.value&&(e.loading||!se.value)&&(!S.value||!bl(o.previousQuery))},set(e){y.value=e}}),W=s(()=>{if(e.multiple&&!_l(e.modelValue))return Po(e.modelValue).length===0&&!o.inputValue;let t=(0,Kh.isArray)(e.modelValue)?e.modelValue[0]:e.modelValue;return e.filterable||_l(t)?!o.inputValue:!0}),he=s(()=>{let t=e.placeholder??n(`el.select.placeholder`);return e.multiple||!L.value?t:o.selectedLabel}),ge=s(()=>Ul?null:`mouseenter`);H(()=>e.modelValue,(t,n)=>{e.multiple&&e.filterable&&!e.reserveKeyword&&(o.inputValue=``,_e(``)),ye(),!il(t,n)&&e.validateEvent&&w?.validate(`change`).catch(e=>wu(e))},{flush:`post`,deep:!0}),H(()=>y.value,e=>{e?_e(o.inputValue):(o.inputValue=``,o.previousQuery=null,o.isBeforeHide=!0),t(`visible-change`,e)}),H(()=>o.options.entries(),()=>{Y&&(ye(),e.defaultFirstOption&&(e.filterable||e.remote)&&ce.value&&ve())},{flush:`post`}),H([()=>o.hoveringIndex,V],([e])=>{yl(e)&&e>-1?b.value=V.value[e]||{}:b.value={},V.value.forEach(e=>{e.hover=b.value===e})}),ue(()=>{o.isBeforeHide||de()});let _e=t=>{o.previousQuery===t||O.value||(o.previousQuery=t,e.filterable&&(0,Kh.isFunction)(e.filterMethod)?e.filterMethod(t):e.filterable&&e.remote&&(0,Kh.isFunction)(e.remoteMethod)&&e.remoteMethod(t),e.defaultFirstOption&&(e.filterable||e.remote)&&ce.value?x(ve):x(xe))},ve=()=>{let e=V.value.filter(e=>e.visible&&!e.disabled&&!e.states.groupDisabled),t=e.find(e=>e.created),n=e[0];o.hoveringIndex=Fe(V.value.map(e=>e.value),t||n)},ye=()=>{if(e.multiple)o.selectedLabel=``;else{let t=be((0,Kh.isArray)(e.modelValue)?e.modelValue[0]:e.modelValue);o.selectedLabel=t.currentLabel,o.selected=[t];return}let t=[];_l(e.modelValue)||Po(e.modelValue).forEach(e=>{t.push(be(e))}),o.selected=t},be=t=>{let n,r=(0,Kh.isPlainObject)(t);for(let i=o.cachedOptions.size-1;i>=0;i--){let a=le.value[i];if(r?xo(a.value,e.valueKey)===xo(t,e.valueKey):a.value===t){n={index:V.value.filter(e=>!e.created).indexOf(a),value:t,currentLabel:a.currentLabel,get isDisabled(){return a.isDisabled}};break}}return n||{index:-1,value:t,currentLabel:r?t.label:t??``}},xe=()=>{o.hoveringIndex=V.value.findIndex(e=>o.selected.some(t=>Je(t)===Je(e)))},Se=()=>{o.selectionWidth=Number.parseFloat(window.getComputedStyle(l.value).width)},Ce=()=>{o.collapseItemWidth=_.value.getBoundingClientRect().width},we=()=>{var e,t;(t=(e=u.value)?.updatePopper)==null||t.call(e)},Te=()=>{var e,t;(t=(e=d.value)?.updatePopper)==null||t.call(e)},Ee=()=>{o.inputValue.length>0&&!y.value&&(y.value=!0),_e(o.inputValue)},De=t=>{if(o.inputValue=t.target.value,e.remote)S.value=!0,Oe();else return Ee()},Oe=Yl(()=>{Ee(),S.value=!1},z),ke=n=>{il(e.modelValue,n)||t(Xu,n)},Ae=e=>el(e,e=>{let t=o.cachedOptions.get(e);return t&&!t.disabled&&!t.states.groupDisabled}),je=n=>{let r=kf(n);if(e.multiple&&r!==$.delete&&n.target.value.length<=0){let n=Po(e.modelValue).slice(),r=Ae(n);if(r<0)return;let i=n[r];n.splice(r,1),t(Yu,n),ke(n),t(`remove-tag`,i)}},Me=(n,r)=>{let i=o.selected.indexOf(r);if(i>-1&&!M.value){let n=Po(e.modelValue).slice();n.splice(i,1),t(Yu,n),ke(n),t(`remove-tag`,r.value)}n.stopPropagation(),Ve()},Ne=n=>{n.stopPropagation();let r=e.multiple?[]:E.value;if(e.multiple)for(let e of o.selected)e.isDisabled&&r.push(e.value);t(Yu,r),ke(r),o.hoveringIndex=-1,y.value=!1,t(`clear`),Ve()},Pe=n=>{if(e.multiple){let r=Po(e.modelValue??[]).slice(),i=Fe(r,n);i>-1?r.splice(i,1):(e.multipleLimit<=0||r.length<e.multipleLimit)&&r.push(n.value),t(Yu,r),ke(r),n.created&&_e(``),e.filterable&&!e.reserveKeyword&&(o.inputValue=``)}else !il(e.modelValue,n.value)&&t(Yu,n.value),ke(n.value),y.value=!1;Ve(),!y.value&&x(()=>{Ie(n)})},Fe=(t,n)=>_l(n)?-1:(0,Kh.isObject)(n.value)?t.findIndex(t=>il(xo(t,e.valueKey),Je(n))):t.indexOf(n.value),Ie=e=>{var t,n;let r=(0,Kh.isArray)(e)?e[0]:e,a=null;if(!ol(r?.value)){let e=V.value.filter(e=>e.value===r.value);e.length>0&&(a=e[0].$el)}if(u.value&&a){let e=((t=u.value?.popperRef?.contentRef)?.querySelector)?.call(t,`.${i.be(`dropdown`,`wrap`)}`);e&&$u(e,a)}(n=v.value)==null||n.handleScroll()},Le=e=>{o.options.set(e.value,e),o.cachedOptions.set(e.value,e)},Re=(e,t)=>{o.options.get(e)===t&&o.options.delete(e)},ze=s(()=>u.value?.popperRef?.contentRef),Be=()=>{o.isBeforeHide=!1,x(()=>{var e;(e=v.value)==null||e.update(),Ie(o.selected)})},Ve=()=>{var e;(e=f.value)==null||e.focus()},He=()=>{var e;if(y.value){y.value=!1,x(()=>f.value?.blur());return}(e=f.value)==null||e.blur()},Ue=e=>{Ne(e)},We=e=>{if(y.value=!1,F.value){let t=new FocusEvent(`blur`,e);x(()=>I(t))}},Ge=()=>{o.inputValue.length>0?o.inputValue=``:y.value=!1},Ke=()=>{M.value||(Ul&&(o.inputHovering=!0),o.menuVisibleOnFocus?o.menuVisibleOnFocus=!1:y.value=!y.value)},qe=()=>{if(!y.value)Ke();else{let e=V.value[o.hoveringIndex];e&&!e.isDisabled&&Pe(e)}},Je=t=>(0,Kh.isObject)(t.value)?xo(t.value,e.valueKey):t.value,Ye=s(()=>V.value.filter(e=>e.visible).every(e=>e.isDisabled)),Xe=s(()=>e.multiple?e.collapseTags?o.selected.slice(0,e.maxCollapseTags):o.selected:[]),Ze=s(()=>e.multiple&&e.collapseTags?o.selected.slice(e.maxCollapseTags):[]),Qe=e=>{if(!y.value){y.value=!0;return}if(!(o.options.size===0||ce.value===0||O.value)&&!Ye.value){e===`next`?(o.hoveringIndex++,o.hoveringIndex===o.options.size&&(o.hoveringIndex=0)):e===`prev`&&(o.hoveringIndex--,o.hoveringIndex<0&&(o.hoveringIndex=o.options.size-1));let t=V.value[o.hoveringIndex];(t.isDisabled||!t.visible)&&Qe(e),x(()=>Ie(b.value))}},$e=(e,t,n,r)=>{for(let i=t;i>=0&&i<r;i+=n){let t=e[i];if(!t?.isDisabled&&t?.visible)return i}return null},et=(e,t)=>{let n=o.options.size;if(n===0)return;let r=Ro(e,0,n-1),i=V.value,a=t===`up`?-1:1,s=$e(i,r,a,n)??$e(i,r-a,-a,n);s!=null&&(o.hoveringIndex=s,x(()=>Ie(b.value)))},tt=e=>{let t=kf(e),n=!0;switch(t){case $.up:Qe(`prev`);break;case $.down:Qe(`next`);break;case $.enter:qe();break;case $.esc:Ge();break;case $.backspace:n=!1,je(e);return;case $.home:if(!y.value)return;et(0,`down`);break;case $.end:if(!y.value)return;et(o.options.size-1,`up`);break;case $.pageUp:if(!y.value)return;et(o.hoveringIndex-10,`up`);break;case $.pageDown:if(!y.value)return;et(o.hoveringIndex+10,`down`);break;default:n=!1;break}n&&(e.preventDefault(),e.stopPropagation())},nt=()=>{if(!l.value)return 0;let e=window.getComputedStyle(l.value);return Number.parseFloat(e.gap||`6px`)},rt=s(()=>{let t=nt(),n=e.filterable?t+11:0;return{maxWidth:`${_.value&&e.maxCollapseTags===1?o.selectionWidth-o.collapseItemWidth-t-n:o.selectionWidth-n}px`}}),it=s(()=>({maxWidth:`${o.selectionWidth}px`})),at=e=>{t(`popup-scroll`,e)};lu(l,Se),lu(te,we),lu(g,Te),lu(_,Ce);let G;return H(()=>me.value,e=>{e?G=lu(h,we).stop:(G?.(),G=void 0)}),k(()=>{ye()}),{inputId:T,contentId:r,nsSelect:i,nsInput:a,states:o,isFocused:F,expanded:y,optionsArray:V,hoverOption:b,selectSize:fe,filteredOptionsCount:ce,updateTooltip:we,updateTagTooltip:Te,debouncedOnInputChange:Oe,onInput:De,deletePrevTag:je,deleteTag:Me,deleteSelected:Ne,handleOptionSelect:Pe,scrollToOption:Ie,hasModelValue:L,shouldShowPlaceholder:W,currentPlaceholder:he,mouseEnterEventName:ge,needStatusIcon:ne,showClearBtn:re,iconComponent:ie,iconReverse:R,validateState:ae,validateIcon:oe,showNewOption:U,updateOptions:de,collapseTagSize:pe,setSelected:ye,selectDisabled:M,emptyText:B,handleCompositionStart:ee,handleCompositionUpdate:A,handleCompositionEnd:j,handleKeydown:tt,onOptionCreate:Le,onOptionDestroy:Re,handleMenuEnter:Be,focus:Ve,blur:He,handleClearClick:Ue,handleClickOutside:We,handleEsc:Ge,toggleMenu:Ke,selectOption:qe,getValueKey:Je,navigateOptions:Qe,dropdownMenuVisible:me,showTagList:Xe,collapseTagList:Ze,popupScroll:at,getOption:be,tagStyle:rt,collapseTagStyle:it,popperRef:ze,inputRef:f,tooltipRef:u,tagTooltipRef:d,prefixRef:p,suffixRef:m,selectRef:c,wrapperRef:te,selectionRef:l,scrollbarRef:v,menuRef:h,tagMenuRef:g,collapseItemRef:_}};var Jh=G(q(),1),Yh=m({name:`ElOptions`,setup(e,{slots:t}){let n=_(Ph),r=[];return()=>{let e=t.default?.call(t),i=[];function a(e){(0,Jh.isArray)(e)&&e.forEach(e=>{let t=(e?.type||{})?.name;t===`ElOptionGroup`?a(!(0,Jh.isString)(e.children)&&!(0,Jh.isArray)(e.children)&&(0,Jh.isFunction)(e.children?.default)?e.children?.default():e.children):t===`ElOption`?i.push(e.props?.value):(0,Jh.isArray)(e.children)&&a(e.children)})}return e.length&&a(e[0]?.children),il(i,r)||(r=i,n&&(n.states.optionValues=i)),e}}});const Xh=Z({name:String,id:String,modelValue:{type:X([Array,String,Number,Boolean,Object]),default:void 0},autocomplete:{type:String,default:`off`},automaticDropdown:Boolean,size:Vu,effect:{type:X(String),default:`light`},disabled:Boolean,clearable:Boolean,filterable:Boolean,allowCreate:Boolean,loading:Boolean,popperClass:{type:String,default:``},popperStyle:{type:X([String,Object])},popperOptions:{type:X(Object),default:()=>({})},remote:Boolean,debounce:{type:Number,default:300},loadingText:String,noMatchText:String,noDataText:String,remoteMethod:{type:X(Function)},filterMethod:{type:X(Function)},multiple:Boolean,multipleLimit:{type:Number,default:0},placeholder:{type:String},defaultFirstOption:Boolean,reserveKeyword:{type:Boolean,default:!0},valueKey:{type:String,default:`value`},collapseTags:Boolean,collapseTagsTooltip:Boolean,maxCollapseTags:{type:Number,default:1},teleported:Ym.teleported,persistent:{type:Boolean,default:!0},clearIcon:{type:cd,default:Le},fitInputWidth:Boolean,suffixIcon:{type:cd,default:Pe},tagType:{...Ch.type,default:`info`},tagEffect:{...Ch.effect,default:`light`},validateEvent:{type:Boolean,default:!0},remoteShowSuffix:Boolean,showArrow:{type:Boolean,default:!0},offset:{type:Number,default:12},placement:{type:X(String),values:Zf,default:`bottom-start`},fallbackPlacements:{type:X(Array),default:[`bottom-start`,`top-start`,`right`,`left`]},tabindex:{type:[String,Number],default:0},appendTo:Ym.appendTo,options:{type:X(Array)},props:{type:X(Object),default:()=>jh},...qu,...fd([`ariaLabel`])});Id.scroll;var Zh=G(q(),1);const Qh=m({name:`ElOptionGroup`,componentName:`ElOptionGroup`,props:{label:String,disabled:Boolean},setup(e){let t=zt(`select`),n=P(),r=h(),i=P([]);M(Nh,N({...se(e)}));let a=s(()=>i.value.some(e=>e.visible===!0)),o=e=>e.type.name===`ElOption`&&!!e.component?.proxy,c=e=>{let t=Po(e),n=[];return t.forEach(e=>{y(e)&&(o(e)?n.push(e.component.proxy):(0,Zh.isArray)(e.children)&&e.children.length?n.push(...c(e.children)):e.component?.subTree&&n.push(...c(e.component.subTree)))}),n},l=()=>{i.value=c(r.subTree)};return k(()=>{l()}),mu(n,l,{attributes:!0,subtree:!0,childList:!0}),{groupRef:n,visible:a,ns:t}}});function $h(e,t,n,r,i,a){return de((j(),u(`ul`,{ref:`groupRef`,class:S(e.ns.be(`group`,`wrap`))},[d(`li`,{class:S(e.ns.be(`group`,`title`))},R(e.label),3),d(`li`,null,[d(`ul`,{class:S(e.ns.b(`group`))},[I(e.$slots,`default`)],2)])],2)),[[V,e.visible]])}var eg=Q(Qh,[[`render`,$h],[`__file`,`option-group.vue`]]),tg=G(q(),1);const ng=`ElSelect`,rg=m({name:ng,componentName:ng,components:{ElSelectMenu:Gh,ElOption:Hh,ElOptions:Yh,ElOptionGroup:eg,ElTag:Th,ElScrollbar:zd,ElTooltip:bh,ElIcon:id},directives:{ClickOutside:kh},props:Xh,emits:[Yu,Xu,`remove-tag`,`clear`,`visible-change`,`focus`,`blur`,`popup-scroll`],setup(e,{emit:t,slots:n}){let r=h(),i=r.appContext.config.warnHandler;r.appContext.config.warnHandler=(...e)=>{!e[0]||e[0].includes(`Slot "default" invoked outside of the render function`)||console.warn(...e)};let a=s(()=>{let{modelValue:t,multiple:n}=e,r=n?[]:void 0;return(0,tg.isArray)(t)?n?t:r:n?r:t}),o=N({...se(e),modelValue:a}),c=qh(o,t),{calculatorRef:l,inputStyle:u}=Ah(),{getLabel:d,getValue:f,getOptions:p,getDisabled:m}=Mh(e),g=e=>({label:d(e),value:f(e),disabled:m(e)}),_=e=>e.reduce((e,t)=>(e.push(t),t.children&&t.children.length>0&&e.push(..._(t.children)),e),[]),v=e=>{Sh(e||[]).forEach(e=>{if((0,tg.isObject)(e)&&(e.type.name===`ElOption`||e.type.name===`ElTree`)){let t=e.type.name;if(t===`ElTree`)_(e.props?.data||[]).forEach(e=>{e.currentLabel=e.label||((0,tg.isObject)(e.value)?``:e.value),c.onOptionCreate(e)});else if(t===`ElOption`){let t={...e.props};t.currentLabel=t.label||((0,tg.isObject)(t.value)?``:t.value),c.onOptionCreate(t)}}})};H(()=>[n.default?.call(n),a.value],()=>{e.persistent||c.states.options.size>0||v(n.default?.call(n))},{immediate:!0}),M(Ph,N({props:o,states:c.states,selectRef:c.selectRef,optionsArray:c.optionsArray,setSelected:c.setSelected,handleOptionSelect:c.handleOptionSelect,onOptionCreate:c.onOptionCreate,onOptionDestroy:c.onOptionDestroy}));let y=s(()=>e.multiple?c.states.selected.map(e=>e.currentLabel):c.states.selectedLabel);return D(()=>{r.appContext.config.warnHandler=i}),{...c,modelValue:a,selectedLabel:y,calculatorRef:l,inputStyle:u,getLabel:d,getValue:f,getOptions:p,getDisabled:m,getOptionProps:g}}});function ig(e,t){let r=L(`el-tag`),i=L(`el-tooltip`),a=L(`el-icon`),o=L(`el-option`),s=L(`el-option-group`),m=L(`el-options`),h=L(`el-scrollbar`),g=L(`el-select-menu`),_=ne(`click-outside`);return de((j(),u(`div`,{ref:`selectRef`,class:S([e.nsSelect.b(),e.nsSelect.m(e.selectSize)]),[ae(e.mouseEnterEventName)]:t=>e.states.inputHovering=!0,onMouseleave:t=>e.states.inputHovering=!1},[p(i,{ref:`tooltipRef`,visible:e.dropdownMenuVisible,placement:e.placement,teleported:e.teleported,"popper-class":[e.nsSelect.e(`popper`),e.popperClass],"popper-style":e.popperStyle,"popper-options":e.popperOptions,"fallback-placements":e.fallbackPlacements,effect:e.effect,pure:``,trigger:`click`,transition:`${e.nsSelect.namespace.value}-zoom-in-top`,"stop-popper-mouse-event":!1,"gpu-acceleration":!1,persistent:e.persistent,"append-to":e.appendTo,"show-arrow":e.showArrow,offset:e.offset,onBeforeShow:e.handleMenuEnter,onHide:t=>e.states.isBeforeHide=!1},{default:U(()=>[d(`div`,{ref:`wrapperRef`,class:S([e.nsSelect.e(`wrapper`),e.nsSelect.is(`focused`,e.isFocused),e.nsSelect.is(`hovering`,e.states.inputHovering),e.nsSelect.is(`filterable`,e.filterable),e.nsSelect.is(`disabled`,e.selectDisabled)]),onClick:fe(e.toggleMenu,[`prevent`])},[e.$slots.prefix?(j(),u(`div`,{key:0,ref:`prefixRef`,class:S(e.nsSelect.e(`prefix`))},[I(e.$slots,`prefix`)],2)):l(`v-if`,!0),d(`div`,{ref:`selectionRef`,class:S([e.nsSelect.e(`selection`),e.nsSelect.is(`near`,e.multiple&&!e.$slots.prefix&&!!e.states.selected.length)])},[e.multiple?I(e.$slots,`tag`,{key:0,data:e.states.selected,deleteTag:e.deleteTag,selectDisabled:e.selectDisabled},()=>[(j(!0),u(n,null,F(e.showTagList,t=>(j(),u(`div`,{key:e.getValueKey(t),class:S(e.nsSelect.e(`selected-item`))},[p(r,{closable:!e.selectDisabled&&!t.isDisabled,size:e.collapseTagSize,type:e.tagType,effect:e.tagEffect,"disable-transitions":``,style:w(e.tagStyle),onClose:n=>e.deleteTag(n,t)},{default:U(()=>[d(`span`,{class:S(e.nsSelect.e(`tags-text`))},[I(e.$slots,`label`,{index:t.index,label:t.currentLabel,value:t.value},()=>[f(R(t.currentLabel),1)])],2)]),_:2},1032,[`closable`,`size`,`type`,`effect`,`style`,`onClose`])],2))),128)),e.collapseTags&&e.states.selected.length>e.maxCollapseTags?(j(),c(i,{key:0,ref:`tagTooltipRef`,disabled:e.dropdownMenuVisible||!e.collapseTagsTooltip,"fallback-placements":[`bottom`,`top`,`right`,`left`],effect:e.effect,placement:`bottom`,"popper-class":e.popperClass,"popper-style":e.popperStyle,teleported:e.teleported},{default:U(()=>[d(`div`,{ref:`collapseItemRef`,class:S(e.nsSelect.e(`selected-item`))},[p(r,{closable:!1,size:e.collapseTagSize,type:e.tagType,effect:e.tagEffect,"disable-transitions":``,style:w(e.collapseTagStyle)},{default:U(()=>[d(`span`,{class:S(e.nsSelect.e(`tags-text`))},` + `+R(e.states.selected.length-e.maxCollapseTags),3)]),_:1},8,[`size`,`type`,`effect`,`style`])],2)]),content:U(()=>[d(`div`,{ref:`tagMenuRef`,class:S(e.nsSelect.e(`selection`))},[(j(!0),u(n,null,F(e.collapseTagList,t=>(j(),u(`div`,{key:e.getValueKey(t),class:S(e.nsSelect.e(`selected-item`))},[p(r,{class:`in-tooltip`,closable:!e.selectDisabled&&!t.isDisabled,size:e.collapseTagSize,type:e.tagType,effect:e.tagEffect,"disable-transitions":``,onClose:n=>e.deleteTag(n,t)},{default:U(()=>[d(`span`,{class:S(e.nsSelect.e(`tags-text`))},[I(e.$slots,`label`,{index:t.index,label:t.currentLabel,value:t.value},()=>[f(R(t.currentLabel),1)])],2)]),_:2},1032,[`closable`,`size`,`type`,`effect`,`onClose`])],2))),128))],2)]),_:3},8,[`disabled`,`effect`,`popper-class`,`popper-style`,`teleported`])):l(`v-if`,!0)]):l(`v-if`,!0),d(`div`,{class:S([e.nsSelect.e(`selected-item`),e.nsSelect.e(`input-wrapper`),e.nsSelect.is(`hidden`,!e.filterable)])},[de(d(`input`,{id:e.inputId,ref:`inputRef`,"onUpdate:modelValue":t=>e.states.inputValue=t,type:`text`,name:e.name,class:S([e.nsSelect.e(`input`),e.nsSelect.is(e.selectSize)]),disabled:e.selectDisabled,autocomplete:e.autocomplete,style:w(e.inputStyle),tabindex:e.tabindex,role:`combobox`,readonly:!e.filterable,spellcheck:`false`,"aria-activedescendant":e.hoverOption?.id||``,"aria-controls":e.contentId,"aria-expanded":e.dropdownMenuVisible,"aria-label":e.ariaLabel,"aria-autocomplete":`none`,"aria-haspopup":`listbox`,onKeydown:e.handleKeydown,onCompositionstart:e.handleCompositionStart,onCompositionupdate:e.handleCompositionUpdate,onCompositionend:e.handleCompositionEnd,onInput:e.onInput,onClick:fe(e.toggleMenu,[`stop`])},null,46,[`id`,`onUpdate:modelValue`,`name`,`disabled`,`autocomplete`,`tabindex`,`readonly`,`aria-activedescendant`,`aria-controls`,`aria-expanded`,`aria-label`,`onKeydown`,`onCompositionstart`,`onCompositionupdate`,`onCompositionend`,`onInput`,`onClick`]),[[ce,e.states.inputValue]]),e.filterable?(j(),u(`span`,{key:0,ref:`calculatorRef`,"aria-hidden":`true`,class:S(e.nsSelect.e(`input-calculator`)),textContent:R(e.states.inputValue)},null,10,[`textContent`])):l(`v-if`,!0)],2),e.shouldShowPlaceholder?(j(),u(`div`,{key:1,class:S([e.nsSelect.e(`selected-item`),e.nsSelect.e(`placeholder`),e.nsSelect.is(`transparent`,!e.hasModelValue||e.expanded&&!e.states.inputValue)])},[e.hasModelValue?I(e.$slots,`label`,{key:0,index:e.getOption(e.modelValue).index,label:e.currentPlaceholder,value:e.modelValue},()=>[d(`span`,null,R(e.currentPlaceholder),1)]):(j(),u(`span`,{key:1},R(e.currentPlaceholder),1))],2)):l(`v-if`,!0)],2),d(`div`,{ref:`suffixRef`,class:S(e.nsSelect.e(`suffix`))},[e.iconComponent&&!e.showClearBtn?(j(),c(a,{key:0,class:S([e.nsSelect.e(`caret`),e.nsSelect.e(`icon`),e.iconReverse])},{default:U(()=>[(j(),c(re(e.iconComponent)))]),_:1},8,[`class`])):l(`v-if`,!0),e.showClearBtn&&e.clearIcon?(j(),c(a,{key:1,class:S([e.nsSelect.e(`caret`),e.nsSelect.e(`icon`),e.nsSelect.e(`clear`)]),onClick:e.handleClearClick},{default:U(()=>[(j(),c(re(e.clearIcon)))]),_:1},8,[`class`,`onClick`])):l(`v-if`,!0),e.validateState&&e.validateIcon&&e.needStatusIcon?(j(),c(a,{key:2,class:S([e.nsInput.e(`icon`),e.nsInput.e(`validateIcon`),e.nsInput.is(`loading`,e.validateState===`validating`)])},{default:U(()=>[(j(),c(re(e.validateIcon)))]),_:1},8,[`class`])):l(`v-if`,!0)],2)],10,[`onClick`])]),content:U(()=>[p(g,{ref:`menuRef`},{default:U(()=>[e.$slots.header?(j(),u(`div`,{key:0,class:S(e.nsSelect.be(`dropdown`,`header`)),onClick:fe(()=>{},[`stop`])},[I(e.$slots,`header`)],10,[`onClick`])):l(`v-if`,!0),de(p(h,{id:e.contentId,ref:`scrollbarRef`,tag:`ul`,"wrap-class":e.nsSelect.be(`dropdown`,`wrap`),"view-class":e.nsSelect.be(`dropdown`,`list`),class:S([e.nsSelect.is(`empty`,e.filteredOptionsCount===0)]),role:`listbox`,"aria-label":e.ariaLabel,"aria-orientation":`vertical`,onScroll:e.popupScroll},{default:U(()=>[e.showNewOption?(j(),c(o,{key:0,value:e.states.inputValue,created:!0},null,8,[`value`])):l(`v-if`,!0),p(m,null,{default:U(()=>[I(e.$slots,`default`,{},()=>[(j(!0),u(n,null,F(e.options,(t,r)=>(j(),u(n,{key:r},[e.getOptions(t)?.length?(j(),c(s,{key:0,label:e.getLabel(t),disabled:e.getDisabled(t)},{default:U(()=>[(j(!0),u(n,null,F(e.getOptions(t),t=>(j(),c(o,b({key:e.getValue(t)},e.getOptionProps(t)),null,16))),128))]),_:2},1032,[`label`,`disabled`])):(j(),c(o,C(b({key:1},e.getOptionProps(t))),null,16))],64))),128))])]),_:3})]),_:3},8,[`id`,`wrap-class`,`view-class`,`class`,`aria-label`,`onScroll`]),[[V,e.states.options.size>0&&!e.loading]]),e.$slots.loading&&e.loading?(j(),u(`div`,{key:1,class:S(e.nsSelect.be(`dropdown`,`loading`))},[I(e.$slots,`loading`)],2)):e.loading||e.filteredOptionsCount===0?(j(),u(`div`,{key:2,class:S(e.nsSelect.be(`dropdown`,`empty`))},[I(e.$slots,`empty`,{},()=>[d(`span`,null,R(e.emptyText),1)])],2)):l(`v-if`,!0),e.$slots.footer?(j(),u(`div`,{key:3,class:S(e.nsSelect.be(`dropdown`,`footer`)),onClick:fe(()=>{},[`stop`])},[I(e.$slots,`footer`)],10,[`onClick`])):l(`v-if`,!0)]),_:3},512)]),_:3},8,[`visible`,`placement`,`teleported`,`popper-class`,`popper-style`,`popper-options`,`fallback-placements`,`effect`,`transition`,`persistent`,`append-to`,`show-arrow`,`offset`,`onBeforeShow`,`onHide`])],16,[`onMouseleave`])),[[_,e.handleClickOutside,e.popperRef]])}const ag=td(Q(rg,[[`render`,ig],[`__file`,`select.vue`]]),{Option:Hh,OptionGroup:eg}),og=nd(Hh);nd(eg);const sg=Oe(m({name:`CompatSelect`,props:{options:{type:Array,default:()=>[]}},setup(e,{slots:t,attrs:n}){let r=()=>e.options&&e.options.length?e.options.map(e=>typeof e==`string`?g(og,{key:e,value:e,label:e}):g(og,{key:e?.value??e?.label,...e})):t.default?.();return()=>g(ag,{...n},{default:r})}}),Ae({value:`modelValue`,dataSource:`options`,readOnly:`readonly`,loading:!0}),je(Se.Select));function cg(e,t){let n=t.getSelectedField();return Ke({values:n?yt(n,e):{},effects(){Je(n=>{let r=t.getSelectedField(),i=t.selectedFieldName.value;if(!r||!i)return;let a=bt(n.values,e,r);t.updateFieldSchema(i,a)})}})}const lg={class:`reactions-editor`},ug={class:`section`},dg={class:`section-header`},fg={key:0,class:`empty-tip`},pg={key:1,class:`dependency-list`},mg={class:`dependency-header`},hg={class:`dependency-index`},gg={class:`section`},_g={class:`section-header`},vg={key:0,class:`empty-tip`},yg={key:1,class:`state-rule-list`},bg={class:`state-rule-header`},xg={class:`state-rule-index`};var Sg=xt(m({__name:`ReactionsEditor`,props:{modelValue:{type:Boolean},schema:{},currentFieldName:{},initialReactions:{}},emits:[`update:modelValue`,`save`],setup(e,{emit:t}){let r=e,i=t,a=s({get:()=>r.modelValue,set:e=>i(`update:modelValue`,e)}),o=P([]),l=P([]),m=[{label:`显示/隐藏 (visible)`,value:`visible`},{label:`禁用 (disabled)`,value:`disabled`},{label:`只读 (readOnly)`,value:`readOnly`},{label:`值 (value)`,value:`value`},{label:`显示模式 (display)`,value:`display`},{label:`模式 (pattern)`,value:`pattern`},{label:`必填 (required)`,value:`required`},{label:`标题 (title)`,value:`title`},{label:`描述 (description)`,value:`description`}],h=[{label:`值 (value)`,value:`value`},{label:`显示模式 (display)`,value:`display`},{label:`模式 (pattern)`,value:`pattern`},{label:`初始值 (initialValue)`,value:`initialValue`},{label:`错误信息 (errors)`,value:`errors`},{label:`验证状态 (valid)`,value:`valid`}],g=[{label:`任意类型 (any)`,value:`any`},{label:`字符串 (string)`,value:`string`},{label:`数字 (number)`,value:`number`},{label:`布尔值 (boolean)`,value:`boolean`},{label:`数组 (array)`,value:`array`},{label:`对象 (object)`,value:`object`}],_=s(()=>{function e(t,n=``){if(!t)return[];let i=[];return Object.entries(t).forEach(([t,a])=>{let o=n?`${n}.${t}`:t,s=a.title||t;if(o===r.currentFieldName||o.startsWith(`${r.currentFieldName}.`))return;let c={value:o,label:`${s} (${t})`,children:void 0};if(a.properties){let t=e(a.properties,o);t.length>0&&(c.children=t)}i.push(c)}),i}return e(r.schema?.properties)});function v(){let e=r.initialReactions;if(!e){o.value=[],l.value=[];return}e.dependencies&&Array.isArray(e.dependencies)&&(o.value=e.dependencies.map(e=>({source:e.source||``,property:e.property||`value`,name:e.name||``,type:e.type||`any`}))),e.fulfill?.state&&(l.value=Object.entries(e.fulfill.state).map(([e,t])=>({state:e,expression:String(t).replace(/^\{\{|\}\}$/g,``).trim()})))}function y(){v()}function b(){o.value.push({source:``,property:`value`,name:``,type:`any`})}function x(e){o.value.splice(e,1)}function S(e){!e.name&&e.source&&(e.name=`${e.source.split(`.`).pop()||e.source}_${e.property}`)}function C(){l.value.push({state:`visible`,expression:``})}function w(e){l.value.splice(e,1)}function T(){let e={};o.value.length>0&&(e.dependencies=o.value.filter(e=>e.source).map(e=>({source:e.source,property:e.property,name:e.name,type:e.type}))),l.value.length>0&&(e.fulfill={state:{}},l.value.forEach(t=>{t.state&&t.expression&&(e.fulfill.state[t.state]=`{{${t.expression}}}`)})),i(`save`,e),a.value=!1}function E(){a.value=!1}return(e,t)=>{let r=L(`ElButton`),i=L(`ElTreeSelect`),s=L(`ElFormItem`),v=L(`ElOption`),D=L(`ElSelect`),O=L(`ElInput`),k=L(`ElForm`),ee=L(`ElDialog`);return j(),c(ee,{modelValue:a.value,"onUpdate:modelValue":t[0]||=e=>a.value=e,title:`条件渲染配置`,width:`800px`,onOpen:y},{footer:U(()=>[p(r,{onClick:E},{default:U(()=>[...t[8]||=[f(` 取消 `,-1)]]),_:1}),p(r,{type:`primary`,onClick:T},{default:U(()=>[...t[9]||=[f(` 保存 `,-1)]]),_:1})]),default:U(()=>[d(`div`,lg,[d(`div`,ug,[d(`div`,dg,[t[2]||=d(`span`,{class:`section-title`},`依赖字段`,-1),p(r,{size:`small`,type:`primary`,onClick:b},{default:U(()=>[...t[1]||=[f(` 添加依赖 `,-1)]]),_:1})]),o.value.length===0?(j(),u(`div`,fg,` 暂无依赖字段,点击"添加依赖"按钮添加 `)):(j(),u(`div`,pg,[(j(!0),u(n,null,F(o.value,(e,a)=>(j(),u(`div`,{key:a,class:`dependency-item`},[d(`div`,mg,[d(`span`,hg,`依赖 `+R(a+1),1),p(r,{size:`small`,type:`danger`,text:``,onClick:e=>x(a)},{default:U(()=>[...t[3]||=[f(` 删除 `,-1)]]),_:1},8,[`onClick`])]),p(k,{"label-width":`80px`},{default:U(()=>[p(s,{label:`字段`},{default:U(()=>[p(i,{modelValue:e.source,"onUpdate:modelValue":t=>e.source=t,data:_.value,placeholder:`选择依赖的字段`,clearable:``,"check-strictly":``,"render-after-expand":!1,onChange:t=>S(e)},null,8,[`modelValue`,`onUpdate:modelValue`,`data`,`onChange`])]),_:2},1024),p(s,{label:`属性`},{default:U(()=>[p(D,{modelValue:e.property,"onUpdate:modelValue":t=>e.property=t,placeholder:`选择属性`,onChange:t=>S(e)},{default:U(()=>[(j(),u(n,null,F(h,e=>p(v,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`])),64))]),_:1},8,[`modelValue`,`onUpdate:modelValue`,`onChange`])]),_:2},1024),p(s,{label:`变量名`},{default:U(()=>[p(O,{modelValue:e.name,"onUpdate:modelValue":t=>e.name=t,placeholder:`在表达式中使用的变量名`},null,8,[`modelValue`,`onUpdate:modelValue`])]),_:2},1024),p(s,{label:`类型`},{default:U(()=>[p(D,{modelValue:e.type,"onUpdate:modelValue":t=>e.type=t,placeholder:`选择类型`},{default:U(()=>[(j(),u(n,null,F(g,e=>p(v,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`])),64))]),_:1},8,[`modelValue`,`onUpdate:modelValue`])]),_:2},1024)]),_:2},1024)]))),128))]))]),d(`div`,gg,[d(`div`,_g,[t[5]||=d(`span`,{class:`section-title`},`状态控制`,-1),p(r,{size:`small`,type:`primary`,onClick:C},{default:U(()=>[...t[4]||=[f(` 添加规则 `,-1)]]),_:1})]),l.value.length===0?(j(),u(`div`,vg,` 暂无状态规则,点击"添加规则"按钮添加 `)):(j(),u(`div`,yg,[(j(!0),u(n,null,F(l.value,(e,i)=>(j(),u(`div`,{key:i,class:`state-rule-item`},[d(`div`,bg,[d(`span`,xg,`规则 `+R(i+1),1),p(r,{size:`small`,type:`danger`,text:``,onClick:e=>w(i)},{default:U(()=>[...t[6]||=[f(` 删除 `,-1)]]),_:1},8,[`onClick`])]),p(k,{"label-width":`80px`},{default:U(()=>[p(s,{label:`状态属性`},{default:U(()=>[p(D,{modelValue:e.state,"onUpdate:modelValue":t=>e.state=t,placeholder:`选择要控制的状态`},{default:U(()=>[(j(),u(n,null,F(m,e=>p(v,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`])),64))]),_:1},8,[`modelValue`,`onUpdate:modelValue`])]),_:2},1024),p(s,{label:`表达式`},{default:U(()=>[p(O,{modelValue:e.expression,"onUpdate:modelValue":t=>e.expression=t,type:`textarea`,rows:2,placeholder:`输入 JS 表达式,如:$deps.username_value === '123'`},null,8,[`modelValue`,`onUpdate:modelValue`]),t[7]||=d(`div`,{class:`expression-tip`},` 使用 $deps.变量名 访问依赖字段的值 `,-1)]),_:2},1024)]),_:2},1024)]))),128))]))])])]),_:1},8,[`modelValue`])}}}),[[`__scopeId`,`data-v-0aa160aa`]]);const Cg={class:`config-panel`},wg={key:0,class:`config-empty`},Tg={key:1,class:`config-content`},Eg={class:`config-title`};var Dg=xt(m({__name:`index`,props:{components:{}},setup(e){let t=e,n=st(),{SchemaField:r}=ke({components:{FormItem:ye,Input:be,InputNumber:xe,Checkbox:ve,Radio:Ce,Switch:Te,Select:sg,Space:we,ArrayItems:_e}}),i=ie(null),a=s(()=>n.getSelectedField()),o=s(()=>a.value?a.value[`x-component`]:null),m=s(()=>{let e=o.value;return e?t.components[e]?.setterSchema:null}),h=s(()=>{if(!m.value)return null;let e=m.value.basicSetter;return!e||Object.keys(e).length===0?null:{type:`object`,properties:e}}),g=s(()=>{if(!m.value)return null;let e=m.value.componentSetter;return!e||!e.properties||Object.keys(e.properties).length===0?null:e}),_=s(()=>{if(!m.value)return null;let e=m.value.basicSetter||{},t=m.value.componentSetter?.properties||{};return{type:`object`,properties:{...e,...t}}});H(()=>n.selectedFieldName.value,()=>{a.value&&_.value?i.value=cg(_.value,n):i.value=null},{immediate:!0});let v=ie([`base`,`operate`,`component`]),y=s(()=>n.selectedFieldName.value||`empty`),b=P(!1);function x(){b.value=!0}function S(e){let t=n.selectedFieldName.value;if(!t)return;let r=n.getSelectedField();if(!r)return;let i={...r,"x-reactions":Object.keys(e).length>0?e:void 0};n.updateFieldSchema(t,i)}return(e,t)=>{let s=L(`ElCollapseItem`),m=L(`ElButton`),_=L(`ElCollapse`);return j(),u(`div`,Cg,[a.value?(j(),u(`div`,Tg,[d(`h3`,Eg,R(o.value)+` 配置 `,1),i.value?(j(),c(B(Ee),{key:y.value,form:i.value},{default:U(()=>[p(_,{modelValue:v.value,"onUpdate:modelValue":t[0]||=e=>v.value=e,class:`config-section`},{default:U(()=>[h.value?(j(),c(s,{key:0,name:`base`,title:`基本配置`},{default:U(()=>[p(B(r),{schema:h.value},null,8,[`schema`])]),_:1})):l(``,!0),p(s,{name:`operate`,title:`操作配置`},{default:U(()=>[d(`div`,null,[p(m,{type:`primary`,onClick:x},{default:U(()=>[...t[3]||=[f(` 条件渲染 `,-1)]]),_:1})])]),_:1}),g.value?(j(),c(s,{key:1,name:`component`,title:`组件配置`},{default:U(()=>[p(B(r),{schema:g.value},null,8,[`schema`])]),_:1})):l(``,!0)]),_:1},8,[`modelValue`])]),_:1},8,[`form`])):l(``,!0),p(Sg,{modelValue:b.value,"onUpdate:modelValue":t[1]||=e=>b.value=e,schema:B(n).formSchema.value,"current-field-name":B(n).selectedFieldName.value,"initial-reactions":a.value?.[`x-reactions`],onSave:S},null,8,[`modelValue`,`schema`,`current-field-name`,`initial-reactions`])])):(j(),u(`div`,wg,[...t[2]||=[d(`p`,null,`请选择一个字段`,-1)]]))])}}}),[[`__scopeId`,`data-v-f635307b`]]);const Og={class:`material-panel`},kg={class:`panel-content`},Ag={class:`category-title`},jg={class:`component-grid`},Mg=[`onClick`,`onDragstart`],Ng={class:`component-icon`},Pg={class:`component-name`},Fg={key:0,class:`component-desc`};var Ig=xt(m({__name:`materialPanel`,props:{components:{}},setup(e){let t=e,r=_(dt,null),i=s(()=>{let e={};return Object.entries(t.components).forEach(([t,n])=>{if(n.config?.hidden===!0)return;let r=n.config?.category||`其他`;e[r]||(e[r]=[]),e[r].push({key:t,component:n})}),e});function a(e,t,n){if(!e.dataTransfer)return;let i={type:`new-component`,componentKey:t,componentName:n.config.name,defaultSchema:n.defaultSchema};e.dataTransfer.effectAllowed=`copy`,e.dataTransfer.setData(`application/json`,JSON.stringify(i));let a=e.target;e.dataTransfer.setDragImage(a,10,10),setTimeout(()=>{r?.switchToTreeTab()},100)}function o(e){let t=e.target;t.style.opacity=`1`}function c(e){console.log(`点击组件:`,e)}return(e,t)=>(j(),u(`div`,Og,[t[0]||=d(`div`,{class:`panel-header`},[d(`h3`,null,`组件库`)],-1),d(`div`,kg,[(j(!0),u(n,null,F(i.value,(e,t)=>(j(),u(`div`,{key:t,class:`category-group`},[d(`div`,Ag,R(t),1),d(`div`,jg,[(j(!0),u(n,null,F(e,({key:e,component:t})=>(j(),u(`div`,{key:e,class:`component-item`,draggable:`true`,onClick:t=>c(e),onDragstart:n=>a(n,e,t),onDragend:o},[d(`div`,Ng,R(t.config?.icon?.slice(0,3)),1),d(`div`,Pg,R(t.config?.name||e),1),t.config?.description?(j(),u(`div`,Fg,R(t.config.description),1)):l(``,!0)],40,Mg))),128))])]))),128))])]))}}),[[`__scopeId`,`data-v-93609a69`]]);const Lg={class:`schema-tree`},Rg={class:`tree-toolbar`},zg={class:`toolbar-buttons`},Bg={class:`node-label`},Vg={class:`node-component`},Hg={key:0,class:`menu-divider`},Ug=[`onClick`],Wg={class:`component-picker-content`},Gg={class:`picker-category-title`},Kg={class:`picker-component-grid`},qg=[`onClick`],Jg={class:`picker-component-icon`},Yg={class:`picker-component-name`};var Xg=xt(m({__name:`SchemaTree`,setup(e){let t=st(),i=_(`designerComponents`,{}),a=P(),o=P(``),l=P(!1),m=P({top:`0px`,left:`0px`}),h=P(null),g=P(`node`),v=P(!1),y=P(null);function b(e,t=``){let n=[];return!e||typeof e!=`object`?n:(e.properties&&typeof e.properties==`object`&&Object.entries(e.properties).forEach(([e,r])=>{let i=t?`${t}.properties.${e}`:e,a=r[`x-component`]||`Unknown`,o=r.title||e,s={path:i,label:o,title:o,component:a,isContainer:C(r),children:b(r,i)};n.push(s)}),e.items?.properties&&Object.entries(e.items.properties).forEach(([e,r])=>{let i=`${t}.items.properties.${e}`,a=r[`x-component`]||`Unknown`,o=r.title||e,s={path:i,label:o,title:o,component:a,isContainer:C(r),children:b(r,i)};n.push(s)}),n)}function C(e){return e[`x-droppable`]===!1?!1:!![`object`,`void`,`array`].includes(e.type)}let T=s(()=>b(t.formSchema.value)),E=s(()=>{let e={};return Object.entries(i).forEach(([t,n])=>{if(n.config?.hidden===!0)return;let r=n.config?.category||`其他`;e[r]||(e[r]=[]),e[r].push({key:t,component:n})}),e}),D={children:`children`,label:`label`};function O(e,t){return e?t.label.toLowerCase().includes(e.toLowerCase()):!0}function k(e){a.value?.filter(e)}function ee(){M(T.value).forEach(e=>{let t=a.value?.getNode(e);t&&(t.expanded=!0)})}function A(){M(T.value).forEach(e=>{let t=a.value?.getNode(e);t&&(t.expanded=!1)})}function M(e){let t=[];return e.forEach(e=>{t.push(e.path),e.children&&e.children.length>0&&t.push(...M(e.children))}),t}function N(e){t.selectNode(e.path)}function te(e){return!0}function I(e,t,n){let r=t.data;return n===`inner`?r.isContainer:!0}function ne(e,n,r,i){let a=e.data,o=n.data,s;s=r===`inner`?`INNER`:r===`before`?`BEFORE`:`AFTER`,t.moveField(a.path,o.path,s)}let ie=s(()=>{if(g.value===`empty`)return[{type:`insertRoot`,label:`插入组件`,icon:Re}];let e=h.value;if(!e)return[];let t=[{type:`copy`,label:`复制`,icon:Be},{type:`delete`,label:`删除`,icon:Ve},`divider`,{type:`moveUp`,label:`上移`,icon:Ge},{type:`moveDown`,label:`下移`,icon:Fe},`divider`,{type:`insertBefore`,label:`上方插入`,icon:Re},{type:`insertAfter`,label:`下方插入`,icon:Re}];return e.isContainer&&t.push({type:`insertInner`,label:`插入内部组件`,icon:He}),t});function ae(e){e.preventDefault(),e.stopPropagation(),g.value=`empty`,h.value=null,m.value={top:`${e.clientY}px`,left:`${e.clientX}px`},l.value=!0;let t=()=>{l.value=!1,document.removeEventListener(`click`,t)};setTimeout(()=>{document.addEventListener(`click`,t)},0)}function oe(e,t,n,r){e.preventDefault(),e.stopPropagation(),g.value=`node`,h.value=t,m.value={top:`${e.clientY}px`,left:`${e.clientX}px`},l.value=!0;let i=()=>{l.value=!1,document.removeEventListener(`click`,i)};setTimeout(()=>{document.addEventListener(`click`,i)},0)}function z(e,t){y.value={targetNode:e,position:t},v.value=!0}function se(e){switch(e){case`insertRoot`:z(null,`root`);break;case`insertBefore`:z(h.value,`before`);break;case`insertAfter`:z(h.value,`after`);break;case`insertInner`:z(h.value,`inner`);break;case`copy`:H();return;case`delete`:ue();return;case`moveUp`:W();return;case`moveDown`:he();return}l.value=!1}function ce(e,t){if(!y.value)return;let{targetNode:n,position:r}=y.value,i={componentKey:e,defaultSchema:JSON.parse(JSON.stringify(t.defaultSchema))};r===`root`?xe(i):n&&be(i,n,r),v.value=!1,y.value=null}function le(e){let n=e.split(`.`),r=n[n.length-1],i=n.includes(`items`)&&n.includes(`properties`),a=``;if(i){let e=n.lastIndexOf(`items`);a=n.slice(0,e).join(`.`)}else{let e=n.lastIndexOf(`properties`);e>0&&(a=n.slice(0,e).join(`.`))}let o,s;return a?(o=t.getNodeSchema(a),o&&(s=o.type===`array`?o.items?.properties:o.properties)):(o=t.formSchema.value,s=o.properties),{parentSchema:o,propertiesObj:s,fieldName:r}}function H(){if(!h.value)return;let e=h.value.path,n=t.getNodeSchema(e);if(!n)return;let r=`f_${pe()}`,i=JSON.parse(JSON.stringify(n)),a=[...e.split(`.`).slice(0,-1),r].join(`.`);ge(t.formSchema.value.properties,a,i),l.value=!1}function ue(){if(!h.value)return;let e=h.value.path;me(t.formSchema.value.properties,e),l.value=!1}function W(){if(!h.value)return;let e=h.value.path,{parentSchema:n,propertiesObj:r,fieldName:i}=le(e);if(!r||!n)return;let a=Object.entries(r),o=a.findIndex(([e])=>e===i);if(o<=0)return;let s=a[o];a[o]=a[o-1],a[o-1]=s;let c={};a.forEach(([e,t])=>{c[e]=t});let u=e.split(`.`);if(u.length===1)t.formSchema.value.properties=c;else{let e=u.includes(`items`),n;if(e){let e=u.lastIndexOf(`items`);n=`${u.slice(0,e).join(`.`)}.items.properties`}else{let e=u.lastIndexOf(`properties`);n=u.slice(0,e+1).join(`.`)}ge(t.formSchema.value.properties,n,c)}l.value=!1}function he(){if(!h.value)return;let e=h.value.path,{parentSchema:n,propertiesObj:r,fieldName:i}=le(e);if(!r||!n)return;let a=Object.entries(r),o=a.findIndex(([e])=>e===i);if(o===-1||o>=a.length-1)return;let s=a[o];a[o]=a[o+1],a[o+1]=s;let c={};a.forEach(([e,t])=>{c[e]=t});let u=e.split(`.`);if(u.length===1)t.formSchema.value.properties=c;else{let e=u.includes(`items`),n;if(e){let e=u.lastIndexOf(`items`);n=`${u.slice(0,e).join(`.`)}.items.properties`}else{let e=u.lastIndexOf(`properties`);n=u.slice(0,e+1).join(`.`)}ge(t.formSchema.value.properties,n,c)}l.value=!1}function _e(e){if(e.preventDefault(),e.stopPropagation(),e.dataTransfer)try{let t=e.dataTransfer.getData(`application/json`);if(!t)return;let n=JSON.parse(t);if(n.type!==`new-component`)return;let{componentKey:r,defaultSchema:i}=n;if(!i){console.warn(`组件缺少 defaultSchema:`,r);return}let a=ve(e.clientX,e.clientY);if(console.log(`targetNode`,a),a){let t=ye(e,a.element);be(n,a.data,t)}else xe(n)}catch(e){console.error(`解析拖拽数据失败:`,e)}}function ve(e,t){let n=document.elementFromPoint(e,t)?.closest(`.el-tree-node`);if(n){let e=n.querySelector(`.el-tree-node__content`);if(e){n.__vnode?.props?.[`node-key`];let t=(e,n)=>{for(let r of e){if(r.path===n)return r;if(r.children){let e=t(r.children,n);if(e)return e}}return null},r=n.getAttribute(`data-path`)||e.getAttribute(`data-path`);if(r){let e=t(T.value,r);if(e)return{element:n,data:e}}let i=document.querySelectorAll(`.el-tree-node`),a=Array.from(i).indexOf(n);if(a>=0&&a<T.value.length)return{element:n,data:T.value[a]}}}return null}function ye(e,t){let n=t.getBoundingClientRect(),r=e.clientY-n.top,i=n.height*.2;return r<i?`before`:r>n.height-i?`after`:`inner`}function be(e,n,r){let{defaultSchema:i}=e,a=`f_${pe()}`,o;o=r===`inner`?K.Inner:r===`before`?K.Before:K.After,t.insertField(n.path,a,i,o),x(()=>{let e;if(r===`inner`)e=t.getNodeSchema(n.path)?.type===`array`?`${n.path}.items.properties.${a}`:`${n.path}.properties.${a}`;else{let t=n.path.split(`.`).slice(0,-1).join(`.`);e=t?`${t}.${a}`:a}t.selectNode(e),ee()})}function xe(e){let{defaultSchema:n}=e,r=`f_${pe()}`;t.addField(r,n),t.selectNode(r),x(()=>{ee()})}return x(()=>{ee()}),(e,t)=>{let i=L(`ElIcon`),s=L(`ElInput`),h=L(`ElButton`),g=L(`ElEmpty`),_=L(`ElTree`),y=L(`ElDialog`);return j(),u(`div`,Lg,[d(`div`,Rg,[p(s,{modelValue:o.value,"onUpdate:modelValue":t[0]||=e=>o.value=e,placeholder:`搜索组件`,clearable:``,size:`small`,onInput:k},{prefix:U(()=>[p(i,null,{default:U(()=>[p(B(We))]),_:1})]),_:1},8,[`modelValue`]),d(`div`,zg,[p(h,{size:`small`,text:``,onClick:ee},{default:U(()=>[...t[3]||=[f(` 全部展开 `,-1)]]),_:1}),p(h,{size:`small`,text:``,onClick:A},{default:U(()=>[...t[4]||=[f(` 全部折叠 `,-1)]]),_:1})])]),d(`div`,{class:`tree-content`,onDrop:_e,onDragover:t[1]||=fe(()=>{},[`prevent`]),onContextmenu:ae},[p(_,{ref_key:`treeRef`,ref:a,style:{height:`100%`},data:T.value,props:D,"node-key":`path`,draggable:``,"allow-drop":I,"allow-drag":te,"filter-node-method":O,"default-expand-all":``,"highlight-current":``,onNodeClick:N,onNodeDrop:ne,onNodeContextmenu:oe},{default:U(({data:e})=>[d(`div`,{class:S([`tree-node`,{"is-container":e.isContainer}])},[d(`span`,Bg,R(e.label),1),d(`span`,Vg,`(`+R(e.component)+`)`,1)],2)]),empty:U(()=>[p(g,{description:`暂无组件,请点击右键插入`})]),_:1},8,[`data`])],32),(j(),c(r,{to:`body`},[de(d(`div`,{class:`context-menu`,style:w(m.value)},[(j(!0),u(n,null,F(ie.value,(e,t)=>(j(),u(n,{key:t},[e===`divider`?(j(),u(`div`,Hg)):(j(),u(`div`,{key:1,class:`menu-item`,onClick:t=>se(e.type)},[p(i,null,{default:U(()=>[(j(),c(re(e.icon)))]),_:2},1024),d(`span`,null,R(e.label),1)],8,Ug))],64))),128))],4),[[V,l.value]])])),p(y,{modelValue:v.value,"onUpdate:modelValue":t[2]||=e=>v.value=e,title:`选择组件`,width:`600px`,"close-on-click-modal":!1},{default:U(()=>[d(`div`,Wg,[(j(!0),u(n,null,F(E.value,(e,t)=>(j(),u(`div`,{key:t,class:`picker-category-group`},[d(`div`,Gg,R(t),1),d(`div`,Kg,[(j(!0),u(n,null,F(e,({key:e,component:t})=>(j(),u(`div`,{key:e,class:`picker-component-item`,onClick:n=>ce(e,t)},[d(`div`,Jg,R(t.config?.icon?.slice(0,3)),1),d(`div`,Yg,R(t.config?.name||e),1)],8,qg))),128))])]))),128))])]),_:1},8,[`modelValue`])])}}}),[[`__scopeId`,`data-v-63375f75`]]);const Zg={class:`left-panel`};var Qg=xt(m({__name:`index`,props:{components:{},draggable:{type:Boolean,default:!1}},setup(e){let t=e,n=P(`materials`);function r(){n.value!==`tree`&&(n.value=`tree`)}return M(dt,{switchToTreeTab:r}),(r,i)=>{let a=L(`ElTabPane`),o=L(`ElTabs`);return j(),u(`div`,Zg,[t.draggable?(j(),c(o,{key:0,modelValue:n.value,"onUpdate:modelValue":i[0]||=e=>n.value=e,class:`panel-tabs`},{default:U(()=>[p(a,{label:`组件库`,name:`materials`},{default:U(()=>[p(Ig,{components:e.components},null,8,[`components`])]),_:1}),p(a,{label:`组件树`,name:`tree`},{default:U(()=>[p(Xg)]),_:1})]),_:1},8,[`modelValue`])):(j(),c(Xg,{key:1}))])}}}),[[`__scopeId`,`data-v-e47d1682`]]),$g=m({name:`ArrayInner`,inheritAttrs:!1,__name:`arrayInner`,setup(e){return M(lt,Me()),(e,t)=>I(e.$slots,`default`)}}),e_=m({inheritAttrs:!1,__name:`arrayItemInner`,props:{index:{}},setup(e){return M(ut,e),(e,t)=>I(e.$slots,`default`)}});function t_(e){return Array.isArray(e?.items)?t_(e.items[0]):e?.items?.type===`array`||e?.items?.type===`object`}function n_(e){let t=t_(e),n=null;return n=t?new WeakMap:[],D(()=>{n=null}),{getKey:(e,t)=>n instanceof WeakMap?(n.has(e)||n.set(e,pe()),`${n.get(e)}-${t}`):(n&&!n[t]&&(n[t]=pe()),n?`${n[t]}-${t}`:void 0)}}function r_(e){return Ye(m({name:`SchemaWrapper`,props:{value:{type:[String,Number,Boolean,Array,Object],default:void 0},onChange:{type:Function,default:void 0}},setup(t,n){let{setterSchema:r}=e,i=Me(),a=Ne(),o=_(lt,void 0),c=_(ut,void 0),{getKey:l}=n_(a.value),u=s(()=>{let e=i.value,n={value:t.value,onChange:t.onChange};if(e&&!qe(e)&&(n.pattern=e.pattern),r.basicSetter)for(let[e,t]of Object.entries(r.basicSetter)){let r=t[`x-path`];r&&(n[e]=W(a.value,r))}if(r.componentSetter?.properties)for(let[e,t]of Object.entries(r.componentSetter.properties)){let r=t[`x-path`];r&&(n[e]=W(a.value,r))}e&&!qe(e)&&(n.pattern=e.pattern);let s=a.value?.type===`array`?i.value:o?.value;return s&&(n.onAdd=()=>s.push({}),n.onPush=()=>s.push({}),n.onUnshift=()=>s.unshift({}),n.onRemove=e=>s.remove(e),n.onMove=(e,t)=>s.move(e,t),n.onMoveUp=e=>{e>0&&s.move(e,e-1)},n.onMoveDown=e=>{e<s.value.length-1&&s.move(e,e+1)},c?.index!==void 0&&(n.pattern=s.pattern)),c?.index!==void 0&&(n.arrayIndex=c.index),n});return()=>{let t=i.value;if(!t||t.display!==`visible`)return g(`template`,{},{});let r=()=>{if(!t||qe(t))return null;let e=t.errors||[];return e.length===0?null:g(`div`,{class:`formily-validation-errors`,style:{color:`#f56c6c`,fontSize:`12px`,marginTop:`4px`,lineHeight:`1.5`}},g(`div`,{class:`formily-validation-error-item`},e[0].messages))};if(a.value?.type===`array`){let n=t?.value||[],i=n.length>0?n.map((e,t)=>g(e_,{index:t},{default:()=>g(De,{key:l(e,t),schema:a.value.items,name:t})})):null;return g(`div`,{},[g($g,{},{default:()=>g(e.component,u.value,{default:()=>i})}),r()])}return g(`div`,{},[g(e.component,u.value,n.slots),r()])}}}))}var i_=m({__name:`index`,props:{schema:{},components:{}},setup(e,{expose:t}){let n=e,r=Ke(),{SchemaField:i}=ke({components:Object.keys(n.components).reduce((e,t)=>(e[t]=r_(n.components[t]),e),{})});return t({form:r}),(t,n)=>(j(),c(B(Ee),{form:B(r)},{default:U(()=>[p(B(i),{schema:e.schema},null,8,[`schema`])]),_:1},8,[`form`]))}});const a_={key:0,class:`designer-layout`},o_={class:`designer-material`},s_={class:`designer-canvas`},c_={class:`designer-config`},l_={key:1,class:`designer-preview`};var u_=xt(m({__name:`designer`,props:{components:{},mode:{default:`edit`},modelValue:{},draggable:{type:Boolean,default:!1},height:{default:`100vh`}},emits:[`update:modelValue`],setup(e,{expose:t,emit:n}){let r=e,i=n,a=vt(r.draggable);M(`designerComponents`,r.components);let o=P(null);H(()=>r.modelValue,e=>{e&&JSON.stringify(e)!==JSON.stringify(a.formSchema.value)&&(a.formSchema.value=e)},{immediate:!0,deep:!0}),H(()=>a.formSchema.value,e=>{i(`update:modelValue`,e)},{deep:!0});function c(){return o.value?.form?.values||{}}return t({getFormValues:c,schema:s(()=>a.formSchema.value),store:a}),(t,n)=>(j(),u(`div`,{class:`designer`,style:w({height:r.height})},[r.mode===`edit`?(j(),u(`div`,a_,[d(`div`,o_,[p(Qg,{components:e.components,draggable:e.draggable},null,8,[`components`,`draggable`])]),d(`div`,s_,[p(Ft,{components:e.components},null,8,[`components`])]),d(`div`,c_,[p(Dg,{components:e.components},null,8,[`components`])])])):(j(),u(`div`,l_,[p(i_,{ref_key:`renderRef`,ref:o,schema:B(a).formSchema.value,components:e.components},null,8,[`schema`,`components`])]))],4))}}),[[`__scopeId`,`data-v-aaa05eea`]]);const d_=Ft,f_=Dg,p_=Ig,m_=u_;export{d_ as Canvas,f_ as ConfigPanel,ot as DesignStoreKey,m_ as Designer,p_ as MaterialPanel,yt as schemaToSetterValues,bt as setterValuesToSchema,vt as useCreateDesignStore,st as useDesignStore};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@formily-djd/designer",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.5",
|
|
5
5
|
"description": "djd formily designer",
|
|
6
6
|
"author": "gaojinsong2010@gmail.com",
|
|
7
7
|
"license": "MIT",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"@formily/shared": "^2.3.7",
|
|
28
28
|
"@formily/vue": "^2.3.7",
|
|
29
29
|
"vue": "^3.5.22",
|
|
30
|
-
"@formily-djd/utils": "0.0.
|
|
30
|
+
"@formily-djd/utils": "0.0.5"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
33
|
"@antfu/eslint-config": "^5.4.1",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"vitest": "^3.2.4",
|
|
57
57
|
"vitest-package-exports": "^0.1.1",
|
|
58
58
|
"yaml": "^2.8.1",
|
|
59
|
-
"@formily-djd/component": "0.0.
|
|
59
|
+
"@formily-djd/component": "0.0.5"
|
|
60
60
|
},
|
|
61
61
|
"publishConfig": {
|
|
62
62
|
"access": "public",
|