sun-card-design 1.1.37 → 1.1.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +114 -112
- package/dist/mobile/sun-card-design-mobile.es11.js +3 -3
- package/dist/mobile/sun-card-design-mobile.es3.js +4 -4
- package/dist/mobile/sun-card-design-mobile.es4.js +5 -5
- package/dist/mobile/sun-card-design-mobile.es56.js +3 -4
- package/dist/mobile/sun-card-design-mobile.es6.js +2 -10
- package/dist/pc/sun-card-design-pc.es11.js +3 -3
- package/dist/pc/sun-card-design-pc.es3.js +4 -4
- package/dist/pc/sun-card-design-pc.es4.js +5 -5
- package/dist/pc/sun-card-design-pc.es56.js +3 -4
- package/dist/pc/sun-card-design-pc.es6.js +2 -10
- package/dist/public/sun-card-design.css +1 -1
- package/package.json +98 -96
- package/dist/public/sun-card-designer.css +0 -1
- package/dist/sun-card-designer.es.js +0 -25
- package/dist/sun-card-designer.es10.js +0 -167
- package/dist/sun-card-designer.es11.js +0 -197
- package/dist/sun-card-designer.es12.js +0 -203
- package/dist/sun-card-designer.es13.js +0 -130
- package/dist/sun-card-designer.es14.js +0 -120
- package/dist/sun-card-designer.es151.js +0 -4
- package/dist/sun-card-designer.es152.js +0 -4
- package/dist/sun-card-designer.es153.js +0 -4
- package/dist/sun-card-designer.es154.js +0 -4
- package/dist/sun-card-designer.es155.js +0 -82
- package/dist/sun-card-designer.es156.js +0 -91
- package/dist/sun-card-designer.es157.js +0 -92
- package/dist/sun-card-designer.es158.js +0 -191
- package/dist/sun-card-designer.es159.js +0 -86
- package/dist/sun-card-designer.es16.js +0 -10
- package/dist/sun-card-designer.es160.js +0 -238
- package/dist/sun-card-designer.es161.js +0 -113
- package/dist/sun-card-designer.es162.js +0 -49
- package/dist/sun-card-designer.es163.js +0 -43
- package/dist/sun-card-designer.es164.js +0 -39
- package/dist/sun-card-designer.es165.js +0 -46
- package/dist/sun-card-designer.es166.js +0 -58
- package/dist/sun-card-designer.es167.js +0 -56
- package/dist/sun-card-designer.es168.js +0 -58
- package/dist/sun-card-designer.es169.js +0 -73
- package/dist/sun-card-designer.es17.js +0 -333
- package/dist/sun-card-designer.es170.js +0 -59
- package/dist/sun-card-designer.es171.js +0 -69
- package/dist/sun-card-designer.es172.js +0 -182
- package/dist/sun-card-designer.es173.js +0 -176
- package/dist/sun-card-designer.es174.js +0 -184
- package/dist/sun-card-designer.es175.js +0 -409
- package/dist/sun-card-designer.es176.js +0 -365
- package/dist/sun-card-designer.es177.js +0 -70
- package/dist/sun-card-designer.es178.js +0 -68
- package/dist/sun-card-designer.es179.js +0 -184
- package/dist/sun-card-designer.es18.js +0 -68
- package/dist/sun-card-designer.es180.js +0 -193
- package/dist/sun-card-designer.es181.js +0 -193
- package/dist/sun-card-designer.es182.js +0 -193
- package/dist/sun-card-designer.es184.js +0 -228
- package/dist/sun-card-designer.es185.js +0 -71
- package/dist/sun-card-designer.es19.js +0 -611
- package/dist/sun-card-designer.es196.js +0 -4
- package/dist/sun-card-designer.es20.js +0 -225
- package/dist/sun-card-designer.es201.js +0 -125
- package/dist/sun-card-designer.es21.js +0 -69
- package/dist/sun-card-designer.es22.js +0 -719
- package/dist/sun-card-designer.es220.js +0 -63
- package/dist/sun-card-designer.es221.js +0 -80
- package/dist/sun-card-designer.es222.js +0 -82
- package/dist/sun-card-designer.es223.js +0 -94
- package/dist/sun-card-designer.es224.js +0 -87
- package/dist/sun-card-designer.es225.js +0 -226
- package/dist/sun-card-designer.es226.js +0 -105
- package/dist/sun-card-designer.es227.js +0 -45
- package/dist/sun-card-designer.es228.js +0 -31
- package/dist/sun-card-designer.es229.js +0 -29
- package/dist/sun-card-designer.es23.js +0 -211
- package/dist/sun-card-designer.es230.js +0 -32
- package/dist/sun-card-designer.es231.js +0 -46
- package/dist/sun-card-designer.es232.js +0 -42
- package/dist/sun-card-designer.es233.js +0 -44
- package/dist/sun-card-designer.es234.js +0 -61
- package/dist/sun-card-designer.es235.js +0 -46
- package/dist/sun-card-designer.es236.js +0 -54
- package/dist/sun-card-designer.es237.js +0 -130
- package/dist/sun-card-designer.es238.js +0 -127
- package/dist/sun-card-designer.es239.js +0 -132
- package/dist/sun-card-designer.es24.js +0 -265
- package/dist/sun-card-designer.es240.js +0 -375
- package/dist/sun-card-designer.es241.js +0 -348
- package/dist/sun-card-designer.es242.js +0 -69
- package/dist/sun-card-designer.es243.js +0 -65
- package/dist/sun-card-designer.es244.js +0 -87
- package/dist/sun-card-designer.es245.js +0 -98
- package/dist/sun-card-designer.es246.js +0 -98
- package/dist/sun-card-designer.es247.js +0 -98
- package/dist/sun-card-designer.es25.js +0 -857
- package/dist/sun-card-designer.es26.js +0 -768
- package/dist/sun-card-designer.es260.js +0 -125
- package/dist/sun-card-designer.es27.js +0 -264
- package/dist/sun-card-designer.es273.js +0 -192
- package/dist/sun-card-designer.es28.js +0 -809
- package/dist/sun-card-designer.es29.js +0 -220
- package/dist/sun-card-designer.es3.js +0 -506
- package/dist/sun-card-designer.es30.js +0 -809
- package/dist/sun-card-designer.es31.js +0 -220
- package/dist/sun-card-designer.es32.js +0 -820
- package/dist/sun-card-designer.es33.js +0 -225
- package/dist/sun-card-designer.es34.js +0 -69
- package/dist/sun-card-designer.es35.js +0 -375
- package/dist/sun-card-designer.es36.js +0 -186
- package/dist/sun-card-designer.es37.js +0 -119
- package/dist/sun-card-designer.es38.js +0 -354
- package/dist/sun-card-designer.es39.js +0 -127
- package/dist/sun-card-designer.es4.js +0 -365
- package/dist/sun-card-designer.es40.js +0 -100
- package/dist/sun-card-designer.es41.js +0 -214
- package/dist/sun-card-designer.es42.js +0 -119
- package/dist/sun-card-designer.es43.js +0 -250
- package/dist/sun-card-designer.es44.js +0 -118
- package/dist/sun-card-designer.es45.js +0 -64
- package/dist/sun-card-designer.es46.js +0 -223
- package/dist/sun-card-designer.es47.js +0 -196
- package/dist/sun-card-designer.es48.js +0 -77
- package/dist/sun-card-designer.es49.js +0 -85
- package/dist/sun-card-designer.es5.js +0 -317
- package/dist/sun-card-designer.es50.js +0 -85
- package/dist/sun-card-designer.es51.js +0 -64
- package/dist/sun-card-designer.es52.js +0 -283
- package/dist/sun-card-designer.es53.js +0 -64
- package/dist/sun-card-designer.es54.js +0 -142
- package/dist/sun-card-designer.es55.js +0 -52
- package/dist/sun-card-designer.es56.js +0 -85
- package/dist/sun-card-designer.es57.js +0 -258
- package/dist/sun-card-designer.es58.js +0 -226
- package/dist/sun-card-designer.es59.js +0 -169
- package/dist/sun-card-designer.es6.js +0 -190
- package/dist/sun-card-designer.es60.js +0 -280
- package/dist/sun-card-designer.es61.js +0 -168
- package/dist/sun-card-designer.es62.js +0 -219
- package/dist/sun-card-designer.es63.js +0 -168
- package/dist/sun-card-designer.es64.js +0 -275
- package/dist/sun-card-designer.es65.js +0 -760
- package/dist/sun-card-designer.es66.js +0 -272
- package/dist/sun-card-designer.es67.js +0 -559
- package/dist/sun-card-designer.es68.js +0 -124
- package/dist/sun-card-designer.es69.js +0 -528
- package/dist/sun-card-designer.es7.js +0 -65
- package/dist/sun-card-designer.es70.js +0 -185
- package/dist/sun-card-designer.es71.js +0 -107
- package/dist/sun-card-designer.es72.js +0 -153
- package/dist/sun-card-designer.es73.js +0 -315
- package/dist/sun-card-designer.es74.js +0 -114
- package/dist/sun-card-designer.es76.js +0 -4211
- package/dist/sun-card-designer.es79.js +0 -4
- package/dist/sun-card-designer.es8.js +0 -171
- package/dist/sun-card-designer.es80.js +0 -4
- package/dist/sun-card-designer.es81.js +0 -4
- package/dist/sun-card-designer.es84.js +0 -228
- package/dist/sun-card-designer.es87.js +0 -52
- package/dist/sun-card-designer.es88.js +0 -52
- package/dist/sun-card-designer.es9.js +0 -207
- package/dist/sun-card-designer.es91.js +0 -344
- package/dist/sun-card-designer.es92.js +0 -199
- package/dist/sun-card-designer.es95.js +0 -180
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sun-card-design",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.39",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Vue3 卡片设计组件库,支持 PC 和移动端预览",
|
|
6
6
|
"keywords": [
|
|
@@ -15,12 +15,103 @@
|
|
|
15
15
|
"license": "MIT",
|
|
16
16
|
"repository": {
|
|
17
17
|
"type": "git",
|
|
18
|
-
"url": "
|
|
18
|
+
"url": ""
|
|
19
19
|
},
|
|
20
|
-
"homepage": "
|
|
20
|
+
"homepage": "",
|
|
21
21
|
"type": "module",
|
|
22
22
|
"exports": {
|
|
23
|
-
"./
|
|
23
|
+
"./pc": {
|
|
24
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
25
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
26
|
+
},
|
|
27
|
+
"./pc/title": {
|
|
28
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
29
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
30
|
+
},
|
|
31
|
+
"./pc/text": {
|
|
32
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
33
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
34
|
+
},
|
|
35
|
+
"./pc/button": {
|
|
36
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
37
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
38
|
+
},
|
|
39
|
+
"./pc/file": {
|
|
40
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
41
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
42
|
+
},
|
|
43
|
+
"./pc/picture": {
|
|
44
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
45
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
46
|
+
},
|
|
47
|
+
"./pc/tag": {
|
|
48
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
49
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
50
|
+
},
|
|
51
|
+
"./pc/rate": {
|
|
52
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
53
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
54
|
+
},
|
|
55
|
+
"./pc/divider": {
|
|
56
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
57
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
58
|
+
},
|
|
59
|
+
"./pc/audio": {
|
|
60
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
61
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
62
|
+
},
|
|
63
|
+
"./pc/video": {
|
|
64
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
65
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
66
|
+
},
|
|
67
|
+
"./pc/generate-img": {
|
|
68
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
69
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
70
|
+
},
|
|
71
|
+
"./pc/panorama": {
|
|
72
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
73
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
74
|
+
},
|
|
75
|
+
"./pc/grid": {
|
|
76
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
77
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
78
|
+
},
|
|
79
|
+
"./pc/input": {
|
|
80
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
81
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
82
|
+
},
|
|
83
|
+
"./pc/select": {
|
|
84
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
85
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
86
|
+
},
|
|
87
|
+
"./pc/enterprise-search": {
|
|
88
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
89
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
90
|
+
},
|
|
91
|
+
"./pc/table": {
|
|
92
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
93
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
94
|
+
},
|
|
95
|
+
"./pc/bar-chart": {
|
|
96
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
97
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
98
|
+
},
|
|
99
|
+
"./pc/bar-chart-3d": {
|
|
100
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
101
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
102
|
+
},
|
|
103
|
+
"./pc/pie-chart": {
|
|
104
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
105
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
106
|
+
},
|
|
107
|
+
"./pc/pie-chart-3d": {
|
|
108
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
109
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
110
|
+
},
|
|
111
|
+
"./pc/line-chart": {
|
|
112
|
+
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
113
|
+
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
114
|
+
},
|
|
24
115
|
"./mobile": {
|
|
25
116
|
"import": "./dist/mobile/sun-card-design-mobile.es.js",
|
|
26
117
|
"require": "./dist/mobile/sun-card-design-mobile.umd.js"
|
|
@@ -113,98 +204,7 @@
|
|
|
113
204
|
"import": "./dist/mobile/sun-card-design-mobile.es.js",
|
|
114
205
|
"require": "./dist/mobile/sun-card-design-mobile.umd.js"
|
|
115
206
|
},
|
|
116
|
-
"./
|
|
117
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
118
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
119
|
-
},
|
|
120
|
-
"./pc/title": {
|
|
121
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
122
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
123
|
-
},
|
|
124
|
-
"./pc/text": {
|
|
125
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
126
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
127
|
-
},
|
|
128
|
-
"./pc/button": {
|
|
129
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
130
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
131
|
-
},
|
|
132
|
-
"./pc/file": {
|
|
133
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
134
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
135
|
-
},
|
|
136
|
-
"./pc/picture": {
|
|
137
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
138
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
139
|
-
},
|
|
140
|
-
"./pc/tag": {
|
|
141
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
142
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
143
|
-
},
|
|
144
|
-
"./pc/rate": {
|
|
145
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
146
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
147
|
-
},
|
|
148
|
-
"./pc/divider": {
|
|
149
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
150
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
151
|
-
},
|
|
152
|
-
"./pc/audio": {
|
|
153
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
154
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
155
|
-
},
|
|
156
|
-
"./pc/video": {
|
|
157
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
158
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
159
|
-
},
|
|
160
|
-
"./pc/generate-img": {
|
|
161
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
162
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
163
|
-
},
|
|
164
|
-
"./pc/panorama": {
|
|
165
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
166
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
167
|
-
},
|
|
168
|
-
"./pc/grid": {
|
|
169
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
170
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
171
|
-
},
|
|
172
|
-
"./pc/input": {
|
|
173
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
174
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
175
|
-
},
|
|
176
|
-
"./pc/select": {
|
|
177
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
178
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
179
|
-
},
|
|
180
|
-
"./pc/enterprise-search": {
|
|
181
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
182
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
183
|
-
},
|
|
184
|
-
"./pc/table": {
|
|
185
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
186
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
187
|
-
},
|
|
188
|
-
"./pc/bar-chart": {
|
|
189
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
190
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
191
|
-
},
|
|
192
|
-
"./pc/bar-chart-3d": {
|
|
193
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
194
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
195
|
-
},
|
|
196
|
-
"./pc/pie-chart": {
|
|
197
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
198
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
199
|
-
},
|
|
200
|
-
"./pc/pie-chart-3d": {
|
|
201
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
202
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
203
|
-
},
|
|
204
|
-
"./pc/line-chart": {
|
|
205
|
-
"import": "./dist/pc/sun-card-design-pc.es.js",
|
|
206
|
-
"require": "./dist/pc/sun-card-design-pc.umd.js"
|
|
207
|
-
}
|
|
207
|
+
"./style.css": "./dist/public/sun-card-design.css"
|
|
208
208
|
},
|
|
209
209
|
"files": [
|
|
210
210
|
"dist"
|
|
@@ -228,12 +228,14 @@
|
|
|
228
228
|
"@liripeng/vue-audio-player": "^2.0.4",
|
|
229
229
|
"@tweenjs/tween.js": "^25.0.0",
|
|
230
230
|
"ant-design-vue": "^4.1.2",
|
|
231
|
+
"crypto-js": "^4.2.0",
|
|
231
232
|
"echarts": "^5.4.3",
|
|
232
233
|
"html2canvas": "^1.4.1",
|
|
233
234
|
"pinia": "^3.0.3",
|
|
234
235
|
"strip-json-comments": "^5.0.3",
|
|
235
236
|
"sun-select-color": "^0.1.4",
|
|
236
237
|
"three": "^0.180.0",
|
|
238
|
+
"vite-plugin-javascript-obfuscator": "^3.1.0",
|
|
237
239
|
"vue": "^3.5.0",
|
|
238
240
|
"vue-color": "^3.3.1",
|
|
239
241
|
"vue-router": "^4.5.1",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
html,body,#app{height:100%}:root{--ant-font-size: 14px}.card-pes[data-v-5ab6c7b8]{margin:16px 0;font-weight:500}.card-pes .title[data-v-5ab6c7b8]{margin-bottom:16px;font-size:16px}.card-pes .color-select[data-v-5ab6c7b8]{position:relative;width:100%;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.card-pes .color-select[data-v-5ab6c7b8]:focus-within,.card-pes .color-select[data-v-5ab6c7b8]:hover{border-color:#4096ff}.card-pes .color-select .swatch[data-v-5ab6c7b8]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.card-pes .color-select .label[data-v-5ab6c7b8]{flex:1;color:#333}.card-pes .color-select .arrow[data-v-5ab6c7b8]{color:#666}.card-pes .color-select .color-picker[data-v-5ab6c7b8]{position:absolute;left:0;top:32px;z-index:1;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px}.card-pes .color-grid[data-v-5ab6c7b8]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.card-pes .chip[data-v-5ab6c7b8]{width:100%;height:26px;border-radius:6px;border:1px solid #f0f0f0;cursor:pointer}.card-pes .gradient-preview[data-v-5ab6c7b8]{width:100%;height:36px;border-radius:8px;border:1px solid #f0f0f0}.card-pes .slider-row[data-v-5ab6c7b8]{display:flex;align-items:center}.card-pes[data-v-5ab6c7b8] .ant-segmented-item{font-size:12px}.openVariable-main[data-v-0d34425c]{z-index:1;position:absolute;right:10px;top:-26px}.openVariable-main .li-box[data-v-0d34425c]{position:absolute;left:-265px;top:26px;z-index:2;width:295px;height:auto;padding:12px 16px;border-radius:8px;background-color:#fff;box-shadow:0 6px 12px #0003,0 16px 48px #0000001a}.openVariable-main .li-box .li[data-v-0d34425c]{color:#555;padding:5px 12px;border-radius:5px}.openVariable-main .li-box .li .li-item[data-v-0d34425c]{display:flex;justify-content:space-between;width:100%;background:#fff}.openVariable-main .li-box .li .li-item[data-v-0d34425c]:hover{background:#f0f0f0}.openVariable-main .creat[data-v-0d34425c]{cursor:pointer;color:#06f9}.openVariable-main .creat[data-v-0d34425c]:hover{color:#06fc}.openVariable-main .seg[data-v-0d34425c]{width:calc(100% - 20px);margin-left:10px;margin-bottom:10px}.openVariable-main .seg[data-v-0d34425c] .ant-segmented-item-label{font-size:12px;min-height:24px;line-height:24px;padding:0 11px}.edit-input[data-v-5fde2c14]{display:flex;flex-direction:column;gap:12px}.editable[data-v-5fde2c14]{min-height:120px;border:1px solid #e5e6eb;border-radius:6px;padding:8px 10px;line-height:1.6;color:#333;font-weight:400;outline:none;white-space:pre-wrap;word-break:break-word;transition:border-color .2s ease,box-shadow .2s ease}.editable[data-v-5fde2c14]:hover{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff33}.token-chip[data-v-5fde2c14]{display:inline-block;background:#e6f4ff;color:#1677ff;border-radius:6px;padding:0;margin:0;cursor:default;-webkit-user-select:none;user-select:none}.title-pes[data-v-aef34c62]{margin:16px 0;font-weight:500}.title-pes .title[data-v-aef34c62]{margin-bottom:16px;font-size:16px}.title-style[data-v-700fae8b]{margin:16px 0;font-weight:500}.title-style .title[data-v-700fae8b]{margin-bottom:16px;font-size:16px}.title-style .slider-row[data-v-700fae8b]{display:flex;align-items:center}.title-style .color-select[data-v-700fae8b]{position:relative;width:100%;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.title-style .color-select[data-v-700fae8b]:focus-within,.title-style .color-select[data-v-700fae8b]:hover{border-color:#4096ff}.title-style .color-select .swatch[data-v-700fae8b]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.title-style .color-select .label[data-v-700fae8b]{flex:1;color:#333}.title-style .color-select .arrow[data-v-700fae8b]{color:#666}.title-style .color-select .color-picker[data-v-700fae8b]{position:absolute;left:0;top:32px;z-index:1;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px}.title-style .color-grid[data-v-700fae8b]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.title-style .chip[data-v-700fae8b]{width:100%;height:26px;border-radius:6px;border:1px solid #f0f0f0;cursor:pointer}.title-style .has-line[data-v-700fae8b]{display:flex;justify-content:space-between;align-items:center}.title-style[data-v-700fae8b] .ant-segmented-item{font-size:12px}.title-action[data-v-dd72ac5e]{margin:16px 0;font-weight:500}.title-action .title[data-v-dd72ac5e]{margin-bottom:16px;font-size:16px}.title-action .click-action[data-v-dd72ac5e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.title-pes[data-v-70db59fe]{margin:16px 0;font-weight:500}.title-pes .title[data-v-70db59fe]{margin-bottom:16px;font-size:16px}.title-style[data-v-62eb7c1c]{margin:16px 0;font-weight:500}.title-style .title[data-v-62eb7c1c]{margin-bottom:16px;font-size:16px}.title-style .color-select[data-v-62eb7c1c]{position:relative;width:100%;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.title-style .color-select[data-v-62eb7c1c]:focus-within,.title-style .color-select[data-v-62eb7c1c]:hover{border-color:#4096ff}.title-style .color-select .swatch[data-v-62eb7c1c]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.title-style .color-select .label[data-v-62eb7c1c]{flex:1;color:#333}.title-style .color-select .arrow[data-v-62eb7c1c]{color:#666}.title-style .color-select .color-picker[data-v-62eb7c1c]{position:absolute;left:0;top:32px;z-index:1;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px}.title-style .color-grid[data-v-62eb7c1c]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.title-style .chip[data-v-62eb7c1c]{width:100%;height:26px;border-radius:6px;border:1px solid #f0f0f0;cursor:pointer}.title-style .slider-row[data-v-62eb7c1c]{display:flex;align-items:center}.title-style .gradient-preview[data-v-62eb7c1c]{width:100%;height:36px;border-radius:8px;border:1px solid #f0f0f0}.title-style .has-line[data-v-62eb7c1c]{display:flex;justify-content:space-between;align-items:center}.title-style[data-v-62eb7c1c] .ant-segmented-item{font-size:12px}.title-action[data-v-19e121e5]{margin:16px 0;font-weight:500}.title-action .title[data-v-19e121e5]{margin-bottom:16px;font-size:16px}.title-action .click-action[data-v-19e121e5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.grid-base[data-v-a1349e50]{margin:16px 0;font-weight:500}.grid-base .title[data-v-a1349e50]{margin-bottom:8px 0;font-size:16px}.grid-base .slot[data-v-a1349e50]{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.grid-base .a-item[data-v-a1349e50]{width:100%;display:flex;justify-content:space-between}.grid-style[data-v-5c5e2533]{margin:16px 0;font-weight:500}.grid-style .title[data-v-5c5e2533]{margin-bottom:20px;font-size:16px}.grid-style .sub-title[data-v-5c5e2533]{margin-top:16px;margin-bottom:8px;font-weight:500}.grid-style .slider-row[data-v-5c5e2533]{display:flex;align-items:center}.grid-style .slot-item[data-v-5c5e2533]{font-size:13px;color:#666;margin:8px 0 4px}.grid-style .color-select[data-v-5c5e2533]{position:relative;width:100%;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.grid-style .color-select[data-v-5c5e2533]:focus-within,.grid-style .color-select[data-v-5c5e2533]:hover{border-color:#4096ff}.grid-style .color-select .swatch[data-v-5c5e2533]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.grid-style .color-select .label[data-v-5c5e2533]{flex:1;color:#333}.grid-style .color-select .arrow[data-v-5c5e2533]{color:#666}.grid-style .color-select .color-picker[data-v-5c5e2533]{position:absolute;left:0;top:32px;z-index:2;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px}.grid-style .color-grid[data-v-5c5e2533]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.grid-style .chip[data-v-5c5e2533]{width:100%;height:26px;border-radius:6px;border:1px solid #f0f0f0;cursor:pointer}.grid-style .gradient-preview[data-v-5c5e2533]{width:100%;height:36px;border-radius:8px;border:1px solid #f0f0f0}.grid-style .shadow-preview[data-v-5c5e2533]{width:100%;height:40px;border-radius:8px;background:#fff;border:1px solid #f0f0f0}.grid-style[data-v-5c5e2533] .ant-segmented-item{font-size:12px}.grid-style[data-v-67982909]{margin:16px 0;font-weight:500}.grid-style .title[data-v-67982909]{margin-bottom:20px;font-size:16px}.grid-style .sub-title[data-v-67982909]{margin-top:16px;margin-bottom:8px;font-weight:500}.grid-style .slider-row[data-v-67982909]{display:flex;align-items:center}.grid-style .slot-item[data-v-67982909]{font-size:13px;color:#666;margin:8px 0 4px}.grid-style .color-select[data-v-67982909]{position:relative;width:100%;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.grid-style .color-select[data-v-67982909]:focus-within,.grid-style .color-select[data-v-67982909]:hover{border-color:#4096ff}.grid-style .color-select .swatch[data-v-67982909]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.grid-style .color-select .label[data-v-67982909]{flex:1;color:#333}.grid-style .color-select .arrow[data-v-67982909]{color:#666}.grid-style .color-select .color-picker[data-v-67982909]{position:absolute;left:0;top:32px;z-index:2;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px}.grid-style .color-grid[data-v-67982909]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.grid-style .chip[data-v-67982909]{width:100%;height:26px;border-radius:6px;border:1px solid #f0f0f0;cursor:pointer}.grid-style .gradient-preview[data-v-67982909]{width:100%;height:36px;border-radius:8px;border:1px solid #f0f0f0}.grid-style .shadow-preview[data-v-67982909]{width:100%;height:40px;border-radius:8px;background:#fff;border:1px solid #f0f0f0}.grid-style[data-v-67982909] .ant-segmented-item{font-size:12px}.grid-base[data-v-be9018c3]{margin:16px 0;font-weight:500}.grid-base .title[data-v-be9018c3]{margin-bottom:8px 0;font-size:16px}.grid-base .slot[data-v-be9018c3]{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.grid-base .a-item[data-v-be9018c3]{width:100%;display:flex;justify-content:space-between}.grid-style[data-v-3a5f9b21]{margin:16px 0;font-weight:500}.grid-style .title[data-v-3a5f9b21]{margin-bottom:20px;font-size:16px}.grid-style .sub-title[data-v-3a5f9b21]{margin-top:16px;margin-bottom:8px;font-weight:500}.grid-style .slider-row[data-v-3a5f9b21]{display:flex;align-items:center}.grid-style .slot-item[data-v-3a5f9b21]{font-size:13px;color:#666;margin:8px 0 4px}.grid-style .color-select[data-v-3a5f9b21]{position:relative;width:100%;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.grid-style .color-select[data-v-3a5f9b21]:focus-within,.grid-style .color-select[data-v-3a5f9b21]:hover{border-color:#4096ff}.grid-style .color-select .swatch[data-v-3a5f9b21]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.grid-style .color-select .label[data-v-3a5f9b21]{flex:1;color:#333}.grid-style .color-select .arrow[data-v-3a5f9b21]{color:#666}.grid-style .color-select .color-picker[data-v-3a5f9b21]{position:absolute;left:0;top:32px;z-index:2;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px}.grid-style .color-grid[data-v-3a5f9b21]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.grid-style .chip[data-v-3a5f9b21]{width:100%;height:26px;border-radius:6px;border:1px solid #f0f0f0;cursor:pointer}.grid-style .gradient-preview[data-v-3a5f9b21]{width:100%;height:36px;border-radius:8px;border:1px solid #f0f0f0}.grid-style .shadow-preview[data-v-3a5f9b21]{width:100%;height:40px;border-radius:8px;background:#fff;border:1px solid #f0f0f0}.grid-style[data-v-3a5f9b21] .ant-segmented-item{font-size:12px}.grid-base[data-v-5f81c7dc]{margin:16px 0;font-weight:500}.grid-base .title[data-v-5f81c7dc]{margin-bottom:8px 0;font-size:16px}.grid-base .slot[data-v-5f81c7dc]{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.grid-base .a-item[data-v-5f81c7dc]{width:100%;display:flex;justify-content:space-between}.grid-style[data-v-052fe981]{margin:16px 0;font-weight:500}.grid-style .title[data-v-052fe981]{margin-bottom:20px;font-size:16px}.grid-style .sub-title[data-v-052fe981]{margin-top:16px;margin-bottom:8px;font-weight:500}.grid-style .slider-row[data-v-052fe981]{display:flex;align-items:center}.grid-style .slot-item[data-v-052fe981]{font-size:13px;color:#666;margin:8px 0 4px}.grid-style .color-select[data-v-052fe981]{position:relative;width:100%;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.grid-style .color-select[data-v-052fe981]:focus-within,.grid-style .color-select[data-v-052fe981]:hover{border-color:#4096ff}.grid-style .color-select .swatch[data-v-052fe981]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.grid-style .color-select .label[data-v-052fe981]{flex:1;color:#333}.grid-style .color-select .arrow[data-v-052fe981]{color:#666}.grid-style .color-select .color-picker[data-v-052fe981]{position:absolute;left:0;top:32px;z-index:2;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px}.grid-style .color-grid[data-v-052fe981]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.grid-style .chip[data-v-052fe981]{width:100%;height:26px;border-radius:6px;border:1px solid #f0f0f0;cursor:pointer}.grid-style .gradient-preview[data-v-052fe981]{width:100%;height:36px;border-radius:8px;border:1px solid #f0f0f0}.grid-style .shadow-preview[data-v-052fe981]{width:100%;height:40px;border-radius:8px;background:#fff;border:1px solid #f0f0f0}.grid-style[data-v-052fe981] .ant-segmented-item{font-size:12px}.grid-base[data-v-4e1a3220]{margin:16px 0;font-weight:500}.grid-base .title[data-v-4e1a3220]{margin-bottom:8px 0;font-size:16px}.grid-base .slot[data-v-4e1a3220]{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.grid-base .a-item[data-v-4e1a3220]{width:100%;display:flex;justify-content:space-between}.grid-style[data-v-f8f0eede]{margin:16px 0;font-weight:500}.grid-style .title[data-v-f8f0eede]{margin-bottom:20px;font-size:16px}.grid-style .sub-title[data-v-f8f0eede]{margin-top:16px;margin-bottom:8px;font-weight:500}.grid-style .slider-row[data-v-f8f0eede]{display:flex;align-items:center}.grid-style .slot-item[data-v-f8f0eede]{font-size:13px;color:#666;margin:8px 0 4px}.grid-style .color-select[data-v-f8f0eede]{position:relative;width:100%;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.grid-style .color-select[data-v-f8f0eede]:focus-within,.grid-style .color-select[data-v-f8f0eede]:hover{border-color:#4096ff}.grid-style .color-select .swatch[data-v-f8f0eede]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.grid-style .color-select .label[data-v-f8f0eede]{flex:1;color:#333}.grid-style .color-select .arrow[data-v-f8f0eede]{color:#666}.grid-style .color-select .color-picker[data-v-f8f0eede]{position:absolute;left:0;top:32px;z-index:2;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px}.grid-style .color-grid[data-v-f8f0eede]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.grid-style .chip[data-v-f8f0eede]{width:100%;height:26px;border-radius:6px;border:1px solid #f0f0f0;cursor:pointer}.grid-style .gradient-preview[data-v-f8f0eede]{width:100%;height:36px;border-radius:8px;border:1px solid #f0f0f0}.grid-style .shadow-preview[data-v-f8f0eede]{width:100%;height:40px;border-radius:8px;background:#fff;border:1px solid #f0f0f0}.grid-style[data-v-f8f0eede] .ant-segmented-item{font-size:12px}.title-action[data-v-73261873]{margin:16px 0;font-weight:500}.title-action .title[data-v-73261873]{margin-bottom:16px;font-size:16px}.title-action .click-action[data-v-73261873]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.button-pes[data-v-c885ec04]{margin:16px 0;font-weight:500}.button-pes .title[data-v-c885ec04]{margin-bottom:16px;font-size:16px}.title-style[data-v-4072e452]{margin:16px 0;font-weight:500}.title-style .title[data-v-4072e452]{margin-bottom:16px;font-size:16px}.title-style .color-picker[data-v-4072e452]{width:100%;display:flex;align-items:center;justify-content:center}.title-style .color-box[data-v-4072e452]{width:100px;height:32px;border-radius:4px;border:1px solid #e0e0e0;margin-bottom:16px}.title-style .color-select[data-v-4072e452]{position:relative;width:100%;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.title-style .color-select[data-v-4072e452]:focus-within,.title-style .color-select[data-v-4072e452]:hover{border-color:#4096ff}.title-style .color-select .swatch[data-v-4072e452]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.title-style .color-select .swatch.icon[data-v-4072e452]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none}.title-style .color-select .label[data-v-4072e452]{flex:1;color:#333}.title-style .color-select .arrow[data-v-4072e452]{color:#666}.title-style .color-select .color-picker[data-v-4072e452]{position:absolute;left:0;top:32px;z-index:1;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px}.title-style .color-grid.icons[data-v-4072e452]{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.title-style .icon-chip[data-v-4072e452]{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #f0f0f0;border-radius:6px;cursor:pointer}.title-style .icon-chip[data-v-4072e452]:hover{border-color:#4096ff}.title-style .icon-preview[data-v-4072e452]{font-size:16px}.title-style .icon-text[data-v-4072e452]{color:#333;font-size:12px}.color-grid[data-v-4072e452]{width:100%;display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.chip[data-v-4072e452]{width:100%;height:26px;border-radius:6px;border:1px solid #f0f0f0;cursor:pointer}.slider-row[data-v-4072e452]{display:flex;align-items:center}.title-action[data-v-3ff06a99]{margin:16px 0;font-weight:500}.title-action .title[data-v-3ff06a99]{margin-bottom:16px;font-size:16px}.file-pes[data-v-04faf7b5]{margin:16px 0;font-weight:500}.file-pes .title[data-v-04faf7b5]{margin-bottom:16px;font-size:16px}.title-style[data-v-60cf0ecc]{margin:16px 0;font-weight:500}.title-style .title[data-v-60cf0ecc]{margin-bottom:16px;font-size:16px}.title-style .slider-row[data-v-60cf0ecc]{display:flex;align-items:center}.title-style .color-select[data-v-60cf0ecc]{position:relative;width:100%;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.title-style .color-select[data-v-60cf0ecc]:focus-within,.title-style .color-select[data-v-60cf0ecc]:hover{border-color:#4096ff}.title-style .color-select .swatch[data-v-60cf0ecc]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.title-style .color-select .label[data-v-60cf0ecc]{flex:1;color:#333}.title-style .color-select .arrow[data-v-60cf0ecc]{color:#666}.title-style .color-select .color-picker[data-v-60cf0ecc]{position:absolute;left:0;top:32px;z-index:2;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px}.title-style .color-grid[data-v-60cf0ecc]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.title-style .chip[data-v-60cf0ecc]{width:100%;height:26px;border-radius:6px;border:1px solid #f0f0f0;cursor:pointer}.file-action[data-v-5321d42a]{margin:16px 0;font-weight:500}.file-action .title[data-v-5321d42a]{margin-bottom:16px;font-size:16px}.upload-base-pes[data-v-6f41b8b2]{margin:16px 0;font-weight:500}.upload-base-pes .title[data-v-6f41b8b2]{margin-bottom:16px;font-size:16px}.upload-style-pes[data-v-07aef204]{margin:16px 0;font-weight:500}.upload-style-pes .title[data-v-07aef204]{margin-bottom:16px;font-size:16px}.upload-style-pes .color-picker-group[data-v-07aef204]{display:flex;align-items:center;gap:8px}.upload-style-pes .color-picker-group .color-text[data-v-07aef204]{font-size:12px;color:#666;font-family:monospace}.upload-style-pes .slider-value[data-v-07aef204]{margin-top:4px;font-size:12px;color:#666;text-align:right}.upload-style-pes .color-select[data-v-07aef204]{position:relative;width:100%;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.upload-style-pes .color-select[data-v-07aef204]:focus-within,.upload-style-pes .color-select[data-v-07aef204]:hover{border-color:#4096ff}.upload-style-pes .color-select .swatch[data-v-07aef204]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.upload-style-pes .color-select .label[data-v-07aef204]{flex:1;color:#333}.upload-style-pes .color-select .arrow[data-v-07aef204]{color:#666}.upload-style-pes .color-select .color-picker[data-v-07aef204]{position:absolute;left:0;top:32px;z-index:1;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px}.upload-style-pes .color-grid[data-v-07aef204]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.upload-style-pes .chip[data-v-07aef204]{width:100%;height:26px;border-radius:6px;border:1px solid #f0f0f0;cursor:pointer}.upload-style-pes .slider-row[data-v-07aef204]{display:flex;align-items:center}.picture-pes[data-v-45c1dac0]{margin:16px 0;font-weight:500}.picture-pes .title[data-v-45c1dac0]{margin-bottom:16px;font-size:16px}.picture-pes .upload-tip[data-v-45c1dac0]{margin-top:8px;font-size:12px;color:#999;line-height:1.4}.picture-style[data-v-f806ce19]{margin:16px 0;font-weight:500}.picture-style .title[data-v-f806ce19]{margin-bottom:16px;font-size:16px}.picture-style .config-tip[data-v-f806ce19]{margin-top:8px;font-size:12px;color:#999;line-height:1.4}.picture-style[data-v-f806ce19] .ant-segmented-item{font-size:12px}.picture-style .slider-row[data-v-f806ce19]{display:flex;align-items:center}.picture-action[data-v-3053d680]{margin:16px 0;font-weight:500}.picture-action .title[data-v-3053d680]{margin-bottom:16px;font-size:16px}.picture-action .config-tip[data-v-3053d680]{margin-top:8px;font-size:12px;color:#999;line-height:1.4}.picture-action .click-action[data-v-3053d680]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tag-pes[data-v-b5d3bc42]{margin:16px 0;font-weight:500}.tag-pes .title[data-v-b5d3bc42]{margin-bottom:16px;font-size:16px}.title-style[data-v-6e99a109]{margin:16px 0;font-weight:500}.title-style .title[data-v-6e99a109]{margin-bottom:16px;font-size:16px}.title-style .color-select[data-v-6e99a109]{position:relative;width:100%;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.title-style .color-select[data-v-6e99a109]:focus-within,.title-style .color-select[data-v-6e99a109]:hover{border-color:#4096ff}.title-style .color-select .swatch[data-v-6e99a109]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.title-style .color-select .label[data-v-6e99a109]{flex:1;color:#333}.title-style .color-select .arrow[data-v-6e99a109]{color:#666}.title-style .color-select .color-picker[data-v-6e99a109]{position:absolute;left:0;top:32px;z-index:1;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px}.title-style .color-grid[data-v-6e99a109]{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.title-style .chip[data-v-6e99a109]{width:100%;height:26px;border-radius:6px;border:1px solid #f0f0f0;cursor:pointer}.title-style .color-box[data-v-6e99a109]{width:100px;height:32px;border-radius:4px;border:1px solid #e0e0e0;margin-bottom:16px}.title-style .slider-row[data-v-6e99a109]{display:flex;align-items:center}.title-action[data-v-fe31379e]{margin:16px 0;font-weight:500}.title-action .title[data-v-fe31379e]{margin-bottom:16px;font-size:16px}.title-action .click-action[data-v-fe31379e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tag-pes[data-v-c827d240]{margin:16px 0;font-weight:500}.tag-pes .title[data-v-c827d240]{margin-bottom:16px;font-size:16px}.title-style[data-v-cf5b6cbe]{margin:16px 0;font-weight:500}.title-style .title[data-v-cf5b6cbe]{margin-bottom:16px;font-size:16px}.title-style .slider-row[data-v-cf5b6cbe]{display:flex;align-items:center}.title-style[data-v-bda7855c]{margin:16px 0;font-weight:500}.title-style .title[data-v-bda7855c]{margin-bottom:16px;font-size:16px}.title-style .slider-row[data-v-bda7855c]{display:flex;align-items:center}.title-pes[data-v-f5400fc1]{margin:16px 0;font-weight:500}.title-pes .title[data-v-f5400fc1]{margin-bottom:16px;font-size:16px}.title-style[data-v-3b4c19a8]{margin:16px 0;font-weight:500}.title-style .title[data-v-3b4c19a8]{margin-bottom:16px;font-size:16px}.title-style .color-select[data-v-3b4c19a8]{position:relative;width:100%;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.title-style .color-select[data-v-3b4c19a8]:focus-within,.title-style .color-select[data-v-3b4c19a8]:hover{border-color:#4096ff}.title-style .color-select .swatch[data-v-3b4c19a8]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.title-style .color-select .label[data-v-3b4c19a8]{flex:1;color:#333}.title-style .color-select .arrow[data-v-3b4c19a8]{color:#666}.title-style .color-select .color-picker[data-v-3b4c19a8]{position:absolute;left:0;top:32px;z-index:1;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px}.title-style .color-grid[data-v-3b4c19a8]{display:flex;flex-wrap:wrap;gap:10px}.title-style .chip[data-v-3b4c19a8]{width:35px;height:26px;border-radius:6px;border:1px solid #f0f0f0;display:inline-block;cursor:pointer}.title-style .slider-row[data-v-3b4c19a8]{display:flex;align-items:center}.title-pes[data-v-e6efbbf3]{margin:16px 0;font-weight:500}.title-pes .title[data-v-e6efbbf3]{margin-bottom:16px;font-size:16px}.video-style[data-v-44d6e1b4]{margin:16px 0;font-weight:500}.video-style .title[data-v-44d6e1b4]{margin-bottom:16px;font-size:16px}.video-style[data-v-44d6e1b4] .ant-segmented-item{font-size:12px}.video-style .slider-row[data-v-44d6e1b4]{display:flex;align-items:center}.pes[data-v-95c139c9]{margin:16px 0;font-weight:500}.pes .title[data-v-95c139c9]{margin-bottom:16px;font-size:16px}.title-style[data-v-9e711a61]{margin:16px 0;font-weight:500}.title-style .title[data-v-9e711a61]{margin-bottom:16px;font-size:16px}.title-style .slider-row[data-v-9e711a61]{display:flex;align-items:center}.title-action[data-v-c25d6a4b]{margin:16px 0;font-weight:500}.title-action .title[data-v-c25d6a4b]{margin-bottom:16px;font-size:16px}.color-select[data-v-c25d6a4b]{position:relative;width:100%;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.color-select[data-v-c25d6a4b]:focus-within,.color-select[data-v-c25d6a4b]:hover{border-color:#4096ff}.color-select .swatch[data-v-c25d6a4b]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.color-select .label[data-v-c25d6a4b]{flex:1;color:#333}.color-select .arrow[data-v-c25d6a4b]{color:#666}.color-select .color-picker[data-v-c25d6a4b]{position:absolute;left:0;top:32px;z-index:1;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px;max-height:300px;overflow:auto}.color-grid[data-v-c25d6a4b]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.chip[data-v-c25d6a4b]{width:100%;height:26px;border-radius:6px;border:1px solid #fff;cursor:pointer;display:inline-block}.icon-grid[data-v-c25d6a4b]{grid-template-columns:repeat(8,1fr)}.icon-chip[data-v-c25d6a4b]{display:flex;align-items:center;justify-content:center;height:40px}.icon-chip[data-v-c25d6a4b] .anticon{font-size:18px}.slider-row[data-v-c25d6a4b]{display:flex;align-items:center}.title-action[data-v-4d56c5ae]{margin:16px 0;font-weight:500}.title-action .title[data-v-4d56c5ae]{margin-bottom:16px;font-size:16px}.title-action .click-action[data-v-4d56c5ae]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.input-pes[data-v-59f1ba4b]{margin:16px 0;font-weight:500}.input-pes .title[data-v-59f1ba4b]{margin-bottom:16px;font-size:16px}.input-pes .slider-row[data-v-59f1ba4b]{display:flex;align-items:center}.select-pes[data-v-7c915df7]{margin:16px 0;font-weight:500}.select-pes .title[data-v-7c915df7]{margin-bottom:16px;font-size:16px}.select-pes .option-line[data-v-7c915df7]{display:flex;align-items:center;margin-bottom:8px}.select-pes[data-v-7c915df7] .ant-segmented-item{font-size:12px}.select-pes .slider-row[data-v-7c915df7]{display:flex;align-items:center}.input-pes[data-v-c9a74e7a]{margin:16px 0;font-weight:500}.input-pes .title[data-v-c9a74e7a]{margin-bottom:16px;font-size:16px}.input-pes .slider-row[data-v-c9a74e7a]{display:flex;align-items:center}.table-pes[data-v-df7fe26c]{margin:16px 0;font-weight:500}.table-pes .title[data-v-df7fe26c]{margin-bottom:16px;font-size:16px}.table-pes[data-v-df7fe26c] .jsoneditor-menu{display:none}.table-pes[data-v-df7fe26c] .ant-segmented-item{font-size:12px}.table-style[data-v-9addb5d5]{margin:16px 0;font-weight:500}.table-style .title[data-v-9addb5d5]{margin-bottom:16px;font-size:16px}.table-style .slider-row[data-v-9addb5d5]{display:flex;align-items:center}.table-style[data-v-9addb5d5] .ant-segmented-item{font-size:12px}.bar-base-pes[data-v-2e1071e4]{margin:16px 0;font-weight:500}.bar-base-pes .title[data-v-2e1071e4]{margin-bottom:16px;font-size:16px}.bar-base-pes[data-v-2e1071e4] .jsoneditor-menu{display:none}.bar-base-pes[data-v-2e1071e4] .ant-segmented-item{font-size:12px}.bar-base-pes .series-header[data-v-2e1071e4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bar-base-pes .series-header .left[data-v-2e1071e4]{flex:0 0 auto}.bar-base-pes .series-header .right[data-v-2e1071e4]{flex:1 1 auto;text-align:right}.bar-style-pes[data-v-da4d4588]{margin:16px 0;font-weight:500}.bar-style-pes .title[data-v-da4d4588]{margin-bottom:16px;font-size:16px}.bar-style-pes .color-select[data-v-da4d4588]{position:relative;width:100%;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.bar-style-pes .color-select[data-v-da4d4588]:focus-within,.bar-style-pes .color-select[data-v-da4d4588]:hover{border-color:#4096ff}.bar-style-pes .color-select .swatch[data-v-da4d4588]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.bar-style-pes .color-select .label[data-v-da4d4588]{flex:1;color:#333}.bar-style-pes .color-select .arrow[data-v-da4d4588]{color:#666}.bar-style-pes .color-select .color-picker[data-v-da4d4588]{position:absolute;left:0;top:32px;z-index:2;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px}.bar-style-pes .color-grid[data-v-da4d4588]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.bar-style-pes .chip[data-v-da4d4588]{width:100%;height:26px;border-radius:6px;border:1px solid #f0f0f0;cursor:pointer}.bar-style-pes .slider-row[data-v-da4d4588]{display:flex;align-items:center}.bar-style-pes[data-v-da4d4588] .ant-segmented-item{font-size:12px}.line-base-pes[data-v-7d84656d]{margin:16px 0;font-weight:500}.line-base-pes .title[data-v-7d84656d]{margin-bottom:16px;font-size:16px}.line-base-pes .series-header[data-v-7d84656d]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.line-base-pes .series-header .left[data-v-7d84656d]{flex-shrink:0}.line-base-pes .series-header .right[data-v-7d84656d]{display:flex;flex-wrap:wrap;gap:6px;max-width:200px}.line-base-pes[data-v-7d84656d] .jsoneditor-menu{display:none}.line-base-pes[data-v-7d84656d] .ant-segmented-item{font-size:12px}.line-style-pes[data-v-00e35522]{margin:16px 0;font-weight:500}.line-style-pes .title[data-v-00e35522]{margin-bottom:16px;font-size:16px}.line-style-pes .color-select[data-v-00e35522]{position:relative;width:100%;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.line-style-pes .color-select[data-v-00e35522]:focus-within,.line-style-pes .color-select[data-v-00e35522]:hover{border-color:#4096ff}.line-style-pes .color-select .swatch[data-v-00e35522]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.line-style-pes .color-select .label[data-v-00e35522]{flex:1;color:#333}.line-style-pes .color-select .arrow[data-v-00e35522]{color:#666}.line-style-pes .color-select .color-picker[data-v-00e35522]{position:absolute;left:0;top:32px;z-index:2;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px}.line-style-pes .color-grid[data-v-00e35522]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.line-style-pes .chip[data-v-00e35522]{width:100%;height:26px;border-radius:6px;border:1px solid #f0f0f0;cursor:pointer}.line-style-pes .slider-row[data-v-00e35522]{display:flex;align-items:center}.line-style-pes[data-v-00e35522] .ant-segmented-item{font-size:12px}.pie-base-pes[data-v-7536c196]{margin:16px 0;font-weight:500}.pie-base-pes .title[data-v-7536c196]{margin-bottom:16px;font-size:16px}.pie-base-pes[data-v-7536c196] .jsoneditor-menu{display:none}.pie-base-pes[data-v-7536c196] .ant-segmented-item{font-size:12px}.pie-style-pes[data-v-bd2a6586]{margin:16px 0;font-weight:500}.pie-style-pes .title[data-v-bd2a6586]{margin-bottom:16px;font-size:16px}.pie-style-pes .color-select[data-v-bd2a6586]{position:relative;width:100%;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.pie-style-pes .color-select[data-v-bd2a6586]:hover{border-color:#4096ff}.pie-style-pes .color-select .swatch[data-v-bd2a6586]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.pie-style-pes .color-select .label[data-v-bd2a6586]{flex:1;color:#333}.pie-style-pes .color-select .arrow[data-v-bd2a6586]{color:#666}.pie-style-pes .color-select .color-picker[data-v-bd2a6586]{position:absolute;left:0;top:32px;z-index:2;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px}.pie-style-pes .color-grid[data-v-bd2a6586]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.pie-style-pes .chip[data-v-bd2a6586]{width:100%;height:26px;border-radius:6px;border:1px solid #f0f0f0;cursor:pointer}.pie-style-pes .slider-row[data-v-bd2a6586]{display:flex;align-items:center}.pie-style-pes[data-v-bd2a6586] .ant-segmented-item{font-size:12px}.title[data-v-97a41f23]{font-weight:600;margin:4px 0 8px}.tips[data-v-97a41f23]{color:#888;font-size:12px;margin-top:6px}.series-row[data-v-97a41f23]{display:flex;align-items:center;margin-bottom:8px;gap:8px}.color-select[data-v-97a41f23]{position:relative;height:32px;border:1px solid #e0e0ff;border-radius:6px;display:flex;align-items:center;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.color-select[data-v-97a41f23]:hover{border-color:#4096ff}.swatch[data-v-97a41f23]{width:16px;height:16px;border:1px solid #e0e0e0;border-radius:4px;margin-right:8px}.label[data-v-97a41f23]{flex:1;color:#333;font-size:12px}.arrow[data-v-97a41f23]{color:#666;font-size:10px}.color-picker[data-v-97a41f23]{position:absolute;left:0;top:34px;z-index:3;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px}.color-grid[data-v-97a41f23]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.chip[data-v-97a41f23]{width:100%;height:24px;border-radius:6px;border:1px solid #f0f0f0;cursor:pointer}[data-v-97a41f23] .jsoneditor-menu{display:none}[data-v-97a41f23] .ant-segmented-item{font-size:12px}.title[data-v-292fea90]{font-weight:600;margin:4px 0 8px}.slider-row[data-v-292fea90]{display:flex;align-items:center}.bar3d-base-pes[data-v-9bf8113a]{margin:16px 0;font-weight:500}.bar3d-base-pes .title[data-v-9bf8113a]{margin-bottom:16px;font-size:16px}.bar3d-base-pes[data-v-9bf8113a] .jsoneditor-menu{display:none}.bar3d-base-pes[data-v-9bf8113a] .ant-segmented-item{font-size:12px}.bar3d-style-pes[data-v-94301d75]{margin:16px 0;font-weight:500}.bar3d-style-pes .title[data-v-94301d75]{margin-bottom:16px;font-size:16px}.bar3d-style-pes .color-select[data-v-94301d75]{position:relative;width:100%;height:32px;display:flex;align-items:center;border:1px solid #e0e0ff;border-radius:6px;padding:0 12px;cursor:pointer;box-shadow:0 1px #00000005}.bar3d-style-pes .color-select[data-v-94301d75]:hover{border-color:#4096ff}.bar3d-style-pes .color-select .swatch[data-v-94301d75]{width:16px;height:16px;border-radius:4px;border:1px solid #e0e0e0;margin-right:8px}.bar3d-style-pes .color-select .label[data-v-94301d75]{flex:1;color:#333}.bar3d-style-pes .color-select .arrow[data-v-94301d75]{color:#666}.bar3d-style-pes .color-select .color-picker[data-v-94301d75]{position:absolute;left:0;top:32px;z-index:2;width:100%;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 10px 20px #0000001a;padding:12px}.bar3d-style-pes .color-grid[data-v-94301d75]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.bar3d-style-pes .chip[data-v-94301d75]{width:100%;height:26px;border-radius:6px;border:1px solid #f0f0f0;cursor:pointer}.bar3d-style-pes .slider-row[data-v-94301d75]{display:flex;align-items:center}.panorama-style[data-v-400185b3]{margin:16px 0;font-weight:500}.panorama-style .title[data-v-400185b3]{margin-bottom:16px;font-size:16px}.panorama-style .slider-row[data-v-400185b3]{display:flex;align-items:center}.pes-box[data-v-e18074a5]{padding:16px}.pes-empty[data-v-e18074a5]{margin-top:200px;width:100%;text-align:center}.title[data-v-e18074a5]{font-size:18px;font-weight:500;margin-bottom:4px}.vab[data-v-758a8002]{overflow:hidden}.vab .add[data-v-758a8002]{width:calc(100% - 32px);margin-left:50%;transform:translate(-50%);background:#eff0f8;color:#333;font-weight:600;border-radius:10px;border:none;box-shadow:none}.vab .add[data-v-758a8002]:hover{background:#5768a126;color:#333;font-weight:600}.vab .li[data-v-758a8002]{display:flex;justify-content:space-between;align-items:center;width:100%;height:36px;padding:0 1px 0 10px;border-radius:8px}.vab .li .li-icon[data-v-758a8002]{padding:6px;border-radius:6px;cursor:pointer}.vab .li .li-icon[data-v-758a8002]:hover{background:#5768a126}.vab .li .l[data-v-758a8002]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vab .li .r[data-v-758a8002]{width:56px}.vab .li[data-v-758a8002]:hover{background:#eff0f8}[data-v-758a8002] .jsoneditor-menu{display:none}[data-v-50c15d39] .ant-tree{font-size:15px}[data-v-50c15d39] .ant-tree-treenode{padding-bottom:8px}.left-ul-item[data-v-74af0ca9]{width:100%;height:100%;border-radius:8px;padding:10px;box-shadow:0 0 6px #00000014}.left-ul-item img[data-v-74af0ca9]{width:100%;height:100%}[data-v-74af0ca9] .ant-collapse-header{padding:6px 14px!important;border-radius:6px!important;margin-bottom:8px;color:#616161!important;font-size:13px!important;overflow:hidden}[data-v-74af0ca9] .ant-collapse-header:hover{background-color:#f0f0f0}.left-t1[data-v-10144027]{width:100%;height:50px;margin-left:18px;font-size:13px;line-height:50px;font-weight:500;color:#666}.left-icon[data-v-10144027]{margin-bottom:6px}.left-ul[data-v-10144027]{width:100%;display:inline-flex;padding:5px;list-style:none;margin-bottom:0;flex-wrap:wrap;font-size:12px}.left-ul .left-ul-item[data-v-10144027]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:-webkit-match-parent;margin:5px;width:calc(50% - 10px)}.left-ul .left-ul-item .left-ul-item-txt[data-v-10144027]{width:100%;padding:6px;text-align:center;transition:all .3s;border-radius:6px;border:1px solid #fff}.left-ul .left-ul-item .left-ul-item-txt[data-v-10144027]:hover{border:1px solid #0984e3;border-radius:6px}.main-title[data-v-56af263c]{display:flex;align-items:center;width:100%;padding:3px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-title .line[data-v-56af263c]{width:5px;border-radius:1px;margin-right:6px}.main-title[data-v-56af263c]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.main-title.active[data-v-56af263c]{border:1.5px dashed #1677ff}.main-title h3[data-v-56af263c]{margin:0}.main-text[data-v-70c513ac]{display:flex;align-items:center;width:100%;padding:3px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-text .line[data-v-70c513ac]{width:4px;border-radius:1px;margin-right:6px}.main-text[data-v-70c513ac]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.main-text.active[data-v-70c513ac]{border:1.5px dashed #1677ff}.main-button[data-v-22dd3bba]{display:flex;align-items:center;margin:0;width:100%;padding:3px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-button[data-v-22dd3bba]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.main-button.active[data-v-22dd3bba]{border:1.5px dashed #1677ff}.main-grid[data-v-db40e7c8]{display:flex;flex-direction:column;width:100%;padding:3px;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-grid[data-v-db40e7c8]:hover{border:1.5px dashed #1677ff!important;border-radius:6px;transition:border-color .3s ease}.main-grid.active[data-v-db40e7c8]{border:1.5px dashed #1677ff!important}.main-grid .box[data-v-db40e7c8]{display:flex;flex-direction:column;width:100%;min-height:48px;border-radius:5px;background-color:#f7f7fc;border:1px solid #f7f7fc}.main-grid .box[data-v-db40e7c8]:hover{border:1.5px dashed #1677ff!important;transition:border-color .3s ease}.main-grid .box.active[data-v-db40e7c8]{border:1.5px dashed #1677ff!important}[data-v-db40e7c8] .swap-highlight{position:relative}[data-v-db40e7c8] .swap-highlight:before{z-index:1;content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:#1787ff;border-radius:2px;box-shadow:0 0 0 1px #1787ff40}[data-v-db40e7c8] .swap-highlight-bottom{position:relative}[data-v-db40e7c8] .swap-highlight-bottom:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#1787ff;border-radius:2px;box-shadow:0 0 0 1px #1787ff40}.main-title[data-v-4c901e52]{width:100%;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-title[data-v-4c901e52]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.main-title.active[data-v-4c901e52]{border:1.5px dashed #1677ff}.main-title .file-box[data-v-4c901e52]{display:grid;grid-template-columns:32px 1fr;grid-column-gap:10px;align-items:flex-start}.main-title .file-box .file-icon[data-v-4c901e52]{grid-column:1 / 2;grid-row:1 / span 2;display:flex;align-items:flex-start}.main-title .file-box .file-icon.align-center[data-v-4c901e52]{align-self:center}.main-title .file-box .name[data-v-4c901e52]{grid-column:2 / 3;grid-row:1 / 2;margin:0;line-height:1.2;align-self:flex-start}.main-title .file-box .name.align-center[data-v-4c901e52]{grid-row:1 / span 2;align-self:center}.main-title .file-box .subtitle[data-v-4c901e52]{grid-column:2 / 3;grid-row:2 / 3;margin-top:4px;line-height:1.4;word-break:break-word;white-space:normal}.main-title .file-box[data-v-4c901e52] svg path{fill:currentColor!important}.upload-comp[data-v-5bfcdbbe]{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:3px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.upload-comp[data-v-5bfcdbbe]:hover,.upload-comp.active[data-v-5bfcdbbe]{border:1.5px dashed #1677ff}.upload-comp .parse-type-info[data-v-5bfcdbbe]{margin-top:8px;display:flex;align-items:center}.upload-comp .upload-progress[data-v-5bfcdbbe]{display:flex;position:absolute;left:50%;top:12px;width:90%;transform:translate(-50%);z-index:1000;display:inline-flex;align-items:center;gap:12px;background:#404040f2;color:#fff;padding:10px 16px;border-radius:12px;box-shadow:0 6px 18px #0003}.upload-comp .upload-progress .spinner[data-v-5bfcdbbe]{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#4ad46a;animation:spin-5bfcdbbe 1s linear infinite}.upload-comp .upload-progress .progress-text-container[data-v-5bfcdbbe]{flex:1;display:flex;align-items:center;justify-content:space-between}.upload-comp .upload-progress .progress-text[data-v-5bfcdbbe]{font-size:14px;color:#fff}.upload-comp .upload-progress .cancel-btn[data-v-5bfcdbbe]{background:#666;color:#eee;border:none}@keyframes spin-5bfcdbbe{to{transform:rotate(360deg)}}.upload-comp .file-list[data-v-5bfcdbbe]{width:100%;margin-top:6px}.upload-comp .file-item-name[data-v-5bfcdbbe]{font-size:13px;color:#333}.main-picture[data-v-182d4dc4]{display:flex;width:100%;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px;padding:3px}.main-picture[data-v-182d4dc4]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.main-picture.active[data-v-182d4dc4]{border:1.5px dashed #1677ff}.main-picture .picture-container[data-v-182d4dc4]{background-color:#fff;border-radius:4px}.main-picture h3[data-v-182d4dc4]{margin:0}.main-tag[data-v-b499160a]{width:100%;padding:3px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-tag[data-v-b499160a]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.main-tag.active[data-v-b499160a]{border:1.5px dashed #1677ff}.main-rate[data-v-da4a8ab1]{width:100%;padding:3px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-rate[data-v-da4a8ab1]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.main-rate.active[data-v-da4a8ab1]{border:1.5px dashed #1677ff}.main-rate[data-v-da4a8ab1] .ant-rate-star-full,.main-rate[data-v-da4a8ab1] .ant-rate-star-half,.main-rate[data-v-da4a8ab1] .ant-rate-star-active{color:#ff9500}.main-divider[data-v-184e8aa5]{display:flex;justify-content:center;align-items:center;min-width:120px;width:100%;padding:0 8px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-divider[data-v-184e8aa5]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.main-divider.active[data-v-184e8aa5]{border:1.5px dashed #1677ff}.custom-player[data-v-49d62cab]{--play-btn-color: #4a6bff;--progress-color: linear-gradient(90deg, #ff4d4d, #f9cb28);width:100%;position:relative}.custom-player audio[data-v-49d62cab]{display:none}.controls[data-v-49d62cab]{display:flex;align-items:center}.play-btn[data-v-49d62cab]{width:32px;height:32px;background:var(--play-btn-color);border-radius:50%;border:none;cursor:pointer;position:relative;margin-right:15px;transition:all .3s}.play-btn[data-v-49d62cab]:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-35%,-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid white}.play-btn.paused[data-v-49d62cab]:before{width:14px;height:16px;border:none;background:linear-gradient(to right,white 0 4px,transparent 4px) left center / 4px 16px no-repeat,linear-gradient(to right,white 0 4px,transparent 4px) right center / 4px 16px no-repeat;transform:translate(-50%,-50%)}.progress-container[data-v-49d62cab]{flex:1;height:4px;background:#0000001a;border-radius:2px;cursor:pointer}.progress-bar[data-v-49d62cab]{height:100%;width:0;background:var(--progress-color);border-radius:2px;position:relative}.progress-bar[data-v-49d62cab]:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 0 4px #0000004d;opacity:0;transition:opacity .2s}.progress-container:hover .progress-bar[data-v-49d62cab]:after{opacity:1}.main-audio[data-v-dc881905]{width:100%;padding:3px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-audio[data-v-dc881905]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.main-audio.active[data-v-dc881905]{border:1.5px dashed #1677ff}.main-select[data-v-34ad5d27]{width:100%;padding:3px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-select[data-v-34ad5d27]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.main-select.active[data-v-34ad5d27]{border:1.5px dashed #1677ff}.main-select h3[data-v-34ad5d27],.main-select[data-v-34ad5d27] .ant-form-item{margin:0}.main-video[data-v-31bc4002]{width:100%;padding:3px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-video[data-v-31bc4002]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.main-video.active[data-v-31bc4002]{border:1.5px dashed #1677ff}.main-video .custom-video[data-v-31bc4002]{width:100%;outline:none;background:#000}.main-input[data-v-c76717c1]{width:100%;padding:3px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-input[data-v-c76717c1]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.main-input.active[data-v-c76717c1]{border:1.5px dashed #1677ff}.main-input h3[data-v-c76717c1],.main-input[data-v-c76717c1] .ant-form-item{margin:0}.main-button[data-v-b3127833]{display:flex;align-items:center;margin:0;padding:3px;width:100%;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-button[data-v-b3127833]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.main-button.active[data-v-b3127833]{border:1.5px dashed #1677ff}.main-enterpriseSearch[data-v-05f1191a]{width:100%;padding:3px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-enterpriseSearch[data-v-05f1191a]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.main-enterpriseSearch.active[data-v-05f1191a]{border:1.5px dashed #1677ff}.main-enterpriseSearch h3[data-v-05f1191a],.main-enterpriseSearch[data-v-05f1191a] .ant-form-item{margin:0}.main-table[data-v-285e6545]{width:100%;padding:3px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-table[data-v-285e6545]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.main-table.active[data-v-285e6545]{border:1.5px dashed #1677ff}.main-table[data-v-285e6545] .ant-table{font-size:var(--tbl-font-size)}.main-table[data-v-285e6545] .ant-table-cell{padding:var(--tbl-cell-padding)!important;font-size:var(--tbl-font-size)}.barChart-table[data-v-852f9811]{width:100%;padding:3px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.barChart-table[data-v-852f9811]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.barChart-table.active[data-v-852f9811]{border:1.5px dashed #1677ff}.pieChart-table[data-v-cd42eb5c]{width:100%;padding:3px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.pieChart-table[data-v-cd42eb5c]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.pieChart-table.active[data-v-cd42eb5c]{border:1.5px dashed #1677ff}.lineChart-table[data-v-5fb09e61]{width:100%;padding:3px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.lineChart-table[data-v-5fb09e61]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.lineChart-table.active[data-v-5fb09e61]{border:1.5px dashed #1677ff}.mian-barChart3d[data-v-a51ec53a]{width:100%;padding:3px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px;background:#f7f7fc}.mian-barChart3d[data-v-a51ec53a]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.mian-barChart3d.active[data-v-a51ec53a]{border:1.5px dashed #1677ff}.main-pieChart3d[data-v-85fbe784]{width:100%;padding:3px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px;background:#f7f7fc}.main-pieChart3d[data-v-85fbe784]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.main-pieChart3d.active[data-v-85fbe784]{border:1.5px dashed #1677ff}.main-panorama[data-v-44c4b6f6]{width:100%;padding:3px;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-panorama[data-v-44c4b6f6]:hover{border-color:#1677ff;transition:border-color .3s ease}.main-panorama.active[data-v-44c4b6f6]{border-color:#1677ff}.main-panorama .panorama-box[data-v-44c4b6f6]{overflow:hidden;position:relative}.main-panorama .panorama-box .panorama-box-icon[data-v-44c4b6f6]{position:absolute;right:10px;top:10px;cursor:pointer}.main-icon[data-v-84bfc85d]{width:100%;padding:3px;overflow:hidden;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-icon[data-v-84bfc85d]:hover{border:1.5px dashed #1677ff;border-radius:6px;transition:border-color .3s ease}.main-icon.active[data-v-84bfc85d]{border:1.5px dashed #1677ff}.main-singleColumn[data-v-bbe657ba]{width:100%;padding:3px;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-singleColumn[data-v-bbe657ba]:hover{border:1.5px dashed #1677ff!important;border-radius:6px;transition:border-color .3s ease}.main-singleColumn.active[data-v-bbe657ba]{border:1.5px dashed #1677ff!important}.main-singleColumn .box[data-v-bbe657ba]{display:flex;flex-direction:column;width:100%;min-height:48px;border-radius:5px;background-color:#f7f7fc;border:1px solid #f7f7fc}.main-singleColumn .box[data-v-bbe657ba]:hover{border:1.5px dashed #1677ff!important;border-radius:6px;transition:border-color .3s ease}.main-singleColumn .box.active[data-v-bbe657ba]{border:1.5px dashed #1677ff!important}[data-v-bbe657ba] .swap-highlight{position:relative}[data-v-bbe657ba] .swap-highlight:before{z-index:1;content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:#1787ff;border-radius:2px;box-shadow:0 0 0 1px #1787ff40}[data-v-bbe657ba] .swap-highlight-bottom{position:relative}[data-v-bbe657ba] .swap-highlight-bottom:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#1787ff;border-radius:2px;box-shadow:0 0 0 1px #1787ff40}.main-grid[data-v-2fe85b44]{width:100%;padding:3px;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-grid[data-v-2fe85b44]:hover{border:1.5px dashed #1677ff!important;border-radius:6px;transition:border-color .3s ease}.main-grid.active[data-v-2fe85b44]{border:1.5px dashed #1677ff!important}.main-grid .box[data-v-2fe85b44]{display:flex;flex-direction:column;width:100%;min-height:48px;border-radius:5px;background-color:#f7f7fc;border:1px solid #f7f7fc}.main-grid .box[data-v-2fe85b44]:hover{border:1.5px dashed #1677ff!important;transition:border-color .3s ease}.main-grid .box.active[data-v-2fe85b44]{border:1.5px dashed #1677ff!important}[data-v-2fe85b44] .swap-highlight{position:relative}[data-v-2fe85b44] .swap-highlight:before{z-index:1;content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:#1787ff;border-radius:2px;box-shadow:0 0 0 1px #1787ff40}[data-v-2fe85b44] .swap-highlight-bottom{position:relative}[data-v-2fe85b44] .swap-highlight-bottom:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#1787ff;border-radius:2px;box-shadow:0 0 0 1px #1787ff40}.main-grid[data-v-d4741734]{width:100%;padding:3px;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-grid[data-v-d4741734]:hover{border:1.5px dashed #1677ff!important;border-radius:6px;transition:border-color .3s ease}.main-grid.active[data-v-d4741734]{border:1.5px dashed #1677ff!important}.main-grid .box[data-v-d4741734]{display:flex;flex-direction:column;width:100%;min-height:48px;border-radius:5px;background-color:#f7f7fc;border:1px solid #f7f7fc}.main-grid .box[data-v-d4741734]:hover{border:1.5px dashed #1677ff!important;transition:border-color .3s ease}.main-grid .box.active[data-v-d4741734]{border:1.5px dashed #1677ff!important}[data-v-d4741734] .swap-highlight{position:relative}[data-v-d4741734] .swap-highlight:before{z-index:1;content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:#1787ff;border-radius:2px;box-shadow:0 0 0 1px #1787ff40}[data-v-d4741734] .swap-highlight-bottom{position:relative}[data-v-d4741734] .swap-highlight-bottom:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#1787ff;border-radius:2px;box-shadow:0 0 0 1px #1787ff40}.main-grid[data-v-39dc02c9]{width:100%;padding:3px;border:1.5px dashed rgba(255,255,255,0);border-radius:6px}.main-grid[data-v-39dc02c9]:hover{border:1.5px dashed #1677ff!important;border-radius:6px;transition:border-color .3s ease}.main-grid.active[data-v-39dc02c9]{border:1.5px dashed #1677ff!important}.main-grid .box[data-v-39dc02c9]{display:flex;flex-direction:column;width:100%;min-height:48px;border-radius:5px;background-color:#f7f7fc;border:1px solid #f7f7fc}.main-grid .box[data-v-39dc02c9]:hover{border:1.5px dashed #1677ff!important;transition:border-color .3s ease}.main-grid .box.active[data-v-39dc02c9]{border:1.5px dashed #1677ff!important}[data-v-39dc02c9] .swap-highlight{position:relative}[data-v-39dc02c9] .swap-highlight:before{z-index:1;content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:#1787ff;border-radius:2px;box-shadow:0 0 0 1px #1787ff40}[data-v-39dc02c9] .swap-highlight-bottom{position:relative}[data-v-39dc02c9] .swap-highlight-bottom:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#1787ff;border-radius:2px;box-shadow:0 0 0 1px #1787ff40}.main-box[data-v-e83a3a60]{position:relative}.main-box .box-action[data-v-e83a3a60]{z-index:1;position:absolute;right:6px;bottom:-36px;padding:5px;background-color:#fff;box-shadow:0 0 10px 1px #6e6c6c33;border-radius:6px;display:flex;justify-content:flex-start;align-items:center;font-size:13px}.main-box .box-action .copy[data-v-e83a3a60],.main-box .box-action .del[data-v-e83a3a60]{display:flex;align-items:center;margin-right:6px;cursor:pointer;padding:5px;border-radius:5px;background:#fff}.main-box .box-action .copy[data-v-e83a3a60]:hover,.main-box .box-action .del[data-v-e83a3a60]:hover{background:#eee}.main-box .box-action .del[data-v-e83a3a60]{margin:0}.canvas[data-v-c3e0c9cd]{width:100%;height:100%;padding:15px;background-color:#fff}.canvasTo[data-v-c3e0c9cd]{width:100%;height:100%;padding:15px;border-radius:8px;background-color:#f5f5f5;border:1.5px dashed #ffffff;box-shadow:0 0 2px 2px #6e6c6c33;overflow-y:scroll;scrollbar-width:none}.canvasTo[data-v-c3e0c9cd]:hover{border-color:#1677ff;transition:border-color .3s ease}.canvasTo.active[data-v-c3e0c9cd]{border-color:#1677ff}.canvasToP[data-v-c3e0c9cd]{width:100%;height:100%;display:flex;justify-content:center;margin-left:50%;transform:translate(-50%);transition:all .5s}.canvasToM[data-v-c3e0c9cd]{width:375px;height:100%;display:flex;justify-content:center;margin-left:50%;transform:translate(-50%);transition:all .5s}[data-v-c3e0c9cd] .swap-highlight{position:relative}[data-v-c3e0c9cd] .swap-highlight:before{z-index:1;content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:#1787ff;border-radius:2px;box-shadow:0 0 0 1px #1787ff40}.canvas[data-v-d43255ee]{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:9999;background:#0009}.canvas .canvas-view[data-v-d43255ee]{position:relative;width:calc(100% - 100px);height:calc(100% - 100px);border:6px solid #fff;border-radius:10px;background-color:#3e8be4ad}.canvas .canvas-view .icon[data-v-d43255ee]{position:absolute;top:-26px;right:-26px;font-size:26px;color:#fff}.main-title[data-v-79bf6de4]{display:flex;align-items:center;width:100%}.main-title .line[data-v-79bf6de4]{width:5px;border-radius:2px;margin-right:6px}.main-title h3[data-v-79bf6de4]{margin:0}.main-text[data-v-22d09589]{display:flex;align-items:center;width:100%}.main-text .line[data-v-22d09589]{width:4px;border-radius:1px;margin-right:6px}.main-button[data-v-a265d74a]{display:flex;align-items:center;margin:0;padding:0;width:100%}.main-grid[data-v-812d703d]{width:100%}.main-grid .box[data-v-812d703d]{display:flex;flex-direction:column;width:100%;min-height:48px;border:1px solid #e9e9e9;overflow:hidden}.main-title[data-v-42f0f48a]{width:100%}.main-title .file-box[data-v-42f0f48a]{display:grid;grid-template-columns:32px 1fr;grid-column-gap:10px;align-items:flex-start}.main-title .file-box .file-icon[data-v-42f0f48a]{grid-column:1 / 2;grid-row:1 / span 2;display:flex;align-items:flex-start}.main-title .file-box .file-icon.align-center[data-v-42f0f48a]{align-self:center}.main-title .file-box .name[data-v-42f0f48a]{grid-column:2 / 3;grid-row:1 / 2;margin:0;line-height:1.2;align-self:flex-start}.main-title .file-box .name.align-center[data-v-42f0f48a]{grid-row:1 / span 2;align-self:center}.main-title .file-box .subtitle[data-v-42f0f48a]{grid-column:2 / 3;grid-row:2 / 3;margin-top:4px;line-height:1.4;word-break:break-word;white-space:normal}.main-title .file-box[data-v-42f0f48a] svg path{fill:currentColor!important}.upload-comp[data-v-4363e2fe]{display:flex;flex-direction:column;align-items:flex-start;width:100%;overflow:hidden;border-radius:6px}.upload-comp .parse-type-info[data-v-4363e2fe]{margin-top:8px;display:flex;align-items:center}.upload-comp .upload-progress[data-v-4363e2fe]{display:flex;position:absolute;left:50%;top:12px;width:90%;transform:translate(-50%);z-index:1000;display:inline-flex;align-items:center;gap:12px;background:#404040f2;color:#fff;padding:10px 16px;border-radius:12px;box-shadow:0 6px 18px #0003}.upload-comp .upload-progress .spinner[data-v-4363e2fe]{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#4ad46a;animation:spin-4363e2fe 1s linear infinite}.upload-comp .upload-progress .progress-text-container[data-v-4363e2fe]{flex:1;display:flex;align-items:center;justify-content:space-between}.upload-comp .upload-progress .progress-text[data-v-4363e2fe]{font-size:14px;color:#fff}.upload-comp .upload-progress .cancel-btn[data-v-4363e2fe]{background:#666;color:#eee;border:none}@keyframes spin-4363e2fe{to{transform:rotate(360deg)}}.upload-comp .file-list[data-v-4363e2fe]{width:100%;margin-top:6px}.upload-comp .file-item-name[data-v-4363e2fe]{font-size:13px;color:#333}.main-picture[data-v-75c3648d]{display:flex;width:100%}.main-picture .picture-container[data-v-75c3648d]{background-color:#fff;border-radius:4px}.main-picture h3[data-v-75c3648d]{margin:0}.main-tag[data-v-2bdaac5a],.main-rate[data-v-20282c61]{width:100%}.main-rate[data-v-20282c61] .ant-rate-star-full,.main-rate[data-v-20282c61] .ant-rate-star-half,.main-rate[data-v-20282c61] .ant-rate-star-active{color:#ff9500}.main-divider[data-v-bd99764a]{display:flex;justify-content:center;align-items:center;width:100%}.custom-player[data-v-f85fd551]{--play-btn-color: #4a6bff;--progress-color: linear-gradient(90deg, #ff4d4d, #f9cb28);width:100%;position:relative}.custom-player audio[data-v-f85fd551]{display:none}.controls[data-v-f85fd551]{display:flex;align-items:center}.play-btn[data-v-f85fd551]{width:32px;height:32px;background:var(--play-btn-color);border-radius:50%;border:none;cursor:pointer;position:relative;margin-right:15px;transition:all .3s}.play-btn[data-v-f85fd551]:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-35%,-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid white}.play-btn.paused[data-v-f85fd551]:before{width:14px;height:16px;border:none;background:linear-gradient(to right,white 0 4px,transparent 4px) left center / 4px 16px no-repeat,linear-gradient(to right,white 0 4px,transparent 4px) right center / 4px 16px no-repeat;transform:translate(-50%,-50%)}.progress-container[data-v-f85fd551]{flex:1;height:4px;background:#0000001a;border-radius:2px;cursor:pointer}.progress-bar[data-v-f85fd551]{height:100%;width:0;background:var(--progress-color);border-radius:2px;position:relative}.progress-bar[data-v-f85fd551]:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 0 4px #0000004d;opacity:0;transition:opacity .2s}.progress-container:hover .progress-bar[data-v-f85fd551]:after{opacity:1}.main-audio[data-v-3a42929f],.main-select[data-v-5707ab7d]{width:100%}.main-select h3[data-v-5707ab7d],.main-select[data-v-5707ab7d] .ant-form-item{margin:0}.main-video[data-v-ba6459c2]{width:100%}.main-video .custom-video[data-v-ba6459c2]{width:100%;outline:none;background:#000}.main-input[data-v-f4e2b8e3]{width:100%}.main-input h3[data-v-f4e2b8e3],.main-input[data-v-f4e2b8e3] .ant-form-item{margin:0}.main-button[data-v-4806336e]{display:flex;align-items:center;margin:0;width:100%}.main-enterpriseSearch[data-v-d616ad69]{width:100%}.main-enterpriseSearch h3[data-v-d616ad69],.main-enterpriseSearch[data-v-d616ad69] .ant-form-item{margin:0}.main-table[data-v-f6dd6b54]{width:100%}.main-table[data-v-f6dd6b54] .ant-table{font-size:var(--tbl-font-size)}.main-table[data-v-f6dd6b54] .ant-table-cell{padding:var(--tbl-cell-padding)!important;font-size:var(--tbl-font-size)}.barChart-table[data-v-bdc1c7d2],.pieChart-table[data-v-28332879],.lineChart-table[data-v-c3a80733]{width:100%}.mian-barChart3d[data-v-8a4e4da8]{width:100%;background:#f7f7fc;border-radius:6px}.main-pieChart3d[data-v-26df6fca]{width:100%;background:#f7f7fc}.canvas[data-v-d6ec0f1f]{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:#0009}.canvas .canvas-view[data-v-d6ec0f1f]{position:relative;width:calc(100% - 60px);height:calc(100% - 100px);border-radius:10px;background-color:#3e8be4ad;overflow:hidden}.canvas .icon[data-v-d6ec0f1f]{position:absolute;top:30px;right:10px;font-size:26px;color:#fff}.main-panorama[data-v-bf23cf13]{width:100%;border-radius:6px}.main-panorama .panorama-box[data-v-bf23cf13]{overflow:hidden;position:relative;z-index:1}.main-panorama .panorama-box .panorama-box-icon[data-v-bf23cf13]{position:absolute;right:10px;top:10px;cursor:pointer}.main-icon[data-v-084a636a],.main-singleColumn[data-v-1fc2bfb4]{width:100%}.main-singleColumn .box[data-v-1fc2bfb4]{display:flex;flex-direction:column;width:100%;min-height:48px;border:1px solid #e9e9e9;overflow:hidden}.main-grid[data-v-20b79e7a]{width:100%}.main-grid .box[data-v-20b79e7a]{display:flex;flex-direction:column;width:100%;min-height:48px;border:1px solid #e9e9e9;overflow:hidden}.main-grid[data-v-c1ba89a8]{width:100%}.main-grid .box[data-v-c1ba89a8]{display:flex;flex-direction:column;width:100%;min-height:48px;border:1px solid #e9e9e9;overflow:hidden}.main-grid[data-v-c6c62c4f]{width:100%}.main-grid .box[data-v-c6c62c4f]{display:flex;flex-direction:column;width:100%;min-height:48px;border:1px solid #e9e9e9;overflow:hidden}.main-box[data-v-1202bb9d]{position:relative}.msg-main[data-v-310bb804],.msg-main[data-v-9e0be1d2]{height:auto;border:1px solid #f1f1f1;overflow:hidden}.cantainter[data-v-4f3f4d8a]{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:#0006;cursor:default;z-index:9}.cantainter .main[data-v-4f3f4d8a]{position:relative;display:flex;flex-direction:column;width:80vw;height:90vh;margin-left:10vw;margin-top:5vh;background-color:#fff;border-radius:10px;overflow:hidden}.cantainter .main .close[data-v-4f3f4d8a]{position:absolute;top:6px;right:6px;cursor:pointer}.cantainter .main .content[data-v-4f3f4d8a]{flex:1;display:flex;width:100%;padding:16px;min-height:0;overflow:hidden}.cantainter .main .content .line[data-v-4f3f4d8a]{width:40px}.cantainter .main .content .pc[data-v-4f3f4d8a],.cantainter .main .content .mb[data-v-4f3f4d8a]{flex:1;height:100%;border:1px solid #d1d1d1;border-radius:6px;overflow-y:auto;overflow-x:hidden;min-height:0;background:linear-gradient(180deg,#fafbfc,#f5f7fa);padding-bottom:12px;-ms-overflow-style:none;scrollbar-width:none}.cantainter .main .content .pc[data-v-4f3f4d8a]::-webkit-scrollbar,.cantainter .main .content .mb[data-v-4f3f4d8a]::-webkit-scrollbar{width:0;height:0;display:none}.cantainter .main .content .pc .msg-tem[data-v-4f3f4d8a],.cantainter .main .content .mb .msg-tem[data-v-4f3f4d8a]{position:relative;height:auto;max-width:60%;width:fit-content;margin:12px 12px 8px auto;border:0;padding:6px 10px;border-radius:12px 12px 2px;font-size:12px;color:#fff;background:var(--tip-bg, #57a8ff);word-break:break-word;overflow-wrap:anywhere}.cantainter .main .content .pc .msg-tem[data-v-4f3f4d8a]:after,.cantainter .main .content .mb .msg-tem[data-v-4f3f4d8a]:after{content:"";position:absolute;right:-4px;top:10px;width:10px;height:10px;background:var(--tip-arrow-bg, var(--tip-bg, #57a8ff));transform:rotate(45deg)}.cantainter .main .content .pc .msg-box[data-v-4f3f4d8a],.cantainter .main .content .mb .msg-box[data-v-4f3f4d8a]{position:relative;height:auto;max-width:calc(100% - 80px);min-width:calc(100% - 80px);width:fit-content;margin:6px auto 16px 54px;background:var(--bubble-bg, #ffffff);border:1px solid #eef0f3;box-shadow:0 4px 18px #0f172a0f;line-height:1.6;color:#1f2937;max-height:none;overflow:visible;word-break:break-word;overflow-wrap:anywhere}.cantainter .main .content .pc .msg-box[data-v-4f3f4d8a]:before,.cantainter .main .content .mb .msg-box[data-v-4f3f4d8a]:before{content:"";position:absolute;left:-42px;top:2px;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#8ab4ff,#5e8cff);box-shadow:0 2px 8px #00000014}.cantainter .main .content .pc .msg-box[data-v-4f3f4d8a]:after,.cantainter .main .content .mb .msg-box[data-v-4f3f4d8a]:after{content:"";position:absolute;left:-6px;top:14px;width:12px;height:12px;background:var(--bubble-arrow-bg);border-left:1px solid #eef0f3;border-bottom:1px solid #eef0f3;transform:rotate(45deg)}.cantainter .main .content .pc .mobile-content[data-v-4f3f4d8a],.cantainter .main .content .mb .mobile-content[data-v-4f3f4d8a]{position:absolute;top:var(--black-frame-width);left:var(--black-frame-width);right:var(--black-frame-width);bottom:var(--black-frame-width);background:#fff;border-radius:calc(var(--device-radius) - var(--black-frame-width));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.cantainter .main .content .pc .mobile-content[data-v-4f3f4d8a]::-webkit-scrollbar,.cantainter .main .content .mb .mobile-content[data-v-4f3f4d8a]::-webkit-scrollbar{width:0;height:0;display:none}.cantainter .main .content .pc .mb-box[data-v-4f3f4d8a],.cantainter .main .content .mb .mb-box[data-v-4f3f4d8a]{--device-width: 480px;--device-height: 890px ;--device-radius: 46px;--status-height: 34px;--notch-width: 100px;--notch-height: 18px;--home-indicator-width: 134px;--home-indicator-height: 5px;--frame-shadow-strong: 0 14px 36px rgba(0, 0, 0, .22);--frame-shadow-soft: 0 3px 8px rgba(0, 0, 0, .14);--home-area-height: 34px;--black-frame-width: 8px;--silver-frame-width: calc(var(--black-frame-width) / 3);width:var(--device-width);height:var(--device-height);margin-top:10px;border-radius:var(--device-radius);border:4px solid #fff;box-shadow:inset 0 0 0 var(--black-frame-width) #1a1a1a;background:#fff;box-shadow:var(--frame-shadow-strong),var(--frame-shadow-soft),inset 0 0 0 var(--black-frame-width) #1a1a1a;overflow:hidden;position:relative;padding-top:0;font-size:14px;line-height:1.4}.cantainter .main .content .pc .mb-box[data-v-4f3f4d8a]:before,.cantainter .main .content .mb .mb-box[data-v-4f3f4d8a]:before{content:"";position:absolute;right:calc(var(--silver-frame-width) - 1px);top:25%;width:3px;height:50px;background:#ccc;border-radius:2px;box-shadow:1px 0 4px #0000004d;z-index:2}.cantainter .main .content .pc .mb-box[data-v-4f3f4d8a]:after,.cantainter .main .content .mb .mb-box[data-v-4f3f4d8a]:after{content:"";position:absolute;right:calc(var(--silver-frame-width) - 1px);top:40%;width:3px;height:30px;background:#ccc;border-radius:2px;box-shadow:1px 0 4px #0000004d;z-index:2}.cantainter .main .content .pc .mb-box.mobile-emulator.mate[data-v-4f3f4d8a],.cantainter .main .content .mb .mb-box.mobile-emulator.mate[data-v-4f3f4d8a]{position:relative}.cantainter .main .content .pc .mb-box.mobile-emulator.mate .device-status-bar[data-v-4f3f4d8a],.cantainter .main .content .mb .mb-box.mobile-emulator.mate .device-status-bar[data-v-4f3f4d8a]{position:sticky;top:0;left:0;right:0;height:var(--status-height);background:linear-gradient(180deg,#0000001f,#0000);z-index:3}.cantainter .main .content .pc .mb-box.mobile-emulator.mate .device-status-bar[data-v-4f3f4d8a]:after,.cantainter .main .content .mb .mb-box.mobile-emulator.mate .device-status-bar[data-v-4f3f4d8a]:after{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:var(--notch-width);height:var(--notch-height);background:#000000e6;border-radius:24px;box-shadow:0 2px 6px #0000004d}.cantainter .main .content .pc .mb-box.mobile-emulator.mate .device-home-indicator[data-v-4f3f4d8a],.cantainter .main .content .mb .mb-box.mobile-emulator.mate .device-home-indicator[data-v-4f3f4d8a]{position:sticky;left:0;right:0;bottom:0;height:var(--home-area-height);display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,#0000000f,#0000);z-index:3;pointer-events:none}.cantainter .main .content .pc .mb-box.mobile-emulator.mate .device-home-indicator[data-v-4f3f4d8a]:after,.cantainter .main .content .mb .mb-box.mobile-emulator.mate .device-home-indicator[data-v-4f3f4d8a]:after{content:"";width:var(--home-indicator-width);height:var(--home-indicator-height);background:#00000059;border-radius:3px}.cantainter .main .content .pc .mb-box[data-v-4f3f4d8a] .ant-form-item,.cantainter .main .content .mb .mb-box[data-v-4f3f4d8a] .ant-form-item{display:block;margin-bottom:12px}.cantainter .main .content .pc .mb-box[data-v-4f3f4d8a] .ant-form-item .ant-form-item-label,.cantainter .main .content .mb .mb-box[data-v-4f3f4d8a] .ant-form-item .ant-form-item-label{float:none;text-align:left;padding:0 0 4px;line-height:1.2}.cantainter .main .content .pc .mb-box[data-v-4f3f4d8a] .ant-form-item .ant-form-item-control,.cantainter .main .content .mb .mb-box[data-v-4f3f4d8a] .ant-form-item .ant-form-item-control{width:100%}.cantainter .main .content .pc .mb-box[data-v-4f3f4d8a] .ant-input,.cantainter .main .content .mb .mb-box[data-v-4f3f4d8a] .ant-input,.cantainter .main .content .pc .mb-box[data-v-4f3f4d8a] .ant-select,.cantainter .main .content .mb .mb-box[data-v-4f3f4d8a] .ant-select,.cantainter .main .content .pc .mb-box[data-v-4f3f4d8a] .ant-select-selector,.cantainter .main .content .mb .mb-box[data-v-4f3f4d8a] .ant-select-selector,.cantainter .main .content .pc .mb-box[data-v-4f3f4d8a] .ant-picker,.cantainter .main .content .mb .mb-box[data-v-4f3f4d8a] .ant-picker,.cantainter .main .content .pc .mb-box[data-v-4f3f4d8a] textarea.ant-input,.cantainter .main .content .mb .mb-box[data-v-4f3f4d8a] textarea.ant-input{width:100%!important;min-height:36px;border-radius:8px}.cantainter .main .content .pc .mb-box[data-v-4f3f4d8a] .ant-form,.cantainter .main .content .mb .mb-box[data-v-4f3f4d8a] .ant-form{padding:0 12px}.cantainter .main .content .pc .mb-box .msg-tem[data-v-4f3f4d8a]:first-child,.cantainter .main .content .mb .mb-box .msg-tem[data-v-4f3f4d8a]:first-child{margin-top:24px}.cantainter .main .content .pc .mb-box .msg-tem[data-v-4f3f4d8a],.cantainter .main .content .mb .mb-box .msg-tem[data-v-4f3f4d8a]{margin-top:12px}.cantainter .main .footer[data-v-4f3f4d8a]{display:flex;justify-content:center;align-items:center;margin-top:16px}.cantainter .main .footer div[data-v-4f3f4d8a]{flex:1;text-align:center}.config-main[data-v-a9616c2f]{width:100vw;height:100vh;background:#f7f7fc}.nav[data-v-a9616c2f]{display:flex;justify-content:space-between;align-items:center;width:100vw;height:70px;padding-right:26px;padding-left:16px;background:#f7f7fc}.main[data-v-a9616c2f]{display:flex;border:1px solid #dee0e3;width:calc(100vw - 16px);height:calc(100vh - 78px);margin-left:8px;border-radius:8px;cursor:default;color:#333;overflow:hidden;font-family:PingFang SC,Noto Sans SC,sans-serif;background:#fff}.main .left[data-v-a9616c2f]{padding:10px 20px;width:300px;overflow-y:auto;scrollbar-width:none}.main .center[data-v-a9616c2f]{position:relative;flex:1;border:1px solid #dee0e3;border-bottom:none;border-top:none;padding:36px;background:#fefefe;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.main .right[data-v-a9616c2f]{width:320px;overflow-y:auto;scrollbar-width:none}.main .operate[data-v-a9616c2f]{height:30px;position:absolute;bottom:30px;left:50%;transform:translate(-50%);height:46px;display:flex;align-items:center;background-color:#fff;border:1px solid rgba(82,100,154,.2);border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:12px 6px;cursor:pointer}.main .operate .line[data-v-a9616c2f]{width:1px;height:30px;background-color:#dee0e3;scale:.5}.main .operate .operate-icon[data-v-a9616c2f]{width:30px;height:30px;margin:0 6px;display:flex;justify-content:center;align-items:center}.main .operate .active-icon[data-v-a9616c2f]{border-radius:8px;background:#eee}.loading[data-v-a9616c2f]{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:#0006}.back[data-v-a9616c2f]{display:flex;justify-items:center}.back span[data-v-a9616c2f]{margin:auto;color:#333}.back .back-icon[data-v-a9616c2f]{padding:10px;font-size:14px;cursor:pointer;border-radius:10px}.back .back-icon[data-v-a9616c2f]:hover{background:#e6e6e6}.back h3[data-v-a9616c2f]{margin:0 0 0 5px}[data-v-a9616c2f] .ant-tabs-tab-btn{font-weight:500;color:#555}[data-v-a9616c2f] .css-dev-only-do-not-override-1qdlsdo.ant-segmented .ant-segmented-item,[data-v-a9616c2f] .css-dev-only-do-not-override-1qdlsdo.ant-segmented{border-radius:10px}[data-v-a9616c2f] .ant-segmented-item{font-size:12px}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import "ant-design-vue/dist/reset.css";
|
|
2
|
-
/* empty css */
|
|
3
|
-
import { createApp } from "vue";
|
|
4
|
-
import Antd from "ant-design-vue";
|
|
5
|
-
import { createPinia } from "pinia";
|
|
6
|
-
import { createRouter, createWebHistory } from "vue-router";
|
|
7
|
-
import ConfigMain from "./sun-card-designer.es3.js";
|
|
8
|
-
const router = createRouter({
|
|
9
|
-
history: createWebHistory("/"),
|
|
10
|
-
routes: [
|
|
11
|
-
{
|
|
12
|
-
path: "/",
|
|
13
|
-
name: "main",
|
|
14
|
-
component: ConfigMain
|
|
15
|
-
}
|
|
16
|
-
]
|
|
17
|
-
});
|
|
18
|
-
const app = createApp(ConfigMain);
|
|
19
|
-
app.use(createPinia());
|
|
20
|
-
app.use(router);
|
|
21
|
-
app.use(Antd);
|
|
22
|
-
export {
|
|
23
|
-
app,
|
|
24
|
-
ConfigMain as default
|
|
25
|
-
};
|
|
@@ -1,167 +0,0 @@
|
|
|
1
|
-
import { ref, watch, createElementBlock, openBlock, normalizeClass, createVNode, unref, withModifiers, normalizeStyle, withCtx, createElementVNode } from "vue";
|
|
2
|
-
import draggable from "vuedraggable";
|
|
3
|
-
import FormItem from "./sun-card-designer.es84.js";
|
|
4
|
-
import { useCardManageStore } from "./sun-card-designer.es13.js";
|
|
5
|
-
/* empty css */
|
|
6
|
-
import _export_sfc from "./sun-card-designer.es16.js";
|
|
7
|
-
const _hoisted_1 = ["onClick"];
|
|
8
|
-
const _sfc_main = {
|
|
9
|
-
__name: "index",
|
|
10
|
-
props: ["sourceData"],
|
|
11
|
-
setup(__props) {
|
|
12
|
-
const cardManageStore = useCardManageStore();
|
|
13
|
-
const props = __props;
|
|
14
|
-
const currentUI = ref("pc");
|
|
15
|
-
const dragFromIndex = ref(-1);
|
|
16
|
-
const hoverToIndex = ref(-1);
|
|
17
|
-
const gridTargetList = ref(null);
|
|
18
|
-
const gridTargetIndex = ref(-1);
|
|
19
|
-
const isTargetGrid = ref(false);
|
|
20
|
-
const onConfig = (uuid) => {
|
|
21
|
-
if (!getSaveData().length) return;
|
|
22
|
-
cardManageStore.setCurrentSelectUuid(uuid);
|
|
23
|
-
};
|
|
24
|
-
watch(
|
|
25
|
-
() => cardManageStore.currentRenderUI,
|
|
26
|
-
(val) => {
|
|
27
|
-
currentUI.value = val;
|
|
28
|
-
}
|
|
29
|
-
);
|
|
30
|
-
function onCanvasStart(evt) {
|
|
31
|
-
dragFromIndex.value = evt.oldIndex;
|
|
32
|
-
hoverToIndex.value = -1;
|
|
33
|
-
isTargetGrid.value = false;
|
|
34
|
-
gridTargetList.value = null;
|
|
35
|
-
gridTargetIndex.value = -1;
|
|
36
|
-
}
|
|
37
|
-
function onCanvasMove(evt) {
|
|
38
|
-
try {
|
|
39
|
-
const { relatedContext, draggedContext, to, from } = evt;
|
|
40
|
-
const isHoverCanvasItem = relatedContext && draggedContext && relatedContext.component === draggedContext.component;
|
|
41
|
-
if (isHoverCanvasItem || to === from) {
|
|
42
|
-
isTargetGrid.value = false;
|
|
43
|
-
gridTargetList.value = null;
|
|
44
|
-
gridTargetIndex.value = -1;
|
|
45
|
-
if (relatedContext && typeof relatedContext.index === "number") {
|
|
46
|
-
hoverToIndex.value = relatedContext.index;
|
|
47
|
-
}
|
|
48
|
-
return false;
|
|
49
|
-
}
|
|
50
|
-
const toGrid = typeof to.closest === "function" ? to.closest(".main-grid") : null;
|
|
51
|
-
if (toGrid) {
|
|
52
|
-
isTargetGrid.value = true;
|
|
53
|
-
hoverToIndex.value = -1;
|
|
54
|
-
if (relatedContext) {
|
|
55
|
-
const idx = typeof relatedContext.index === "number" ? relatedContext.index : Array.isArray(relatedContext.list) ? relatedContext.list.length : -1;
|
|
56
|
-
gridTargetIndex.value = idx;
|
|
57
|
-
gridTargetList.value = relatedContext.list || null;
|
|
58
|
-
}
|
|
59
|
-
return false;
|
|
60
|
-
}
|
|
61
|
-
return false;
|
|
62
|
-
} catch (e) {
|
|
63
|
-
return false;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
function onCanvasEnd() {
|
|
67
|
-
const from = dragFromIndex.value;
|
|
68
|
-
const list = props.sourceData.list;
|
|
69
|
-
if (!Array.isArray(list)) {
|
|
70
|
-
resetDragState();
|
|
71
|
-
return;
|
|
72
|
-
}
|
|
73
|
-
if (isTargetGrid.value && gridTargetList.value && Array.isArray(gridTargetList.value)) {
|
|
74
|
-
if (from >= 0 && from < list.length) {
|
|
75
|
-
const item2 = list.splice(from, 1)[0];
|
|
76
|
-
const insertAt = Math.min(Math.max(gridTargetIndex.value, 0), gridTargetList.value.length);
|
|
77
|
-
gridTargetList.value.splice(insertAt, 0, item2);
|
|
78
|
-
}
|
|
79
|
-
resetDragState();
|
|
80
|
-
return;
|
|
81
|
-
}
|
|
82
|
-
const rawTo = hoverToIndex.value;
|
|
83
|
-
resetDragState();
|
|
84
|
-
if (from === -1 || rawTo === -1 || from === rawTo) return;
|
|
85
|
-
if (from < 0 || from >= list.length) return;
|
|
86
|
-
const item = list.splice(from, 1)[0];
|
|
87
|
-
let to = rawTo;
|
|
88
|
-
if (from < rawTo) to = rawTo - 1;
|
|
89
|
-
const safeTo = Math.min(Math.max(to, 0), list.length);
|
|
90
|
-
list.splice(safeTo, 0, item);
|
|
91
|
-
}
|
|
92
|
-
function resetDragState() {
|
|
93
|
-
dragFromIndex.value = -1;
|
|
94
|
-
hoverToIndex.value = -1;
|
|
95
|
-
isTargetGrid.value = false;
|
|
96
|
-
gridTargetList.value = null;
|
|
97
|
-
gridTargetIndex.value = -1;
|
|
98
|
-
}
|
|
99
|
-
function getSaveData() {
|
|
100
|
-
const newList = JSON.parse(JSON.stringify(props.sourceData.list));
|
|
101
|
-
return filterListByState(newList);
|
|
102
|
-
}
|
|
103
|
-
function filterListByState(list) {
|
|
104
|
-
if (!Array.isArray(list)) return [];
|
|
105
|
-
const result = [];
|
|
106
|
-
for (const node of list) {
|
|
107
|
-
if (node?.state === false) continue;
|
|
108
|
-
const cloned = JSON.parse(JSON.stringify(node));
|
|
109
|
-
if (cloned && Object.prototype.hasOwnProperty.call(cloned, "state")) {
|
|
110
|
-
delete cloned.state;
|
|
111
|
-
}
|
|
112
|
-
if (cloned?.type === "grid" && Array.isArray(cloned.columns)) {
|
|
113
|
-
cloned.columns = cloned.columns.map((col) => {
|
|
114
|
-
const colClone = { ...col };
|
|
115
|
-
colClone.list = filterListByState(colClone.list || []);
|
|
116
|
-
return colClone;
|
|
117
|
-
});
|
|
118
|
-
}
|
|
119
|
-
result.push(cloned);
|
|
120
|
-
}
|
|
121
|
-
return result;
|
|
122
|
-
}
|
|
123
|
-
return (_ctx, _cache) => {
|
|
124
|
-
return openBlock(), createElementBlock("div", {
|
|
125
|
-
class: normalizeClass({
|
|
126
|
-
canvasToM: currentUI.value === "mobile",
|
|
127
|
-
canvasToP: currentUI.value === "pc"
|
|
128
|
-
})
|
|
129
|
-
}, [
|
|
130
|
-
createVNode(unref(draggable), {
|
|
131
|
-
style: normalizeStyle({ "background": !!getSaveData().length ? props.sourceData.config.background : "#fff", padding: props.sourceData.config.padding + "px", borderRadius: props.sourceData.config.borderRadius + "px" }),
|
|
132
|
-
class: normalizeClass({
|
|
133
|
-
canvasTo: getSaveData().length,
|
|
134
|
-
canvas: !getSaveData().length,
|
|
135
|
-
active: _ctx.currentUuid === "card"
|
|
136
|
-
}),
|
|
137
|
-
list: props.sourceData.list,
|
|
138
|
-
group: "people",
|
|
139
|
-
animation: 300,
|
|
140
|
-
ghostClass: _ctx.moving,
|
|
141
|
-
"item-key": "uuid",
|
|
142
|
-
move: onCanvasMove,
|
|
143
|
-
onStart: onCanvasStart,
|
|
144
|
-
onEnd: onCanvasEnd,
|
|
145
|
-
onClick: _cache[0] || (_cache[0] = withModifiers(($event) => onConfig("card"), ["stop"]))
|
|
146
|
-
}, {
|
|
147
|
-
item: withCtx(({ element, index }) => [
|
|
148
|
-
createElementVNode("div", {
|
|
149
|
-
onClick: withModifiers(($event) => onConfig(element.uuid), ["stop"]),
|
|
150
|
-
class: normalizeClass({ "swap-highlight": index === hoverToIndex.value })
|
|
151
|
-
}, [
|
|
152
|
-
createVNode(FormItem, {
|
|
153
|
-
record: element,
|
|
154
|
-
recordData: props.sourceData
|
|
155
|
-
}, null, 8, ["record", "recordData"])
|
|
156
|
-
], 10, _hoisted_1)
|
|
157
|
-
]),
|
|
158
|
-
_: 1
|
|
159
|
-
}, 8, ["style", "class", "list", "ghostClass"])
|
|
160
|
-
], 2);
|
|
161
|
-
};
|
|
162
|
-
}
|
|
163
|
-
};
|
|
164
|
-
const RenderPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c3e0c9cd"]]);
|
|
165
|
-
export {
|
|
166
|
-
RenderPanel as default
|
|
167
|
-
};
|