@robot-admin/naive-ui-components 0.19.0 → 0.21.0
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 +20 -0
- package/README.md +5 -5
- package/README_EN.md +5 -5
- package/SECURITY.md +39 -0
- package/dist/C_AntV.css +31 -31
- package/dist/C_AntV2.cjs +1 -1
- package/dist/C_AntV2.js +1 -1
- package/dist/C_Breadcrumb.css +308 -20
- package/dist/C_Breadcrumb.d.cts +2 -2
- package/dist/C_Breadcrumb.d.ts +2 -2
- package/dist/C_Breadcrumb2.cjs +1 -1
- package/dist/C_Breadcrumb2.js +1 -1
- package/dist/C_Chat.css +90 -90
- package/dist/C_Chat2.cjs +1 -1
- package/dist/C_Chat2.js +1 -1
- package/dist/C_CollapsePanel2.cjs +1 -1
- package/dist/C_CollapsePanel2.js +1 -1
- package/dist/C_Draggable.css +53 -53
- package/dist/C_Draggable2.cjs +1 -1
- package/dist/C_Draggable2.js +1 -1
- package/dist/C_FilePreview.css +98 -98
- package/dist/C_FilePreview.d.cts +2 -2
- package/dist/C_FilePreview.d.ts +2 -2
- package/dist/C_FilePreview2.cjs +1 -1
- package/dist/C_FilePreview2.js +1 -1
- package/dist/C_Form.base.css +9 -9
- package/dist/C_Form.css +9 -9
- package/dist/C_FormSearch.css +52 -52
- package/dist/C_FormSearch2.cjs +1 -1
- package/dist/C_FormSearch2.js +1 -1
- package/dist/C_Language.css +2 -2
- package/dist/C_Language2.cjs +1 -1
- package/dist/C_Language2.js +1 -1
- package/dist/C_Login.css +79 -79
- package/dist/C_Login2.cjs +1 -1
- package/dist/C_Login2.js +1 -1
- package/dist/C_Menu.css +1 -1
- package/dist/C_Menu.d.cts +2 -2
- package/dist/C_Menu.d.ts +2 -2
- package/dist/C_Menu2.cjs +1 -1
- package/dist/C_Menu2.js +1 -1
- package/dist/C_NotificationCenter.css +124 -124
- package/dist/C_NotificationCenter.d.cts +2 -2
- package/dist/C_NotificationCenter.d.ts +2 -2
- package/dist/C_NotificationCenter2.cjs +1 -1
- package/dist/C_NotificationCenter2.js +1 -1
- package/dist/C_Skeleton.css +2 -2
- package/dist/C_Skeleton2.cjs +1 -1
- package/dist/C_Skeleton2.js +1 -1
- package/dist/C_SplitPane.css +66 -66
- package/dist/C_SplitPane2.cjs +1 -1
- package/dist/C_SplitPane2.js +1 -1
- package/dist/C_Table.base.css +9 -9
- package/dist/C_Table.css +9 -9
- package/dist/C_Table.d.ts +1 -0
- package/dist/C_Theme2.cjs +1 -1
- package/dist/C_Theme2.js +1 -1
- package/dist/C_Timeline.css +46 -46
- package/dist/C_Timeline2.cjs +1 -1
- package/dist/C_Timeline2.js +1 -1
- package/dist/C_Transfer.css +26 -26
- package/dist/C_Transfer2.cjs +1 -1
- package/dist/C_Transfer2.js +1 -1
- package/dist/C_Tree.css +23 -23
- package/dist/C_Tree.d.ts +1 -0
- package/dist/C_Tree2.cjs +1 -1
- package/dist/C_Tree2.js +1 -1
- package/dist/C_Upload2.cjs +1 -1
- package/dist/C_Upload2.js +1 -1
- package/dist/C_VideoPlayer.d.cts +2 -2
- package/dist/C_VideoPlayer.d.ts +2 -2
- package/dist/C_VideoPlayer2.cjs +2 -2
- package/dist/C_VideoPlayer2.js +2 -2
- package/dist/C_WaterFall.css +31 -29
- package/dist/C_WaterFall2.cjs +1 -1
- package/dist/C_WaterFall2.js +1 -1
- package/dist/C_WorkFlow.css +111 -111
- package/dist/C_WorkFlow2.cjs +1 -1
- package/dist/C_WorkFlow2.js +1 -1
- package/dist/config.cjs +1 -0
- package/dist/config.d.cts +8 -0
- package/dist/config.d.ts +8 -0
- package/dist/config.js +1 -0
- package/dist/constants3.d.cts +34 -11
- package/dist/constants3.d.ts +34 -11
- package/dist/constants4.d.cts +14 -3
- package/dist/constants4.d.ts +14 -3
- package/dist/constants5.d.cts +24 -20
- package/dist/constants5.d.ts +24 -20
- package/dist/data.d.cts +6 -6
- package/dist/data.d.ts +6 -6
- package/dist/dateRange.d.cts +2 -0
- package/dist/dateRange.d.ts +2 -0
- package/dist/feedback.cjs +1 -1
- package/dist/feedback.js +1 -1
- package/dist/helpers.cjs +1 -1
- package/dist/helpers.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +8 -7
- package/dist/index.d.ts +9 -7
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +4 -4
- package/dist/index.vue.d.ts +4 -4
- package/dist/index10.vue.d.cts +5 -5
- package/dist/index10.vue.d.ts +3 -3
- package/dist/index11.vue.d.cts +3 -3
- package/dist/index12.vue.d.ts +2 -2
- package/dist/index13.vue.d.cts +2 -2
- package/dist/index13.vue.d.ts +6 -6
- package/dist/index14.vue.d.cts +6 -6
- package/dist/index14.vue.d.ts +0 -1
- package/dist/index15.vue.d.cts +0 -1
- package/dist/index16.vue.d.ts +2 -2
- package/dist/index17.vue.d.cts +2 -2
- package/dist/index17.vue.d.ts +1 -1
- package/dist/index18.vue.d.cts +1 -1
- package/dist/index18.vue.d.ts +44 -40
- package/dist/index19.vue.d.cts +2 -2
- package/dist/index19.vue.d.ts +2 -2
- 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 +1 -1
- package/dist/index21.vue.d.ts +1 -1
- package/dist/index22.vue.d.cts +2 -2
- package/dist/index22.vue.d.ts +2 -2
- package/dist/index25.vue.d.cts +2 -3
- package/dist/index25.vue.d.ts +2 -3
- package/dist/index26.vue.d.cts +3 -3
- package/dist/index26.vue.d.ts +3 -3
- package/dist/index3.vue.d.cts +4 -4
- package/dist/index3.vue.d.ts +4 -4
- package/dist/index4.vue.d.cts +44 -40
- package/dist/index4.vue.d.ts +26 -12
- package/dist/index5.vue.d.cts +26 -12
- package/dist/index6.vue.d.ts +0 -2
- package/dist/index7.vue.d.cts +0 -2
- package/dist/index8.vue.d.ts +4 -4
- package/dist/index9.vue.d.cts +4 -4
- package/dist/index9.vue.d.ts +5 -5
- package/dist/mapUtils.d.cts +3 -3
- package/dist/mapUtils.d.ts +3 -3
- package/dist/presets.d.cts +1 -1
- package/dist/presets.d.ts +1 -1
- package/dist/public.d.ts +3 -1
- package/dist/style.css +1154 -864
- package/dist/types.d.cts +3 -1
- package/dist/useCalendarEvents.d.cts +1 -1
- package/dist/useCalendarEvents.d.ts +1 -1
- package/dist/useCollapsePanel.d.cts +3 -3
- package/dist/useCollapsePanel.d.ts +3 -3
- package/dist/useComponentLocale.cjs +1 -1
- package/dist/useComponentLocale.js +1 -1
- package/dist/useCropperCore.d.cts +4 -4
- package/dist/useCropperCore.d.ts +4 -4
- package/dist/useDraggableLayout.d.cts +1 -0
- package/dist/useDraggableLayout.d.ts +1 -0
- package/dist/useEdgeInteraction.d.cts +2 -2
- package/dist/useEdgeInteraction.d.ts +2 -2
- package/dist/useFullscreen.d.cts +41 -23
- package/dist/useFullscreen.d.ts +41 -23
- package/dist/useInfiniteScroll.d.cts +6 -4
- package/dist/useInfiniteScroll.d.ts +6 -4
- package/dist/useQRCode.d.cts +4 -4
- package/dist/useQRCode.d.ts +4 -4
- package/dist/useSignatureHistory.d.cts +2 -2
- package/dist/useSignatureHistory.d.ts +2 -2
- package/dist/useSplitResize.d.cts +6 -7
- package/dist/useSplitResize.d.ts +6 -7
- package/dist/useTableQuery.cjs +1 -1
- package/dist/useTableQuery.d.cts +6 -10
- package/dist/useTableQuery.d.ts +6 -10
- package/dist/useTableQuery.js +1 -1
- package/dist/useWorkflowValidation.d.cts +11 -3
- package/dist/useWorkflowValidation.d.ts +11 -3
- package/dist/verification.d.cts +1 -1
- package/dist/verification.d.ts +1 -1
- package/docs/architecture.en.md +3 -1
- package/docs/architecture.md +3 -1
- package/docs/guides/usage.en.md +22 -0
- package/docs/guides/usage.md +73 -0
- package/package.json +27 -10
- package/dist/context.cjs +0 -1
- package/dist/context.js +0 -1
package/dist/C_SplitPane.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
:root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
|
|
2
2
|
|
|
3
|
-
.c-split-pane[data-v-
|
|
3
|
+
.c-split-pane[data-v-265c2994] {
|
|
4
4
|
display: flex;
|
|
5
5
|
width: 100%;
|
|
6
6
|
height: 100%;
|
|
@@ -9,21 +9,21 @@
|
|
|
9
9
|
overflow: hidden;
|
|
10
10
|
position: relative;
|
|
11
11
|
}
|
|
12
|
-
.c-split-pane--horizontal[data-v-
|
|
12
|
+
.c-split-pane--horizontal[data-v-265c2994] {
|
|
13
13
|
flex-direction: row;
|
|
14
14
|
}
|
|
15
|
-
.c-split-pane--vertical[data-v-
|
|
15
|
+
.c-split-pane--vertical[data-v-265c2994] {
|
|
16
16
|
flex-direction: column;
|
|
17
17
|
}
|
|
18
|
-
.c-split-pane--dragging > .split-panel > .split-panel__content[data-v-
|
|
18
|
+
.c-split-pane--dragging > .split-panel > .split-panel__content[data-v-265c2994] {
|
|
19
19
|
pointer-events: none;
|
|
20
20
|
user-select: none;
|
|
21
21
|
}
|
|
22
|
-
.c-split-pane--disabled > .split-gutter[data-v-
|
|
22
|
+
.c-split-pane--disabled > .split-gutter[data-v-265c2994] {
|
|
23
23
|
cursor: default;
|
|
24
24
|
opacity: 0.5;
|
|
25
25
|
}
|
|
26
|
-
.split-panel[data-v-
|
|
26
|
+
.split-panel[data-v-265c2994] {
|
|
27
27
|
min-width: 0;
|
|
28
28
|
min-height: 0;
|
|
29
29
|
overflow: hidden;
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
display: flex;
|
|
32
32
|
flex-direction: column;
|
|
33
33
|
}
|
|
34
|
-
.split-panel__content[data-v-
|
|
34
|
+
.split-panel__content[data-v-265c2994] {
|
|
35
35
|
width: 100%;
|
|
36
36
|
height: 100%;
|
|
37
37
|
min-width: 0;
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
overflow: auto;
|
|
40
40
|
overscroll-behavior: contain;
|
|
41
41
|
}
|
|
42
|
-
.split-gutter[data-v-
|
|
42
|
+
.split-gutter[data-v-265c2994] {
|
|
43
43
|
--split-accent: var(--c-primary, var(--primary-color, #2080f0));
|
|
44
44
|
--split-surface: var(--c-bg-card, var(--card-color, #fff));
|
|
45
45
|
--split-border: var(--c-border, var(--border-color, #dfe3eb));
|
|
@@ -73,28 +73,28 @@
|
|
|
73
73
|
background: transparent;
|
|
74
74
|
outline: none;
|
|
75
75
|
}
|
|
76
|
-
.split-gutter[data-v-
|
|
76
|
+
.split-gutter[data-v-265c2994]::before {
|
|
77
77
|
content: "";
|
|
78
78
|
position: absolute;
|
|
79
79
|
background: var(--split-line-color);
|
|
80
80
|
pointer-events: none;
|
|
81
81
|
transition: background-color 0.16s ease;
|
|
82
82
|
}
|
|
83
|
-
.c-split-pane--horizontal > .split-gutter[data-v-
|
|
83
|
+
.c-split-pane--horizontal > .split-gutter[data-v-265c2994] {
|
|
84
84
|
cursor: col-resize;
|
|
85
85
|
}
|
|
86
|
-
.c-split-pane--horizontal > .split-gutter[data-v-
|
|
86
|
+
.c-split-pane--horizontal > .split-gutter[data-v-265c2994]::before {
|
|
87
87
|
inset: 0 auto;
|
|
88
88
|
width: 1px;
|
|
89
89
|
}
|
|
90
|
-
.c-split-pane--vertical > .split-gutter[data-v-
|
|
90
|
+
.c-split-pane--vertical > .split-gutter[data-v-265c2994] {
|
|
91
91
|
cursor: row-resize;
|
|
92
92
|
}
|
|
93
|
-
.c-split-pane--vertical > .split-gutter[data-v-
|
|
93
|
+
.c-split-pane--vertical > .split-gutter[data-v-265c2994]::before {
|
|
94
94
|
inset: auto 0;
|
|
95
95
|
height: 1px;
|
|
96
96
|
}
|
|
97
|
-
.split-gutter__controls[data-v-
|
|
97
|
+
.split-gutter__controls[data-v-265c2994] {
|
|
98
98
|
position: absolute;
|
|
99
99
|
display: flex;
|
|
100
100
|
align-items: center;
|
|
@@ -102,22 +102,22 @@
|
|
|
102
102
|
gap: var(--split-control-gap);
|
|
103
103
|
pointer-events: none;
|
|
104
104
|
}
|
|
105
|
-
.split-gutter__controls--with-collapse[data-v-
|
|
105
|
+
.split-gutter__controls--with-collapse[data-v-265c2994] {
|
|
106
106
|
--split-controls-length: calc(
|
|
107
107
|
var(--split-handle-length) + var(--split-button-size) * 2 +
|
|
108
108
|
var(--split-control-gap) * 2
|
|
109
109
|
);
|
|
110
110
|
}
|
|
111
|
-
.c-split-pane--horizontal > .split-gutter .split-gutter__controls[data-v-
|
|
111
|
+
.c-split-pane--horizontal > .split-gutter .split-gutter__controls[data-v-265c2994] {
|
|
112
112
|
flex-direction: column;
|
|
113
113
|
width: var(--split-button-size);
|
|
114
114
|
height: min(var(--split-controls-length), 100% - 8px);
|
|
115
115
|
}
|
|
116
|
-
.c-split-pane--vertical > .split-gutter .split-gutter__controls[data-v-
|
|
116
|
+
.c-split-pane--vertical > .split-gutter .split-gutter__controls[data-v-265c2994] {
|
|
117
117
|
width: min(var(--split-controls-length), 100% - 8px);
|
|
118
118
|
height: var(--split-button-size);
|
|
119
119
|
}
|
|
120
|
-
.split-gutter__visual[data-v-
|
|
120
|
+
.split-gutter__visual[data-v-265c2994] {
|
|
121
121
|
display: flex;
|
|
122
122
|
align-items: center;
|
|
123
123
|
justify-content: center;
|
|
@@ -131,23 +131,23 @@
|
|
|
131
131
|
pointer-events: auto;
|
|
132
132
|
transition: border-color 0.16s ease, box-shadow 0.16s ease;
|
|
133
133
|
}
|
|
134
|
-
.c-split-pane--horizontal > .split-gutter .split-gutter__visual[data-v-
|
|
134
|
+
.c-split-pane--horizontal > .split-gutter .split-gutter__visual[data-v-265c2994] {
|
|
135
135
|
width: var(--split-handle-thickness);
|
|
136
136
|
min-height: 20px;
|
|
137
137
|
}
|
|
138
|
-
.c-split-pane--vertical > .split-gutter .split-gutter__visual[data-v-
|
|
138
|
+
.c-split-pane--vertical > .split-gutter .split-gutter__visual[data-v-265c2994] {
|
|
139
139
|
min-width: 20px;
|
|
140
140
|
height: var(--split-handle-thickness);
|
|
141
141
|
}
|
|
142
|
-
.split-gutter__dots[data-v-
|
|
142
|
+
.split-gutter__dots[data-v-265c2994] {
|
|
143
143
|
display: flex;
|
|
144
144
|
gap: 5px;
|
|
145
145
|
pointer-events: none;
|
|
146
146
|
}
|
|
147
|
-
.c-split-pane--horizontal > .split-gutter .split-gutter__dots[data-v-
|
|
147
|
+
.c-split-pane--horizontal > .split-gutter .split-gutter__dots[data-v-265c2994] {
|
|
148
148
|
flex-direction: column;
|
|
149
149
|
}
|
|
150
|
-
.split-gutter__dot[data-v-
|
|
150
|
+
.split-gutter__dot[data-v-265c2994] {
|
|
151
151
|
width: 3px;
|
|
152
152
|
height: 3px;
|
|
153
153
|
border-radius: 50%;
|
|
@@ -155,7 +155,7 @@
|
|
|
155
155
|
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
|
|
156
156
|
transition: background-color 0.16s ease;
|
|
157
157
|
}
|
|
158
|
-
.split-gutter__collapse-btn[data-v-
|
|
158
|
+
.split-gutter__collapse-btn[data-v-265c2994] {
|
|
159
159
|
display: flex;
|
|
160
160
|
align-items: center;
|
|
161
161
|
justify-content: center;
|
|
@@ -177,18 +177,18 @@
|
|
|
177
177
|
pointer-events: none;
|
|
178
178
|
transition: opacity 0.16s ease, border-color 0.16s ease, color 0.16s ease;
|
|
179
179
|
}
|
|
180
|
-
.split-gutter__collapse-btn[data-v-
|
|
180
|
+
.split-gutter__collapse-btn[data-v-265c2994]:hover, .split-gutter__collapse-btn[data-v-265c2994]:focus-visible {
|
|
181
181
|
color: var(--split-accent);
|
|
182
182
|
border-color: color-mix(in srgb, var(--split-accent) 55%, var(--split-border));
|
|
183
183
|
}
|
|
184
|
-
.split-gutter__collapse-btn[data-v-
|
|
184
|
+
.split-gutter__collapse-btn[data-v-265c2994]:focus-visible {
|
|
185
185
|
outline: 2px solid var(--split-accent);
|
|
186
186
|
outline-offset: 2px;
|
|
187
187
|
}
|
|
188
|
-
.split-gutter__collapse-btn[data-v-
|
|
188
|
+
.split-gutter__collapse-btn[data-v-265c2994]:disabled {
|
|
189
189
|
cursor: default;
|
|
190
190
|
}
|
|
191
|
-
.split-gutter__chevron[data-v-
|
|
191
|
+
.split-gutter__chevron[data-v-265c2994] {
|
|
192
192
|
width: 14px;
|
|
193
193
|
height: 14px;
|
|
194
194
|
fill: none;
|
|
@@ -198,28 +198,28 @@
|
|
|
198
198
|
stroke-linejoin: round;
|
|
199
199
|
pointer-events: none;
|
|
200
200
|
}
|
|
201
|
-
.split-gutter__collapse-btn--second .split-gutter__chevron[data-v-
|
|
201
|
+
.split-gutter__collapse-btn--second .split-gutter__chevron[data-v-265c2994] {
|
|
202
202
|
transform: rotate(180deg);
|
|
203
203
|
}
|
|
204
|
-
.c-split-pane--vertical > .split-gutter .split-gutter__collapse-btn--first .split-gutter__chevron[data-v-
|
|
204
|
+
.c-split-pane--vertical > .split-gutter .split-gutter__collapse-btn--first .split-gutter__chevron[data-v-265c2994] {
|
|
205
205
|
transform: rotate(90deg);
|
|
206
206
|
}
|
|
207
|
-
.c-split-pane--vertical > .split-gutter .split-gutter__collapse-btn--second .split-gutter__chevron[data-v-
|
|
207
|
+
.c-split-pane--vertical > .split-gutter .split-gutter__collapse-btn--second .split-gutter__chevron[data-v-265c2994] {
|
|
208
208
|
transform: rotate(270deg);
|
|
209
209
|
}
|
|
210
|
-
.c-split-pane--collapsed-first > .split-gutter .split-gutter__collapse-btn--first .split-gutter__chevron[data-v-
|
|
210
|
+
.c-split-pane--collapsed-first > .split-gutter .split-gutter__collapse-btn--first .split-gutter__chevron[data-v-265c2994] {
|
|
211
211
|
transform: rotate(180deg);
|
|
212
212
|
}
|
|
213
|
-
.c-split-pane--collapsed-second > .split-gutter .split-gutter__collapse-btn--second .split-gutter__chevron[data-v-
|
|
213
|
+
.c-split-pane--collapsed-second > .split-gutter .split-gutter__collapse-btn--second .split-gutter__chevron[data-v-265c2994] {
|
|
214
214
|
transform: none;
|
|
215
215
|
}
|
|
216
|
-
.c-split-pane--vertical.c-split-pane--collapsed-first > .split-gutter .split-gutter__collapse-btn--first .split-gutter__chevron[data-v-
|
|
216
|
+
.c-split-pane--vertical.c-split-pane--collapsed-first > .split-gutter .split-gutter__collapse-btn--first .split-gutter__chevron[data-v-265c2994] {
|
|
217
217
|
transform: rotate(270deg);
|
|
218
218
|
}
|
|
219
|
-
.c-split-pane--vertical.c-split-pane--collapsed-second > .split-gutter .split-gutter__collapse-btn--second .split-gutter__chevron[data-v-
|
|
219
|
+
.c-split-pane--vertical.c-split-pane--collapsed-second > .split-gutter .split-gutter__collapse-btn--second .split-gutter__chevron[data-v-265c2994] {
|
|
220
220
|
transform: rotate(90deg);
|
|
221
221
|
}
|
|
222
|
-
.c-split-pane:not(.c-split-pane--disabled) > .split-gutter[data-v-
|
|
222
|
+
.c-split-pane:not(.c-split-pane--disabled) > .split-gutter[data-v-265c2994]:hover, .c-split-pane:not(.c-split-pane--disabled) > .split-gutter[data-v-265c2994]:focus-within {
|
|
223
223
|
--split-line-color: color-mix(
|
|
224
224
|
in srgb,
|
|
225
225
|
var(--split-accent) 28%,
|
|
@@ -235,16 +235,16 @@
|
|
|
235
235
|
0 1px 3px rgb(15 23 42 / 9%),
|
|
236
236
|
0 3px 12px color-mix(in srgb, var(--split-accent) 13%, transparent);
|
|
237
237
|
}
|
|
238
|
-
.c-split-pane:not(.c-split-pane--disabled) > .split-gutter:hover .split-gutter__collapse-btn[data-v-
|
|
238
|
+
.c-split-pane:not(.c-split-pane--disabled) > .split-gutter:hover .split-gutter__collapse-btn[data-v-265c2994], .c-split-pane:not(.c-split-pane--disabled) > .split-gutter:focus-within .split-gutter__collapse-btn[data-v-265c2994] {
|
|
239
239
|
opacity: 1;
|
|
240
240
|
visibility: visible;
|
|
241
241
|
pointer-events: auto;
|
|
242
242
|
}
|
|
243
|
-
.c-split-pane:not(.c-split-pane--disabled) > .split-gutter:focus-visible .split-gutter__visual[data-v-
|
|
243
|
+
.c-split-pane:not(.c-split-pane--disabled) > .split-gutter:focus-visible .split-gutter__visual[data-v-265c2994] {
|
|
244
244
|
outline: 2px solid var(--split-accent);
|
|
245
245
|
outline-offset: 3px;
|
|
246
246
|
}
|
|
247
|
-
.c-split-pane--dragging:not(.c-split-pane--disabled) > .split-gutter[data-v-
|
|
247
|
+
.c-split-pane--dragging:not(.c-split-pane--disabled) > .split-gutter[data-v-265c2994] {
|
|
248
248
|
--split-line-color: color-mix(
|
|
249
249
|
in srgb,
|
|
250
250
|
var(--split-accent) 28%,
|
|
@@ -260,74 +260,74 @@
|
|
|
260
260
|
0 1px 3px rgb(15 23 42 / 9%),
|
|
261
261
|
0 3px 12px color-mix(in srgb, var(--split-accent) 13%, transparent);
|
|
262
262
|
}
|
|
263
|
-
.c-split-pane--collapsed-first > .split-gutter .split-gutter__collapse-btn[data-v-
|
|
264
|
-
.c-split-pane--collapsed-second > .split-gutter .split-gutter__collapse-btn[data-v-
|
|
263
|
+
.c-split-pane--collapsed-first > .split-gutter .split-gutter__collapse-btn[data-v-265c2994],
|
|
264
|
+
.c-split-pane--collapsed-second > .split-gutter .split-gutter__collapse-btn[data-v-265c2994] {
|
|
265
265
|
opacity: 1;
|
|
266
266
|
visibility: visible;
|
|
267
267
|
pointer-events: auto;
|
|
268
268
|
}
|
|
269
|
-
.c-split-pane--horizontal.c-split-pane--collapsed-first > .split-gutter .split-gutter__controls[data-v-
|
|
269
|
+
.c-split-pane--horizontal.c-split-pane--collapsed-first > .split-gutter .split-gutter__controls[data-v-265c2994] {
|
|
270
270
|
left: 0;
|
|
271
271
|
}
|
|
272
|
-
.c-split-pane--horizontal.c-split-pane--collapsed-second > .split-gutter .split-gutter__controls[data-v-
|
|
272
|
+
.c-split-pane--horizontal.c-split-pane--collapsed-second > .split-gutter .split-gutter__controls[data-v-265c2994] {
|
|
273
273
|
right: 0;
|
|
274
274
|
}
|
|
275
|
-
.c-split-pane--vertical.c-split-pane--collapsed-first > .split-gutter .split-gutter__controls[data-v-
|
|
275
|
+
.c-split-pane--vertical.c-split-pane--collapsed-first > .split-gutter .split-gutter__controls[data-v-265c2994] {
|
|
276
276
|
top: 0;
|
|
277
277
|
}
|
|
278
|
-
.c-split-pane--vertical.c-split-pane--collapsed-second > .split-gutter .split-gutter__controls[data-v-
|
|
278
|
+
.c-split-pane--vertical.c-split-pane--collapsed-second > .split-gutter .split-gutter__controls[data-v-265c2994] {
|
|
279
279
|
bottom: 0;
|
|
280
280
|
}
|
|
281
|
-
.c-split-pane--disabled > .split-gutter .split-gutter__visual[data-v-
|
|
281
|
+
.c-split-pane--disabled > .split-gutter .split-gutter__visual[data-v-265c2994] {
|
|
282
282
|
pointer-events: none;
|
|
283
283
|
box-shadow: none;
|
|
284
284
|
}
|
|
285
|
-
.c-split-pane--disabled > .split-gutter .split-gutter__collapse-btn[data-v-
|
|
285
|
+
.c-split-pane--disabled > .split-gutter .split-gutter__collapse-btn[data-v-265c2994] {
|
|
286
286
|
visibility: hidden;
|
|
287
287
|
pointer-events: none;
|
|
288
288
|
}
|
|
289
289
|
@media (hover: none), (pointer: coarse) {
|
|
290
|
-
.split-gutter[data-v-
|
|
290
|
+
.split-gutter[data-v-265c2994] {
|
|
291
291
|
--split-handle-thickness: 24px;
|
|
292
292
|
--split-button-size: 28px;
|
|
293
293
|
}
|
|
294
|
-
.c-split-pane:not(.c-split-pane--disabled) > .split-gutter .split-gutter__collapse-btn[data-v-
|
|
294
|
+
.c-split-pane:not(.c-split-pane--disabled) > .split-gutter .split-gutter__collapse-btn[data-v-265c2994] {
|
|
295
295
|
opacity: 1;
|
|
296
296
|
visibility: visible;
|
|
297
297
|
pointer-events: auto;
|
|
298
298
|
}
|
|
299
299
|
}
|
|
300
300
|
@media (prefers-reduced-motion: reduce) {
|
|
301
|
-
.split-gutter[data-v-
|
|
302
|
-
.split-gutter__visual[data-v-
|
|
303
|
-
.split-gutter__dot[data-v-
|
|
304
|
-
.split-gutter__collapse-btn[data-v-
|
|
301
|
+
.split-gutter[data-v-265c2994]::before,
|
|
302
|
+
.split-gutter__visual[data-v-265c2994],
|
|
303
|
+
.split-gutter__dot[data-v-265c2994],
|
|
304
|
+
.split-gutter__collapse-btn[data-v-265c2994] {
|
|
305
305
|
transition: none;
|
|
306
306
|
}
|
|
307
307
|
}
|
|
308
308
|
|
|
309
309
|
/* layer: shortcuts */
|
|
310
|
-
.container[data-v-
|
|
310
|
+
.container[data-v-265c2994]{width:100%;}
|
|
311
311
|
@media (min-width: 640px){
|
|
312
|
-
.container[data-v-
|
|
312
|
+
.container[data-v-265c2994]{max-width:640px;}
|
|
313
313
|
}
|
|
314
314
|
@media (min-width: 768px){
|
|
315
|
-
.container[data-v-
|
|
315
|
+
.container[data-v-265c2994]{max-width:768px;}
|
|
316
316
|
}
|
|
317
317
|
@media (min-width: 1024px){
|
|
318
|
-
.container[data-v-
|
|
318
|
+
.container[data-v-265c2994]{max-width:1024px;}
|
|
319
319
|
}
|
|
320
320
|
@media (min-width: 1280px){
|
|
321
|
-
.container[data-v-
|
|
321
|
+
.container[data-v-265c2994]{max-width:1280px;}
|
|
322
322
|
}
|
|
323
323
|
@media (min-width: 1536px){
|
|
324
|
-
.container[data-v-
|
|
324
|
+
.container[data-v-265c2994]{max-width:1536px;}
|
|
325
325
|
}
|
|
326
326
|
/* layer: default */
|
|
327
|
-
.visible[data-v-
|
|
328
|
-
.m9\.5[data-v-
|
|
329
|
-
.flex[data-v-
|
|
330
|
-
.table[data-v-
|
|
331
|
-
.resize[data-v-
|
|
332
|
-
.px[data-v-
|
|
333
|
-
.blur[data-v-
|
|
327
|
+
.visible[data-v-265c2994]{visibility:visible;}
|
|
328
|
+
.m9\.5[data-v-265c2994]{margin:2.375rem;}
|
|
329
|
+
.flex[data-v-265c2994]{display:flex;}
|
|
330
|
+
.table[data-v-265c2994]{display:table;}
|
|
331
|
+
.resize[data-v-265c2994]{resize:both;}
|
|
332
|
+
.px[data-v-265c2994]{padding-left:1rem;padding-right:1rem;}
|
|
333
|
+
.blur[data-v-265c2994]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
package/dist/C_SplitPane2.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk.cjs`);const e=require(`./export-helper.cjs`);let t=require(`vue`);const n=(e,t)=>typeof e==`number`&&Number.isFinite(e)?e:t,r=e=>Math.max(4,n(e,6));function i(e){let t=Math.max(0,Math.min(100,n(e.minSize,0))),r=Math.max(0,Math.min(100,n(e.maxSize,100))),i=Math.min(t,r),a=Math.max(t,r),o=Math.max(0,n(e.availableLength,0));if(!o)return{min:i,max:a};let s=Math.max(0,n(e.minFirstSize,0)),c=Math.max(0,n(e.minSecondSize,0)),l=Math.max(i,s/o*100),u=Math.min(a,100-c/o*100);if(l<=u)return{min:l,max:u};let d=s+c?s/(s+c)*100:50,f=Math.max(i,Math.min(a,d));return{min:f,max:f}}function a(e,t,r){return Math.min(r,Math.max(t,n(e,50)))}const o=new WeakMap;function s(e){return`button`in e&&e.button!==0?!1:!(`isPrimary`in e)||e.isPrimary}function c(e,t,n){if(!(`touches`in e))return t===`horizontal`?e.clientX:e.clientY;let r=n===void 0?e.touches[0]:Array.from(e.touches).find(e=>e.identifier===n);if(r)return t===`horizontal`?r.clientX:r.clientY}function l(e,t){return t===void 0||!(`pointerId`in e)?!0:e.pointerId===t}function u(e,t){let{style:n}=e.body,r=t===`horizontal`?`col-resize`:`row-resize`,i=[`cursor`,`user-select`].map(e=>({name:e,value:n.getPropertyValue(e),priority:n.getPropertyPriority(e),owned:e===`cursor`?r:`none`}));for(let e of i)n.setProperty(e.name,e.owned);return()=>{for(let e of i)n.getPropertyValue(e.name)===e.owned&&(e.value?n.setProperty(e.name,e.value,e.priority):n.removeProperty(e.name))}}function d(e){return`pointerId`in e?{move:[`pointermove`],end:[`pointerup`,`pointercancel`]}:`touches`in e?{move:[`touchmove`],end:[`touchend`,`touchcancel`]}:{move:[`mousemove`],end:[`mouseup`]}}function f(e,t){let n=c(e,t.direction);if(n===void 0)return;let r=t.element.ownerDocument,i=r.defaultView;o.get(r)?.();let a=u(r,t.direction),s=`pointerId`in e?e.pointerId:void 0,f=`touches`in e?e.touches[0]?.identifier:void 0,p=!0;e.preventDefault(),e.stopPropagation(),e.currentTarget?.focus();let m=e=>{if(!l(e,s))return;let r=c(e,t.direction,f);r!==void 0&&(e.cancelable&&e.preventDefault(),t.onDelta(r-n))},h=e=>{if(!(e&&!l(e,s))&&p){p=!1,a();for(let[e,t]of v)r.removeEventListener(e,t);i?.removeEventListener(`blur`,h),o.get(r)===h&&o.delete(r),t.onEnd()}},g=()=>{r.hidden&&h()},_=d(e),v=[..._.move.map(e=>[e,m]),..._.end.map(e=>[e,h]),[`visibilitychange`,g]];for(let[e,t]of v)r.addEventListener(e,t,{passive:!1});return i?.addEventListener(`blur`,h),o.set(r,h),h}function p(e){return e===0?`first`:e===100?`second`:null}function m(e,t,n,r,i){if(e===`Home`)return i.min;if(e===`End`)return i.max;let a=t===`horizontal`?`ArrowLeft`:`ArrowUp`,o=t===`horizontal`?`ArrowRight`:`ArrowDown`;if(e===a)return r-n;if(e===o)return r+n}function h(e){let{containerRef:o,direction:c,disabled:l,collapsible:u}=e,d=(0,t.ref)(0),h=(0,t.computed)(()=>r((0,t.toValue)(e.gutterSize))),g=(0,t.computed)(()=>Math.max(0,d.value-h.value)),_=(0,t.computed)(()=>i({minSize:(0,t.toValue)(e.minSize),maxSize:(0,t.toValue)(e.maxSize),minFirstSize:(0,t.toValue)(e.minFirstSize)??0,minSecondSize:(0,t.toValue)(e.minSecondSize)??0,availableLength:g.value})),v=(0,t.ref)(a((0,t.toValue)(e.defaultSize),_.value.min,_.value.max)),y=(0,t.computed)(()=>(0,t.toValue)(e.size)!==void 0),b=(0,t.computed)(()=>y.value?n((0,t.toValue)(e.size),50):v.value),x=(0,t.computed)(()=>u.value?b.value===0?`first`:b.value===100?`second`:null:null),S=(0,t.computed)(()=>x.value?x.value===`first`?0:100:a(b.value,_.value.min,_.value.max)),C=(0,t.ref)(!1),w=(0,t.computed)(()=>x.value===`first`),T=(0,t.computed)(()=>x.value===`second`),E=n((0,t.toValue)(e.defaultSize),50),D=x.value?a(E>0&&E<100?E:50,_.value.min,_.value.max):S.value,O,k,A=(t,n=!1)=>{if(!Number.isFinite(t))return;let r=n?t:a(t,_.value.min,_.value.max);r!==b.value&&(y.value||(v.value=r),e.onUpdateSize?.(r))};(0,t.watch)(S,(t,n)=>{let r=p(n),i=x.value;!r&&i&&(D=n),r&&r!==i&&e.onExpand?.(r),i&&i!==r&&e.onCollapse?.(i),e.onResize?.(t,100-t)},{flush:`sync`}),(0,t.watch)(_,()=>{x.value||A(S.value)},{flush:`sync`}),(0,t.watch)([l,c],()=>O?.(),{flush:`sync`}),(0,t.watch)(u,()=>{x.value||A(S.value)},{flush:`sync`});let j=()=>{let e=o.value;if(!e)return;let t=e.getBoundingClientRect();d.value=c.value===`horizontal`?t.width:t.height};(0,t.watch)(c,j,{flush:`post`}),(0,t.onMounted)(()=>{j(),typeof ResizeObserver<`u`&&o.value&&(k=new ResizeObserver(j),k.observe(o.value))});let M=(e=`first`)=>{!u.value||x.value===e||(x.value||(D=S.value),A(e===`first`?0:100,!0))},N=()=>{x.value&&A(D)},P=(e=`first`)=>{x.value===e?N():M(e)};return(0,t.onUnmounted)(()=>{O?.(),k?.disconnect()}),{panelSize:S,isDragging:C,collapsedTarget:x,isFirstCollapsed:w,isSecondCollapsed:T,bounds:_,gutterSize:h,handleMouseDown:t=>{if(l.value||C.value||!s(t))return;let n=o.value;if(!n||(j(),!g.value))return;let r=S.value;O=f(t,{element:n,direction:c.value,onDelta:e=>A(r+e/g.value*100),onEnd:()=>{C.value=!1,O=void 0,e.onDragEnd?.(S.value)}}),O&&(C.value=!0,e.onDragStart?.(S.value))},handleDoubleClick:()=>{l.value||P(`first`)},handleKeyDown:r=>{if(l.value||r.target!==r.currentTarget)return;if(r.key===`Enter`){u.value&&(r.preventDefault(),x.value?N():M(`first`));return}let i=Math.max(0,n((0,t.toValue)(e.step),2))||2,a=r.shiftKey?10:1,o=m(r.key,c.value,i*a,S.value,_.value);o!==void 0&&(r.preventDefault(),A(o))},collapse:M,expand:N,toggle:P,resetSize:()=>A(n((0,t.toValue)(e.defaultSize),50)),setSize:e=>A(e),getPanelInfo:()=>({first:{size:S.value,collapsed:w.value},second:{size:100-S.value,collapsed:T.value}})}}const g=[`aria-hidden`,`inert`],_={class:`split-panel__content`},v=[`aria-orientation`,`aria-valuenow`,`aria-valuemin`,`aria-valuemax`,`aria-disabled`,`aria-label`,`tabindex`],y=[`disabled`,`aria-label`,`aria-expanded`,`title`],b={class:`split-gutter__visual`,"aria-hidden":`true`},x={class:`split-gutter__dots`},S=[`disabled`,`aria-label`,`aria-expanded`,`title`],C=[`aria-hidden`,`inert`],w={class:`split-panel__content`},T=(0,t.defineComponent)({name:`C_SplitPane`,__name:`index`,props:{ariaLabel:{default:`调整面板大小`},direction:{default:`horizontal`},size:{},defaultSize:{default:50},minSize:{default:0},maxSize:{default:100},minFirstSize:{default:0},minSecondSize:{default:0},disabled:{type:Boolean,default:!1},collapsible:{type:Boolean,default:!0},showCollapseButton:{type:Boolean,default:!0},gutterSize:{default:6},step:{default:2}},emits:[`update:size`,`resize`,`collapse`,`expand`,`drag-start`,`drag-end`],setup(e,{expose:n,emit:r}){let i=e,a=r,o=(0,t.useId)(),s=`split-${o}-first`,c=`split-${o}-second`,l=(0,t.ref)(null),{panelSize:u,bounds:d,gutterSize:f,isDragging:p,isFirstCollapsed:m,isSecondCollapsed:T,handleMouseDown:E,handleDoubleClick:D,handleKeyDown:O,collapse:k,expand:A,toggle:j,resetSize:M,setSize:N,getPanelInfo:P}=h({containerRef:l,direction:(0,t.toRef)(i,`direction`),size:(0,t.toRef)(i,`size`),defaultSize:(0,t.toRef)(i,`defaultSize`),minSize:(0,t.toRef)(i,`minSize`),maxSize:(0,t.toRef)(i,`maxSize`),minFirstSize:(0,t.toRef)(i,`minFirstSize`),minSecondSize:(0,t.toRef)(i,`minSecondSize`),gutterSize:(0,t.toRef)(i,`gutterSize`),disabled:(0,t.toRef)(i,`disabled`),collapsible:(0,t.toRef)(i,`collapsible`),step:(0,t.toRef)(i,`step`),onUpdateSize:e=>a(`update:size`,e),onResize:(e,t)=>a(`resize`,e,t),onCollapse:e=>a(`collapse`,e),onExpand:e=>a(`expand`,e),onDragStart:e=>a(`drag-start`,e),onDragEnd:e=>a(`drag-end`,e)}),F=(0,t.computed)(()=>({flex:`${u.value} 1 0px`})),I=(0,t.computed)(()=>({flex:`${100-u.value} 1 0px`})),L=(0,t.computed)(()=>i.direction===`horizontal`?{width:`${f.value}px`}:{height:`${f.value}px`});return n({collapse:k,expand:A,toggle:j,resetSize:M,getPanelInfo:P,setSize:N}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`containerRef`,ref:l,class:(0,t.normalizeClass)([`c-split-pane`,[`c-split-pane--${e.direction}`,{"c-split-pane--dragging":(0,t.unref)(p),"c-split-pane--disabled":e.disabled,"c-split-pane--collapsed-first":(0,t.unref)(m),"c-split-pane--collapsed-second":(0,t.unref)(T)}]])},[(0,t.createCommentVNode)(` 首面板 `),(0,t.createElementVNode)(`div`,{class:`split-panel split-panel--first`,id:s,style:(0,t.normalizeStyle)(F.value),"aria-hidden":(0,t.unref)(m)||void 0,inert:(0,t.unref)(m)},[(0,t.createElementVNode)(`div`,_,[(0,t.renderSlot)(n.$slots,`first`,{size:(0,t.unref)(u),collapsed:(0,t.unref)(m)},void 0,!0)])],12,g),(0,t.createCommentVNode)(` 分割线手柄 `),(0,t.createElementVNode)(`div`,{class:`split-gutter`,style:(0,t.normalizeStyle)(L.value),role:`separator`,"aria-orientation":e.direction===`horizontal`?`vertical`:`horizontal`,"aria-valuenow":(0,t.unref)(u),"aria-valuemin":(0,t.unref)(m)?0:(0,t.unref)(d).min,"aria-valuemax":(0,t.unref)(T)?100:(0,t.unref)(d).max,"aria-disabled":e.disabled||void 0,"aria-controls":s,"aria-label":e.ariaLabel,tabindex:e.disabled?-1:0,onPointerdown:r[6]||=(...e)=>(0,t.unref)(E)&&(0,t.unref)(E)(...e),onDblclick:r[7]||=(...e)=>(0,t.unref)(D)&&(0,t.unref)(D)(...e),onKeydown:r[8]||=(...e)=>(0,t.unref)(O)&&(0,t.unref)(O)(...e)},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`split-gutter__controls`,{"split-gutter__controls--with-collapse":e.showCollapseButton&&e.collapsible}])},[e.showCollapseButton&&e.collapsible?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,class:`split-gutter__collapse-btn split-gutter__collapse-btn--first`,type:`button`,disabled:e.disabled,"aria-label":(0,t.unref)(m)?`展开首面板`:`折叠首面板`,"aria-expanded":!(0,t.unref)(m),"aria-controls":s,title:(0,t.unref)(m)?`展开首面板`:`折叠首面板`,onClick:r[0]||=(0,t.withModifiers)(e=>(0,t.unref)(j)(`first`),[`stop`]),onPointerdown:r[1]||=(0,t.withModifiers)(()=>{},[`stop`]),onDblclick:r[2]||=(0,t.withModifiers)(()=>{},[`stop`])},[...r[9]||=[(0,t.createElementVNode)(`svg`,{class:`split-gutter__chevron`,viewBox:`0 0 16 16`,"aria-hidden":`true`,focusable:`false`},[(0,t.createElementVNode)(`path`,{d:`m9.5 4.5-3.5 3.5 3.5 3.5`})],-1)]],40,y)):(0,t.createCommentVNode)(`v-if`,!0),(0,t.createElementVNode)(`div`,b,[(0,t.createElementVNode)(`div`,x,[((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(3,e=>(0,t.createElementVNode)(`span`,{key:e,class:`split-gutter__dot`})),64))])]),e.showCollapseButton&&e.collapsible?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,class:`split-gutter__collapse-btn split-gutter__collapse-btn--second`,type:`button`,disabled:e.disabled,"aria-label":(0,t.unref)(T)?`展开第二面板`:`折叠第二面板`,"aria-expanded":!(0,t.unref)(T),"aria-controls":c,title:(0,t.unref)(T)?`展开第二面板`:`折叠第二面板`,onClick:r[3]||=(0,t.withModifiers)(e=>(0,t.unref)(j)(`second`),[`stop`]),onPointerdown:r[4]||=(0,t.withModifiers)(()=>{},[`stop`]),onDblclick:r[5]||=(0,t.withModifiers)(()=>{},[`stop`])},[...r[10]||=[(0,t.createElementVNode)(`svg`,{class:`split-gutter__chevron`,viewBox:`0 0 16 16`,"aria-hidden":`true`,focusable:`false`},[(0,t.createElementVNode)(`path`,{d:`m9.5 4.5-3.5 3.5 3.5 3.5`})],-1)]],40,S)):(0,t.createCommentVNode)(`v-if`,!0)],2)],44,v),(0,t.createCommentVNode)(` 第二面板 `),(0,t.createElementVNode)(`div`,{class:`split-panel split-panel--second`,id:c,style:(0,t.normalizeStyle)(I.value),"aria-hidden":(0,t.unref)(T)||void 0,inert:(0,t.unref)(T)},[(0,t.createElementVNode)(`div`,w,[(0,t.renderSlot)(n.$slots,`second`,{size:100-(0,t.unref)(u),collapsed:(0,t.unref)(T)},void 0,!0)])],12,C)],2))}});var E=e.t(T,[[`__scopeId`,`data-v-ea8d0f77`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return E}});
|
|
1
|
+
require(`./chunk.cjs`);const e=require(`./useComponentLocale.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`);const r=(e,t)=>typeof e==`number`&&Number.isFinite(e)?e:t,i=e=>Math.max(4,r(e,6));function a(e){let t=Math.max(0,Math.min(100,r(e.minSize,0))),n=Math.max(0,Math.min(100,r(e.maxSize,100))),i=Math.min(t,n),a=Math.max(t,n),o=Math.max(0,r(e.availableLength,0));if(!o)return{min:i,max:a};let s=Math.max(0,r(e.minFirstSize,0)),c=Math.max(0,r(e.minSecondSize,0)),l=Math.max(i,s/o*100),u=Math.min(a,100-c/o*100);if(l<=u)return{min:l,max:u};let d=s+c?s/(s+c)*100:50,f=Math.max(i,Math.min(a,d));return{min:f,max:f}}function o(e,t,n){return Math.min(n,Math.max(t,r(e,50)))}const s=new WeakMap;function c(e){return`button`in e&&e.button!==0?!1:!(`isPrimary`in e)||e.isPrimary}function l(e,t,n){if(!(`touches`in e))return t===`horizontal`?e.clientX:e.clientY;let r=n===void 0?e.touches[0]:Array.from(e.touches).find(e=>e.identifier===n);if(r)return t===`horizontal`?r.clientX:r.clientY}function u(e,t){return t===void 0||!(`pointerId`in e)?!0:e.pointerId===t}function d(e,t){let{style:n}=e.body,r=t===`horizontal`?`col-resize`:`row-resize`,i=[`cursor`,`user-select`].map(e=>({name:e,value:n.getPropertyValue(e),priority:n.getPropertyPriority(e),owned:e===`cursor`?r:`none`}));for(let e of i)n.setProperty(e.name,e.owned);return()=>{for(let e of i)n.getPropertyValue(e.name)===e.owned&&(e.value?n.setProperty(e.name,e.value,e.priority):n.removeProperty(e.name))}}function f(e){return`pointerId`in e?{move:[`pointermove`],end:[`pointerup`,`pointercancel`]}:`touches`in e?{move:[`touchmove`],end:[`touchend`,`touchcancel`]}:{move:[`mousemove`],end:[`mouseup`]}}function p(e,t){let n=l(e,t.direction);if(n===void 0)return;let r=t.element.ownerDocument,i=r.defaultView;s.get(r)?.();let a=d(r,t.direction),o=`pointerId`in e?e.pointerId:void 0,c=`touches`in e?e.touches[0]?.identifier:void 0,p=!0;e.preventDefault(),e.stopPropagation(),e.currentTarget?.focus();let m=e=>{if(!u(e,o))return;let r=l(e,t.direction,c);r!==void 0&&(e.cancelable&&e.preventDefault(),t.onDelta(r-n))},h=e=>{if(!(e&&!u(e,o))&&p){p=!1,a();for(let[e,t]of v)r.removeEventListener(e,t);i?.removeEventListener(`blur`,h),s.get(r)===h&&s.delete(r),t.onEnd()}},g=()=>{r.hidden&&h()},_=f(e),v=[..._.move.map(e=>[e,m]),..._.end.map(e=>[e,h]),[`visibilitychange`,g]];for(let[e,t]of v)r.addEventListener(e,t,{passive:!1});return i?.addEventListener(`blur`,h),s.set(r,h),h}function m(e){return e===0?`first`:e===100?`second`:null}function h(e,t,n,r,i){if(e===`Home`)return i.min;if(e===`End`)return i.max;let a=t===`horizontal`?`ArrowLeft`:`ArrowUp`,o=t===`horizontal`?`ArrowRight`:`ArrowDown`;if(e===a)return r-n;if(e===o)return r+n}function g(e){let{containerRef:t,direction:s,disabled:l,collapsible:u}=e,d=(0,n.ref)(0),f=(0,n.computed)(()=>i((0,n.toValue)(e.gutterSize))),g=(0,n.computed)(()=>Math.max(0,d.value-f.value)),_=(0,n.computed)(()=>a({minSize:(0,n.toValue)(e.minSize),maxSize:(0,n.toValue)(e.maxSize),minFirstSize:(0,n.toValue)(e.minFirstSize)??0,minSecondSize:(0,n.toValue)(e.minSecondSize)??0,availableLength:g.value})),v=(0,n.ref)(o((0,n.toValue)(e.defaultSize),_.value.min,_.value.max)),y=(0,n.computed)(()=>(0,n.toValue)(e.size)!==void 0),b=(0,n.computed)(()=>y.value?r((0,n.toValue)(e.size),50):v.value),x=(0,n.computed)(()=>u.value?b.value===0?`first`:b.value===100?`second`:null:null),S=(0,n.computed)(()=>x.value?x.value===`first`?0:100:o(b.value,_.value.min,_.value.max)),C=(0,n.ref)(!1),w=(0,n.computed)(()=>x.value===`first`),T=(0,n.computed)(()=>x.value===`second`),E=r((0,n.toValue)(e.defaultSize),50),D=x.value?o(E>0&&E<100?E:50,_.value.min,_.value.max):S.value,O,k,A=(t,n=!1)=>{if(!Number.isFinite(t))return;let r=n?t:o(t,_.value.min,_.value.max);r!==b.value&&(y.value||(v.value=r),e.onUpdateSize?.(r))};(0,n.watch)(S,(t,n)=>{let r=m(n),i=x.value;!r&&i&&(D=n),r&&r!==i&&e.onExpand?.(r),i&&i!==r&&e.onCollapse?.(i),e.onResize?.(t,100-t)},{flush:`sync`}),(0,n.watch)(_,()=>{x.value||A(S.value)},{flush:`sync`}),(0,n.watch)([l,s],()=>O?.(),{flush:`sync`}),(0,n.watch)(u,()=>{x.value||A(S.value)},{flush:`sync`});let j=()=>{let e=t.value;if(!e)return;let n=e.getBoundingClientRect();d.value=s.value===`horizontal`?n.width:n.height};(0,n.watch)(s,j,{flush:`post`}),(0,n.onMounted)(()=>{j(),typeof ResizeObserver<`u`&&t.value&&(k=new ResizeObserver(j),k.observe(t.value))});let M=(e=`first`)=>{!u.value||x.value===e||(x.value||(D=S.value),A(e===`first`?0:100,!0))},N=()=>{x.value&&A(D)},P=(e=`first`)=>{x.value===e?N():M(e)};return(0,n.onUnmounted)(()=>{O?.(),k?.disconnect()}),{panelSize:S,isDragging:C,collapsedTarget:x,isFirstCollapsed:w,isSecondCollapsed:T,bounds:_,gutterSize:f,handleMouseDown:n=>{if(l.value||C.value||!c(n))return;let r=t.value;if(!r||(j(),!g.value))return;let i=S.value;O=p(n,{element:r,direction:s.value,onDelta:e=>A(i+e/g.value*100),onEnd:()=>{C.value=!1,O=void 0,e.onDragEnd?.(S.value)}}),O&&(C.value=!0,e.onDragStart?.(S.value))},handleDoubleClick:()=>{l.value||P(`first`)},handleKeyDown:t=>{if(l.value||t.target!==t.currentTarget)return;if(t.key===`Enter`){u.value&&(t.preventDefault(),x.value?N():M(`first`));return}let i=Math.max(0,r((0,n.toValue)(e.step),2))||2,a=t.shiftKey?10:1,o=h(t.key,s.value,i*a,S.value,_.value);o!==void 0&&(t.preventDefault(),A(o))},collapse:M,expand:N,toggle:P,resetSize:()=>A(r((0,n.toValue)(e.defaultSize),50)),setSize:e=>A(e),getPanelInfo:()=>({first:{size:S.value,collapsed:w.value},second:{size:100-S.value,collapsed:T.value}})}}const _=[`aria-hidden`,`inert`],v={class:`split-panel__content`},y=[`aria-orientation`,`aria-valuenow`,`aria-valuemin`,`aria-valuemax`,`aria-disabled`,`aria-label`,`tabindex`],b=[`disabled`,`aria-label`,`aria-expanded`,`title`],x={class:`split-gutter__visual`,"aria-hidden":`true`},S={class:`split-gutter__dots`},C=[`disabled`,`aria-label`,`aria-expanded`,`title`],w=[`aria-hidden`,`inert`],T={class:`split-panel__content`},E=(0,n.defineComponent)({name:`C_SplitPane`,__name:`index`,props:{ariaLabel:{},direction:{default:`horizontal`},size:{},defaultSize:{default:50},minSize:{default:0},maxSize:{default:100},minFirstSize:{default:0},minSecondSize:{default:0},disabled:{type:Boolean,default:!1},collapsible:{type:Boolean,default:!0},showCollapseButton:{type:Boolean,default:!0},gutterSize:{default:6},step:{default:2}},emits:[`update:size`,`resize`,`collapse`,`expand`,`drag-start`,`drag-end`],setup(t,{expose:r,emit:i}){let{t:a}=e.t(),o=t,s=i,c=(0,n.useId)(),l=`split-${c}-first`,u=`split-${c}-second`,d=(0,n.ref)(null),{panelSize:f,bounds:p,gutterSize:m,isDragging:h,isFirstCollapsed:E,isSecondCollapsed:D,handleMouseDown:O,handleDoubleClick:k,handleKeyDown:A,collapse:j,expand:M,toggle:N,resetSize:P,setSize:F,getPanelInfo:I}=g({containerRef:d,direction:(0,n.toRef)(o,`direction`),size:(0,n.toRef)(o,`size`),defaultSize:(0,n.toRef)(o,`defaultSize`),minSize:(0,n.toRef)(o,`minSize`),maxSize:(0,n.toRef)(o,`maxSize`),minFirstSize:(0,n.toRef)(o,`minFirstSize`),minSecondSize:(0,n.toRef)(o,`minSecondSize`),gutterSize:(0,n.toRef)(o,`gutterSize`),disabled:(0,n.toRef)(o,`disabled`),collapsible:(0,n.toRef)(o,`collapsible`),step:(0,n.toRef)(o,`step`),onUpdateSize:e=>s(`update:size`,e),onResize:(e,t)=>s(`resize`,e,t),onCollapse:e=>s(`collapse`,e),onExpand:e=>s(`expand`,e),onDragStart:e=>s(`drag-start`,e),onDragEnd:e=>s(`drag-end`,e)}),L=(0,n.computed)(()=>({flex:`${f.value} 1 0px`})),R=(0,n.computed)(()=>({flex:`${100-f.value} 1 0px`})),z=(0,n.computed)(()=>o.direction===`horizontal`?{width:`${m.value}px`}:{height:`${m.value}px`});return r({collapse:j,expand:M,toggle:N,resetSize:P,getPanelInfo:I,setSize:F}),(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`containerRef`,ref:d,class:(0,n.normalizeClass)([`c-split-pane`,[`c-split-pane--${t.direction}`,{"c-split-pane--dragging":(0,n.unref)(h),"c-split-pane--disabled":t.disabled,"c-split-pane--collapsed-first":(0,n.unref)(E),"c-split-pane--collapsed-second":(0,n.unref)(D)}]])},[(0,n.createCommentVNode)(` 首面板 `),(0,n.createElementVNode)(`div`,{class:`split-panel split-panel--first`,id:l,style:(0,n.normalizeStyle)(L.value),"aria-hidden":(0,n.unref)(E)||void 0,inert:(0,n.unref)(E)},[(0,n.createElementVNode)(`div`,v,[(0,n.renderSlot)(e.$slots,`first`,{size:(0,n.unref)(f),collapsed:(0,n.unref)(E)},void 0,!0)])],12,_),(0,n.createCommentVNode)(` 分割线手柄 `),(0,n.createElementVNode)(`div`,{class:`split-gutter`,style:(0,n.normalizeStyle)(z.value),role:`separator`,"aria-orientation":t.direction===`horizontal`?`vertical`:`horizontal`,"aria-valuenow":(0,n.unref)(f),"aria-valuemin":(0,n.unref)(E)?0:(0,n.unref)(p).min,"aria-valuemax":(0,n.unref)(D)?100:(0,n.unref)(p).max,"aria-disabled":t.disabled||void 0,"aria-controls":l,"aria-label":t.ariaLabel??(0,n.unref)(a)(`split.resize`),tabindex:t.disabled?-1:0,onPointerdown:r[6]||=(...e)=>(0,n.unref)(O)&&(0,n.unref)(O)(...e),onDblclick:r[7]||=(...e)=>(0,n.unref)(k)&&(0,n.unref)(k)(...e),onKeydown:r[8]||=(...e)=>(0,n.unref)(A)&&(0,n.unref)(A)(...e)},[(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`split-gutter__controls`,{"split-gutter__controls--with-collapse":t.showCollapseButton&&t.collapsible}])},[t.showCollapseButton&&t.collapsible?((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:0,class:`split-gutter__collapse-btn split-gutter__collapse-btn--first`,type:`button`,disabled:t.disabled,"aria-label":(0,n.unref)(E)?(0,n.unref)(a)(`split.expandFirst`):(0,n.unref)(a)(`split.collapseFirst`),"aria-expanded":!(0,n.unref)(E),"aria-controls":l,title:(0,n.unref)(E)?(0,n.unref)(a)(`split.expandFirst`):(0,n.unref)(a)(`split.collapseFirst`),onClick:r[0]||=(0,n.withModifiers)(e=>(0,n.unref)(N)(`first`),[`stop`]),onPointerdown:r[1]||=(0,n.withModifiers)(()=>{},[`stop`]),onDblclick:r[2]||=(0,n.withModifiers)(()=>{},[`stop`])},[...r[9]||=[(0,n.createElementVNode)(`svg`,{class:`split-gutter__chevron`,viewBox:`0 0 16 16`,"aria-hidden":`true`,focusable:`false`},[(0,n.createElementVNode)(`path`,{d:`m9.5 4.5-3.5 3.5 3.5 3.5`})],-1)]],40,b)):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`div`,x,[(0,n.createElementVNode)(`div`,S,[((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(3,e=>(0,n.createElementVNode)(`span`,{key:e,class:`split-gutter__dot`})),64))])]),t.showCollapseButton&&t.collapsible?((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:1,class:`split-gutter__collapse-btn split-gutter__collapse-btn--second`,type:`button`,disabled:t.disabled,"aria-label":(0,n.unref)(D)?(0,n.unref)(a)(`split.expandSecond`):(0,n.unref)(a)(`split.collapseSecond`),"aria-expanded":!(0,n.unref)(D),"aria-controls":u,title:(0,n.unref)(D)?(0,n.unref)(a)(`split.expandSecond`):(0,n.unref)(a)(`split.collapseSecond`),onClick:r[3]||=(0,n.withModifiers)(e=>(0,n.unref)(N)(`second`),[`stop`]),onPointerdown:r[4]||=(0,n.withModifiers)(()=>{},[`stop`]),onDblclick:r[5]||=(0,n.withModifiers)(()=>{},[`stop`])},[...r[10]||=[(0,n.createElementVNode)(`svg`,{class:`split-gutter__chevron`,viewBox:`0 0 16 16`,"aria-hidden":`true`,focusable:`false`},[(0,n.createElementVNode)(`path`,{d:`m9.5 4.5-3.5 3.5 3.5 3.5`})],-1)]],40,C)):(0,n.createCommentVNode)(`v-if`,!0)],2)],44,y),(0,n.createCommentVNode)(` 第二面板 `),(0,n.createElementVNode)(`div`,{class:`split-panel split-panel--second`,id:u,style:(0,n.normalizeStyle)(R.value),"aria-hidden":(0,n.unref)(D)||void 0,inert:(0,n.unref)(D)},[(0,n.createElementVNode)(`div`,T,[(0,n.renderSlot)(e.$slots,`second`,{size:100-(0,n.unref)(f),collapsed:(0,n.unref)(D)},void 0,!0)])],12,w)],2))}});var D=t.t(E,[[`__scopeId`,`data-v-265c2994`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return D}});
|
package/dist/C_SplitPane2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./export-helper.js";import{Fragment as t,computed as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,onMounted as l,onUnmounted as u,openBlock as d,ref as f,renderList as p,renderSlot as m,toRef as h,toValue as g,unref as _,useId as v,watch as y,withModifiers as b}from"vue";const x=(e,t)=>typeof e==`number`&&Number.isFinite(e)?e:t,S=e=>Math.max(4,x(e,6));function C(e){let t=Math.max(0,Math.min(100,x(e.minSize,0))),n=Math.max(0,Math.min(100,x(e.maxSize,100))),r=Math.min(t,n),i=Math.max(t,n),a=Math.max(0,x(e.availableLength,0));if(!a)return{min:r,max:i};let o=Math.max(0,x(e.minFirstSize,0)),s=Math.max(0,x(e.minSecondSize,0)),c=Math.max(r,o/a*100),l=Math.min(i,100-s/a*100);if(c<=l)return{min:c,max:l};let u=o+s?o/(o+s)*100:50,d=Math.max(r,Math.min(i,u));return{min:d,max:d}}function w(e,t,n){return Math.min(n,Math.max(t,x(e,50)))}const T=new WeakMap;function E(e){return`button`in e&&e.button!==0?!1:!(`isPrimary`in e)||e.isPrimary}function D(e,t,n){if(!(`touches`in e))return t===`horizontal`?e.clientX:e.clientY;let r=n===void 0?e.touches[0]:Array.from(e.touches).find(e=>e.identifier===n);if(r)return t===`horizontal`?r.clientX:r.clientY}function O(e,t){return t===void 0||!(`pointerId`in e)?!0:e.pointerId===t}function k(e,t){let{style:n}=e.body,r=t===`horizontal`?`col-resize`:`row-resize`,i=[`cursor`,`user-select`].map(e=>({name:e,value:n.getPropertyValue(e),priority:n.getPropertyPriority(e),owned:e===`cursor`?r:`none`}));for(let e of i)n.setProperty(e.name,e.owned);return()=>{for(let e of i)n.getPropertyValue(e.name)===e.owned&&(e.value?n.setProperty(e.name,e.value,e.priority):n.removeProperty(e.name))}}function A(e){return`pointerId`in e?{move:[`pointermove`],end:[`pointerup`,`pointercancel`]}:`touches`in e?{move:[`touchmove`],end:[`touchend`,`touchcancel`]}:{move:[`mousemove`],end:[`mouseup`]}}function j(e,t){let n=D(e,t.direction);if(n===void 0)return;let r=t.element.ownerDocument,i=r.defaultView;T.get(r)?.();let a=k(r,t.direction),o=`pointerId`in e?e.pointerId:void 0,s=`touches`in e?e.touches[0]?.identifier:void 0,c=!0;e.preventDefault(),e.stopPropagation(),e.currentTarget?.focus();let l=e=>{if(!O(e,o))return;let r=D(e,t.direction,s);r!==void 0&&(e.cancelable&&e.preventDefault(),t.onDelta(r-n))},u=e=>{if(!(e&&!O(e,o))&&c){c=!1,a();for(let[e,t]of p)r.removeEventListener(e,t);i?.removeEventListener(`blur`,u),T.get(r)===u&&T.delete(r),t.onEnd()}},d=()=>{r.hidden&&u()},f=A(e),p=[...f.move.map(e=>[e,l]),...f.end.map(e=>[e,u]),[`visibilitychange`,d]];for(let[e,t]of p)r.addEventListener(e,t,{passive:!1});return i?.addEventListener(`blur`,u),T.set(r,u),u}function M(e){return e===0?`first`:e===100?`second`:null}function N(e,t,n,r,i){if(e===`Home`)return i.min;if(e===`End`)return i.max;let a=t===`horizontal`?`ArrowLeft`:`ArrowUp`,o=t===`horizontal`?`ArrowRight`:`ArrowDown`;if(e===a)return r-n;if(e===o)return r+n}function P(e){let{containerRef:t,direction:r,disabled:i,collapsible:a}=e,o=f(0),s=n(()=>S(g(e.gutterSize))),c=n(()=>Math.max(0,o.value-s.value)),d=n(()=>C({minSize:g(e.minSize),maxSize:g(e.maxSize),minFirstSize:g(e.minFirstSize)??0,minSecondSize:g(e.minSecondSize)??0,availableLength:c.value})),p=f(w(g(e.defaultSize),d.value.min,d.value.max)),m=n(()=>g(e.size)!==void 0),h=n(()=>m.value?x(g(e.size),50):p.value),_=n(()=>a.value?h.value===0?`first`:h.value===100?`second`:null:null),v=n(()=>_.value?_.value===`first`?0:100:w(h.value,d.value.min,d.value.max)),b=f(!1),T=n(()=>_.value===`first`),D=n(()=>_.value===`second`),O=x(g(e.defaultSize),50),k=_.value?w(O>0&&O<100?O:50,d.value.min,d.value.max):v.value,A,P,F=(t,n=!1)=>{if(!Number.isFinite(t))return;let r=n?t:w(t,d.value.min,d.value.max);r!==h.value&&(m.value||(p.value=r),e.onUpdateSize?.(r))};y(v,(t,n)=>{let r=M(n),i=_.value;!r&&i&&(k=n),r&&r!==i&&e.onExpand?.(r),i&&i!==r&&e.onCollapse?.(i),e.onResize?.(t,100-t)},{flush:`sync`}),y(d,()=>{_.value||F(v.value)},{flush:`sync`}),y([i,r],()=>A?.(),{flush:`sync`}),y(a,()=>{_.value||F(v.value)},{flush:`sync`});let I=()=>{let e=t.value;if(!e)return;let n=e.getBoundingClientRect();o.value=r.value===`horizontal`?n.width:n.height};y(r,I,{flush:`post`}),l(()=>{I(),typeof ResizeObserver<`u`&&t.value&&(P=new ResizeObserver(I),P.observe(t.value))});let L=(e=`first`)=>{!a.value||_.value===e||(_.value||(k=v.value),F(e===`first`?0:100,!0))},R=()=>{_.value&&F(k)},z=(e=`first`)=>{_.value===e?R():L(e)};return u(()=>{A?.(),P?.disconnect()}),{panelSize:v,isDragging:b,collapsedTarget:_,isFirstCollapsed:T,isSecondCollapsed:D,bounds:d,gutterSize:s,handleMouseDown:n=>{if(i.value||b.value||!E(n))return;let a=t.value;if(!a||(I(),!c.value))return;let o=v.value;A=j(n,{element:a,direction:r.value,onDelta:e=>F(o+e/c.value*100),onEnd:()=>{b.value=!1,A=void 0,e.onDragEnd?.(v.value)}}),A&&(b.value=!0,e.onDragStart?.(v.value))},handleDoubleClick:()=>{i.value||z(`first`)},handleKeyDown:t=>{if(i.value||t.target!==t.currentTarget)return;if(t.key===`Enter`){a.value&&(t.preventDefault(),_.value?R():L(`first`));return}let n=Math.max(0,x(g(e.step),2))||2,o=t.shiftKey?10:1,s=N(t.key,r.value,n*o,v.value,d.value);s!==void 0&&(t.preventDefault(),F(s))},collapse:L,expand:R,toggle:z,resetSize:()=>F(x(g(e.defaultSize),50)),setSize:e=>F(e),getPanelInfo:()=>({first:{size:v.value,collapsed:T.value},second:{size:100-v.value,collapsed:D.value}})}}const F=[`aria-hidden`,`inert`],I={class:`split-panel__content`},L=[`aria-orientation`,`aria-valuenow`,`aria-valuemin`,`aria-valuemax`,`aria-disabled`,`aria-label`,`tabindex`],R=[`disabled`,`aria-label`,`aria-expanded`,`title`],z={class:`split-gutter__visual`,"aria-hidden":`true`},B={class:`split-gutter__dots`},V=[`disabled`,`aria-label`,`aria-expanded`,`title`],H=[`aria-hidden`,`inert`],U={class:`split-panel__content`};var W=e(o({name:`C_SplitPane`,__name:`index`,props:{ariaLabel:{default:`调整面板大小`},direction:{default:`horizontal`},size:{},defaultSize:{default:50},minSize:{default:0},maxSize:{default:100},minFirstSize:{default:0},minSecondSize:{default:0},disabled:{type:Boolean,default:!1},collapsible:{type:Boolean,default:!0},showCollapseButton:{type:Boolean,default:!0},gutterSize:{default:6},step:{default:2}},emits:[`update:size`,`resize`,`collapse`,`expand`,`drag-start`,`drag-end`],setup(e,{expose:o,emit:l}){let u=e,g=l,y=v(),x=`split-${y}-first`,S=`split-${y}-second`,C=f(null),{panelSize:w,bounds:T,gutterSize:E,isDragging:D,isFirstCollapsed:O,isSecondCollapsed:k,handleMouseDown:A,handleDoubleClick:j,handleKeyDown:M,collapse:N,expand:W,toggle:G,resetSize:K,setSize:q,getPanelInfo:J}=P({containerRef:C,direction:h(u,`direction`),size:h(u,`size`),defaultSize:h(u,`defaultSize`),minSize:h(u,`minSize`),maxSize:h(u,`maxSize`),minFirstSize:h(u,`minFirstSize`),minSecondSize:h(u,`minSecondSize`),gutterSize:h(u,`gutterSize`),disabled:h(u,`disabled`),collapsible:h(u,`collapsible`),step:h(u,`step`),onUpdateSize:e=>g(`update:size`,e),onResize:(e,t)=>g(`resize`,e,t),onCollapse:e=>g(`collapse`,e),onExpand:e=>g(`expand`,e),onDragStart:e=>g(`drag-start`,e),onDragEnd:e=>g(`drag-end`,e)}),Y=n(()=>({flex:`${w.value} 1 0px`})),X=n(()=>({flex:`${100-w.value} 1 0px`})),Z=n(()=>u.direction===`horizontal`?{width:`${E.value}px`}:{height:`${E.value}px`});return o({collapse:N,expand:W,toggle:G,resetSize:K,getPanelInfo:J,setSize:q}),(n,o)=>(d(),i(`div`,{ref_key:`containerRef`,ref:C,class:s([`c-split-pane`,[`c-split-pane--${e.direction}`,{"c-split-pane--dragging":_(D),"c-split-pane--disabled":e.disabled,"c-split-pane--collapsed-first":_(O),"c-split-pane--collapsed-second":_(k)}]])},[r(` 首面板 `),a(`div`,{class:`split-panel split-panel--first`,id:x,style:c(Y.value),"aria-hidden":_(O)||void 0,inert:_(O)},[a(`div`,I,[m(n.$slots,`first`,{size:_(w),collapsed:_(O)},void 0,!0)])],12,F),r(` 分割线手柄 `),a(`div`,{class:`split-gutter`,style:c(Z.value),role:`separator`,"aria-orientation":e.direction===`horizontal`?`vertical`:`horizontal`,"aria-valuenow":_(w),"aria-valuemin":_(O)?0:_(T).min,"aria-valuemax":_(k)?100:_(T).max,"aria-disabled":e.disabled||void 0,"aria-controls":x,"aria-label":e.ariaLabel,tabindex:e.disabled?-1:0,onPointerdown:o[6]||=(...e)=>_(A)&&_(A)(...e),onDblclick:o[7]||=(...e)=>_(j)&&_(j)(...e),onKeydown:o[8]||=(...e)=>_(M)&&_(M)(...e)},[a(`div`,{class:s([`split-gutter__controls`,{"split-gutter__controls--with-collapse":e.showCollapseButton&&e.collapsible}])},[e.showCollapseButton&&e.collapsible?(d(),i(`button`,{key:0,class:`split-gutter__collapse-btn split-gutter__collapse-btn--first`,type:`button`,disabled:e.disabled,"aria-label":_(O)?`展开首面板`:`折叠首面板`,"aria-expanded":!_(O),"aria-controls":x,title:_(O)?`展开首面板`:`折叠首面板`,onClick:o[0]||=b(e=>_(G)(`first`),[`stop`]),onPointerdown:o[1]||=b(()=>{},[`stop`]),onDblclick:o[2]||=b(()=>{},[`stop`])},[...o[9]||=[a(`svg`,{class:`split-gutter__chevron`,viewBox:`0 0 16 16`,"aria-hidden":`true`,focusable:`false`},[a(`path`,{d:`m9.5 4.5-3.5 3.5 3.5 3.5`})],-1)]],40,R)):r(`v-if`,!0),a(`div`,z,[a(`div`,B,[(d(),i(t,null,p(3,e=>a(`span`,{key:e,class:`split-gutter__dot`})),64))])]),e.showCollapseButton&&e.collapsible?(d(),i(`button`,{key:1,class:`split-gutter__collapse-btn split-gutter__collapse-btn--second`,type:`button`,disabled:e.disabled,"aria-label":_(k)?`展开第二面板`:`折叠第二面板`,"aria-expanded":!_(k),"aria-controls":S,title:_(k)?`展开第二面板`:`折叠第二面板`,onClick:o[3]||=b(e=>_(G)(`second`),[`stop`]),onPointerdown:o[4]||=b(()=>{},[`stop`]),onDblclick:o[5]||=b(()=>{},[`stop`])},[...o[10]||=[a(`svg`,{class:`split-gutter__chevron`,viewBox:`0 0 16 16`,"aria-hidden":`true`,focusable:`false`},[a(`path`,{d:`m9.5 4.5-3.5 3.5 3.5 3.5`})],-1)]],40,V)):r(`v-if`,!0)],2)],44,L),r(` 第二面板 `),a(`div`,{class:`split-panel split-panel--second`,id:S,style:c(X.value),"aria-hidden":_(k)||void 0,inert:_(k)},[a(`div`,U,[m(n.$slots,`second`,{size:100-_(w),collapsed:_(k)},void 0,!0)])],12,H)],2))}}),[[`__scopeId`,`data-v-ea8d0f77`]]);export{P as n,W as t};
|
|
1
|
+
import{t as e}from"./useComponentLocale.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,onMounted as u,onUnmounted as d,openBlock as f,ref as p,renderList as m,renderSlot as h,toRef as g,toValue as _,unref as v,useId as y,watch as b,withModifiers as x}from"vue";const S=(e,t)=>typeof e==`number`&&Number.isFinite(e)?e:t,C=e=>Math.max(4,S(e,6));function w(e){let t=Math.max(0,Math.min(100,S(e.minSize,0))),n=Math.max(0,Math.min(100,S(e.maxSize,100))),r=Math.min(t,n),i=Math.max(t,n),a=Math.max(0,S(e.availableLength,0));if(!a)return{min:r,max:i};let o=Math.max(0,S(e.minFirstSize,0)),s=Math.max(0,S(e.minSecondSize,0)),c=Math.max(r,o/a*100),l=Math.min(i,100-s/a*100);if(c<=l)return{min:c,max:l};let u=o+s?o/(o+s)*100:50,d=Math.max(r,Math.min(i,u));return{min:d,max:d}}function T(e,t,n){return Math.min(n,Math.max(t,S(e,50)))}const E=new WeakMap;function D(e){return`button`in e&&e.button!==0?!1:!(`isPrimary`in e)||e.isPrimary}function O(e,t,n){if(!(`touches`in e))return t===`horizontal`?e.clientX:e.clientY;let r=n===void 0?e.touches[0]:Array.from(e.touches).find(e=>e.identifier===n);if(r)return t===`horizontal`?r.clientX:r.clientY}function k(e,t){return t===void 0||!(`pointerId`in e)?!0:e.pointerId===t}function A(e,t){let{style:n}=e.body,r=t===`horizontal`?`col-resize`:`row-resize`,i=[`cursor`,`user-select`].map(e=>({name:e,value:n.getPropertyValue(e),priority:n.getPropertyPriority(e),owned:e===`cursor`?r:`none`}));for(let e of i)n.setProperty(e.name,e.owned);return()=>{for(let e of i)n.getPropertyValue(e.name)===e.owned&&(e.value?n.setProperty(e.name,e.value,e.priority):n.removeProperty(e.name))}}function j(e){return`pointerId`in e?{move:[`pointermove`],end:[`pointerup`,`pointercancel`]}:`touches`in e?{move:[`touchmove`],end:[`touchend`,`touchcancel`]}:{move:[`mousemove`],end:[`mouseup`]}}function M(e,t){let n=O(e,t.direction);if(n===void 0)return;let r=t.element.ownerDocument,i=r.defaultView;E.get(r)?.();let a=A(r,t.direction),o=`pointerId`in e?e.pointerId:void 0,s=`touches`in e?e.touches[0]?.identifier:void 0,c=!0;e.preventDefault(),e.stopPropagation(),e.currentTarget?.focus();let l=e=>{if(!k(e,o))return;let r=O(e,t.direction,s);r!==void 0&&(e.cancelable&&e.preventDefault(),t.onDelta(r-n))},u=e=>{if(!(e&&!k(e,o))&&c){c=!1,a();for(let[e,t]of p)r.removeEventListener(e,t);i?.removeEventListener(`blur`,u),E.get(r)===u&&E.delete(r),t.onEnd()}},d=()=>{r.hidden&&u()},f=j(e),p=[...f.move.map(e=>[e,l]),...f.end.map(e=>[e,u]),[`visibilitychange`,d]];for(let[e,t]of p)r.addEventListener(e,t,{passive:!1});return i?.addEventListener(`blur`,u),E.set(r,u),u}function N(e){return e===0?`first`:e===100?`second`:null}function P(e,t,n,r,i){if(e===`Home`)return i.min;if(e===`End`)return i.max;let a=t===`horizontal`?`ArrowLeft`:`ArrowUp`,o=t===`horizontal`?`ArrowRight`:`ArrowDown`;if(e===a)return r-n;if(e===o)return r+n}function F(e){let{containerRef:t,direction:n,disabled:i,collapsible:a}=e,o=p(0),s=r(()=>C(_(e.gutterSize))),c=r(()=>Math.max(0,o.value-s.value)),l=r(()=>w({minSize:_(e.minSize),maxSize:_(e.maxSize),minFirstSize:_(e.minFirstSize)??0,minSecondSize:_(e.minSecondSize)??0,availableLength:c.value})),f=p(T(_(e.defaultSize),l.value.min,l.value.max)),m=r(()=>_(e.size)!==void 0),h=r(()=>m.value?S(_(e.size),50):f.value),g=r(()=>a.value?h.value===0?`first`:h.value===100?`second`:null:null),v=r(()=>g.value?g.value===`first`?0:100:T(h.value,l.value.min,l.value.max)),y=p(!1),x=r(()=>g.value===`first`),E=r(()=>g.value===`second`),O=S(_(e.defaultSize),50),k=g.value?T(O>0&&O<100?O:50,l.value.min,l.value.max):v.value,A,j,F=(t,n=!1)=>{if(!Number.isFinite(t))return;let r=n?t:T(t,l.value.min,l.value.max);r!==h.value&&(m.value||(f.value=r),e.onUpdateSize?.(r))};b(v,(t,n)=>{let r=N(n),i=g.value;!r&&i&&(k=n),r&&r!==i&&e.onExpand?.(r),i&&i!==r&&e.onCollapse?.(i),e.onResize?.(t,100-t)},{flush:`sync`}),b(l,()=>{g.value||F(v.value)},{flush:`sync`}),b([i,n],()=>A?.(),{flush:`sync`}),b(a,()=>{g.value||F(v.value)},{flush:`sync`});let I=()=>{let e=t.value;if(!e)return;let r=e.getBoundingClientRect();o.value=n.value===`horizontal`?r.width:r.height};b(n,I,{flush:`post`}),u(()=>{I(),typeof ResizeObserver<`u`&&t.value&&(j=new ResizeObserver(I),j.observe(t.value))});let L=(e=`first`)=>{!a.value||g.value===e||(g.value||(k=v.value),F(e===`first`?0:100,!0))},R=()=>{g.value&&F(k)},z=(e=`first`)=>{g.value===e?R():L(e)};return d(()=>{A?.(),j?.disconnect()}),{panelSize:v,isDragging:y,collapsedTarget:g,isFirstCollapsed:x,isSecondCollapsed:E,bounds:l,gutterSize:s,handleMouseDown:r=>{if(i.value||y.value||!D(r))return;let a=t.value;if(!a||(I(),!c.value))return;let o=v.value;A=M(r,{element:a,direction:n.value,onDelta:e=>F(o+e/c.value*100),onEnd:()=>{y.value=!1,A=void 0,e.onDragEnd?.(v.value)}}),A&&(y.value=!0,e.onDragStart?.(v.value))},handleDoubleClick:()=>{i.value||z(`first`)},handleKeyDown:t=>{if(i.value||t.target!==t.currentTarget)return;if(t.key===`Enter`){a.value&&(t.preventDefault(),g.value?R():L(`first`));return}let r=Math.max(0,S(_(e.step),2))||2,o=t.shiftKey?10:1,s=P(t.key,n.value,r*o,v.value,l.value);s!==void 0&&(t.preventDefault(),F(s))},collapse:L,expand:R,toggle:z,resetSize:()=>F(S(_(e.defaultSize),50)),setSize:e=>F(e),getPanelInfo:()=>({first:{size:v.value,collapsed:x.value},second:{size:100-v.value,collapsed:E.value}})}}const I=[`aria-hidden`,`inert`],L={class:`split-panel__content`},R=[`aria-orientation`,`aria-valuenow`,`aria-valuemin`,`aria-valuemax`,`aria-disabled`,`aria-label`,`tabindex`],z=[`disabled`,`aria-label`,`aria-expanded`,`title`],B={class:`split-gutter__visual`,"aria-hidden":`true`},V={class:`split-gutter__dots`},H=[`disabled`,`aria-label`,`aria-expanded`,`title`],U=[`aria-hidden`,`inert`],W={class:`split-panel__content`};var G=t(s({name:`C_SplitPane`,__name:`index`,props:{ariaLabel:{},direction:{default:`horizontal`},size:{},defaultSize:{default:50},minSize:{default:0},maxSize:{default:100},minFirstSize:{default:0},minSecondSize:{default:0},disabled:{type:Boolean,default:!1},collapsible:{type:Boolean,default:!0},showCollapseButton:{type:Boolean,default:!0},gutterSize:{default:6},step:{default:2}},emits:[`update:size`,`resize`,`collapse`,`expand`,`drag-start`,`drag-end`],setup(t,{expose:s,emit:u}){let{t:d}=e(),_=t,b=u,S=y(),C=`split-${S}-first`,w=`split-${S}-second`,T=p(null),{panelSize:E,bounds:D,gutterSize:O,isDragging:k,isFirstCollapsed:A,isSecondCollapsed:j,handleMouseDown:M,handleDoubleClick:N,handleKeyDown:P,collapse:G,expand:K,toggle:q,resetSize:J,setSize:Y,getPanelInfo:X}=F({containerRef:T,direction:g(_,`direction`),size:g(_,`size`),defaultSize:g(_,`defaultSize`),minSize:g(_,`minSize`),maxSize:g(_,`maxSize`),minFirstSize:g(_,`minFirstSize`),minSecondSize:g(_,`minSecondSize`),gutterSize:g(_,`gutterSize`),disabled:g(_,`disabled`),collapsible:g(_,`collapsible`),step:g(_,`step`),onUpdateSize:e=>b(`update:size`,e),onResize:(e,t)=>b(`resize`,e,t),onCollapse:e=>b(`collapse`,e),onExpand:e=>b(`expand`,e),onDragStart:e=>b(`drag-start`,e),onDragEnd:e=>b(`drag-end`,e)}),Z=r(()=>({flex:`${E.value} 1 0px`})),Q=r(()=>({flex:`${100-E.value} 1 0px`})),$=r(()=>_.direction===`horizontal`?{width:`${O.value}px`}:{height:`${O.value}px`});return s({collapse:G,expand:K,toggle:q,resetSize:J,getPanelInfo:X,setSize:Y}),(e,r)=>(f(),a(`div`,{ref_key:`containerRef`,ref:T,class:c([`c-split-pane`,[`c-split-pane--${t.direction}`,{"c-split-pane--dragging":v(k),"c-split-pane--disabled":t.disabled,"c-split-pane--collapsed-first":v(A),"c-split-pane--collapsed-second":v(j)}]])},[i(` 首面板 `),o(`div`,{class:`split-panel split-panel--first`,id:C,style:l(Z.value),"aria-hidden":v(A)||void 0,inert:v(A)},[o(`div`,L,[h(e.$slots,`first`,{size:v(E),collapsed:v(A)},void 0,!0)])],12,I),i(` 分割线手柄 `),o(`div`,{class:`split-gutter`,style:l($.value),role:`separator`,"aria-orientation":t.direction===`horizontal`?`vertical`:`horizontal`,"aria-valuenow":v(E),"aria-valuemin":v(A)?0:v(D).min,"aria-valuemax":v(j)?100:v(D).max,"aria-disabled":t.disabled||void 0,"aria-controls":C,"aria-label":t.ariaLabel??v(d)(`split.resize`),tabindex:t.disabled?-1:0,onPointerdown:r[6]||=(...e)=>v(M)&&v(M)(...e),onDblclick:r[7]||=(...e)=>v(N)&&v(N)(...e),onKeydown:r[8]||=(...e)=>v(P)&&v(P)(...e)},[o(`div`,{class:c([`split-gutter__controls`,{"split-gutter__controls--with-collapse":t.showCollapseButton&&t.collapsible}])},[t.showCollapseButton&&t.collapsible?(f(),a(`button`,{key:0,class:`split-gutter__collapse-btn split-gutter__collapse-btn--first`,type:`button`,disabled:t.disabled,"aria-label":v(A)?v(d)(`split.expandFirst`):v(d)(`split.collapseFirst`),"aria-expanded":!v(A),"aria-controls":C,title:v(A)?v(d)(`split.expandFirst`):v(d)(`split.collapseFirst`),onClick:r[0]||=x(e=>v(q)(`first`),[`stop`]),onPointerdown:r[1]||=x(()=>{},[`stop`]),onDblclick:r[2]||=x(()=>{},[`stop`])},[...r[9]||=[o(`svg`,{class:`split-gutter__chevron`,viewBox:`0 0 16 16`,"aria-hidden":`true`,focusable:`false`},[o(`path`,{d:`m9.5 4.5-3.5 3.5 3.5 3.5`})],-1)]],40,z)):i(`v-if`,!0),o(`div`,B,[o(`div`,V,[(f(),a(n,null,m(3,e=>o(`span`,{key:e,class:`split-gutter__dot`})),64))])]),t.showCollapseButton&&t.collapsible?(f(),a(`button`,{key:1,class:`split-gutter__collapse-btn split-gutter__collapse-btn--second`,type:`button`,disabled:t.disabled,"aria-label":v(j)?v(d)(`split.expandSecond`):v(d)(`split.collapseSecond`),"aria-expanded":!v(j),"aria-controls":w,title:v(j)?v(d)(`split.expandSecond`):v(d)(`split.collapseSecond`),onClick:r[3]||=x(e=>v(q)(`second`),[`stop`]),onPointerdown:r[4]||=x(()=>{},[`stop`]),onDblclick:r[5]||=x(()=>{},[`stop`])},[...r[10]||=[o(`svg`,{class:`split-gutter__chevron`,viewBox:`0 0 16 16`,"aria-hidden":`true`,focusable:`false`},[o(`path`,{d:`m9.5 4.5-3.5 3.5 3.5 3.5`})],-1)]],40,H)):i(`v-if`,!0)],2)],44,R),i(` 第二面板 `),o(`div`,{class:`split-panel split-panel--second`,id:w,style:l(Q.value),"aria-hidden":v(j)||void 0,inert:v(j)},[o(`div`,W,[h(e.$slots,`second`,{size:100-v(E),collapsed:v(j)},void 0,!0)])],12,U)],2))}}),[[`__scopeId`,`data-v-265c2994`]]);export{F as n,G as t};
|
package/dist/C_Table.base.css
CHANGED
|
@@ -281,13 +281,13 @@ html.dark .action-divider[data-v-48eb3073]:hover {
|
|
|
281
281
|
.inline[data-v-48eb3073]{display:inline;}
|
|
282
282
|
.px[data-v-48eb3073]{padding-left:1rem;padding-right:1rem;}
|
|
283
283
|
|
|
284
|
-
.c-form .c-form-actions[data-v-
|
|
284
|
+
.c-form .c-form-actions[data-v-37ca39aa] {
|
|
285
285
|
margin-top: var(--c-form-row-gap, 20px);
|
|
286
286
|
}
|
|
287
|
-
:is(.c-form--default[data-v-
|
|
287
|
+
:is(.c-form--default[data-v-37ca39aa], .c-form--compact[data-v-37ca39aa], .c-form--comfortable[data-v-37ca39aa]) .c-form-field .n-form-item-feedback-wrapper {
|
|
288
288
|
min-height: var(--c-form-item-gap);
|
|
289
289
|
}
|
|
290
|
-
:is(.c-form--default[data-v-
|
|
290
|
+
:is(.c-form--default[data-v-37ca39aa], .c-form--compact[data-v-37ca39aa], .c-form--comfortable[data-v-37ca39aa]) :is(
|
|
291
291
|
.c-form-card > .n-card,
|
|
292
292
|
.c-form-card > .form-content > .n-card,
|
|
293
293
|
.c-form-steps > .steps-container > .steps-content,
|
|
@@ -300,12 +300,12 @@ html.dark .action-divider[data-v-48eb3073]:hover {
|
|
|
300
300
|
}
|
|
301
301
|
|
|
302
302
|
/* layer: default */
|
|
303
|
-
.visible[data-v-
|
|
304
|
-
.grid[data-v-
|
|
305
|
-
.inline[data-v-
|
|
306
|
-
.px[data-v-
|
|
307
|
-
.blur[data-v-
|
|
308
|
-
.filter[data-v-
|
|
303
|
+
.visible[data-v-37ca39aa]{visibility:visible;}
|
|
304
|
+
.grid[data-v-37ca39aa]{display:grid;}
|
|
305
|
+
.inline[data-v-37ca39aa]{display:inline;}
|
|
306
|
+
.px[data-v-37ca39aa]{padding-left:1rem;padding-right:1rem;}
|
|
307
|
+
.blur[data-v-37ca39aa]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
308
|
+
.filter[data-v-37ca39aa]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
309
309
|
|
|
310
310
|
/* Card 布局样式 */
|
|
311
311
|
.c-form-card[data-v-7818d397] {
|
package/dist/C_Table.css
CHANGED
|
@@ -384,13 +384,13 @@ html.dark .action-divider[data-v-48eb3073]:hover {
|
|
|
384
384
|
.transition[data-v-b7a5de58]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
|
|
385
385
|
.ease[data-v-b7a5de58]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
|
|
386
386
|
|
|
387
|
-
.c-form .c-form-actions[data-v-
|
|
387
|
+
.c-form .c-form-actions[data-v-37ca39aa] {
|
|
388
388
|
margin-top: var(--c-form-row-gap, 20px);
|
|
389
389
|
}
|
|
390
|
-
:is(.c-form--default[data-v-
|
|
390
|
+
:is(.c-form--default[data-v-37ca39aa], .c-form--compact[data-v-37ca39aa], .c-form--comfortable[data-v-37ca39aa]) .c-form-field .n-form-item-feedback-wrapper {
|
|
391
391
|
min-height: var(--c-form-item-gap);
|
|
392
392
|
}
|
|
393
|
-
:is(.c-form--default[data-v-
|
|
393
|
+
:is(.c-form--default[data-v-37ca39aa], .c-form--compact[data-v-37ca39aa], .c-form--comfortable[data-v-37ca39aa]) :is(
|
|
394
394
|
.c-form-card > .n-card,
|
|
395
395
|
.c-form-card > .form-content > .n-card,
|
|
396
396
|
.c-form-steps > .steps-container > .steps-content,
|
|
@@ -403,12 +403,12 @@ html.dark .action-divider[data-v-48eb3073]:hover {
|
|
|
403
403
|
}
|
|
404
404
|
|
|
405
405
|
/* layer: default */
|
|
406
|
-
.visible[data-v-
|
|
407
|
-
.grid[data-v-
|
|
408
|
-
.inline[data-v-
|
|
409
|
-
.px[data-v-
|
|
410
|
-
.blur[data-v-
|
|
411
|
-
.filter[data-v-
|
|
406
|
+
.visible[data-v-37ca39aa]{visibility:visible;}
|
|
407
|
+
.grid[data-v-37ca39aa]{display:grid;}
|
|
408
|
+
.inline[data-v-37ca39aa]{display:inline;}
|
|
409
|
+
.px[data-v-37ca39aa]{padding-left:1rem;padding-right:1rem;}
|
|
410
|
+
.blur[data-v-37ca39aa]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
411
|
+
.filter[data-v-37ca39aa]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
412
412
|
|
|
413
413
|
/* Card 布局样式 */
|
|
414
414
|
.c-form-card[data-v-7818d397] {
|
package/dist/C_Table.d.ts
CHANGED
|
@@ -11,5 +11,6 @@ import "./dateRange.js";
|
|
|
11
11
|
import "./mapUtils.js";
|
|
12
12
|
import "./index18.vue.js";
|
|
13
13
|
import "./constants5.js";
|
|
14
|
+
import "./useWorkflowValidation.js";
|
|
14
15
|
import "./index24.vue.js";
|
|
15
16
|
export { type ApiFunction, type BatchActionsConfig, type BuiltInTableColumn, _default as C_Table, type ChildSelectionState, type ColumnDragConfig, type ColumnFormatter, type ColumnWithKey, type ComponentDensity, type CrossPageSelectionConfig, type CrudBinding, type CustomAction, type DataRecord, type DisplayConfig, type DynamicRowsOptions, type DynamicRowsReturn, type EditConfig, type EditMode, type ErrorConfig, type ExpandConfig, type ExportConfig, type FormatterConfig, type FormatterType, type MaybeRefLike, type NormalTableColumn, type PaginationConfig, type ParentChildLinkMode, type PrintWatermarkOptions, type RenderFunction, type RowAction, type RowDragConfig, type SelectOption, type SimpleTableActions, type StrictTableColumn, type SummaryConfig, TABLE_GLOBAL_CONFIG_KEY, type TableColumn, type TableConfig, type TableEmits, type TableGlobalConfig, type TableInstance, type TableManagerApi, type TableProps, type TableQueryContext, type TableQueryResult, type TableRowKey, type TableRowKeyIssue, type SelectionConfig as TableSelectionConfig, type ToolbarConfig, type TreeConfig, type UseCrossPageSelectionOptions, type UseCrossPageSelectionReturn, type UseRowDragOptions, type UseRowDragReturn, type UseTableExpandOptions, type UseTableExpandReturn, type UseTableQueryOptions, type VirtualScrollConfig, applyFormatter, createEditModeChecker, defineTableColumns, defineTableConfig, exportTableData, mergeGlobalConfig, printPresets, resolveComponentDensity, resolveConfig, useCellEdit, useCrossPageSelection, useDynamicRows, useModalEdit, usePagination, usePrintWatermark, useRowDrag, useRowEdit, useTableActions, useTableColumns, useTableExpand, useTableGlobalConfig, useTableManager, useTableQuery, validateTableRowKeys };
|
package/dist/C_Theme2.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`);let
|
|
1
|
+
require(`./chunk.cjs`);const e=require(`./useComponentLocale.cjs`),t=require(`./C_Icon2.cjs`);let n=require(`vue`),r=require(`naive-ui`);const i=(0,n.defineComponent)({name:`C_Theme`,__name:`index`,props:{modelValue:{default:`system`}},emits:[`update:modelValue`],setup(i,{emit:a}){let{t:o}=e.t(),s=i,c=a,l=(0,n.computed)(()=>{switch(s.modelValue){case`light`:return`mdi:white-balance-sunny`;case`dark`:return`mdi:moon-and-stars`;default:return`mdi:sun-moon-stars`}}),u=(0,n.computed)(()=>{switch(s.modelValue){case`light`:return o(`theme.light`);case`dark`:return o(`theme.dark`);default:return o(`theme.system`)}}),d=()=>{let e=[`system`,`light`,`dark`];c(`update:modelValue`,e[(e.indexOf(s.modelValue)+1)%e.length])};return(e,i)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.NTooltip),{placement:`bottom`,trigger:`hover`},{trigger:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.NButton),{text:``,"aria-label":u.value,onClick:d},{default:(0,n.withCtx)(()=>[(0,n.createVNode)(t.t,{name:l.value,size:18},null,8,[`name`])]),_:1},8,[`aria-label`])]),default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(u.value),1)]),_:1}))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
|
package/dist/C_Theme2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./C_Icon2.js";import{computed as
|
|
1
|
+
import{t as e}from"./useComponentLocale.js";import{t}from"./C_Icon2.js";import{computed as n,createBlock as r,createElementVNode as i,createVNode as a,defineComponent as o,openBlock as s,toDisplayString as c,unref as l,withCtx as u}from"vue";import{NButton as d,NTooltip as f}from"naive-ui";const p=o({name:`C_Theme`,__name:`index`,props:{modelValue:{default:`system`}},emits:[`update:modelValue`],setup(o,{emit:p}){let{t:m}=e(),h=o,g=p,_=n(()=>{switch(h.modelValue){case`light`:return`mdi:white-balance-sunny`;case`dark`:return`mdi:moon-and-stars`;default:return`mdi:sun-moon-stars`}}),v=n(()=>{switch(h.modelValue){case`light`:return m(`theme.light`);case`dark`:return m(`theme.dark`);default:return m(`theme.system`)}}),y=()=>{let e=[`system`,`light`,`dark`];g(`update:modelValue`,e[(e.indexOf(h.modelValue)+1)%e.length])};return(e,n)=>(s(),r(l(f),{placement:`bottom`,trigger:`hover`},{trigger:u(()=>[a(l(d),{text:``,"aria-label":v.value,onClick:y},{default:u(()=>[a(t,{name:_.value,size:18},null,8,[`name`])]),_:1},8,[`aria-label`])]),default:u(()=>[i(`span`,null,c(v.value),1)]),_:1}))}});export{p as t};
|