@robot-admin/naive-ui-components 0.11.0 → 0.11.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.
- package/CHANGELOG.md +6 -0
- package/dist/C_Table.base.css +86 -86
- package/dist/C_Table.css +86 -86
- package/dist/constants.d.cts +5 -5
- package/dist/constants.d.ts +5 -5
- package/dist/constants2.d.cts +5 -5
- package/dist/constants2.d.ts +5 -5
- package/dist/constants3.d.cts +3 -3
- package/dist/constants3.d.ts +3 -3
- package/dist/constants4.d.cts +3 -3
- package/dist/constants4.d.ts +3 -3
- package/dist/constants5.d.cts +2 -2
- package/dist/constants5.d.ts +2 -2
- package/dist/data.d.cts +2 -2
- package/dist/data.d.ts +2 -2
- package/dist/index10.vue.d.cts +2 -2
- package/dist/index10.vue.d.ts +3 -3
- package/dist/index11.vue.d.cts +3 -3
- package/dist/index11.vue.d.ts +3 -3
- package/dist/index12.vue.d.cts +3 -3
- package/dist/index12.vue.d.ts +5 -5
- package/dist/index13.vue.d.cts +5 -5
- package/dist/index13.vue.d.ts +3 -3
- package/dist/index14.vue.d.cts +3 -3
- package/dist/index14.vue.d.ts +5 -5
- package/dist/index15.vue.d.cts +5 -5
- package/dist/index15.vue.d.ts +2 -2
- package/dist/index16.vue.d.cts +2 -2
- package/dist/index16.vue.d.ts +1 -1
- package/dist/index17.vue.d.cts +1 -1
- package/dist/index17.vue.d.ts +6 -6
- package/dist/index18.vue.d.cts +6 -6
- package/dist/index18.vue.d.ts +3 -3
- package/dist/index2.vue.d.cts +5 -5
- package/dist/index2.vue.d.ts +5 -5
- package/dist/index20.vue.d.cts +3 -3
- package/dist/index20.vue.d.ts +3 -3
- package/dist/index21.vue.d.cts +2 -2
- package/dist/index21.vue.d.ts +2 -2
- package/dist/index22.vue.d.cts +1 -1
- package/dist/index22.vue.d.ts +1 -1
- package/dist/index24.vue.d.cts +4 -4
- package/dist/index24.vue.d.ts +4 -4
- package/dist/index25.vue.d.cts +1 -1
- package/dist/index25.vue.d.ts +1 -1
- package/dist/index26.vue.d.cts +3 -3
- package/dist/index26.vue.d.ts +3 -3
- package/dist/index27.vue.d.cts +3 -3
- package/dist/index27.vue.d.ts +3 -3
- package/dist/index3.vue.d.cts +3 -3
- package/dist/index3.vue.d.ts +3 -3
- package/dist/index4.vue.d.cts +4 -4
- package/dist/index4.vue.d.ts +4 -4
- package/dist/index5.vue.d.cts +3 -3
- package/dist/index6.vue.d.ts +2 -2
- package/dist/index7.vue.d.cts +2 -2
- package/dist/index8.vue.d.ts +2 -2
- package/dist/index9.vue.d.cts +2 -2
- package/dist/index9.vue.d.ts +2 -2
- package/dist/style.css +86 -86
- package/dist/useCalendarEvents.d.cts +1 -1
- package/dist/useCalendarEvents.d.ts +1 -1
- package/dist/useCollapsePanel.d.cts +6 -6
- package/dist/useCollapsePanel.d.ts +6 -6
- package/dist/useCropperCore.d.cts +5 -5
- package/dist/useCropperCore.d.ts +5 -5
- package/dist/useDraggableLayout.d.cts +4 -4
- package/dist/useDraggableLayout.d.ts +4 -4
- package/dist/useEdgeInteraction.d.cts +2 -2
- package/dist/useEdgeInteraction.d.ts +2 -2
- package/dist/useFullscreen.d.cts +2 -2
- package/dist/useFullscreen.d.ts +2 -2
- package/dist/useQRCode.d.cts +2 -2
- package/dist/useQRCode.d.ts +2 -2
- package/dist/useSearchState.d.cts +22 -22
- package/dist/useSearchState.d.ts +22 -22
- package/dist/useSignatureHistory.d.cts +4 -4
- package/dist/useSignatureHistory.d.ts +4 -4
- package/dist/useSplitResize.d.cts +5 -5
- package/dist/useSplitResize.d.ts +5 -5
- package/dist/useTableQuery.cjs +1 -1
- package/dist/useTableQuery.d.cts +118 -155
- package/dist/useTableQuery.d.ts +118 -155
- package/dist/useTableQuery.js +1 -1
- package/dist/useTimeSelection.d.cts +3 -3
- package/dist/useTimeSelection.d.ts +3 -3
- package/dist/useTreeOperations.d.cts +5 -5
- package/dist/useTreeOperations.d.ts +5 -5
- package/dist/useWorkflowValidation.d.cts +5 -5
- package/dist/useWorkflowValidation.d.ts +5 -5
- package/package.json +3 -2
package/dist/style.css
CHANGED
|
@@ -12833,7 +12833,7 @@ to {
|
|
|
12833
12833
|
transform: scale(1.15);
|
|
12834
12834
|
}
|
|
12835
12835
|
/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
|
|
12836
|
-
.c-table-wrapper[data-v-
|
|
12836
|
+
.c-table-wrapper[data-v-cb3ea22c] {
|
|
12837
12837
|
--c-table-border-color: var(--border-color, #e5e7eb);
|
|
12838
12838
|
--c-table-bg: var(--body-color, #fff);
|
|
12839
12839
|
--c-table-header-bg: var(--card-color, #fafafc);
|
|
@@ -12846,52 +12846,52 @@ to {
|
|
|
12846
12846
|
}
|
|
12847
12847
|
|
|
12848
12848
|
/* ================= 列拖拽排序 ================= */
|
|
12849
|
-
.column-drag-ghost[data-v-
|
|
12849
|
+
.column-drag-ghost[data-v-cb3ea22c] {
|
|
12850
12850
|
opacity: var(--c-table-drag-ghost-opacity);
|
|
12851
12851
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
12852
12852
|
}
|
|
12853
|
-
.drag-handle[data-v-
|
|
12853
|
+
.drag-handle[data-v-cb3ea22c] {
|
|
12854
12854
|
cursor: grab;
|
|
12855
12855
|
}
|
|
12856
|
-
.drag-handle[data-v-
|
|
12856
|
+
.drag-handle[data-v-cb3ea22c]:active {
|
|
12857
12857
|
cursor: grabbing;
|
|
12858
12858
|
}
|
|
12859
12859
|
|
|
12860
12860
|
/* ================= 合计行强调 ================= */
|
|
12861
|
-
.c-table-wrapper[data-v-
|
|
12861
|
+
.c-table-wrapper[data-v-cb3ea22c] .n-data-table-tfoot {
|
|
12862
12862
|
background: var(--c-table-summary-bg);
|
|
12863
12863
|
font-weight: var(--c-table-summary-font-weight);
|
|
12864
12864
|
}
|
|
12865
12865
|
|
|
12866
12866
|
/* ================= 2. 表格工具栏 ================= */
|
|
12867
|
-
.table-toolbar[data-v-
|
|
12867
|
+
.table-toolbar[data-v-cb3ea22c] {
|
|
12868
12868
|
display: flex;
|
|
12869
12869
|
justify-content: space-between;
|
|
12870
12870
|
align-items: center;
|
|
12871
12871
|
margin-bottom: 16px;
|
|
12872
12872
|
}
|
|
12873
|
-
.table-toolbar .toolbar-left[data-v-
|
|
12873
|
+
.table-toolbar .toolbar-left[data-v-cb3ea22c] {
|
|
12874
12874
|
display: flex;
|
|
12875
12875
|
align-items: center;
|
|
12876
12876
|
gap: 12px;
|
|
12877
12877
|
}
|
|
12878
|
-
.table-toolbar .toolbar-right[data-v-
|
|
12878
|
+
.table-toolbar .toolbar-right[data-v-cb3ea22c] {
|
|
12879
12879
|
display: flex;
|
|
12880
12880
|
align-items: center;
|
|
12881
12881
|
gap: 8px;
|
|
12882
12882
|
}
|
|
12883
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
12883
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-cb3ea22c] {
|
|
12884
12884
|
opacity: 0.6;
|
|
12885
12885
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
12886
12886
|
cursor: pointer;
|
|
12887
12887
|
}
|
|
12888
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
12888
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-cb3ea22c]:hover {
|
|
12889
12889
|
opacity: 1;
|
|
12890
12890
|
transform: scale(1.1);
|
|
12891
12891
|
}
|
|
12892
12892
|
|
|
12893
12893
|
/* ================= 3. 动态行工具栏 ================= */
|
|
12894
|
-
.dynamic-rows-toolbar[data-v-
|
|
12894
|
+
.dynamic-rows-toolbar[data-v-cb3ea22c] {
|
|
12895
12895
|
margin-bottom: 16px;
|
|
12896
12896
|
padding: 16px;
|
|
12897
12897
|
border-radius: 8px;
|
|
@@ -12900,12 +12900,12 @@ to {
|
|
|
12900
12900
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
12901
12901
|
transition: all 0.2s ease;
|
|
12902
12902
|
}
|
|
12903
|
-
.dynamic-rows-toolbar[data-v-
|
|
12903
|
+
.dynamic-rows-toolbar[data-v-cb3ea22c]:hover {
|
|
12904
12904
|
border-color: var(--n-primary-color-suppl);
|
|
12905
12905
|
}
|
|
12906
12906
|
|
|
12907
12907
|
/* ================= 4. 表格布局基础 ================= */
|
|
12908
|
-
[data-v-
|
|
12908
|
+
[data-v-cb3ea22c] .n-data-table {
|
|
12909
12909
|
table-layout: auto !important;
|
|
12910
12910
|
width: 100% !important;
|
|
12911
12911
|
border-radius: 8px;
|
|
@@ -12913,12 +12913,12 @@ to {
|
|
|
12913
12913
|
}
|
|
12914
12914
|
|
|
12915
12915
|
/* 确保表格容器允许横向滚动(固定列必需) */
|
|
12916
|
-
[data-v-
|
|
12916
|
+
[data-v-cb3ea22c] .n-data-table-wrapper {
|
|
12917
12917
|
overflow-x: auto !important;
|
|
12918
12918
|
}
|
|
12919
12919
|
|
|
12920
12920
|
/* 分页组件样式 */
|
|
12921
|
-
.pagination-wrapper[data-v-
|
|
12921
|
+
.pagination-wrapper[data-v-cb3ea22c] {
|
|
12922
12922
|
margin-top: 16px;
|
|
12923
12923
|
display: flex;
|
|
12924
12924
|
justify-content: flex-end;
|
|
@@ -12926,12 +12926,12 @@ to {
|
|
|
12926
12926
|
|
|
12927
12927
|
/* ================= 5. 表格列宽度管理 ================= */
|
|
12928
12928
|
/* 普通列的最小宽度保护 */
|
|
12929
|
-
[data-v-
|
|
12929
|
+
[data-v-cb3ea22c] .n-data-table-th:not(:last-child) {
|
|
12930
12930
|
min-width: 80px !important;
|
|
12931
12931
|
}
|
|
12932
12932
|
|
|
12933
12933
|
/* 操作列固定宽度(适应4个按钮的布局) */
|
|
12934
|
-
[data-v-
|
|
12934
|
+
[data-v-cb3ea22c] .c-table-actions-column {
|
|
12935
12935
|
width: 180px !important;
|
|
12936
12936
|
min-width: 160px !important;
|
|
12937
12937
|
max-width: 200px !important;
|
|
@@ -12940,14 +12940,14 @@ to {
|
|
|
12940
12940
|
}
|
|
12941
12941
|
|
|
12942
12942
|
/* 操作按钮容器居中 */
|
|
12943
|
-
[data-v-
|
|
12943
|
+
[data-v-cb3ea22c] .c-table-actions-column .n-space {
|
|
12944
12944
|
justify-content: center !important;
|
|
12945
12945
|
align-items: center !important;
|
|
12946
12946
|
}
|
|
12947
12947
|
|
|
12948
12948
|
/* ================= 6. 可编辑单元格样式 ================= */
|
|
12949
12949
|
/* 单元格编辑容器 - 精致化设计 */
|
|
12950
|
-
.cell-edit-wrapper[data-v-
|
|
12950
|
+
.cell-edit-wrapper[data-v-cb3ea22c] {
|
|
12951
12951
|
display: flex;
|
|
12952
12952
|
align-items: center;
|
|
12953
12953
|
justify-content: space-between;
|
|
@@ -12960,23 +12960,23 @@ to {
|
|
|
12960
12960
|
position: relative;
|
|
12961
12961
|
/* 悬停效果 */
|
|
12962
12962
|
}
|
|
12963
|
-
.cell-edit-wrapper[data-v-
|
|
12963
|
+
.cell-edit-wrapper[data-v-cb3ea22c]:hover {
|
|
12964
12964
|
background-color: var(--n-color-target);
|
|
12965
12965
|
}
|
|
12966
|
-
.cell-edit-wrapper:hover .cell-edit-icon[data-v-
|
|
12966
|
+
.cell-edit-wrapper:hover .cell-edit-icon[data-v-cb3ea22c] {
|
|
12967
12967
|
opacity: 1;
|
|
12968
12968
|
color: var(--n-color-success);
|
|
12969
12969
|
transform: scale(1.05);
|
|
12970
12970
|
}
|
|
12971
|
-
.cell-edit-wrapper[data-v-
|
|
12971
|
+
.cell-edit-wrapper[data-v-cb3ea22c] {
|
|
12972
12972
|
/* 激活状态 */
|
|
12973
12973
|
}
|
|
12974
|
-
.cell-edit-wrapper[data-v-
|
|
12974
|
+
.cell-edit-wrapper[data-v-cb3ea22c]:active {
|
|
12975
12975
|
transform: translateY(1px);
|
|
12976
12976
|
}
|
|
12977
12977
|
|
|
12978
12978
|
/* 单元格内容 */
|
|
12979
|
-
.cell-value[data-v-
|
|
12979
|
+
.cell-value[data-v-cb3ea22c] {
|
|
12980
12980
|
flex: 1;
|
|
12981
12981
|
overflow: hidden;
|
|
12982
12982
|
text-overflow: ellipsis;
|
|
@@ -12987,7 +12987,7 @@ to {
|
|
|
12987
12987
|
}
|
|
12988
12988
|
|
|
12989
12989
|
/* 编辑图标 - 使用全局选择器确保动态创建的元素也能被选中 */
|
|
12990
|
-
.cell-edit-icon[data-v-
|
|
12990
|
+
.cell-edit-icon[data-v-cb3ea22c],.cell-edit-icon {
|
|
12991
12991
|
flex-shrink: 0;
|
|
12992
12992
|
width: 24px;
|
|
12993
12993
|
height: 24px;
|
|
@@ -13003,29 +13003,29 @@ to {
|
|
|
13003
13003
|
position: relative;
|
|
13004
13004
|
/* 悬停效果 */
|
|
13005
13005
|
}
|
|
13006
|
-
.cell-edit-icon[data-v-
|
|
13006
|
+
.cell-edit-icon[data-v-cb3ea22c]:hover,.cell-edit-icon {
|
|
13007
13007
|
opacity: 1 !important;
|
|
13008
13008
|
color: var(--n-color-success-hover) !important;
|
|
13009
13009
|
background-color: var(--n-color-success-pressed);
|
|
13010
13010
|
transform: scale(1.1);
|
|
13011
13011
|
}
|
|
13012
|
-
.cell-edit-icon[data-v-
|
|
13012
|
+
.cell-edit-icon[data-v-cb3ea22c],.cell-edit-icon {
|
|
13013
13013
|
/* 激活效果 */
|
|
13014
13014
|
}
|
|
13015
|
-
.cell-edit-icon[data-v-
|
|
13015
|
+
.cell-edit-icon[data-v-cb3ea22c]:active,.cell-edit-icon {
|
|
13016
13016
|
transform: scale(0.95);
|
|
13017
13017
|
}
|
|
13018
|
-
.cell-edit-icon[data-v-
|
|
13018
|
+
.cell-edit-icon[data-v-cb3ea22c],.cell-edit-icon {
|
|
13019
13019
|
/* 图标尺寸 */
|
|
13020
13020
|
}
|
|
13021
|
-
.cell-edit-icon svg[data-v-
|
|
13021
|
+
.cell-edit-icon svg[data-v-cb3ea22c],.cell-edit-icon {
|
|
13022
13022
|
width: 14px;
|
|
13023
13023
|
height: 14px;
|
|
13024
13024
|
}
|
|
13025
13025
|
|
|
13026
13026
|
/* ================= 7. 单元格编辑状态样式 ================= */
|
|
13027
13027
|
/* 编辑容器 - 确保水平布局不换行 */
|
|
13028
|
-
.cell-editing-container[data-v-
|
|
13028
|
+
.cell-editing-container[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-editing-container {
|
|
13029
13029
|
display: flex !important;
|
|
13030
13030
|
align-items: center !important;
|
|
13031
13031
|
width: 100% !important;
|
|
@@ -13039,39 +13039,39 @@ to {
|
|
|
13039
13039
|
}
|
|
13040
13040
|
|
|
13041
13041
|
/* 编辑输入区域 - 占据剩余空间 */
|
|
13042
|
-
.cell-editing-input[data-v-
|
|
13042
|
+
.cell-editing-input[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-editing-input {
|
|
13043
13043
|
flex: 1 !important;
|
|
13044
13044
|
min-width: 0 !important;
|
|
13045
13045
|
}
|
|
13046
13046
|
|
|
13047
13047
|
/* 深度选择器处理输入框样式 */
|
|
13048
|
-
[data-v-
|
|
13048
|
+
[data-v-cb3ea22c] .cell-editing-input .n-input {
|
|
13049
13049
|
border: none !important;
|
|
13050
13050
|
box-shadow: none !important;
|
|
13051
13051
|
background: transparent !important;
|
|
13052
13052
|
}
|
|
13053
|
-
[data-v-
|
|
13053
|
+
[data-v-cb3ea22c] .cell-editing-input .n-input.n-input--focus {
|
|
13054
13054
|
border: none !important;
|
|
13055
13055
|
box-shadow: none !important;
|
|
13056
13056
|
}
|
|
13057
|
-
[data-v-
|
|
13057
|
+
[data-v-cb3ea22c] .cell-editing-input .n-input-number {
|
|
13058
13058
|
border: none !important;
|
|
13059
13059
|
box-shadow: none !important;
|
|
13060
13060
|
background: transparent !important;
|
|
13061
13061
|
}
|
|
13062
|
-
[data-v-
|
|
13062
|
+
[data-v-cb3ea22c] .cell-editing-input .n-select {
|
|
13063
13063
|
border: none !important;
|
|
13064
13064
|
box-shadow: none !important;
|
|
13065
13065
|
background: transparent !important;
|
|
13066
13066
|
}
|
|
13067
|
-
[data-v-
|
|
13067
|
+
[data-v-cb3ea22c] .cell-editing-input .n-select .n-base-selection {
|
|
13068
13068
|
border: none !important;
|
|
13069
13069
|
box-shadow: none !important;
|
|
13070
13070
|
background: transparent !important;
|
|
13071
13071
|
}
|
|
13072
13072
|
|
|
13073
13073
|
/* 编辑操作按钮容器 */
|
|
13074
|
-
.cell-editing-actions[data-v-
|
|
13074
|
+
.cell-editing-actions[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-editing-actions {
|
|
13075
13075
|
display: flex !important;
|
|
13076
13076
|
flex-shrink: 0 !important;
|
|
13077
13077
|
align-items: center !important;
|
|
@@ -13084,7 +13084,7 @@ to {
|
|
|
13084
13084
|
}
|
|
13085
13085
|
|
|
13086
13086
|
/* 编辑操作按钮 */
|
|
13087
|
-
.cell-action-btn[data-v-
|
|
13087
|
+
.cell-action-btn[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-action-btn {
|
|
13088
13088
|
display: flex !important;
|
|
13089
13089
|
align-items: center !important;
|
|
13090
13090
|
justify-content: center !important;
|
|
@@ -13097,34 +13097,34 @@ to {
|
|
|
13097
13097
|
background: transparent !important;
|
|
13098
13098
|
/* 保存按钮 */
|
|
13099
13099
|
}
|
|
13100
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
13100
|
+
.cell-action-btn.cell-action-save[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-action-btn.cell-action-save {
|
|
13101
13101
|
color: var(--n-color-success) !important;
|
|
13102
13102
|
}
|
|
13103
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
13103
|
+
.cell-action-btn.cell-action-save[data-v-cb3ea22c]:hover,[data-v-cb3ea22c] .cell-action-btn.cell-action-save:hover {
|
|
13104
13104
|
background: var(--n-color-success-pressed) !important;
|
|
13105
13105
|
transform: scale(1.1) !important;
|
|
13106
13106
|
}
|
|
13107
|
-
.cell-action-btn[data-v-
|
|
13107
|
+
.cell-action-btn[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-action-btn {
|
|
13108
13108
|
/* 取消按钮 */
|
|
13109
13109
|
}
|
|
13110
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
13110
|
+
.cell-action-btn.cell-action-cancel[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-action-btn.cell-action-cancel {
|
|
13111
13111
|
color: var(--n-color-error) !important;
|
|
13112
13112
|
}
|
|
13113
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
13113
|
+
.cell-action-btn.cell-action-cancel[data-v-cb3ea22c]:hover,[data-v-cb3ea22c] .cell-action-btn.cell-action-cancel:hover {
|
|
13114
13114
|
background: var(--n-color-error-pressed) !important;
|
|
13115
13115
|
transform: scale(1.1) !important;
|
|
13116
13116
|
}
|
|
13117
|
-
.cell-action-btn[data-v-
|
|
13117
|
+
.cell-action-btn[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-action-btn {
|
|
13118
13118
|
/* 图标尺寸 */
|
|
13119
13119
|
}
|
|
13120
|
-
.cell-action-btn svg[data-v-
|
|
13120
|
+
.cell-action-btn svg[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-action-btn svg {
|
|
13121
13121
|
width: 11px !important;
|
|
13122
13122
|
height: 11px !important;
|
|
13123
13123
|
}
|
|
13124
13124
|
|
|
13125
13125
|
/* ================= 7. 操作按钮样式 ================= */
|
|
13126
13126
|
/* 通用按钮样式 */
|
|
13127
|
-
[data-v-
|
|
13127
|
+
[data-v-cb3ea22c] .n-button {
|
|
13128
13128
|
white-space: nowrap;
|
|
13129
13129
|
font-size: 12px !important;
|
|
13130
13130
|
flex-shrink: 0 !important;
|
|
@@ -13133,60 +13133,60 @@ to {
|
|
|
13133
13133
|
font-weight: 500;
|
|
13134
13134
|
/* 图标间距 */
|
|
13135
13135
|
}
|
|
13136
|
-
[data-v-
|
|
13136
|
+
[data-v-cb3ea22c] .n-button .n-icon {
|
|
13137
13137
|
margin-right: 4px !important;
|
|
13138
13138
|
}
|
|
13139
|
-
[data-v-
|
|
13139
|
+
[data-v-cb3ea22c] .n-button {
|
|
13140
13140
|
/* 小尺寸按钮优化 */
|
|
13141
13141
|
}
|
|
13142
|
-
[data-v-
|
|
13142
|
+
[data-v-cb3ea22c] .n-button.n-button--small-type {
|
|
13143
13143
|
padding: 4px 8px;
|
|
13144
13144
|
height: 28px;
|
|
13145
13145
|
line-height: 20px;
|
|
13146
13146
|
}
|
|
13147
|
-
[data-v-
|
|
13147
|
+
[data-v-cb3ea22c] .n-button {
|
|
13148
13148
|
/* 四元按钮样式 */
|
|
13149
13149
|
}
|
|
13150
|
-
[data-v-
|
|
13150
|
+
[data-v-cb3ea22c] .n-button.n-button--quaternary-type:hover {
|
|
13151
13151
|
transform: translateY(-1px);
|
|
13152
13152
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
13153
13153
|
}
|
|
13154
|
-
[data-v-
|
|
13154
|
+
[data-v-cb3ea22c] .n-button.n-button--quaternary-type:active {
|
|
13155
13155
|
transform: translateY(0);
|
|
13156
13156
|
}
|
|
13157
13157
|
|
|
13158
13158
|
/* ================= 8. 按钮组间距优化 ================= */
|
|
13159
13159
|
/* 操作按钮组 */
|
|
13160
|
-
[data-v-
|
|
13160
|
+
[data-v-cb3ea22c] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
13161
13161
|
margin-right: 6px !important;
|
|
13162
13162
|
}
|
|
13163
13163
|
|
|
13164
13164
|
/* ================= 9. 模态框样式优化 ================= */
|
|
13165
13165
|
/* 编辑模态框 */
|
|
13166
|
-
[data-v-
|
|
13166
|
+
[data-v-cb3ea22c] .n-modal .n-card {
|
|
13167
13167
|
border-radius: 12px;
|
|
13168
13168
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
13169
13169
|
}
|
|
13170
|
-
[data-v-
|
|
13170
|
+
[data-v-cb3ea22c] .n-modal .n-card__header {
|
|
13171
13171
|
padding: 20px 24px 16px;
|
|
13172
13172
|
font-weight: 600;
|
|
13173
13173
|
font-size: 16px;
|
|
13174
13174
|
}
|
|
13175
|
-
[data-v-
|
|
13175
|
+
[data-v-cb3ea22c] .n-modal .n-card__content {
|
|
13176
13176
|
padding: 0 24px 16px;
|
|
13177
13177
|
}
|
|
13178
|
-
[data-v-
|
|
13178
|
+
[data-v-cb3ea22c] .n-modal .n-card__action {
|
|
13179
13179
|
padding: 16px 24px 20px;
|
|
13180
13180
|
border-top: 1px solid var(--n-divider-color);
|
|
13181
13181
|
}
|
|
13182
13182
|
|
|
13183
13183
|
/* ================= 10. 描述列表样式 ================= */
|
|
13184
13184
|
/* 详情模态框描述列表 */
|
|
13185
|
-
[data-v-
|
|
13185
|
+
[data-v-cb3ea22c] .n-descriptions .n-descriptions-item-label {
|
|
13186
13186
|
font-weight: 500;
|
|
13187
13187
|
color: var(--n-text-color-2);
|
|
13188
13188
|
}
|
|
13189
|
-
[data-v-
|
|
13189
|
+
[data-v-cb3ea22c] .n-descriptions .n-descriptions-item-content {
|
|
13190
13190
|
color: var(--n-text-color-1);
|
|
13191
13191
|
word-break: break-all;
|
|
13192
13192
|
}
|
|
@@ -13194,99 +13194,99 @@ to {
|
|
|
13194
13194
|
/* ================= 11. 响应式设计 ================= */
|
|
13195
13195
|
/* 移动端适配 */
|
|
13196
13196
|
@media (max-width: 768px) {
|
|
13197
|
-
.c-table-wrapper[data-v-
|
|
13197
|
+
.c-table-wrapper[data-v-cb3ea22c] {
|
|
13198
13198
|
overflow-x: auto;
|
|
13199
13199
|
}
|
|
13200
13200
|
/* 操作列在移动端的适配 */
|
|
13201
|
-
[data-v-
|
|
13201
|
+
[data-v-cb3ea22c] .n-data-table-th:last-child {
|
|
13202
13202
|
width: 160px !important;
|
|
13203
13203
|
min-width: 160px !important;
|
|
13204
13204
|
}
|
|
13205
13205
|
/* 按钮在移动端的优化 */
|
|
13206
|
-
[data-v-
|
|
13206
|
+
[data-v-cb3ea22c] .n-button {
|
|
13207
13207
|
font-size: 11px !important;
|
|
13208
13208
|
padding: 3px 6px;
|
|
13209
13209
|
}
|
|
13210
|
-
[data-v-
|
|
13210
|
+
[data-v-cb3ea22c] .n-button .n-icon {
|
|
13211
13211
|
margin-right: 2px !important;
|
|
13212
13212
|
}
|
|
13213
13213
|
/* 单元格编辑图标在移动端始终显示 */
|
|
13214
|
-
.cell-edit-icon[data-v-
|
|
13214
|
+
.cell-edit-icon[data-v-cb3ea22c] {
|
|
13215
13215
|
opacity: 0.6;
|
|
13216
13216
|
}
|
|
13217
13217
|
}
|
|
13218
13218
|
/* ================= 12. 主题适配 ================= */
|
|
13219
13219
|
/* 暗色主题适配 - 已通过 CSS 变量自动适配 */
|
|
13220
|
-
[data-theme=dark][data-v-
|
|
13220
|
+
[data-theme=dark][data-v-cb3ea22c] {
|
|
13221
13221
|
/* CSS 变量已自动适配,如有特殊需求可在此添加 */
|
|
13222
13222
|
}
|
|
13223
13223
|
|
|
13224
13224
|
/* ================= 13. 响应式优化 ================= */
|
|
13225
13225
|
/* 小屏幕下的单元格编辑优化 */
|
|
13226
13226
|
@media (max-width: 768px) {
|
|
13227
|
-
.cell-editing-container[data-v-
|
|
13227
|
+
.cell-editing-container[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-editing-container {
|
|
13228
13228
|
gap: 6px !important;
|
|
13229
13229
|
}
|
|
13230
|
-
.cell-editing-actions[data-v-
|
|
13230
|
+
.cell-editing-actions[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-editing-actions {
|
|
13231
13231
|
gap: 3px !important;
|
|
13232
13232
|
padding: 2px !important;
|
|
13233
13233
|
}
|
|
13234
|
-
.cell-action-btn[data-v-
|
|
13234
|
+
.cell-action-btn[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-action-btn {
|
|
13235
13235
|
width: 18px !important;
|
|
13236
13236
|
height: 18px !important;
|
|
13237
13237
|
}
|
|
13238
|
-
.cell-action-btn svg[data-v-
|
|
13238
|
+
.cell-action-btn svg[data-v-cb3ea22c],[data-v-cb3ea22c] .cell-action-btn svg {
|
|
13239
13239
|
width: 10px !important;
|
|
13240
13240
|
height: 10px !important;
|
|
13241
13241
|
}
|
|
13242
13242
|
/* 移动端编辑图标 */
|
|
13243
|
-
.cell-edit-icon[data-v-
|
|
13243
|
+
.cell-edit-icon[data-v-cb3ea22c] {
|
|
13244
13244
|
opacity: 0.6 !important;
|
|
13245
13245
|
}
|
|
13246
|
-
.cell-value[data-v-
|
|
13246
|
+
.cell-value[data-v-cb3ea22c] {
|
|
13247
13247
|
margin-right: 12px !important;
|
|
13248
13248
|
}
|
|
13249
13249
|
}
|
|
13250
13250
|
/* ================= 14. 性能优化 ================= */
|
|
13251
13251
|
/* 使用 GPU 加速的动画 */
|
|
13252
|
-
.cell-edit-icon[data-v-
|
|
13253
|
-
.cell-action-btn[data-v-
|
|
13252
|
+
.cell-edit-icon[data-v-cb3ea22c],
|
|
13253
|
+
.cell-action-btn[data-v-cb3ea22c] {
|
|
13254
13254
|
will-change: transform;
|
|
13255
13255
|
backface-visibility: hidden;
|
|
13256
13256
|
}
|
|
13257
|
-
[data-v-
|
|
13257
|
+
[data-v-cb3ea22c] .n-button {
|
|
13258
13258
|
will-change: transform;
|
|
13259
13259
|
backface-visibility: hidden;
|
|
13260
13260
|
}
|
|
13261
13261
|
|
|
13262
13262
|
/* ================= 15. 可访问性优化 ================= */
|
|
13263
13263
|
/* 聚焦状态 */
|
|
13264
|
-
.cell-edit-wrapper[data-v-
|
|
13265
|
-
.cell-editing-container[data-v-
|
|
13264
|
+
.cell-edit-wrapper[data-v-cb3ea22c]:focus-within,
|
|
13265
|
+
.cell-editing-container[data-v-cb3ea22c]:focus-within {
|
|
13266
13266
|
outline: 2px solid var(--n-primary-color);
|
|
13267
13267
|
outline-offset: 2px;
|
|
13268
13268
|
}
|
|
13269
13269
|
|
|
13270
13270
|
/* 高对比度模式支持 */
|
|
13271
13271
|
@media (prefers-contrast: high) {
|
|
13272
|
-
.cell-edit-icon[data-v-
|
|
13272
|
+
.cell-edit-icon[data-v-cb3ea22c] {
|
|
13273
13273
|
opacity: 0.8;
|
|
13274
13274
|
}
|
|
13275
|
-
.cell-editing-actions[data-v-
|
|
13275
|
+
.cell-editing-actions[data-v-cb3ea22c] {
|
|
13276
13276
|
border-width: 2px;
|
|
13277
13277
|
}
|
|
13278
13278
|
}
|
|
13279
13279
|
/* ================= 11. 行拖拽排序 ================= */
|
|
13280
|
-
.row-drag-ghost[data-v-
|
|
13280
|
+
.row-drag-ghost[data-v-cb3ea22c] {
|
|
13281
13281
|
opacity: 0.4;
|
|
13282
13282
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
13283
13283
|
}
|
|
13284
|
-
.row-drag-chosen[data-v-
|
|
13284
|
+
.row-drag-chosen[data-v-cb3ea22c] {
|
|
13285
13285
|
background: var(--n-color-hover, #f5f5f5) !important;
|
|
13286
13286
|
}
|
|
13287
13287
|
|
|
13288
13288
|
/* ================= 12. 批量操作栏 ================= */
|
|
13289
|
-
.batch-actions-bar[data-v-
|
|
13289
|
+
.batch-actions-bar[data-v-cb3ea22c] {
|
|
13290
13290
|
display: flex;
|
|
13291
13291
|
align-items: center;
|
|
13292
13292
|
justify-content: space-between;
|
|
@@ -13296,25 +13296,25 @@ to {
|
|
|
13296
13296
|
border-radius: 6px;
|
|
13297
13297
|
border: 1px solid var(--n-primary-color-suppl, #70b3ff);
|
|
13298
13298
|
}
|
|
13299
|
-
.batch-actions-bar .batch-info[data-v-
|
|
13299
|
+
.batch-actions-bar .batch-info[data-v-cb3ea22c] {
|
|
13300
13300
|
font-size: 13px;
|
|
13301
13301
|
color: var(--n-text-color-2);
|
|
13302
13302
|
font-weight: 500;
|
|
13303
13303
|
}
|
|
13304
13304
|
|
|
13305
13305
|
/* ================= 13. 错误状态 ================= */
|
|
13306
|
-
.table-error-state[data-v-
|
|
13306
|
+
.table-error-state[data-v-cb3ea22c] {
|
|
13307
13307
|
padding: 48px 24px;
|
|
13308
13308
|
text-align: center;
|
|
13309
13309
|
}
|
|
13310
|
-
.table-error-state .error-content[data-v-
|
|
13310
|
+
.table-error-state .error-content[data-v-cb3ea22c] {
|
|
13311
13311
|
display: flex;
|
|
13312
13312
|
flex-direction: column;
|
|
13313
13313
|
align-items: center;
|
|
13314
13314
|
gap: 12px;
|
|
13315
13315
|
color: var(--n-text-color-3, #999);
|
|
13316
13316
|
}
|
|
13317
|
-
.table-error-state .error-message[data-v-
|
|
13317
|
+
.table-error-state .error-message[data-v-cb3ea22c] {
|
|
13318
13318
|
font-size: 14px;
|
|
13319
13319
|
margin: 0;
|
|
13320
13320
|
color: var(--n-text-color-2, #666);
|
|
@@ -66,9 +66,9 @@ declare const __VLS_export: vue.DefineComponent<CalendarProps, CalendarExpose, {
|
|
|
66
66
|
}) => any) | undefined;
|
|
67
67
|
"onEvent-dropped"?: ((event: Partial<CalendarEvent>) => any) | undefined;
|
|
68
68
|
}>, {
|
|
69
|
-
events: CalendarEvent[];
|
|
70
69
|
initialView: CalendarViewType;
|
|
71
70
|
editable: boolean;
|
|
71
|
+
events: CalendarEvent[];
|
|
72
72
|
showAddDialog: boolean;
|
|
73
73
|
showEditDialog: boolean;
|
|
74
74
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
|
|
@@ -66,9 +66,9 @@ declare const __VLS_export: vue.DefineComponent<CalendarProps, CalendarExpose, {
|
|
|
66
66
|
}) => any) | undefined;
|
|
67
67
|
"onEvent-dropped"?: ((event: Partial<CalendarEvent>) => any) | undefined;
|
|
68
68
|
}>, {
|
|
69
|
-
events: CalendarEvent[];
|
|
70
69
|
initialView: CalendarViewType;
|
|
71
70
|
editable: boolean;
|
|
71
|
+
events: CalendarEvent[];
|
|
72
72
|
showAddDialog: boolean;
|
|
73
73
|
showEditDialog: boolean;
|
|
74
74
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
|
|
@@ -71,22 +71,22 @@ declare var __VLS_7: `header-${string}`, __VLS_8: {
|
|
|
71
71
|
type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_7>]?: (props: typeof __VLS_8) => any } & { [K in NonNullable<typeof __VLS_16>]?: (props: typeof __VLS_17) => any } & { [K in NonNullable<typeof __VLS_31>]?: (props: typeof __VLS_32) => any };
|
|
72
72
|
declare const __VLS_base: vue.DefineComponent<Props, CollapsePanelExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
73
73
|
change: (activeKeys: string[]) => any;
|
|
74
|
-
collapse: (key: string) => any;
|
|
75
|
-
expand: (key: string) => any;
|
|
76
74
|
"update:activeKeys": (keys: string[]) => any;
|
|
75
|
+
expand: (key: string) => any;
|
|
76
|
+
collapse: (key: string) => any;
|
|
77
77
|
}, string, vue.PublicProps, Readonly<Props> & Readonly<{
|
|
78
78
|
onChange?: ((activeKeys: string[]) => any) | undefined;
|
|
79
|
-
onCollapse?: ((key: string) => any) | undefined;
|
|
80
|
-
onExpand?: ((key: string) => any) | undefined;
|
|
81
79
|
"onUpdate:activeKeys"?: ((keys: string[]) => any) | undefined;
|
|
80
|
+
onExpand?: ((key: string) => any) | undefined;
|
|
81
|
+
onCollapse?: ((key: string) => any) | undefined;
|
|
82
82
|
}>, {
|
|
83
|
-
bordered: boolean;
|
|
84
|
-
persistKey: string;
|
|
85
83
|
activeKeys: string[];
|
|
86
84
|
defaultActiveKeys: string[];
|
|
87
85
|
accordion: boolean;
|
|
88
86
|
variant: CollapsePanelVariant;
|
|
89
87
|
expandIconPosition: ExpandIconPosition;
|
|
88
|
+
bordered: boolean;
|
|
89
|
+
persistKey: string;
|
|
90
90
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
|
|
91
91
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
92
92
|
declare const _default: typeof __VLS_export;
|
|
@@ -71,22 +71,22 @@ declare var __VLS_7: `header-${string}`, __VLS_8: {
|
|
|
71
71
|
type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_7>]?: (props: typeof __VLS_8) => any } & { [K in NonNullable<typeof __VLS_16>]?: (props: typeof __VLS_17) => any } & { [K in NonNullable<typeof __VLS_31>]?: (props: typeof __VLS_32) => any };
|
|
72
72
|
declare const __VLS_base: vue.DefineComponent<Props, CollapsePanelExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
73
73
|
change: (activeKeys: string[]) => any;
|
|
74
|
-
collapse: (key: string) => any;
|
|
75
|
-
expand: (key: string) => any;
|
|
76
74
|
"update:activeKeys": (keys: string[]) => any;
|
|
75
|
+
expand: (key: string) => any;
|
|
76
|
+
collapse: (key: string) => any;
|
|
77
77
|
}, string, vue.PublicProps, Readonly<Props> & Readonly<{
|
|
78
78
|
onChange?: ((activeKeys: string[]) => any) | undefined;
|
|
79
|
-
onCollapse?: ((key: string) => any) | undefined;
|
|
80
|
-
onExpand?: ((key: string) => any) | undefined;
|
|
81
79
|
"onUpdate:activeKeys"?: ((keys: string[]) => any) | undefined;
|
|
80
|
+
onExpand?: ((key: string) => any) | undefined;
|
|
81
|
+
onCollapse?: ((key: string) => any) | undefined;
|
|
82
82
|
}>, {
|
|
83
|
-
bordered: boolean;
|
|
84
|
-
persistKey: string;
|
|
85
83
|
activeKeys: string[];
|
|
86
84
|
defaultActiveKeys: string[];
|
|
87
85
|
accordion: boolean;
|
|
88
86
|
variant: CollapsePanelVariant;
|
|
89
87
|
expandIconPosition: ExpandIconPosition;
|
|
88
|
+
bordered: boolean;
|
|
89
|
+
persistKey: string;
|
|
90
90
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
|
|
91
91
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
92
92
|
declare const _default: typeof __VLS_export;
|
|
@@ -52,23 +52,23 @@ interface ImageCropperEmits {
|
|
|
52
52
|
//#region src/components/C_ImageCropper/index.vue.d.ts
|
|
53
53
|
declare const __VLS_export: vue.DefineComponent<ImageCropperProps, ImageCropperExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
54
54
|
error: (error: Event) => any;
|
|
55
|
-
cancel: () => any;
|
|
56
55
|
crop: (result: any) => any;
|
|
57
56
|
ready: () => any;
|
|
58
57
|
confirm: (result: any) => any;
|
|
58
|
+
cancel: () => any;
|
|
59
59
|
}, string, vue.PublicProps, Readonly<ImageCropperProps> & Readonly<{
|
|
60
60
|
onError?: ((error: Event) => any) | undefined;
|
|
61
|
-
onCancel?: (() => any) | undefined;
|
|
62
61
|
onCrop?: ((result: any) => any) | undefined;
|
|
63
62
|
onReady?: (() => any) | undefined;
|
|
64
63
|
onConfirm?: ((result: any) => any) | undefined;
|
|
64
|
+
onCancel?: (() => any) | undefined;
|
|
65
65
|
}>, {
|
|
66
|
-
disabled: boolean;
|
|
67
66
|
height: string | number;
|
|
68
|
-
|
|
67
|
+
disabled: boolean;
|
|
68
|
+
showToolbar: boolean;
|
|
69
69
|
showPreview: boolean;
|
|
70
70
|
src: string;
|
|
71
|
-
|
|
71
|
+
aspectRatio: number;
|
|
72
72
|
outputFormat: CropOutputFormat;
|
|
73
73
|
outputQuality: number;
|
|
74
74
|
maxOutputWidth: number;
|
package/dist/useCropperCore.d.ts
CHANGED
|
@@ -52,23 +52,23 @@ interface ImageCropperEmits {
|
|
|
52
52
|
//#region src/components/C_ImageCropper/index.vue.d.ts
|
|
53
53
|
declare const __VLS_export: vue.DefineComponent<ImageCropperProps, ImageCropperExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
54
54
|
error: (error: Event) => any;
|
|
55
|
-
cancel: () => any;
|
|
56
55
|
crop: (result: any) => any;
|
|
57
56
|
ready: () => any;
|
|
58
57
|
confirm: (result: any) => any;
|
|
58
|
+
cancel: () => any;
|
|
59
59
|
}, string, vue.PublicProps, Readonly<ImageCropperProps> & Readonly<{
|
|
60
60
|
onError?: ((error: Event) => any) | undefined;
|
|
61
|
-
onCancel?: (() => any) | undefined;
|
|
62
61
|
onCrop?: ((result: any) => any) | undefined;
|
|
63
62
|
onReady?: (() => any) | undefined;
|
|
64
63
|
onConfirm?: ((result: any) => any) | undefined;
|
|
64
|
+
onCancel?: (() => any) | undefined;
|
|
65
65
|
}>, {
|
|
66
|
-
disabled: boolean;
|
|
67
66
|
height: string | number;
|
|
68
|
-
|
|
67
|
+
disabled: boolean;
|
|
68
|
+
showToolbar: boolean;
|
|
69
69
|
showPreview: boolean;
|
|
70
70
|
src: string;
|
|
71
|
-
|
|
71
|
+
aspectRatio: number;
|
|
72
72
|
outputFormat: CropOutputFormat;
|
|
73
73
|
outputQuality: number;
|
|
74
74
|
maxOutputWidth: number;
|