@robot-admin/naive-ui-components 0.6.0 → 0.6.2
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 +48 -32
- package/dist/C_Breadcrumb.js.map +1 -1
- package/dist/C_Breadcrumb2.js.map +1 -1
- package/dist/C_Menu.js.map +1 -1
- package/dist/C_Menu2.js.map +1 -1
- package/dist/{C_Table-Dcam_tRs.css.map → C_Table-vZlcgH6x.css.map} +1 -1
- package/dist/{C_Table-tbUx-R4H.css.map → C_Table-wzAO43l0.css.map} +1 -1
- package/dist/C_Table.css +69 -69
- package/dist/C_Table.js.map +1 -1
- package/dist/C_Table2.js +1 -1
- package/dist/C_Table2.js.map +1 -1
- package/dist/{C_TagsView-DX3LecK1.css.map → C_TagsView-BsutyC3U.css.map} +1 -1
- package/dist/{C_TagsView-DqOTa8bL.css.map → C_TagsView-Crm7yWg9.css.map} +1 -1
- package/dist/C_TagsView.css +36 -36
- package/dist/C_TagsView.js.map +1 -1
- package/dist/C_TagsView2.js +1 -1
- package/dist/C_TagsView2.js.map +1 -1
- package/dist/constants.d.ts +3 -3
- package/dist/constants2.d.ts +5 -5
- package/dist/constants3.d.ts +2 -2
- package/dist/constants4.d.ts +6 -6
- package/dist/constants5.d.ts +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index11.vue.d.ts +4 -4
- package/dist/index12.vue.d.ts +2 -2
- package/dist/index13.vue.d.ts +5 -5
- package/dist/index15.vue.d.ts +1 -1
- package/dist/index17.vue.d.ts +1 -1
- package/dist/index19.vue.d.ts +3 -3
- package/dist/index2.vue.d.ts +1 -1
- package/dist/index4.vue.d.ts +4 -4
- package/dist/index5.vue.d.ts +2 -2
- package/dist/index6.vue.d.ts +2 -2
- package/dist/index7.vue.d.ts +1 -1
- package/dist/index8.vue.d.ts +1 -1
- package/dist/index9.vue.d.ts +3 -3
- package/dist/menuAdapter.js +1 -1
- package/dist/menuAdapter.js.map +1 -1
- package/dist/resolver.cjs.map +1 -1
- package/dist/resolver.js.map +1 -1
- package/dist/style.css +107 -107
- package/dist/useCollapsePanel.d.ts +3 -3
- package/dist/useCropperCore.d.ts +7 -7
- package/dist/useDraggableLayout.d.ts +2 -2
- package/dist/useDynamicFormState.d.ts +118 -118
- package/dist/useEdgeInteraction.d.ts +1 -1
- package/dist/useInfiniteScroll.d.ts +2 -2
- package/dist/useModalEdit.d.ts +0 -1
- package/dist/useQRCode.d.ts +2 -2
- package/dist/useSignatureHistory.d.ts +1 -1
- package/dist/useSplitResize.d.ts +2 -2
- package/dist/useTimeSelection.d.ts +2 -2
- package/dist/useTreeOperations.d.ts +3 -3
- package/dist/useWorkflowValidation.d.ts +3 -3
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -5700,7 +5700,7 @@ to {
|
|
|
5700
5700
|
|
|
5701
5701
|
/*# sourceMappingURL=C_Steps-DGwXxS2Y.css.map*/
|
|
5702
5702
|
|
|
5703
|
-
/* --- C_Table-
|
|
5703
|
+
/* --- C_Table-vZlcgH6x.css --- */
|
|
5704
5704
|
/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-1a3d4df6] {
|
|
5705
5705
|
display: flex;
|
|
5706
5706
|
align-items: center;
|
|
@@ -5822,40 +5822,40 @@ to {
|
|
|
5822
5822
|
transform: scale(1.15);
|
|
5823
5823
|
}
|
|
5824
5824
|
/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
|
|
5825
|
-
.c-table-wrapper[data-v-
|
|
5825
|
+
.c-table-wrapper[data-v-11678369] {
|
|
5826
5826
|
width: 100%;
|
|
5827
5827
|
position: relative;
|
|
5828
5828
|
}
|
|
5829
5829
|
|
|
5830
5830
|
/* ================= 2. 表格工具栏 ================= */
|
|
5831
|
-
.table-toolbar[data-v-
|
|
5831
|
+
.table-toolbar[data-v-11678369] {
|
|
5832
5832
|
display: flex;
|
|
5833
5833
|
justify-content: space-between;
|
|
5834
5834
|
align-items: center;
|
|
5835
5835
|
margin-bottom: 16px;
|
|
5836
5836
|
}
|
|
5837
|
-
.table-toolbar .toolbar-left[data-v-
|
|
5837
|
+
.table-toolbar .toolbar-left[data-v-11678369] {
|
|
5838
5838
|
display: flex;
|
|
5839
5839
|
align-items: center;
|
|
5840
5840
|
gap: 12px;
|
|
5841
5841
|
}
|
|
5842
|
-
.table-toolbar .toolbar-right[data-v-
|
|
5842
|
+
.table-toolbar .toolbar-right[data-v-11678369] {
|
|
5843
5843
|
display: flex;
|
|
5844
5844
|
align-items: center;
|
|
5845
5845
|
gap: 8px;
|
|
5846
5846
|
}
|
|
5847
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
5847
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-11678369] {
|
|
5848
5848
|
opacity: 0.6;
|
|
5849
5849
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
5850
5850
|
cursor: pointer;
|
|
5851
5851
|
}
|
|
5852
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
5852
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-11678369]:hover {
|
|
5853
5853
|
opacity: 1;
|
|
5854
5854
|
transform: scale(1.1);
|
|
5855
5855
|
}
|
|
5856
5856
|
|
|
5857
5857
|
/* ================= 3. 动态行工具栏 ================= */
|
|
5858
|
-
.dynamic-rows-toolbar[data-v-
|
|
5858
|
+
.dynamic-rows-toolbar[data-v-11678369] {
|
|
5859
5859
|
margin-bottom: 16px;
|
|
5860
5860
|
padding: 16px;
|
|
5861
5861
|
border-radius: 8px;
|
|
@@ -5864,12 +5864,12 @@ to {
|
|
|
5864
5864
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
5865
5865
|
transition: all 0.2s ease;
|
|
5866
5866
|
}
|
|
5867
|
-
.dynamic-rows-toolbar[data-v-
|
|
5867
|
+
.dynamic-rows-toolbar[data-v-11678369]:hover {
|
|
5868
5868
|
border-color: var(--n-primary-color-suppl);
|
|
5869
5869
|
}
|
|
5870
5870
|
|
|
5871
5871
|
/* ================= 4. 表格布局基础 ================= */
|
|
5872
|
-
[data-v-
|
|
5872
|
+
[data-v-11678369] .n-data-table {
|
|
5873
5873
|
table-layout: auto !important;
|
|
5874
5874
|
width: 100% !important;
|
|
5875
5875
|
border-radius: 8px;
|
|
@@ -5877,12 +5877,12 @@ to {
|
|
|
5877
5877
|
}
|
|
5878
5878
|
|
|
5879
5879
|
/* 确保表格容器允许横向滚动(固定列必需) */
|
|
5880
|
-
[data-v-
|
|
5880
|
+
[data-v-11678369] .n-data-table-wrapper {
|
|
5881
5881
|
overflow-x: auto !important;
|
|
5882
5882
|
}
|
|
5883
5883
|
|
|
5884
5884
|
/* 分页组件样式 */
|
|
5885
|
-
.pagination-wrapper[data-v-
|
|
5885
|
+
.pagination-wrapper[data-v-11678369] {
|
|
5886
5886
|
margin-top: 16px;
|
|
5887
5887
|
display: flex;
|
|
5888
5888
|
justify-content: flex-end;
|
|
@@ -5890,12 +5890,12 @@ to {
|
|
|
5890
5890
|
|
|
5891
5891
|
/* ================= 5. 表格列宽度管理 ================= */
|
|
5892
5892
|
/* 普通列的最小宽度保护 */
|
|
5893
|
-
[data-v-
|
|
5893
|
+
[data-v-11678369] .n-data-table-th:not(:last-child) {
|
|
5894
5894
|
min-width: 80px !important;
|
|
5895
5895
|
}
|
|
5896
5896
|
|
|
5897
5897
|
/* 操作列固定宽度(适应4个按钮的布局) */
|
|
5898
|
-
[data-v-
|
|
5898
|
+
[data-v-11678369] .n-data-table-th:last-child {
|
|
5899
5899
|
width: 180px !important;
|
|
5900
5900
|
min-width: 160px !important;
|
|
5901
5901
|
max-width: 200px !important;
|
|
@@ -5904,14 +5904,14 @@ to {
|
|
|
5904
5904
|
}
|
|
5905
5905
|
|
|
5906
5906
|
/* 操作按钮容器居中 */
|
|
5907
|
-
[data-v-
|
|
5907
|
+
[data-v-11678369] .n-data-table-td:last-child .n-space {
|
|
5908
5908
|
justify-content: center !important;
|
|
5909
5909
|
align-items: center !important;
|
|
5910
5910
|
}
|
|
5911
5911
|
|
|
5912
5912
|
/* ================= 6. 可编辑单元格样式 ================= */
|
|
5913
5913
|
/* 单元格编辑容器 - 精致化设计 */
|
|
5914
|
-
.cell-edit-wrapper[data-v-
|
|
5914
|
+
.cell-edit-wrapper[data-v-11678369] {
|
|
5915
5915
|
display: flex;
|
|
5916
5916
|
align-items: center;
|
|
5917
5917
|
justify-content: space-between;
|
|
@@ -5925,20 +5925,20 @@ to {
|
|
|
5925
5925
|
/* 悬停效果 */
|
|
5926
5926
|
/* 激活状态 */
|
|
5927
5927
|
}
|
|
5928
|
-
.cell-edit-wrapper[data-v-
|
|
5928
|
+
.cell-edit-wrapper[data-v-11678369]:hover {
|
|
5929
5929
|
background-color: var(--n-color-target);
|
|
5930
5930
|
}
|
|
5931
|
-
.cell-edit-wrapper:hover .cell-edit-icon[data-v-
|
|
5931
|
+
.cell-edit-wrapper:hover .cell-edit-icon[data-v-11678369] {
|
|
5932
5932
|
opacity: 1;
|
|
5933
5933
|
color: var(--n-color-success);
|
|
5934
5934
|
transform: scale(1.05);
|
|
5935
5935
|
}
|
|
5936
|
-
.cell-edit-wrapper[data-v-
|
|
5936
|
+
.cell-edit-wrapper[data-v-11678369]:active {
|
|
5937
5937
|
transform: translateY(1px);
|
|
5938
5938
|
}
|
|
5939
5939
|
|
|
5940
5940
|
/* 单元格内容 */
|
|
5941
|
-
.cell-value[data-v-
|
|
5941
|
+
.cell-value[data-v-11678369] {
|
|
5942
5942
|
flex: 1;
|
|
5943
5943
|
overflow: hidden;
|
|
5944
5944
|
text-overflow: ellipsis;
|
|
@@ -5949,7 +5949,7 @@ to {
|
|
|
5949
5949
|
}
|
|
5950
5950
|
|
|
5951
5951
|
/* 编辑图标 - 使用全局选择器确保动态创建的元素也能被选中 */
|
|
5952
|
-
.cell-edit-icon[data-v-
|
|
5952
|
+
.cell-edit-icon[data-v-11678369],.cell-edit-icon {
|
|
5953
5953
|
flex-shrink: 0;
|
|
5954
5954
|
width: 24px;
|
|
5955
5955
|
height: 24px;
|
|
@@ -5967,23 +5967,23 @@ to {
|
|
|
5967
5967
|
/* 激活效果 */
|
|
5968
5968
|
/* 图标尺寸 */
|
|
5969
5969
|
}
|
|
5970
|
-
.cell-edit-icon[data-v-
|
|
5970
|
+
.cell-edit-icon[data-v-11678369]:hover,.cell-edit-icon {
|
|
5971
5971
|
opacity: 1 !important;
|
|
5972
5972
|
color: var(--n-color-success-hover) !important;
|
|
5973
5973
|
background-color: var(--n-color-success-pressed);
|
|
5974
5974
|
transform: scale(1.1);
|
|
5975
5975
|
}
|
|
5976
|
-
.cell-edit-icon[data-v-
|
|
5976
|
+
.cell-edit-icon[data-v-11678369]:active,.cell-edit-icon {
|
|
5977
5977
|
transform: scale(0.95);
|
|
5978
5978
|
}
|
|
5979
|
-
.cell-edit-icon svg[data-v-
|
|
5979
|
+
.cell-edit-icon svg[data-v-11678369],.cell-edit-icon {
|
|
5980
5980
|
width: 14px;
|
|
5981
5981
|
height: 14px;
|
|
5982
5982
|
}
|
|
5983
5983
|
|
|
5984
5984
|
/* ================= 7. 单元格编辑状态样式 ================= */
|
|
5985
5985
|
/* 编辑容器 - 确保水平布局不换行 */
|
|
5986
|
-
.cell-editing-container[data-v-
|
|
5986
|
+
.cell-editing-container[data-v-11678369],[data-v-11678369] .cell-editing-container {
|
|
5987
5987
|
display: flex !important;
|
|
5988
5988
|
align-items: center !important;
|
|
5989
5989
|
width: 100% !important;
|
|
@@ -5997,39 +5997,39 @@ to {
|
|
|
5997
5997
|
}
|
|
5998
5998
|
|
|
5999
5999
|
/* 编辑输入区域 - 占据剩余空间 */
|
|
6000
|
-
.cell-editing-input[data-v-
|
|
6000
|
+
.cell-editing-input[data-v-11678369],[data-v-11678369] .cell-editing-input {
|
|
6001
6001
|
flex: 1 !important;
|
|
6002
6002
|
min-width: 0 !important;
|
|
6003
6003
|
}
|
|
6004
6004
|
|
|
6005
6005
|
/* 深度选择器处理输入框样式 */
|
|
6006
|
-
[data-v-
|
|
6006
|
+
[data-v-11678369] .cell-editing-input .n-input {
|
|
6007
6007
|
border: none !important;
|
|
6008
6008
|
box-shadow: none !important;
|
|
6009
6009
|
background: transparent !important;
|
|
6010
6010
|
}
|
|
6011
|
-
[data-v-
|
|
6011
|
+
[data-v-11678369] .cell-editing-input .n-input.n-input--focus {
|
|
6012
6012
|
border: none !important;
|
|
6013
6013
|
box-shadow: none !important;
|
|
6014
6014
|
}
|
|
6015
|
-
[data-v-
|
|
6015
|
+
[data-v-11678369] .cell-editing-input .n-input-number {
|
|
6016
6016
|
border: none !important;
|
|
6017
6017
|
box-shadow: none !important;
|
|
6018
6018
|
background: transparent !important;
|
|
6019
6019
|
}
|
|
6020
|
-
[data-v-
|
|
6020
|
+
[data-v-11678369] .cell-editing-input .n-select {
|
|
6021
6021
|
border: none !important;
|
|
6022
6022
|
box-shadow: none !important;
|
|
6023
6023
|
background: transparent !important;
|
|
6024
6024
|
}
|
|
6025
|
-
[data-v-
|
|
6025
|
+
[data-v-11678369] .cell-editing-input .n-select .n-base-selection {
|
|
6026
6026
|
border: none !important;
|
|
6027
6027
|
box-shadow: none !important;
|
|
6028
6028
|
background: transparent !important;
|
|
6029
6029
|
}
|
|
6030
6030
|
|
|
6031
6031
|
/* 编辑操作按钮容器 */
|
|
6032
|
-
.cell-editing-actions[data-v-
|
|
6032
|
+
.cell-editing-actions[data-v-11678369],[data-v-11678369] .cell-editing-actions {
|
|
6033
6033
|
display: flex !important;
|
|
6034
6034
|
flex-shrink: 0 !important;
|
|
6035
6035
|
align-items: center !important;
|
|
@@ -6042,7 +6042,7 @@ to {
|
|
|
6042
6042
|
}
|
|
6043
6043
|
|
|
6044
6044
|
/* 编辑操作按钮 */
|
|
6045
|
-
.cell-action-btn[data-v-
|
|
6045
|
+
.cell-action-btn[data-v-11678369],[data-v-11678369] .cell-action-btn {
|
|
6046
6046
|
display: flex !important;
|
|
6047
6047
|
align-items: center !important;
|
|
6048
6048
|
justify-content: center !important;
|
|
@@ -6057,28 +6057,28 @@ to {
|
|
|
6057
6057
|
/* 取消按钮 */
|
|
6058
6058
|
/* 图标尺寸 */
|
|
6059
6059
|
}
|
|
6060
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
6060
|
+
.cell-action-btn.cell-action-save[data-v-11678369],[data-v-11678369] .cell-action-btn.cell-action-save {
|
|
6061
6061
|
color: var(--n-color-success) !important;
|
|
6062
6062
|
}
|
|
6063
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
6063
|
+
.cell-action-btn.cell-action-save[data-v-11678369]:hover,[data-v-11678369] .cell-action-btn.cell-action-save:hover {
|
|
6064
6064
|
background: var(--n-color-success-pressed) !important;
|
|
6065
6065
|
transform: scale(1.1) !important;
|
|
6066
6066
|
}
|
|
6067
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
6067
|
+
.cell-action-btn.cell-action-cancel[data-v-11678369],[data-v-11678369] .cell-action-btn.cell-action-cancel {
|
|
6068
6068
|
color: var(--n-color-error) !important;
|
|
6069
6069
|
}
|
|
6070
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
6070
|
+
.cell-action-btn.cell-action-cancel[data-v-11678369]:hover,[data-v-11678369] .cell-action-btn.cell-action-cancel:hover {
|
|
6071
6071
|
background: var(--n-color-error-pressed) !important;
|
|
6072
6072
|
transform: scale(1.1) !important;
|
|
6073
6073
|
}
|
|
6074
|
-
.cell-action-btn svg[data-v-
|
|
6074
|
+
.cell-action-btn svg[data-v-11678369],[data-v-11678369] .cell-action-btn svg {
|
|
6075
6075
|
width: 11px !important;
|
|
6076
6076
|
height: 11px !important;
|
|
6077
6077
|
}
|
|
6078
6078
|
|
|
6079
6079
|
/* ================= 7. 操作按钮样式 ================= */
|
|
6080
6080
|
/* 通用按钮样式 */
|
|
6081
|
-
[data-v-
|
|
6081
|
+
[data-v-11678369] .n-button {
|
|
6082
6082
|
white-space: nowrap;
|
|
6083
6083
|
font-size: 12px !important;
|
|
6084
6084
|
flex-shrink: 0 !important;
|
|
@@ -6089,54 +6089,54 @@ to {
|
|
|
6089
6089
|
/* 小尺寸按钮优化 */
|
|
6090
6090
|
/* 四元按钮样式 */
|
|
6091
6091
|
}
|
|
6092
|
-
[data-v-
|
|
6092
|
+
[data-v-11678369] .n-button .n-icon {
|
|
6093
6093
|
margin-right: 4px !important;
|
|
6094
6094
|
}
|
|
6095
|
-
[data-v-
|
|
6095
|
+
[data-v-11678369] .n-button.n-button--small-type {
|
|
6096
6096
|
padding: 4px 8px;
|
|
6097
6097
|
height: 28px;
|
|
6098
6098
|
line-height: 20px;
|
|
6099
6099
|
}
|
|
6100
|
-
[data-v-
|
|
6100
|
+
[data-v-11678369] .n-button.n-button--quaternary-type:hover {
|
|
6101
6101
|
transform: translateY(-1px);
|
|
6102
6102
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
6103
6103
|
}
|
|
6104
|
-
[data-v-
|
|
6104
|
+
[data-v-11678369] .n-button.n-button--quaternary-type:active {
|
|
6105
6105
|
transform: translateY(0);
|
|
6106
6106
|
}
|
|
6107
6107
|
|
|
6108
6108
|
/* ================= 8. 按钮组间距优化 ================= */
|
|
6109
6109
|
/* 操作按钮组 */
|
|
6110
|
-
[data-v-
|
|
6110
|
+
[data-v-11678369] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
6111
6111
|
margin-right: 6px !important;
|
|
6112
6112
|
}
|
|
6113
6113
|
|
|
6114
6114
|
/* ================= 9. 模态框样式优化 ================= */
|
|
6115
6115
|
/* 编辑模态框 */
|
|
6116
|
-
[data-v-
|
|
6116
|
+
[data-v-11678369] .n-modal .n-card {
|
|
6117
6117
|
border-radius: 12px;
|
|
6118
6118
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
6119
6119
|
}
|
|
6120
|
-
[data-v-
|
|
6120
|
+
[data-v-11678369] .n-modal .n-card__header {
|
|
6121
6121
|
padding: 20px 24px 16px;
|
|
6122
6122
|
font-weight: 600;
|
|
6123
6123
|
font-size: 16px;
|
|
6124
6124
|
}
|
|
6125
|
-
[data-v-
|
|
6125
|
+
[data-v-11678369] .n-modal .n-card__content {
|
|
6126
6126
|
padding: 0 24px 16px;
|
|
6127
6127
|
}
|
|
6128
|
-
[data-v-
|
|
6128
|
+
[data-v-11678369] .n-modal .n-card__action {
|
|
6129
6129
|
padding: 16px 24px 20px;
|
|
6130
6130
|
border-top: 1px solid var(--n-divider-color);
|
|
6131
6131
|
}
|
|
6132
6132
|
|
|
6133
6133
|
/* ================= 10. 描述列表样式 ================= */
|
|
6134
6134
|
/* 详情模态框描述列表 */
|
|
6135
|
-
[data-v-
|
|
6135
|
+
[data-v-11678369] .n-descriptions .n-descriptions-item-label {
|
|
6136
6136
|
font-weight: 500;
|
|
6137
6137
|
color: var(--n-text-color-2);
|
|
6138
6138
|
}
|
|
6139
|
-
[data-v-
|
|
6139
|
+
[data-v-11678369] .n-descriptions .n-descriptions-item-content {
|
|
6140
6140
|
color: var(--n-text-color-1);
|
|
6141
6141
|
word-break: break-all;
|
|
6142
6142
|
}
|
|
@@ -6144,97 +6144,97 @@ to {
|
|
|
6144
6144
|
/* ================= 11. 响应式设计 ================= */
|
|
6145
6145
|
/* 移动端适配 */
|
|
6146
6146
|
@media (max-width: 768px) {
|
|
6147
|
-
.c-table-wrapper[data-v-
|
|
6147
|
+
.c-table-wrapper[data-v-11678369] {
|
|
6148
6148
|
overflow-x: auto;
|
|
6149
6149
|
}
|
|
6150
6150
|
/* 操作列在移动端的适配 */
|
|
6151
|
-
[data-v-
|
|
6151
|
+
[data-v-11678369] .n-data-table-th:last-child {
|
|
6152
6152
|
width: 160px !important;
|
|
6153
6153
|
min-width: 160px !important;
|
|
6154
6154
|
}
|
|
6155
6155
|
/* 按钮在移动端的优化 */
|
|
6156
|
-
[data-v-
|
|
6156
|
+
[data-v-11678369] .n-button {
|
|
6157
6157
|
font-size: 11px !important;
|
|
6158
6158
|
padding: 3px 6px;
|
|
6159
6159
|
}
|
|
6160
|
-
[data-v-
|
|
6160
|
+
[data-v-11678369] .n-button .n-icon {
|
|
6161
6161
|
margin-right: 2px !important;
|
|
6162
6162
|
}
|
|
6163
6163
|
/* 单元格编辑图标在移动端始终显示 */
|
|
6164
|
-
.cell-edit-icon[data-v-
|
|
6164
|
+
.cell-edit-icon[data-v-11678369] {
|
|
6165
6165
|
opacity: 0.6;
|
|
6166
6166
|
}
|
|
6167
6167
|
}
|
|
6168
6168
|
/* ================= 12. 主题适配 ================= */
|
|
6169
6169
|
/* 暗色主题适配 - 已通过 CSS 变量自动适配 */
|
|
6170
|
-
[data-theme=dark][data-v-
|
|
6170
|
+
[data-theme=dark][data-v-11678369] {
|
|
6171
6171
|
/* CSS 变量已自动适配,如有特殊需求可在此添加 */
|
|
6172
6172
|
}
|
|
6173
6173
|
|
|
6174
6174
|
/* ================= 13. 响应式优化 ================= */
|
|
6175
6175
|
/* 小屏幕下的单元格编辑优化 */
|
|
6176
6176
|
@media (max-width: 768px) {
|
|
6177
|
-
.cell-editing-container[data-v-
|
|
6177
|
+
.cell-editing-container[data-v-11678369],[data-v-11678369] .cell-editing-container {
|
|
6178
6178
|
gap: 6px !important;
|
|
6179
6179
|
}
|
|
6180
|
-
.cell-editing-actions[data-v-
|
|
6180
|
+
.cell-editing-actions[data-v-11678369],[data-v-11678369] .cell-editing-actions {
|
|
6181
6181
|
gap: 3px !important;
|
|
6182
6182
|
padding: 2px !important;
|
|
6183
6183
|
}
|
|
6184
|
-
.cell-action-btn[data-v-
|
|
6184
|
+
.cell-action-btn[data-v-11678369],[data-v-11678369] .cell-action-btn {
|
|
6185
6185
|
width: 18px !important;
|
|
6186
6186
|
height: 18px !important;
|
|
6187
6187
|
}
|
|
6188
|
-
.cell-action-btn svg[data-v-
|
|
6188
|
+
.cell-action-btn svg[data-v-11678369],[data-v-11678369] .cell-action-btn svg {
|
|
6189
6189
|
width: 10px !important;
|
|
6190
6190
|
height: 10px !important;
|
|
6191
6191
|
}
|
|
6192
6192
|
/* 移动端编辑图标 */
|
|
6193
|
-
.cell-edit-icon[data-v-
|
|
6193
|
+
.cell-edit-icon[data-v-11678369] {
|
|
6194
6194
|
opacity: 0.6 !important;
|
|
6195
6195
|
}
|
|
6196
|
-
.cell-value[data-v-
|
|
6196
|
+
.cell-value[data-v-11678369] {
|
|
6197
6197
|
margin-right: 12px !important;
|
|
6198
6198
|
}
|
|
6199
6199
|
}
|
|
6200
6200
|
/* ================= 14. 性能优化 ================= */
|
|
6201
6201
|
/* 使用 GPU 加速的动画 */
|
|
6202
|
-
.cell-edit-icon[data-v-
|
|
6203
|
-
.cell-action-btn[data-v-
|
|
6202
|
+
.cell-edit-icon[data-v-11678369],
|
|
6203
|
+
.cell-action-btn[data-v-11678369] {
|
|
6204
6204
|
will-change: transform;
|
|
6205
6205
|
backface-visibility: hidden;
|
|
6206
6206
|
}
|
|
6207
|
-
[data-v-
|
|
6207
|
+
[data-v-11678369] .n-button {
|
|
6208
6208
|
will-change: transform;
|
|
6209
6209
|
backface-visibility: hidden;
|
|
6210
6210
|
}
|
|
6211
6211
|
|
|
6212
6212
|
/* ================= 15. 可访问性优化 ================= */
|
|
6213
6213
|
/* 聚焦状态 */
|
|
6214
|
-
.cell-edit-wrapper[data-v-
|
|
6215
|
-
.cell-editing-container[data-v-
|
|
6214
|
+
.cell-edit-wrapper[data-v-11678369]:focus-within,
|
|
6215
|
+
.cell-editing-container[data-v-11678369]:focus-within {
|
|
6216
6216
|
outline: 2px solid var(--n-primary-color);
|
|
6217
6217
|
outline-offset: 2px;
|
|
6218
6218
|
}
|
|
6219
6219
|
|
|
6220
6220
|
/* 高对比度模式支持 */
|
|
6221
6221
|
@media (prefers-contrast: high) {
|
|
6222
|
-
.cell-edit-icon[data-v-
|
|
6222
|
+
.cell-edit-icon[data-v-11678369] {
|
|
6223
6223
|
opacity: 0.8;
|
|
6224
6224
|
}
|
|
6225
|
-
.cell-editing-actions[data-v-
|
|
6225
|
+
.cell-editing-actions[data-v-11678369] {
|
|
6226
6226
|
border-width: 2px;
|
|
6227
6227
|
}
|
|
6228
6228
|
}
|
|
6229
6229
|
|
|
6230
|
-
/*# sourceMappingURL=C_Table-
|
|
6230
|
+
/*# sourceMappingURL=C_Table-vZlcgH6x.css.map*/
|
|
6231
6231
|
|
|
6232
|
-
/* --- C_TagsView-
|
|
6232
|
+
/* --- C_TagsView-BsutyC3U.css --- */
|
|
6233
6233
|
/* unplugin-vue-components disabled *//* ===========================================
|
|
6234
6234
|
* 标签组件样式 - 精简版
|
|
6235
6235
|
* =========================================== */
|
|
6236
6236
|
/* --------- 标签视图容器 --------- */
|
|
6237
|
-
.tags-view-container[data-v-
|
|
6237
|
+
.tags-view-container[data-v-6da69cfa] {
|
|
6238
6238
|
border-bottom: 1px solid var(--color-border);
|
|
6239
6239
|
padding: 8px 16px 0;
|
|
6240
6240
|
position: relative;
|
|
@@ -6242,14 +6242,14 @@ to {
|
|
|
6242
6242
|
}
|
|
6243
6243
|
|
|
6244
6244
|
/* --------- 滚动轨道容器 --------- */
|
|
6245
|
-
.tags-track[data-v-
|
|
6245
|
+
.tags-track[data-v-6da69cfa] {
|
|
6246
6246
|
width: 100%;
|
|
6247
6247
|
overflow: hidden;
|
|
6248
6248
|
position: relative;
|
|
6249
6249
|
}
|
|
6250
6250
|
|
|
6251
6251
|
/* --------- 滚动容器 --------- */
|
|
6252
|
-
.tags-container[data-v-
|
|
6252
|
+
.tags-container[data-v-6da69cfa] {
|
|
6253
6253
|
display: flex;
|
|
6254
6254
|
overflow-x: auto;
|
|
6255
6255
|
overflow-y: hidden;
|
|
@@ -6259,12 +6259,12 @@ to {
|
|
|
6259
6259
|
align-items: center;
|
|
6260
6260
|
min-height: 40px;
|
|
6261
6261
|
}
|
|
6262
|
-
.tags-container[data-v-
|
|
6262
|
+
.tags-container[data-v-6da69cfa]::-webkit-scrollbar {
|
|
6263
6263
|
display: none;
|
|
6264
6264
|
}
|
|
6265
6265
|
|
|
6266
6266
|
/* --------- 现代化标签样式 --------- */
|
|
6267
|
-
.n-tag[data-v-
|
|
6267
|
+
.n-tag[data-v-6da69cfa] {
|
|
6268
6268
|
position: relative;
|
|
6269
6269
|
display: inline-flex;
|
|
6270
6270
|
align-items: center;
|
|
@@ -6284,7 +6284,7 @@ to {
|
|
|
6284
6284
|
/* --------- 激活状态 --------- */
|
|
6285
6285
|
/* --------- 关闭按钮 --------- */
|
|
6286
6286
|
}
|
|
6287
|
-
.n-tag[data-v-
|
|
6287
|
+
.n-tag[data-v-6da69cfa]::before {
|
|
6288
6288
|
content: "";
|
|
6289
6289
|
position: absolute;
|
|
6290
6290
|
top: 1px;
|
|
@@ -6296,58 +6296,58 @@ to {
|
|
|
6296
6296
|
opacity: 0.5;
|
|
6297
6297
|
transition: opacity 0.22s ease;
|
|
6298
6298
|
}
|
|
6299
|
-
.n-tag[data-v-
|
|
6299
|
+
.n-tag[data-v-6da69cfa]:hover:not([type=primary]) {
|
|
6300
6300
|
color: var(--color-primary) !important;
|
|
6301
6301
|
border-color: var(--color-primary);
|
|
6302
6302
|
transform: scale(1.02);
|
|
6303
6303
|
}
|
|
6304
|
-
.n-tag[data-v-
|
|
6304
|
+
.n-tag[data-v-6da69cfa]:hover:not([type=primary])::before {
|
|
6305
6305
|
opacity: 0.8;
|
|
6306
6306
|
}
|
|
6307
|
-
.n-tag[data-v-
|
|
6308
|
-
.n-tag[data-v-
|
|
6307
|
+
.n-tag[data-v-6da69cfa]:hover:not([type=primary]) .c-icon,
|
|
6308
|
+
.n-tag[data-v-6da69cfa]:hover:not([type=primary]) [class*="c-icon"] {
|
|
6309
6309
|
color: var(--color-primary) !important;
|
|
6310
6310
|
}
|
|
6311
|
-
.n-tag:hover:not([type=primary]) i[data-v-
|
|
6312
|
-
.n-tag:hover:not([type=primary]) .icon[data-v-
|
|
6311
|
+
.n-tag:hover:not([type=primary]) i[data-v-6da69cfa],
|
|
6312
|
+
.n-tag:hover:not([type=primary]) .icon[data-v-6da69cfa] {
|
|
6313
6313
|
color: var(--color-primary) !important;
|
|
6314
6314
|
}
|
|
6315
|
-
.n-tag[data-v-
|
|
6315
|
+
.n-tag[data-v-6da69cfa]:hover:not([type=primary]) .n-tag__close {
|
|
6316
6316
|
color: var(--color-primary) !important;
|
|
6317
6317
|
opacity: 0.8;
|
|
6318
6318
|
transform: scale(1.05);
|
|
6319
6319
|
}
|
|
6320
|
-
.n-tag[type=primary][data-v-
|
|
6320
|
+
.n-tag[type=primary][data-v-6da69cfa] {
|
|
6321
6321
|
background: var(--tag-active-bg, rgba(32, 128, 240, 0.08)) !important;
|
|
6322
6322
|
color: var(--color-primary) !important;
|
|
6323
6323
|
border-color: var(--color-primary) !important;
|
|
6324
6324
|
font-weight: 600;
|
|
6325
6325
|
transform: scale(1.02);
|
|
6326
6326
|
}
|
|
6327
|
-
.n-tag[type=primary][data-v-
|
|
6327
|
+
.n-tag[type=primary][data-v-6da69cfa]::before {
|
|
6328
6328
|
opacity: 0.6;
|
|
6329
6329
|
}
|
|
6330
|
-
.n-tag[type=primary][data-v-
|
|
6331
|
-
.n-tag[type=primary][data-v-
|
|
6330
|
+
.n-tag[type=primary][data-v-6da69cfa] .n-tag__content,
|
|
6331
|
+
.n-tag[type=primary][data-v-6da69cfa] *:not(.n-tag__close) {
|
|
6332
6332
|
color: var(--color-primary) !important;
|
|
6333
6333
|
}
|
|
6334
|
-
.n-tag[type=primary][data-v-
|
|
6335
|
-
.n-tag[type=primary][data-v-
|
|
6334
|
+
.n-tag[type=primary][data-v-6da69cfa] .c-icon,
|
|
6335
|
+
.n-tag[type=primary][data-v-6da69cfa] [class*="c-icon"] {
|
|
6336
6336
|
color: var(--color-primary) !important;
|
|
6337
6337
|
}
|
|
6338
|
-
.n-tag[type=primary] i[data-v-
|
|
6339
|
-
.n-tag[type=primary] .icon[data-v-
|
|
6338
|
+
.n-tag[type=primary] i[data-v-6da69cfa],
|
|
6339
|
+
.n-tag[type=primary] .icon[data-v-6da69cfa] {
|
|
6340
6340
|
color: var(--color-primary) !important;
|
|
6341
6341
|
}
|
|
6342
|
-
.n-tag[type=primary][data-v-
|
|
6342
|
+
.n-tag[type=primary][data-v-6da69cfa]:hover {
|
|
6343
6343
|
background: var(--tag-active-hover-bg, rgba(32, 128, 240, 0.12)) !important;
|
|
6344
6344
|
transform: scale(1.03);
|
|
6345
6345
|
}
|
|
6346
|
-
.n-tag[type=primary][data-v-
|
|
6346
|
+
.n-tag[type=primary][data-v-6da69cfa] .n-tag__close {
|
|
6347
6347
|
color: var(--color-primary) !important;
|
|
6348
6348
|
opacity: 0.8;
|
|
6349
6349
|
}
|
|
6350
|
-
.n-tag[data-v-
|
|
6350
|
+
.n-tag[data-v-6da69cfa] .n-tag__close {
|
|
6351
6351
|
width: 16px !important;
|
|
6352
6352
|
height: 16px !important;
|
|
6353
6353
|
border-radius: 8px !important;
|
|
@@ -6362,10 +6362,10 @@ to {
|
|
|
6362
6362
|
background: rgba(0, 0, 0, 0.02) !important;
|
|
6363
6363
|
border: 1px solid transparent;
|
|
6364
6364
|
}
|
|
6365
|
-
.n-tag[data-v-
|
|
6365
|
+
.n-tag[data-v-6da69cfa] .n-tag__close:not(:hover) {
|
|
6366
6366
|
transform: scale(0.9);
|
|
6367
6367
|
}
|
|
6368
|
-
.n-tag[data-v-
|
|
6368
|
+
.n-tag[data-v-6da69cfa] .n-tag__close:hover {
|
|
6369
6369
|
background: linear-gradient(135deg, rgba(248, 113, 113, 0.1), rgba(239, 68, 68, 0.08)) !important;
|
|
6370
6370
|
border-color: rgba(239, 68, 68, 0.15) !important;
|
|
6371
6371
|
color: #ef4444 !important;
|
|
@@ -6373,13 +6373,13 @@ to {
|
|
|
6373
6373
|
transform: scale(0.6) !important;
|
|
6374
6374
|
box-shadow: 0 2px 6px rgba(239, 68, 68, 0.2) !important;
|
|
6375
6375
|
}
|
|
6376
|
-
.n-tag[data-v-
|
|
6376
|
+
.n-tag[data-v-6da69cfa] .n-tag__close:active {
|
|
6377
6377
|
transform: scale(0.95) !important;
|
|
6378
6378
|
transition-duration: 0.1s !important;
|
|
6379
6379
|
}
|
|
6380
6380
|
|
|
6381
6381
|
/* --------- C_Icon --------- */
|
|
6382
|
-
[data-v-
|
|
6382
|
+
[data-v-6da69cfa] .c-icon {
|
|
6383
6383
|
margin-right: 4px;
|
|
6384
6384
|
font-size: 12px;
|
|
6385
6385
|
transition: color 0.22s ease;
|
|
@@ -6389,41 +6389,41 @@ to {
|
|
|
6389
6389
|
|
|
6390
6390
|
/* --------- 响应式 --------- */
|
|
6391
6391
|
@media (max-width: 768px) {
|
|
6392
|
-
.tags-view-container[data-v-
|
|
6392
|
+
.tags-view-container[data-v-6da69cfa] {
|
|
6393
6393
|
padding: 6px 12px 0;
|
|
6394
6394
|
}
|
|
6395
|
-
.n-tag[data-v-
|
|
6395
|
+
.n-tag[data-v-6da69cfa] {
|
|
6396
6396
|
height: 26px;
|
|
6397
6397
|
padding: 0 10px;
|
|
6398
6398
|
font-size: 11px;
|
|
6399
6399
|
margin-right: 3px;
|
|
6400
6400
|
border-radius: 13px;
|
|
6401
6401
|
}
|
|
6402
|
-
.n-tag[data-v-
|
|
6402
|
+
.n-tag[data-v-6da69cfa] .n-tag__close {
|
|
6403
6403
|
width: 14px;
|
|
6404
6404
|
height: 14px;
|
|
6405
6405
|
font-size: 11px;
|
|
6406
6406
|
margin-left: 4px;
|
|
6407
6407
|
}
|
|
6408
|
-
.tags-container[data-v-
|
|
6408
|
+
.tags-container[data-v-6da69cfa] {
|
|
6409
6409
|
padding: 0 12px;
|
|
6410
6410
|
min-height: 36px;
|
|
6411
6411
|
}
|
|
6412
|
-
[data-v-
|
|
6412
|
+
[data-v-6da69cfa] .c-icon {
|
|
6413
6413
|
font-size: 11px;
|
|
6414
6414
|
margin-right: 3px;
|
|
6415
6415
|
}
|
|
6416
6416
|
}
|
|
6417
6417
|
/* --------- 暗色主题 --------- */
|
|
6418
|
-
[data-theme=dark] .n-tag[data-v-
|
|
6418
|
+
[data-theme=dark] .n-tag[data-v-6da69cfa] .n-tag__close {
|
|
6419
6419
|
background: rgba(255, 255, 255, 0.03) !important;
|
|
6420
6420
|
}
|
|
6421
|
-
[data-theme=dark] .n-tag[data-v-
|
|
6421
|
+
[data-theme=dark] .n-tag[data-v-6da69cfa] .n-tag__close:hover {
|
|
6422
6422
|
background: linear-gradient(135deg, rgba(248, 113, 113, 0.12), rgba(239, 68, 68, 0.1)) !important;
|
|
6423
6423
|
box-shadow: 0 2px 6px rgba(239, 68, 68, 0.25) !important;
|
|
6424
6424
|
}
|
|
6425
6425
|
|
|
6426
|
-
/*# sourceMappingURL=C_TagsView-
|
|
6426
|
+
/*# sourceMappingURL=C_TagsView-BsutyC3U.css.map*/
|
|
6427
6427
|
|
|
6428
6428
|
/* --- C_Time-Bd_e1YDN.css --- */
|
|
6429
6429
|
/* unplugin-vue-components disabled *//* 时间选择器组件样式 */
|
|
@@ -70,21 +70,21 @@ type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_7>]?: (props: typeof __
|
|
|
70
70
|
declare const __VLS_base: vue.DefineComponent<Props, CollapsePanelExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
71
71
|
change: (activeKeys: string[]) => any;
|
|
72
72
|
collapse: (key: string) => any;
|
|
73
|
-
expand: (key: string) => any;
|
|
74
73
|
"update:activeKeys": (keys: string[]) => any;
|
|
74
|
+
expand: (key: string) => any;
|
|
75
75
|
}, string, vue.PublicProps, Readonly<Props> & Readonly<{
|
|
76
76
|
onChange?: ((activeKeys: string[]) => any) | undefined;
|
|
77
77
|
onCollapse?: ((key: string) => any) | undefined;
|
|
78
|
-
onExpand?: ((key: string) => any) | undefined;
|
|
79
78
|
"onUpdate:activeKeys"?: ((keys: string[]) => any) | undefined;
|
|
79
|
+
onExpand?: ((key: string) => any) | undefined;
|
|
80
80
|
}>, {
|
|
81
81
|
bordered: boolean;
|
|
82
|
+
persistKey: string;
|
|
82
83
|
activeKeys: string[];
|
|
83
84
|
defaultActiveKeys: string[];
|
|
84
85
|
accordion: boolean;
|
|
85
86
|
variant: CollapsePanelVariant;
|
|
86
87
|
expandIconPosition: ExpandIconPosition;
|
|
87
|
-
persistKey: string;
|
|
88
88
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
|
|
89
89
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
90
90
|
declare const _default: typeof __VLS_export;
|