@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_Timeline.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,13 +57,23 @@
|
|
|
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 */.c-timeline[data-v-ca194519] {
|
|
61
68
|
--tl-bg: transparent;
|
|
62
|
-
--tl-text-primary: var(--
|
|
63
|
-
--tl-text-secondary: var(--text-color-2);
|
|
64
|
-
--tl-text-time: var(--text-color-3);
|
|
65
|
-
--tl-line-color: color-mix(
|
|
69
|
+
--tl-text-primary: var(--c-text-1, var(--text-color-1, #262626));
|
|
70
|
+
--tl-text-secondary: var(--c-text-2, var(--text-color-2, #525252));
|
|
71
|
+
--tl-text-time: var(--c-text-3, var(--text-color-3, #a3a3a3));
|
|
72
|
+
--tl-line-color: color-mix(
|
|
73
|
+
in srgb,
|
|
74
|
+
var(--c-primary, var(--primary-color, #2080f0)) 20%,
|
|
75
|
+
var(--c-border, var(--border-color, #e5e7eb))
|
|
76
|
+
);
|
|
66
77
|
--tl-line-width: 2px;
|
|
67
78
|
--tl-dot-size: 12px;
|
|
68
79
|
--tl-icon-size: 32px;
|
|
@@ -78,13 +89,13 @@
|
|
|
78
89
|
--tl-track-width-lg: 60px;
|
|
79
90
|
--tl-track-spacing-sm: 16px;
|
|
80
91
|
--tl-track-spacing-lg: 32px;
|
|
81
|
-
--tl-dot-default: var(--text-color-3);
|
|
92
|
+
--tl-dot-default: var(--c-text-3, var(--text-color-3, #a3a3a3));
|
|
82
93
|
--tl-dot-success: #18a058;
|
|
83
94
|
--tl-dot-warning: #f0a020;
|
|
84
95
|
--tl-dot-error: #d03050;
|
|
85
96
|
--tl-dot-info: #2080f0;
|
|
86
|
-
--tl-icon-bg: var(--card-color);
|
|
87
|
-
--tl-content-bg: var(--card-color);
|
|
97
|
+
--tl-icon-bg: var(--c-bg-card, var(--card-color, #fff));
|
|
98
|
+
--tl-content-bg: var(--c-bg-card, var(--card-color, #fff));
|
|
88
99
|
--tl-content-radius: 8px;
|
|
89
100
|
--tl-content-padding: 12px 16px;
|
|
90
101
|
--tl-tag-radius: 4px;
|
|
@@ -134,7 +145,7 @@
|
|
|
134
145
|
height: var(--tl-dot-size);
|
|
135
146
|
margin-top: calc((var(--tl-icon-size) - var(--tl-dot-size)) / 2);
|
|
136
147
|
background: var(--tl-dot-default);
|
|
137
|
-
border: 2px solid var(--card-color);
|
|
148
|
+
border: 2px solid var(--c-bg-card, var(--card-color, #fff));
|
|
138
149
|
box-shadow: 0 0 0 2px var(--tl-dot-default);
|
|
139
150
|
}
|
|
140
151
|
.c-timeline.is-vertical .c-timeline__dot.is-icon[data-v-ca194519] {
|
|
@@ -142,7 +153,7 @@
|
|
|
142
153
|
height: var(--tl-icon-size);
|
|
143
154
|
background: var(--tl-icon-bg);
|
|
144
155
|
border: 1.5px solid var(--tl-line-color);
|
|
145
|
-
box-shadow: 0 0 0 3px var(--card-color), 0 2px 8px rgba(0, 0, 0, 0.08);
|
|
156
|
+
box-shadow: 0 0 0 3px var(--c-bg-card, var(--card-color, #fff)), 0 2px 8px rgba(0, 0, 0, 0.08);
|
|
146
157
|
font-size: calc(var(--tl-icon-size) * 0.5);
|
|
147
158
|
}
|
|
148
159
|
.c-timeline.is-vertical .c-timeline__line[data-v-ca194519] {
|
|
@@ -177,13 +188,13 @@
|
|
|
177
188
|
flex-direction: row;
|
|
178
189
|
overflow-x: auto;
|
|
179
190
|
scrollbar-width: thin;
|
|
180
|
-
scrollbar-color: var(--border-color) transparent;
|
|
191
|
+
scrollbar-color: var(--c-border, var(--border-color, #e5e7eb)) transparent;
|
|
181
192
|
}
|
|
182
193
|
.c-timeline.is-horizontal[data-v-ca194519]::-webkit-scrollbar {
|
|
183
194
|
height: 4px;
|
|
184
195
|
}
|
|
185
196
|
.c-timeline.is-horizontal[data-v-ca194519]::-webkit-scrollbar-thumb {
|
|
186
|
-
background: var(--border-color);
|
|
197
|
+
background: var(--c-border, var(--border-color, #e5e7eb));
|
|
187
198
|
border-radius: 2px;
|
|
188
199
|
}
|
|
189
200
|
.c-timeline.is-horizontal .c-timeline__item[data-v-ca194519] {
|
|
@@ -215,7 +226,7 @@
|
|
|
215
226
|
width: var(--tl-dot-size);
|
|
216
227
|
height: var(--tl-dot-size);
|
|
217
228
|
background: var(--tl-dot-default);
|
|
218
|
-
border: 2px solid var(--card-color);
|
|
229
|
+
border: 2px solid var(--c-bg-card, var(--card-color, #fff));
|
|
219
230
|
box-shadow: 0 0 0 2px var(--tl-dot-default);
|
|
220
231
|
}
|
|
221
232
|
.c-timeline.is-horizontal .c-timeline__dot.is-icon[data-v-ca194519] {
|
|
@@ -223,7 +234,7 @@
|
|
|
223
234
|
height: var(--tl-icon-size);
|
|
224
235
|
background: var(--tl-icon-bg);
|
|
225
236
|
border: 1.5px solid var(--tl-line-color);
|
|
226
|
-
box-shadow: 0 0 0 3px var(--card-color), 0 2px 8px rgba(0, 0, 0, 0.08);
|
|
237
|
+
box-shadow: 0 0 0 3px var(--c-bg-card, var(--card-color, #fff)), 0 2px 8px rgba(0, 0, 0, 0.08);
|
|
227
238
|
font-size: calc(var(--tl-icon-size) * 0.5);
|
|
228
239
|
}
|
|
229
240
|
.c-timeline.is-horizontal .c-timeline__line[data-v-ca194519] {
|
|
@@ -275,7 +286,7 @@
|
|
|
275
286
|
font-size: 11px;
|
|
276
287
|
color: var(--tl-text-time);
|
|
277
288
|
white-space: nowrap;
|
|
278
|
-
background: color-mix(in srgb, var(--border-color) 40%, transparent);
|
|
289
|
+
background: color-mix(in srgb, var(--c-border, var(--border-color, #e5e7eb)) 40%, transparent);
|
|
279
290
|
border-radius: 4px;
|
|
280
291
|
line-height: 1.6;
|
|
281
292
|
}
|
|
@@ -291,15 +302,15 @@
|
|
|
291
302
|
font-size: 11px;
|
|
292
303
|
font-weight: 500;
|
|
293
304
|
border-radius: var(--tl-tag-radius);
|
|
294
|
-
background: color-mix(in srgb, var(--primary-color) 10%, var(--card-color));
|
|
295
|
-
color: var(--primary-color);
|
|
296
|
-
border: 1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);
|
|
305
|
+
background: color-mix(in srgb, var(--c-primary, var(--primary-color, #2080f0)) 10%, var(--c-bg-card, var(--card-color, #fff)));
|
|
306
|
+
color: var(--c-primary, var(--primary-color, #2080f0));
|
|
307
|
+
border: 1px solid color-mix(in srgb, var(--c-primary, var(--primary-color, #2080f0)) 20%, transparent);
|
|
297
308
|
}
|
|
298
309
|
.c-timeline__content[data-v-ca194519] {
|
|
299
310
|
padding: var(--tl-content-padding);
|
|
300
311
|
background: var(--tl-content-bg);
|
|
301
312
|
border-radius: var(--tl-content-radius);
|
|
302
|
-
border: 1px solid var(--border-color);
|
|
313
|
+
border: 1px solid var(--c-border, var(--border-color, #e5e7eb));
|
|
303
314
|
font-size: 13px;
|
|
304
315
|
color: var(--tl-text-secondary);
|
|
305
316
|
line-height: 1.7;
|
|
@@ -321,7 +332,7 @@
|
|
|
321
332
|
align-items: center;
|
|
322
333
|
gap: 4px;
|
|
323
334
|
font-size: 12px;
|
|
324
|
-
color: var(--primary-color);
|
|
335
|
+
color: var(--c-primary, var(--primary-color, #2080f0));
|
|
325
336
|
cursor: pointer;
|
|
326
337
|
user-select: none;
|
|
327
338
|
transition: opacity 0.2s;
|
package/dist/C_Transfer.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,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
|
/* unplugin-vue-components disabled *//**
|
|
61
68
|
* C_Transfer — 穿梭框组件样式
|
|
@@ -66,11 +73,19 @@
|
|
|
66
73
|
* --tf-accent : 操作按钮主色
|
|
67
74
|
* --tf-height : 面板高度
|
|
68
75
|
*/
|
|
69
|
-
.c-transfer[data-v-
|
|
70
|
-
--tf-border: var(--border-color);
|
|
71
|
-
--tf-header-bg: color-mix(
|
|
72
|
-
|
|
73
|
-
|
|
76
|
+
.c-transfer[data-v-faa66718] {
|
|
77
|
+
--tf-border: var(--c-border, var(--border-color, #e5e7eb));
|
|
78
|
+
--tf-header-bg: color-mix(
|
|
79
|
+
in srgb,
|
|
80
|
+
var(--c-primary, var(--primary-color, #2080f0)) 6%,
|
|
81
|
+
var(--c-bg-card, var(--card-color, #fff))
|
|
82
|
+
);
|
|
83
|
+
--tf-item-hover: color-mix(
|
|
84
|
+
in srgb,
|
|
85
|
+
var(--c-primary, var(--primary-color, #2080f0)) 8%,
|
|
86
|
+
var(--c-bg-card, var(--card-color, #fff))
|
|
87
|
+
);
|
|
88
|
+
--tf-accent: var(--c-primary, var(--primary-color, #2080f0));
|
|
74
89
|
--tf-height: 380px;
|
|
75
90
|
display: flex;
|
|
76
91
|
align-items: stretch;
|
|
@@ -78,24 +93,24 @@
|
|
|
78
93
|
user-select: none;
|
|
79
94
|
/* ======================== Panel ======================== */
|
|
80
95
|
}
|
|
81
|
-
.c-transfer__panel[data-v-
|
|
96
|
+
.c-transfer__panel[data-v-faa66718] {
|
|
82
97
|
flex: 1;
|
|
83
98
|
display: flex;
|
|
84
99
|
flex-direction: column;
|
|
85
100
|
border: 1px solid var(--tf-border);
|
|
86
101
|
border-radius: 8px;
|
|
87
102
|
overflow: hidden;
|
|
88
|
-
background: var(--card-color);
|
|
103
|
+
background: var(--c-bg-card, var(--card-color, #fff));
|
|
89
104
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
|
|
90
105
|
transition: box-shadow 0.2s;
|
|
91
106
|
}
|
|
92
|
-
.c-transfer__panel[data-v-
|
|
107
|
+
.c-transfer__panel[data-v-faa66718]:hover {
|
|
93
108
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
|
|
94
109
|
}
|
|
95
|
-
.c-transfer[data-v-
|
|
110
|
+
.c-transfer[data-v-faa66718] {
|
|
96
111
|
/* ---- Header ---- */
|
|
97
112
|
}
|
|
98
|
-
.c-transfer__header[data-v-
|
|
113
|
+
.c-transfer__header[data-v-faa66718] {
|
|
99
114
|
display: flex;
|
|
100
115
|
align-items: center;
|
|
101
116
|
justify-content: space-between;
|
|
@@ -104,35 +119,35 @@
|
|
|
104
119
|
border-bottom: 1px solid var(--tf-border);
|
|
105
120
|
font-weight: 600;
|
|
106
121
|
font-size: 13px;
|
|
107
|
-
color: var(--text-color-1);
|
|
122
|
+
color: var(--c-text-1, var(--text-color-1, #262626));
|
|
108
123
|
}
|
|
109
|
-
.c-transfer__count[data-v-
|
|
124
|
+
.c-transfer__count[data-v-faa66718] {
|
|
110
125
|
font-weight: 400;
|
|
111
126
|
font-size: 12px;
|
|
112
|
-
color: var(--text-color-3);
|
|
127
|
+
color: var(--c-text-3, var(--text-color-3, #a3a3a3));
|
|
113
128
|
}
|
|
114
|
-
.c-transfer[data-v-
|
|
129
|
+
.c-transfer[data-v-faa66718] {
|
|
115
130
|
/* ---- Filter ---- */
|
|
116
131
|
}
|
|
117
|
-
.c-transfer__filter[data-v-
|
|
132
|
+
.c-transfer__filter[data-v-faa66718] {
|
|
118
133
|
padding: 8px 10px;
|
|
119
134
|
border-bottom: 1px solid var(--tf-border);
|
|
120
135
|
}
|
|
121
|
-
.c-transfer__filter .n-input[data-v-
|
|
136
|
+
.c-transfer__filter .n-input[data-v-faa66718] {
|
|
122
137
|
--n-border: 1px solid var(--tf-border);
|
|
123
138
|
--n-border-focus: 1px solid var(--tf-accent);
|
|
124
139
|
}
|
|
125
|
-
.c-transfer[data-v-
|
|
140
|
+
.c-transfer[data-v-faa66718] {
|
|
126
141
|
/* ---- List ---- */
|
|
127
142
|
}
|
|
128
|
-
.c-transfer__list[data-v-
|
|
143
|
+
.c-transfer__list[data-v-faa66718] {
|
|
129
144
|
flex: 1;
|
|
130
145
|
overflow-y: auto;
|
|
131
146
|
padding: 4px 0;
|
|
132
147
|
min-height: 0;
|
|
133
148
|
max-height: var(--tf-height);
|
|
134
149
|
}
|
|
135
|
-
.c-transfer__item[data-v-
|
|
150
|
+
.c-transfer__item[data-v-faa66718] {
|
|
136
151
|
display: flex;
|
|
137
152
|
align-items: center;
|
|
138
153
|
gap: 8px;
|
|
@@ -140,60 +155,60 @@
|
|
|
140
155
|
cursor: pointer;
|
|
141
156
|
transition: background 0.15s;
|
|
142
157
|
font-size: 13px;
|
|
143
|
-
color: var(--text-color-1);
|
|
158
|
+
color: var(--c-text-1, var(--text-color-1, #262626));
|
|
144
159
|
}
|
|
145
|
-
.c-transfer__item[data-v-
|
|
160
|
+
.c-transfer__item[data-v-faa66718]:hover {
|
|
146
161
|
background: var(--tf-item-hover);
|
|
147
162
|
}
|
|
148
|
-
.c-transfer__item.is-disabled[data-v-
|
|
163
|
+
.c-transfer__item.is-disabled[data-v-faa66718] {
|
|
149
164
|
opacity: 0.45;
|
|
150
165
|
cursor: not-allowed;
|
|
151
166
|
}
|
|
152
|
-
.c-transfer__item.is-disabled[data-v-
|
|
167
|
+
.c-transfer__item.is-disabled[data-v-faa66718]:hover {
|
|
153
168
|
background: transparent;
|
|
154
169
|
}
|
|
155
|
-
.c-transfer__item.is-checked[data-v-
|
|
170
|
+
.c-transfer__item.is-checked[data-v-faa66718] {
|
|
156
171
|
color: var(--tf-accent);
|
|
157
172
|
font-weight: 500;
|
|
158
173
|
}
|
|
159
|
-
.c-transfer__item-icon[data-v-
|
|
174
|
+
.c-transfer__item-icon[data-v-faa66718] {
|
|
160
175
|
font-size: 16px;
|
|
161
176
|
flex-shrink: 0;
|
|
162
|
-
color: var(--text-color-3);
|
|
177
|
+
color: var(--c-text-3, var(--text-color-3, #a3a3a3));
|
|
163
178
|
}
|
|
164
|
-
.c-transfer__item-label[data-v-
|
|
179
|
+
.c-transfer__item-label[data-v-faa66718] {
|
|
165
180
|
flex: 1;
|
|
166
181
|
overflow: hidden;
|
|
167
182
|
text-overflow: ellipsis;
|
|
168
183
|
white-space: nowrap;
|
|
169
184
|
}
|
|
170
|
-
.c-transfer__item-desc[data-v-
|
|
185
|
+
.c-transfer__item-desc[data-v-faa66718] {
|
|
171
186
|
font-size: 11px;
|
|
172
|
-
color: var(--text-color-3);
|
|
187
|
+
color: var(--c-text-3, var(--text-color-3, #a3a3a3));
|
|
173
188
|
margin-top: 2px;
|
|
174
189
|
}
|
|
175
|
-
.c-transfer[data-v-
|
|
190
|
+
.c-transfer[data-v-faa66718] {
|
|
176
191
|
/* ---- Empty ---- */
|
|
177
192
|
}
|
|
178
|
-
.c-transfer__empty[data-v-
|
|
193
|
+
.c-transfer__empty[data-v-faa66718] {
|
|
179
194
|
display: flex;
|
|
180
195
|
align-items: center;
|
|
181
196
|
justify-content: center;
|
|
182
197
|
flex: 1;
|
|
183
|
-
color: var(--text-color-3);
|
|
198
|
+
color: var(--c-text-3, var(--text-color-3, #a3a3a3));
|
|
184
199
|
font-size: 13px;
|
|
185
200
|
padding: 32px 0;
|
|
186
201
|
}
|
|
187
|
-
.c-transfer[data-v-
|
|
202
|
+
.c-transfer[data-v-faa66718] {
|
|
188
203
|
/* ======================== Actions ======================== */
|
|
189
204
|
}
|
|
190
|
-
.c-transfer__actions[data-v-
|
|
205
|
+
.c-transfer__actions[data-v-faa66718] {
|
|
191
206
|
display: flex;
|
|
192
207
|
flex-direction: column;
|
|
193
208
|
justify-content: center;
|
|
194
209
|
gap: 10px;
|
|
195
210
|
}
|
|
196
|
-
.c-transfer__btn[data-v-
|
|
211
|
+
.c-transfer__btn[data-v-faa66718] {
|
|
197
212
|
display: inline-flex;
|
|
198
213
|
align-items: center;
|
|
199
214
|
justify-content: center;
|
|
@@ -201,64 +216,68 @@
|
|
|
201
216
|
height: 36px;
|
|
202
217
|
border-radius: 8px;
|
|
203
218
|
border: 1px solid var(--tf-border);
|
|
204
|
-
background: var(--card-color);
|
|
219
|
+
background: var(--c-bg-card, var(--card-color, #fff));
|
|
205
220
|
color: var(--tf-accent);
|
|
206
221
|
font-size: 18px;
|
|
207
222
|
cursor: pointer;
|
|
208
223
|
transition: background 0.2s, color 0.2s, box-shadow 0.2s;
|
|
209
224
|
}
|
|
210
|
-
.c-transfer__btn[data-v-
|
|
225
|
+
.c-transfer__btn[data-v-faa66718]:hover:not(.is-disabled) {
|
|
211
226
|
background: var(--tf-accent);
|
|
212
227
|
color: #fff;
|
|
213
228
|
box-shadow: 0 2px 8px color-mix(in srgb, var(--tf-accent) 30%, transparent);
|
|
214
229
|
}
|
|
215
|
-
.c-transfer__btn.is-disabled[data-v-
|
|
230
|
+
.c-transfer__btn.is-disabled[data-v-faa66718] {
|
|
216
231
|
opacity: 0.35;
|
|
217
232
|
cursor: not-allowed;
|
|
218
233
|
}
|
|
219
|
-
.c-transfer[data-v-
|
|
234
|
+
.c-transfer[data-v-faa66718] {
|
|
220
235
|
/* ======================== Sizes ======================== */
|
|
221
236
|
}
|
|
222
|
-
.c-transfer.is-small[data-v-
|
|
237
|
+
.c-transfer.is-small[data-v-faa66718] {
|
|
223
238
|
--tf-height: 280px;
|
|
224
239
|
}
|
|
225
|
-
.c-transfer.is-small .c-transfer__header[data-v-
|
|
240
|
+
.c-transfer.is-small .c-transfer__header[data-v-faa66718] {
|
|
226
241
|
padding: 8px 12px;
|
|
227
242
|
font-size: 12px;
|
|
228
243
|
}
|
|
229
|
-
.c-transfer.is-small .c-transfer__item[data-v-
|
|
244
|
+
.c-transfer.is-small .c-transfer__item[data-v-faa66718] {
|
|
230
245
|
padding: 5px 12px;
|
|
231
246
|
font-size: 12px;
|
|
232
247
|
}
|
|
233
|
-
.c-transfer.is-small .c-transfer__btn[data-v-
|
|
248
|
+
.c-transfer.is-small .c-transfer__btn[data-v-faa66718] {
|
|
234
249
|
width: 30px;
|
|
235
250
|
height: 30px;
|
|
236
251
|
font-size: 15px;
|
|
237
252
|
}
|
|
238
|
-
.c-transfer.is-large[data-v-
|
|
253
|
+
.c-transfer.is-large[data-v-faa66718] {
|
|
239
254
|
--tf-height: 480px;
|
|
240
255
|
}
|
|
241
|
-
.c-transfer.is-large .c-transfer__header[data-v-
|
|
256
|
+
.c-transfer.is-large .c-transfer__header[data-v-faa66718] {
|
|
242
257
|
padding: 12px 16px;
|
|
243
258
|
font-size: 14px;
|
|
244
259
|
}
|
|
245
|
-
.c-transfer.is-large .c-transfer__item[data-v-
|
|
260
|
+
.c-transfer.is-large .c-transfer__item[data-v-faa66718] {
|
|
246
261
|
padding: 9px 16px;
|
|
247
262
|
font-size: 14px;
|
|
248
263
|
}
|
|
249
|
-
.c-transfer.is-large .c-transfer__btn[data-v-
|
|
264
|
+
.c-transfer.is-large .c-transfer__btn[data-v-faa66718] {
|
|
250
265
|
width: 42px;
|
|
251
266
|
height: 42px;
|
|
252
267
|
font-size: 20px;
|
|
253
268
|
}
|
|
254
|
-
.c-transfer[data-v-
|
|
269
|
+
.c-transfer[data-v-faa66718] {
|
|
255
270
|
/* ======================== Group divider ======================== */
|
|
256
271
|
}
|
|
257
|
-
.c-transfer__group[data-v-
|
|
272
|
+
.c-transfer__group[data-v-faa66718] {
|
|
258
273
|
padding: 6px 14px 4px;
|
|
259
274
|
font-size: 11px;
|
|
260
275
|
font-weight: 600;
|
|
261
|
-
color: var(--text-color-3);
|
|
276
|
+
color: var(--c-text-3, var(--text-color-3, #a3a3a3));
|
|
262
277
|
text-transform: uppercase;
|
|
263
278
|
letter-spacing: 0.04em;
|
|
264
279
|
}
|
|
280
|
+
/* unplugin-vue-components disabled */
|
|
281
|
+
/* layer: default */
|
|
282
|
+
.visible[data-v-faa66718]{visibility:visible;}
|
|
283
|
+
|
package/dist/C_Transfer2.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`);function i(e,t){return e.filter(e=>!e.disabled&&t.has(e.key)).map(e=>e.key)}function a(e,t){let n=e.filter(e=>!e.disabled);return n.length>0&&n.every(e=>t.has(e.key))}const o={titles:[`可选列表`,`已选列表`],filterable:!1,filterPlaceholder:`搜索...`,showSelectAll:!0,sourceEmptyText:`暂无数据`,targetEmptyText:`未选择任何项`,size:`medium`},s={class:`c-transfer__panel`},c={class:`c-transfer__header`},l={key:1,class:`c-transfer__title`},u={class:`c-transfer__count`},d={key:0,class:`c-transfer__filter`},f={key:1,class:`c-transfer__list`},p=[`onClick`],m={class:`c-transfer__item-label`},h={key:2,class:`c-transfer__empty`},g={class:`c-transfer__actions`},_=[`disabled`],v=[`disabled`],y={class:`c-transfer__panel`},b={class:`c-transfer__header`},x={key:1,class:`c-transfer__title`},S={class:`c-transfer__count`},C={key:0,class:`c-transfer__filter`},w={key:1,class:`c-transfer__list`},T=[`onClick`],E={class:`c-transfer__item-label`},D={key:2,class:`c-transfer__empty`},O=(0,n.defineComponent)({__name:`index`,props:{data:{},modelValue:{},titles:{default:()=>o.titles},filterable:{type:Boolean,default:o.filterable},filterPlaceholder:{default:o.filterPlaceholder},filterMethod:{},showSelectAll:{type:Boolean,default:o.showSelectAll},sourceEmptyText:{default:o.sourceEmptyText},targetEmptyText:{default:o.targetEmptyText},size:{default:o.size}},emits:[`update:modelValue`,`change`],setup(t,{emit:O}){let k=t,A=O,j=(0,n.computed)(()=>({...o,...k})),M=(0,n.computed)(()=>{let e=new Map;for(let t of k.data)e.set(t.key,t);return e}),N=(0,n.computed)(()=>new Set(k.modelValue)),P=(0,n.computed)(()=>[...M.value.values()].filter(e=>!N.value.has(e.key))),F=(0,n.computed)(()=>{let e=[];for(let t of new Set(k.modelValue)){let n=M.value.get(t);n&&e.push(n)}return e}),I=(0,n.ref)(``),L=(0,n.ref)(``);function R(e,t){return t.label.toLowerCase().includes(e.toLowerCase())}let z=(0,n.computed)(()=>k.filterMethod??R),B=(0,n.computed)(()=>{let e=I.value.trim();return e?P.value.filter(t=>z.value(e,t)):P.value}),V=(0,n.computed)(()=>{let e=L.value.trim();return e?F.value.filter(t=>z.value(e,t)):F.value}),H=(0,n.reactive)(new Set),U=(0,n.reactive)(new Set),W=(0,n.computed)(()=>i(P.value,H)),G=(0,n.computed)(()=>i(F.value,U));(0,n.watch)([P,F],()=>{let e=new Set(P.value.filter(e=>!e.disabled).map(e=>e.key)),t=new Set(F.value.filter(e=>!e.disabled).map(e=>e.key));for(let t of H)e.has(t)||H.delete(t);for(let e of U)t.has(e)||U.delete(e)});function K(e){H.has(e)?H.delete(e):H.add(e)}function q(e){U.has(e)?U.delete(e):U.add(e)}let J=(0,n.computed)(()=>a(B.value,H)),Y=(0,n.computed)(()=>!J.value&&B.value.some(e=>H.has(e.key))),X=(0,n.computed)(()=>a(V.value,U)),Z=(0,n.computed)(()=>!X.value&&V.value.some(e=>U.has(e.key)));function Q(e){for(let t of B.value)t.disabled||(e?H.add(t.key):H.delete(t.key))}function $(e){for(let t of V.value)t.disabled||(e?U.add(t.key):U.delete(t.key))}function ee(){let e=W.value;if(e.length===0)return;let t=[...new Set([...k.modelValue,...e])];A(`update:modelValue`,t),A(`change`,t,`right`,e),H.clear()}function te(){let e=G.value;if(e.length===0)return;let t=new Set(e),n=k.modelValue.filter(e=>!t.has(e));A(`update:modelValue`,n),A(`change`,n,`left`,e),U.clear()}return(t,i)=>{let a=r.NCheckbox,o=r.NInput;return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`c-transfer`,[`is-${j.value.size}`]])},[(0,n.createCommentVNode)(` ================ Source Panel ================ `),(0,n.createElementVNode)(`div`,s,[(0,n.createElementVNode)(`div`,c,[j.value.showSelectAll?((0,n.openBlock)(),(0,n.createBlock)(a,{key:0,checked:J.value,indeterminate:Y.value,"onUpdate:checked":Q},{default:(0,n.withCtx)(()=>[(0,n.createTextVNode)((0,n.toDisplayString)(j.value.titles?.[0]),1)]),_:1},8,[`checked`,`indeterminate`])):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,l,(0,n.toDisplayString)(j.value.titles?.[0]),1)),(0,n.createElementVNode)(`span`,u,(0,n.toDisplayString)(H.size)+` / `+(0,n.toDisplayString)(P.value.length),1)]),j.value.filterable?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,d,[(0,n.createVNode)(o,{value:I.value,"onUpdate:value":i[0]||=e=>I.value=e,clearable:``,size:`small`,placeholder:j.value.filterPlaceholder,"aria-label":`搜索可选列表`},{prefix:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:magnify`})]),_:1},8,[`value`,`placeholder`])])):(0,n.createCommentVNode)(`v-if`,!0),B.value.length?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,f,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(B.value,t=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:t.key,class:(0,n.normalizeClass)([`c-transfer__item`,{"is-disabled":t.disabled,"is-checked":H.has(t.key)}]),onClick:e=>!t.disabled&&K(t.key)},[(0,n.createVNode)(a,{checked:H.has(t.key),disabled:t.disabled,"aria-label":t.label,size:`small`,"onUpdate:checked":e=>K(t.key),onClick:i[1]||=(0,n.withModifiers)(()=>{},[`stop`])},null,8,[`checked`,`disabled`,`aria-label`,`onUpdate:checked`]),t.icon?((0,n.openBlock)(),(0,n.createBlock)(e.t,{key:0,name:t.icon,class:`c-transfer__item-icon`},null,8,[`name`])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`span`,m,(0,n.toDisplayString)(t.label),1)],10,p))),128))])):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,h,(0,n.toDisplayString)(j.value.sourceEmptyText),1))]),(0,n.createCommentVNode)(` ================ Actions ================ `),(0,n.createElementVNode)(`div`,g,[(0,n.createElementVNode)(`button`,{type:`button`,class:(0,n.normalizeClass)([`c-transfer__btn`,{"is-disabled":W.value.length===0}]),"aria-label":`移至已选列表`,disabled:W.value.length===0,onClick:ee},[(0,n.createVNode)(e.t,{name:`mdi:chevron-right`})],10,_),(0,n.createElementVNode)(`button`,{type:`button`,class:(0,n.normalizeClass)([`c-transfer__btn`,{"is-disabled":G.value.length===0}]),"aria-label":`移回可选列表`,disabled:G.value.length===0,onClick:te},[(0,n.createVNode)(e.t,{name:`mdi:chevron-left`})],10,v)]),(0,n.createCommentVNode)(` ================ Target Panel ================ `),(0,n.createElementVNode)(`div`,y,[(0,n.createElementVNode)(`div`,b,[j.value.showSelectAll?((0,n.openBlock)(),(0,n.createBlock)(a,{key:0,checked:X.value,indeterminate:Z.value,"onUpdate:checked":$},{default:(0,n.withCtx)(()=>[(0,n.createTextVNode)((0,n.toDisplayString)(j.value.titles?.[1]),1)]),_:1},8,[`checked`,`indeterminate`])):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,x,(0,n.toDisplayString)(j.value.titles?.[1]),1)),(0,n.createElementVNode)(`span`,S,(0,n.toDisplayString)(U.size)+` / `+(0,n.toDisplayString)(F.value.length),1)]),j.value.filterable?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,C,[(0,n.createVNode)(o,{value:L.value,"onUpdate:value":i[2]||=e=>L.value=e,clearable:``,size:`small`,placeholder:j.value.filterPlaceholder,"aria-label":`搜索已选列表`},{prefix:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:magnify`})]),_:1},8,[`value`,`placeholder`])])):(0,n.createCommentVNode)(`v-if`,!0),V.value.length?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,w,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(V.value,t=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:t.key,class:(0,n.normalizeClass)([`c-transfer__item`,{"is-disabled":t.disabled,"is-checked":U.has(t.key)}]),onClick:e=>!t.disabled&&q(t.key)},[(0,n.createVNode)(a,{checked:U.has(t.key),disabled:t.disabled,"aria-label":t.label,size:`small`,"onUpdate:checked":e=>q(t.key),onClick:i[3]||=(0,n.withModifiers)(()=>{},[`stop`])},null,8,[`checked`,`disabled`,`aria-label`,`onUpdate:checked`]),t.icon?((0,n.openBlock)(),(0,n.createBlock)(e.t,{key:0,name:t.icon,class:`c-transfer__item-icon`},null,8,[`name`])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`span`,E,(0,n.toDisplayString)(t.label),1)],10,T))),128))])):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,D,(0,n.toDisplayString)(j.value.targetEmptyText),1))])],2)}}});var k=t.t(O,[[`__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`);function i(e,t){return e.filter(e=>!e.disabled&&t.has(e.key)).map(e=>e.key)}function a(e,t){let n=e.filter(e=>!e.disabled);return n.length>0&&n.every(e=>t.has(e.key))}const o={titles:[`可选列表`,`已选列表`],filterable:!1,filterPlaceholder:`搜索...`,showSelectAll:!0,sourceEmptyText:`暂无数据`,targetEmptyText:`未选择任何项`,size:`medium`},s={class:`c-transfer__panel`},c={class:`c-transfer__header`},l={key:1,class:`c-transfer__title`},u={class:`c-transfer__count`},d={key:0,class:`c-transfer__filter`},f={key:1,class:`c-transfer__list`},p=[`onClick`],m={class:`c-transfer__item-label`},h={key:2,class:`c-transfer__empty`},g={class:`c-transfer__actions`},_=[`disabled`],v=[`disabled`],y={class:`c-transfer__panel`},b={class:`c-transfer__header`},x={key:1,class:`c-transfer__title`},S={class:`c-transfer__count`},C={key:0,class:`c-transfer__filter`},w={key:1,class:`c-transfer__list`},T=[`onClick`],E={class:`c-transfer__item-label`},D={key:2,class:`c-transfer__empty`},O=(0,n.defineComponent)({__name:`index`,props:{data:{},modelValue:{},titles:{default:()=>o.titles},filterable:{type:Boolean,default:o.filterable},filterPlaceholder:{default:o.filterPlaceholder},filterMethod:{},showSelectAll:{type:Boolean,default:o.showSelectAll},sourceEmptyText:{default:o.sourceEmptyText},targetEmptyText:{default:o.targetEmptyText},size:{default:o.size}},emits:[`update:modelValue`,`change`],setup(t,{emit:O}){let k=t,A=O,j=(0,n.computed)(()=>({...o,...k})),M=(0,n.computed)(()=>{let e=new Map;for(let t of k.data)e.set(t.key,t);return e}),N=(0,n.computed)(()=>new Set(k.modelValue)),P=(0,n.computed)(()=>[...M.value.values()].filter(e=>!N.value.has(e.key))),F=(0,n.computed)(()=>{let e=[];for(let t of new Set(k.modelValue)){let n=M.value.get(t);n&&e.push(n)}return e}),I=(0,n.ref)(``),L=(0,n.ref)(``);function R(e,t){return t.label.toLowerCase().includes(e.toLowerCase())}let z=(0,n.computed)(()=>k.filterMethod??R),B=(0,n.computed)(()=>{let e=I.value.trim();return e?P.value.filter(t=>z.value(e,t)):P.value}),V=(0,n.computed)(()=>{let e=L.value.trim();return e?F.value.filter(t=>z.value(e,t)):F.value}),H=(0,n.reactive)(new Set),U=(0,n.reactive)(new Set),W=(0,n.computed)(()=>i(P.value,H)),G=(0,n.computed)(()=>i(F.value,U));(0,n.watch)([P,F],()=>{let e=new Set(P.value.filter(e=>!e.disabled).map(e=>e.key)),t=new Set(F.value.filter(e=>!e.disabled).map(e=>e.key));for(let t of H)e.has(t)||H.delete(t);for(let e of U)t.has(e)||U.delete(e)});function K(e){H.has(e)?H.delete(e):H.add(e)}function q(e){U.has(e)?U.delete(e):U.add(e)}let J=(0,n.computed)(()=>a(B.value,H)),Y=(0,n.computed)(()=>!J.value&&B.value.some(e=>H.has(e.key))),X=(0,n.computed)(()=>a(V.value,U)),Z=(0,n.computed)(()=>!X.value&&V.value.some(e=>U.has(e.key)));function Q(e){for(let t of B.value)t.disabled||(e?H.add(t.key):H.delete(t.key))}function $(e){for(let t of V.value)t.disabled||(e?U.add(t.key):U.delete(t.key))}function ee(){let e=W.value;if(e.length===0)return;let t=[...new Set([...k.modelValue,...e])];A(`update:modelValue`,t),A(`change`,t,`right`,e),H.clear()}function te(){let e=G.value;if(e.length===0)return;let t=new Set(e),n=k.modelValue.filter(e=>!t.has(e));A(`update:modelValue`,n),A(`change`,n,`left`,e),U.clear()}return(t,i)=>{let a=r.NCheckbox,o=r.NInput;return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`c-transfer`,[`is-${j.value.size}`]])},[(0,n.createCommentVNode)(` ================ Source Panel ================ `),(0,n.createElementVNode)(`div`,s,[(0,n.createElementVNode)(`div`,c,[j.value.showSelectAll?((0,n.openBlock)(),(0,n.createBlock)(a,{key:0,checked:J.value,indeterminate:Y.value,"onUpdate:checked":Q},{default:(0,n.withCtx)(()=>[(0,n.createTextVNode)((0,n.toDisplayString)(j.value.titles?.[0]),1)]),_:1},8,[`checked`,`indeterminate`])):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,l,(0,n.toDisplayString)(j.value.titles?.[0]),1)),(0,n.createElementVNode)(`span`,u,(0,n.toDisplayString)(H.size)+` / `+(0,n.toDisplayString)(P.value.length),1)]),j.value.filterable?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,d,[(0,n.createVNode)(o,{value:I.value,"onUpdate:value":i[0]||=e=>I.value=e,clearable:``,size:`small`,placeholder:j.value.filterPlaceholder,"aria-label":`搜索可选列表`},{prefix:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:magnify`})]),_:1},8,[`value`,`placeholder`])])):(0,n.createCommentVNode)(`v-if`,!0),B.value.length?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,f,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(B.value,t=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:t.key,class:(0,n.normalizeClass)([`c-transfer__item`,{"is-disabled":t.disabled,"is-checked":H.has(t.key)}]),onClick:e=>!t.disabled&&K(t.key)},[(0,n.createVNode)(a,{checked:H.has(t.key),disabled:t.disabled,"aria-label":t.label,size:`small`,"onUpdate:checked":e=>K(t.key),onClick:i[1]||=(0,n.withModifiers)(()=>{},[`stop`])},null,8,[`checked`,`disabled`,`aria-label`,`onUpdate:checked`]),t.icon?((0,n.openBlock)(),(0,n.createBlock)(e.t,{key:0,name:t.icon,class:`c-transfer__item-icon`},null,8,[`name`])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`span`,m,(0,n.toDisplayString)(t.label),1)],10,p))),128))])):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,h,(0,n.toDisplayString)(j.value.sourceEmptyText),1))]),(0,n.createCommentVNode)(` ================ Actions ================ `),(0,n.createElementVNode)(`div`,g,[(0,n.createElementVNode)(`button`,{type:`button`,class:(0,n.normalizeClass)([`c-transfer__btn`,{"is-disabled":W.value.length===0}]),"aria-label":`移至已选列表`,disabled:W.value.length===0,onClick:ee},[(0,n.createVNode)(e.t,{name:`mdi:chevron-right`})],10,_),(0,n.createElementVNode)(`button`,{type:`button`,class:(0,n.normalizeClass)([`c-transfer__btn`,{"is-disabled":G.value.length===0}]),"aria-label":`移回可选列表`,disabled:G.value.length===0,onClick:te},[(0,n.createVNode)(e.t,{name:`mdi:chevron-left`})],10,v)]),(0,n.createCommentVNode)(` ================ Target Panel ================ `),(0,n.createElementVNode)(`div`,y,[(0,n.createElementVNode)(`div`,b,[j.value.showSelectAll?((0,n.openBlock)(),(0,n.createBlock)(a,{key:0,checked:X.value,indeterminate:Z.value,"onUpdate:checked":$},{default:(0,n.withCtx)(()=>[(0,n.createTextVNode)((0,n.toDisplayString)(j.value.titles?.[1]),1)]),_:1},8,[`checked`,`indeterminate`])):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,x,(0,n.toDisplayString)(j.value.titles?.[1]),1)),(0,n.createElementVNode)(`span`,S,(0,n.toDisplayString)(U.size)+` / `+(0,n.toDisplayString)(F.value.length),1)]),j.value.filterable?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,C,[(0,n.createVNode)(o,{value:L.value,"onUpdate:value":i[2]||=e=>L.value=e,clearable:``,size:`small`,placeholder:j.value.filterPlaceholder,"aria-label":`搜索已选列表`},{prefix:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:magnify`})]),_:1},8,[`value`,`placeholder`])])):(0,n.createCommentVNode)(`v-if`,!0),V.value.length?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,w,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(V.value,t=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:t.key,class:(0,n.normalizeClass)([`c-transfer__item`,{"is-disabled":t.disabled,"is-checked":U.has(t.key)}]),onClick:e=>!t.disabled&&q(t.key)},[(0,n.createVNode)(a,{checked:U.has(t.key),disabled:t.disabled,"aria-label":t.label,size:`small`,"onUpdate:checked":e=>q(t.key),onClick:i[3]||=(0,n.withModifiers)(()=>{},[`stop`])},null,8,[`checked`,`disabled`,`aria-label`,`onUpdate:checked`]),t.icon?((0,n.openBlock)(),(0,n.createBlock)(e.t,{key:0,name:t.icon,class:`c-transfer__item-icon`},null,8,[`name`])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`span`,E,(0,n.toDisplayString)(t.label),1)],10,T))),128))])):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,D,(0,n.toDisplayString)(j.value.targetEmptyText),1))])],2)}}});var k=t.t(O,[[`__scopeId`,`data-v-faa66718`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return k}});
|
package/dist/C_Transfer2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,normalizeClass as d,openBlock as f,reactive as p,ref as m,renderList as h,resolveComponent as g,toDisplayString as _,watch as v,withCtx as y,withModifiers as b}from"vue";import{NCheckbox as x,NInput as ee}from"naive-ui";function S(e,t){return e.filter(e=>!e.disabled&&t.has(e.key)).map(e=>e.key)}function C(e,t){let n=e.filter(e=>!e.disabled);return n.length>0&&n.every(e=>t.has(e.key))}const w={titles:[`可选列表`,`已选列表`],filterable:!1,filterPlaceholder:`搜索...`,showSelectAll:!0,sourceEmptyText:`暂无数据`,targetEmptyText:`未选择任何项`,size:`medium`},te={class:`c-transfer__panel`},ne={class:`c-transfer__header`},re={key:1,class:`c-transfer__title`},ie={class:`c-transfer__count`},T={key:0,class:`c-transfer__filter`},E={key:1,class:`c-transfer__list`},D=[`onClick`],O={class:`c-transfer__item-label`},k={key:2,class:`c-transfer__empty`},A={class:`c-transfer__actions`},ae=[`disabled`],oe=[`disabled`],se={class:`c-transfer__panel`},ce={class:`c-transfer__header`},le={key:1,class:`c-transfer__title`},ue={class:`c-transfer__count`},de={key:0,class:`c-transfer__filter`},j={key:1,class:`c-transfer__list`},M=[`onClick`],N={class:`c-transfer__item-label`},P={key:2,class:`c-transfer__empty`};var F=t(u({__name:`index`,props:{data:{},modelValue:{},titles:{default:()=>w.titles},filterable:{type:Boolean,default:w.filterable},filterPlaceholder:{default:w.filterPlaceholder},filterMethod:{},showSelectAll:{type:Boolean,default:w.showSelectAll},sourceEmptyText:{default:w.sourceEmptyText},targetEmptyText:{default:w.targetEmptyText},size:{default:w.size}},emits:[`update:modelValue`,`change`],setup(t,{emit:u}){let g=t,F=u,I=r(()=>({...w,...g})),L=r(()=>{let e=new Map;for(let t of g.data)e.set(t.key,t);return e}),R=r(()=>new Set(g.modelValue)),z=r(()=>[...L.value.values()].filter(e=>!R.value.has(e.key))),B=r(()=>{let e=[];for(let t of new Set(g.modelValue)){let n=L.value.get(t);n&&e.push(n)}return e}),V=m(``),H=m(``);function fe(e,t){return t.label.toLowerCase().includes(e.toLowerCase())}let U=r(()=>g.filterMethod??fe),W=r(()=>{let e=V.value.trim();return e?z.value.filter(t=>U.value(e,t)):z.value}),G=r(()=>{let e=H.value.trim();return e?B.value.filter(t=>U.value(e,t)):B.value}),K=p(new Set),q=p(new Set),J=r(()=>S(z.value,K)),Y=r(()=>S(B.value,q));v([z,B],()=>{let e=new Set(z.value.filter(e=>!e.disabled).map(e=>e.key)),t=new Set(B.value.filter(e=>!e.disabled).map(e=>e.key));for(let t of K)e.has(t)||K.delete(t);for(let e of q)t.has(e)||q.delete(e)});function X(e){K.has(e)?K.delete(e):K.add(e)}function Z(e){q.has(e)?q.delete(e):q.add(e)}let Q=r(()=>C(W.value,K)),pe=r(()=>!Q.value&&W.value.some(e=>K.has(e.key))),$=r(()=>C(G.value,q)),me=r(()=>!$.value&&G.value.some(e=>q.has(e.key)));function he(e){for(let t of W.value)t.disabled||(e?K.add(t.key):K.delete(t.key))}function ge(e){for(let t of G.value)t.disabled||(e?q.add(t.key):q.delete(t.key))}function _e(){let e=J.value;if(e.length===0)return;let t=[...new Set([...g.modelValue,...e])];F(`update:modelValue`,t),F(`change`,t,`right`,e),K.clear()}function ve(){let e=Y.value;if(e.length===0)return;let t=new Set(e),n=g.modelValue.filter(e=>!t.has(e));F(`update:modelValue`,n),F(`change`,n,`left`,e),q.clear()}return(t,r)=>{let u=x,p=ee;return f(),o(`div`,{class:d([`c-transfer`,[`is-${I.value.size}`]])},[a(` ================ Source Panel ================ `),s(`div`,te,[s(`div`,ne,[I.value.showSelectAll?(f(),i(u,{key:0,checked:Q.value,indeterminate:pe.value,"onUpdate:checked":he},{default:y(()=>[c(_(I.value.titles?.[0]),1)]),_:1},8,[`checked`,`indeterminate`])):(f(),o(`span`,re,_(I.value.titles?.[0]),1)),s(`span`,ie,_(K.size)+` / `+_(z.value.length),1)]),I.value.filterable?(f(),o(`div`,T,[l(p,{value:V.value,"onUpdate:value":r[0]||=e=>V.value=e,clearable:``,size:`small`,placeholder:I.value.filterPlaceholder,"aria-label":`搜索可选列表`},{prefix:y(()=>[l(e,{name:`mdi:magnify`})]),_:1},8,[`value`,`placeholder`])])):a(`v-if`,!0),W.value.length?(f(),o(`div`,E,[(f(!0),o(n,null,h(W.value,t=>(f(),o(`div`,{key:t.key,class:d([`c-transfer__item`,{"is-disabled":t.disabled,"is-checked":K.has(t.key)}]),onClick:e=>!t.disabled&&X(t.key)},[l(u,{checked:K.has(t.key),disabled:t.disabled,"aria-label":t.label,size:`small`,"onUpdate:checked":e=>X(t.key),onClick:r[1]||=b(()=>{},[`stop`])},null,8,[`checked`,`disabled`,`aria-label`,`onUpdate:checked`]),t.icon?(f(),i(e,{key:0,name:t.icon,class:`c-transfer__item-icon`},null,8,[`name`])):a(`v-if`,!0),s(`span`,O,_(t.label),1)],10,D))),128))])):(f(),o(`div`,k,_(I.value.sourceEmptyText),1))]),a(` ================ Actions ================ `),s(`div`,A,[s(`button`,{type:`button`,class:d([`c-transfer__btn`,{"is-disabled":J.value.length===0}]),"aria-label":`移至已选列表`,disabled:J.value.length===0,onClick:_e},[l(e,{name:`mdi:chevron-right`})],10,ae),s(`button`,{type:`button`,class:d([`c-transfer__btn`,{"is-disabled":Y.value.length===0}]),"aria-label":`移回可选列表`,disabled:Y.value.length===0,onClick:ve},[l(e,{name:`mdi:chevron-left`})],10,oe)]),a(` ================ Target Panel ================ `),s(`div`,se,[s(`div`,ce,[I.value.showSelectAll?(f(),i(u,{key:0,checked:$.value,indeterminate:me.value,"onUpdate:checked":ge},{default:y(()=>[c(_(I.value.titles?.[1]),1)]),_:1},8,[`checked`,`indeterminate`])):(f(),o(`span`,le,_(I.value.titles?.[1]),1)),s(`span`,ue,_(q.size)+` / `+_(B.value.length),1)]),I.value.filterable?(f(),o(`div`,de,[l(p,{value:H.value,"onUpdate:value":r[2]||=e=>H.value=e,clearable:``,size:`small`,placeholder:I.value.filterPlaceholder,"aria-label":`搜索已选列表`},{prefix:y(()=>[l(e,{name:`mdi:magnify`})]),_:1},8,[`value`,`placeholder`])])):a(`v-if`,!0),G.value.length?(f(),o(`div`,j,[(f(!0),o(n,null,h(G.value,t=>(f(),o(`div`,{key:t.key,class:d([`c-transfer__item`,{"is-disabled":t.disabled,"is-checked":q.has(t.key)}]),onClick:e=>!t.disabled&&Z(t.key)},[l(u,{checked:q.has(t.key),disabled:t.disabled,"aria-label":t.label,size:`small`,"onUpdate:checked":e=>Z(t.key),onClick:r[3]||=b(()=>{},[`stop`])},null,8,[`checked`,`disabled`,`aria-label`,`onUpdate:checked`]),t.icon?(f(),i(e,{key:0,name:t.icon,class:`c-transfer__item-icon`},null,8,[`name`])):a(`v-if`,!0),s(`span`,N,_(t.label),1)],10,M))),128))])):(f(),o(`div`,P,_(I.value.targetEmptyText),1))])],2)}}}),[[`__scopeId`,`data-v-
|
|
1
|
+
import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,normalizeClass as d,openBlock as f,reactive as p,ref as m,renderList as h,resolveComponent as g,toDisplayString as _,watch as v,withCtx as y,withModifiers as b}from"vue";import{NCheckbox as x,NInput as ee}from"naive-ui";function S(e,t){return e.filter(e=>!e.disabled&&t.has(e.key)).map(e=>e.key)}function C(e,t){let n=e.filter(e=>!e.disabled);return n.length>0&&n.every(e=>t.has(e.key))}const w={titles:[`可选列表`,`已选列表`],filterable:!1,filterPlaceholder:`搜索...`,showSelectAll:!0,sourceEmptyText:`暂无数据`,targetEmptyText:`未选择任何项`,size:`medium`},te={class:`c-transfer__panel`},ne={class:`c-transfer__header`},re={key:1,class:`c-transfer__title`},ie={class:`c-transfer__count`},T={key:0,class:`c-transfer__filter`},E={key:1,class:`c-transfer__list`},D=[`onClick`],O={class:`c-transfer__item-label`},k={key:2,class:`c-transfer__empty`},A={class:`c-transfer__actions`},ae=[`disabled`],oe=[`disabled`],se={class:`c-transfer__panel`},ce={class:`c-transfer__header`},le={key:1,class:`c-transfer__title`},ue={class:`c-transfer__count`},de={key:0,class:`c-transfer__filter`},j={key:1,class:`c-transfer__list`},M=[`onClick`],N={class:`c-transfer__item-label`},P={key:2,class:`c-transfer__empty`};var F=t(u({__name:`index`,props:{data:{},modelValue:{},titles:{default:()=>w.titles},filterable:{type:Boolean,default:w.filterable},filterPlaceholder:{default:w.filterPlaceholder},filterMethod:{},showSelectAll:{type:Boolean,default:w.showSelectAll},sourceEmptyText:{default:w.sourceEmptyText},targetEmptyText:{default:w.targetEmptyText},size:{default:w.size}},emits:[`update:modelValue`,`change`],setup(t,{emit:u}){let g=t,F=u,I=r(()=>({...w,...g})),L=r(()=>{let e=new Map;for(let t of g.data)e.set(t.key,t);return e}),R=r(()=>new Set(g.modelValue)),z=r(()=>[...L.value.values()].filter(e=>!R.value.has(e.key))),B=r(()=>{let e=[];for(let t of new Set(g.modelValue)){let n=L.value.get(t);n&&e.push(n)}return e}),V=m(``),H=m(``);function fe(e,t){return t.label.toLowerCase().includes(e.toLowerCase())}let U=r(()=>g.filterMethod??fe),W=r(()=>{let e=V.value.trim();return e?z.value.filter(t=>U.value(e,t)):z.value}),G=r(()=>{let e=H.value.trim();return e?B.value.filter(t=>U.value(e,t)):B.value}),K=p(new Set),q=p(new Set),J=r(()=>S(z.value,K)),Y=r(()=>S(B.value,q));v([z,B],()=>{let e=new Set(z.value.filter(e=>!e.disabled).map(e=>e.key)),t=new Set(B.value.filter(e=>!e.disabled).map(e=>e.key));for(let t of K)e.has(t)||K.delete(t);for(let e of q)t.has(e)||q.delete(e)});function X(e){K.has(e)?K.delete(e):K.add(e)}function Z(e){q.has(e)?q.delete(e):q.add(e)}let Q=r(()=>C(W.value,K)),pe=r(()=>!Q.value&&W.value.some(e=>K.has(e.key))),$=r(()=>C(G.value,q)),me=r(()=>!$.value&&G.value.some(e=>q.has(e.key)));function he(e){for(let t of W.value)t.disabled||(e?K.add(t.key):K.delete(t.key))}function ge(e){for(let t of G.value)t.disabled||(e?q.add(t.key):q.delete(t.key))}function _e(){let e=J.value;if(e.length===0)return;let t=[...new Set([...g.modelValue,...e])];F(`update:modelValue`,t),F(`change`,t,`right`,e),K.clear()}function ve(){let e=Y.value;if(e.length===0)return;let t=new Set(e),n=g.modelValue.filter(e=>!t.has(e));F(`update:modelValue`,n),F(`change`,n,`left`,e),q.clear()}return(t,r)=>{let u=x,p=ee;return f(),o(`div`,{class:d([`c-transfer`,[`is-${I.value.size}`]])},[a(` ================ Source Panel ================ `),s(`div`,te,[s(`div`,ne,[I.value.showSelectAll?(f(),i(u,{key:0,checked:Q.value,indeterminate:pe.value,"onUpdate:checked":he},{default:y(()=>[c(_(I.value.titles?.[0]),1)]),_:1},8,[`checked`,`indeterminate`])):(f(),o(`span`,re,_(I.value.titles?.[0]),1)),s(`span`,ie,_(K.size)+` / `+_(z.value.length),1)]),I.value.filterable?(f(),o(`div`,T,[l(p,{value:V.value,"onUpdate:value":r[0]||=e=>V.value=e,clearable:``,size:`small`,placeholder:I.value.filterPlaceholder,"aria-label":`搜索可选列表`},{prefix:y(()=>[l(e,{name:`mdi:magnify`})]),_:1},8,[`value`,`placeholder`])])):a(`v-if`,!0),W.value.length?(f(),o(`div`,E,[(f(!0),o(n,null,h(W.value,t=>(f(),o(`div`,{key:t.key,class:d([`c-transfer__item`,{"is-disabled":t.disabled,"is-checked":K.has(t.key)}]),onClick:e=>!t.disabled&&X(t.key)},[l(u,{checked:K.has(t.key),disabled:t.disabled,"aria-label":t.label,size:`small`,"onUpdate:checked":e=>X(t.key),onClick:r[1]||=b(()=>{},[`stop`])},null,8,[`checked`,`disabled`,`aria-label`,`onUpdate:checked`]),t.icon?(f(),i(e,{key:0,name:t.icon,class:`c-transfer__item-icon`},null,8,[`name`])):a(`v-if`,!0),s(`span`,O,_(t.label),1)],10,D))),128))])):(f(),o(`div`,k,_(I.value.sourceEmptyText),1))]),a(` ================ Actions ================ `),s(`div`,A,[s(`button`,{type:`button`,class:d([`c-transfer__btn`,{"is-disabled":J.value.length===0}]),"aria-label":`移至已选列表`,disabled:J.value.length===0,onClick:_e},[l(e,{name:`mdi:chevron-right`})],10,ae),s(`button`,{type:`button`,class:d([`c-transfer__btn`,{"is-disabled":Y.value.length===0}]),"aria-label":`移回可选列表`,disabled:Y.value.length===0,onClick:ve},[l(e,{name:`mdi:chevron-left`})],10,oe)]),a(` ================ Target Panel ================ `),s(`div`,se,[s(`div`,ce,[I.value.showSelectAll?(f(),i(u,{key:0,checked:$.value,indeterminate:me.value,"onUpdate:checked":ge},{default:y(()=>[c(_(I.value.titles?.[1]),1)]),_:1},8,[`checked`,`indeterminate`])):(f(),o(`span`,le,_(I.value.titles?.[1]),1)),s(`span`,ue,_(q.size)+` / `+_(B.value.length),1)]),I.value.filterable?(f(),o(`div`,de,[l(p,{value:H.value,"onUpdate:value":r[2]||=e=>H.value=e,clearable:``,size:`small`,placeholder:I.value.filterPlaceholder,"aria-label":`搜索已选列表`},{prefix:y(()=>[l(e,{name:`mdi:magnify`})]),_:1},8,[`value`,`placeholder`])])):a(`v-if`,!0),G.value.length?(f(),o(`div`,j,[(f(!0),o(n,null,h(G.value,t=>(f(),o(`div`,{key:t.key,class:d([`c-transfer__item`,{"is-disabled":t.disabled,"is-checked":q.has(t.key)}]),onClick:e=>!t.disabled&&Z(t.key)},[l(u,{checked:q.has(t.key),disabled:t.disabled,"aria-label":t.label,size:`small`,"onUpdate:checked":e=>Z(t.key),onClick:r[3]||=b(()=>{},[`stop`])},null,8,[`checked`,`disabled`,`aria-label`,`onUpdate:checked`]),t.icon?(f(),i(e,{key:0,name:t.icon,class:`c-transfer__item-icon`},null,8,[`name`])):a(`v-if`,!0),s(`span`,N,_(t.label),1)],10,M))),128))])):(f(),o(`div`,P,_(I.value.targetEmptyText),1))])],2)}}}),[[`__scopeId`,`data-v-faa66718`]]);export{w as n,F as t};
|