@done-coding/admin-core 0.30.1-alpha.0 → 0.31.1-alpha.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.
Files changed (80) hide show
  1. package/es/bridge/config-hook.mjs +3 -0
  2. package/es/bridge/index.mjs +6 -0
  3. package/es/bridge/theme/index.mjs +11 -3
  4. package/es/components/app-layout/AppBody.vue.mjs +1 -1
  5. package/es/components/app-layout/AppBody.vue2.mjs +2 -2
  6. package/es/components/app-layout/AppPage.vue.mjs +1 -1
  7. package/es/components/app-layout/AppPage.vue2.mjs +175 -33
  8. package/es/components/app-layout/AppPageNavBar.vue.mjs +7 -0
  9. package/es/components/app-layout/AppPageNavBar.vue2.mjs +148 -0
  10. package/es/components/app-layout/app-page-geometry.mjs +3 -2
  11. package/es/components/app-layout/app-page-slot-surface.mjs +31 -0
  12. package/es/components/app-layout/use-app-page-title-field.mjs +41 -0
  13. package/es/components/data-view/DataGridView.vue.mjs +1 -1
  14. package/es/components/data-view/DataGridView.vue2.mjs +2 -1
  15. package/es/components/data-view/DataListView.vue.mjs +1 -1
  16. package/es/components/data-view/DataListView.vue2.mjs +14 -9
  17. package/es/components/data-view/DataListViewItem.vue.mjs +1 -1
  18. package/es/components/data-view/DataListViewItem.vue2.mjs +3 -1
  19. package/es/components/data-view/InfiniteListView.vue.mjs +1 -1
  20. package/es/components/data-view/InfiniteListView.vue2.mjs +25 -18
  21. package/es/components/data-view/use-grid-layout.mjs +13 -15
  22. package/es/components/display/TabsMain.vue.mjs +3 -1
  23. package/es/components/display/use-badge.mjs +10 -3
  24. package/es/components/form/FormItem.vue.mjs +1 -1
  25. package/es/components/form/FormMain.vue.mjs +1 -1
  26. package/es/components/form/FormMain.vue2.mjs +11 -4
  27. package/es/components/form/FormSearch.vue.mjs +1 -1
  28. package/es/components/form/FormSearch.vue2.mjs +12 -4
  29. package/es/components/form/FormSubmitPanel.vue.mjs +1 -1
  30. package/es/components/form/FormSubmitPanel.vue2.mjs +2 -0
  31. package/es/components/form/use-ai-fill.mjs +7 -1
  32. package/es/components/list-layout/ListLayout.vue.mjs +1 -1
  33. package/es/components/list-layout/ListLayout.vue2.mjs +19 -10
  34. package/es/components/modal/ModalConfirm.vue.mjs +1 -1
  35. package/es/components/modal/ModalConfirm.vue2.mjs +28 -5
  36. package/es/components/table/TableToolbar.vue.mjs +1 -1
  37. package/es/components/table/TableToolbar.vue2.mjs +15 -1
  38. package/es/components/view-layout/ViewLayout.vue.mjs +1 -1
  39. package/es/components/view-layout/ViewLayout.vue2.mjs +22 -29
  40. package/es/components/view-layout/ViewLayoutToolbar.vue.mjs +1 -1
  41. package/es/components/view-layout/ViewLayoutToolbar.vue2.mjs +16 -129
  42. package/es/config/slot-region.mjs +1 -0
  43. package/es/hooks/use-surface.mjs +5 -0
  44. package/es/hooks/use-theme-apply.mjs +18 -0
  45. package/es/index.mjs +4 -1
  46. package/es/store/app.mjs +26 -11
  47. package/es/style.css +230 -172
  48. package/package.json +2 -2
  49. package/src/bridge/docs/README.md +19 -3
  50. package/src/components/app-layout/docs/README-AppBody.md +25 -1
  51. package/src/components/app-layout/docs/README-AppHeader.md +1 -1
  52. package/src/components/app-layout/docs/README-AppPage.md +172 -3
  53. package/src/components/data-view/docs/README-DataListView.md +40 -1
  54. package/src/components/data-view/docs/README-InfiniteListView.md +68 -4
  55. package/src/components/display/docs/README-BadgeMark.md +18 -10
  56. package/src/components/form/docs/README-FormMain.md +26 -0
  57. package/src/components/list-layout/docs/README-ListLayout.md +12 -1
  58. package/src/components/menu/README.md +1 -1
  59. package/src/components/modal/docs/README-ModalConfirm.md +57 -0
  60. package/src/components/view-layout/docs/README-ViewLayout.md +46 -129
  61. package/types/bridge/config-hook.d.ts +5 -2
  62. package/types/bridge/index.d.ts +22 -0
  63. package/types/components/app-layout/AppPage.vue.d.ts +43 -1
  64. package/types/components/app-layout/AppPageNavBar.vue.d.ts +48 -0
  65. package/types/components/app-layout/app-page-geometry.d.ts +27 -2
  66. package/types/components/app-layout/app-page-slot-surface.d.ts +18 -0
  67. package/types/components/app-layout/index.d.ts +1 -0
  68. package/types/components/app-layout/types.d.ts +37 -1
  69. package/types/components/app-layout/use-app-page-title-field.d.ts +49 -0
  70. package/types/components/data-view/DataListViewItem.vue.d.ts +7 -0
  71. package/types/components/data-view/types.d.ts +26 -3
  72. package/types/components/data-view/use-grid-layout.d.ts +31 -6
  73. package/types/components/form/types.d.ts +8 -2
  74. package/types/components/list-layout/ListLayout.vue.d.ts +23 -2
  75. package/types/components/list-layout/types.d.ts +7 -0
  76. package/types/components/view-layout/ViewLayout.vue.d.ts +4 -16
  77. package/types/components/view-layout/ViewLayoutToolbar.vue.d.ts +3 -9
  78. package/types/components/view-layout/types.d.ts +11 -50
  79. package/types/config/slot-region.d.ts +17 -1
  80. package/types/injectInfo.json.d.ts +1 -1
package/es/style.css CHANGED
@@ -1,11 +1,11 @@
1
- .confirm-modal__title[data-v-6277d32b] {
1
+ .confirm-modal__title[data-v-60cc7374] {
2
2
  font-size: 16px;
3
3
  font-weight: 600;
4
4
  line-height: 24px;
5
5
  color: var(--el-text-color-primary);
6
6
  text-align: left;
7
7
  }
8
- .confirm-modal__content[data-v-6277d32b] {
8
+ .confirm-modal__content[data-v-60cc7374] {
9
9
  overflow-x: hidden;
10
10
  overflow-y: auto;
11
11
  max-height: calc(100vh - 200px);
@@ -15,43 +15,46 @@
15
15
  text-align: left;
16
16
  word-break: break-word;
17
17
  }
18
- .confirm-modal__content_drawer[data-v-6277d32b] {
18
+ .confirm-modal__content_drawer[data-v-60cc7374] {
19
19
  max-height: none;
20
20
  height: 100%;
21
21
  }
22
- .confirm-modal__footer[data-v-6277d32b] {
22
+ .confirm-modal__footer[data-v-60cc7374] {
23
23
  display: flex;
24
24
  justify-content: flex-end;
25
25
  align-items: center;
26
26
  gap: 8px;
27
27
  }
28
- .confirm-modal__footer[data-v-6277d32b] .el-button {
28
+ .confirm-modal__footer[data-v-60cc7374] .el-button {
29
29
  min-width: 72px;
30
30
  }
31
- .confirm-modal__footer[reverse="true"][data-v-6277d32b] {
31
+ .confirm-modal__footer[reverse="true"][data-v-60cc7374] {
32
32
  flex-direction: row-reverse;
33
33
  }
34
34
  .dc-confirm-modal.el-drawer .el-drawer__header {
35
35
  margin-bottom: 0;
36
- padding: 16px 20px;
36
+ padding: var(--dc-confirm-modal-pad-chrome-y, 12px) var(--dc-confirm-modal-pad-x, 16px);
37
37
  color: var(--el-text-color-primary);
38
+ background: var(--dc-core-surface, var(--el-bg-color));
38
39
  }
39
40
  .dc-confirm-modal.el-drawer .el-drawer__body {
40
- padding: 20px;
41
+ padding: var(--dc-confirm-modal-pad-body-y, 16px) var(--dc-confirm-modal-pad-x, 16px);
42
+ background: var(--dc-core-ground, var(--el-bg-color-page));
41
43
  }
42
44
  .dc-confirm-modal.el-drawer .el-drawer__footer {
43
- padding: 12px 20px;
45
+ padding: var(--dc-confirm-modal-pad-chrome-y, 12px) var(--dc-confirm-modal-pad-x, 16px);
46
+ background: var(--dc-core-surface, var(--el-bg-color));
44
47
  }
45
48
  .dc-confirm-modal.confirm-modal_hidden-header .el-dialog__header {
46
49
  display: none;
47
50
  }
48
51
  .dc-confirm-modal.confirm-modal_header-divider .el-drawer__header,
49
52
  .dc-confirm-modal.confirm-modal_header-divider .el-dialog__header {
50
- border-bottom: 1px solid var(--el-border-color-lighter);
53
+ border-bottom: 1px solid var(--dc-core-border-color, var(--el-border-color));
51
54
  }
52
55
  .dc-confirm-modal.confirm-modal_footer-divider .el-drawer__footer,
53
56
  .dc-confirm-modal.confirm-modal_footer-divider .el-dialog__footer {
54
- border-top: 1px solid var(--el-border-color-lighter);
57
+ border-top: 1px solid var(--dc-core-border-color, var(--el-border-color));
55
58
  }
56
59
  .action-confirm__title[data-v-e57e5fe0] {
57
60
  font-weight: 600;
@@ -82,19 +85,71 @@
82
85
  overflow: hidden;
83
86
  pointer-events: none;
84
87
  }
85
- .app-page[data-v-73e3d4a9] {
86
- --dc-page-content-viewport-top: var(--v62d8191f);
87
- --dc-page-content-viewport-bottom: var(--v7adfb621);
88
- --dc-page-content-viewport-left: var(--v0fb17d06);
89
- --dc-page-content-viewport-right: var(--v0d174f66);
90
- --dc-page-content-viewport-width: var(--v0d5dbb10);
91
- --dc-page-content-viewport-height: var(--f6eaa5c6);
88
+ .app-page-nav-bar[data-v-1f8c3893] {
89
+ box-sizing: border-box;
90
+ width: 100%;
91
+ background: var(--dc-core-surface, var(--el-bg-color));
92
+ border-radius: var(--dc-core-radius, var(--el-border-radius-base));
93
+ box-shadow: 0 2px 8px -4px var(--dc-core-border-color, var(--el-border-color));
94
+ }
95
+ .app-page-nav-bar__main[data-v-1f8c3893] {
96
+ display: flex;
97
+ align-items: center;
98
+ gap: 10px;
99
+ min-height: 44px;
100
+ }
101
+ .app-page-nav-bar__title[data-v-1f8c3893] {
102
+ flex: 1 1 auto;
103
+ min-width: 0;
104
+ overflow: hidden;
105
+ color: var(--el-text-color-primary);
106
+ font-size: 16px;
107
+ font-weight: 600;
108
+ line-height: 1.4;
109
+ white-space: nowrap;
110
+ text-overflow: ellipsis;
92
111
  }
93
- .app-page-shim[data-v-73e3d4a9] {
112
+ .app-page-nav-bar__back[data-v-1f8c3893],
113
+ .app-page-nav-bar__more[data-v-1f8c3893] {
114
+ display: inline-flex;
115
+ align-items: center;
116
+ justify-content: center;
117
+ flex: none;
118
+ width: 44px;
119
+ height: 44px;
120
+ font-size: 18px;
121
+ color: var(--el-text-color-primary);
122
+ cursor: pointer;
123
+ user-select: none;
124
+ }
125
+ .app-page-nav-bar__back[data-v-1f8c3893]:hover,
126
+ .app-page-nav-bar__more[data-v-1f8c3893]:hover {
127
+ color: var(--dc-core-primary-color, var(--el-color-primary));
128
+ }
129
+ .app-page-nav-bar__back[data-v-1f8c3893] {
130
+ margin-left: -13px;
131
+ }
132
+ .app-page-nav-bar__more[data-v-1f8c3893] {
133
+ margin-right: 0;
134
+ }
135
+ .app-page-nav-bar__tabbar[data-v-1f8c3893] {
136
+ display: flex;
137
+ align-items: center;
138
+ min-width: 0;
139
+ }
140
+ .app-page[data-v-f05fad7f] {
141
+ --dc-page-content-viewport-top: var(--v14128d84);
142
+ --dc-page-content-viewport-bottom: var(--v8762a8c8);
143
+ --dc-page-content-viewport-left: var(--v6e3b59b8);
144
+ --dc-page-content-viewport-right: var(--v59863e8b);
145
+ --dc-page-content-viewport-width: var(--v59ccaa35);
146
+ --dc-page-content-viewport-height: var(--v740cbad0);
147
+ }
148
+ .app-page-shim[data-v-f05fad7f] {
94
149
  display: flow-root;
95
- --app-viewport-max-height: var(--v4ad30b28);
150
+ --app-viewport-max-height: var(--v0517015e);
96
151
  }
97
- .app-page-slot-shim[data-v-73e3d4a9] {
152
+ .app-page-slot-shim[data-v-f05fad7f] {
98
153
  box-sizing: border-box;
99
154
  width: 100%;
100
155
  height: 100%;
@@ -135,73 +190,53 @@ to {
135
190
  text-align: center;
136
191
  font-variant-numeric: tabular-nums;
137
192
  }
138
- .view-layout-toolbar[data-v-99d466e9] {
193
+ .view-layout-toolbar[data-v-56bbc322] {
139
194
  display: flex;
140
195
  justify-content: space-between;
141
196
  align-items: center;
142
- padding: 0 var(--v507b6fb2);
143
- position: relative;
144
- gap: 20px;
145
- background: color-mix(in srgb, var(--dc-core-surface, var(--el-bg-color)) 50%, var(--dc-core-ground, var(--el-bg-color-page)));
197
+ min-height: 44px;
198
+ padding: 0 var(--v466ae854);
199
+ background: var(--dc-core-surface, var(--el-bg-color));
146
200
  border-radius: 0;
147
201
  }
148
- .view-layout-toolbar[data-v-99d466e9]::before {
202
+ .view-layout-toolbar[data-v-56bbc322]::before {
149
203
  content: "";
150
- position: absolute;
151
- top: 0;
152
- left: 0;
153
- width: calc(var(--v507b6fb2) * 3);
204
+ display: inline-block;
205
+ box-sizing: border-box;
206
+ flex: none;
207
+ width: calc(var(--v466ae854) * 4);
208
+ padding-right: var(--v466ae854);
154
209
  height: 3px;
155
210
  border-radius: 3px;
156
211
  background: var(--dc-core-primary-color, var(--el-color-primary));
212
+ background-clip: content-box;
157
213
  }
158
- .view-layout-toolbar_app-bar[data-v-99d466e9] {
159
- box-shadow: 0 2px 8px -4px var(--dc-core-border-color, var(--el-border-color));
160
- min-height: 44px;
161
- }
162
- .view-layout-toolbar_app-bar[data-v-99d466e9]::before {
163
- content: none;
164
- }
165
- .view-layout-toolbar__back[data-v-99d466e9],
166
- .view-layout-toolbar__more[data-v-99d466e9] {
167
- display: inline-flex;
168
- align-items: center;
169
- justify-content: center;
170
- flex: none;
171
- width: 44px;
172
- height: 44px;
173
- font-size: 18px;
174
- color: var(--el-text-color-primary);
175
- cursor: pointer;
176
- user-select: none;
177
- }
178
- .view-layout-toolbar__back[data-v-99d466e9]:hover,
179
- .view-layout-toolbar__more[data-v-99d466e9]:hover {
180
- color: var(--dc-core-primary-color, var(--el-color-primary));
181
- }
182
- .view-layout-toolbar__back[data-v-99d466e9] {
183
- margin-left: -13px;
184
- }
185
- .view-layout-toolbar__more[data-v-99d466e9] {
186
- margin-right: 0;
214
+ .view-layout-toolbar__left[data-v-56bbc322] {
215
+ flex: 1 1 auto;
216
+ min-width: 0;
187
217
  }
188
- .view-layout-toolbar__left[data-v-99d466e9],
189
- .view-layout-toolbar__right[data-v-99d466e9] {
218
+ .view-layout-toolbar__left[data-v-56bbc322],
219
+ .view-layout-toolbar__right[data-v-56bbc322] {
190
220
  display: flex;
191
221
  align-items: center;
192
- gap: 10px;
222
+ gap: var(--v93b5fbf4);
223
+ }
224
+ .view-layout-toolbar__left[data-v-56bbc322] .el-button + .el-button,
225
+ .view-layout-toolbar__right[data-v-56bbc322] .el-button + .el-button {
226
+ margin-left: 0;
193
227
  }
194
- .view-layout-toolbar__left[data-v-99d466e9] > *,
195
- .view-layout-toolbar__right[data-v-99d466e9] > * {
228
+ .view-layout-toolbar__left[data-v-56bbc322] > *,
229
+ .view-layout-toolbar__right[data-v-56bbc322] > * {
196
230
  flex: none;
197
231
  }
198
- .view-layout-toolbar__left .view-layout-header[data-v-99d466e9] {
232
+ .view-layout-toolbar__left .view-layout-header[data-v-56bbc322] {
199
233
  flex: 1 1 auto;
200
234
  }
201
- .view-layout-toolbar__right[data-v-99d466e9] {
235
+ .view-layout-toolbar__right[data-v-56bbc322] {
202
236
  flex: none;
237
+ margin-left: 20px;
203
238
  }
204
- .view-layout-header[data-v-99d466e9] {
239
+ .view-layout-header[data-v-56bbc322] {
205
240
  flex: 0 1 auto;
206
241
  min-width: 0;
207
242
  overflow: hidden;
@@ -212,14 +247,14 @@ to {
212
247
  white-space: nowrap;
213
248
  text-overflow: ellipsis;
214
249
  }
215
- .view-layout[data-v-f386aec7] {
250
+ .view-layout[data-v-2a70d3bc] {
216
251
  display: flex;
217
252
  flex-direction: column;
218
253
  }
219
- .view-layout-content[data-v-f386aec7] {
254
+ .view-layout-content[data-v-2a70d3bc] {
220
255
  overflow: auto;
221
256
  box-sizing: border-box;
222
- padding: var(--v5975c734);
257
+ padding: var(--v4035b64a);
223
258
  }
224
259
  .dc-app-page-detail__title[data-v-1b784d3a] {
225
260
  padding-bottom: 12px;
@@ -234,14 +269,15 @@ to {
234
269
  height: 100%;
235
270
  overflow: hidden;
236
271
  }
237
- .form-item-tip[data-v-940abdf9] {
272
+ .form-item-tip[data-v-191f1c05] {
238
273
  width: 100%;
239
274
  min-width: 0;
240
275
  text-align: left;
241
276
  line-height: 1.5;
242
277
  font-size: 12px;
243
278
  }
244
- .form-item-label-hide[data-v-940abdf9] .el-form-item__label-wrap {
279
+ .form-item-label-hide[data-v-191f1c05] .el-form-item__label-wrap,
280
+ .form-item-label-hide[data-v-191f1c05] .el-form-item__label {
245
281
  display: none;
246
282
  }
247
283
  .drag-float[data-v-0ab49ed7] {
@@ -281,33 +317,33 @@ to {
281
317
  opacity: 0.3;
282
318
  }
283
319
  }
284
- [data-v-ba043bbe] .el-row > .el-col > .el-form-item {
320
+ [data-v-096c744b] .el-row > .el-col > .el-form-item {
285
321
  margin-bottom: var(--dc-core-form-item-gap, 18px);
286
322
  }
287
- [data-v-ba043bbe] .el-row > .el-col > .el-form-item.dc-form-item-collapsed,[data-v-ba043bbe] .el-row > .el-col:has(> .el-form-item.dc-form-item-collapsed) {
323
+ [data-v-096c744b] .el-row > .el-col > .el-form-item.dc-form-item-collapsed,[data-v-096c744b] .el-row > .el-col:has(> .el-form-item.dc-form-item-collapsed) {
288
324
  display: none;
289
325
  }
290
- [data-v-ba043bbe] .el-row > .el-col > .el-form-item.dc-form-item-pseudo {
326
+ [data-v-096c744b] .el-row > .el-col > .el-form-item.dc-form-item-pseudo {
291
327
  margin-bottom: 8px;
292
328
  }
293
- .dc-form-main[data-v-ba043bbe] {
329
+ .dc-form-main[data-v-096c744b] {
294
330
  position: relative;
295
331
  }
296
- .dc-form-main .form-ai-fill-anchor[data-v-ba043bbe] {
332
+ .dc-form-main .form-ai-fill-anchor[data-v-096c744b] {
297
333
  opacity: 0.45;
298
334
  transition: opacity var(--dc-core-motion-duration, 0.2s) ease;
299
335
  }
300
- .dc-form-main:hover .form-ai-fill-anchor[data-v-ba043bbe],
301
- .dc-form-main:focus-within .form-ai-fill-anchor[data-v-ba043bbe],
302
- .dc-form-main .form-ai-fill-anchor[data-v-ba043bbe]:hover,
303
- .dc-form-main .form-ai-fill-anchor[data-v-ba043bbe]:focus-within {
336
+ .dc-form-main:hover .form-ai-fill-anchor[data-v-096c744b],
337
+ .dc-form-main:focus-within .form-ai-fill-anchor[data-v-096c744b],
338
+ .dc-form-main .form-ai-fill-anchor[data-v-096c744b]:hover,
339
+ .dc-form-main .form-ai-fill-anchor[data-v-096c744b]:focus-within {
304
340
  opacity: 1;
305
341
  }
306
- [data-v-ba043bbe] .el-col.dc-form-item-ai-filled > .el-form-item {
307
- animation: dc-form-ai-filled-flash-ba043bbe 1.6s ease-out;
342
+ [data-v-096c744b] .el-col.dc-form-item-ai-filled > .el-form-item {
343
+ animation: dc-form-ai-filled-flash-096c744b 1.6s ease-out;
308
344
  border-radius: 4px;
309
345
  }
310
- @keyframes dc-form-ai-filled-flash-ba043bbe {
346
+ @keyframes dc-form-ai-filled-flash-096c744b {
311
347
  0% {
312
348
  background-color: var(--dc-core-primary-color-light-8, var(--el-color-primary-light-8));
313
349
  }
@@ -336,56 +372,56 @@ to {
336
372
  padding: 4px;
337
373
  color: var(--el-text-color-secondary);
338
374
  }
339
- .form-submit-panel[data-v-b89f8f9f] {
375
+ .form-submit-panel[data-v-b3ea2e8e] {
340
376
  display: flex;
341
377
  flex-direction: column;
342
378
  }
343
- .form-submit-panel_surface[data-v-b89f8f9f] {
379
+ .form-submit-panel_surface[data-v-b3ea2e8e] {
344
380
  padding: var(--dc-core-content-gap, 12px);
345
381
  border-radius: var(--dc-core-radius, 4px);
346
382
  background: var(--el-bg-color);
347
383
  }
348
- .form-submit-panel .form-submit-panel-form[data-v-b89f8f9f] {
384
+ .form-submit-panel .form-submit-panel-form[data-v-b3ea2e8e] {
349
385
  order: 1;
350
386
  }
351
- .form-submit-panel .form-submit-panel-operation[data-v-b89f8f9f] {
387
+ .form-submit-panel .form-submit-panel-operation[data-v-b3ea2e8e] {
352
388
  order: 2;
353
389
  }
354
- .form-submit-panel .form-submit-panel-operation-inner[data-v-b89f8f9f] {
390
+ .form-submit-panel .form-submit-panel-operation-inner[data-v-b3ea2e8e] {
355
391
  display: flex;
356
392
  align-items: center;
357
393
  gap: 8px;
358
394
  padding: 10px 12px;
359
395
  }
360
- .form-submit-panel .el-affix--fixed .form-submit-panel-operation-inner[data-v-b89f8f9f] {
396
+ .form-submit-panel .el-affix--fixed .form-submit-panel-operation-inner[data-v-b3ea2e8e] {
361
397
  background-color: var(--dc-core-body-color);
362
398
  }
363
- .form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-b89f8f9f],
364
- .form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-b89f8f9f] {
399
+ .form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-b3ea2e8e],
400
+ .form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-b3ea2e8e] {
365
401
  border-top: 1px solid var(--el-border-color-light);
366
402
  border-bottom-left-radius: var(--dc-core-radius, var(--el-border-radius-base));
367
403
  border-bottom-right-radius: var(--dc-core-radius, var(--el-border-radius-base));
368
404
  }
369
- .form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-b89f8f9f] {
405
+ .form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-b3ea2e8e] {
370
406
  justify-content: center;
371
407
  }
372
- .form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-b89f8f9f] {
408
+ .form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-b3ea2e8e] {
373
409
  justify-content: flex-end;
374
410
  }
375
- .form-submit-panel_top-right .form-submit-panel-operation[data-v-b89f8f9f] {
411
+ .form-submit-panel_top-right .form-submit-panel-operation[data-v-b3ea2e8e] {
376
412
  order: 0;
377
413
  }
378
- .form-submit-panel_top-right .form-submit-panel-operation-inner[data-v-b89f8f9f] {
414
+ .form-submit-panel_top-right .form-submit-panel-operation-inner[data-v-b3ea2e8e] {
379
415
  justify-content: flex-end;
380
416
  border-bottom: 1px solid var(--el-border-color-light);
381
417
  border-top-left-radius: var(--dc-core-radius, var(--el-border-radius-base));
382
418
  border-top-right-radius: var(--dc-core-radius, var(--el-border-radius-base));
383
419
  }
384
- .form-submit-panel_no-divider .form-submit-panel-operation-inner[data-v-b89f8f9f] {
420
+ .form-submit-panel_no-divider .form-submit-panel-operation-inner[data-v-b3ea2e8e] {
385
421
  border: none;
386
422
  border-radius: 0;
387
423
  }
388
- .form-submit-panel_bare .form-submit-panel-operation-inner[data-v-b89f8f9f] {
424
+ .form-submit-panel_bare .form-submit-panel-operation-inner[data-v-b3ea2e8e] {
389
425
  padding: 0;
390
426
  }
391
427
  .panel-edit-switch[data-v-17f3b3db] {
@@ -434,23 +470,23 @@ to {
434
470
  .panel-main-item-col:not(:last-of-type) .panel-main-item-col-wrap_card[data-v-e74d05c3] {
435
471
  margin-bottom: var(--v0799966c);
436
472
  }
437
- .form-search[data-v-e52f9711] {
473
+ .form-search[data-v-2a461deb] {
438
474
  display: flow-root;
439
475
  }
440
- .form-search_show[data-v-e52f9711] {
476
+ .form-search_show[data-v-2a461deb] {
441
477
  margin-bottom: 10px;
442
478
  }
443
- .form-search[data-v-e52f9711] > .el-form {
479
+ .form-search[data-v-2a461deb] > .el-form {
444
480
  margin-bottom: calc(-1 * var(--dc-core-form-item-gap, 18px));
445
481
  }
446
- .form-search .btn-box[data-v-e52f9711] {
482
+ .form-search .btn-box[data-v-2a461deb] {
447
483
  display: flex;
448
484
  align-items: center;
449
485
  gap: 8px;
450
486
  justify-content: flex-end;
451
487
  margin-bottom: var(--dc-core-form-item-gap, 18px);
452
488
  }
453
- .form-search .btn-box-expand-icon[data-v-e52f9711] {
489
+ .form-search .btn-box-expand-icon[data-v-2a461deb] {
454
490
  margin-right: 2px;
455
491
  }
456
492
  .form-verify-image[data-v-7a70397e] .el-input__suffix-inner * {
@@ -666,16 +702,16 @@ to {
666
702
  align-items: center;
667
703
  justify-content: flex-start;
668
704
  }
669
- .app-body[data-v-ca48e9a0] {
705
+ .app-body[data-v-84bfe27d] {
670
706
  transition-duration: 0.3s;
671
707
  transition-property: padding;
672
708
  transition-timing-function: linear;
673
709
  min-height: 100vh;
674
710
  }
675
- .app-body-shim[data-v-ca48e9a0] {
711
+ .app-body-shim[data-v-84bfe27d] {
676
712
  width: 100%;
677
713
  display: flow-root;
678
- --app-viewport-max-height: var(--ece8e1ac);
714
+ --app-viewport-max-height: var(--v645a9d15);
679
715
  }
680
716
  .app-footer[data-v-de6fd086] {
681
717
  transition-duration: 0.3s;
@@ -889,24 +925,24 @@ to {
889
925
  .form-divider[data-v-66a37c1d] {
890
926
  margin: 8px 0;
891
927
  }
892
- .table-toolbar[data-v-0220e327] {
928
+ .table-toolbar[data-v-bdf7a873] {
893
929
  display: flex;
894
930
  justify-content: space-between;
895
931
  align-items: center;
896
932
  padding-bottom: 8px;
897
933
  gap: 20px;
898
934
  }
899
- .table-toolbar-left[data-v-0220e327] {
935
+ .table-toolbar-left[data-v-bdf7a873],
936
+ .table-toolbar-right[data-v-bdf7a873] {
900
937
  display: flex;
901
938
  align-items: center;
902
- gap: 10px;
939
+ gap: var(--v5e2681ca);
903
940
  }
904
- .table-toolbar-right[data-v-0220e327] {
905
- display: flex;
906
- align-items: center;
907
- gap: 10px;
941
+ .table-toolbar-left[data-v-bdf7a873] .el-button + .el-button,
942
+ .table-toolbar-right[data-v-bdf7a873] .el-button + .el-button {
943
+ margin-left: 0;
908
944
  }
909
- .table-toolbar-switch-view[data-v-0220e327] {
945
+ .table-toolbar-switch-view[data-v-bdf7a873] {
910
946
  --el-switch-off-color: var(--dc-core-primary-color);
911
947
  --el-switch-on-color: var(--dc-core-warning-color);
912
948
  }
@@ -973,24 +1009,31 @@ to {
973
1009
  animation: none;
974
1010
  }
975
1011
  }
976
- .infinite-list-view_surface[data-v-4f0267ce] {
1012
+ .infinite-list-view_surface[data-v-0dd69aa5] {
977
1013
  box-sizing: border-box;
978
- padding: var(--v407ba190);
1014
+ padding: var(--v03523e76);
979
1015
  border-radius: var(--dc-core-radius, var(--el-border-radius-base));
980
1016
  }
981
- .infinite-list-view_surface-bg[data-v-4f0267ce] {
1017
+ .infinite-list-view_surface-bg[data-v-0dd69aa5] {
982
1018
  background: var(--el-bg-color);
983
1019
  }
984
- .infinite-list-view[data-v-4f0267ce] {
1020
+ .infinite-list-view[data-v-0dd69aa5] {
985
1021
  width: 100%;
986
1022
  }
987
- .infinite-list-view__viewport[data-v-4f0267ce] {
1023
+ .infinite-list-view__viewport[data-v-0dd69aa5] {
988
1024
  width: 100%;
989
1025
  }
990
- .infinite-list-view__sentinel[data-v-4f0267ce] {
1026
+ .infinite-list-view__row.is-card[data-v-0dd69aa5] {
1027
+ box-sizing: border-box;
1028
+ background: var(--el-bg-color);
1029
+ border: 1px solid var(--dc-core-border-color, var(--el-border-color-lighter));
1030
+ border-radius: var(--dc-core-radius, var(--el-border-radius-base));
1031
+ padding: var(--v7a2efb58);
1032
+ }
1033
+ .infinite-list-view__sentinel[data-v-0dd69aa5] {
991
1034
  height: 1px;
992
1035
  }
993
- .infinite-list-view__footer[data-v-4f0267ce] {
1036
+ .infinite-list-view__footer[data-v-0dd69aa5] {
994
1037
  display: flex;
995
1038
  justify-content: center;
996
1039
  align-items: center;
@@ -998,17 +1041,17 @@ to {
998
1041
  color: var(--dc-core-text-color-secondary, var(--el-text-color-secondary));
999
1042
  font-size: 13px;
1000
1043
  }
1001
- .infinite-list-view__json[data-v-4f0267ce] {
1044
+ .infinite-list-view__json[data-v-0dd69aa5] {
1002
1045
  margin: 0;
1003
1046
  font-size: 12px;
1004
1047
  white-space: pre-wrap;
1005
1048
  word-break: break-all;
1006
1049
  color: var(--dc-core-text-color-secondary, var(--el-text-color-secondary));
1007
1050
  }
1008
- .infinite-list-view__tip[data-v-4f0267ce] {
1051
+ .infinite-list-view__tip[data-v-0dd69aa5] {
1009
1052
  color: var(--dc-core-text-color-secondary, var(--el-text-color-secondary));
1010
1053
  }
1011
- .infinite-list-view__retry[data-v-4f0267ce] {
1054
+ .infinite-list-view__retry[data-v-0dd69aa5] {
1012
1055
  border: none;
1013
1056
  background: transparent;
1014
1057
  color: var(--dc-core-primary-color, var(--el-color-primary));
@@ -1016,10 +1059,10 @@ to {
1016
1059
  cursor: pointer;
1017
1060
  padding: 0;
1018
1061
  }
1019
- .infinite-list-view__retry[data-v-4f0267ce]:hover {
1062
+ .infinite-list-view__retry[data-v-0dd69aa5]:hover {
1020
1063
  opacity: 0.8;
1021
1064
  }
1022
- .infinite-list-view__empty[data-v-4f0267ce] {
1065
+ .infinite-list-view__empty[data-v-0dd69aa5] {
1023
1066
  display: flex;
1024
1067
  justify-content: center;
1025
1068
  align-items: center;
@@ -1027,7 +1070,15 @@ to {
1027
1070
  min-height: 60px;
1028
1071
  color: var(--dc-core-text-color-secondary, var(--el-text-color-secondary));
1029
1072
  }
1030
- .infinite-list-view__pull-indicator[data-v-4f0267ce] {
1073
+ .infinite-list-view__empty.is-card[data-v-0dd69aa5] {
1074
+ box-sizing: border-box;
1075
+ background: var(--el-bg-color);
1076
+ border: 1px solid var(--dc-core-border-color, var(--el-border-color-lighter));
1077
+ border-radius: var(--dc-core-radius, var(--el-border-radius-base));
1078
+ padding: var(--v7a2efb58);
1079
+ margin: 0 auto;
1080
+ }
1081
+ .infinite-list-view__pull-indicator[data-v-0dd69aa5] {
1031
1082
  display: flex;
1032
1083
  justify-content: center;
1033
1084
  align-items: flex-end;
@@ -1036,56 +1087,56 @@ to {
1036
1087
  color: var(--dc-core-text-color-secondary, var(--el-text-color-secondary));
1037
1088
  transition: height 0.2s;
1038
1089
  }
1039
- .infinite-list-view__pull-indicator > span[data-v-4f0267ce] {
1090
+ .infinite-list-view__pull-indicator > span[data-v-0dd69aa5] {
1040
1091
  padding-bottom: 6px;
1041
1092
  }
1042
- .data-grid-view[data-v-b4c213bc] {
1093
+ .data-grid-view[data-v-55ae2fc9] {
1043
1094
  width: 100%;
1044
1095
  }
1045
- .data-grid-view_surface[data-v-b4c213bc] {
1046
- padding: var(--v081d8ea3);
1096
+ .data-grid-view_surface[data-v-55ae2fc9] {
1097
+ padding: var(--v5a6e24ce);
1047
1098
  border-radius: var(--dc-core-radius, var(--el-border-radius-base));
1048
1099
  }
1049
- .data-grid-view_surface-bg[data-v-b4c213bc] {
1100
+ .data-grid-view_surface-bg[data-v-55ae2fc9] {
1050
1101
  background: var(--el-bg-color);
1051
1102
  }
1052
- .data-grid-view__grid[data-v-b4c213bc] {
1103
+ .data-grid-view__grid[data-v-55ae2fc9] {
1053
1104
  display: grid;
1054
1105
  }
1055
- .data-grid-view__cell.is-active[data-v-b4c213bc] {
1106
+ .data-grid-view__cell.is-active[data-v-55ae2fc9] {
1056
1107
  /* stylelint-disable-next-line block-no-empty */
1057
1108
  }
1058
- .data-grid-view__cell[data-v-b4c213bc] {
1109
+ .data-grid-view__cell[data-v-55ae2fc9] {
1059
1110
  min-width: 0;
1060
1111
  }
1061
- .data-grid-view__cell.is-card[data-v-b4c213bc] {
1112
+ .data-grid-view__cell.is-card[data-v-55ae2fc9] {
1062
1113
  box-sizing: border-box;
1063
1114
  background: var(--el-bg-color);
1064
1115
  border: 1px solid var(--dc-core-border-color, var(--el-border-color-lighter));
1065
1116
  border-radius: var(--dc-core-radius, var(--el-border-radius-base));
1066
1117
  }
1067
- .data-grid-view__card[data-v-b4c213bc] {
1118
+ .data-grid-view__card[data-v-55ae2fc9] {
1068
1119
  height: 100%;
1069
1120
  box-sizing: border-box;
1070
1121
  overflow: hidden;
1071
1122
  }
1072
- .data-grid-view__field[data-v-b4c213bc] {
1123
+ .data-grid-view__field[data-v-55ae2fc9] {
1073
1124
  display: flex;
1074
1125
  gap: 6px;
1075
1126
  align-items: baseline;
1076
1127
  line-height: 1.6;
1077
1128
  font-size: 13px;
1078
1129
  }
1079
- .data-grid-view__field-label[data-v-b4c213bc] {
1130
+ .data-grid-view__field-label[data-v-55ae2fc9] {
1080
1131
  flex-shrink: 0;
1081
1132
  color: var(--dc-core-text-color-secondary, var(--el-text-color-secondary));
1082
1133
  }
1083
- .data-grid-view__field-value[data-v-b4c213bc] {
1134
+ .data-grid-view__field-value[data-v-55ae2fc9] {
1084
1135
  overflow: hidden;
1085
1136
  text-overflow: ellipsis;
1086
1137
  white-space: nowrap;
1087
1138
  }
1088
- .data-grid-view__empty-error[data-v-b4c213bc] {
1139
+ .data-grid-view__empty-error[data-v-55ae2fc9] {
1089
1140
  display: flex;
1090
1141
  justify-content: center;
1091
1142
  align-items: center;
@@ -1472,27 +1523,27 @@ html.dark .form-item-nest-form[data-v-358d6905]::before {
1472
1523
  .dc-form-upload-video__thumb_empty[data-v-5eac98bc] {
1473
1524
  background: var(--el-fill-color-light);
1474
1525
  }
1475
- .data-list-view-item.is-selected[data-v-4b05138c] {
1526
+ .data-list-view-item.is-selected[data-v-af6923e4] {
1476
1527
  /* 选中(勾选)态钩子,具体视觉由消费方覆写 */
1477
1528
  }
1478
- .data-list-view-item.is-active[data-v-4b05138c] {
1529
+ .data-list-view-item.is-active[data-v-af6923e4] {
1479
1530
  /* 当前项(active)态钩子,具体视觉由消费方覆写 */
1480
1531
  }
1481
- .data-list-view-item.is-card[data-v-4b05138c] {
1532
+ .data-list-view-item.is-card[data-v-af6923e4] {
1482
1533
  box-sizing: border-box;
1483
- padding: 12px;
1484
1534
  background: var(--el-bg-color);
1485
1535
  border: 1px solid var(--dc-core-border-color, var(--el-border-color-lighter));
1486
1536
  border-radius: var(--dc-core-radius, var(--el-border-radius-base));
1537
+ padding: 12px;
1487
1538
  }
1488
- .data-list-view-item.is-masonry[data-v-4b05138c] {
1539
+ .data-list-view-item.is-masonry[data-v-af6923e4] {
1489
1540
  align-self: start;
1490
1541
  grid-row-end: span 125;
1491
1542
  }
1492
- .data-list-view[data-v-f900ae4e] {
1543
+ .data-list-view[data-v-5fc6baea] {
1493
1544
  width: 100%;
1494
1545
  }
1495
- .data-list-view-empty[data-v-f900ae4e] {
1546
+ .data-list-view-empty[data-v-5fc6baea] {
1496
1547
  display: flex;
1497
1548
  justify-content: center;
1498
1549
  align-items: center;
@@ -1500,6 +1551,13 @@ html.dark .form-item-nest-form[data-v-358d6905]::before {
1500
1551
  min-height: 60px;
1501
1552
  grid-column: 1 / -1;
1502
1553
  }
1554
+ .data-list-view-empty.is-card[data-v-5fc6baea] {
1555
+ box-sizing: border-box;
1556
+ background: var(--el-bg-color);
1557
+ border: 1px solid var(--dc-core-border-color, var(--el-border-color-lighter));
1558
+ border-radius: var(--dc-core-radius, var(--el-border-radius-base));
1559
+ padding: var(--v19364596);
1560
+ }
1503
1561
  .table-main_surface[data-v-f5764fe4] {
1504
1562
  padding: var(--v5308fe58);
1505
1563
  border-radius: var(--dc-core-radius, var(--el-border-radius-base));
@@ -1543,69 +1601,69 @@ html.dark .form-item-nest-form[data-v-358d6905]::before {
1543
1601
  .dc-slot-layout-flow-aside-main[data-v-5c6ef74b] {
1544
1602
  width: var(--v7e1d11ca);
1545
1603
  }
1546
- .list-layout[data-v-abf3c131] {
1547
- min-height: var(--v2f33b9a9);
1604
+ .list-layout[data-v-17f9622b] {
1605
+ min-height: var(--v823ff8c4);
1548
1606
  }
1549
- .list-layout-header[data-v-abf3c131] {
1550
- margin-bottom: var(--v4ab2374c);
1607
+ .list-layout-header[data-v-17f9622b] {
1608
+ margin-bottom: var(--v6a532e4f);
1551
1609
  color: var(--el-text-color-primary);
1552
1610
  font-size: 16px;
1553
1611
  font-weight: 600;
1554
1612
  line-height: 1.4;
1555
1613
  }
1556
- .list-layout-chrome[data-v-abf3c131] {
1557
- margin-bottom: var(--v4ab2374c);
1558
- padding: var(--v72dde434);
1614
+ .list-layout-chrome[data-v-17f9622b] {
1615
+ margin-bottom: var(--v6a532e4f);
1616
+ padding: var(--v563d57db);
1559
1617
  border-radius: var(--dc-core-radius, 4px);
1560
1618
  background: var(--el-bg-color);
1561
1619
  }
1562
- .list-layout-chrome[data-v-abf3c131] > * {
1563
- margin-bottom: var(--v700b6fbe);
1620
+ .list-layout-chrome[data-v-17f9622b] > * {
1621
+ margin-bottom: var(--v2dd73ccc);
1564
1622
  }
1565
- .list-layout-chrome[data-v-abf3c131] > *:last-child {
1623
+ .list-layout-chrome[data-v-17f9622b] > *:last-child {
1566
1624
  margin-bottom: 0;
1567
1625
  }
1568
- .list-layout-chrome[data-v-abf3c131] .form-search {
1626
+ .list-layout-chrome[data-v-17f9622b] .form-search {
1569
1627
  background: none;
1570
1628
  border-radius: 0;
1571
1629
  padding: 0;
1572
1630
  }
1573
- .list-layout-chrome[data-v-abf3c131] .form-search:not(.form-search_show) {
1631
+ .list-layout-chrome[data-v-17f9622b] .form-search:not(.form-search_show) {
1574
1632
  margin-bottom: 0;
1575
1633
  }
1576
- .list-layout_module-bg .list-layout-header[data-v-abf3c131],
1577
- .list-layout_module-bg .list-layout-operation[data-v-abf3c131],
1578
- .list-layout_module-bg[data-v-abf3c131] .form-search {
1634
+ .list-layout_module-bg .list-layout-header[data-v-17f9622b],
1635
+ .list-layout_module-bg .list-layout-operation[data-v-17f9622b],
1636
+ .list-layout_module-bg[data-v-17f9622b] .form-search {
1579
1637
  padding: 8px;
1580
- background: var(--abf328a0);
1638
+ background: var(--d43a99b6);
1581
1639
  border: 1px solid var(--dc-core-border-color, var(--el-border-color-lighter));
1582
1640
  border-radius: var(--dc-core-radius, 4px);
1583
1641
  }
1584
- .list-layout_search-sticky[data-v-abf3c131] .form-search {
1642
+ .list-layout_search-sticky[data-v-17f9622b] .form-search {
1585
1643
  position: sticky;
1586
- top: var(--v58372974);
1644
+ top: var(--v83c130ae);
1587
1645
  z-index: 10;
1588
1646
  background: var(--dc-core-surface, var(--el-bg-color));
1589
1647
  box-shadow: 0 1px 0 0 var(--dc-core-border-color, var(--el-border-color-lighter));
1590
1648
  }
1591
- .list-layout_toolbar-sticky[data-v-abf3c131] .dc-table-main__toolbar {
1649
+ .list-layout_toolbar-sticky[data-v-17f9622b] .dc-table-main__toolbar {
1592
1650
  position: sticky;
1593
- top: var(--v4c91183e);
1651
+ top: var(--v30d6fc4c);
1594
1652
  z-index: 9;
1595
1653
  padding-top: 10px;
1596
1654
  background: var(--dc-core-surface, var(--el-bg-color));
1597
1655
  box-shadow: 0 1px 0 0 var(--dc-core-border-color, var(--el-border-color-lighter));
1598
1656
  }
1599
- .list-layout_pager-sticky[data-v-abf3c131] .dc-table-main__pagination {
1657
+ .list-layout_pager-sticky[data-v-17f9622b] .dc-table-main__pagination {
1600
1658
  position: sticky;
1601
- bottom: var(--ac71af32);
1659
+ bottom: var(--v3698ad5c);
1602
1660
  z-index: 9;
1603
1661
  margin-top: 0;
1604
1662
  padding-top: 10px;
1605
1663
  background: var(--dc-core-surface, var(--el-bg-color));
1606
1664
  box-shadow: 0 -1px 0 0 var(--dc-core-border-color, var(--el-border-color-lighter));
1607
1665
  }
1608
- .list-layout[data-v-abf3c131] .el-loading-mask {
1666
+ .list-layout[data-v-17f9622b] .el-loading-mask {
1609
1667
  left: -10px;
1610
1668
  top: -10px;
1611
1669
  right: -10px;