@robot-admin/naive-ui-components 0.6.31 → 0.7.1

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 (68) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +5 -3
  3. package/dist/C_OrgChart.js.map +1 -1
  4. package/dist/C_OrgChart2.js.map +1 -1
  5. package/dist/C_Skeleton.js.map +1 -1
  6. package/dist/C_Skeleton2.js.map +1 -1
  7. package/dist/{C_Table-B8hpzOcR.css.map → C_Table-BcM5LqAM.css.map} +1 -1
  8. package/dist/{C_Table-CGP3n_u0.css.map → C_Table-HATVoq1F.css.map} +1 -1
  9. package/dist/C_Table.cjs +1 -1
  10. package/dist/C_Table.css +140 -97
  11. package/dist/C_Table.d.cts +2 -2
  12. package/dist/C_Table.d.ts +2 -2
  13. package/dist/C_Table.js +1 -1
  14. package/dist/C_Table.js.map +1 -1
  15. package/dist/C_Table2.js +3 -1
  16. package/dist/C_Table2.js.map +1 -1
  17. package/dist/constants.d.ts +4 -4
  18. package/dist/constants2.d.ts +3 -3
  19. package/dist/constants3.d.ts +3 -3
  20. package/dist/constants4.d.ts +2 -2
  21. package/dist/constants5.d.ts +2 -2
  22. package/dist/index.cjs +1 -1
  23. package/dist/index.d.cts +2 -2
  24. package/dist/index.d.ts +2 -2
  25. package/dist/index.js +1 -1
  26. package/dist/index.js.map +1 -1
  27. package/dist/index.vue.d.ts +1 -1
  28. package/dist/index10.vue.d.ts +1 -1
  29. package/dist/index11.vue.d.ts +2 -2
  30. package/dist/index13.vue.d.ts +3 -3
  31. package/dist/index14.vue.d.ts +1 -1
  32. package/dist/index15.vue.d.ts +4 -4
  33. package/dist/index16.vue.d.ts +2 -2
  34. package/dist/index18.vue.d.ts +4 -4
  35. package/dist/index2.vue.d.ts +6 -6
  36. package/dist/index20.vue.d.ts +1 -1
  37. package/dist/index21.vue.d.ts +1 -1
  38. package/dist/index22.vue.d.ts +2 -2
  39. package/dist/index23.vue.d.ts +1 -1
  40. package/dist/index24.vue.d.ts +1 -1
  41. package/dist/index26.vue.d.ts +4 -4
  42. package/dist/index27.vue.d.ts +2 -2
  43. package/dist/index28.vue.d.ts +3 -3
  44. package/dist/index3.vue.d.ts +3 -3
  45. package/dist/index4.vue.d.ts +5 -5
  46. package/dist/index6.vue.d.ts +2 -2
  47. package/dist/index7.vue.d.ts +2 -2
  48. package/dist/index9.vue.d.ts +2 -2
  49. package/dist/resolver.cjs.map +1 -1
  50. package/dist/resolver.js.map +1 -1
  51. package/dist/style.css +142 -99
  52. package/dist/useCalendarEvents.d.ts +1 -1
  53. package/dist/useCollapsePanel.d.ts +5 -5
  54. package/dist/useCropperCore.d.ts +4 -4
  55. package/dist/useDraggableLayout.d.ts +5 -5
  56. package/dist/useDynamicFormState.d.ts +124 -124
  57. package/dist/useEdgeInteraction.d.ts +1 -1
  58. package/dist/useGlobalSearch.d.ts +1 -1
  59. package/dist/useInfiniteScroll.d.ts +4 -4
  60. package/dist/useModalEdit.d.ts +513 -240
  61. package/dist/useQRCode.d.ts +3 -3
  62. package/dist/useSearchState.d.ts +2 -2
  63. package/dist/useSignatureHistory.d.ts +3 -3
  64. package/dist/useSplitResize.d.ts +5 -5
  65. package/dist/useTimeSelection.d.ts +2 -2
  66. package/dist/useTreeOperations.d.ts +4 -4
  67. package/dist/useWorkflowValidation.d.ts +7 -7
  68. package/package.json +1 -1
package/dist/C_Table.css CHANGED
@@ -1,14 +1,14 @@
1
- /* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-1a3d4df6] {
1
+ /* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-d733b0fa] {
2
2
  display: flex;
3
3
  align-items: center;
4
4
  gap: 12px;
5
5
  margin-bottom: 12px;
6
6
  }
7
- .column-management-tab .search-row .search-input[data-v-1a3d4df6] {
7
+ .column-management-tab .search-row .search-input[data-v-d733b0fa] {
8
8
  flex: 1;
9
9
  min-width: 0;
10
10
  }
11
- .column-management-tab .search-row .resizable-control[data-v-1a3d4df6] {
11
+ .column-management-tab .search-row .resizable-control[data-v-d733b0fa] {
12
12
  display: flex;
13
13
  align-items: center;
14
14
  flex-shrink: 0;
@@ -18,7 +18,7 @@
18
18
  border-radius: 6px;
19
19
  white-space: nowrap;
20
20
  }
21
- .column-management-tab .top-actions-bar[data-v-1a3d4df6] {
21
+ .column-management-tab .top-actions-bar[data-v-d733b0fa] {
22
22
  display: flex;
23
23
  justify-content: space-between;
24
24
  align-items: center;
@@ -27,13 +27,13 @@
27
27
  background: var(--n-color-target);
28
28
  border-radius: 6px;
29
29
  }
30
- .column-management-tab .top-actions-bar .stats-info[data-v-1a3d4df6] {
30
+ .column-management-tab .top-actions-bar .stats-info[data-v-d733b0fa] {
31
31
  flex: 1;
32
32
  }
33
- .column-management-tab .top-actions-bar .quick-actions[data-v-1a3d4df6] {
33
+ .column-management-tab .top-actions-bar .quick-actions[data-v-d733b0fa] {
34
34
  flex-shrink: 0;
35
35
  }
36
- .column-management-tab .column-list .column-item[data-v-1a3d4df6] {
36
+ .column-management-tab .column-list .column-item[data-v-d733b0fa] {
37
37
  display: flex;
38
38
  align-items: center;
39
39
  justify-content: space-between;
@@ -44,44 +44,44 @@
44
44
  cursor: move;
45
45
  transition: all 0.2s ease;
46
46
  }
47
- .column-management-tab .column-list .column-item[data-v-1a3d4df6]:hover {
47
+ .column-management-tab .column-list .column-item[data-v-d733b0fa]:hover {
48
48
  background: var(--n-color-target);
49
49
  }
50
- .column-management-tab .column-list .column-item.disabled[data-v-1a3d4df6] {
50
+ .column-management-tab .column-list .column-item.disabled[data-v-d733b0fa] {
51
51
  opacity: 0.6;
52
52
  cursor: not-allowed;
53
53
  }
54
- .column-management-tab .column-list .column-item.fixed-left[data-v-1a3d4df6] {
54
+ .column-management-tab .column-list .column-item.fixed-left[data-v-d733b0fa] {
55
55
  background: rgba(24, 160, 88, 0.08);
56
56
  }
57
- .column-management-tab .column-list .column-item.fixed-right[data-v-1a3d4df6] {
57
+ .column-management-tab .column-list .column-item.fixed-right[data-v-d733b0fa] {
58
58
  background: rgba(240, 138, 0, 0.08);
59
59
  }
60
- .column-management-tab .column-list .column-item .column-info[data-v-1a3d4df6] {
60
+ .column-management-tab .column-list .column-item .column-info[data-v-d733b0fa] {
61
61
  display: flex;
62
62
  align-items: center;
63
63
  flex: 1;
64
64
  gap: 10px;
65
65
  min-width: 0;
66
66
  }
67
- .column-management-tab .column-list .column-item .column-info .column-controls[data-v-1a3d4df6] {
67
+ .column-management-tab .column-list .column-item .column-info .column-controls[data-v-d733b0fa] {
68
68
  display: flex;
69
69
  align-items: center;
70
70
  gap: 8px;
71
71
  flex-shrink: 0;
72
72
  }
73
- .column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-1a3d4df6] {
73
+ .column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-d733b0fa] {
74
74
  color: var(--n-text-color-3);
75
75
  cursor: grab;
76
76
  }
77
- .column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-1a3d4df6]:active {
77
+ .column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-d733b0fa]:active {
78
78
  cursor: grabbing;
79
79
  }
80
- .column-management-tab .column-list .column-item .column-info .column-controls .drag-handle.disabled[data-v-1a3d4df6] {
80
+ .column-management-tab .column-list .column-item .column-info .column-controls .drag-handle.disabled[data-v-d733b0fa] {
81
81
  cursor: not-allowed;
82
82
  opacity: 0.3;
83
83
  }
84
- .column-management-tab .column-list .column-item .column-info .column-details[data-v-1a3d4df6] {
84
+ .column-management-tab .column-list .column-item .column-info .column-details[data-v-d733b0fa] {
85
85
  display: flex;
86
86
  flex-direction: column;
87
87
  gap: 4px;
@@ -89,37 +89,37 @@
89
89
  min-width: 0;
90
90
  overflow: hidden;
91
91
  }
92
- .column-management-tab .column-list .column-item .column-actions[data-v-1a3d4df6] {
92
+ .column-management-tab .column-list .column-item .column-actions[data-v-d733b0fa] {
93
93
  display: flex;
94
94
  align-items: center;
95
95
  gap: 6px;
96
96
  flex-shrink: 0;
97
97
  }
98
- .column-management-tab .column-list .column-item .column-actions .drag-controls[data-v-1a3d4df6] {
98
+ .column-management-tab .column-list .column-item .column-actions .drag-controls[data-v-d733b0fa] {
99
99
  display: flex;
100
100
  flex-direction: column;
101
101
  gap: 2px;
102
102
  }
103
- .column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-1a3d4df6] {
103
+ .column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-d733b0fa] {
104
104
  opacity: 0.6;
105
105
  transition: all 0.2s ease;
106
106
  }
107
- .column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-1a3d4df6]:not(.disabled):hover {
107
+ .column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-d733b0fa]:not(.disabled):hover {
108
108
  opacity: 1;
109
109
  transform: scale(1.15);
110
110
  }
111
- .column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon.disabled[data-v-1a3d4df6] {
111
+ .column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon.disabled[data-v-d733b0fa] {
112
112
  opacity: 0.3;
113
113
  cursor: not-allowed;
114
114
  }
115
- .column-management-tab .column-list .column-item .column-actions .c-icon[data-v-1a3d4df6] {
115
+ .column-management-tab .column-list .column-item .column-actions .c-icon[data-v-d733b0fa] {
116
116
  transition: all 0.2s ease;
117
117
  }
118
- .column-management-tab .column-list .column-item .column-actions .c-icon[data-v-1a3d4df6]:hover {
118
+ .column-management-tab .column-list .column-item .column-actions .c-icon[data-v-d733b0fa]:hover {
119
119
  transform: scale(1.15);
120
120
  }
121
121
  /* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
122
- .c-table-wrapper[data-v-5791e51b] {
122
+ .c-table-wrapper[data-v-d2c076b0] {
123
123
  --c-table-border-color: var(--border-color, #e5e7eb);
124
124
  --c-table-bg: var(--body-color, #fff);
125
125
  --c-table-header-bg: var(--card-color, #fafafc);
@@ -132,52 +132,52 @@
132
132
  }
133
133
 
134
134
  /* ================= 列拖拽排序 ================= */
135
- .column-drag-ghost[data-v-5791e51b] {
135
+ .column-drag-ghost[data-v-d2c076b0] {
136
136
  opacity: var(--c-table-drag-ghost-opacity);
137
137
  background: var(--c-table-drag-ghost-bg) !important;
138
138
  }
139
- .drag-handle[data-v-5791e51b] {
139
+ .drag-handle[data-v-d2c076b0] {
140
140
  cursor: grab;
141
141
  }
142
- .drag-handle[data-v-5791e51b]:active {
142
+ .drag-handle[data-v-d2c076b0]:active {
143
143
  cursor: grabbing;
144
144
  }
145
145
 
146
146
  /* ================= 合计行强调 ================= */
147
- .c-table-wrapper[data-v-5791e51b] .n-data-table-tfoot {
147
+ .c-table-wrapper[data-v-d2c076b0] .n-data-table-tfoot {
148
148
  background: var(--c-table-summary-bg);
149
149
  font-weight: var(--c-table-summary-font-weight);
150
150
  }
151
151
 
152
152
  /* ================= 2. 表格工具栏 ================= */
153
- .table-toolbar[data-v-5791e51b] {
153
+ .table-toolbar[data-v-d2c076b0] {
154
154
  display: flex;
155
155
  justify-content: space-between;
156
156
  align-items: center;
157
157
  margin-bottom: 16px;
158
158
  }
159
- .table-toolbar .toolbar-left[data-v-5791e51b] {
159
+ .table-toolbar .toolbar-left[data-v-d2c076b0] {
160
160
  display: flex;
161
161
  align-items: center;
162
162
  gap: 12px;
163
163
  }
164
- .table-toolbar .toolbar-right[data-v-5791e51b] {
164
+ .table-toolbar .toolbar-right[data-v-d2c076b0] {
165
165
  display: flex;
166
166
  align-items: center;
167
167
  gap: 8px;
168
168
  }
169
- .table-toolbar .toolbar-right .column-settings-btn[data-v-5791e51b] {
169
+ .table-toolbar .toolbar-right .column-settings-btn[data-v-d2c076b0] {
170
170
  opacity: 0.6;
171
171
  transition: opacity 0.2s ease, transform 0.2s ease;
172
172
  cursor: pointer;
173
173
  }
174
- .table-toolbar .toolbar-right .column-settings-btn[data-v-5791e51b]:hover {
174
+ .table-toolbar .toolbar-right .column-settings-btn[data-v-d2c076b0]:hover {
175
175
  opacity: 1;
176
176
  transform: scale(1.1);
177
177
  }
178
178
 
179
179
  /* ================= 3. 动态行工具栏 ================= */
180
- .dynamic-rows-toolbar[data-v-5791e51b] {
180
+ .dynamic-rows-toolbar[data-v-d2c076b0] {
181
181
  margin-bottom: 16px;
182
182
  padding: 16px;
183
183
  border-radius: 8px;
@@ -186,12 +186,12 @@
186
186
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
187
187
  transition: all 0.2s ease;
188
188
  }
189
- .dynamic-rows-toolbar[data-v-5791e51b]:hover {
189
+ .dynamic-rows-toolbar[data-v-d2c076b0]:hover {
190
190
  border-color: var(--n-primary-color-suppl);
191
191
  }
192
192
 
193
193
  /* ================= 4. 表格布局基础 ================= */
194
- [data-v-5791e51b] .n-data-table {
194
+ [data-v-d2c076b0] .n-data-table {
195
195
  table-layout: auto !important;
196
196
  width: 100% !important;
197
197
  border-radius: 8px;
@@ -199,12 +199,12 @@
199
199
  }
200
200
 
201
201
  /* 确保表格容器允许横向滚动(固定列必需) */
202
- [data-v-5791e51b] .n-data-table-wrapper {
202
+ [data-v-d2c076b0] .n-data-table-wrapper {
203
203
  overflow-x: auto !important;
204
204
  }
205
205
 
206
206
  /* 分页组件样式 */
207
- .pagination-wrapper[data-v-5791e51b] {
207
+ .pagination-wrapper[data-v-d2c076b0] {
208
208
  margin-top: 16px;
209
209
  display: flex;
210
210
  justify-content: flex-end;
@@ -212,12 +212,12 @@
212
212
 
213
213
  /* ================= 5. 表格列宽度管理 ================= */
214
214
  /* 普通列的最小宽度保护 */
215
- [data-v-5791e51b] .n-data-table-th:not(:last-child) {
215
+ [data-v-d2c076b0] .n-data-table-th:not(:last-child) {
216
216
  min-width: 80px !important;
217
217
  }
218
218
 
219
219
  /* 操作列固定宽度(适应4个按钮的布局) */
220
- [data-v-5791e51b] .n-data-table-th:last-child {
220
+ [data-v-d2c076b0] .n-data-table-th:last-child {
221
221
  width: 180px !important;
222
222
  min-width: 160px !important;
223
223
  max-width: 200px !important;
@@ -226,14 +226,14 @@
226
226
  }
227
227
 
228
228
  /* 操作按钮容器居中 */
229
- [data-v-5791e51b] .n-data-table-td:last-child .n-space {
229
+ [data-v-d2c076b0] .n-data-table-td:last-child .n-space {
230
230
  justify-content: center !important;
231
231
  align-items: center !important;
232
232
  }
233
233
 
234
234
  /* ================= 6. 可编辑单元格样式 ================= */
235
235
  /* 单元格编辑容器 - 精致化设计 */
236
- .cell-edit-wrapper[data-v-5791e51b] {
236
+ .cell-edit-wrapper[data-v-d2c076b0] {
237
237
  display: flex;
238
238
  align-items: center;
239
239
  justify-content: space-between;
@@ -247,20 +247,20 @@
247
247
  /* 悬停效果 */
248
248
  /* 激活状态 */
249
249
  }
250
- .cell-edit-wrapper[data-v-5791e51b]:hover {
250
+ .cell-edit-wrapper[data-v-d2c076b0]:hover {
251
251
  background-color: var(--n-color-target);
252
252
  }
253
- .cell-edit-wrapper:hover .cell-edit-icon[data-v-5791e51b] {
253
+ .cell-edit-wrapper:hover .cell-edit-icon[data-v-d2c076b0] {
254
254
  opacity: 1;
255
255
  color: var(--n-color-success);
256
256
  transform: scale(1.05);
257
257
  }
258
- .cell-edit-wrapper[data-v-5791e51b]:active {
258
+ .cell-edit-wrapper[data-v-d2c076b0]:active {
259
259
  transform: translateY(1px);
260
260
  }
261
261
 
262
262
  /* 单元格内容 */
263
- .cell-value[data-v-5791e51b] {
263
+ .cell-value[data-v-d2c076b0] {
264
264
  flex: 1;
265
265
  overflow: hidden;
266
266
  text-overflow: ellipsis;
@@ -271,7 +271,7 @@
271
271
  }
272
272
 
273
273
  /* 编辑图标 - 使用全局选择器确保动态创建的元素也能被选中 */
274
- .cell-edit-icon[data-v-5791e51b],.cell-edit-icon {
274
+ .cell-edit-icon[data-v-d2c076b0],.cell-edit-icon {
275
275
  flex-shrink: 0;
276
276
  width: 24px;
277
277
  height: 24px;
@@ -289,23 +289,23 @@
289
289
  /* 激活效果 */
290
290
  /* 图标尺寸 */
291
291
  }
292
- .cell-edit-icon[data-v-5791e51b]:hover,.cell-edit-icon {
292
+ .cell-edit-icon[data-v-d2c076b0]:hover,.cell-edit-icon {
293
293
  opacity: 1 !important;
294
294
  color: var(--n-color-success-hover) !important;
295
295
  background-color: var(--n-color-success-pressed);
296
296
  transform: scale(1.1);
297
297
  }
298
- .cell-edit-icon[data-v-5791e51b]:active,.cell-edit-icon {
298
+ .cell-edit-icon[data-v-d2c076b0]:active,.cell-edit-icon {
299
299
  transform: scale(0.95);
300
300
  }
301
- .cell-edit-icon svg[data-v-5791e51b],.cell-edit-icon {
301
+ .cell-edit-icon svg[data-v-d2c076b0],.cell-edit-icon {
302
302
  width: 14px;
303
303
  height: 14px;
304
304
  }
305
305
 
306
306
  /* ================= 7. 单元格编辑状态样式 ================= */
307
307
  /* 编辑容器 - 确保水平布局不换行 */
308
- .cell-editing-container[data-v-5791e51b],[data-v-5791e51b] .cell-editing-container {
308
+ .cell-editing-container[data-v-d2c076b0],[data-v-d2c076b0] .cell-editing-container {
309
309
  display: flex !important;
310
310
  align-items: center !important;
311
311
  width: 100% !important;
@@ -319,39 +319,39 @@
319
319
  }
320
320
 
321
321
  /* 编辑输入区域 - 占据剩余空间 */
322
- .cell-editing-input[data-v-5791e51b],[data-v-5791e51b] .cell-editing-input {
322
+ .cell-editing-input[data-v-d2c076b0],[data-v-d2c076b0] .cell-editing-input {
323
323
  flex: 1 !important;
324
324
  min-width: 0 !important;
325
325
  }
326
326
 
327
327
  /* 深度选择器处理输入框样式 */
328
- [data-v-5791e51b] .cell-editing-input .n-input {
328
+ [data-v-d2c076b0] .cell-editing-input .n-input {
329
329
  border: none !important;
330
330
  box-shadow: none !important;
331
331
  background: transparent !important;
332
332
  }
333
- [data-v-5791e51b] .cell-editing-input .n-input.n-input--focus {
333
+ [data-v-d2c076b0] .cell-editing-input .n-input.n-input--focus {
334
334
  border: none !important;
335
335
  box-shadow: none !important;
336
336
  }
337
- [data-v-5791e51b] .cell-editing-input .n-input-number {
337
+ [data-v-d2c076b0] .cell-editing-input .n-input-number {
338
338
  border: none !important;
339
339
  box-shadow: none !important;
340
340
  background: transparent !important;
341
341
  }
342
- [data-v-5791e51b] .cell-editing-input .n-select {
342
+ [data-v-d2c076b0] .cell-editing-input .n-select {
343
343
  border: none !important;
344
344
  box-shadow: none !important;
345
345
  background: transparent !important;
346
346
  }
347
- [data-v-5791e51b] .cell-editing-input .n-select .n-base-selection {
347
+ [data-v-d2c076b0] .cell-editing-input .n-select .n-base-selection {
348
348
  border: none !important;
349
349
  box-shadow: none !important;
350
350
  background: transparent !important;
351
351
  }
352
352
 
353
353
  /* 编辑操作按钮容器 */
354
- .cell-editing-actions[data-v-5791e51b],[data-v-5791e51b] .cell-editing-actions {
354
+ .cell-editing-actions[data-v-d2c076b0],[data-v-d2c076b0] .cell-editing-actions {
355
355
  display: flex !important;
356
356
  flex-shrink: 0 !important;
357
357
  align-items: center !important;
@@ -364,7 +364,7 @@
364
364
  }
365
365
 
366
366
  /* 编辑操作按钮 */
367
- .cell-action-btn[data-v-5791e51b],[data-v-5791e51b] .cell-action-btn {
367
+ .cell-action-btn[data-v-d2c076b0],[data-v-d2c076b0] .cell-action-btn {
368
368
  display: flex !important;
369
369
  align-items: center !important;
370
370
  justify-content: center !important;
@@ -379,28 +379,28 @@
379
379
  /* 取消按钮 */
380
380
  /* 图标尺寸 */
381
381
  }
382
- .cell-action-btn.cell-action-save[data-v-5791e51b],[data-v-5791e51b] .cell-action-btn.cell-action-save {
382
+ .cell-action-btn.cell-action-save[data-v-d2c076b0],[data-v-d2c076b0] .cell-action-btn.cell-action-save {
383
383
  color: var(--n-color-success) !important;
384
384
  }
385
- .cell-action-btn.cell-action-save[data-v-5791e51b]:hover,[data-v-5791e51b] .cell-action-btn.cell-action-save:hover {
385
+ .cell-action-btn.cell-action-save[data-v-d2c076b0]:hover,[data-v-d2c076b0] .cell-action-btn.cell-action-save:hover {
386
386
  background: var(--n-color-success-pressed) !important;
387
387
  transform: scale(1.1) !important;
388
388
  }
389
- .cell-action-btn.cell-action-cancel[data-v-5791e51b],[data-v-5791e51b] .cell-action-btn.cell-action-cancel {
389
+ .cell-action-btn.cell-action-cancel[data-v-d2c076b0],[data-v-d2c076b0] .cell-action-btn.cell-action-cancel {
390
390
  color: var(--n-color-error) !important;
391
391
  }
392
- .cell-action-btn.cell-action-cancel[data-v-5791e51b]:hover,[data-v-5791e51b] .cell-action-btn.cell-action-cancel:hover {
392
+ .cell-action-btn.cell-action-cancel[data-v-d2c076b0]:hover,[data-v-d2c076b0] .cell-action-btn.cell-action-cancel:hover {
393
393
  background: var(--n-color-error-pressed) !important;
394
394
  transform: scale(1.1) !important;
395
395
  }
396
- .cell-action-btn svg[data-v-5791e51b],[data-v-5791e51b] .cell-action-btn svg {
396
+ .cell-action-btn svg[data-v-d2c076b0],[data-v-d2c076b0] .cell-action-btn svg {
397
397
  width: 11px !important;
398
398
  height: 11px !important;
399
399
  }
400
400
 
401
401
  /* ================= 7. 操作按钮样式 ================= */
402
402
  /* 通用按钮样式 */
403
- [data-v-5791e51b] .n-button {
403
+ [data-v-d2c076b0] .n-button {
404
404
  white-space: nowrap;
405
405
  font-size: 12px !important;
406
406
  flex-shrink: 0 !important;
@@ -411,54 +411,54 @@
411
411
  /* 小尺寸按钮优化 */
412
412
  /* 四元按钮样式 */
413
413
  }
414
- [data-v-5791e51b] .n-button .n-icon {
414
+ [data-v-d2c076b0] .n-button .n-icon {
415
415
  margin-right: 4px !important;
416
416
  }
417
- [data-v-5791e51b] .n-button.n-button--small-type {
417
+ [data-v-d2c076b0] .n-button.n-button--small-type {
418
418
  padding: 4px 8px;
419
419
  height: 28px;
420
420
  line-height: 20px;
421
421
  }
422
- [data-v-5791e51b] .n-button.n-button--quaternary-type:hover {
422
+ [data-v-d2c076b0] .n-button.n-button--quaternary-type:hover {
423
423
  transform: translateY(-1px);
424
424
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
425
425
  }
426
- [data-v-5791e51b] .n-button.n-button--quaternary-type:active {
426
+ [data-v-d2c076b0] .n-button.n-button--quaternary-type:active {
427
427
  transform: translateY(0);
428
428
  }
429
429
 
430
430
  /* ================= 8. 按钮组间距优化 ================= */
431
431
  /* 操作按钮组 */
432
- [data-v-5791e51b] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
432
+ [data-v-d2c076b0] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
433
433
  margin-right: 6px !important;
434
434
  }
435
435
 
436
436
  /* ================= 9. 模态框样式优化 ================= */
437
437
  /* 编辑模态框 */
438
- [data-v-5791e51b] .n-modal .n-card {
438
+ [data-v-d2c076b0] .n-modal .n-card {
439
439
  border-radius: 12px;
440
440
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
441
441
  }
442
- [data-v-5791e51b] .n-modal .n-card__header {
442
+ [data-v-d2c076b0] .n-modal .n-card__header {
443
443
  padding: 20px 24px 16px;
444
444
  font-weight: 600;
445
445
  font-size: 16px;
446
446
  }
447
- [data-v-5791e51b] .n-modal .n-card__content {
447
+ [data-v-d2c076b0] .n-modal .n-card__content {
448
448
  padding: 0 24px 16px;
449
449
  }
450
- [data-v-5791e51b] .n-modal .n-card__action {
450
+ [data-v-d2c076b0] .n-modal .n-card__action {
451
451
  padding: 16px 24px 20px;
452
452
  border-top: 1px solid var(--n-divider-color);
453
453
  }
454
454
 
455
455
  /* ================= 10. 描述列表样式 ================= */
456
456
  /* 详情模态框描述列表 */
457
- [data-v-5791e51b] .n-descriptions .n-descriptions-item-label {
457
+ [data-v-d2c076b0] .n-descriptions .n-descriptions-item-label {
458
458
  font-weight: 500;
459
459
  color: var(--n-text-color-2);
460
460
  }
461
- [data-v-5791e51b] .n-descriptions .n-descriptions-item-content {
461
+ [data-v-d2c076b0] .n-descriptions .n-descriptions-item-content {
462
462
  color: var(--n-text-color-1);
463
463
  word-break: break-all;
464
464
  }
@@ -466,87 +466,130 @@
466
466
  /* ================= 11. 响应式设计 ================= */
467
467
  /* 移动端适配 */
468
468
  @media (max-width: 768px) {
469
- .c-table-wrapper[data-v-5791e51b] {
469
+ .c-table-wrapper[data-v-d2c076b0] {
470
470
  overflow-x: auto;
471
471
  }
472
472
  /* 操作列在移动端的适配 */
473
- [data-v-5791e51b] .n-data-table-th:last-child {
473
+ [data-v-d2c076b0] .n-data-table-th:last-child {
474
474
  width: 160px !important;
475
475
  min-width: 160px !important;
476
476
  }
477
477
  /* 按钮在移动端的优化 */
478
- [data-v-5791e51b] .n-button {
478
+ [data-v-d2c076b0] .n-button {
479
479
  font-size: 11px !important;
480
480
  padding: 3px 6px;
481
481
  }
482
- [data-v-5791e51b] .n-button .n-icon {
482
+ [data-v-d2c076b0] .n-button .n-icon {
483
483
  margin-right: 2px !important;
484
484
  }
485
485
  /* 单元格编辑图标在移动端始终显示 */
486
- .cell-edit-icon[data-v-5791e51b] {
486
+ .cell-edit-icon[data-v-d2c076b0] {
487
487
  opacity: 0.6;
488
488
  }
489
489
  }
490
490
  /* ================= 12. 主题适配 ================= */
491
491
  /* 暗色主题适配 - 已通过 CSS 变量自动适配 */
492
- [data-theme=dark][data-v-5791e51b] {
492
+ [data-theme=dark][data-v-d2c076b0] {
493
493
  /* CSS 变量已自动适配,如有特殊需求可在此添加 */
494
494
  }
495
495
 
496
496
  /* ================= 13. 响应式优化 ================= */
497
497
  /* 小屏幕下的单元格编辑优化 */
498
498
  @media (max-width: 768px) {
499
- .cell-editing-container[data-v-5791e51b],[data-v-5791e51b] .cell-editing-container {
499
+ .cell-editing-container[data-v-d2c076b0],[data-v-d2c076b0] .cell-editing-container {
500
500
  gap: 6px !important;
501
501
  }
502
- .cell-editing-actions[data-v-5791e51b],[data-v-5791e51b] .cell-editing-actions {
502
+ .cell-editing-actions[data-v-d2c076b0],[data-v-d2c076b0] .cell-editing-actions {
503
503
  gap: 3px !important;
504
504
  padding: 2px !important;
505
505
  }
506
- .cell-action-btn[data-v-5791e51b],[data-v-5791e51b] .cell-action-btn {
506
+ .cell-action-btn[data-v-d2c076b0],[data-v-d2c076b0] .cell-action-btn {
507
507
  width: 18px !important;
508
508
  height: 18px !important;
509
509
  }
510
- .cell-action-btn svg[data-v-5791e51b],[data-v-5791e51b] .cell-action-btn svg {
510
+ .cell-action-btn svg[data-v-d2c076b0],[data-v-d2c076b0] .cell-action-btn svg {
511
511
  width: 10px !important;
512
512
  height: 10px !important;
513
513
  }
514
514
  /* 移动端编辑图标 */
515
- .cell-edit-icon[data-v-5791e51b] {
515
+ .cell-edit-icon[data-v-d2c076b0] {
516
516
  opacity: 0.6 !important;
517
517
  }
518
- .cell-value[data-v-5791e51b] {
518
+ .cell-value[data-v-d2c076b0] {
519
519
  margin-right: 12px !important;
520
520
  }
521
521
  }
522
522
  /* ================= 14. 性能优化 ================= */
523
523
  /* 使用 GPU 加速的动画 */
524
- .cell-edit-icon[data-v-5791e51b],
525
- .cell-action-btn[data-v-5791e51b] {
524
+ .cell-edit-icon[data-v-d2c076b0],
525
+ .cell-action-btn[data-v-d2c076b0] {
526
526
  will-change: transform;
527
527
  backface-visibility: hidden;
528
528
  }
529
- [data-v-5791e51b] .n-button {
529
+ [data-v-d2c076b0] .n-button {
530
530
  will-change: transform;
531
531
  backface-visibility: hidden;
532
532
  }
533
533
 
534
534
  /* ================= 15. 可访问性优化 ================= */
535
535
  /* 聚焦状态 */
536
- .cell-edit-wrapper[data-v-5791e51b]:focus-within,
537
- .cell-editing-container[data-v-5791e51b]:focus-within {
536
+ .cell-edit-wrapper[data-v-d2c076b0]:focus-within,
537
+ .cell-editing-container[data-v-d2c076b0]:focus-within {
538
538
  outline: 2px solid var(--n-primary-color);
539
539
  outline-offset: 2px;
540
540
  }
541
541
 
542
542
  /* 高对比度模式支持 */
543
543
  @media (prefers-contrast: high) {
544
- .cell-edit-icon[data-v-5791e51b] {
544
+ .cell-edit-icon[data-v-d2c076b0] {
545
545
  opacity: 0.8;
546
546
  }
547
- .cell-editing-actions[data-v-5791e51b] {
547
+ .cell-editing-actions[data-v-d2c076b0] {
548
548
  border-width: 2px;
549
549
  }
550
550
  }
551
+ /* ================= 11. 行拖拽排序 ================= */
552
+ .row-drag-ghost[data-v-d2c076b0] {
553
+ opacity: 0.4;
554
+ background: var(--c-table-drag-ghost-bg) !important;
555
+ }
556
+ .row-drag-chosen[data-v-d2c076b0] {
557
+ background: var(--n-color-hover, #f5f5f5) !important;
558
+ }
559
+
560
+ /* ================= 12. 批量操作栏 ================= */
561
+ .batch-actions-bar[data-v-d2c076b0] {
562
+ display: flex;
563
+ align-items: center;
564
+ justify-content: space-between;
565
+ padding: 8px 16px;
566
+ margin-bottom: 8px;
567
+ background: var(--n-color-hover, #f0f7ff);
568
+ border-radius: 6px;
569
+ border: 1px solid var(--n-primary-color-suppl, #70b3ff);
570
+ }
571
+ .batch-actions-bar .batch-info[data-v-d2c076b0] {
572
+ font-size: 13px;
573
+ color: var(--n-text-color-2);
574
+ font-weight: 500;
575
+ }
576
+
577
+ /* ================= 13. 错误状态 ================= */
578
+ .table-error-state[data-v-d2c076b0] {
579
+ padding: 48px 24px;
580
+ text-align: center;
581
+ }
582
+ .table-error-state .error-content[data-v-d2c076b0] {
583
+ display: flex;
584
+ flex-direction: column;
585
+ align-items: center;
586
+ gap: 12px;
587
+ color: var(--n-text-color-3, #999);
588
+ }
589
+ .table-error-state .error-message[data-v-d2c076b0] {
590
+ font-size: 14px;
591
+ margin: 0;
592
+ color: var(--n-text-color-2, #666);
593
+ }
551
594
 
552
- /*# sourceMappingURL=C_Table-B8hpzOcR.css.map*/
595
+ /*# sourceMappingURL=C_Table-BcM5LqAM.css.map*/
@@ -1,2 +1,2 @@
1
- import { A as SimpleTableActions, C as ChildSelectionState, D as PaginationConfig, E as MaybeRefLike, M as TableEmits, N as UseTableExpandOptions, O as ParentChildLinkMode, P as UseTableExpandReturn, S as usePrintWatermark, T as EditMode, _ as DynamicRowsOptions, a as useTableActions, b as PrintWatermarkOptions, c as useTableColumns, d as CrudBinding, f as SummaryConfig, g as resolveConfig, h as createEditModeChecker, i as usePagination, j as TableColumn, k as SelectOption, l as _default, m as VirtualScrollConfig, n as useCellEdit, o as useTableExpand, p as TableConfig, r as useRowEdit, s as useTableManager, t as useModalEdit, u as ColumnDragConfig, v as DynamicRowsReturn, w as DataRecord, x as printPresets, y as useDynamicRows } from "./useModalEdit.js";
2
- export { _default as C_Table, type ChildSelectionState, type ColumnDragConfig, type CrudBinding, type DataRecord, type DynamicRowsOptions, type DynamicRowsReturn, type EditMode, type MaybeRefLike, type PaginationConfig, type ParentChildLinkMode, type PrintWatermarkOptions, type SelectOption, type SimpleTableActions, type SummaryConfig, type TableColumn, type TableConfig, type TableEmits, type UseTableExpandOptions, type UseTableExpandReturn, type VirtualScrollConfig, createEditModeChecker, printPresets, resolveConfig, useCellEdit, useDynamicRows, useModalEdit, usePagination, usePrintWatermark, useRowEdit, useTableActions, useTableColumns, useTableExpand, useTableManager };
1
+ import { $ as useDynamicRows, A as useTableGlobalConfig, B as resolveConfig, C as ColumnFormatter, D as TableGlobalConfig, E as TABLE_GLOBAL_CONFIG_KEY, F as SummaryConfig, G as UseCrossPageSelectionReturn, H as exportTableData, I as TableConfig, J as UseRowDragOptions, K as useCrossPageSelection, L as TreeConfig, M as ColumnDragConfig, N as CrudBinding, O as applyFormatter, P as ErrorConfig, Q as DynamicRowsReturn, R as VirtualScrollConfig, S as UseTableExpandReturn, T as FormatterType, U as CrossPageSelectionConfig, V as ExportConfig, W as UseCrossPageSelectionOptions, X as useRowDrag, Y as UseRowDragReturn, Z as DynamicRowsOptions, _ as SelectOption, a as useTableExpand, b as TableEmits, c as useTableColumns, d as ColumnWithKey, et as PrintWatermarkOptions, f as DataRecord, g as ParentChildLinkMode, h as PaginationConfig, i as useTableActions, j as BatchActionsConfig, k as mergeGlobalConfig, l as _default, m as MaybeRefLike, n as useCellEdit, nt as usePrintWatermark, o as useTableManager, p as EditMode, q as RowDragConfig, r as usePagination, s as useRowEdit, t as useModalEdit, tt as printPresets, u as ChildSelectionState, v as SimpleTableActions, w as FormatterConfig, x as UseTableExpandOptions, y as TableColumn, z as createEditModeChecker } from "./useModalEdit.js";
2
+ export { type BatchActionsConfig, _default as C_Table, type ChildSelectionState, type ColumnDragConfig, type ColumnFormatter, type ColumnWithKey, type CrossPageSelectionConfig, type CrudBinding, type DataRecord, type DynamicRowsOptions, type DynamicRowsReturn, type EditMode, type ErrorConfig, type ExportConfig, type FormatterConfig, type FormatterType, type MaybeRefLike, type PaginationConfig, type ParentChildLinkMode, type PrintWatermarkOptions, type RowDragConfig, type SelectOption, type SimpleTableActions, type SummaryConfig, TABLE_GLOBAL_CONFIG_KEY, type TableColumn, type TableConfig, type TableEmits, type TableGlobalConfig, type TreeConfig, type UseCrossPageSelectionOptions, type UseCrossPageSelectionReturn, type UseRowDragOptions, type UseRowDragReturn, type UseTableExpandOptions, type UseTableExpandReturn, type VirtualScrollConfig, applyFormatter, createEditModeChecker, exportTableData, mergeGlobalConfig, printPresets, resolveConfig, useCellEdit, useCrossPageSelection, useDynamicRows, useModalEdit, usePagination, usePrintWatermark, useRowDrag, useRowEdit, useTableActions, useTableColumns, useTableExpand, useTableGlobalConfig, useTableManager };
package/dist/C_Table.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- import { A as SimpleTableActions, C as ChildSelectionState, D as PaginationConfig, E as MaybeRefLike, M as TableEmits, N as UseTableExpandOptions, O as ParentChildLinkMode, P as UseTableExpandReturn, S as usePrintWatermark, T as EditMode, _ as DynamicRowsOptions, a as useTableActions, b as PrintWatermarkOptions, c as useTableColumns, d as CrudBinding, f as SummaryConfig, g as resolveConfig, h as createEditModeChecker, i as usePagination, j as TableColumn, k as SelectOption, l as _default, m as VirtualScrollConfig, n as useCellEdit, o as useTableExpand, p as TableConfig, r as useRowEdit, s as useTableManager, t as useModalEdit, u as ColumnDragConfig, v as DynamicRowsReturn, w as DataRecord, x as printPresets, y as useDynamicRows } from "./useModalEdit.js";
2
- export { _default as C_Table, type ChildSelectionState, type ColumnDragConfig, type CrudBinding, type DataRecord, type DynamicRowsOptions, type DynamicRowsReturn, type EditMode, type MaybeRefLike, type PaginationConfig, type ParentChildLinkMode, type PrintWatermarkOptions, type SelectOption, type SimpleTableActions, type SummaryConfig, type TableColumn, type TableConfig, type TableEmits, type UseTableExpandOptions, type UseTableExpandReturn, type VirtualScrollConfig, createEditModeChecker, printPresets, resolveConfig, useCellEdit, useDynamicRows, useModalEdit, usePagination, usePrintWatermark, useRowEdit, useTableActions, useTableColumns, useTableExpand, useTableManager };
1
+ import { $ as useDynamicRows, A as useTableGlobalConfig, B as resolveConfig, C as ColumnFormatter, D as TableGlobalConfig, E as TABLE_GLOBAL_CONFIG_KEY, F as SummaryConfig, G as UseCrossPageSelectionReturn, H as exportTableData, I as TableConfig, J as UseRowDragOptions, K as useCrossPageSelection, L as TreeConfig, M as ColumnDragConfig, N as CrudBinding, O as applyFormatter, P as ErrorConfig, Q as DynamicRowsReturn, R as VirtualScrollConfig, S as UseTableExpandReturn, T as FormatterType, U as CrossPageSelectionConfig, V as ExportConfig, W as UseCrossPageSelectionOptions, X as useRowDrag, Y as UseRowDragReturn, Z as DynamicRowsOptions, _ as SelectOption, a as useTableExpand, b as TableEmits, c as useTableColumns, d as ColumnWithKey, et as PrintWatermarkOptions, f as DataRecord, g as ParentChildLinkMode, h as PaginationConfig, i as useTableActions, j as BatchActionsConfig, k as mergeGlobalConfig, l as _default, m as MaybeRefLike, n as useCellEdit, nt as usePrintWatermark, o as useTableManager, p as EditMode, q as RowDragConfig, r as usePagination, s as useRowEdit, t as useModalEdit, tt as printPresets, u as ChildSelectionState, v as SimpleTableActions, w as FormatterConfig, x as UseTableExpandOptions, y as TableColumn, z as createEditModeChecker } from "./useModalEdit.js";
2
+ export { type BatchActionsConfig, _default as C_Table, type ChildSelectionState, type ColumnDragConfig, type ColumnFormatter, type ColumnWithKey, type CrossPageSelectionConfig, type CrudBinding, type DataRecord, type DynamicRowsOptions, type DynamicRowsReturn, type EditMode, type ErrorConfig, type ExportConfig, type FormatterConfig, type FormatterType, type MaybeRefLike, type PaginationConfig, type ParentChildLinkMode, type PrintWatermarkOptions, type RowDragConfig, type SelectOption, type SimpleTableActions, type SummaryConfig, TABLE_GLOBAL_CONFIG_KEY, type TableColumn, type TableConfig, type TableEmits, type TableGlobalConfig, type TreeConfig, type UseCrossPageSelectionOptions, type UseCrossPageSelectionReturn, type UseRowDragOptions, type UseRowDragReturn, type UseTableExpandOptions, type UseTableExpandReturn, type VirtualScrollConfig, applyFormatter, createEditModeChecker, exportTableData, mergeGlobalConfig, printPresets, resolveConfig, useCellEdit, useCrossPageSelection, useDynamicRows, useModalEdit, usePagination, usePrintWatermark, useRowDrag, useRowEdit, useTableActions, useTableColumns, useTableExpand, useTableGlobalConfig, useTableManager };
package/dist/C_Table.js CHANGED
@@ -1 +1 @@
1
- import"./C_Icon2.js";import"./C_Editor2.js";import"./C_Form2.js";import{a as e,c as t,d as n,f as r,i,l as a,m as o,n as s,o as c,p as l,r as u,s as d,t as f,u as p}from"./C_Table2.js";export{f as C_Table,l as createEditModeChecker,d as printPresets,o as resolveConfig,n as useCellEdit,c as useDynamicRows,p as useModalEdit,i as usePagination,t as usePrintWatermark,r as useRowEdit,u as useTableActions,s as useTableColumns,a as useTableExpand,e as useTableManager};
1
+ import"./C_Icon2.js";import"./C_Editor2.js";import"./C_Form2.js";import{_ as e,a as t,b as n,c as r,d as i,f as a,g as o,h as s,i as c,l,m as u,n as d,o as f,p,r as m,s as h,t as g,u as _,v,x as y,y as b}from"./C_Table2.js";export{g as C_Table,f as TABLE_GLOBAL_CONFIG_KEY,h as applyFormatter,n as createEditModeChecker,d as exportTableData,r as mergeGlobalConfig,u as printPresets,y as resolveConfig,v as useCellEdit,m as useCrossPageSelection,p as useDynamicRows,e as useModalEdit,i as usePagination,s as usePrintWatermark,c as useRowDrag,b as useRowEdit,_ as useTableActions,t as useTableColumns,o as useTableExpand,l as useTableGlobalConfig,a as useTableManager};