@robot-admin/naive-ui-components 0.13.1 → 0.13.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +26 -0
- package/README.md +4 -0
- package/README_EN.md +4 -0
- package/dist/C_ActionBar.css +75 -63
- package/dist/C_ActionBar2.cjs +1 -1
- package/dist/C_ActionBar2.js +1 -1
- package/dist/C_AntV.css +249 -79
- package/dist/C_AntV2.cjs +3 -3
- package/dist/C_AntV2.js +2 -2
- package/dist/C_AudioPlayer.css +88 -76
- package/dist/C_AudioPlayer2.cjs +1 -1
- package/dist/C_AudioPlayer2.js +1 -1
- package/dist/C_AvatarGroup.css +32 -28
- package/dist/C_AvatarGroup2.cjs +1 -1
- package/dist/C_AvatarGroup2.js +1 -1
- package/dist/C_Breadcrumb.css +35 -17
- package/dist/C_Breadcrumb2.cjs +1 -1
- package/dist/C_Breadcrumb2.js +1 -1
- package/dist/C_Captcha.css +66 -53
- package/dist/C_Captcha2.cjs +1 -1
- package/dist/C_Captcha2.js +1 -1
- package/dist/C_Cascade.css +6 -2
- package/dist/C_Cascade2.cjs +1 -1
- package/dist/C_Cascade2.js +1 -1
- package/dist/C_Chat.css +40 -33
- package/dist/C_City.css +37 -32
- package/dist/C_City2.cjs +1 -1
- package/dist/C_City2.js +1 -1
- package/dist/C_Code.css +53 -40
- package/dist/C_Code2.cjs +1 -1
- package/dist/C_Code2.js +1 -1
- package/dist/C_CollapsePanel.css +68 -55
- package/dist/C_CollapsePanel2.cjs +1 -1
- package/dist/C_CollapsePanel2.js +1 -1
- package/dist/C_ContextMenu.css +68 -26
- package/dist/C_ContextMenu2.cjs +1 -1
- package/dist/C_ContextMenu2.js +1 -1
- package/dist/C_Cron.css +95 -68
- package/dist/C_Cron2.cjs +1 -1
- package/dist/C_Cron2.js +1 -1
- package/dist/C_Date.css +8 -1
- package/dist/C_Date2.cjs +1 -1
- package/dist/C_Date2.js +1 -1
- package/dist/C_Draggable.css +60 -51
- package/dist/C_Draggable2.cjs +1 -1
- package/dist/C_Draggable2.js +1 -1
- package/dist/C_Editor.css +23 -15
- package/dist/C_Editor2.cjs +1 -1
- package/dist/C_Editor2.js +1 -1
- package/dist/C_FilePreview.css +200 -90
- package/dist/C_FilePreview2.cjs +1 -1
- package/dist/C_FilePreview2.js +1 -1
- package/dist/C_Form.base.css +284 -224
- package/dist/C_Form.css +307 -239
- package/dist/C_Form2.cjs +1 -1
- package/dist/C_Form2.js +1 -1
- package/dist/C_FormModal.css +18 -8
- package/dist/C_FormModal2.cjs +1 -1
- package/dist/C_FormModal2.js +1 -1
- package/dist/C_FormSearch.css +58 -45
- package/dist/C_FormSearch2.cjs +1 -1
- package/dist/C_FormSearch2.js +1 -1
- package/dist/C_FormulaEditor.css +62 -37
- package/dist/C_FormulaEditor2.cjs +1 -1
- package/dist/C_FormulaEditor2.js +1 -1
- package/dist/C_FullCalendar.css +16 -3
- package/dist/C_FullCalendar2.cjs +1 -1
- package/dist/C_FullCalendar2.js +1 -1
- package/dist/C_GlobalSearch.css +121 -112
- package/dist/C_GlobalSearch2.cjs +1 -1
- package/dist/C_GlobalSearch2.js +1 -1
- package/dist/C_Guide.css +30 -18
- package/dist/C_Guide2.cjs +1 -1
- package/dist/C_Guide2.js +1 -1
- package/dist/C_Icon.css +24 -17
- package/dist/C_Icon2.cjs +1 -1
- package/dist/C_Icon2.js +1 -1
- package/dist/C_ImageCropper.css +39 -22
- package/dist/C_ImageCropper2.cjs +1 -1
- package/dist/C_ImageCropper2.js +1 -1
- package/dist/C_Language.css +30 -17
- package/dist/C_Language2.cjs +1 -1
- package/dist/C_Language2.js +1 -1
- package/dist/C_Login.css +162 -137
- package/dist/C_Login2.cjs +1 -1
- package/dist/C_Login2.js +1 -1
- package/dist/C_Map.css +25 -4
- package/dist/C_Map2.cjs +1 -1
- package/dist/C_Map2.js +1 -1
- package/dist/C_Markdown.css +47 -42
- package/dist/C_Markdown2.cjs +1 -1
- package/dist/C_Markdown2.js +1 -1
- package/dist/C_Menu.css +7 -1
- package/dist/C_Menu2.cjs +1 -1
- package/dist/C_Menu2.js +1 -1
- package/dist/C_NotificationCenter.css +134 -90
- package/dist/C_NotificationCenter2.cjs +1 -1
- package/dist/C_NotificationCenter2.js +1 -1
- package/dist/C_OrgChart.css +10 -0
- package/dist/C_OrgChart2.cjs +1 -1
- package/dist/C_OrgChart2.js +1 -1
- package/dist/C_QRCode.css +12 -8
- package/dist/C_QRCode2.cjs +1 -1
- package/dist/C_QRCode2.js +1 -1
- package/dist/C_Signature.css +18 -14
- package/dist/C_Signature2.cjs +1 -1
- package/dist/C_Signature2.js +1 -1
- package/dist/C_Skeleton.css +5 -0
- package/dist/C_Skeleton2.cjs +1 -1
- package/dist/C_Skeleton2.js +1 -1
- package/dist/C_SplitPane.css +61 -39
- package/dist/C_SplitPane2.cjs +1 -1
- package/dist/C_SplitPane2.js +1 -1
- package/dist/C_Steps.css +42 -38
- package/dist/C_Steps2.cjs +1 -1
- package/dist/C_Steps2.js +1 -1
- package/dist/C_Table.base.css +465 -352
- package/dist/C_Table.css +488 -367
- package/dist/C_TagsView.css +93 -55
- package/dist/C_TagsView2.cjs +1 -1
- package/dist/C_TagsView2.js +1 -1
- package/dist/C_Theme.css +24 -17
- package/dist/C_Timeline.css +47 -36
- package/dist/C_Transfer.css +86 -67
- package/dist/C_Transfer2.cjs +1 -1
- package/dist/C_Transfer2.js +1 -1
- package/dist/C_Tree.css +48 -33
- package/dist/C_Tree2.cjs +1 -1
- package/dist/C_Tree2.js +1 -1
- package/dist/C_Upload.css +104 -51
- package/dist/C_Upload2.cjs +1 -1
- package/dist/C_Upload2.js +1 -1
- package/dist/C_VideoPlayer.css +140 -69
- package/dist/C_VideoPlayer2.cjs +1 -1
- package/dist/C_VideoPlayer2.js +1 -1
- package/dist/C_VtableGantt.css +42 -19
- package/dist/C_VtableGantt2.cjs +1 -1
- package/dist/C_VtableGantt2.js +1 -1
- package/dist/C_WaterFall.css +32 -16
- package/dist/C_WaterFall2.cjs +1 -1
- package/dist/C_WaterFall2.js +1 -1
- package/dist/C_WorkFlow.css +332 -221
- package/dist/C_WorkFlow2.cjs +1 -1
- package/dist/C_WorkFlow2.js +1 -1
- package/dist/constants.d.cts +4 -4
- package/dist/constants.d.ts +4 -4
- package/dist/constants2.d.cts +3 -3
- package/dist/constants2.d.ts +3 -3
- package/dist/constants3.d.cts +2 -2
- package/dist/constants3.d.ts +2 -2
- package/dist/constants4.d.cts +5 -5
- package/dist/constants4.d.ts +5 -5
- package/dist/constants5.d.cts +4 -4
- package/dist/constants5.d.ts +4 -4
- package/dist/data.d.cts +9 -9
- package/dist/data.d.ts +9 -9
- package/dist/data2.cjs +1 -1
- package/dist/data2.js +1 -1
- package/dist/index.vue.d.cts +3 -3
- package/dist/index.vue.d.ts +3 -3
- package/dist/index10.vue.d.cts +3 -3
- package/dist/index10.vue.d.ts +3 -3
- package/dist/index11.vue.d.cts +3 -3
- package/dist/index11.vue.d.ts +1 -1
- package/dist/index12.vue.d.cts +1 -1
- package/dist/index12.vue.d.ts +2 -2
- package/dist/index13.vue.d.cts +2 -2
- package/dist/index13.vue.d.ts +2 -2
- package/dist/index14.vue.d.cts +2 -2
- package/dist/index14.vue.d.ts +14 -12
- package/dist/index15.vue.d.cts +14 -12
- package/dist/index15.vue.d.ts +2 -2
- package/dist/index16.vue.d.cts +2 -2
- package/dist/index16.vue.d.ts +11 -2
- package/dist/index17.vue.d.cts +11 -2
- package/dist/index17.vue.d.ts +5 -5
- package/dist/index18.vue.d.cts +5 -5
- package/dist/index2.vue.d.cts +1 -1
- package/dist/index2.vue.d.ts +1 -1
- package/dist/index20.vue.d.cts +1 -1
- package/dist/index20.vue.d.ts +1 -1
- package/dist/index21.vue.d.cts +2 -2
- package/dist/index21.vue.d.ts +2 -2
- package/dist/index24.vue.d.cts +4 -4
- package/dist/index24.vue.d.ts +4 -4
- package/dist/index26.vue.d.cts +1 -1
- package/dist/index26.vue.d.ts +1 -1
- package/dist/index27.vue.d.cts +3 -3
- package/dist/index27.vue.d.ts +3 -3
- package/dist/index3.vue.d.cts +4 -4
- package/dist/index3.vue.d.ts +4 -4
- package/dist/index5.vue.d.ts +2 -2
- package/dist/index6.vue.d.cts +2 -2
- package/dist/index6.vue.d.ts +2 -2
- package/dist/index7.vue.d.cts +2 -2
- package/dist/index7.vue.d.ts +2 -2
- package/dist/index8.vue.d.cts +2 -2
- package/dist/index8.vue.d.ts +3 -3
- package/dist/index9.vue.d.cts +3 -3
- package/dist/index9.vue.d.ts +3 -3
- package/dist/mapUtils.d.cts +4 -4
- package/dist/mapUtils.d.ts +4 -4
- package/dist/presets.d.cts +1 -1
- package/dist/presets.d.ts +1 -1
- package/dist/style.css +3083 -1982
- package/dist/useCollapsePanel.d.cts +7 -7
- package/dist/useCollapsePanel.d.ts +7 -7
- package/dist/useCropperCore.d.cts +10 -10
- package/dist/useCropperCore.d.ts +10 -10
- package/dist/useDraggableLayout.d.cts +5 -5
- package/dist/useDraggableLayout.d.ts +5 -5
- package/dist/useEdgeInteraction.d.cts +1 -1
- package/dist/useEdgeInteraction.d.ts +1 -1
- package/dist/useFullscreen.d.cts +2 -2
- package/dist/useFullscreen.d.ts +2 -2
- package/dist/useInfiniteScroll.d.cts +3 -3
- package/dist/useInfiniteScroll.d.ts +3 -3
- package/dist/useQRCode.d.cts +4 -4
- package/dist/useQRCode.d.ts +4 -4
- package/dist/useSearchState.d.cts +27 -27
- package/dist/useSearchState.d.ts +27 -27
- package/dist/useSignatureHistory.d.cts +3 -3
- package/dist/useSignatureHistory.d.ts +3 -3
- package/dist/useSplitResize.d.cts +6 -6
- package/dist/useSplitResize.d.ts +6 -6
- package/dist/useTableQuery.cjs +1 -1
- package/dist/useTableQuery.js +1 -1
- package/dist/useTimeSelection.d.cts +4 -4
- package/dist/useTimeSelection.d.ts +4 -4
- package/dist/useTreeOperations.d.cts +5 -5
- package/dist/useTreeOperations.d.ts +5 -5
- package/dist/useWorkflowValidation.d.cts +2 -2
- package/dist/useWorkflowValidation.d.ts +2 -2
- package/package.json +8 -1
package/dist/C_Code.css
CHANGED
|
@@ -1,54 +1,55 @@
|
|
|
1
|
-
/* unplugin-vue-components disabled */.c-icon[data-v-
|
|
1
|
+
/* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
|
|
2
2
|
display: inline-flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
5
|
+
position: relative;
|
|
6
|
+
flex-shrink: 0;
|
|
7
|
+
vertical-align: middle;
|
|
5
8
|
user-select: none;
|
|
6
9
|
transition: all 0.2s ease-in-out;
|
|
7
10
|
}
|
|
8
|
-
.c-icon--clickable[data-v-
|
|
11
|
+
.c-icon--clickable[data-v-075758a0] {
|
|
9
12
|
cursor: pointer;
|
|
10
13
|
}
|
|
11
|
-
.c-icon--clickable[data-v-
|
|
14
|
+
.c-icon--clickable[data-v-075758a0]:hover {
|
|
12
15
|
opacity: 0.8;
|
|
13
16
|
transform: scale(1.05);
|
|
14
17
|
}
|
|
15
|
-
.c-icon--clickable[data-v-
|
|
18
|
+
.c-icon--clickable[data-v-075758a0]:active {
|
|
16
19
|
transform: scale(0.95);
|
|
17
20
|
}
|
|
18
|
-
.c-icon--clickable[data-v-
|
|
21
|
+
.c-icon--clickable[data-v-075758a0]:focus-visible {
|
|
19
22
|
outline: 2px solid currentColor;
|
|
20
23
|
outline-offset: 2px;
|
|
21
24
|
border-radius: 4px;
|
|
22
25
|
}
|
|
23
|
-
.c-icon--loading[data-v-
|
|
26
|
+
.c-icon--loading[data-v-075758a0] {
|
|
24
27
|
opacity: 0.6;
|
|
25
28
|
cursor: wait;
|
|
26
29
|
}
|
|
27
|
-
.c-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
.c-icon__loading[data-v-711aedcd] {
|
|
31
|
-
position: relative;
|
|
30
|
+
.c-icon__loading[data-v-075758a0] {
|
|
31
|
+
position: absolute;
|
|
32
|
+
inset: 0;
|
|
32
33
|
}
|
|
33
|
-
.c-icon__spinner[data-v-
|
|
34
|
+
.c-icon__spinner[data-v-075758a0] {
|
|
34
35
|
width: 100%;
|
|
35
36
|
height: 100%;
|
|
36
37
|
border: 2px solid currentColor;
|
|
37
38
|
border-radius: 50%;
|
|
38
39
|
border-top-color: transparent;
|
|
39
|
-
animation: spin-
|
|
40
|
+
animation: spin-075758a0 1s linear infinite;
|
|
40
41
|
}
|
|
41
|
-
.c-icon__error[data-v-
|
|
42
|
+
.c-icon__error[data-v-075758a0] {
|
|
42
43
|
font-size: 0.8em;
|
|
43
44
|
opacity: 0.5;
|
|
44
45
|
}
|
|
45
|
-
.c-icon__rotatable[data-v-
|
|
46
|
+
.c-icon__rotatable[data-v-075758a0] {
|
|
46
47
|
transition: transform 0.3s ease-in-out;
|
|
47
48
|
}
|
|
48
|
-
.c-icon__flippable[data-v-
|
|
49
|
+
.c-icon__flippable[data-v-075758a0] {
|
|
49
50
|
transition: transform 0.3s ease-in-out;
|
|
50
51
|
}
|
|
51
|
-
@keyframes spin-
|
|
52
|
+
@keyframes spin-075758a0 {
|
|
52
53
|
0% {
|
|
53
54
|
transform: rotate(0deg);
|
|
54
55
|
}
|
|
@@ -56,6 +57,12 @@
|
|
|
56
57
|
transform: rotate(360deg);
|
|
57
58
|
}
|
|
58
59
|
}
|
|
60
|
+
/* unplugin-vue-components disabled */
|
|
61
|
+
/* layer: default */
|
|
62
|
+
.inline-flex[data-v-075758a0]{display:inline-flex;}
|
|
63
|
+
.transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
64
|
+
.px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
|
|
65
|
+
|
|
59
66
|
|
|
60
67
|
pre code.hljs {
|
|
61
68
|
display: block;
|
|
@@ -175,7 +182,7 @@ code.hljs {
|
|
|
175
182
|
/* purposely ignored */
|
|
176
183
|
|
|
177
184
|
}
|
|
178
|
-
/* unplugin-vue-components disabled */.c-code-wrapper[data-v-
|
|
185
|
+
/* unplugin-vue-components disabled */.c-code-wrapper[data-v-9e3bbbe0] {
|
|
179
186
|
--c-code-copy-bg: rgba(255, 255, 255, 0.9);
|
|
180
187
|
--c-code-copy-shadow: rgba(0, 0, 0, 0.1);
|
|
181
188
|
--c-code-loading-bg: rgba(255, 255, 255, 0.8);
|
|
@@ -185,7 +192,7 @@ code.hljs {
|
|
|
185
192
|
overflow: hidden;
|
|
186
193
|
background: transparent;
|
|
187
194
|
}
|
|
188
|
-
.c-code-header[data-v-
|
|
195
|
+
.c-code-header[data-v-9e3bbbe0] {
|
|
189
196
|
display: flex;
|
|
190
197
|
justify-content: space-between;
|
|
191
198
|
align-items: center;
|
|
@@ -194,11 +201,11 @@ code.hljs {
|
|
|
194
201
|
border-bottom: 1px solid var(--n-border-color);
|
|
195
202
|
}
|
|
196
203
|
@media (max-width: 768px) {
|
|
197
|
-
.c-code-header[data-v-
|
|
204
|
+
.c-code-header[data-v-9e3bbbe0] {
|
|
198
205
|
padding: 6px 12px;
|
|
199
206
|
}
|
|
200
207
|
}
|
|
201
|
-
.c-code-title[data-v-
|
|
208
|
+
.c-code-title[data-v-9e3bbbe0] {
|
|
202
209
|
display: flex;
|
|
203
210
|
align-items: center;
|
|
204
211
|
font-size: 14px;
|
|
@@ -206,22 +213,22 @@ code.hljs {
|
|
|
206
213
|
color: var(--n-text-color);
|
|
207
214
|
}
|
|
208
215
|
@media (max-width: 768px) {
|
|
209
|
-
.c-code-title[data-v-
|
|
216
|
+
.c-code-title[data-v-9e3bbbe0] {
|
|
210
217
|
font-size: 13px;
|
|
211
218
|
}
|
|
212
219
|
}
|
|
213
|
-
.c-code-actions[data-v-
|
|
220
|
+
.c-code-actions[data-v-9e3bbbe0] {
|
|
214
221
|
display: flex;
|
|
215
222
|
gap: 4px;
|
|
216
223
|
}
|
|
217
|
-
.c-code-content[data-v-
|
|
224
|
+
.c-code-content[data-v-9e3bbbe0] {
|
|
218
225
|
position: relative;
|
|
219
226
|
background: transparent;
|
|
220
227
|
}
|
|
221
|
-
.code-wrapper[data-v-
|
|
228
|
+
.code-wrapper[data-v-9e3bbbe0] {
|
|
222
229
|
position: relative;
|
|
223
230
|
}
|
|
224
|
-
.floating-copy-btn[data-v-
|
|
231
|
+
.floating-copy-btn[data-v-9e3bbbe0] {
|
|
225
232
|
position: absolute;
|
|
226
233
|
top: 8px;
|
|
227
234
|
right: 8px;
|
|
@@ -230,24 +237,24 @@ code.hljs {
|
|
|
230
237
|
pointer-events: none;
|
|
231
238
|
transition: opacity 0.2s ease;
|
|
232
239
|
}
|
|
233
|
-
.code-wrapper:hover .floating-copy-btn[data-v-
|
|
234
|
-
.code-wrapper:focus-within .floating-copy-btn[data-v-
|
|
240
|
+
.code-wrapper:hover .floating-copy-btn[data-v-9e3bbbe0],
|
|
241
|
+
.code-wrapper:focus-within .floating-copy-btn[data-v-9e3bbbe0] {
|
|
235
242
|
opacity: 1;
|
|
236
243
|
pointer-events: auto;
|
|
237
244
|
}
|
|
238
245
|
@media (hover: none) {
|
|
239
|
-
.floating-copy-btn[data-v-
|
|
246
|
+
.floating-copy-btn[data-v-9e3bbbe0] {
|
|
240
247
|
opacity: 1;
|
|
241
248
|
pointer-events: auto;
|
|
242
249
|
}
|
|
243
250
|
}
|
|
244
|
-
.copy-floating[data-v-
|
|
251
|
+
.copy-floating[data-v-9e3bbbe0] {
|
|
245
252
|
background: var(--c-code-copy-bg);
|
|
246
253
|
backdrop-filter: blur(4px);
|
|
247
254
|
border: 1px solid var(--n-border-color);
|
|
248
255
|
box-shadow: 0 2px 8px var(--c-code-copy-shadow);
|
|
249
256
|
}
|
|
250
|
-
.c-code-loading[data-v-
|
|
257
|
+
.c-code-loading[data-v-9e3bbbe0] {
|
|
251
258
|
position: absolute;
|
|
252
259
|
top: 0;
|
|
253
260
|
left: 0;
|
|
@@ -260,14 +267,14 @@ code.hljs {
|
|
|
260
267
|
font-size: 12px;
|
|
261
268
|
color: var(--n-text-color);
|
|
262
269
|
}
|
|
263
|
-
.fullscreen-content[data-v-
|
|
270
|
+
.fullscreen-content[data-v-9e3bbbe0] {
|
|
264
271
|
width: 100%;
|
|
265
272
|
height: 100%;
|
|
266
273
|
display: flex;
|
|
267
274
|
flex-direction: column;
|
|
268
275
|
background: var(--n-color-modal);
|
|
269
276
|
}
|
|
270
|
-
.fullscreen-header[data-v-
|
|
277
|
+
.fullscreen-header[data-v-9e3bbbe0] {
|
|
271
278
|
display: flex;
|
|
272
279
|
justify-content: space-between;
|
|
273
280
|
align-items: center;
|
|
@@ -278,33 +285,39 @@ code.hljs {
|
|
|
278
285
|
flex-shrink: 0;
|
|
279
286
|
}
|
|
280
287
|
@media (max-width: 768px) {
|
|
281
|
-
.fullscreen-header[data-v-
|
|
288
|
+
.fullscreen-header[data-v-9e3bbbe0] {
|
|
282
289
|
padding: 12px 16px;
|
|
283
290
|
font-size: 14px;
|
|
284
291
|
}
|
|
285
292
|
}
|
|
286
|
-
.fullscreen-title[data-v-
|
|
293
|
+
.fullscreen-title[data-v-9e3bbbe0] {
|
|
287
294
|
display: flex;
|
|
288
295
|
align-items: center;
|
|
289
296
|
}
|
|
290
|
-
.fullscreen-body[data-v-
|
|
297
|
+
.fullscreen-body[data-v-9e3bbbe0] {
|
|
291
298
|
flex: 1;
|
|
292
299
|
overflow: auto;
|
|
293
300
|
background-color: var(--c-code-fullscreen-bg);
|
|
294
301
|
}
|
|
295
|
-
[data-v-
|
|
302
|
+
[data-v-9e3bbbe0] .n-code {
|
|
296
303
|
background: transparent !important;
|
|
297
304
|
border: none !important;
|
|
298
305
|
margin: 0;
|
|
299
306
|
overflow: auto !important;
|
|
300
307
|
}
|
|
301
|
-
[data-v-
|
|
308
|
+
[data-v-9e3bbbe0] .n-code .hljs {
|
|
302
309
|
background: transparent !important;
|
|
303
310
|
padding: 16px !important;
|
|
304
311
|
}
|
|
305
|
-
.mr-2[data-v-
|
|
312
|
+
.mr-2[data-v-9e3bbbe0] {
|
|
306
313
|
margin-right: 0.5rem;
|
|
307
314
|
}
|
|
308
|
-
.ml-2[data-v-
|
|
315
|
+
.ml-2[data-v-9e3bbbe0] {
|
|
309
316
|
margin-left: 0.5rem;
|
|
310
317
|
}
|
|
318
|
+
/* unplugin-vue-components disabled */
|
|
319
|
+
/* layer: default */
|
|
320
|
+
.ml-2[data-v-9e3bbbe0]{margin-left:0.5rem;}
|
|
321
|
+
.mr-2[data-v-9e3bbbe0]{margin-right:0.5rem;}
|
|
322
|
+
.px[data-v-9e3bbbe0]{padding-left:1rem;padding-right:1rem;}
|
|
323
|
+
|
package/dist/C_Code2.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`);const i={class:`c-code-wrapper`},a={key:0,class:`c-code-header`},o={class:`c-code-title`},s={class:`c-code-actions`},c={class:`c-code-content`},l={class:`code-wrapper`},u={key:0,class:`floating-copy-btn`},d={key:0,class:`c-code-loading`},f={class:`ml-2`},p={class:`fullscreen-content`},m={class:`fullscreen-header`},h={class:`fullscreen-title`},g={class:`fullscreen-body`},_=(0,n.defineComponent)({name:`CCode`,__name:`index`,props:{code:{default:``},language:{default:`text`},title:{},showHeader:{type:Boolean,default:!0},showLineNumbers:{type:Boolean,default:!0},wordWrap:{type:Boolean,default:!1},trim:{type:Boolean,default:!0},showFullscreen:{type:Boolean,default:!1},maxHeight:{},autoLoadLanguage:{type:Boolean,default:!0}},emits:[`copy`,`click`,`fullscreen`],setup(t,{expose:_,emit:v}){let y=t,b=v,x=(0,n.inject)(`highlightManager`,null),S=(0,n.ref)(!1),C=(0,n.ref)(!1),w=(0,n.ref)(!1),T=(0,n.computed)(()=>{try{return x?.getHljs?.()||null}catch(e){return console.warn(`Highlight.js not available:`,e),null}}),E=(0,n.computed)(()=>({javascript:`mdi:language-javascript`,typescript:`mdi:language-typescript`,python:`mdi:language-python`,html:`mdi:language-html5`,css:`mdi:language-css3`,vue:`mdi:vuejs`,react:`mdi:react`,json:`mdi:code-json`,java:`mdi:language-java`,cpp:`mdi:language-cpp`,go:`mdi:language-go`,rust:`mdi:language-rust`,php:`mdi:language-php`,csharp:`mdi:language-csharp`,sql:`mdi:database`,yaml:`mdi:file-code`,xml:`mdi:xml`,markdown:`mdi:language-markdown`,bash:`mdi:bash`,shell:`mdi:console`,powershell:`mdi:powershell`,swift:`mdi:language-swift`,kotlin:`mdi:language-kotlin`,ruby:`mdi:language-ruby`})[y.language.toLowerCase()]||`mdi:code-braces`),D=(0,n.computed)(()=>y.maxHeight?{maxHeight:typeof y.maxHeight==`number`?`${y.maxHeight}px`:y.maxHeight}:{});(0,n.watch)(()=>y.language,async e=>{if(!(!y.autoLoadLanguage||e===`text`||!x)&&!(x.getLoadedLanguages?.()||[]).includes(e)){w.value=!0;try{await x.loadLanguage?.(e),await(0,n.nextTick)()}catch(t){console.warn(`Failed to load language: ${e}`,t)}finally{w.value=!1}}},{immediate:!0});async function O(){if(!S.value){S.value=!0;try{await navigator.clipboard.writeText(y.code),b(`copy`,y.code)}catch(e){console.error(`Copy failed:`,e)}finally{S.value=!1}}}function k(){A(!C.value)}function A(e){e!==C.value&&(C.value=e,b(`fullscreen`,e))}function j(e){return{javascript:`JavaScript`,typescript:`TypeScript`,python:`Python`,java:`Java`,cpp:`C++`,csharp:`C#`,php:`PHP`,go:`Go`,rust:`Rust`,html:`HTML`,css:`CSS`,json:`JSON`,bash:`Bash`,shell:`Shell`,yaml:`YAML`,xml:`XML`,markdown:`Markdown`,sql:`SQL`,powershell:`PowerShell`,swift:`Swift`,kotlin:`Kotlin`,ruby:`Ruby`,vue:`Vue`,react:`React`}[e.toLowerCase()]||e.toUpperCase()}return _({copyCode:O,toggleFullscreen:k}),(_,v)=>{let y=r.NButton,x=r.NTooltip,M=r.NCode,N=r.NSpin,P=r.NModal;return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,i,[(0,n.createCommentVNode)(` 代码标题栏 `),t.showHeader?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,a,[(0,n.createElementVNode)(`div`,o,[E.value?((0,n.openBlock)(),(0,n.createBlock)(e.t,{key:0,name:E.value,size:16,class:`mr-2`},null,8,[`name`])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(t.title||j(t.language)),1)]),(0,n.createElementVNode)(`div`,s,[(0,n.createVNode)(x,{trigger:`hover`},{trigger:(0,n.withCtx)(()=>[(0,n.createVNode)(y,{size:`tiny`,quaternary:``,"aria-label":`复制代码`,onClick:O,loading:S.value},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:S.value?`mdi:loading`:`mdi:content-copy`,loading:S.value},null,8,[`name`,`loading`])]),_:1},8,[`loading`])]),default:(0,n.withCtx)(()=>[v[1]||=(0,n.createTextVNode)(` 复制代码 `,-1)]),_:1}),t.showFullscreen?((0,n.openBlock)(),(0,n.createBlock)(x,{key:0,trigger:`hover`},{trigger:(0,n.withCtx)(()=>[(0,n.createVNode)(y,{size:`tiny`,quaternary:``,"aria-label":C.value?`退出全屏`:`全屏查看`,onClick:k},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:C.value?`mdi:fullscreen-exit`:`mdi:fullscreen`},null,8,[`name`])]),_:1},8,[`aria-label`])]),default:(0,n.withCtx)(()=>[(0,n.createTextVNode)(` `+(0,n.toDisplayString)(C.value?`退出全屏`:`全屏查看`),1)]),_:1})):(0,n.createCommentVNode)(`v-if`,!0)])])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createCommentVNode)(` 代码内容区域 `),(0,n.createElementVNode)(`div`,c,[(0,n.createElementVNode)(`div`,l,[(0,n.createVNode)(M,{code:t.code,language:t.language,hljs:T.value,"show-line-numbers":t.showLineNumbers,"word-wrap":t.wordWrap,trim:t.trim,style:(0,n.normalizeStyle)(D.value),onClick:v[0]||=e=>b(`click`,e)},null,8,[`code`,`language`,`hljs`,`show-line-numbers`,`word-wrap`,`trim`,`style`]),(0,n.createCommentVNode)(` 悬浮复制按钮 `),t.showHeader?(0,n.createCommentVNode)(`v-if`,!0):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,u,[(0,n.createVNode)(x,{trigger:`hover`},{trigger:(0,n.withCtx)(()=>[(0,n.createVNode)(y,{size:`small`,quaternary:``,"aria-label":`复制代码`,onClick:O,loading:S.value,class:`copy-floating`},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:S.value?`mdi:loading`:`mdi:content-copy`,loading:S.value},null,8,[`name`,`loading`])]),_:1},8,[`loading`])]),default:(0,n.withCtx)(()=>[v[2]||=(0,n.createTextVNode)(` 复制代码 `,-1)]),_:1})]))]),(0,n.createCommentVNode)(` 语言加载状态 `),w.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,d,[(0,n.createVNode)(N,{size:`small`}),(0,n.createElementVNode)(`span`,f,`正在加载 `+(0,n.toDisplayString)(t.language)+` 语言包...`,1)])):(0,n.createCommentVNode)(`v-if`,!0)]),(0,n.createCommentVNode)(` 全屏模态框 `),(0,n.createVNode)(P,{show:C.value,"onUpdate:show":A,"mask-closable":!1,"show-icon":!1,bordered:!1,style:{width:`100vw`,height:`100vh`,margin:`0`,padding:`0`}},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`div`,p,[(0,n.createElementVNode)(`div`,m,[(0,n.createElementVNode)(`div`,h,[E.value?((0,n.openBlock)(),(0,n.createBlock)(e.t,{key:0,name:E.value,size:16,class:`mr-2`},null,8,[`name`])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(t.title||j(t.language)),1)]),(0,n.createVNode)(y,{size:`small`,quaternary:``,"aria-label":`退出全屏`,onClick:k},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:close`})]),_:1})]),(0,n.createElementVNode)(`div`,g,[(0,n.createVNode)(M,{code:t.code,language:t.language,hljs:T.value,"show-line-numbers":t.showLineNumbers,"word-wrap":t.wordWrap,trim:t.trim},null,8,[`code`,`language`,`hljs`,`show-line-numbers`,`word-wrap`,`trim`])])])]),_:1},8,[`show`])])}}});var v=t.t(_,[[`__scopeId`,`data-v-
|
|
1
|
+
require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`);const i={class:`c-code-wrapper`},a={key:0,class:`c-code-header`},o={class:`c-code-title`},s={class:`c-code-actions`},c={class:`c-code-content`},l={class:`code-wrapper`},u={key:0,class:`floating-copy-btn`},d={key:0,class:`c-code-loading`},f={class:`ml-2`},p={class:`fullscreen-content`},m={class:`fullscreen-header`},h={class:`fullscreen-title`},g={class:`fullscreen-body`},_=(0,n.defineComponent)({name:`CCode`,__name:`index`,props:{code:{default:``},language:{default:`text`},title:{},showHeader:{type:Boolean,default:!0},showLineNumbers:{type:Boolean,default:!0},wordWrap:{type:Boolean,default:!1},trim:{type:Boolean,default:!0},showFullscreen:{type:Boolean,default:!1},maxHeight:{},autoLoadLanguage:{type:Boolean,default:!0}},emits:[`copy`,`click`,`fullscreen`],setup(t,{expose:_,emit:v}){let y=t,b=v,x=(0,n.inject)(`highlightManager`,null),S=(0,n.ref)(!1),C=(0,n.ref)(!1),w=(0,n.ref)(!1),T=(0,n.computed)(()=>{try{return x?.getHljs?.()||null}catch(e){return console.warn(`Highlight.js not available:`,e),null}}),E=(0,n.computed)(()=>({javascript:`mdi:language-javascript`,typescript:`mdi:language-typescript`,python:`mdi:language-python`,html:`mdi:language-html5`,css:`mdi:language-css3`,vue:`mdi:vuejs`,react:`mdi:react`,json:`mdi:code-json`,java:`mdi:language-java`,cpp:`mdi:language-cpp`,go:`mdi:language-go`,rust:`mdi:language-rust`,php:`mdi:language-php`,csharp:`mdi:language-csharp`,sql:`mdi:database`,yaml:`mdi:file-code`,xml:`mdi:xml`,markdown:`mdi:language-markdown`,bash:`mdi:bash`,shell:`mdi:console`,powershell:`mdi:powershell`,swift:`mdi:language-swift`,kotlin:`mdi:language-kotlin`,ruby:`mdi:language-ruby`})[y.language.toLowerCase()]||`mdi:code-braces`),D=(0,n.computed)(()=>y.maxHeight?{maxHeight:typeof y.maxHeight==`number`?`${y.maxHeight}px`:y.maxHeight}:{});(0,n.watch)(()=>y.language,async e=>{if(!(!y.autoLoadLanguage||e===`text`||!x)&&!(x.getLoadedLanguages?.()||[]).includes(e)){w.value=!0;try{await x.loadLanguage?.(e),await(0,n.nextTick)()}catch(t){console.warn(`Failed to load language: ${e}`,t)}finally{w.value=!1}}},{immediate:!0});async function O(){if(!S.value){S.value=!0;try{await navigator.clipboard.writeText(y.code),b(`copy`,y.code)}catch(e){console.error(`Copy failed:`,e)}finally{S.value=!1}}}function k(){A(!C.value)}function A(e){e!==C.value&&(C.value=e,b(`fullscreen`,e))}function j(e){return{javascript:`JavaScript`,typescript:`TypeScript`,python:`Python`,java:`Java`,cpp:`C++`,csharp:`C#`,php:`PHP`,go:`Go`,rust:`Rust`,html:`HTML`,css:`CSS`,json:`JSON`,bash:`Bash`,shell:`Shell`,yaml:`YAML`,xml:`XML`,markdown:`Markdown`,sql:`SQL`,powershell:`PowerShell`,swift:`Swift`,kotlin:`Kotlin`,ruby:`Ruby`,vue:`Vue`,react:`React`}[e.toLowerCase()]||e.toUpperCase()}return _({copyCode:O,toggleFullscreen:k}),(_,v)=>{let y=r.NButton,x=r.NTooltip,M=r.NCode,N=r.NSpin,P=r.NModal;return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,i,[(0,n.createCommentVNode)(` 代码标题栏 `),t.showHeader?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,a,[(0,n.createElementVNode)(`div`,o,[E.value?((0,n.openBlock)(),(0,n.createBlock)(e.t,{key:0,name:E.value,size:16,class:`mr-2`},null,8,[`name`])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(t.title||j(t.language)),1)]),(0,n.createElementVNode)(`div`,s,[(0,n.createVNode)(x,{trigger:`hover`},{trigger:(0,n.withCtx)(()=>[(0,n.createVNode)(y,{size:`tiny`,quaternary:``,"aria-label":`复制代码`,onClick:O,loading:S.value},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:S.value?`mdi:loading`:`mdi:content-copy`,loading:S.value},null,8,[`name`,`loading`])]),_:1},8,[`loading`])]),default:(0,n.withCtx)(()=>[v[1]||=(0,n.createTextVNode)(` 复制代码 `,-1)]),_:1}),t.showFullscreen?((0,n.openBlock)(),(0,n.createBlock)(x,{key:0,trigger:`hover`},{trigger:(0,n.withCtx)(()=>[(0,n.createVNode)(y,{size:`tiny`,quaternary:``,"aria-label":C.value?`退出全屏`:`全屏查看`,onClick:k},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:C.value?`mdi:fullscreen-exit`:`mdi:fullscreen`},null,8,[`name`])]),_:1},8,[`aria-label`])]),default:(0,n.withCtx)(()=>[(0,n.createTextVNode)(` `+(0,n.toDisplayString)(C.value?`退出全屏`:`全屏查看`),1)]),_:1})):(0,n.createCommentVNode)(`v-if`,!0)])])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createCommentVNode)(` 代码内容区域 `),(0,n.createElementVNode)(`div`,c,[(0,n.createElementVNode)(`div`,l,[(0,n.createVNode)(M,{code:t.code,language:t.language,hljs:T.value,"show-line-numbers":t.showLineNumbers,"word-wrap":t.wordWrap,trim:t.trim,style:(0,n.normalizeStyle)(D.value),onClick:v[0]||=e=>b(`click`,e)},null,8,[`code`,`language`,`hljs`,`show-line-numbers`,`word-wrap`,`trim`,`style`]),(0,n.createCommentVNode)(` 悬浮复制按钮 `),t.showHeader?(0,n.createCommentVNode)(`v-if`,!0):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,u,[(0,n.createVNode)(x,{trigger:`hover`},{trigger:(0,n.withCtx)(()=>[(0,n.createVNode)(y,{size:`small`,quaternary:``,"aria-label":`复制代码`,onClick:O,loading:S.value,class:`copy-floating`},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:S.value?`mdi:loading`:`mdi:content-copy`,loading:S.value},null,8,[`name`,`loading`])]),_:1},8,[`loading`])]),default:(0,n.withCtx)(()=>[v[2]||=(0,n.createTextVNode)(` 复制代码 `,-1)]),_:1})]))]),(0,n.createCommentVNode)(` 语言加载状态 `),w.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,d,[(0,n.createVNode)(N,{size:`small`}),(0,n.createElementVNode)(`span`,f,`正在加载 `+(0,n.toDisplayString)(t.language)+` 语言包...`,1)])):(0,n.createCommentVNode)(`v-if`,!0)]),(0,n.createCommentVNode)(` 全屏模态框 `),(0,n.createVNode)(P,{show:C.value,"onUpdate:show":A,"mask-closable":!1,"show-icon":!1,bordered:!1,style:{width:`100vw`,height:`100vh`,margin:`0`,padding:`0`}},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`div`,p,[(0,n.createElementVNode)(`div`,m,[(0,n.createElementVNode)(`div`,h,[E.value?((0,n.openBlock)(),(0,n.createBlock)(e.t,{key:0,name:E.value,size:16,class:`mr-2`},null,8,[`name`])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(t.title||j(t.language)),1)]),(0,n.createVNode)(y,{size:`small`,quaternary:``,"aria-label":`退出全屏`,onClick:k},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:close`})]),_:1})]),(0,n.createElementVNode)(`div`,g,[(0,n.createVNode)(M,{code:t.code,language:t.language,hljs:T.value,"show-line-numbers":t.showLineNumbers,"word-wrap":t.wordWrap,trim:t.trim},null,8,[`code`,`language`,`hljs`,`show-line-numbers`,`word-wrap`,`trim`])])])]),_:1},8,[`show`])])}}});var v=t.t(_,[[`__scopeId`,`data-v-9e3bbbe0`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});
|
package/dist/C_Code2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,inject as u,nextTick as d,normalizeStyle as f,openBlock as p,ref as m,resolveComponent as h,toDisplayString as g,watch as _,withCtx as v}from"vue";import{NButton as y,NCode as b,NModal as x,NSpin as S,NTooltip as C}from"naive-ui";const w={class:`c-code-wrapper`},T={key:0,class:`c-code-header`},E={class:`c-code-title`},D={class:`c-code-actions`},O={class:`c-code-content`},k={class:`code-wrapper`},A={key:0,class:`floating-copy-btn`},j={key:0,class:`c-code-loading`},M={class:`ml-2`},N={class:`fullscreen-content`},P={class:`fullscreen-header`},F={class:`fullscreen-title`},I={class:`fullscreen-body`};var L=t(l({name:`CCode`,__name:`index`,props:{code:{default:``},language:{default:`text`},title:{},showHeader:{type:Boolean,default:!0},showLineNumbers:{type:Boolean,default:!0},wordWrap:{type:Boolean,default:!1},trim:{type:Boolean,default:!0},showFullscreen:{type:Boolean,default:!1},maxHeight:{},autoLoadLanguage:{type:Boolean,default:!0}},emits:[`copy`,`click`,`fullscreen`],setup(t,{expose:l,emit:h}){let L=t,R=h,z=u(`highlightManager`,null),B=m(!1),V=m(!1),H=m(!1),U=n(()=>{try{return z?.getHljs?.()||null}catch(e){return console.warn(`Highlight.js not available:`,e),null}}),W=n(()=>({javascript:`mdi:language-javascript`,typescript:`mdi:language-typescript`,python:`mdi:language-python`,html:`mdi:language-html5`,css:`mdi:language-css3`,vue:`mdi:vuejs`,react:`mdi:react`,json:`mdi:code-json`,java:`mdi:language-java`,cpp:`mdi:language-cpp`,go:`mdi:language-go`,rust:`mdi:language-rust`,php:`mdi:language-php`,csharp:`mdi:language-csharp`,sql:`mdi:database`,yaml:`mdi:file-code`,xml:`mdi:xml`,markdown:`mdi:language-markdown`,bash:`mdi:bash`,shell:`mdi:console`,powershell:`mdi:powershell`,swift:`mdi:language-swift`,kotlin:`mdi:language-kotlin`,ruby:`mdi:language-ruby`})[L.language.toLowerCase()]||`mdi:code-braces`),G=n(()=>L.maxHeight?{maxHeight:typeof L.maxHeight==`number`?`${L.maxHeight}px`:L.maxHeight}:{});_(()=>L.language,async e=>{if(!(!L.autoLoadLanguage||e===`text`||!z)&&!(z.getLoadedLanguages?.()||[]).includes(e)){H.value=!0;try{await z.loadLanguage?.(e),await d()}catch(t){console.warn(`Failed to load language: ${e}`,t)}finally{H.value=!1}}},{immediate:!0});async function K(){if(!B.value){B.value=!0;try{await navigator.clipboard.writeText(L.code),R(`copy`,L.code)}catch(e){console.error(`Copy failed:`,e)}finally{B.value=!1}}}function q(){J(!V.value)}function J(e){e!==V.value&&(V.value=e,R(`fullscreen`,e))}function Y(e){return{javascript:`JavaScript`,typescript:`TypeScript`,python:`Python`,java:`Java`,cpp:`C++`,csharp:`C#`,php:`PHP`,go:`Go`,rust:`Rust`,html:`HTML`,css:`CSS`,json:`JSON`,bash:`Bash`,shell:`Shell`,yaml:`YAML`,xml:`XML`,markdown:`Markdown`,sql:`SQL`,powershell:`PowerShell`,swift:`Swift`,kotlin:`Kotlin`,ruby:`Ruby`,vue:`Vue`,react:`React`}[e.toLowerCase()]||e.toUpperCase()}return l({copyCode:K,toggleFullscreen:q}),(n,l)=>{let u=y,d=C,m=b,h=S,_=x;return p(),a(`div`,w,[i(` 代码标题栏 `),t.showHeader?(p(),a(`div`,T,[o(`div`,E,[W.value?(p(),r(e,{key:0,name:W.value,size:16,class:`mr-2`},null,8,[`name`])):i(`v-if`,!0),o(`span`,null,g(t.title||Y(t.language)),1)]),o(`div`,D,[c(d,{trigger:`hover`},{trigger:v(()=>[c(u,{size:`tiny`,quaternary:``,"aria-label":`复制代码`,onClick:K,loading:B.value},{icon:v(()=>[c(e,{name:B.value?`mdi:loading`:`mdi:content-copy`,loading:B.value},null,8,[`name`,`loading`])]),_:1},8,[`loading`])]),default:v(()=>[l[1]||=s(` 复制代码 `,-1)]),_:1}),t.showFullscreen?(p(),r(d,{key:0,trigger:`hover`},{trigger:v(()=>[c(u,{size:`tiny`,quaternary:``,"aria-label":V.value?`退出全屏`:`全屏查看`,onClick:q},{icon:v(()=>[c(e,{name:V.value?`mdi:fullscreen-exit`:`mdi:fullscreen`},null,8,[`name`])]),_:1},8,[`aria-label`])]),default:v(()=>[s(` `+g(V.value?`退出全屏`:`全屏查看`),1)]),_:1})):i(`v-if`,!0)])])):i(`v-if`,!0),i(` 代码内容区域 `),o(`div`,O,[o(`div`,k,[c(m,{code:t.code,language:t.language,hljs:U.value,"show-line-numbers":t.showLineNumbers,"word-wrap":t.wordWrap,trim:t.trim,style:f(G.value),onClick:l[0]||=e=>R(`click`,e)},null,8,[`code`,`language`,`hljs`,`show-line-numbers`,`word-wrap`,`trim`,`style`]),i(` 悬浮复制按钮 `),t.showHeader?i(`v-if`,!0):(p(),a(`div`,A,[c(d,{trigger:`hover`},{trigger:v(()=>[c(u,{size:`small`,quaternary:``,"aria-label":`复制代码`,onClick:K,loading:B.value,class:`copy-floating`},{icon:v(()=>[c(e,{name:B.value?`mdi:loading`:`mdi:content-copy`,loading:B.value},null,8,[`name`,`loading`])]),_:1},8,[`loading`])]),default:v(()=>[l[2]||=s(` 复制代码 `,-1)]),_:1})]))]),i(` 语言加载状态 `),H.value?(p(),a(`div`,j,[c(h,{size:`small`}),o(`span`,M,`正在加载 `+g(t.language)+` 语言包...`,1)])):i(`v-if`,!0)]),i(` 全屏模态框 `),c(_,{show:V.value,"onUpdate:show":J,"mask-closable":!1,"show-icon":!1,bordered:!1,style:{width:`100vw`,height:`100vh`,margin:`0`,padding:`0`}},{default:v(()=>[o(`div`,N,[o(`div`,P,[o(`div`,F,[W.value?(p(),r(e,{key:0,name:W.value,size:16,class:`mr-2`},null,8,[`name`])):i(`v-if`,!0),o(`span`,null,g(t.title||Y(t.language)),1)]),c(u,{size:`small`,quaternary:``,"aria-label":`退出全屏`,onClick:q},{icon:v(()=>[c(e,{name:`mdi:close`})]),_:1})]),o(`div`,I,[c(m,{code:t.code,language:t.language,hljs:U.value,"show-line-numbers":t.showLineNumbers,"word-wrap":t.wordWrap,trim:t.trim},null,8,[`code`,`language`,`hljs`,`show-line-numbers`,`word-wrap`,`trim`])])])]),_:1},8,[`show`])])}}}),[[`__scopeId`,`data-v-
|
|
1
|
+
import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,inject as u,nextTick as d,normalizeStyle as f,openBlock as p,ref as m,resolveComponent as h,toDisplayString as g,watch as _,withCtx as v}from"vue";import{NButton as y,NCode as b,NModal as x,NSpin as S,NTooltip as C}from"naive-ui";const w={class:`c-code-wrapper`},T={key:0,class:`c-code-header`},E={class:`c-code-title`},D={class:`c-code-actions`},O={class:`c-code-content`},k={class:`code-wrapper`},A={key:0,class:`floating-copy-btn`},j={key:0,class:`c-code-loading`},M={class:`ml-2`},N={class:`fullscreen-content`},P={class:`fullscreen-header`},F={class:`fullscreen-title`},I={class:`fullscreen-body`};var L=t(l({name:`CCode`,__name:`index`,props:{code:{default:``},language:{default:`text`},title:{},showHeader:{type:Boolean,default:!0},showLineNumbers:{type:Boolean,default:!0},wordWrap:{type:Boolean,default:!1},trim:{type:Boolean,default:!0},showFullscreen:{type:Boolean,default:!1},maxHeight:{},autoLoadLanguage:{type:Boolean,default:!0}},emits:[`copy`,`click`,`fullscreen`],setup(t,{expose:l,emit:h}){let L=t,R=h,z=u(`highlightManager`,null),B=m(!1),V=m(!1),H=m(!1),U=n(()=>{try{return z?.getHljs?.()||null}catch(e){return console.warn(`Highlight.js not available:`,e),null}}),W=n(()=>({javascript:`mdi:language-javascript`,typescript:`mdi:language-typescript`,python:`mdi:language-python`,html:`mdi:language-html5`,css:`mdi:language-css3`,vue:`mdi:vuejs`,react:`mdi:react`,json:`mdi:code-json`,java:`mdi:language-java`,cpp:`mdi:language-cpp`,go:`mdi:language-go`,rust:`mdi:language-rust`,php:`mdi:language-php`,csharp:`mdi:language-csharp`,sql:`mdi:database`,yaml:`mdi:file-code`,xml:`mdi:xml`,markdown:`mdi:language-markdown`,bash:`mdi:bash`,shell:`mdi:console`,powershell:`mdi:powershell`,swift:`mdi:language-swift`,kotlin:`mdi:language-kotlin`,ruby:`mdi:language-ruby`})[L.language.toLowerCase()]||`mdi:code-braces`),G=n(()=>L.maxHeight?{maxHeight:typeof L.maxHeight==`number`?`${L.maxHeight}px`:L.maxHeight}:{});_(()=>L.language,async e=>{if(!(!L.autoLoadLanguage||e===`text`||!z)&&!(z.getLoadedLanguages?.()||[]).includes(e)){H.value=!0;try{await z.loadLanguage?.(e),await d()}catch(t){console.warn(`Failed to load language: ${e}`,t)}finally{H.value=!1}}},{immediate:!0});async function K(){if(!B.value){B.value=!0;try{await navigator.clipboard.writeText(L.code),R(`copy`,L.code)}catch(e){console.error(`Copy failed:`,e)}finally{B.value=!1}}}function q(){J(!V.value)}function J(e){e!==V.value&&(V.value=e,R(`fullscreen`,e))}function Y(e){return{javascript:`JavaScript`,typescript:`TypeScript`,python:`Python`,java:`Java`,cpp:`C++`,csharp:`C#`,php:`PHP`,go:`Go`,rust:`Rust`,html:`HTML`,css:`CSS`,json:`JSON`,bash:`Bash`,shell:`Shell`,yaml:`YAML`,xml:`XML`,markdown:`Markdown`,sql:`SQL`,powershell:`PowerShell`,swift:`Swift`,kotlin:`Kotlin`,ruby:`Ruby`,vue:`Vue`,react:`React`}[e.toLowerCase()]||e.toUpperCase()}return l({copyCode:K,toggleFullscreen:q}),(n,l)=>{let u=y,d=C,m=b,h=S,_=x;return p(),a(`div`,w,[i(` 代码标题栏 `),t.showHeader?(p(),a(`div`,T,[o(`div`,E,[W.value?(p(),r(e,{key:0,name:W.value,size:16,class:`mr-2`},null,8,[`name`])):i(`v-if`,!0),o(`span`,null,g(t.title||Y(t.language)),1)]),o(`div`,D,[c(d,{trigger:`hover`},{trigger:v(()=>[c(u,{size:`tiny`,quaternary:``,"aria-label":`复制代码`,onClick:K,loading:B.value},{icon:v(()=>[c(e,{name:B.value?`mdi:loading`:`mdi:content-copy`,loading:B.value},null,8,[`name`,`loading`])]),_:1},8,[`loading`])]),default:v(()=>[l[1]||=s(` 复制代码 `,-1)]),_:1}),t.showFullscreen?(p(),r(d,{key:0,trigger:`hover`},{trigger:v(()=>[c(u,{size:`tiny`,quaternary:``,"aria-label":V.value?`退出全屏`:`全屏查看`,onClick:q},{icon:v(()=>[c(e,{name:V.value?`mdi:fullscreen-exit`:`mdi:fullscreen`},null,8,[`name`])]),_:1},8,[`aria-label`])]),default:v(()=>[s(` `+g(V.value?`退出全屏`:`全屏查看`),1)]),_:1})):i(`v-if`,!0)])])):i(`v-if`,!0),i(` 代码内容区域 `),o(`div`,O,[o(`div`,k,[c(m,{code:t.code,language:t.language,hljs:U.value,"show-line-numbers":t.showLineNumbers,"word-wrap":t.wordWrap,trim:t.trim,style:f(G.value),onClick:l[0]||=e=>R(`click`,e)},null,8,[`code`,`language`,`hljs`,`show-line-numbers`,`word-wrap`,`trim`,`style`]),i(` 悬浮复制按钮 `),t.showHeader?i(`v-if`,!0):(p(),a(`div`,A,[c(d,{trigger:`hover`},{trigger:v(()=>[c(u,{size:`small`,quaternary:``,"aria-label":`复制代码`,onClick:K,loading:B.value,class:`copy-floating`},{icon:v(()=>[c(e,{name:B.value?`mdi:loading`:`mdi:content-copy`,loading:B.value},null,8,[`name`,`loading`])]),_:1},8,[`loading`])]),default:v(()=>[l[2]||=s(` 复制代码 `,-1)]),_:1})]))]),i(` 语言加载状态 `),H.value?(p(),a(`div`,j,[c(h,{size:`small`}),o(`span`,M,`正在加载 `+g(t.language)+` 语言包...`,1)])):i(`v-if`,!0)]),i(` 全屏模态框 `),c(_,{show:V.value,"onUpdate:show":J,"mask-closable":!1,"show-icon":!1,bordered:!1,style:{width:`100vw`,height:`100vh`,margin:`0`,padding:`0`}},{default:v(()=>[o(`div`,N,[o(`div`,P,[o(`div`,F,[W.value?(p(),r(e,{key:0,name:W.value,size:16,class:`mr-2`},null,8,[`name`])):i(`v-if`,!0),o(`span`,null,g(t.title||Y(t.language)),1)]),c(u,{size:`small`,quaternary:``,"aria-label":`退出全屏`,onClick:q},{icon:v(()=>[c(e,{name:`mdi:close`})]),_:1})]),o(`div`,I,[c(m,{code:t.code,language:t.language,hljs:U.value,"show-line-numbers":t.showLineNumbers,"word-wrap":t.wordWrap,trim:t.trim},null,8,[`code`,`language`,`hljs`,`show-line-numbers`,`word-wrap`,`trim`])])])]),_:1},8,[`show`])])}}}),[[`__scopeId`,`data-v-9e3bbbe0`]]);export{L as t};
|
package/dist/C_CollapsePanel.css
CHANGED
|
@@ -1,54 +1,55 @@
|
|
|
1
|
-
/* unplugin-vue-components disabled */.c-icon[data-v-
|
|
1
|
+
/* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
|
|
2
2
|
display: inline-flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
5
|
+
position: relative;
|
|
6
|
+
flex-shrink: 0;
|
|
7
|
+
vertical-align: middle;
|
|
5
8
|
user-select: none;
|
|
6
9
|
transition: all 0.2s ease-in-out;
|
|
7
10
|
}
|
|
8
|
-
.c-icon--clickable[data-v-
|
|
11
|
+
.c-icon--clickable[data-v-075758a0] {
|
|
9
12
|
cursor: pointer;
|
|
10
13
|
}
|
|
11
|
-
.c-icon--clickable[data-v-
|
|
14
|
+
.c-icon--clickable[data-v-075758a0]:hover {
|
|
12
15
|
opacity: 0.8;
|
|
13
16
|
transform: scale(1.05);
|
|
14
17
|
}
|
|
15
|
-
.c-icon--clickable[data-v-
|
|
18
|
+
.c-icon--clickable[data-v-075758a0]:active {
|
|
16
19
|
transform: scale(0.95);
|
|
17
20
|
}
|
|
18
|
-
.c-icon--clickable[data-v-
|
|
21
|
+
.c-icon--clickable[data-v-075758a0]:focus-visible {
|
|
19
22
|
outline: 2px solid currentColor;
|
|
20
23
|
outline-offset: 2px;
|
|
21
24
|
border-radius: 4px;
|
|
22
25
|
}
|
|
23
|
-
.c-icon--loading[data-v-
|
|
26
|
+
.c-icon--loading[data-v-075758a0] {
|
|
24
27
|
opacity: 0.6;
|
|
25
28
|
cursor: wait;
|
|
26
29
|
}
|
|
27
|
-
.c-
|
|
28
|
-
|
|
30
|
+
.c-icon__loading[data-v-075758a0] {
|
|
31
|
+
position: absolute;
|
|
32
|
+
inset: 0;
|
|
29
33
|
}
|
|
30
|
-
.c-
|
|
31
|
-
position: relative;
|
|
32
|
-
}
|
|
33
|
-
.c-icon__spinner[data-v-711aedcd] {
|
|
34
|
+
.c-icon__spinner[data-v-075758a0] {
|
|
34
35
|
width: 100%;
|
|
35
36
|
height: 100%;
|
|
36
37
|
border: 2px solid currentColor;
|
|
37
38
|
border-radius: 50%;
|
|
38
39
|
border-top-color: transparent;
|
|
39
|
-
animation: spin-
|
|
40
|
+
animation: spin-075758a0 1s linear infinite;
|
|
40
41
|
}
|
|
41
|
-
.c-icon__error[data-v-
|
|
42
|
+
.c-icon__error[data-v-075758a0] {
|
|
42
43
|
font-size: 0.8em;
|
|
43
44
|
opacity: 0.5;
|
|
44
45
|
}
|
|
45
|
-
.c-icon__rotatable[data-v-
|
|
46
|
+
.c-icon__rotatable[data-v-075758a0] {
|
|
46
47
|
transition: transform 0.3s ease-in-out;
|
|
47
48
|
}
|
|
48
|
-
.c-icon__flippable[data-v-
|
|
49
|
+
.c-icon__flippable[data-v-075758a0] {
|
|
49
50
|
transition: transform 0.3s ease-in-out;
|
|
50
51
|
}
|
|
51
|
-
@keyframes spin-
|
|
52
|
+
@keyframes spin-075758a0 {
|
|
52
53
|
0% {
|
|
53
54
|
transform: rotate(0deg);
|
|
54
55
|
}
|
|
@@ -56,98 +57,104 @@
|
|
|
56
57
|
transform: rotate(360deg);
|
|
57
58
|
}
|
|
58
59
|
}
|
|
60
|
+
/* unplugin-vue-components disabled */
|
|
61
|
+
/* layer: default */
|
|
62
|
+
.inline-flex[data-v-075758a0]{display:inline-flex;}
|
|
63
|
+
.transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
64
|
+
.px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
|
|
65
|
+
|
|
59
66
|
|
|
60
67
|
/* unplugin-vue-components disabled *//* ─── 变量 ───────────────────────────────────────── */
|
|
61
68
|
/* ─── 容器 ───────────────────────────────────────── */
|
|
62
|
-
.c-collapse-panel[data-v-
|
|
69
|
+
.c-collapse-panel[data-v-d8f0f7a0] {
|
|
63
70
|
width: 100%;
|
|
64
71
|
/* ── default 变体 ────────────────────────────── */
|
|
65
72
|
}
|
|
66
|
-
.c-collapse-panel--default .collapse-item[data-v-
|
|
73
|
+
.c-collapse-panel--default .collapse-item[data-v-d8f0f7a0] {
|
|
67
74
|
border-bottom: 1px solid var(--c-border, #e1e4e8);
|
|
68
75
|
}
|
|
69
|
-
.c-collapse-panel--default .collapse-item[data-v-
|
|
76
|
+
.c-collapse-panel--default .collapse-item[data-v-d8f0f7a0]:last-child {
|
|
70
77
|
border-bottom: none;
|
|
71
78
|
}
|
|
72
|
-
.c-collapse-panel[data-v-
|
|
79
|
+
.c-collapse-panel[data-v-d8f0f7a0] {
|
|
73
80
|
/* ── card 变体 ───────────────────────────────── */
|
|
74
81
|
}
|
|
75
|
-
.c-collapse-panel--card[data-v-
|
|
82
|
+
.c-collapse-panel--card[data-v-d8f0f7a0] {
|
|
76
83
|
display: flex;
|
|
77
84
|
flex-direction: column;
|
|
78
85
|
gap: 8px;
|
|
79
86
|
}
|
|
80
|
-
.c-collapse-panel--card .collapse-item[data-v-
|
|
87
|
+
.c-collapse-panel--card .collapse-item[data-v-d8f0f7a0] {
|
|
81
88
|
border: 1px solid var(--c-border, #e1e4e8);
|
|
82
89
|
border-radius: 8px;
|
|
83
90
|
background: var(--c-bg-card, #fff);
|
|
84
91
|
transition: box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
|
85
92
|
}
|
|
86
|
-
.c-collapse-panel--card .collapse-item--active[data-v-
|
|
93
|
+
.c-collapse-panel--card .collapse-item--active[data-v-d8f0f7a0] {
|
|
87
94
|
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
|
|
88
95
|
}
|
|
89
|
-
.c-collapse-panel--card .collapse-item[data-v-
|
|
96
|
+
.c-collapse-panel--card .collapse-item[data-v-d8f0f7a0]:hover:not(.collapse-item--disabled) {
|
|
90
97
|
border-color: var(--c-primary, #409eff);
|
|
91
98
|
}
|
|
92
|
-
.c-collapse-panel[data-v-
|
|
99
|
+
.c-collapse-panel[data-v-d8f0f7a0] {
|
|
93
100
|
/* ── ghost 变体(无边框极简) ──────────────────── */
|
|
94
101
|
}
|
|
95
|
-
.c-collapse-panel--ghost .collapse-item__header[data-v-
|
|
102
|
+
.c-collapse-panel--ghost .collapse-item__header[data-v-d8f0f7a0] {
|
|
96
103
|
background: transparent;
|
|
97
104
|
}
|
|
98
|
-
.c-collapse-panel--ghost .collapse-item__header[data-v-
|
|
105
|
+
.c-collapse-panel--ghost .collapse-item__header[data-v-d8f0f7a0]:hover {
|
|
99
106
|
background: var(--c-bg-card, #fff);
|
|
100
107
|
}
|
|
101
|
-
.c-collapse-panel--ghost .collapse-item__content[data-v-
|
|
108
|
+
.c-collapse-panel--ghost .collapse-item__content[data-v-d8f0f7a0] {
|
|
102
109
|
padding-left: 28px;
|
|
103
110
|
}
|
|
104
|
-
.c-collapse-panel[data-v-
|
|
111
|
+
.c-collapse-panel[data-v-d8f0f7a0] {
|
|
105
112
|
/* ── bordered 修饰符 ─────────────────────────── */
|
|
106
113
|
}
|
|
107
|
-
.c-collapse-panel--bordered.c-collapse-panel--default[data-v-
|
|
114
|
+
.c-collapse-panel--bordered.c-collapse-panel--default[data-v-d8f0f7a0] {
|
|
108
115
|
border: 1px solid var(--c-border, #e1e4e8);
|
|
109
116
|
border-radius: 8px;
|
|
110
117
|
}
|
|
111
|
-
.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:first-child .collapse-item__header[data-v-
|
|
118
|
+
.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:first-child .collapse-item__header[data-v-d8f0f7a0] {
|
|
112
119
|
border-radius: 8px 8px 0 0;
|
|
113
120
|
}
|
|
114
|
-
.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item[data-v-
|
|
121
|
+
.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item[data-v-d8f0f7a0]:last-child {
|
|
115
122
|
border-bottom: none;
|
|
116
123
|
}
|
|
117
|
-
.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:last-child .collapse-item__header[data-v-
|
|
124
|
+
.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:last-child .collapse-item__header[data-v-d8f0f7a0] {
|
|
118
125
|
border-radius: 0 0 8px 8px;
|
|
119
126
|
}
|
|
120
|
-
.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:last-child.collapse-item--active .collapse-item__header[data-v-
|
|
127
|
+
.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:last-child.collapse-item--active .collapse-item__header[data-v-d8f0f7a0] {
|
|
121
128
|
border-radius: 0;
|
|
122
129
|
}
|
|
123
|
-
.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:only-child .collapse-item__header[data-v-
|
|
130
|
+
.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:only-child .collapse-item__header[data-v-d8f0f7a0] {
|
|
124
131
|
border-radius: 8px;
|
|
125
132
|
}
|
|
126
|
-
.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:only-child.collapse-item--active .collapse-item__header[data-v-
|
|
133
|
+
.c-collapse-panel--bordered.c-collapse-panel--default .collapse-item:only-child.collapse-item--active .collapse-item__header[data-v-d8f0f7a0] {
|
|
127
134
|
border-radius: 8px 8px 0 0;
|
|
128
135
|
}
|
|
129
|
-
.c-collapse-panel[data-v-
|
|
136
|
+
.c-collapse-panel[data-v-d8f0f7a0] {
|
|
130
137
|
/* ── 图标右侧模式 ────────────────────────────── */
|
|
131
138
|
}
|
|
132
|
-
.c-collapse-panel--icon-right .collapse-item__header[data-v-
|
|
139
|
+
.c-collapse-panel--icon-right .collapse-item__header[data-v-d8f0f7a0] {
|
|
133
140
|
flex-direction: row-reverse;
|
|
134
141
|
}
|
|
135
|
-
.c-collapse-panel--icon-right .collapse-item__arrow[data-v-
|
|
142
|
+
.c-collapse-panel--icon-right .collapse-item__arrow[data-v-d8f0f7a0] {
|
|
136
143
|
margin-left: auto;
|
|
137
144
|
margin-right: 0;
|
|
138
145
|
}
|
|
139
|
-
.c-collapse-panel--icon-right .collapse-item__title-area[data-v-
|
|
146
|
+
.c-collapse-panel--icon-right .collapse-item__title-area[data-v-d8f0f7a0] {
|
|
140
147
|
margin-left: 0;
|
|
141
148
|
}
|
|
142
149
|
|
|
143
150
|
/* ─── 面板项 ─────────────────────────────────────── */
|
|
144
|
-
.collapse-item--disabled .collapse-item__header[data-v-
|
|
151
|
+
.collapse-item--disabled .collapse-item__header[data-v-d8f0f7a0] {
|
|
145
152
|
cursor: not-allowed;
|
|
146
153
|
opacity: 0.5;
|
|
147
154
|
}
|
|
148
155
|
|
|
149
156
|
/* ─── 面板头部 ───────────────────────────────────── */
|
|
150
|
-
.collapse-item__header[data-v-
|
|
157
|
+
.collapse-item__header[data-v-d8f0f7a0] {
|
|
151
158
|
display: flex;
|
|
152
159
|
align-items: center;
|
|
153
160
|
gap: 8px;
|
|
@@ -158,17 +165,17 @@
|
|
|
158
165
|
transition: background-color 0.15s ease;
|
|
159
166
|
outline: none;
|
|
160
167
|
}
|
|
161
|
-
.collapse-item__header[data-v-
|
|
168
|
+
.collapse-item__header[data-v-d8f0f7a0]:hover:not([aria-disabled=true]) {
|
|
162
169
|
background: var(--c-bg-hover, rgba(0, 0, 0, 0.04));
|
|
163
170
|
}
|
|
164
|
-
.collapse-item__header[data-v-
|
|
171
|
+
.collapse-item__header[data-v-d8f0f7a0]:focus-visible {
|
|
165
172
|
outline: 2px solid var(--c-primary, #409eff);
|
|
166
173
|
outline-offset: -2px;
|
|
167
174
|
border-radius: 4px;
|
|
168
175
|
}
|
|
169
176
|
|
|
170
177
|
/* ─── 展开箭头 ───────────────────────────────────── */
|
|
171
|
-
.collapse-item__arrow[data-v-
|
|
178
|
+
.collapse-item__arrow[data-v-d8f0f7a0] {
|
|
172
179
|
display: flex;
|
|
173
180
|
align-items: center;
|
|
174
181
|
justify-content: center;
|
|
@@ -179,26 +186,26 @@
|
|
|
179
186
|
color: var(--c-text-3, #999);
|
|
180
187
|
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
|
181
188
|
}
|
|
182
|
-
.collapse-item__arrow--expanded[data-v-
|
|
189
|
+
.collapse-item__arrow--expanded[data-v-d8f0f7a0] {
|
|
183
190
|
transform: rotate(90deg);
|
|
184
191
|
}
|
|
185
192
|
|
|
186
193
|
/* ─── 标题区域 ───────────────────────────────────── */
|
|
187
|
-
.collapse-item__title-area[data-v-
|
|
194
|
+
.collapse-item__title-area[data-v-d8f0f7a0] {
|
|
188
195
|
flex: 1;
|
|
189
196
|
min-width: 0;
|
|
190
197
|
}
|
|
191
|
-
.collapse-item__title-group[data-v-
|
|
198
|
+
.collapse-item__title-group[data-v-d8f0f7a0] {
|
|
192
199
|
display: flex;
|
|
193
200
|
align-items: center;
|
|
194
201
|
gap: 8px;
|
|
195
202
|
}
|
|
196
|
-
.collapse-item__icon[data-v-
|
|
203
|
+
.collapse-item__icon[data-v-d8f0f7a0] {
|
|
197
204
|
flex-shrink: 0;
|
|
198
205
|
font-size: 18px;
|
|
199
206
|
color: var(--c-primary, #409eff);
|
|
200
207
|
}
|
|
201
|
-
.collapse-item__title[data-v-
|
|
208
|
+
.collapse-item__title[data-v-d8f0f7a0] {
|
|
202
209
|
font-size: 14px;
|
|
203
210
|
font-weight: 600;
|
|
204
211
|
color: var(--c-text-1, #333);
|
|
@@ -206,7 +213,7 @@
|
|
|
206
213
|
overflow: hidden;
|
|
207
214
|
text-overflow: ellipsis;
|
|
208
215
|
}
|
|
209
|
-
.collapse-item__subtitle[data-v-
|
|
216
|
+
.collapse-item__subtitle[data-v-d8f0f7a0] {
|
|
210
217
|
font-size: 12px;
|
|
211
218
|
color: var(--c-text-4, #ccc);
|
|
212
219
|
white-space: nowrap;
|
|
@@ -215,7 +222,7 @@
|
|
|
215
222
|
}
|
|
216
223
|
|
|
217
224
|
/* ─── 头部右侧操作区 ────────────────────────────── */
|
|
218
|
-
.collapse-item__extra[data-v-
|
|
225
|
+
.collapse-item__extra[data-v-d8f0f7a0] {
|
|
219
226
|
flex-shrink: 0;
|
|
220
227
|
display: flex;
|
|
221
228
|
align-items: center;
|
|
@@ -224,13 +231,19 @@
|
|
|
224
231
|
}
|
|
225
232
|
|
|
226
233
|
/* ─── 内容区域 ───────────────────────────────────── */
|
|
227
|
-
.collapse-item__content-wrapper[data-v-
|
|
234
|
+
.collapse-item__content-wrapper[data-v-d8f0f7a0] {
|
|
228
235
|
transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
|
229
236
|
will-change: height;
|
|
230
237
|
}
|
|
231
|
-
.collapse-item__content[data-v-
|
|
238
|
+
.collapse-item__content[data-v-d8f0f7a0] {
|
|
232
239
|
padding: 0 16px 16px;
|
|
233
240
|
font-size: 14px;
|
|
234
241
|
line-height: 1.6;
|
|
235
242
|
color: var(--c-text-2, #666);
|
|
236
243
|
}
|
|
244
|
+
/* unplugin-vue-components disabled */
|
|
245
|
+
/* layer: default */
|
|
246
|
+
.block[data-v-d8f0f7a0]{display:block;}
|
|
247
|
+
.hidden[data-v-d8f0f7a0]{display:none;}
|
|
248
|
+
.px[data-v-d8f0f7a0]{padding-left:1rem;padding-right:1rem;}
|
|
249
|
+
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`);function r(e){if(!e)return null;try{let t=JSON.parse(e);return Array.isArray(t)?t.filter(e=>typeof e==`string`):null}catch{return null}}function i(e){let{items:t,activeKeys:i,defaultActiveKeys:a,accordion:o,persistKey:s,onChange:c,onExpand:l,onCollapse:u}=e,d=()=>{if(!s.value)return null;try{return r(localStorage.getItem(`collapse-panel:${s.value}`))}catch{return null}},f=e=>{if(s.value)try{localStorage.setItem(`collapse-panel:${s.value}`,JSON.stringify(e))}catch{}},p=(0,n.ref)(i.value===void 0?d()||[...a]:[...i.value]),m=(0,n.ref)(new Set(p.value)),h=(0,n.computed)({get:()=>i.value===void 0?p.value:i.value,set:e=>{p.value=e}}),g=e=>h.value.includes(e),_=e=>{let t=g(e.key);return e.destroyOnCollapse?t:e.lazy?m.value.has(e.key):!0},v=e=>{h.value=e,c?.(e),f(e)},y=e=>{let n=t.value.find(t=>t.key===e);if(!(!n||n.disabled))if(g(e))v(h.value.filter(t=>t!==e)),u?.(e);else{if(m.value.add(e),o.value){let t=h.value;v([e]),t.forEach(t=>{t!==e&&u?.(t)})}else v([...h.value,e]);l?.(e)}};return(0,n.watch)(()=>i.value,e=>{e!==void 0&&(p.value=[...e],e.forEach(e=>m.value.add(e)),f(e))}),{currentKeys:h,renderedOnce:m,isExpanded:g,shouldRender:_,toggle:y,expandAll:()=>{if(o.value)return;let e=t.value.filter(e=>!e.disabled).map(e=>e.key);e.forEach(e=>m.value.add(e)),v(e)},collapseAll:()=>{v([])},getActiveKeys:()=>[...h.value],handleKeyDown:(e,t)=>{[`Enter`,` `].includes(e.key)&&(e.preventDefault(),y(t))}}}const a=[`aria-expanded`,`aria-controls`,`aria-disabled`,`tabindex`,`onClick`,`onKeydown`],o={class:`collapse-item__title-area`},s={class:`collapse-item__title-group`},c={class:`collapse-item__title`},l={key:1,class:`collapse-item__subtitle`},u=[`id`,`aria-labelledby`],d={key:0,class:`collapse-item__content`},f=(0,n.defineComponent)({name:`C_CollapsePanel`,__name:`index`,props:{items:{},activeKeys:{default:void 0},defaultActiveKeys:{default:()=>[]},accordion:{type:Boolean,default:!1},variant:{default:`default`},expandIconPosition:{default:`left`},bordered:{type:Boolean,default:!0},persistKey:{default:void 0}},emits:[`update:activeKeys`,`expand`,`collapse`,`change`],setup(t,{expose:r,emit:f}){let p=t,m=f,h=(0,n.ref)(null),g=(0,n.ref)(new Map),_=(e,t)=>{t?g.value.set(e,t):g.value.delete(e)},{isExpanded:v,shouldRender:y,toggle:b,expandAll:x,collapseAll:S,getActiveKeys:C,handleKeyDown:w}=i({items:(0,n.toRef)(p,`items`),activeKeys:(0,n.toRef)(p,`activeKeys`),defaultActiveKeys:p.defaultActiveKeys,accordion:(0,n.toRef)(p,`accordion`),persistKey:(0,n.toRef)(p,`persistKey`),onChange:e=>{m(`update:activeKeys`,e),m(`change`,e)},onExpand:e=>m(`expand`,e),onCollapse:e=>m(`collapse`,e)}),T=e=>{let t=e;t.style.height=`0`,t.style.overflow=`hidden`,t.offsetHeight,t.style.height=`${t.scrollHeight}px`},E=e=>{let t=e;t.style.height=``,t.style.overflow=``},D=e=>{let t=e;t.style.height=`${t.scrollHeight}px`,t.style.overflow=`hidden`,t.offsetHeight,t.style.height=`0`},O=e=>{let t=e;t.style.height=``,t.style.overflow=``};return r({expandAll:x,collapseAll:S,toggle:b,getActiveKeys:C,scrollToPanel:e=>{let t=g.value.get(e);t&&t.scrollIntoView({behavior:`smooth`,block:`start`})}}),(r,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`containerRef`,ref:h,class:(0,n.normalizeClass)([`c-collapse-panel`,[`c-collapse-panel--${t.variant}`,{"c-collapse-panel--bordered":t.bordered,"c-collapse-panel--icon-right":t.expandIconPosition===`right`}]])},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(t.items,t=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:t.key,ref_for:!0,ref:e=>_(t.key,e),class:(0,n.normalizeClass)([`collapse-item`,{"collapse-item--active":(0,n.unref)(v)(t.key),"collapse-item--disabled":t.disabled}])},[(0,n.createCommentVNode)(` 面板头部 `),(0,n.createElementVNode)(`div`,{class:`collapse-item__header`,role:`button`,"aria-expanded":(0,n.unref)(v)(t.key),"aria-controls":`collapse-content-${t.key}`,"aria-disabled":t.disabled,tabindex:t.disabled?-1:0,onClick:e=>!t.disabled&&(0,n.unref)(b)(t.key),onKeydown:e=>(0,n.unref)(w)(e,t.key)},[(0,n.createCommentVNode)(` 展开图标 `),(0,n.createElementVNode)(`span`,{class:(0,n.normalizeClass)([`collapse-item__arrow`,{"collapse-item__arrow--expanded":(0,n.unref)(v)(t.key)}])},[(0,n.createVNode)(e.t,{name:`mdi:chevron-right`,size:16,color:`currentColor`})],2),(0,n.createCommentVNode)(` 标题区域 `),(0,n.createElementVNode)(`div`,o,[(0,n.renderSlot)(r.$slots,`header-${t.key}`,{item:t,expanded:(0,n.unref)(v)(t.key)},()=>[(0,n.createElementVNode)(`div`,s,[t.icon?((0,n.openBlock)(),(0,n.createBlock)(e.t,{key:0,name:t.icon,size:18,color:`currentColor`,class:`collapse-item__icon`},null,8,[`name`])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`span`,c,(0,n.toDisplayString)(t.title),1),t.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,l,(0,n.toDisplayString)(t.subtitle),1)):(0,n.createCommentVNode)(`v-if`,!0)])],!0)]),(0,n.createCommentVNode)(` 头部右侧操作区 `),r.$slots[`extra-${t.key}`]?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:`collapse-item__extra`,onClick:i[0]||=(0,n.withModifiers)(()=>{},[`stop`])},[(0,n.renderSlot)(r.$slots,`extra-${t.key}`,{item:t,expanded:(0,n.unref)(v)(t.key)},void 0,!0)])):(0,n.createCommentVNode)(`v-if`,!0)],40,a),(0,n.createCommentVNode)(` 面板内容 `),(0,n.createVNode)(n.Transition,{name:`collapse-slide`,onEnter:T,onAfterEnter:E,onLeave:D,onAfterLeave:O,persisted:``},{default:(0,n.withCtx)(()=>[(0,n.withDirectives)((0,n.createElementVNode)(`div`,{id:`collapse-content-${t.key}`,class:`collapse-item__content-wrapper`,role:`region`,"aria-labelledby":`collapse-header-${t.key}`},[(0,n.unref)(y)(t)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,d,[(0,n.renderSlot)(r.$slots,`panel-${t.key}`,{item:t,expanded:(0,n.unref)(v)(t.key)},()=>[t.content&&typeof t.content!=`string`?((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(t.content),{key:0})):t.content?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.createTextVNode)((0,n.toDisplayString)(t.content),1)],64)):(0,n.createCommentVNode)(`v-if`,!0)],!0)])):(0,n.createCommentVNode)(`v-if`,!0)],8,u),[[n.vShow,(0,n.unref)(v)(t.key)]])]),_:2},1024)],2))),128))],2))}});var p=t.t(f,[[`__scopeId`,`data-v-
|
|
1
|
+
require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`);function r(e){if(!e)return null;try{let t=JSON.parse(e);return Array.isArray(t)?t.filter(e=>typeof e==`string`):null}catch{return null}}function i(e){let{items:t,activeKeys:i,defaultActiveKeys:a,accordion:o,persistKey:s,onChange:c,onExpand:l,onCollapse:u}=e,d=()=>{if(!s.value)return null;try{return r(localStorage.getItem(`collapse-panel:${s.value}`))}catch{return null}},f=e=>{if(s.value)try{localStorage.setItem(`collapse-panel:${s.value}`,JSON.stringify(e))}catch{}},p=(0,n.ref)(i.value===void 0?d()||[...a]:[...i.value]),m=(0,n.ref)(new Set(p.value)),h=(0,n.computed)({get:()=>i.value===void 0?p.value:i.value,set:e=>{p.value=e}}),g=e=>h.value.includes(e),_=e=>{let t=g(e.key);return e.destroyOnCollapse?t:e.lazy?m.value.has(e.key):!0},v=e=>{h.value=e,c?.(e),f(e)},y=e=>{let n=t.value.find(t=>t.key===e);if(!(!n||n.disabled))if(g(e))v(h.value.filter(t=>t!==e)),u?.(e);else{if(m.value.add(e),o.value){let t=h.value;v([e]),t.forEach(t=>{t!==e&&u?.(t)})}else v([...h.value,e]);l?.(e)}};return(0,n.watch)(()=>i.value,e=>{e!==void 0&&(p.value=[...e],e.forEach(e=>m.value.add(e)),f(e))}),{currentKeys:h,renderedOnce:m,isExpanded:g,shouldRender:_,toggle:y,expandAll:()=>{if(o.value)return;let e=t.value.filter(e=>!e.disabled).map(e=>e.key);e.forEach(e=>m.value.add(e)),v(e)},collapseAll:()=>{v([])},getActiveKeys:()=>[...h.value],handleKeyDown:(e,t)=>{[`Enter`,` `].includes(e.key)&&(e.preventDefault(),y(t))}}}const a=[`aria-expanded`,`aria-controls`,`aria-disabled`,`tabindex`,`onClick`,`onKeydown`],o={class:`collapse-item__title-area`},s={class:`collapse-item__title-group`},c={class:`collapse-item__title`},l={key:1,class:`collapse-item__subtitle`},u=[`id`,`aria-labelledby`],d={key:0,class:`collapse-item__content`},f=(0,n.defineComponent)({name:`C_CollapsePanel`,__name:`index`,props:{items:{},activeKeys:{default:void 0},defaultActiveKeys:{default:()=>[]},accordion:{type:Boolean,default:!1},variant:{default:`default`},expandIconPosition:{default:`left`},bordered:{type:Boolean,default:!0},persistKey:{default:void 0}},emits:[`update:activeKeys`,`expand`,`collapse`,`change`],setup(t,{expose:r,emit:f}){let p=t,m=f,h=(0,n.ref)(null),g=(0,n.ref)(new Map),_=(e,t)=>{t?g.value.set(e,t):g.value.delete(e)},{isExpanded:v,shouldRender:y,toggle:b,expandAll:x,collapseAll:S,getActiveKeys:C,handleKeyDown:w}=i({items:(0,n.toRef)(p,`items`),activeKeys:(0,n.toRef)(p,`activeKeys`),defaultActiveKeys:p.defaultActiveKeys,accordion:(0,n.toRef)(p,`accordion`),persistKey:(0,n.toRef)(p,`persistKey`),onChange:e=>{m(`update:activeKeys`,e),m(`change`,e)},onExpand:e=>m(`expand`,e),onCollapse:e=>m(`collapse`,e)}),T=e=>{let t=e;t.style.height=`0`,t.style.overflow=`hidden`,t.offsetHeight,t.style.height=`${t.scrollHeight}px`},E=e=>{let t=e;t.style.height=``,t.style.overflow=``},D=e=>{let t=e;t.style.height=`${t.scrollHeight}px`,t.style.overflow=`hidden`,t.offsetHeight,t.style.height=`0`},O=e=>{let t=e;t.style.height=``,t.style.overflow=``};return r({expandAll:x,collapseAll:S,toggle:b,getActiveKeys:C,scrollToPanel:e=>{let t=g.value.get(e);t&&t.scrollIntoView({behavior:`smooth`,block:`start`})}}),(r,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`containerRef`,ref:h,class:(0,n.normalizeClass)([`c-collapse-panel`,[`c-collapse-panel--${t.variant}`,{"c-collapse-panel--bordered":t.bordered,"c-collapse-panel--icon-right":t.expandIconPosition===`right`}]])},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(t.items,t=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:t.key,ref_for:!0,ref:e=>_(t.key,e),class:(0,n.normalizeClass)([`collapse-item`,{"collapse-item--active":(0,n.unref)(v)(t.key),"collapse-item--disabled":t.disabled}])},[(0,n.createCommentVNode)(` 面板头部 `),(0,n.createElementVNode)(`div`,{class:`collapse-item__header`,role:`button`,"aria-expanded":(0,n.unref)(v)(t.key),"aria-controls":`collapse-content-${t.key}`,"aria-disabled":t.disabled,tabindex:t.disabled?-1:0,onClick:e=>!t.disabled&&(0,n.unref)(b)(t.key),onKeydown:e=>(0,n.unref)(w)(e,t.key)},[(0,n.createCommentVNode)(` 展开图标 `),(0,n.createElementVNode)(`span`,{class:(0,n.normalizeClass)([`collapse-item__arrow`,{"collapse-item__arrow--expanded":(0,n.unref)(v)(t.key)}])},[(0,n.createVNode)(e.t,{name:`mdi:chevron-right`,size:16,color:`currentColor`})],2),(0,n.createCommentVNode)(` 标题区域 `),(0,n.createElementVNode)(`div`,o,[(0,n.renderSlot)(r.$slots,`header-${t.key}`,{item:t,expanded:(0,n.unref)(v)(t.key)},()=>[(0,n.createElementVNode)(`div`,s,[t.icon?((0,n.openBlock)(),(0,n.createBlock)(e.t,{key:0,name:t.icon,size:18,color:`currentColor`,class:`collapse-item__icon`},null,8,[`name`])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`span`,c,(0,n.toDisplayString)(t.title),1),t.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,l,(0,n.toDisplayString)(t.subtitle),1)):(0,n.createCommentVNode)(`v-if`,!0)])],!0)]),(0,n.createCommentVNode)(` 头部右侧操作区 `),r.$slots[`extra-${t.key}`]?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:`collapse-item__extra`,onClick:i[0]||=(0,n.withModifiers)(()=>{},[`stop`])},[(0,n.renderSlot)(r.$slots,`extra-${t.key}`,{item:t,expanded:(0,n.unref)(v)(t.key)},void 0,!0)])):(0,n.createCommentVNode)(`v-if`,!0)],40,a),(0,n.createCommentVNode)(` 面板内容 `),(0,n.createVNode)(n.Transition,{name:`collapse-slide`,onEnter:T,onAfterEnter:E,onLeave:D,onAfterLeave:O,persisted:``},{default:(0,n.withCtx)(()=>[(0,n.withDirectives)((0,n.createElementVNode)(`div`,{id:`collapse-content-${t.key}`,class:`collapse-item__content-wrapper`,role:`region`,"aria-labelledby":`collapse-header-${t.key}`},[(0,n.unref)(y)(t)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,d,[(0,n.renderSlot)(r.$slots,`panel-${t.key}`,{item:t,expanded:(0,n.unref)(v)(t.key)},()=>[t.content&&typeof t.content!=`string`?((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(t.content),{key:0})):t.content?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.createTextVNode)((0,n.toDisplayString)(t.content),1)],64)):(0,n.createCommentVNode)(`v-if`,!0)],!0)])):(0,n.createCommentVNode)(`v-if`,!0)],8,u),[[n.vShow,(0,n.unref)(v)(t.key)]])]),_:2},1024)],2))),128))],2))}});var p=t.t(f,[[`__scopeId`,`data-v-d8f0f7a0`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});
|
package/dist/C_CollapsePanel2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,Transition as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,normalizeClass as f,openBlock as p,ref as m,renderList as h,renderSlot as g,resolveDynamicComponent as _,toDisplayString as v,toRef as y,unref as b,vShow as x,watch as S,withCtx as C,withDirectives as w,withModifiers as T}from"vue";function E(e){if(!e)return null;try{let t=JSON.parse(e);return Array.isArray(t)?t.filter(e=>typeof e==`string`):null}catch{return null}}function D(e){let{items:t,activeKeys:n,defaultActiveKeys:r,accordion:a,persistKey:o,onChange:s,onExpand:c,onCollapse:l}=e,u=()=>{if(!o.value)return null;try{return E(localStorage.getItem(`collapse-panel:${o.value}`))}catch{return null}},d=e=>{if(o.value)try{localStorage.setItem(`collapse-panel:${o.value}`,JSON.stringify(e))}catch{}},f=m(n.value===void 0?u()||[...r]:[...n.value]),p=m(new Set(f.value)),h=i({get:()=>n.value===void 0?f.value:n.value,set:e=>{f.value=e}}),g=e=>h.value.includes(e),_=e=>{let t=g(e.key);return e.destroyOnCollapse?t:e.lazy?p.value.has(e.key):!0},v=e=>{h.value=e,s?.(e),d(e)},y=e=>{let n=t.value.find(t=>t.key===e);if(!(!n||n.disabled))if(g(e))v(h.value.filter(t=>t!==e)),l?.(e);else{if(p.value.add(e),a.value){let t=h.value;v([e]),t.forEach(t=>{t!==e&&l?.(t)})}else v([...h.value,e]);c?.(e)}};return S(()=>n.value,e=>{e!==void 0&&(f.value=[...e],e.forEach(e=>p.value.add(e)),d(e))}),{currentKeys:h,renderedOnce:p,isExpanded:g,shouldRender:_,toggle:y,expandAll:()=>{if(a.value)return;let e=t.value.filter(e=>!e.disabled).map(e=>e.key);e.forEach(e=>p.value.add(e)),v(e)},collapseAll:()=>{v([])},getActiveKeys:()=>[...h.value],handleKeyDown:(e,t)=>{[`Enter`,` `].includes(e.key)&&(e.preventDefault(),y(t))}}}const O=[`aria-expanded`,`aria-controls`,`aria-disabled`,`tabindex`,`onClick`,`onKeydown`],k={class:`collapse-item__title-area`},A={class:`collapse-item__title-group`},j={class:`collapse-item__title`},M={key:1,class:`collapse-item__subtitle`},N=[`id`,`aria-labelledby`],P={key:0,class:`collapse-item__content`};var F=t(d({name:`C_CollapsePanel`,__name:`index`,props:{items:{},activeKeys:{default:void 0},defaultActiveKeys:{default:()=>[]},accordion:{type:Boolean,default:!1},variant:{default:`default`},expandIconPosition:{default:`left`},bordered:{type:Boolean,default:!0},persistKey:{default:void 0}},emits:[`update:activeKeys`,`expand`,`collapse`,`change`],setup(t,{expose:i,emit:d}){let S=t,E=d,F=m(null),I=m(new Map),L=(e,t)=>{t?I.value.set(e,t):I.value.delete(e)},{isExpanded:R,shouldRender:z,toggle:B,expandAll:V,collapseAll:H,getActiveKeys:U,handleKeyDown:W}=D({items:y(S,`items`),activeKeys:y(S,`activeKeys`),defaultActiveKeys:S.defaultActiveKeys,accordion:y(S,`accordion`),persistKey:y(S,`persistKey`),onChange:e=>{E(`update:activeKeys`,e),E(`change`,e)},onExpand:e=>E(`expand`,e),onCollapse:e=>E(`collapse`,e)}),G=e=>{let t=e;t.style.height=`0`,t.style.overflow=`hidden`,t.offsetHeight,t.style.height=`${t.scrollHeight}px`},K=e=>{let t=e;t.style.height=``,t.style.overflow=``},q=e=>{let t=e;t.style.height=`${t.scrollHeight}px`,t.style.overflow=`hidden`,t.offsetHeight,t.style.height=`0`},J=e=>{let t=e;t.style.height=``,t.style.overflow=``};return i({expandAll:V,collapseAll:H,toggle:B,getActiveKeys:U,scrollToPanel:e=>{let t=I.value.get(e);t&&t.scrollIntoView({behavior:`smooth`,block:`start`})}}),(i,d)=>(p(),s(`div`,{ref_key:`containerRef`,ref:F,class:f([`c-collapse-panel`,[`c-collapse-panel--${t.variant}`,{"c-collapse-panel--bordered":t.bordered,"c-collapse-panel--icon-right":t.expandIconPosition===`right`}]])},[(p(!0),s(n,null,h(t.items,t=>(p(),s(`div`,{key:t.key,ref_for:!0,ref:e=>L(t.key,e),class:f([`collapse-item`,{"collapse-item--active":b(R)(t.key),"collapse-item--disabled":t.disabled}])},[o(` 面板头部 `),c(`div`,{class:`collapse-item__header`,role:`button`,"aria-expanded":b(R)(t.key),"aria-controls":`collapse-content-${t.key}`,"aria-disabled":t.disabled,tabindex:t.disabled?-1:0,onClick:e=>!t.disabled&&b(B)(t.key),onKeydown:e=>b(W)(e,t.key)},[o(` 展开图标 `),c(`span`,{class:f([`collapse-item__arrow`,{"collapse-item__arrow--expanded":b(R)(t.key)}])},[u(e,{name:`mdi:chevron-right`,size:16,color:`currentColor`})],2),o(` 标题区域 `),c(`div`,k,[g(i.$slots,`header-${t.key}`,{item:t,expanded:b(R)(t.key)},()=>[c(`div`,A,[t.icon?(p(),a(e,{key:0,name:t.icon,size:18,color:`currentColor`,class:`collapse-item__icon`},null,8,[`name`])):o(`v-if`,!0),c(`span`,j,v(t.title),1),t.subtitle?(p(),s(`span`,M,v(t.subtitle),1)):o(`v-if`,!0)])],!0)]),o(` 头部右侧操作区 `),i.$slots[`extra-${t.key}`]?(p(),s(`div`,{key:0,class:`collapse-item__extra`,onClick:d[0]||=T(()=>{},[`stop`])},[g(i.$slots,`extra-${t.key}`,{item:t,expanded:b(R)(t.key)},void 0,!0)])):o(`v-if`,!0)],40,O),o(` 面板内容 `),u(r,{name:`collapse-slide`,onEnter:G,onAfterEnter:K,onLeave:q,onAfterLeave:J,persisted:``},{default:C(()=>[w(c(`div`,{id:`collapse-content-${t.key}`,class:`collapse-item__content-wrapper`,role:`region`,"aria-labelledby":`collapse-header-${t.key}`},[b(z)(t)?(p(),s(`div`,P,[g(i.$slots,`panel-${t.key}`,{item:t,expanded:b(R)(t.key)},()=>[t.content&&typeof t.content!=`string`?(p(),a(_(t.content),{key:0})):t.content?(p(),s(n,{key:1},[l(v(t.content),1)],64)):o(`v-if`,!0)],!0)])):o(`v-if`,!0)],8,N),[[x,b(R)(t.key)]])]),_:2},1024)],2))),128))],2))}}),[[`__scopeId`,`data-v-
|
|
1
|
+
import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,Transition as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,normalizeClass as f,openBlock as p,ref as m,renderList as h,renderSlot as g,resolveDynamicComponent as _,toDisplayString as v,toRef as y,unref as b,vShow as x,watch as S,withCtx as C,withDirectives as w,withModifiers as T}from"vue";function E(e){if(!e)return null;try{let t=JSON.parse(e);return Array.isArray(t)?t.filter(e=>typeof e==`string`):null}catch{return null}}function D(e){let{items:t,activeKeys:n,defaultActiveKeys:r,accordion:a,persistKey:o,onChange:s,onExpand:c,onCollapse:l}=e,u=()=>{if(!o.value)return null;try{return E(localStorage.getItem(`collapse-panel:${o.value}`))}catch{return null}},d=e=>{if(o.value)try{localStorage.setItem(`collapse-panel:${o.value}`,JSON.stringify(e))}catch{}},f=m(n.value===void 0?u()||[...r]:[...n.value]),p=m(new Set(f.value)),h=i({get:()=>n.value===void 0?f.value:n.value,set:e=>{f.value=e}}),g=e=>h.value.includes(e),_=e=>{let t=g(e.key);return e.destroyOnCollapse?t:e.lazy?p.value.has(e.key):!0},v=e=>{h.value=e,s?.(e),d(e)},y=e=>{let n=t.value.find(t=>t.key===e);if(!(!n||n.disabled))if(g(e))v(h.value.filter(t=>t!==e)),l?.(e);else{if(p.value.add(e),a.value){let t=h.value;v([e]),t.forEach(t=>{t!==e&&l?.(t)})}else v([...h.value,e]);c?.(e)}};return S(()=>n.value,e=>{e!==void 0&&(f.value=[...e],e.forEach(e=>p.value.add(e)),d(e))}),{currentKeys:h,renderedOnce:p,isExpanded:g,shouldRender:_,toggle:y,expandAll:()=>{if(a.value)return;let e=t.value.filter(e=>!e.disabled).map(e=>e.key);e.forEach(e=>p.value.add(e)),v(e)},collapseAll:()=>{v([])},getActiveKeys:()=>[...h.value],handleKeyDown:(e,t)=>{[`Enter`,` `].includes(e.key)&&(e.preventDefault(),y(t))}}}const O=[`aria-expanded`,`aria-controls`,`aria-disabled`,`tabindex`,`onClick`,`onKeydown`],k={class:`collapse-item__title-area`},A={class:`collapse-item__title-group`},j={class:`collapse-item__title`},M={key:1,class:`collapse-item__subtitle`},N=[`id`,`aria-labelledby`],P={key:0,class:`collapse-item__content`};var F=t(d({name:`C_CollapsePanel`,__name:`index`,props:{items:{},activeKeys:{default:void 0},defaultActiveKeys:{default:()=>[]},accordion:{type:Boolean,default:!1},variant:{default:`default`},expandIconPosition:{default:`left`},bordered:{type:Boolean,default:!0},persistKey:{default:void 0}},emits:[`update:activeKeys`,`expand`,`collapse`,`change`],setup(t,{expose:i,emit:d}){let S=t,E=d,F=m(null),I=m(new Map),L=(e,t)=>{t?I.value.set(e,t):I.value.delete(e)},{isExpanded:R,shouldRender:z,toggle:B,expandAll:V,collapseAll:H,getActiveKeys:U,handleKeyDown:W}=D({items:y(S,`items`),activeKeys:y(S,`activeKeys`),defaultActiveKeys:S.defaultActiveKeys,accordion:y(S,`accordion`),persistKey:y(S,`persistKey`),onChange:e=>{E(`update:activeKeys`,e),E(`change`,e)},onExpand:e=>E(`expand`,e),onCollapse:e=>E(`collapse`,e)}),G=e=>{let t=e;t.style.height=`0`,t.style.overflow=`hidden`,t.offsetHeight,t.style.height=`${t.scrollHeight}px`},K=e=>{let t=e;t.style.height=``,t.style.overflow=``},q=e=>{let t=e;t.style.height=`${t.scrollHeight}px`,t.style.overflow=`hidden`,t.offsetHeight,t.style.height=`0`},J=e=>{let t=e;t.style.height=``,t.style.overflow=``};return i({expandAll:V,collapseAll:H,toggle:B,getActiveKeys:U,scrollToPanel:e=>{let t=I.value.get(e);t&&t.scrollIntoView({behavior:`smooth`,block:`start`})}}),(i,d)=>(p(),s(`div`,{ref_key:`containerRef`,ref:F,class:f([`c-collapse-panel`,[`c-collapse-panel--${t.variant}`,{"c-collapse-panel--bordered":t.bordered,"c-collapse-panel--icon-right":t.expandIconPosition===`right`}]])},[(p(!0),s(n,null,h(t.items,t=>(p(),s(`div`,{key:t.key,ref_for:!0,ref:e=>L(t.key,e),class:f([`collapse-item`,{"collapse-item--active":b(R)(t.key),"collapse-item--disabled":t.disabled}])},[o(` 面板头部 `),c(`div`,{class:`collapse-item__header`,role:`button`,"aria-expanded":b(R)(t.key),"aria-controls":`collapse-content-${t.key}`,"aria-disabled":t.disabled,tabindex:t.disabled?-1:0,onClick:e=>!t.disabled&&b(B)(t.key),onKeydown:e=>b(W)(e,t.key)},[o(` 展开图标 `),c(`span`,{class:f([`collapse-item__arrow`,{"collapse-item__arrow--expanded":b(R)(t.key)}])},[u(e,{name:`mdi:chevron-right`,size:16,color:`currentColor`})],2),o(` 标题区域 `),c(`div`,k,[g(i.$slots,`header-${t.key}`,{item:t,expanded:b(R)(t.key)},()=>[c(`div`,A,[t.icon?(p(),a(e,{key:0,name:t.icon,size:18,color:`currentColor`,class:`collapse-item__icon`},null,8,[`name`])):o(`v-if`,!0),c(`span`,j,v(t.title),1),t.subtitle?(p(),s(`span`,M,v(t.subtitle),1)):o(`v-if`,!0)])],!0)]),o(` 头部右侧操作区 `),i.$slots[`extra-${t.key}`]?(p(),s(`div`,{key:0,class:`collapse-item__extra`,onClick:d[0]||=T(()=>{},[`stop`])},[g(i.$slots,`extra-${t.key}`,{item:t,expanded:b(R)(t.key)},void 0,!0)])):o(`v-if`,!0)],40,O),o(` 面板内容 `),u(r,{name:`collapse-slide`,onEnter:G,onAfterEnter:K,onLeave:q,onAfterLeave:J,persisted:``},{default:C(()=>[w(c(`div`,{id:`collapse-content-${t.key}`,class:`collapse-item__content-wrapper`,role:`region`,"aria-labelledby":`collapse-header-${t.key}`},[b(z)(t)?(p(),s(`div`,P,[g(i.$slots,`panel-${t.key}`,{item:t,expanded:b(R)(t.key)},()=>[t.content&&typeof t.content!=`string`?(p(),a(_(t.content),{key:0})):t.content?(p(),s(n,{key:1},[l(v(t.content),1)],64)):o(`v-if`,!0)],!0)])):o(`v-if`,!0)],8,N),[[x,b(R)(t.key)]])]),_:2},1024)],2))),128))],2))}}),[[`__scopeId`,`data-v-d8f0f7a0`]]);export{D as n,F as t};
|