adtec-core-package 2.4.9 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (344) hide show
  1. package/.editorconfig +6 -6
  2. package/.prettierrc.json +7 -7
  3. package/.vscode/extensions.json +8 -8
  4. package/README.en.md +36 -36
  5. package/README.md +39 -39
  6. package/env.d.ts +1 -1
  7. package/eslint.config.js +56 -56
  8. package/index.html +13 -13
  9. package/package.json +71 -71
  10. package/src/App.vue +9 -9
  11. package/src/api/BasicApi.ts +26 -26
  12. package/src/api/DeptInfoApi.ts +19 -19
  13. package/src/api/DocumentApi.ts +27 -27
  14. package/src/api/EmployeeInfoApi.ts +17 -17
  15. package/src/api/SysDictCacheApi.ts +29 -29
  16. package/src/api/SysUserApi.ts +35 -35
  17. package/src/api/framework.ts +12 -12
  18. package/src/api/workflow/workflow.ts +31 -31
  19. package/src/api/workflow/workflowCommentApi.ts +23 -23
  20. package/src/api/workflow/workflowInstApi.ts +72 -72
  21. package/src/assets/base.css +86 -86
  22. package/src/assets/logo.svg +1 -1
  23. package/src/assets/main.css +35 -35
  24. package/src/assets/style/ant.scss +19 -19
  25. package/src/assets/style/index.less +180 -180
  26. package/src/assets/style/transition.scss +49 -49
  27. package/src/components/ElCardList.vue +64 -64
  28. package/src/components/ElFlex/ElFlex.vue +297 -297
  29. package/src/components/ElTotalTools.vue +70 -70
  30. package/src/components/OperationAuth/operationAuth.vue +43 -43
  31. package/src/components/RichTextEditor/RichTextEditor.vue +442 -442
  32. package/src/components/Scrollbars/ElScrollbars.vue +21 -21
  33. package/src/components/Search/ElIconSearch.vue +267 -267
  34. package/src/components/Search/ElSearch.vue +154 -154
  35. package/src/components/SelectInDicators/SelectInDicators.vue +225 -225
  36. package/src/components/SelectInDicators/api/DataIndicatorsApi.ts +28 -28
  37. package/src/components/SelectInDicators/interface/IComIndex.ts +26 -26
  38. package/src/components/SelectInDicators/interface/IComIndexAttri.ts +18 -18
  39. package/src/components/Table/ElTableColumnDynamic.vue +25 -25
  40. package/src/components/Table/ElTableColumnEdit.vue +265 -265
  41. package/src/components/Table/ElTableTool.ts +37 -37
  42. package/src/components/Title/ElTitle.vue +53 -53
  43. package/src/components/autoToolTip/ElAutoToolTip.vue +62 -62
  44. package/src/components/baseEcharts/index.vue +48 -48
  45. package/src/components/bpmntree/api/modules/role.ts +31 -31
  46. package/src/components/bpmntree/api/modules/user.ts +17 -17
  47. package/src/components/bpmntree/components/AdvancedFilter/Operator.vue +112 -112
  48. package/src/components/bpmntree/components/AdvancedFilter/Trigger.vue +23 -23
  49. package/src/components/bpmntree/components/AdvancedFilter/index.vue +230 -230
  50. package/src/components/bpmntree/components/AdvancedFilter/type.ts +20 -20
  51. package/src/components/bpmntree/components/FlowIcon/index.scss +7 -7
  52. package/src/components/bpmntree/components/FlowIcon/index.tsx +68 -68
  53. package/src/components/bpmntree/components/Render/render.vue +90 -90
  54. package/src/components/bpmntree/components/Render/type.ts +12 -12
  55. package/src/components/bpmntree/components/RoleSelector/RolePicker.vue +264 -264
  56. package/src/components/bpmntree/components/RoleSelector/RoleTag.vue +48 -48
  57. package/src/components/bpmntree/components/RoleSelector/index.vue +113 -113
  58. package/src/components/bpmntree/components/UserSelector/UserTag.vue +73 -73
  59. package/src/components/bpmntree/components/UserSelector/index.vue +140 -140
  60. package/src/components/bpmntree/hooks/useDraggableScroll.ts +44 -44
  61. package/src/components/bpmntree/typings/index.d.ts +1 -1
  62. package/src/components/bpmntree/views/flowDesign/index.vue +653 -653
  63. package/src/components/bpmntree/views/flowDesign/nodes/Add.vue +184 -184
  64. package/src/components/bpmntree/views/flowDesign/nodes/ApprovalNode.vue +127 -127
  65. package/src/components/bpmntree/views/flowDesign/nodes/CcNode.vue +93 -93
  66. package/src/components/bpmntree/views/flowDesign/nodes/ConcurrentNode.vue +61 -61
  67. package/src/components/bpmntree/views/flowDesign/nodes/ConditionNode.vue +60 -60
  68. package/src/components/bpmntree/views/flowDesign/nodes/EndNode.vue +80 -80
  69. package/src/components/bpmntree/views/flowDesign/nodes/ExclusiveNode.vue +20 -20
  70. package/src/components/bpmntree/views/flowDesign/nodes/GatewayNode.vue +173 -173
  71. package/src/components/bpmntree/views/flowDesign/nodes/InclusiveNode.vue +20 -20
  72. package/src/components/bpmntree/views/flowDesign/nodes/JumpNode.vue +49 -49
  73. package/src/components/bpmntree/views/flowDesign/nodes/Node.vue +346 -346
  74. package/src/components/bpmntree/views/flowDesign/nodes/NotifyNode.vue +115 -115
  75. package/src/components/bpmntree/views/flowDesign/nodes/ParallelNode.vue +20 -20
  76. package/src/components/bpmntree/views/flowDesign/nodes/PopoverView.vue +78 -78
  77. package/src/components/bpmntree/views/flowDesign/nodes/StartNode.vue +84 -84
  78. package/src/components/bpmntree/views/flowDesign/nodes/TimerNode.vue +50 -50
  79. package/src/components/bpmntree/views/flowDesign/nodes/TreeNode.vue +45 -45
  80. package/src/components/bpmntree/views/flowDesign/nodes/type.ts +204 -204
  81. package/src/components/bpmntree/views/flowDesign/panels/ApprovalPanel.vue +581 -581
  82. package/src/components/bpmntree/views/flowDesign/panels/AssigneePanel.vue +120 -120
  83. package/src/components/bpmntree/views/flowDesign/panels/CcPanel.vue +99 -99
  84. package/src/components/bpmntree/views/flowDesign/panels/ConditionPanel.vue +41 -41
  85. package/src/components/bpmntree/views/flowDesign/panels/EndPanel.vue +18 -18
  86. package/src/components/bpmntree/views/flowDesign/panels/ExecutionListeners.vue +110 -110
  87. package/src/components/bpmntree/views/flowDesign/panels/JumpPanel.vue +32 -32
  88. package/src/components/bpmntree/views/flowDesign/panels/NotifyPanel.vue +101 -101
  89. package/src/components/bpmntree/views/flowDesign/panels/ParaPanel.vue +248 -248
  90. package/src/components/bpmntree/views/flowDesign/panels/StartPanel.vue +160 -160
  91. package/src/components/bpmntree/views/flowDesign/panels/TaskListeners.vue +110 -110
  92. package/src/components/bpmntree/views/flowDesign/panels/TimerPanel.vue +51 -51
  93. package/src/components/bpmntree/views/flowDesign/panels/index.vue +85 -85
  94. package/src/components/bpmntree/views/view.index.vue +291 -291
  95. package/src/components/business/comp.selectUser.vue +60 -60
  96. package/src/components/business/comp.userForm.vue +311 -311
  97. package/src/components/business/userSelect.vue +413 -413
  98. package/src/components/icon/ElIconBtn.vue +243 -243
  99. package/src/components/icon/ElIcons.vue +38 -38
  100. package/src/components/kFrame/IframeOptions.ts +116 -116
  101. package/src/components/kFrame/KFrame.vue +161 -161
  102. package/src/components/tooltip/index.ts +11 -11
  103. package/src/components/tooltip/src/tooltip.ts +518 -518
  104. package/src/components/upload/ElUploads.vue +364 -364
  105. package/src/components/upload/FileView.vue +214 -214
  106. package/src/components/upload/FileViewComponents.vue +56 -56
  107. package/src/components/vxeGrid/index.vue +36 -36
  108. package/src/components/workflow/TaskOperation.vue +247 -247
  109. package/src/components/workflow/WorkflowTodoDialog.vue +91 -91
  110. package/src/components/workflow/components/AddOrMinusMultiDialog.vue +159 -159
  111. package/src/components/workflow/components/CheckDialog.vue +367 -367
  112. package/src/components/workflow/components/ProcessDetailComp.vue +157 -157
  113. package/src/components/workflow/components/ProcessDetailDialog.vue +129 -129
  114. package/src/components/workflow/components/ProcessInstance.vue +117 -117
  115. package/src/components/workflow/components/ProcessInstanceStep.vue +377 -377
  116. package/src/components/workflow/components/SelectAssigneeDialog.vue +109 -109
  117. package/src/components/workflow/components/SelectReturnActivityDialog.vue +104 -104
  118. package/src/config/ElementPlusConfig.ts +95 -95
  119. package/src/config/VxeTableConfig.ts +254 -254
  120. package/src/css/elementUI/affix.scss +7 -7
  121. package/src/css/elementUI/alert.scss +115 -115
  122. package/src/css/elementUI/anchor-link.scss +41 -41
  123. package/src/css/elementUI/anchor.scss +88 -88
  124. package/src/css/elementUI/aside.scss +8 -8
  125. package/src/css/elementUI/autocomplete.scss +89 -89
  126. package/src/css/elementUI/avatar.scss +55 -55
  127. package/src/css/elementUI/backtop.scss +29 -29
  128. package/src/css/elementUI/badge.scss +58 -58
  129. package/src/css/elementUI/base.scss +3 -3
  130. package/src/css/elementUI/breadcrumb.scss +62 -62
  131. package/src/css/elementUI/button-group.scss +80 -80
  132. package/src/css/elementUI/button.scss +304 -304
  133. package/src/css/elementUI/calendar.scss +80 -80
  134. package/src/css/elementUI/card.scss +45 -45
  135. package/src/css/elementUI/carousel-item.scss +58 -58
  136. package/src/css/elementUI/carousel.scss +188 -188
  137. package/src/css/elementUI/cascader-panel.scss +138 -138
  138. package/src/css/elementUI/cascader.scss +230 -230
  139. package/src/css/elementUI/check-tag.scss +60 -60
  140. package/src/css/elementUI/checkbox-button.scss +140 -140
  141. package/src/css/elementUI/checkbox-group.scss +7 -7
  142. package/src/css/elementUI/checkbox.scss +298 -298
  143. package/src/css/elementUI/col.scss +48 -48
  144. package/src/css/elementUI/collapse.scss +70 -70
  145. package/src/css/elementUI/color/index.scss +20 -20
  146. package/src/css/elementUI/color-picker.scss +392 -392
  147. package/src/css/elementUI/common/popup.scss +47 -47
  148. package/src/css/elementUI/common/transition.scss +122 -122
  149. package/src/css/elementUI/common/var.scss +1549 -1549
  150. package/src/css/elementUI/container.scss +14 -14
  151. package/src/css/elementUI/dark/css-vars.scss +39 -39
  152. package/src/css/elementUI/dark/var.scss +222 -222
  153. package/src/css/elementUI/date-picker/date-picker.scss +110 -110
  154. package/src/css/elementUI/date-picker/date-range-picker.scss +113 -113
  155. package/src/css/elementUI/date-picker/date-table.scss +158 -158
  156. package/src/css/elementUI/date-picker/month-table.scss +112 -112
  157. package/src/css/elementUI/date-picker/picker-panel.scss +131 -131
  158. package/src/css/elementUI/date-picker/picker.scss +219 -219
  159. package/src/css/elementUI/date-picker/time-picker.scss +90 -90
  160. package/src/css/elementUI/date-picker/time-range-picker.scss +33 -33
  161. package/src/css/elementUI/date-picker/time-spinner.scss +111 -111
  162. package/src/css/elementUI/date-picker/year-table.scss +108 -108
  163. package/src/css/elementUI/date-picker.scss +9 -9
  164. package/src/css/elementUI/descriptions-item.scss +73 -73
  165. package/src/css/elementUI/descriptions.scss +152 -152
  166. package/src/css/elementUI/dialog.scss +199 -199
  167. package/src/css/elementUI/display.scss +12 -12
  168. package/src/css/elementUI/divider.scss +48 -48
  169. package/src/css/elementUI/drawer.scss +164 -164
  170. package/src/css/elementUI/dropdown.scss +208 -208
  171. package/src/css/elementUI/empty.scss +49 -49
  172. package/src/css/elementUI/footer.scss +12 -12
  173. package/src/css/elementUI/form.scss +243 -243
  174. package/src/css/elementUI/header.scss +12 -12
  175. package/src/css/elementUI/icon.scss +45 -45
  176. package/src/css/elementUI/image-viewer.scss +139 -139
  177. package/src/css/elementUI/image.scss +49 -49
  178. package/src/css/elementUI/index.scss +110 -110
  179. package/src/css/elementUI/input-number.scss +178 -178
  180. package/src/css/elementUI/input.scss +478 -478
  181. package/src/css/elementUI/link.scss +90 -90
  182. package/src/css/elementUI/loading.scss +104 -104
  183. package/src/css/elementUI/main.scss +14 -14
  184. package/src/css/elementUI/mention.scss +88 -88
  185. package/src/css/elementUI/menu.scss +339 -339
  186. package/src/css/elementUI/message-box.scss +213 -213
  187. package/src/css/elementUI/message.scss +98 -98
  188. package/src/css/elementUI/mixins/_button.scss +165 -165
  189. package/src/css/elementUI/mixins/_col.scss +33 -33
  190. package/src/css/elementUI/mixins/_var.scss +67 -67
  191. package/src/css/elementUI/mixins/config.scss +5 -5
  192. package/src/css/elementUI/mixins/function.scss +88 -88
  193. package/src/css/elementUI/mixins/mixins.scss +237 -237
  194. package/src/css/elementUI/mixins/utils.scss +39 -39
  195. package/src/css/elementUI/notification.scss +104 -104
  196. package/src/css/elementUI/option-group.scss +33 -33
  197. package/src/css/elementUI/option.scss +71 -71
  198. package/src/css/elementUI/overlay.scss +17 -17
  199. package/src/css/elementUI/page-header.scss +60 -60
  200. package/src/css/elementUI/pagination.scss +238 -238
  201. package/src/css/elementUI/popconfirm.scss +16 -16
  202. package/src/css/elementUI/popover.scss +61 -61
  203. package/src/css/elementUI/popper.scss +106 -106
  204. package/src/css/elementUI/progress.scss +179 -179
  205. package/src/css/elementUI/radio-button.scss +169 -169
  206. package/src/css/elementUI/radio-group.scss +9 -9
  207. package/src/css/elementUI/radio.scss +215 -215
  208. package/src/css/elementUI/rate.scss +108 -108
  209. package/src/css/elementUI/reset.scss +98 -98
  210. package/src/css/elementUI/result.scss +57 -57
  211. package/src/css/elementUI/row.scss +35 -35
  212. package/src/css/elementUI/scrollbar.scss +97 -97
  213. package/src/css/elementUI/segmented.scss +183 -183
  214. package/src/css/elementUI/select-dropdown-v2.scss +1 -1
  215. package/src/css/elementUI/select-dropdown.scss +57 -57
  216. package/src/css/elementUI/select-v2.scss +4 -4
  217. package/src/css/elementUI/select.scss +253 -253
  218. package/src/css/elementUI/skeleton-item.scss +83 -83
  219. package/src/css/elementUI/skeleton.scss +44 -44
  220. package/src/css/elementUI/slider.scss +212 -212
  221. package/src/css/elementUI/space.scss +20 -20
  222. package/src/css/elementUI/spinner.scss +43 -43
  223. package/src/css/elementUI/statistic.scss +35 -35
  224. package/src/css/elementUI/step.scss +316 -316
  225. package/src/css/elementUI/steps.scss +21 -21
  226. package/src/css/elementUI/switch.scss +300 -300
  227. package/src/css/elementUI/table-column.scss +98 -98
  228. package/src/css/elementUI/table-v2.scss +236 -236
  229. package/src/css/elementUI/table.scss +697 -697
  230. package/src/css/elementUI/tabs.scss +659 -659
  231. package/src/css/elementUI/tag.scss +181 -181
  232. package/src/css/elementUI/text.scss +51 -51
  233. package/src/css/elementUI/time-picker.scss +5 -5
  234. package/src/css/elementUI/time-select.scss +37 -37
  235. package/src/css/elementUI/timeline-item.scss +84 -84
  236. package/src/css/elementUI/timeline.scss +46 -46
  237. package/src/css/elementUI/tooltip-v2.scss +95 -95
  238. package/src/css/elementUI/tour.scss +187 -187
  239. package/src/css/elementUI/transfer.scss +203 -203
  240. package/src/css/elementUI/tree-select.scss +41 -41
  241. package/src/css/elementUI/tree.scss +134 -134
  242. package/src/css/elementUI/upload.scss +654 -654
  243. package/src/css/elementUI/var.scss +87 -87
  244. package/src/css/elementUI/virtual-list.scss +40 -40
  245. package/src/css/vxeTableUI/all.scss +9 -9
  246. package/src/css/vxeTableUI/base.scss +16 -16
  247. package/src/css/vxeTableUI/components/colgroup.scss +0 -0
  248. package/src/css/vxeTableUI/components/column.scss +0 -0
  249. package/src/css/vxeTableUI/components/grid.scss +83 -83
  250. package/src/css/vxeTableUI/components/icon.scss +1017 -1017
  251. package/src/css/vxeTableUI/components/iconTable.scss +205 -205
  252. package/src/css/vxeTableUI/components/old-icon.scss +715 -715
  253. package/src/css/vxeTableUI/components/table-module/all.scss +6 -6
  254. package/src/css/vxeTableUI/components/table-module/custom.scss +490 -490
  255. package/src/css/vxeTableUI/components/table-module/edit.scss +0 -0
  256. package/src/css/vxeTableUI/components/table-module/export.scss +130 -130
  257. package/src/css/vxeTableUI/components/table-module/filter.scss +127 -127
  258. package/src/css/vxeTableUI/components/table-module/keyboard.scss +0 -0
  259. package/src/css/vxeTableUI/components/table-module/menu.scss +85 -85
  260. package/src/css/vxeTableUI/components/table-module/validator.scss +0 -0
  261. package/src/css/vxeTableUI/components/table.scss +2256 -2256
  262. package/src/css/vxeTableUI/components/toolbar.scss +99 -99
  263. package/src/css/vxeTableUI/components/ui.scss +0 -0
  264. package/src/css/vxeTableUI/components/v-x-e-table.scss +0 -0
  265. package/src/css/vxeTableUI/cssvar.scss +2 -2
  266. package/src/css/vxeTableUI/default.scss +2 -2
  267. package/src/css/vxeTableUI/helpers/baseMixin.scss +82 -82
  268. package/src/css/vxeTableUI/icon/iconfont.ttf +0 -0
  269. package/src/css/vxeTableUI/icon/iconfont.woff +0 -0
  270. package/src/css/vxeTableUI/icon/iconfont.woff2 +0 -0
  271. package/src/css/vxeTableUI/index.scss +4 -4
  272. package/src/css/vxeTableUI/modules.scss +5 -5
  273. package/src/css/vxeTableUI/theme/base.scss +88 -88
  274. package/src/css/vxeTableUI/theme/dark.scss +46 -46
  275. package/src/css/vxeTableUI/theme/light.scss +41 -41
  276. package/src/css/vxeTableUI/variable.scss +41 -41
  277. package/src/directives/vKeydown.ts +91 -91
  278. package/src/hooks/useDictHooks.ts +120 -119
  279. package/src/hooks/useEcharts.ts +58 -58
  280. package/src/hooks/useFileView.ts +11 -11
  281. package/src/hooks/useListenerHooks.ts +137 -137
  282. package/src/hooks/useMessageHooks.ts +132 -132
  283. package/src/hooks/useOpenNewMenu.ts +30 -30
  284. package/src/hooks/usePermissionHooks.ts +139 -139
  285. package/src/hooks/usePermissionToolHooks.ts +21 -21
  286. package/src/hooks/useResetRefHooks.ts +18 -18
  287. package/src/hooks/userWorkflowHooks.ts +112 -112
  288. package/src/hooks/workflowTodo.ts +85 -85
  289. package/src/interface/BaseEntity.ts +30 -30
  290. package/src/interface/IMdmDept.ts +84 -84
  291. package/src/interface/IMdmEmployee.ts +153 -153
  292. package/src/interface/IMdmEmployeeQuery.ts +21 -21
  293. package/src/interface/IMdmOrg.ts +29 -29
  294. package/src/interface/IMdmOrgQuery.ts +13 -13
  295. package/src/interface/IOrgDeptInfo.ts +12 -12
  296. package/src/interface/ISortList.ts +6 -6
  297. package/src/interface/ISysDictDataCacheVo.ts +46 -46
  298. package/src/interface/ISysDictType.ts +37 -37
  299. package/src/interface/ISysMenuDataVo.ts +22 -22
  300. package/src/interface/ISysMenuInfoVo.ts +83 -83
  301. package/src/interface/ISysMenuOperationVo.ts +21 -21
  302. package/src/interface/ISysUploadFiles.ts +16 -16
  303. package/src/interface/ISysUserInfo.ts +70 -70
  304. package/src/interface/IUserBaseInfo.ts +90 -90
  305. package/src/interface/IUserPermissionVo.ts +44 -44
  306. package/src/interface/IVxeTable.ts +1 -1
  307. package/src/interface/Message.ts +73 -73
  308. package/src/interface/PageData.ts +17 -17
  309. package/src/interface/ResponseData.ts +16 -16
  310. package/src/interface/dictMapType.ts +11 -11
  311. package/src/interface/enum/FlexEnum.ts +85 -85
  312. package/src/interface/enum/MessageEnum.ts +41 -41
  313. package/src/interface/workflow/IWfProcessDefVo.ts +14 -14
  314. package/src/interface/workflow/IWfReturnNodeVo.ts +16 -16
  315. package/src/interface/workflow/IWfTaskAskVo.ts +70 -70
  316. package/src/interface/workflow/IWfTaskQueryVo.ts +30 -30
  317. package/src/interface/workflow/IWfTaskUsersVo.ts +21 -21
  318. package/src/interface/workflow/IWfTaskVo.ts +192 -192
  319. package/src/interface/workflow/IWorkflowCommentVo.ts +24 -24
  320. package/src/interface/workflow/workflow.ts +22 -22
  321. package/src/main.ts +14 -14
  322. package/src/mixin/globalMixin.ts +48 -48
  323. package/src/packages/index.ts +18 -18
  324. package/src/packages/text.vue +13 -13
  325. package/src/plugins/echartsConfig.ts +74 -74
  326. package/src/plugins/plugins.ts +12 -12
  327. package/src/plugins/renderDialog.ts +74 -74
  328. package/src/router/index.ts +23 -23
  329. package/src/stores/dictStore.ts +51 -51
  330. package/src/stores/messageStore.ts +49 -49
  331. package/src/stores/permissionStore.ts +112 -112
  332. package/src/stores/storeConfig.ts +23 -23
  333. package/src/stores/userInfoStore.ts +31 -31
  334. package/src/utils/AxiosConfig.ts +226 -226
  335. package/src/utils/FrameworkUtils.ts +370 -370
  336. package/src/utils/commonUtils.ts +335 -335
  337. package/src/utils/encrypt.ts +18 -18
  338. package/src/utils/modules.ts +8 -8
  339. package/src/utils/request.ts +76 -76
  340. package/src/utils/tree.ts +50 -50
  341. package/tsconfig.app.json +12 -12
  342. package/tsconfig.json +11 -11
  343. package/tsconfig.node.json +18 -18
  344. package/vite.config.ts +38 -38
package/src/css/vxeTableUI/components/table.scss CHANGED
@@ -1,2256 +1,2256 @@
1
- @use '../helpers/baseMixin.scss';
2
- @use './icon.scss';
3
- @use './table-module/all.scss';
4
-
5
- .vxe-table-slots,
6
- .vxe-table--file-form {
7
- display: none;
8
- }
9
-
10
- .vxe-table-vars {
11
- height: 0;
12
- width: 0;
13
- visibility: hidden;
14
- overflow: hidden;
15
- user-select: none;
16
- pointer-events: none;
17
- .vxe-table-var-default {
18
- height: var(--vxe-ui-table-row-height-default);
19
- }
20
- .vxe-table-var-medium {
21
- height: var(--vxe-ui-table-row-height-medium);
22
- }
23
- .vxe-table-var-small {
24
- height: var(--vxe-ui-table-row-height-small);
25
- }
26
- .vxe-table-var-mini {
27
- height: var(--vxe-ui-table-row-height-mini);
28
- }
29
- }
30
-
31
- .vxe-table--print-frame {
32
- position: fixed;
33
- bottom: -100%;
34
- left: -100%;
35
- height: 0;
36
- width: 0;
37
- border: 0;
38
- }
39
- .vxe-table--layout-wrapper {
40
- display: flex;
41
- flex-direction: row;
42
- background-color: var(--vxe-ui-layout-background-color);
43
- }
44
- .vxe-table--viewport-wrapper {
45
- position: relative;
46
- overflow: hidden;
47
- flex-grow: 1;
48
- }
49
- .vxe-table--header-wrapper,
50
- .vxe-table--body-wrapper,
51
- .vxe-table--footer-wrapper,
52
- .vxe-table--fixed-left-body-wrapper,
53
- .vxe-table--fixed-right-body-wrapper {
54
- overflow: hidden;
55
- outline: 0;
56
- scrollbar-width: none;
57
- -webkit-overflow-scrolling: touch;
58
- }
59
- .vxe-table--header-inner-wrapper,
60
- .vxe-table--body-inner-wrapper,
61
- .vxe-table--footer-inner-wrapper {
62
- position: relative;
63
- width: 100%;
64
- height: 100%;
65
- scrollbar-width: none;
66
- -ms-overflow-style: none;
67
- -webkit-overflow-scrolling: touch;
68
- &::-webkit-scrollbar {
69
- display: none;
70
- }
71
- }
72
- .vxe-table--header-inner-wrapper,
73
- .vxe-table--footer-inner-wrapper {
74
- overflow-y: hidden;
75
- overflow-x: scroll;
76
- }
77
- .vxe-table--body-inner-wrapper {
78
- overflow-y: scroll;
79
- overflow-x: scroll;
80
- }
81
-
82
- .vxe-loading--custom-wrapper {
83
- display: none;
84
- position: absolute;
85
- width: 100%;
86
- height: 100%;
87
- top: 0;
88
- left: 0;
89
- z-index: 99;
90
- user-select: none;
91
- &.is--visible {
92
- display: block;
93
- }
94
- }
95
-
96
- /*默认的渲染*/
97
- .vxe-header--column,
98
- .vxe-footer--column {
99
- &.fixed--width {
100
- & > .vxe-cell {
101
- & > .vxe-cell--wrapper {
102
- .vxe-default-input,
103
- .vxe-default-textarea,
104
- .vxe-default-select {
105
- width: 100%;
106
- }
107
- .vxe-input,
108
- .vxe-textarea,
109
- .vxe-select,
110
- .vxe-tree-select,
111
- .vxe-date-picker,
112
- .vxe-number-input,
113
- .vxe-ico-picker {
114
- width: 100%;
115
- }
116
- }
117
- }
118
- }
119
- }
120
- .vxe-body--column {
121
- &.fixed--width {
122
- & > .vxe-cell {
123
- & > .vxe-cell--wrapper {
124
- & > .vxe-default-input,
125
- & > .vxe-default-textarea,
126
- & > .vxe-default-select {
127
- width: 100%;
128
- }
129
- & > .vxe-input,
130
- & > .vxe-textarea,
131
- & > .vxe-select,
132
- & > .vxe-tree-select,
133
- & > .vxe-date-picker,
134
- & > .vxe-number-input,
135
- & > .vxe-ico-picker {
136
- width: 100%;
137
- }
138
- & > .vxe-cell--tree-node {
139
- .vxe-default-input,
140
- .vxe-default-textarea,
141
- .vxe-default-select,
142
- .vxe-input,
143
- .vxe-textarea,
144
- .vxe-select,
145
- .vxe-tree-select,
146
- .vxe-date-picker,
147
- .vxe-number-input,
148
- .vxe-ico-picker {
149
- width: 100%;
150
- }
151
- }
152
- }
153
- }
154
- }
155
- }
156
- .vxe-table--filter-template {
157
- & > .vxe-default-input,
158
- & > .vxe-default-textarea,
159
- & > .vxe-default-select {
160
- width: 100%;
161
- }
162
- & > .vxe-input,
163
- & > .vxe-textarea,
164
- & > .vxe-select,
165
- & > .vxe-tree-select,
166
- & > .vxe-date-picker,
167
- & > .vxe-number-input,
168
- & > .vxe-ico-picker {
169
- width: 100%;
170
- }
171
- }
172
- .vxe-cell{
173
- height: initial !important;
174
- min-height: 40px !important;
175
- padding: 4px 4px !important;
176
- }
177
- .vxe-cell,
178
- .vxe-table--filter-template {
179
- .vxe-default-input,
180
- .vxe-default-textarea {
181
- background-color: var(--vxe-ui-layout-background-color);
182
- }
183
- .vxe-default-input,
184
- .vxe-default-textarea,
185
- .vxe-default-select {
186
- font-family: var(--vxe-ui-font-family);
187
- outline: 0;
188
- color: var(--vxe-ui-font-color);
189
- border-radius: var(--vxe-ui-border-radius);
190
- border: 1px solid var(--vxe-ui-input-border-color);
191
- &:focus {
192
- border: 1px solid var(--vxe-ui-font-primary-color);
193
- }
194
- &[disabled] {
195
- cursor: not-allowed;
196
- background-color: var(--vxe-ui-input-disabled-background-color);
197
- }
198
- }
199
- .vxe-default-input,
200
- .vxe-default-textarea,
201
- .vxe-default-select {
202
- height: var(--vxe-ui-input-height-default);
203
- }
204
- .vxe-default-input {
205
- &[type="date"]::-webkit-inner-spin-button {
206
- margin-top: 4px;
207
- }
208
- &[type="date"]::-webkit-inner-spin-button,
209
- &[type="number"]::-webkit-inner-spin-button {
210
- height: 24px;
211
- }
212
- &::placeholder {
213
- color: var(--vxe-ui-input-placeholder-color);
214
- }
215
- }
216
- .vxe-default-textarea {
217
- font-size: 1em;
218
- resize: none;
219
- vertical-align: middle;
220
- }
221
- & > .vxe-input > .vxe-input--inner,
222
- & > .vxe-textarea > .vxe-textarea--inner {
223
- padding: 0 2px;
224
- }
225
- & > .vxe-textarea--inner,
226
- & > .vxe-default-textarea {
227
- resize: none;
228
- }
229
- & > .vxe-cell--tree-node {
230
- .vxe-input > .vxe-input--inner,
231
- .vxe-textarea > .vxe-textarea--inner {
232
- padding: 0 2px;
233
- }
234
- .vxe-textarea--inner,
235
- .vxe-default-textarea {
236
- resize: none;
237
- }
238
- }
239
- }
240
- .vxe-body--column {
241
- &.col--vertical-top {
242
- &.col--active {
243
- & > .vxe-cell {
244
- & > .vxe-cell--wrapper {
245
- height: 100%;
246
- & > .vxe-default-textarea {
247
- height: 100%;
248
- }
249
- }
250
- }
251
- }
252
- }
253
- }
254
- /*行高*/
255
- .vxe-table {
256
- &:not([data-calc-row]) {
257
- .vxe-body--column {
258
- &.col--vertical-top {
259
- &:not(.col--active) {
260
- & > .vxe-cell {
261
- & > .vxe-cell--wrapper {
262
- min-height: 100%;
263
- }
264
- }
265
- }
266
- }
267
- }
268
- }
269
- }
270
-
271
- /*负数显示红色*/
272
- .vxe-cell--label {
273
- &.is--negative {
274
- color: var(--vxe-ui-table-cell-negative-color);
275
- }
276
- }
277
-
278
- .vxe-table--checkbox-range,
279
- .vxe-table--cell-main-area,
280
- .vxe-table--cell-extend-area,
281
- .vxe-table--cell-active-area,
282
- .vxe-table--cell-copy-area,
283
- .vxe-table--cell-col-status-area,
284
- .vxe-table--cell-row-status-area {
285
- display: none;
286
- position: absolute;
287
- pointer-events: none;
288
- z-index: 1;
289
- }
290
-
291
- .vxe-table--header-wrapper {
292
- .vxe-table--cell-col-status-area {
293
- top: 0;
294
- height: 100%;
295
- }
296
- }
297
-
298
- .vxe-table--fixed-left-wrapper,
299
- .vxe-table--fixed-right-wrapper {
300
- .vxe-table--checkbox-range,
301
- .vxe-table--cell-main-area,
302
- .vxe-table--cell-extend-area,
303
- .vxe-table--cell-active-area,
304
- .vxe-table--cell-copy-area,
305
- .vxe-table--cell-col-status-area,
306
- .vxe-table--cell-row-status-area {
307
- z-index: 2;
308
- }
309
- }
310
-
311
- .vxe-table--fixed-left-wrapper {
312
- .vxe-table--cell-main-area,
313
- .vxe-table--cell-extend-area,
314
- .vxe-table--cell-active-area {
315
- &[half="1"] {
316
- border-right: 0;
317
- }
318
- }
319
- .vxe-table--cell-copy-area {
320
- &[half="1"] {
321
- background-size: var(--vxe-ui-table-cell-copy-area-border-width) 12px, 0 12px, 12px var(--vxe-ui-table-cell-copy-area-border-width), 12px var(--vxe-ui-table-cell-copy-area-border-width);
322
- }
323
- }
324
- }
325
-
326
- .vxe-table--fixed-right-wrapper {
327
- .vxe-table--cell-main-area,
328
- .vxe-table--cell-extend-area,
329
- .vxe-table--cell-active-area {
330
- &[half="1"] {
331
- border-left: 0;
332
- }
333
- }
334
- .vxe-table--cell-copy-area {
335
- &[half="1"] {
336
- background-size: 0 12px, var(--vxe-ui-table-cell-copy-area-border-width) 12px, 12px var(--vxe-ui-table-cell-copy-area-border-width), 12px var(--vxe-ui-table-cell-copy-area-border-width);
337
- }
338
- }
339
- }
340
-
341
- /*复选框-范围选择*/
342
- .vxe-table--checkbox-range {
343
- background-color: var(--vxe-ui-table-checkbox-range-background-color);
344
- border: var(--vxe-ui-table-checkbox-range-border-width) solid var(--vxe-ui-table-checkbox-range-border-color);
345
- }
346
-
347
- .vxe-table--cell-area {
348
- height: 0;
349
- font-size: 0;
350
- display: none;
351
- & > .vxe-table--cell-main-area {
352
- background-color: var(--vxe-ui-table-cell-area-background-color);
353
- border: var(--vxe-ui-table-cell-area-border-width) solid var(--vxe-ui-table-cell-area-border-color);
354
- }
355
- .vxe-table--cell-main-area-btn {
356
- display: none;
357
- position: absolute;
358
- right: -1px;
359
- bottom: -1px;
360
- width: 7px;
361
- height: 7px;
362
- border-style: solid;
363
- border-color: var(--vxe-ui-table-cell-main-area-extension-border-color);
364
- border-width: 1px 0 0 1px;
365
- background-color: var(--vxe-ui-table-cell-main-area-extension-background-color);
366
- pointer-events: auto;
367
- cursor: crosshair;
368
- }
369
- .vxe-table--cell-extend-area {
370
- border: var(--vxe-ui-table-cell-extend-area-border-width) solid var(--vxe-ui-table-cell-extend-area-border-color);
371
- }
372
- .vxe-table--cell-col-status-area,
373
- .vxe-table--cell-row-status-area {
374
- background-color: var(--vxe-ui-table-checkbox-range-background-color);
375
- }
376
- }
377
-
378
- @keyframes moveCopyCellBorder {
379
- from {
380
- }
381
- to {
382
- background-position: 0 -12px, 100% 12px, 12px 0, -12px 100%;
383
- }
384
- }
385
-
386
- .vxe-table--cell-copy-area {
387
- background: linear-gradient(0deg, transparent 6px, var(--vxe-ui-table-cell-copy-area-border-color) 6px) repeat-y,
388
- linear-gradient(0deg, transparent 50%, var(--vxe-ui-table-cell-copy-area-border-color) 0) repeat-y,
389
- linear-gradient(90deg, transparent 50%, var(--vxe-ui-table-cell-copy-area-border-color) 0) repeat-x,
390
- linear-gradient(90deg, transparent 50%, var(--vxe-ui-table-cell-copy-area-border-color) 0) repeat-x;
391
- background-size: var(--vxe-ui-table-cell-copy-area-border-width) 12px, var(--vxe-ui-table-cell-copy-area-border-width) 12px, 12px var(--vxe-ui-table-cell-copy-area-border-width), 12px var(--vxe-ui-table-cell-copy-area-border-width);
392
- background-position: 0 0, 100% 0, 0 0, 0 100%;
393
- animation: moveCopyCellBorder .5s infinite linear;
394
- }
395
-
396
- .vxe-table--cell-active-area {
397
- border-color: var(--vxe-ui-table-cell-active-area-border-color);
398
- border-style: solid;
399
- border-width: var(--vxe-ui-table-cell-active-area-border-width);
400
- background-color: var(--vxe-ui-table-cell-active-area-background-color);
401
- }
402
-
403
- .vxe-table--cell-multi-area {
404
- & > .vxe-table--cell-main-area {
405
- background-color: var(--vxe-ui-table-cell-area-background-color);
406
- }
407
- }
408
-
409
- /*圆角*/
410
- .vxe-table--render-default {
411
- color: var(--vxe-ui-table-color);
412
- &.is--round {
413
- %AllRadius {
414
- border-radius: var(--vxe-ui-table-border-radius);
415
- }
416
- %TopRadius {
417
- border-radius: var(--vxe-ui-table-border-radius) var(--vxe-ui-table-border-radius) 0 0;
418
- }
419
- %TopLeftRadius {
420
- border-radius: var(--vxe-ui-table-border-radius) 0 0 0;
421
- }
422
- %TopRightRadius {
423
- border-radius: 0 var(--vxe-ui-table-border-radius) 0 0;
424
- }
425
- %BottomRadius {
426
- border-radius: 0 0 var(--vxe-ui-table-border-radius) var(--vxe-ui-table-border-radius);
427
- }
428
- %BottomLeftRadius {
429
- border-radius: 0 0 0 var(--vxe-ui-table-border-radius);
430
- }
431
- %BottomRightRadius {
432
- border-radius: 0 0 var(--vxe-ui-table-border-radius) 0;
433
- }
434
- @extend %AllRadius;
435
- .vxe-table--border-line {
436
- @extend %AllRadius;
437
- }
438
- &.is--header {
439
- &:not(.is--footer) {
440
- .vxe-table--body-wrapper {
441
- &.fixed-left--wrapper {
442
- @extend %BottomLeftRadius;
443
- }
444
- &.body--wrapper {
445
- @extend %BottomRadius;
446
- }
447
- &.fixed-right--wrapper {
448
- @extend %BottomRightRadius;
449
- }
450
- }
451
- }
452
- .vxe-table--header-wrapper {
453
- &.fixed-left--wrapper {
454
- @extend %TopLeftRadius;
455
- }
456
- &.body--wrapper {
457
- @extend %TopRadius;
458
- }
459
- &.fixed-right--wrapper {
460
- @extend %TopRightRadius;
461
- }
462
- }
463
- }
464
- &:not(.is--header) {
465
- &:not(.is--footer) {
466
- .vxe-table--body-wrapper {
467
- &.body--wrapper {
468
- @extend %AllRadius;
469
- }
470
- }
471
- }
472
- }
473
- &.is--footer {
474
- &:not(.is--header) {
475
- .vxe-table--body-wrapper {
476
- &.fixed-left--wrapper {
477
- @extend %BottomLeftRadius;
478
- }
479
- &.body--wrapper {
480
- @extend %TopRadius;
481
- }
482
- &.fixed-right--wrapper {
483
- @extend %BottomRightRadius;
484
- }
485
- }
486
- }
487
- .vxe-table--footer-wrapper {
488
- &.fixed-left--wrapper {
489
- @extend %BottomLeftRadius;
490
- }
491
- &.body--wrapper {
492
- @extend %BottomRadius;
493
- }
494
- &.fixed-right--wrapper {
495
- @extend %BottomRightRadius;
496
- }
497
- }
498
- }
499
- &.sx-pos--top {
500
- .vxe-table--scroll-x-left-corner {
501
- &::before {
502
- @extend %TopLeftRadius;
503
- }
504
- }
505
- .vxe-table--scroll-x-right-corner {
506
- &::before {
507
- @extend %TopRightRadius;
508
- }
509
- }
510
- }
511
- &.sx-pos--bottom {
512
- &.sy-pos--right {
513
- .vxe-table--scroll-y-top-corner {
514
- @extend %TopRightRadius;
515
- &::before {
516
- @extend %TopRightRadius;
517
- }
518
- }
519
- }
520
- &.sy-pos--left {
521
- .vxe-table--scroll-y-top-corner {
522
- @extend %TopLeftRadius;
523
- &::before {
524
- @extend %TopLeftRadius;
525
- }
526
- }
527
- }
528
- .vxe-table--scroll-x-left-corner {
529
- &::before {
530
- @extend %BottomLeftRadius;
531
- }
532
- }
533
- .vxe-table--scroll-x-right-corner {
534
- &::before {
535
- @extend %BottomRightRadius;
536
- }
537
- }
538
- }
539
- }
540
- }
541
-
542
- /*列宽*/
543
- .vxe-table {
544
- &[data-calc-col] {
545
- .vxe-header--column,
546
- .vxe-body--column,
547
- .vxe-footer--column {
548
- .vxe-cell {
549
- & > .vxe-cell--wrapper {
550
- word-break: break-all;
551
- white-space: nowrap;
552
- }
553
- }
554
- }
555
- }
556
- &:not([data-calc-col]) {
557
- .vxe-cell--wrapper {
558
- min-width: 100%;
559
- }
560
- }
561
- }
562
-
563
- /*scroll*/
564
- .vxe-table {
565
- &.is--loading {
566
- & > .vxe-table--scroll-x-virtual {
567
- visibility: hidden;
568
- }
569
- & > .vxe-table--layout-wrapper {
570
- & > .vxe-table--scroll-y-virtual {
571
- visibility: hidden;
572
- }
573
- }
574
- }
575
- .vxe-table--scroll-x-virtual {
576
- height: 0;
577
- }
578
- .vxe-table--scroll-y-virtual {
579
- width: 0;
580
- }
581
- .vxe-table--scroll-x-virtual,
582
- .vxe-table--scroll-y-virtual {
583
- visibility: hidden;
584
- position: relative;
585
- flex-shrink: 0;
586
- z-index: 7;
587
- }
588
- .vxe-table--scroll-x-handle,
589
- .vxe-table--scroll-y-handle,
590
- .vxe-table--scroll-x-wrapper,
591
- .vxe-table--scroll-y-wrapper,
592
- .vxe-table--scroll-y-top-corner,
593
- .vxe-table--scroll-y-bottom-corner,
594
- .vxe-table--scroll-x-left-corner,
595
- .vxe-table--scroll-x-right-corner {
596
- position: absolute;
597
- }
598
- .vxe-table--scroll-x-handle,
599
- .vxe-table--scroll-x-wrapper {
600
- width: 100%;
601
- left: 0;
602
- bottom: 0;
603
- }
604
- .vxe-table--scroll-x-handle {
605
- overflow-y: hidden;
606
- overflow-x: scroll;
607
- height: 18px;
608
- }
609
- .vxe-table--scroll-x-wrapper {
610
- height: 100%;
611
- }
612
- .vxe-table--scroll-y-handle,
613
- .vxe-table--scroll-y-wrapper {
614
- width: 100%;
615
- height: 100%;
616
- right: 0;
617
- top: 0;
618
- }
619
- .vxe-table--scroll-y-handle {
620
- overflow-y: scroll;
621
- overflow-x: hidden;
622
- width: 18px;
623
- height: 100%;
624
- }
625
- .vxe-table--scroll-x-space {
626
- height: 1px;
627
- }
628
- .vxe-table--scroll-y-space {
629
- width: 1px;
630
- }
631
- .vxe-table--scroll-x-left-corner,
632
- .vxe-table--scroll-x-right-corner,
633
- .vxe-table--scroll-y-top-corner,
634
- .vxe-table--scroll-y-bottom-corner {
635
- display: none;
636
- position: absolute;
637
- }
638
- .vxe-table--scroll-x-left-corner,
639
- .vxe-table--scroll-x-right-corner {
640
- bottom: 0;
641
- width: 0;
642
- height: 100%;
643
- &::before {
644
- content: "";
645
- position: absolute;
646
- top: 0;
647
- left: 0;
648
- width: 100%;
649
- height: 100%;
650
- z-index: 1;
651
- border-width: var(--vxe-ui-table-border-width);
652
- border-style: solid;
653
- border-color: var(--vxe-ui-table-border-color);
654
- }
655
- }
656
- .vxe-table--scroll-x-left-corner {
657
- left: 0;
658
- }
659
- .vxe-table--scroll-x-right-corner {
660
- right: 0;
661
- }
662
- &.sy-pos--right {
663
- .vxe-table--scroll-x-right-corner {
664
- right: 1px;
665
- &::before {
666
- border-right: 0;
667
- }
668
- }
669
- }
670
- &.sx-pos--bottom {
671
- .vxe-table--scroll-x-right-corner {
672
- bottom: 1px;
673
- &::before {
674
- border-bottom: 0;
675
- }
676
- }
677
- }
678
- .vxe-table--scroll-y-top-corner {
679
- background-color: var(--vxe-ui-table-header-background-color);
680
- }
681
- .vxe-table--scroll-y-top-corner,
682
- .vxe-table--scroll-y-bottom-corner {
683
- top: 0;
684
- right: 0;
685
- width: 100%;
686
- height: 0;
687
- }
688
- .vxe-table--scroll-y-bottom-corner {
689
- margin-top: -1px;
690
- }
691
- }
692
-
693
- /*header*/
694
- .vxe-table {
695
- .vxe-table--header-wrapper {
696
- color: var(--vxe-ui-table-header-font-color);
697
- }
698
- /*排序*/
699
- .vxe-cell--sort {
700
- text-align: center;
701
- position: relative;
702
- padding: 0 0.1em 0 0.2em;
703
- }
704
- .vxe-cell--sort-vertical-layout {
705
- display: inline-flex;
706
- flex-direction: column;
707
- height: 1.8em;
708
- vertical-align: middle;
709
- .vxe-sort--asc-btn,
710
- .vxe-sort--desc-btn {
711
- height: 0.6em;
712
- }
713
- }
714
- .vxe-cell--sort-horizontal-layout {
715
- display: inline-flex;
716
- flex-direction: row;
717
- .vxe-sort--asc-btn,
718
- .vxe-sort--desc-btn {
719
- width: 0.5em;
720
- }
721
- }
722
- .vxe-sort--asc-btn,
723
- .vxe-sort--desc-btn {
724
- color: var(--vxe-ui-table-column-icon-border-color);
725
- cursor: pointer;
726
- &:hover {
727
- color: var(--vxe-ui-font-color);
728
- }
729
- &.sort--active {
730
- color: var(--vxe-ui-font-primary-color);
731
- }
732
- }
733
- }
734
-
735
- .vxe-sort--asc-btn,
736
- .vxe-sort--desc-btn,
737
- .vxe-filter--btn {
738
- &:before,
739
- &:after {
740
- @include baseMixin.createAnimationTransition(border);
741
- }
742
- }
743
-
744
- .vxe-header--column {
745
- position: relative;
746
- font-weight: var(--vxe-ui-table-header-font-weight);
747
- // user-select: none;
748
- &.col--ellipsis {
749
- & > .vxe-cell {
750
- display: flex;
751
- align-items: center;
752
- .vxe-cell--title {
753
- overflow: hidden;
754
- text-overflow: ellipsis;
755
- white-space: nowrap;
756
- }
757
- & > i,
758
- & > span {
759
- &:not(.vxe-cell--title) {
760
- flex-shrink: 0;
761
- }
762
- }
763
- }
764
- }
765
- .vxe-cell--required-icon {
766
- display: inline-block;
767
- color: var(--vxe-ui-table-validate-error-color);
768
- width: 0.8em;
769
- height: 1em;
770
- line-height: 1em;
771
- font-family: Verdana,Arial,Tahoma;
772
- font-weight: normal;
773
- position: relative;
774
- &:before {
775
- content: "*";
776
- position: absolute;
777
- left: 0;
778
- top: 0.2em;
779
- }
780
- }
781
- // .vxe-cell--required-icon,
782
- // .vxe-cell--edit-icon,
783
- // .vxe-cell-title-prefix-icon,
784
- // .vxe-cell-title-suffix-icon,
785
- // .vxe-cell--title {
786
- // vertical-align: middle;
787
- // }
788
- .vxe-cell--required-icon {
789
- padding-right: 0.1em;
790
- }
791
- .vxe-cell--edit-icon,
792
- .vxe-cell-title-prefix-icon,
793
- .vxe-cell-title-suffix-icon {
794
- padding: 0.2em;
795
- }
796
- .vxe-cell-title-prefix-icon,
797
- .vxe-cell-title-suffix-icon {
798
- cursor: help;
799
- }
800
- }
801
-
802
- .vxe-cell--col-resizable {
803
- position: absolute;
804
- right: -0.3em;
805
- bottom: 0;
806
- width: 0.6em;
807
- height: 100%;
808
- text-align: center;
809
- z-index: 1;
810
- cursor: col-resize;
811
- &.is--line {
812
- &:before,
813
- &:after {
814
- content: "";
815
- display: inline-block;
816
- vertical-align: middle;
817
- }
818
- &:before {
819
- width: 1px;
820
- height: 50%;
821
- background-color: var(--vxe-ui-table-resizable-line-color);
822
- }
823
- &:after {
824
- width: 0;
825
- height: 100%;
826
- }
827
- }
828
- }
829
- .vxe-header--column {
830
- &:last-child {
831
- & > .vxe-cell--col-resizable {
832
- right: 0;
833
- }
834
- }
835
- }
836
- .vxe-table--fixed-right-wrapper {
837
- .vxe-cell--col-resizable {
838
- right: auto;
839
- left: -0.3em;
840
- }
841
- .vxe-header--column {
842
- &:last-child {
843
- & > .vxe-cell--col-resizable {
844
- left: 0;
845
- }
846
- }
847
- }
848
- }
849
-
850
- .vxe-body--column {
851
- .vxe-cell--row-resizable {
852
- position: absolute;
853
- left: 0;
854
- bottom: -0.4em;
855
- height: 0.8em;
856
- width: 100%;
857
- text-align: center;
858
- z-index: 1;
859
- cursor: row-resize;
860
- }
861
- }
862
- .vxe-body--row {
863
- &:last-child {
864
- .vxe-body--column {
865
- .vxe-cell--row-resizable {
866
- height: 0.4em;
867
- bottom: -0px;
868
- }
869
- }
870
- }
871
- }
872
-
873
-
874
- /*table*/
875
- .vxe-table--render-default {
876
- position: relative;
877
- font-size: var(--vxe-ui-font-size-default);
878
- color: var(--vxe-ui-font-color);
879
- font-family: var(--vxe-ui-font-family);
880
- direction: ltr;
881
- .vxe-table--body-wrapper {
882
- background-color: var(--vxe-ui-layout-background-color);
883
- }
884
- .vxe-table--footer-wrapper {
885
- margin-top: calc(var(--vxe-ui-table-border-width) * -1);
886
- background-color: var(--vxe-ui-table-footer-background-color);
887
- }
888
- .vxe-table--header,
889
- .vxe-table--body,
890
- .vxe-table--footer {
891
- border: 0;
892
- border-spacing: 0;
893
- border-collapse: separate;
894
- table-layout: fixed;
895
- }
896
- &:not(.is--empty) {
897
- &.is--footer {
898
- &.is--scroll-x {
899
- .vxe-table--body-wrapper {
900
- outline: 0;
901
- }
902
- }
903
- }
904
- }
905
- .vxe-body--row {
906
- &.row--stripe {
907
- background-color: var(--vxe-ui-table-row-striped-background-color);
908
- }
909
- &.row--radio {
910
- background-color: var(--vxe-ui-table-row-radio-checked-background-color);
911
- }
912
- &.row--checked {
913
- background-color: var(--vxe-ui-table-row-current-background-color);
914
- }
915
- &.row--current {
916
- background-color: var(--vxe-ui-table-row-current-background-color);
917
- }
918
- &.row--hover {
919
- background-color: var(--vxe-ui-table-row-hover-background-color);
920
- &.row--stripe {
921
- background-color: var(--vxe-ui-table-row-hover-striped-background-color);
922
- }
923
- &.row--radio {
924
- background-color: var(--vxe-ui-table-row-hover-radio-checked-background-color);
925
- }
926
- &.row--checked {
927
- background-color: var(--vxe-ui-table-row-current-background-color);
928
- }
929
- &.row--current {
930
- background-color: var(--vxe-ui-table-row-current-background-color);
931
- }
932
- }
933
- }
934
- // &.is--tree-line {
935
- // .vxe-body--row {
936
- // &.row--stripe {
937
- // .vxe-tree--btn-wrapper {
938
- // background-color: var(--vxe-ui-table-row-striped-background-color);
939
- // }
940
- // }
941
- // &.row--radio {
942
- // .vxe-tree--btn-wrapper {
943
- // background-color: var(--vxe-ui-table-row-radio-checked-background-color);
944
- // }
945
- // }
946
- // &.row--checked {
947
- // .vxe-tree--btn-wrapper {
948
- // background-color: var(--vxe-ui-table-row-checkbox-checked-background-color);
949
- // }
950
- // }
951
- // &.row--current {
952
- // .vxe-tree--btn-wrapper {
953
- // background-color: var(--vxe-ui-table-row-current-background-color);
954
- // }
955
- // }
956
- // &.row--hover {
957
- // .vxe-tree--btn-wrapper {
958
- // background-color: var(--vxe-ui-table-row-hover-background-color);
959
- // }
960
- // &.row--stripe {
961
- // .vxe-tree--btn-wrapper {
962
- // background-color: var(--vxe-ui-table-row-hover-striped-background-color);
963
- // }
964
- // }
965
- // &.row--radio {
966
- // .vxe-tree--btn-wrapper {
967
- // background-color: var(--vxe-ui-table-row-hover-radio-checked-background-color);
968
- // }
969
- // }
970
- // &.row--checked {
971
- // .vxe-tree--btn-wrapper {
972
- // background-color: var(--vxe-ui-table-row-hover-checkbox-checked-background-color);
973
- // }
974
- // }
975
- // &.row--current {
976
- // .vxe-tree--btn-wrapper {
977
- // background-color: var(--vxe-ui-table-row-hover-current-background-color);
978
- // }
979
- // }
980
- // }
981
- // }
982
- // }
983
- &.col-drag--resize {
984
- .vxe-table--main-wrapper,
985
- .vxe-table--fixed-left-wrapper,
986
- .vxe-table--fixed-right-wrapper {
987
- * {
988
- cursor: col-resize;
989
- }
990
- }
991
- }
992
- &.row-drag--resize {
993
- .vxe-table--main-wrapper,
994
- .vxe-table--fixed-left-wrapper,
995
- .vxe-table--fixed-right-wrapper {
996
- * {
997
- cursor: row-resize;
998
- }
999
- }
1000
- }
1001
- &.drag--range,
1002
- &.drag--area {
1003
- .vxe-table--main-wrapper,
1004
- .vxe-table--fixed-left-wrapper,
1005
- .vxe-table--fixed-right-wrapper {
1006
- * {
1007
- cursor: default;
1008
- }
1009
- }
1010
- }
1011
- &.drag--extend-range {
1012
- .vxe-table--main-wrapper,
1013
- .vxe-table--fixed-left-wrapper,
1014
- .vxe-table--fixed-right-wrapper {
1015
- * {
1016
- cursor: crosshair;
1017
- }
1018
- }
1019
- }
1020
- &.col--drag-cell {
1021
- .vxe-header--column {
1022
- user-select: none;
1023
- &.is--drag-active {
1024
- cursor: grab;
1025
- &:active {
1026
- cursor: grabbing;
1027
- }
1028
- &:hover {
1029
- color: var(--vxe-ui-font-primary-color);
1030
- }
1031
- }
1032
- &.is--drag-disabled {
1033
- color: var(--vxe-ui-input-disabled-color);
1034
- cursor: not-allowed;
1035
- }
1036
- }
1037
- }
1038
- &.column--highlight {
1039
- .vxe-header--column {
1040
- &:not(.col--seq) {
1041
- &:hover {
1042
- background-color: var(--vxe-ui-table-column-hover-background-color);
1043
- }
1044
- }
1045
- }
1046
- }
1047
- &.header-cell--area {
1048
- .vxe-table--header-wrapper {
1049
- user-select: none;
1050
- }
1051
- }
1052
- &.body-cell--area {
1053
- .vxe-table--body-wrapper {
1054
- user-select: none;
1055
- }
1056
- }
1057
- &.drag--range {
1058
- .vxe-body--column {
1059
- user-select: none;
1060
- }
1061
- }
1062
- &.checkbox--range {
1063
- .vxe-body--column {
1064
- &.col--checkbox {
1065
- user-select: none;
1066
- }
1067
- }
1068
- }
1069
- .vxe-header--column,
1070
- .vxe-body--column,
1071
- .vxe-footer--column {
1072
- position: relative;
1073
- line-height: var(--vxe-ui-table-row-line-height);
1074
- text-align: left;
1075
- &.col--current {
1076
- background-color: var(--vxe-ui-table-column-current-background-color);
1077
- // .vxe-tree--btn-wrapper {
1078
- // background-color: var(--vxe-ui-table-column-current-background-color);
1079
- // }
1080
- }
1081
- &.col--center {
1082
- text-align: center;
1083
- & > .vxe-cell {
1084
- justify-content: center;
1085
- }
1086
- }
1087
- &.col--right {
1088
- text-align: right;
1089
- & > .vxe-cell {
1090
- justify-content: right;
1091
- }
1092
- }
1093
- }
1094
- // &.is--tree-line {
1095
- // .vxe-header--column,
1096
- // .vxe-body--column,
1097
- // .vxe-footer--column {
1098
- // &.col--current {
1099
- // .vxe-tree--btn-wrapper {
1100
- // background-color: var(--vxe-ui-table-column-current-background-color);
1101
- // }
1102
- // }
1103
- // }
1104
- // }
1105
- .vxe-header--column,
1106
- .vxe-footer--column {
1107
- &.col--ellipsis {
1108
- &.col--center {
1109
- .vxe-cell{
1110
- justify-content: center;
1111
- }
1112
- }
1113
- &.col--right {
1114
- .vxe-cell{
1115
- justify-content: flex-end;
1116
- }
1117
- }
1118
- }
1119
- }
1120
-
1121
- /*边框*/
1122
- .vxe-table--footer-wrapper {
1123
- border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1124
- }
1125
- &.border--default,
1126
- &.border--full,
1127
- &.border--outer,
1128
- &.border--inner {
1129
- .vxe-table--scroll-y-top-corner,
1130
- .vxe-table--scroll-y-bottom-corner {
1131
- &::before {
1132
- content: "";
1133
- position: absolute;
1134
- top: 0;
1135
- left: 0;
1136
- width: 100%;
1137
- height: 100%;
1138
- z-index: 1;
1139
- border-width: 0;
1140
- border-style: solid;
1141
- border-color: var(--vxe-ui-table-border-color);
1142
- }
1143
- }
1144
- .vxe-table--scroll-y-top-corner {
1145
- &::before {
1146
- border-bottom-width: var(--vxe-ui-table-border-width);
1147
- }
1148
- }
1149
- .vxe-table--scroll-y-bottom-corner {
1150
- border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1151
- }
1152
- .vxe-table--scroll-x-wrapper {
1153
- &::after {
1154
- content: "";
1155
- position: absolute;
1156
- left: 0;
1157
- width: 100%;
1158
- height: 100%;
1159
- z-index: 1;
1160
- pointer-events: none;
1161
- }
1162
- }
1163
- &.sx-pos--top {
1164
- .vxe-table--scroll-x-wrapper {
1165
- &::after {
1166
- top: 0;
1167
- border-bottom: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1168
- }
1169
- }
1170
- }
1171
- &.sx-pos--bottom {
1172
- .vxe-table--scroll-x-wrapper {
1173
- &::after {
1174
- bottom: 0;
1175
- height: calc(100% + var(--vxe-ui-table-border-width));
1176
- border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1177
- }
1178
- }
1179
- }
1180
- }
1181
- &.border--default,
1182
- &.border--none,
1183
- &.border--outer,
1184
- &.border--inner {
1185
- .vxe-cell--col-resizable {
1186
- &:before,
1187
- &:after {
1188
- content: "";
1189
- display: inline-block;
1190
- vertical-align: middle;
1191
- }
1192
- &:before {
1193
- width: 1px;
1194
- height: 50%;
1195
- background-color: var(--vxe-ui-table-resizable-line-color);
1196
- }
1197
- &:after {
1198
- width: 0;
1199
- height: 100%;
1200
- }
1201
- }
1202
- }
1203
- &.border--default,
1204
- &.border--full,
1205
- &.border--outer {
1206
- .vxe-table--header-wrapper {
1207
- background-color: var(--vxe-ui-table-header-background-color);
1208
- }
1209
- }
1210
- &.border--default,
1211
- &.border--inner {
1212
- .vxe-header--column,
1213
- .vxe-body--column,
1214
- .vxe-footer--column {
1215
- background-image: linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color));
1216
- background-repeat: no-repeat;
1217
- background-size: 100% var(--vxe-ui-table-border-width);
1218
- background-position: right bottom;
1219
- }
1220
- }
1221
- &.border--default,
1222
- &.border--full {
1223
- .vxe-table--scroll-y-top-corner {
1224
- &::before {
1225
- border-left-width: var(--vxe-ui-table-border-width);
1226
- border-right-width: var(--vxe-ui-table-border-width);
1227
- }
1228
- }
1229
- .vxe-table--scroll-y-bottom-corner {
1230
- &::before {
1231
- border-left-width: var(--vxe-ui-table-border-width);
1232
- border-right-width: var(--vxe-ui-table-border-width);
1233
- }
1234
- }
1235
- &.sy-pos--right {
1236
- .vxe-table--scroll-y-top-corner,
1237
- .vxe-table--scroll-y-bottom-corner {
1238
- &::before {
1239
- width: calc(100% + 1px);
1240
- left: -1px;
1241
- }
1242
- }
1243
- }
1244
- .vxe-table--scroll-y-wrapper {
1245
- &::after {
1246
- content: "";
1247
- position: absolute;
1248
- top: 0;
1249
- width: 100%;
1250
- height: 100%;
1251
- z-index: 1;
1252
- pointer-events: none;
1253
- }
1254
- }
1255
- &.sy-pos--left {
1256
- .vxe-table--scroll-y-wrapper {
1257
- &::after {
1258
- left: 0;
1259
- border-right: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1260
- }
1261
- }
1262
- }
1263
- &.sy-pos--right {
1264
- .vxe-table--scroll-y-wrapper {
1265
- &::after {
1266
- right: 0;
1267
- width: calc(100% + var(--vxe-ui-table-border-width));
1268
- border-left: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1269
- }
1270
- }
1271
- }
1272
- }
1273
- &.border--full {
1274
- .vxe-header--column,
1275
- .vxe-body--column,
1276
- .vxe-footer--column {
1277
- background-image: linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color)), linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color));
1278
- background-repeat: no-repeat;
1279
- background-size: var(--vxe-ui-table-border-width) 100%, 100% var(--vxe-ui-table-border-width);
1280
- background-position: right top, right bottom;
1281
- }
1282
- .vxe-body--column{
1283
- &:hover {
1284
- color: var(--vxe-ui-font-primary-color) !important;
1285
- }
1286
- }
1287
- .vxe-table--fixed-left-wrapper {
1288
- // border-right: 1px solid var(--vxe-ui-table-border-color);
1289
- .vxe-body--column{
1290
- border-right-color: var(--vxe-ui-table-border-color);
1291
- }
1292
- }
1293
- }
1294
- &.border--inner,
1295
- &.border--none {
1296
- .vxe-table--header-wrapper {
1297
- background-color: var(--vxe-ui-table-header-background-color);
1298
- }
1299
- .vxe-table--fixed-left-wrapper {
1300
- border-right: 0;
1301
- }
1302
- }
1303
- &.border--inner {
1304
- .vxe-table--border-line {
1305
- border-width: 0 0 1px 0;
1306
- }
1307
- }
1308
- &.border--none {
1309
- .vxe-table--border-line {
1310
- display: none;
1311
- }
1312
- }
1313
-
1314
- &.size--medium {
1315
- font-size: var(--vxe-ui-font-size-medium);
1316
- .vxe-table--empty-placeholder,
1317
- .vxe-table--empty-block {
1318
- min-height: var(--vxe-ui-table-row-height-medium);
1319
- }
1320
- .vxe-header--column,
1321
- .vxe-body--column,
1322
- .vxe-footer--column {
1323
- &.is--padding {
1324
- .vxe-cell {
1325
- padding: var(--vxe-ui-table-cell-padding-medium);
1326
- .vxe-default-textarea {
1327
- padding: var(--vxe-ui-table-cell-padding-medium);
1328
- }
1329
- }
1330
- }
1331
- }
1332
- .vxe-cell {
1333
- .vxe-default-input,
1334
- .vxe-default-textarea,
1335
- .vxe-default-select {
1336
- height: var(--vxe-ui-input-height-medium);
1337
- }
1338
- .vxe-default-input {
1339
- &[type="date"]::-webkit-inner-spin-button {
1340
- margin-top: 3px;
1341
- }
1342
- }
1343
- }
1344
- .vxe-cell--valid-error-tip {
1345
- padding: 0 var(--vxe-ui-table-cell-padding-medium);
1346
- }
1347
- }
1348
- &.size--small {
1349
- font-size: var(--vxe-ui-font-size-small);
1350
- .vxe-table--empty-placeholder,
1351
- .vxe-table--empty-block {
1352
- min-height: var(--vxe-ui-table-row-height-small);
1353
- }
1354
- .vxe-header--column,
1355
- .vxe-body--column,
1356
- .vxe-footer--column {
1357
- &.is--padding {
1358
- .vxe-cell {
1359
- padding: var(--vxe-ui-table-cell-padding-small);
1360
- .vxe-default-textarea {
1361
- padding: var(--vxe-ui-table-cell-padding-small);
1362
- }
1363
- }
1364
- }
1365
- }
1366
- .vxe-cell {
1367
- .vxe-default-input,
1368
- .vxe-default-textarea,
1369
- .vxe-default-select {
1370
- height: var(--vxe-ui-input-height-small);
1371
- }
1372
- .vxe-default-input {
1373
- &[type="date"]::-webkit-inner-spin-button {
1374
- margin-top: 2px;
1375
- }
1376
- }
1377
- }
1378
- .vxe-cell--valid-error-tip {
1379
- padding: 0 var(--vxe-ui-table-cell-padding-small);
1380
- }
1381
- }
1382
- &.size--mini {
1383
- font-size: var(--vxe-ui-font-size-mini);
1384
- .vxe-table--empty-placeholder,
1385
- .vxe-table--empty-block {
1386
- min-height: var(--vxe-ui-table-row-height-mini);
1387
- }
1388
- .vxe-header--column,
1389
- .vxe-body--column,
1390
- .vxe-footer--column {
1391
- &.is--padding {
1392
- .vxe-cell {
1393
- padding: var(--vxe-ui-table-cell-padding-mini);
1394
- .vxe-default-textarea {
1395
- padding: var(--vxe-ui-table-cell-padding-mini);
1396
- }
1397
- }
1398
- }
1399
- }
1400
- .vxe-cell {
1401
- .vxe-default-input,
1402
- .vxe-default-textarea,
1403
- .vxe-default-select {
1404
- height: var(--vxe-ui-input-height-mini);
1405
- }
1406
- .vxe-default-input {
1407
- &[type="date"]::-webkit-inner-spin-button {
1408
- margin-top: 1px;
1409
- }
1410
- }
1411
- }
1412
- .vxe-cell--valid-error-tip {
1413
- padding: 0 var(--vxe-ui-table-cell-padding-mini);
1414
- }
1415
- }
1416
-
1417
- .vxe-header--column,
1418
- .vxe-body--column,
1419
- .vxe-footer--column {
1420
- &.is--padding {
1421
- .vxe-cell {
1422
- padding: var(--vxe-ui-table-cell-padding-default);
1423
- .vxe-default-textarea {
1424
- padding: var(--vxe-ui-table-cell-padding-default);
1425
- }
1426
- }
1427
- }
1428
- }
1429
-
1430
- .vxe-cell {
1431
- white-space: pre-line;
1432
- word-break: break-all;
1433
- }
1434
-
1435
- // 单元格占位符
1436
- .vxe-cell--placeholder {
1437
- color: var(--vxe-ui-table-cell-placeholder-color);
1438
- }
1439
-
1440
- // 单选框和复选框
1441
- .vxe-cell--radio {
1442
- @include baseMixin.createRadioIcon();
1443
- }
1444
- .vxe-cell--checkbox {
1445
- @include baseMixin.createCheckboxIcon();
1446
- }
1447
-
1448
- .fixed--hidden {
1449
- visibility: hidden;
1450
- }
1451
- .vxe-table--fixed-left-wrapper,
1452
- .vxe-table--fixed-right-wrapper {
1453
- width: 100%;
1454
- position: absolute;
1455
- top: 0;
1456
- z-index: 5;
1457
- overflow: hidden;
1458
- background-color: inherit;
1459
- transition: 0.3s box-shadow;
1460
- outline: 0;
1461
- background-color: var(--vxe-ui-layout-background-color);
1462
- .vxe-table--body-wrapper {
1463
- outline: 0;
1464
- }
1465
- }
1466
- .vxe-table--fixed-left-wrapper {
1467
- .vxe-table--body-wrapper {
1468
- width: calc(100% + 40px);
1469
- }
1470
- }
1471
- &.is--header {
1472
- .vxe-table--fixed-left-wrapper,
1473
- .vxe-table--fixed-right-wrapper {
1474
- .vxe-table--body-wrapper {
1475
- &:before {
1476
- display: none;
1477
- }
1478
- }
1479
- }
1480
- }
1481
- .vxe-table--fixed-left-wrapper {
1482
- left: 0;
1483
- width: 200px;
1484
- &.scrolling--middle {
1485
- box-shadow: var(--vxe-ui-table-fixed-left-scrolling-box-shadow);
1486
- }
1487
- }
1488
- .vxe-table--fixed-right-wrapper {
1489
- right: 0;
1490
- &.scrolling--middle {
1491
- box-shadow: var(--vxe-ui-table-fixed-right-scrolling-box-shadow);
1492
- }
1493
- }
1494
- .vxe-table--header-wrapper,
1495
- .vxe-table--body-wrapper,
1496
- .vxe-table--footer-wrapper {
1497
- position: relative;
1498
- width: 100%;
1499
- &.fixed-left--wrapper,
1500
- &.fixed-right--wrapper {
1501
- position: absolute;
1502
- top: 0;
1503
- outline: 0;
1504
- }
1505
- &.fixed-left--wrapper {
1506
- left: 0;
1507
- }
1508
- &.fixed-right--wrapper {
1509
- right: 0;
1510
- }
1511
- }
1512
- .vxe-body--x-space {
1513
- width: 100%;
1514
- height: 1px;
1515
- margin-bottom: -1px;
1516
- }
1517
- .vxe-body--y-space {
1518
- width: 0;
1519
- float: left;
1520
- }
1521
-
1522
- .vxe-table--resizable-row-bar,
1523
- .vxe-table--resizable-col-bar {
1524
- display: none;
1525
- position: absolute;
1526
- top: 0;
1527
- left: 0;
1528
- z-index: 9;
1529
- pointer-events: none;
1530
- user-select: none;
1531
- &:before {
1532
- content: "";
1533
- display: block;
1534
- background-color: var(--vxe-ui-table-resizable-drag-line-color);
1535
- }
1536
- .vxe-table--resizable-number-tip {
1537
- position: absolute;
1538
- padding: 0.25em 0.25em;
1539
- font-size: 12px;
1540
- border-radius: var(--vxe-ui-border-radius);
1541
- white-space: nowrap;
1542
- color: #ffffff;
1543
- background-color: var(--vxe-ui-table-resizable-drag-line-color);
1544
- user-select: none;
1545
- pointer-events: none;
1546
- }
1547
- }
1548
-
1549
- /*列宽线*/
1550
- .vxe-table--resizable-col-bar {
1551
- width: 1px;
1552
- height: 100%;
1553
- cursor: col-resize;
1554
- &:before {
1555
- width: 1px;
1556
- height: 100%;
1557
- }
1558
- .vxe-table--resizable-number-tip {
1559
- left: 0;
1560
- top: 1em;
1561
- }
1562
- }
1563
-
1564
- // 行高线
1565
- .vxe-table--resizable-row-bar {
1566
- height: 1px;
1567
- width: 100%;
1568
- cursor: row-resize;
1569
- &:before {
1570
- height: 1px;
1571
- width: 100%;
1572
- }
1573
- .vxe-table--resizable-number-tip {
1574
- top: 0;
1575
- left: 0;
1576
- }
1577
- }
1578
-
1579
- /*边框线*/
1580
- .vxe-table--border-line {
1581
- position: absolute;
1582
- top: 0;
1583
- left: 0;
1584
- width: 100%;
1585
- height: 100%;
1586
- z-index: 10;
1587
- pointer-events: none;
1588
- border: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1589
- }
1590
-
1591
- /*树形节点*/
1592
- // &.is--tree-line {
1593
- // .vxe-body--row {
1594
- // &:first-child {
1595
- // .vxe-tree--line {
1596
- // border-width: 0 0 1px 0;
1597
- // }
1598
- // }
1599
- // }
1600
- // .vxe-body--row {
1601
- // .vxe-body--column {
1602
- // background-image: none;
1603
- // }
1604
- // }
1605
- // }
1606
- .vxe-tree--line-wrapper {
1607
- position: relative;
1608
- display: block;
1609
- height: 0;
1610
- }
1611
- .vxe-tree--line {
1612
- content: "";
1613
- position: absolute;
1614
- bottom: -1.5em;
1615
- width: 0.8em;
1616
- border-width: 0 0 1px 1px;
1617
- border-style: var(--vxe-ui-table-tree-node-line-style);
1618
- border-color: var(--vxe-ui-table-tree-node-line-color);
1619
- pointer-events: none;
1620
- }
1621
- .vxe-cell--tree-node {
1622
- position: relative;
1623
- }
1624
- .vxe-cell--tree-btn {
1625
- position: absolute ;
1626
- }
1627
- .vxe-tree--btn-wrapper {
1628
- position: absolute;
1629
- top: 50%;
1630
- width: 1em;
1631
- height: 1em;
1632
- text-align: center;
1633
- transform: translateY(-50%);
1634
- z-index: 1;
1635
- user-select: none;
1636
- cursor: pointer;
1637
- // & > i {
1638
- // background-color: var(--vxe-ui-layout-background-color); // 影响选择行相关
1639
- // }
1640
- }
1641
- .vxe-tree--node-btn {
1642
- //display: block;
1643
- //color: var(--vxe-ui-font-lighten-color);
1644
- //@include baseMixin.createAnimationTransition(transform);
1645
- //&:hover {
1646
- // color: var(--vxe-ui-font-primary-color) !important;
1647
- //}
1648
- }
1649
- .vxe-tree-cell {
1650
- display: block;
1651
- padding-left: 1.5em;
1652
- }
1653
-
1654
- /*单元格高度*/
1655
- .vxe-body--column {
1656
- &.col--ellipsis {
1657
- & > .vxe-cell {
1658
- .vxe-tree-cell {
1659
- overflow: hidden;
1660
- text-overflow: ellipsis;
1661
- white-space: nowrap;
1662
- }
1663
- }
1664
- }
1665
- &.col--cs-height,
1666
- &.col--rs-height,
1667
- &.col--auto-height {
1668
- overflow: hidden;
1669
- &.col--tree-node,
1670
- &.col--valid-error {
1671
- overflow: unset;
1672
- }
1673
- & > .vxe-cell {
1674
- overflow: hidden;
1675
- }
1676
- }
1677
- & > .vxe-cell {
1678
- display: flex;
1679
- flex-direction: row;
1680
- align-items: center;
1681
- }
1682
- }
1683
- /*溢出列*/
1684
- .vxe-header--column,
1685
- .vxe-body--column,
1686
- .vxe-footer--column {
1687
- &:not(.col--active) {
1688
- &.col--ellipsis {
1689
- & > .vxe-cell {
1690
- overflow: hidden;
1691
- & > .vxe-cell--wrapper {
1692
- overflow: hidden;
1693
- text-overflow: ellipsis;
1694
- white-space: nowrap;
1695
- }
1696
- }
1697
- }
1698
- &.vxe-tree-cell,
1699
- &.col--vertical-top {
1700
- & > .vxe-cell {
1701
- & > .vxe-cell--wrapper {
1702
- white-space: pre-line;
1703
- }
1704
- }
1705
- }
1706
- }
1707
- }
1708
- .vxe-header--column,
1709
- .vxe-footer--column {
1710
- &.col--ellipsis {
1711
- & > .vxe-cell {
1712
- .vxe-cell--wrapper {
1713
- overflow: hidden;
1714
- text-overflow: ellipsis;
1715
- white-space: nowrap;
1716
- }
1717
- }
1718
- }
1719
- & > .vxe-cell {
1720
- display: flex;
1721
- flex-direction: row;
1722
- align-items: center;
1723
- }
1724
- }
1725
-
1726
- /*展开行*/
1727
- .vxe-table--row-expanded-wrapper {
1728
- position: absolute;
1729
- top: 0;
1730
- left: 0;
1731
- width: 100%;
1732
- height: 100%;
1733
- overflow: hidden;
1734
- pointer-events: none;
1735
- }
1736
- .vxe-body--row-expanded-cell {
1737
- position: absolute;
1738
- z-index: 5;
1739
- top: 0;
1740
- left: 0;
1741
- width: 100%;
1742
- overflow: auto;
1743
- background-color: var(--vxe-ui-layout-background-color);
1744
- pointer-events: all;
1745
- &.is--padding {
1746
- padding: var(--vxe-ui-table-expand-padding-default);
1747
- }
1748
- }
1749
- .vxe-body--row-expanded-place-column {
1750
- border-bottom: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1751
- border-right: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1752
- }
1753
- .vxe-table--expanded {
1754
- cursor: pointer;
1755
- .vxe-table--expand-btn {
1756
- display: inline-block;
1757
- width: 1em;
1758
- height: 1em;
1759
- text-align: center;
1760
- user-select: none;
1761
- color: var(--vxe-ui-font-lighten-color);
1762
- @include baseMixin.createAnimationTransition(transform);
1763
- &:hover {
1764
- color: var(--vxe-ui-font-color);
1765
- }
1766
- }
1767
- &+.vxe-table--expand-label {
1768
- padding-left: 0.5em;
1769
- }
1770
- }
1771
- .vxe-body--expanded-row {
1772
- &.is--padding {
1773
- & > .vxe-body--expanded-column {
1774
- & > .vxe-body--expanded-cell {
1775
- padding: var(--vxe-ui-table-expand-padding-default);
1776
- }
1777
- }
1778
- }
1779
- }
1780
- .vxe-body--expanded-column {
1781
- border-bottom: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1782
- border-right: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1783
- &.col--ellipsis {
1784
- & > .vxe-body--expanded-cell {
1785
- overflow: hidden;
1786
- text-overflow: ellipsis;
1787
- white-space: nowrap;
1788
- }
1789
- }
1790
- }
1791
- .vxe-body--expanded-cell {
1792
- position: relative;
1793
- z-index: 1;
1794
- &.is--ellipsis {
1795
- overflow: auto;
1796
- outline: 0;
1797
- }
1798
- }
1799
-
1800
- /*拖拽列*/
1801
- .vxe-table--drag-col-line {
1802
- height: 100%;
1803
- width: 1px;
1804
- border: 2px solid transparent;
1805
- &[drag-pos="left"] {
1806
- border-left-color: var(--vxe-ui-font-primary-color);
1807
- }
1808
- &[drag-pos="right"] {
1809
- border-right-color: var(--vxe-ui-font-primary-color);
1810
- }
1811
- &[drag-to-child="y"] {
1812
- border-left-color: transparent;
1813
- border-right-color: transparent;
1814
- border-bottom-color: var(--vxe-ui-status-success-color);
1815
- }
1816
- &.is--guides {
1817
- background-color: var( --vxe-ui-table-drag-over-background-color);
1818
- }
1819
- }
1820
- .vxe-header--column,
1821
- .vxe-body--column,
1822
- .vxe-footer--column {
1823
- &.col--drag-origin {
1824
- & > .vxe-cell {
1825
- opacity: 0.5;
1826
- }
1827
- }
1828
- }
1829
- .vxe-header--col-list-move {
1830
- transition-property: transform;
1831
- transition-duration: 0.35s;
1832
- }
1833
-
1834
- .vxe-table--drag-col-line,
1835
- .vxe-table--drag-row-line {
1836
- display: none;
1837
- position: absolute;
1838
- top: 0;
1839
- left: 0;
1840
- z-index: 11;
1841
- pointer-events: none;
1842
- }
1843
- .vxe-cell--drag-handle {
1844
- user-select: none;
1845
- & + span {
1846
- padding-left: 0.5em;
1847
- }
1848
- &:not(.is--disabled) {
1849
- cursor: grab;
1850
- &:active {
1851
- cursor: grabbing;
1852
- }
1853
- &:hover {
1854
- color: var(--vxe-ui-font-primary-color);
1855
- }
1856
- }
1857
- &.is--disabled {
1858
- color: var(--vxe-ui-input-disabled-color);
1859
- cursor: not-allowed;
1860
- }
1861
- }
1862
-
1863
- /*拖拽行*/
1864
- .vxe-table--drag-row-line {
1865
- width: 100%;
1866
- height: 1px;
1867
- border: 2px solid transparent;
1868
- &[drag-pos="top"] {
1869
- border-top-color: var(--vxe-ui-font-primary-color);
1870
- }
1871
- &[drag-pos="bottom"] {
1872
- border-bottom-color: var(--vxe-ui-font-primary-color);
1873
- }
1874
- &[drag-to-child="y"] {
1875
- border-top-color: transparent;
1876
- border-bottom-color: transparent;
1877
- border-left-color: var(--vxe-ui-status-success-color);
1878
- }
1879
- &.is--guides {
1880
- background-color: var( --vxe-ui-table-drag-over-background-color);
1881
- }
1882
- }
1883
- .vxe-body--row {
1884
- &.row--drag-origin {
1885
- & > .vxe-body--column {
1886
- & > .vxe-cell {
1887
- opacity: 0.5;
1888
- }
1889
- }
1890
- }
1891
- }
1892
- .vxe-body--column {
1893
- &.is--drag-cell {
1894
- user-select: none;
1895
- &:not(.is--drag-disabled) {
1896
- cursor: grab;
1897
- &:active {
1898
- cursor: grabbing;
1899
- }
1900
- &:hover {
1901
- color: var(--vxe-ui-font-primary-color);
1902
- }
1903
- }
1904
- &.is--drag-disabled {
1905
- color: var(--vxe-ui-input-disabled-color);
1906
- cursor: not-allowed;
1907
- }
1908
- }
1909
- }
1910
- .vxe-body--row-list-move {
1911
- transition-property: transform;
1912
- transition-duration: 0.35s;
1913
- }
1914
- .vxe-table--drag-sort-tip {
1915
- display: none;
1916
- position: absolute;
1917
- top: 0;
1918
- left: 0;
1919
- padding: 0.6em 1.4em;
1920
- max-width: 50%;
1921
- min-width: 100px;
1922
- border-radius: var(--vxe-ui-border-radius);
1923
- overflow: hidden;
1924
- text-overflow: ellipsis;
1925
- white-space: nowrap;
1926
- user-select: none;
1927
- pointer-events: none;
1928
- background-color: var(--vxe-ui-layout-background-color);
1929
- box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
1930
- z-index: 33;
1931
- &[drag-status="normal"] {
1932
- .vxe-table--drag-sort-tip-normal-status {
1933
- display: block;
1934
- }
1935
- }
1936
- &[drag-status="sub"] {
1937
- .vxe-table--drag-sort-tip-sub-status {
1938
- display: block;
1939
- }
1940
- }
1941
- &[drag-status="disabled"] {
1942
- .vxe-table--drag-sort-tip-disabled-status {
1943
- display: block;
1944
- }
1945
- }
1946
- }
1947
- .vxe-table--drag-sort-tip-wrapper {
1948
- display: flex;
1949
- flex-direction: row;
1950
- align-items: center;
1951
- }
1952
- .vxe-table--drag-sort-tip-status {
1953
- padding-right: 0.4em;
1954
- }
1955
- .vxe-table--drag-sort-tip-disabled-status {
1956
- display: none;
1957
- flex-shrink: 0;
1958
- color: var(--vxe-ui-status-error-color)
1959
- }
1960
- .vxe-table--drag-sort-tip-normal-status,
1961
- .vxe-table--drag-sort-tip-sub-status {
1962
- display: none;
1963
- }
1964
- .vxe-table--drag-sort-tip-content {
1965
- flex-grow: 1;
1966
- overflow: hidden;
1967
- text-overflow: ellipsis;
1968
- white-space: nowrap;
1969
- }
1970
-
1971
- &.size--medium {
1972
- .vxe-cell--checkbox {
1973
- font-size: var(--vxe-checkbox-font-size-medium);
1974
- }
1975
- .vxe-cell--radio {
1976
- font-size: var(--vxe-radio-font-size-medium);
1977
- }
1978
- }
1979
- &.size--small {
1980
- .vxe-cell--checkbox {
1981
- font-size: var(--vxe-checkbox-font-size-small);
1982
- }
1983
- .vxe-cell--radio {
1984
- font-size: var(--vxe-radio-font-size-small);
1985
- }
1986
- }
1987
- &.size--mini {
1988
- .vxe-cell--checkbox {
1989
- font-size: var(--vxe-checkbox-font-size-mini);
1990
- }
1991
- .vxe-cell--radio {
1992
- font-size: var(--vxe-radio-font-size-mini);
1993
- }
1994
- }
1995
-
1996
- /*暂无数据*/
1997
- .vxe-table--empty-placeholder,
1998
- .vxe-table--empty-block {
1999
- color: var(--vxe-ui-input-placeholder-color);
2000
- min-height: var(--vxe-ui-table-row-height-default);
2001
- justify-content: center;
2002
- align-items: center;
2003
- text-align: center;
2004
- overflow: hidden;
2005
- width: 100%;
2006
- pointer-events: none;
2007
- outline: 0;
2008
- }
2009
- .vxe-table--empty-block {
2010
- display: none;
2011
- visibility: hidden;
2012
- }
2013
- .vxe-table--empty-placeholder {
2014
- display: none;
2015
- position: absolute;
2016
- top: 0;
2017
- z-index: 5;
2018
- }
2019
- .vxe-table--empty-content {
2020
- display: block;
2021
- width: 50%;
2022
- pointer-events: auto;
2023
- }
2024
- &.is--empty {
2025
- .vxe-table--empty-block,
2026
- .vxe-table--empty-placeholder {
2027
- display: flex;
2028
- }
2029
- }
2030
-
2031
- .vxe-body--column {
2032
- &.col--selected {
2033
- box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-font-primary-color);
2034
- }
2035
- }
2036
-
2037
- /*校验不通过*/
2038
- .vxe-body--column {
2039
- .vxe-cell--valid-error-tip {
2040
- width: 100%;
2041
- position: absolute;
2042
- left: 50%;
2043
- font-size: 12px;
2044
- line-height: 1.2em;
2045
- transform: translateX(-50%);
2046
- text-align: left;
2047
- z-index: 4;
2048
- padding: 0 var(--vxe-ui-table-cell-padding-default);
2049
- }
2050
- .vxe-cell--valid-error-wrapper {
2051
- display: inline-block;
2052
- border-radius: var(--vxe-ui-border-radius);
2053
- pointer-events: auto;
2054
- }
2055
- .vxe-cell--valid-error-theme-beautify {
2056
- padding: 0.2em 0.6em 0.3em 0.6em;
2057
- color: #fff;
2058
- background-color: var(--vxe-ui-table-validate-error-color);
2059
- .vxe-cell--valid-error-msg {
2060
- background: transparent;
2061
- }
2062
- }
2063
- .vxe-cell--valid-error-theme-normal {
2064
- color: var(--vxe-ui-table-validate-error-color);
2065
- background-color: var(--vxe-ui-table-validate-error-background-color);
2066
- }
2067
- &.col--active,
2068
- &.col--selected {
2069
- position: relative;
2070
- }
2071
- &.col--valid-error {
2072
- .vxe-default-input,
2073
- .vxe-default-textarea,
2074
- .vxe-default-select {
2075
- border-color: var(--vxe-ui-table-validate-error-color);
2076
- }
2077
- .vxe-input,
2078
- .vxe-ico-picker {
2079
- border-color: var(--vxe-ui-table-validate-error-color);
2080
- }
2081
- }
2082
- }
2083
- &.valid-msg--single {
2084
- .vxe-body--row {
2085
- &:last-child {
2086
- .vxe-cell--valid-error-tip {
2087
- bottom: calc(100%);
2088
- }
2089
- &:first-child {
2090
- .vxe-cell--valid-error-tip {
2091
- bottom: auto;
2092
- }
2093
- }
2094
- }
2095
- }
2096
- }
2097
- &.valid-msg--full {
2098
- .vxe-body--row {
2099
- &:last-child {
2100
- .vxe-cell--valid-error-tip {
2101
- top: calc(100% - 1.3em);
2102
- }
2103
- }
2104
- }
2105
- }
2106
- /*已废弃，旧的校验样式**/
2107
- &.old-cell-valid {
2108
- .vxe-body--column {
2109
- &.col--valid-error {
2110
- .vxe-cell--valid-error-tip {
2111
- width: 320px;
2112
- position: absolute;
2113
- bottom: calc(100% + 4px);
2114
- left: 50%;
2115
- transform: translateX(-50%);
2116
- text-align: center;
2117
- pointer-events: none;
2118
- z-index: 4;
2119
- .vxe-cell--valid-error-msg {
2120
- display: inline-block;
2121
- border-radius: -var(-vxe-border-radius);
2122
- padding: 8px 12px;
2123
- color: #fff;
2124
- background-color: #f56c6c;
2125
- pointer-events: auto;
2126
- }
2127
- }
2128
- }
2129
- }
2130
- .vxe-body--row {
2131
- &:first-child {
2132
- .vxe-cell--valid-error-tip {
2133
- bottom: auto;
2134
- top: calc(100% + 4px);
2135
- }
2136
- }
2137
- }
2138
- .vxe-body--column {
2139
- &:first-child {
2140
- .vxe-cell--valid-error-tip {
2141
- left: 10px;
2142
- transform: translateX(0);
2143
- text-align: left;
2144
- }
2145
- }
2146
- }
2147
- }
2148
-
2149
- /*单元格标记删除状态*/
2150
- .vxe-body--row {
2151
- &.row--pending {
2152
- color: var(--vxe-ui-table-validate-error-color);
2153
- text-decoration: line-through;
2154
- cursor: no-drop;
2155
- .vxe-body--column {
2156
- position: relative;
2157
- &:after {
2158
- content: "";
2159
- position: absolute;
2160
- top: 50%;
2161
- left: 0;
2162
- width: 100%;
2163
- height: 0;
2164
- border-bottom: 1px solid var(--vxe-ui-table-validate-error-color);
2165
- z-index: 1;
2166
- }
2167
- }
2168
- }
2169
- }
2170
-
2171
- /*单元格编辑状态*/
2172
- .vxe-body--row {
2173
- &.row--new {
2174
- & > .vxe-body--column {
2175
- position: relative;
2176
- &:before {
2177
- content: "";
2178
- top: calc(var(--vxe-ui-table-cell-dirty-width) * -1);
2179
- left: calc(var(--vxe-ui-table-cell-dirty-width) * -1);
2180
- position: absolute;
2181
- border-width: var(--vxe-ui-table-cell-dirty-width);
2182
- border-style: solid;
2183
- border-color: transparent var(--vxe-ui-table-cell-dirty-insert-color) transparent transparent;
2184
- transform: rotate(45deg);
2185
- }
2186
- }
2187
- }
2188
- }
2189
- .vxe-body--column {
2190
- &.col--dirty {
2191
- position: relative;
2192
- &:before {
2193
- content: "";
2194
- top: calc(var(--vxe-ui-table-cell-dirty-width) * -1);
2195
- left: calc(var(--vxe-ui-table-cell-dirty-width) * -1);
2196
- position: absolute;
2197
- border-width: var(--vxe-ui-table-cell-dirty-width);
2198
- border-style: solid;
2199
- border-color: transparent var(--vxe-ui-table-cell-dirty-update-color) transparent transparent;
2200
- transform: rotate(45deg);
2201
- }
2202
- }
2203
- }
2204
-
2205
- /*可编辑*/
2206
- &.vxe-editable {
2207
- &.cell--highlight {
2208
- .vxe-body--column {
2209
- &.col--active {
2210
- box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-font-primary-color);
2211
- &.col--valid-error {
2212
- box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-table-validate-error-color);
2213
- }
2214
- .vxe-cell {
2215
- .vxe-default-input,
2216
- .vxe-default-textarea {
2217
- border: 0;
2218
- padding: 0;
2219
- }
2220
- .vxe-input {
2221
- .vxe-input--inner {
2222
- border: 0;
2223
- padding-left: 0;
2224
- }
2225
- }
2226
- }
2227
- }
2228
- }
2229
- }
2230
- .vxe-body--column {
2231
- padding: 0;
2232
- }
2233
- }
2234
- }
2235
-
2236
- /*valid error*/
2237
- div.vxe-table--tooltip-wrapper {
2238
- &.vxe-table--valid-error {
2239
- padding: 0;
2240
- color: var(--vxe-ui-table-validate-error-color);
2241
- background-color: var(--vxe-ui-table-validate-error-background-color);
2242
- &.old-cell-valid {
2243
- padding: 8px 12px;
2244
- background-color: #f56c6c;
2245
- color: #fff;
2246
- }
2247
- }
2248
- }
2249
-
2250
- /*footer*/
2251
- .vxe-table--footer-wrapper {
2252
- color: var(--vxe-ui-table-footer-font-color);
2253
- &.body--wrapper{
2254
- outline: 0;
2255
- }
2256
- }
1
+ @use '../helpers/baseMixin.scss';
2
+ @use './icon.scss';
3
+ @use './table-module/all.scss';
4
+
5
+ .vxe-table-slots,
6
+ .vxe-table--file-form {
7
+ display: none;
8
+ }
9
+
10
+ .vxe-table-vars {
11
+ height: 0;
12
+ width: 0;
13
+ visibility: hidden;
14
+ overflow: hidden;
15
+ user-select: none;
16
+ pointer-events: none;
17
+ .vxe-table-var-default {
18
+ height: var(--vxe-ui-table-row-height-default);
19
+ }
20
+ .vxe-table-var-medium {
21
+ height: var(--vxe-ui-table-row-height-medium);
22
+ }
23
+ .vxe-table-var-small {
24
+ height: var(--vxe-ui-table-row-height-small);
25
+ }
26
+ .vxe-table-var-mini {
27
+ height: var(--vxe-ui-table-row-height-mini);
28
+ }
29
+ }
30
+
31
+ .vxe-table--print-frame {
32
+ position: fixed;
33
+ bottom: -100%;
34
+ left: -100%;
35
+ height: 0;
36
+ width: 0;
37
+ border: 0;
38
+ }
39
+ .vxe-table--layout-wrapper {
40
+ display: flex;
41
+ flex-direction: row;
42
+ background-color: var(--vxe-ui-layout-background-color);
43
+ }
44
+ .vxe-table--viewport-wrapper {
45
+ position: relative;
46
+ overflow: hidden;
47
+ flex-grow: 1;
48
+ }
49
+ .vxe-table--header-wrapper,
50
+ .vxe-table--body-wrapper,
51
+ .vxe-table--footer-wrapper,
52
+ .vxe-table--fixed-left-body-wrapper,
53
+ .vxe-table--fixed-right-body-wrapper {
54
+ overflow: hidden;
55
+ outline: 0;
56
+ scrollbar-width: none;
57
+ -webkit-overflow-scrolling: touch;
58
+ }
59
+ .vxe-table--header-inner-wrapper,
60
+ .vxe-table--body-inner-wrapper,
61
+ .vxe-table--footer-inner-wrapper {
62
+ position: relative;
63
+ width: 100%;
64
+ height: 100%;
65
+ scrollbar-width: none;
66
+ -ms-overflow-style: none;
67
+ -webkit-overflow-scrolling: touch;
68
+ &::-webkit-scrollbar {
69
+ display: none;
70
+ }
71
+ }
72
+ .vxe-table--header-inner-wrapper,
73
+ .vxe-table--footer-inner-wrapper {
74
+ overflow-y: hidden;
75
+ overflow-x: scroll;
76
+ }
77
+ .vxe-table--body-inner-wrapper {
78
+ overflow-y: scroll;
79
+ overflow-x: scroll;
80
+ }
81
+
82
+ .vxe-loading--custom-wrapper {
83
+ display: none;
84
+ position: absolute;
85
+ width: 100%;
86
+ height: 100%;
87
+ top: 0;
88
+ left: 0;
89
+ z-index: 99;
90
+ user-select: none;
91
+ &.is--visible {
92
+ display: block;
93
+ }
94
+ }
95
+
96
+ /*默认的渲染*/
97
+ .vxe-header--column,
98
+ .vxe-footer--column {
99
+ &.fixed--width {
100
+ & > .vxe-cell {
101
+ & > .vxe-cell--wrapper {
102
+ .vxe-default-input,
103
+ .vxe-default-textarea,
104
+ .vxe-default-select {
105
+ width: 100%;
106
+ }
107
+ .vxe-input,
108
+ .vxe-textarea,
109
+ .vxe-select,
110
+ .vxe-tree-select,
111
+ .vxe-date-picker,
112
+ .vxe-number-input,
113
+ .vxe-ico-picker {
114
+ width: 100%;
115
+ }
116
+ }
117
+ }
118
+ }
119
+ }
120
+ .vxe-body--column {
121
+ &.fixed--width {
122
+ & > .vxe-cell {
123
+ & > .vxe-cell--wrapper {
124
+ & > .vxe-default-input,
125
+ & > .vxe-default-textarea,
126
+ & > .vxe-default-select {
127
+ width: 100%;
128
+ }
129
+ & > .vxe-input,
130
+ & > .vxe-textarea,
131
+ & > .vxe-select,
132
+ & > .vxe-tree-select,
133
+ & > .vxe-date-picker,
134
+ & > .vxe-number-input,
135
+ & > .vxe-ico-picker {
136
+ width: 100%;
137
+ }
138
+ & > .vxe-cell--tree-node {
139
+ .vxe-default-input,
140
+ .vxe-default-textarea,
141
+ .vxe-default-select,
142
+ .vxe-input,
143
+ .vxe-textarea,
144
+ .vxe-select,
145
+ .vxe-tree-select,
146
+ .vxe-date-picker,
147
+ .vxe-number-input,
148
+ .vxe-ico-picker {
149
+ width: 100%;
150
+ }
151
+ }
152
+ }
153
+ }
154
+ }
155
+ }
156
+ .vxe-table--filter-template {
157
+ & > .vxe-default-input,
158
+ & > .vxe-default-textarea,
159
+ & > .vxe-default-select {
160
+ width: 100%;
161
+ }
162
+ & > .vxe-input,
163
+ & > .vxe-textarea,
164
+ & > .vxe-select,
165
+ & > .vxe-tree-select,
166
+ & > .vxe-date-picker,
167
+ & > .vxe-number-input,
168
+ & > .vxe-ico-picker {
169
+ width: 100%;
170
+ }
171
+ }
172
+ .vxe-cell{
173
+ height: initial !important;
174
+ min-height: 40px !important;
175
+ padding: 4px 4px !important;
176
+ }
177
+ .vxe-cell,
178
+ .vxe-table--filter-template {
179
+ .vxe-default-input,
180
+ .vxe-default-textarea {
181
+ background-color: var(--vxe-ui-layout-background-color);
182
+ }
183
+ .vxe-default-input,
184
+ .vxe-default-textarea,
185
+ .vxe-default-select {
186
+ font-family: var(--vxe-ui-font-family);
187
+ outline: 0;
188
+ color: var(--vxe-ui-font-color);
189
+ border-radius: var(--vxe-ui-border-radius);
190
+ border: 1px solid var(--vxe-ui-input-border-color);
191
+ &:focus {
192
+ border: 1px solid var(--vxe-ui-font-primary-color);
193
+ }
194
+ &[disabled] {
195
+ cursor: not-allowed;
196
+ background-color: var(--vxe-ui-input-disabled-background-color);
197
+ }
198
+ }
199
+ .vxe-default-input,
200
+ .vxe-default-textarea,
201
+ .vxe-default-select {
202
+ height: var(--vxe-ui-input-height-default);
203
+ }
204
+ .vxe-default-input {
205
+ &[type="date"]::-webkit-inner-spin-button {
206
+ margin-top: 4px;
207
+ }
208
+ &[type="date"]::-webkit-inner-spin-button,
209
+ &[type="number"]::-webkit-inner-spin-button {
210
+ height: 24px;
211
+ }
212
+ &::placeholder {
213
+ color: var(--vxe-ui-input-placeholder-color);
214
+ }
215
+ }
216
+ .vxe-default-textarea {
217
+ font-size: 1em;
218
+ resize: none;
219
+ vertical-align: middle;
220
+ }
221
+ & > .vxe-input > .vxe-input--inner,
222
+ & > .vxe-textarea > .vxe-textarea--inner {
223
+ padding: 0 2px;
224
+ }
225
+ & > .vxe-textarea--inner,
226
+ & > .vxe-default-textarea {
227
+ resize: none;
228
+ }
229
+ & > .vxe-cell--tree-node {
230
+ .vxe-input > .vxe-input--inner,
231
+ .vxe-textarea > .vxe-textarea--inner {
232
+ padding: 0 2px;
233
+ }
234
+ .vxe-textarea--inner,
235
+ .vxe-default-textarea {
236
+ resize: none;
237
+ }
238
+ }
239
+ }
240
+ .vxe-body--column {
241
+ &.col--vertical-top {
242
+ &.col--active {
243
+ & > .vxe-cell {
244
+ & > .vxe-cell--wrapper {
245
+ height: 100%;
246
+ & > .vxe-default-textarea {
247
+ height: 100%;
248
+ }
249
+ }
250
+ }
251
+ }
252
+ }
253
+ }
254
+ /*行高*/
255
+ .vxe-table {
256
+ &:not([data-calc-row]) {
257
+ .vxe-body--column {
258
+ &.col--vertical-top {
259
+ &:not(.col--active) {
260
+ & > .vxe-cell {
261
+ & > .vxe-cell--wrapper {
262
+ min-height: 100%;
263
+ }
264
+ }
265
+ }
266
+ }
267
+ }
268
+ }
269
+ }
270
+
271
+ /*负数显示红色*/
272
+ .vxe-cell--label {
273
+ &.is--negative {
274
+ color: var(--vxe-ui-table-cell-negative-color);
275
+ }
276
+ }
277
+
278
+ .vxe-table--checkbox-range,
279
+ .vxe-table--cell-main-area,
280
+ .vxe-table--cell-extend-area,
281
+ .vxe-table--cell-active-area,
282
+ .vxe-table--cell-copy-area,
283
+ .vxe-table--cell-col-status-area,
284
+ .vxe-table--cell-row-status-area {
285
+ display: none;
286
+ position: absolute;
287
+ pointer-events: none;
288
+ z-index: 1;
289
+ }
290
+
291
+ .vxe-table--header-wrapper {
292
+ .vxe-table--cell-col-status-area {
293
+ top: 0;
294
+ height: 100%;
295
+ }
296
+ }
297
+
298
+ .vxe-table--fixed-left-wrapper,
299
+ .vxe-table--fixed-right-wrapper {
300
+ .vxe-table--checkbox-range,
301
+ .vxe-table--cell-main-area,
302
+ .vxe-table--cell-extend-area,
303
+ .vxe-table--cell-active-area,
304
+ .vxe-table--cell-copy-area,
305
+ .vxe-table--cell-col-status-area,
306
+ .vxe-table--cell-row-status-area {
307
+ z-index: 2;
308
+ }
309
+ }
310
+
311
+ .vxe-table--fixed-left-wrapper {
312
+ .vxe-table--cell-main-area,
313
+ .vxe-table--cell-extend-area,
314
+ .vxe-table--cell-active-area {
315
+ &[half="1"] {
316
+ border-right: 0;
317
+ }
318
+ }
319
+ .vxe-table--cell-copy-area {
320
+ &[half="1"] {
321
+ background-size: var(--vxe-ui-table-cell-copy-area-border-width) 12px, 0 12px, 12px var(--vxe-ui-table-cell-copy-area-border-width), 12px var(--vxe-ui-table-cell-copy-area-border-width);
322
+ }
323
+ }
324
+ }
325
+
326
+ .vxe-table--fixed-right-wrapper {
327
+ .vxe-table--cell-main-area,
328
+ .vxe-table--cell-extend-area,
329
+ .vxe-table--cell-active-area {
330
+ &[half="1"] {
331
+ border-left: 0;
332
+ }
333
+ }
334
+ .vxe-table--cell-copy-area {
335
+ &[half="1"] {
336
+ background-size: 0 12px, var(--vxe-ui-table-cell-copy-area-border-width) 12px, 12px var(--vxe-ui-table-cell-copy-area-border-width), 12px var(--vxe-ui-table-cell-copy-area-border-width);
337
+ }
338
+ }
339
+ }
340
+
341
+ /*复选框-范围选择*/
342
+ .vxe-table--checkbox-range {
343
+ background-color: var(--vxe-ui-table-checkbox-range-background-color);
344
+ border: var(--vxe-ui-table-checkbox-range-border-width) solid var(--vxe-ui-table-checkbox-range-border-color);
345
+ }
346
+
347
+ .vxe-table--cell-area {
348
+ height: 0;
349
+ font-size: 0;
350
+ display: none;
351
+ & > .vxe-table--cell-main-area {
352
+ background-color: var(--vxe-ui-table-cell-area-background-color);
353
+ border: var(--vxe-ui-table-cell-area-border-width) solid var(--vxe-ui-table-cell-area-border-color);
354
+ }
355
+ .vxe-table--cell-main-area-btn {
356
+ display: none;
357
+ position: absolute;
358
+ right: -1px;
359
+ bottom: -1px;
360
+ width: 7px;
361
+ height: 7px;
362
+ border-style: solid;
363
+ border-color: var(--vxe-ui-table-cell-main-area-extension-border-color);
364
+ border-width: 1px 0 0 1px;
365
+ background-color: var(--vxe-ui-table-cell-main-area-extension-background-color);
366
+ pointer-events: auto;
367
+ cursor: crosshair;
368
+ }
369
+ .vxe-table--cell-extend-area {
370
+ border: var(--vxe-ui-table-cell-extend-area-border-width) solid var(--vxe-ui-table-cell-extend-area-border-color);
371
+ }
372
+ .vxe-table--cell-col-status-area,
373
+ .vxe-table--cell-row-status-area {
374
+ background-color: var(--vxe-ui-table-checkbox-range-background-color);
375
+ }
376
+ }
377
+
378
+ @keyframes moveCopyCellBorder {
379
+ from {
380
+ }
381
+ to {
382
+ background-position: 0 -12px, 100% 12px, 12px 0, -12px 100%;
383
+ }
384
+ }
385
+
386
+ .vxe-table--cell-copy-area {
387
+ background: linear-gradient(0deg, transparent 6px, var(--vxe-ui-table-cell-copy-area-border-color) 6px) repeat-y,
388
+ linear-gradient(0deg, transparent 50%, var(--vxe-ui-table-cell-copy-area-border-color) 0) repeat-y,
389
+ linear-gradient(90deg, transparent 50%, var(--vxe-ui-table-cell-copy-area-border-color) 0) repeat-x,
390
+ linear-gradient(90deg, transparent 50%, var(--vxe-ui-table-cell-copy-area-border-color) 0) repeat-x;
391
+ background-size: var(--vxe-ui-table-cell-copy-area-border-width) 12px, var(--vxe-ui-table-cell-copy-area-border-width) 12px, 12px var(--vxe-ui-table-cell-copy-area-border-width), 12px var(--vxe-ui-table-cell-copy-area-border-width);
392
+ background-position: 0 0, 100% 0, 0 0, 0 100%;
393
+ animation: moveCopyCellBorder .5s infinite linear;
394
+ }
395
+
396
+ .vxe-table--cell-active-area {
397
+ border-color: var(--vxe-ui-table-cell-active-area-border-color);
398
+ border-style: solid;
399
+ border-width: var(--vxe-ui-table-cell-active-area-border-width);
400
+ background-color: var(--vxe-ui-table-cell-active-area-background-color);
401
+ }
402
+
403
+ .vxe-table--cell-multi-area {
404
+ & > .vxe-table--cell-main-area {
405
+ background-color: var(--vxe-ui-table-cell-area-background-color);
406
+ }
407
+ }
408
+
409
+ /*圆角*/
410
+ .vxe-table--render-default {
411
+ color: var(--vxe-ui-table-color);
412
+ &.is--round {
413
+ %AllRadius {
414
+ border-radius: var(--vxe-ui-table-border-radius);
415
+ }
416
+ %TopRadius {
417
+ border-radius: var(--vxe-ui-table-border-radius) var(--vxe-ui-table-border-radius) 0 0;
418
+ }
419
+ %TopLeftRadius {
420
+ border-radius: var(--vxe-ui-table-border-radius) 0 0 0;
421
+ }
422
+ %TopRightRadius {
423
+ border-radius: 0 var(--vxe-ui-table-border-radius) 0 0;
424
+ }
425
+ %BottomRadius {
426
+ border-radius: 0 0 var(--vxe-ui-table-border-radius) var(--vxe-ui-table-border-radius);
427
+ }
428
+ %BottomLeftRadius {
429
+ border-radius: 0 0 0 var(--vxe-ui-table-border-radius);
430
+ }
431
+ %BottomRightRadius {
432
+ border-radius: 0 0 var(--vxe-ui-table-border-radius) 0;
433
+ }
434
+ @extend %AllRadius;
435
+ .vxe-table--border-line {
436
+ @extend %AllRadius;
437
+ }
438
+ &.is--header {
439
+ &:not(.is--footer) {
440
+ .vxe-table--body-wrapper {
441
+ &.fixed-left--wrapper {
442
+ @extend %BottomLeftRadius;
443
+ }
444
+ &.body--wrapper {
445
+ @extend %BottomRadius;
446
+ }
447
+ &.fixed-right--wrapper {
448
+ @extend %BottomRightRadius;
449
+ }
450
+ }
451
+ }
452
+ .vxe-table--header-wrapper {
453
+ &.fixed-left--wrapper {
454
+ @extend %TopLeftRadius;
455
+ }
456
+ &.body--wrapper {
457
+ @extend %TopRadius;
458
+ }
459
+ &.fixed-right--wrapper {
460
+ @extend %TopRightRadius;
461
+ }
462
+ }
463
+ }
464
+ &:not(.is--header) {
465
+ &:not(.is--footer) {
466
+ .vxe-table--body-wrapper {
467
+ &.body--wrapper {
468
+ @extend %AllRadius;
469
+ }
470
+ }
471
+ }
472
+ }
473
+ &.is--footer {
474
+ &:not(.is--header) {
475
+ .vxe-table--body-wrapper {
476
+ &.fixed-left--wrapper {
477
+ @extend %BottomLeftRadius;
478
+ }
479
+ &.body--wrapper {
480
+ @extend %TopRadius;
481
+ }
482
+ &.fixed-right--wrapper {
483
+ @extend %BottomRightRadius;
484
+ }
485
+ }
486
+ }
487
+ .vxe-table--footer-wrapper {
488
+ &.fixed-left--wrapper {
489
+ @extend %BottomLeftRadius;
490
+ }
491
+ &.body--wrapper {
492
+ @extend %BottomRadius;
493
+ }
494
+ &.fixed-right--wrapper {
495
+ @extend %BottomRightRadius;
496
+ }
497
+ }
498
+ }
499
+ &.sx-pos--top {
500
+ .vxe-table--scroll-x-left-corner {
501
+ &::before {
502
+ @extend %TopLeftRadius;
503
+ }
504
+ }
505
+ .vxe-table--scroll-x-right-corner {
506
+ &::before {
507
+ @extend %TopRightRadius;
508
+ }
509
+ }
510
+ }
511
+ &.sx-pos--bottom {
512
+ &.sy-pos--right {
513
+ .vxe-table--scroll-y-top-corner {
514
+ @extend %TopRightRadius;
515
+ &::before {
516
+ @extend %TopRightRadius;
517
+ }
518
+ }
519
+ }
520
+ &.sy-pos--left {
521
+ .vxe-table--scroll-y-top-corner {
522
+ @extend %TopLeftRadius;
523
+ &::before {
524
+ @extend %TopLeftRadius;
525
+ }
526
+ }
527
+ }
528
+ .vxe-table--scroll-x-left-corner {
529
+ &::before {
530
+ @extend %BottomLeftRadius;
531
+ }
532
+ }
533
+ .vxe-table--scroll-x-right-corner {
534
+ &::before {
535
+ @extend %BottomRightRadius;
536
+ }
537
+ }
538
+ }
539
+ }
540
+ }
541
+
542
+ /*列宽*/
543
+ .vxe-table {
544
+ &[data-calc-col] {
545
+ .vxe-header--column,
546
+ .vxe-body--column,
547
+ .vxe-footer--column {
548
+ .vxe-cell {
549
+ & > .vxe-cell--wrapper {
550
+ word-break: break-all;
551
+ white-space: nowrap;
552
+ }
553
+ }
554
+ }
555
+ }
556
+ &:not([data-calc-col]) {
557
+ .vxe-cell--wrapper {
558
+ min-width: 100%;
559
+ }
560
+ }
561
+ }
562
+
563
+ /*scroll*/
564
+ .vxe-table {
565
+ &.is--loading {
566
+ & > .vxe-table--scroll-x-virtual {
567
+ visibility: hidden;
568
+ }
569
+ & > .vxe-table--layout-wrapper {
570
+ & > .vxe-table--scroll-y-virtual {
571
+ visibility: hidden;
572
+ }
573
+ }
574
+ }
575
+ .vxe-table--scroll-x-virtual {
576
+ height: 0;
577
+ }
578
+ .vxe-table--scroll-y-virtual {
579
+ width: 0;
580
+ }
581
+ .vxe-table--scroll-x-virtual,
582
+ .vxe-table--scroll-y-virtual {
583
+ visibility: hidden;
584
+ position: relative;
585
+ flex-shrink: 0;
586
+ z-index: 7;
587
+ }
588
+ .vxe-table--scroll-x-handle,
589
+ .vxe-table--scroll-y-handle,
590
+ .vxe-table--scroll-x-wrapper,
591
+ .vxe-table--scroll-y-wrapper,
592
+ .vxe-table--scroll-y-top-corner,
593
+ .vxe-table--scroll-y-bottom-corner,
594
+ .vxe-table--scroll-x-left-corner,
595
+ .vxe-table--scroll-x-right-corner {
596
+ position: absolute;
597
+ }
598
+ .vxe-table--scroll-x-handle,
599
+ .vxe-table--scroll-x-wrapper {
600
+ width: 100%;
601
+ left: 0;
602
+ bottom: 0;
603
+ }
604
+ .vxe-table--scroll-x-handle {
605
+ overflow-y: hidden;
606
+ overflow-x: scroll;
607
+ height: 18px;
608
+ }
609
+ .vxe-table--scroll-x-wrapper {
610
+ height: 100%;
611
+ }
612
+ .vxe-table--scroll-y-handle,
613
+ .vxe-table--scroll-y-wrapper {
614
+ width: 100%;
615
+ height: 100%;
616
+ right: 0;
617
+ top: 0;
618
+ }
619
+ .vxe-table--scroll-y-handle {
620
+ overflow-y: scroll;
621
+ overflow-x: hidden;
622
+ width: 18px;
623
+ height: 100%;
624
+ }
625
+ .vxe-table--scroll-x-space {
626
+ height: 1px;
627
+ }
628
+ .vxe-table--scroll-y-space {
629
+ width: 1px;
630
+ }
631
+ .vxe-table--scroll-x-left-corner,
632
+ .vxe-table--scroll-x-right-corner,
633
+ .vxe-table--scroll-y-top-corner,
634
+ .vxe-table--scroll-y-bottom-corner {
635
+ display: none;
636
+ position: absolute;
637
+ }
638
+ .vxe-table--scroll-x-left-corner,
639
+ .vxe-table--scroll-x-right-corner {
640
+ bottom: 0;
641
+ width: 0;
642
+ height: 100%;
643
+ &::before {
644
+ content: "";
645
+ position: absolute;
646
+ top: 0;
647
+ left: 0;
648
+ width: 100%;
649
+ height: 100%;
650
+ z-index: 1;
651
+ border-width: var(--vxe-ui-table-border-width);
652
+ border-style: solid;
653
+ border-color: var(--vxe-ui-table-border-color);
654
+ }
655
+ }
656
+ .vxe-table--scroll-x-left-corner {
657
+ left: 0;
658
+ }
659
+ .vxe-table--scroll-x-right-corner {
660
+ right: 0;
661
+ }
662
+ &.sy-pos--right {
663
+ .vxe-table--scroll-x-right-corner {
664
+ right: 1px;
665
+ &::before {
666
+ border-right: 0;
667
+ }
668
+ }
669
+ }
670
+ &.sx-pos--bottom {
671
+ .vxe-table--scroll-x-right-corner {
672
+ bottom: 1px;
673
+ &::before {
674
+ border-bottom: 0;
675
+ }
676
+ }
677
+ }
678
+ .vxe-table--scroll-y-top-corner {
679
+ background-color: var(--vxe-ui-table-header-background-color);
680
+ }
681
+ .vxe-table--scroll-y-top-corner,
682
+ .vxe-table--scroll-y-bottom-corner {
683
+ top: 0;
684
+ right: 0;
685
+ width: 100%;
686
+ height: 0;
687
+ }
688
+ .vxe-table--scroll-y-bottom-corner {
689
+ margin-top: -1px;
690
+ }
691
+ }
692
+
693
+ /*header*/
694
+ .vxe-table {
695
+ .vxe-table--header-wrapper {
696
+ color: var(--vxe-ui-table-header-font-color);
697
+ }
698
+ /*排序*/
699
+ .vxe-cell--sort {
700
+ text-align: center;
701
+ position: relative;
702
+ padding: 0 0.1em 0 0.2em;
703
+ }
704
+ .vxe-cell--sort-vertical-layout {
705
+ display: inline-flex;
706
+ flex-direction: column;
707
+ height: 1.8em;
708
+ vertical-align: middle;
709
+ .vxe-sort--asc-btn,
710
+ .vxe-sort--desc-btn {
711
+ height: 0.6em;
712
+ }
713
+ }
714
+ .vxe-cell--sort-horizontal-layout {
715
+ display: inline-flex;
716
+ flex-direction: row;
717
+ .vxe-sort--asc-btn,
718
+ .vxe-sort--desc-btn {
719
+ width: 0.5em;
720
+ }
721
+ }
722
+ .vxe-sort--asc-btn,
723
+ .vxe-sort--desc-btn {
724
+ color: var(--vxe-ui-table-column-icon-border-color);
725
+ cursor: pointer;
726
+ &:hover {
727
+ color: var(--vxe-ui-font-color);
728
+ }
729
+ &.sort--active {
730
+ color: var(--vxe-ui-font-primary-color);
731
+ }
732
+ }
733
+ }
734
+
735
+ .vxe-sort--asc-btn,
736
+ .vxe-sort--desc-btn,
737
+ .vxe-filter--btn {
738
+ &:before,
739
+ &:after {
740
+ @include baseMixin.createAnimationTransition(border);
741
+ }
742
+ }
743
+
744
+ .vxe-header--column {
745
+ position: relative;
746
+ font-weight: var(--vxe-ui-table-header-font-weight);
747
+ // user-select: none;
748
+ &.col--ellipsis {
749
+ & > .vxe-cell {
750
+ display: flex;
751
+ align-items: center;
752
+ .vxe-cell--title {
753
+ overflow: hidden;
754
+ text-overflow: ellipsis;
755
+ white-space: nowrap;
756
+ }
757
+ & > i,
758
+ & > span {
759
+ &:not(.vxe-cell--title) {
760
+ flex-shrink: 0;
761
+ }
762
+ }
763
+ }
764
+ }
765
+ .vxe-cell--required-icon {
766
+ display: inline-block;
767
+ color: var(--vxe-ui-table-validate-error-color);
768
+ width: 0.8em;
769
+ height: 1em;
770
+ line-height: 1em;
771
+ font-family: Verdana,Arial,Tahoma;
772
+ font-weight: normal;
773
+ position: relative;
774
+ &:before {
775
+ content: "*";
776
+ position: absolute;
777
+ left: 0;
778
+ top: 0.2em;
779
+ }
780
+ }
781
+ // .vxe-cell--required-icon,
782
+ // .vxe-cell--edit-icon,
783
+ // .vxe-cell-title-prefix-icon,
784
+ // .vxe-cell-title-suffix-icon,
785
+ // .vxe-cell--title {
786
+ // vertical-align: middle;
787
+ // }
788
+ .vxe-cell--required-icon {
789
+ padding-right: 0.1em;
790
+ }
791
+ .vxe-cell--edit-icon,
792
+ .vxe-cell-title-prefix-icon,
793
+ .vxe-cell-title-suffix-icon {
794
+ padding: 0.2em;
795
+ }
796
+ .vxe-cell-title-prefix-icon,
797
+ .vxe-cell-title-suffix-icon {
798
+ cursor: help;
799
+ }
800
+ }
801
+
802
+ .vxe-cell--col-resizable {
803
+ position: absolute;
804
+ right: -0.3em;
805
+ bottom: 0;
806
+ width: 0.6em;
807
+ height: 100%;
808
+ text-align: center;
809
+ z-index: 1;
810
+ cursor: col-resize;
811
+ &.is--line {
812
+ &:before,
813
+ &:after {
814
+ content: "";
815
+ display: inline-block;
816
+ vertical-align: middle;
817
+ }
818
+ &:before {
819
+ width: 1px;
820
+ height: 50%;
821
+ background-color: var(--vxe-ui-table-resizable-line-color);
822
+ }
823
+ &:after {
824
+ width: 0;
825
+ height: 100%;
826
+ }
827
+ }
828
+ }
829
+ .vxe-header--column {
830
+ &:last-child {
831
+ & > .vxe-cell--col-resizable {
832
+ right: 0;
833
+ }
834
+ }
835
+ }
836
+ .vxe-table--fixed-right-wrapper {
837
+ .vxe-cell--col-resizable {
838
+ right: auto;
839
+ left: -0.3em;
840
+ }
841
+ .vxe-header--column {
842
+ &:last-child {
843
+ & > .vxe-cell--col-resizable {
844
+ left: 0;
845
+ }
846
+ }
847
+ }
848
+ }
849
+
850
+ .vxe-body--column {
851
+ .vxe-cell--row-resizable {
852
+ position: absolute;
853
+ left: 0;
854
+ bottom: -0.4em;
855
+ height: 0.8em;
856
+ width: 100%;
857
+ text-align: center;
858
+ z-index: 1;
859
+ cursor: row-resize;
860
+ }
861
+ }
862
+ .vxe-body--row {
863
+ &:last-child {
864
+ .vxe-body--column {
865
+ .vxe-cell--row-resizable {
866
+ height: 0.4em;
867
+ bottom: -0px;
868
+ }
869
+ }
870
+ }
871
+ }
872
+
873
+
874
+ /*table*/
875
+ .vxe-table--render-default {
876
+ position: relative;
877
+ font-size: var(--vxe-ui-font-size-default);
878
+ color: var(--vxe-ui-font-color);
879
+ font-family: var(--vxe-ui-font-family);
880
+ direction: ltr;
881
+ .vxe-table--body-wrapper {
882
+ background-color: var(--vxe-ui-layout-background-color);
883
+ }
884
+ .vxe-table--footer-wrapper {
885
+ margin-top: calc(var(--vxe-ui-table-border-width) * -1);
886
+ background-color: var(--vxe-ui-table-footer-background-color);
887
+ }
888
+ .vxe-table--header,
889
+ .vxe-table--body,
890
+ .vxe-table--footer {
891
+ border: 0;
892
+ border-spacing: 0;
893
+ border-collapse: separate;
894
+ table-layout: fixed;
895
+ }
896
+ &:not(.is--empty) {
897
+ &.is--footer {
898
+ &.is--scroll-x {
899
+ .vxe-table--body-wrapper {
900
+ outline: 0;
901
+ }
902
+ }
903
+ }
904
+ }
905
+ .vxe-body--row {
906
+ &.row--stripe {
907
+ background-color: var(--vxe-ui-table-row-striped-background-color);
908
+ }
909
+ &.row--radio {
910
+ background-color: var(--vxe-ui-table-row-radio-checked-background-color);
911
+ }
912
+ &.row--checked {
913
+ background-color: var(--vxe-ui-table-row-current-background-color);
914
+ }
915
+ &.row--current {
916
+ background-color: var(--vxe-ui-table-row-current-background-color);
917
+ }
918
+ &.row--hover {
919
+ background-color: var(--vxe-ui-table-row-hover-background-color);
920
+ &.row--stripe {
921
+ background-color: var(--vxe-ui-table-row-hover-striped-background-color);
922
+ }
923
+ &.row--radio {
924
+ background-color: var(--vxe-ui-table-row-hover-radio-checked-background-color);
925
+ }
926
+ &.row--checked {
927
+ background-color: var(--vxe-ui-table-row-current-background-color);
928
+ }
929
+ &.row--current {
930
+ background-color: var(--vxe-ui-table-row-current-background-color);
931
+ }
932
+ }
933
+ }
934
+ // &.is--tree-line {
935
+ // .vxe-body--row {
936
+ // &.row--stripe {
937
+ // .vxe-tree--btn-wrapper {
938
+ // background-color: var(--vxe-ui-table-row-striped-background-color);
939
+ // }
940
+ // }
941
+ // &.row--radio {
942
+ // .vxe-tree--btn-wrapper {
943
+ // background-color: var(--vxe-ui-table-row-radio-checked-background-color);
944
+ // }
945
+ // }
946
+ // &.row--checked {
947
+ // .vxe-tree--btn-wrapper {
948
+ // background-color: var(--vxe-ui-table-row-checkbox-checked-background-color);
949
+ // }
950
+ // }
951
+ // &.row--current {
952
+ // .vxe-tree--btn-wrapper {
953
+ // background-color: var(--vxe-ui-table-row-current-background-color);
954
+ // }
955
+ // }
956
+ // &.row--hover {
957
+ // .vxe-tree--btn-wrapper {
958
+ // background-color: var(--vxe-ui-table-row-hover-background-color);
959
+ // }
960
+ // &.row--stripe {
961
+ // .vxe-tree--btn-wrapper {
962
+ // background-color: var(--vxe-ui-table-row-hover-striped-background-color);
963
+ // }
964
+ // }
965
+ // &.row--radio {
966
+ // .vxe-tree--btn-wrapper {
967
+ // background-color: var(--vxe-ui-table-row-hover-radio-checked-background-color);
968
+ // }
969
+ // }
970
+ // &.row--checked {
971
+ // .vxe-tree--btn-wrapper {
972
+ // background-color: var(--vxe-ui-table-row-hover-checkbox-checked-background-color);
973
+ // }
974
+ // }
975
+ // &.row--current {
976
+ // .vxe-tree--btn-wrapper {
977
+ // background-color: var(--vxe-ui-table-row-hover-current-background-color);
978
+ // }
979
+ // }
980
+ // }
981
+ // }
982
+ // }
983
+ &.col-drag--resize {
984
+ .vxe-table--main-wrapper,
985
+ .vxe-table--fixed-left-wrapper,
986
+ .vxe-table--fixed-right-wrapper {
987
+ * {
988
+ cursor: col-resize;
989
+ }
990
+ }
991
+ }
992
+ &.row-drag--resize {
993
+ .vxe-table--main-wrapper,
994
+ .vxe-table--fixed-left-wrapper,
995
+ .vxe-table--fixed-right-wrapper {
996
+ * {
997
+ cursor: row-resize;
998
+ }
999
+ }
1000
+ }
1001
+ &.drag--range,
1002
+ &.drag--area {
1003
+ .vxe-table--main-wrapper,
1004
+ .vxe-table--fixed-left-wrapper,
1005
+ .vxe-table--fixed-right-wrapper {
1006
+ * {
1007
+ cursor: default;
1008
+ }
1009
+ }
1010
+ }
1011
+ &.drag--extend-range {
1012
+ .vxe-table--main-wrapper,
1013
+ .vxe-table--fixed-left-wrapper,
1014
+ .vxe-table--fixed-right-wrapper {
1015
+ * {
1016
+ cursor: crosshair;
1017
+ }
1018
+ }
1019
+ }
1020
+ &.col--drag-cell {
1021
+ .vxe-header--column {
1022
+ user-select: none;
1023
+ &.is--drag-active {
1024
+ cursor: grab;
1025
+ &:active {
1026
+ cursor: grabbing;
1027
+ }
1028
+ &:hover {
1029
+ color: var(--vxe-ui-font-primary-color);
1030
+ }
1031
+ }
1032
+ &.is--drag-disabled {
1033
+ color: var(--vxe-ui-input-disabled-color);
1034
+ cursor: not-allowed;
1035
+ }
1036
+ }
1037
+ }
1038
+ &.column--highlight {
1039
+ .vxe-header--column {
1040
+ &:not(.col--seq) {
1041
+ &:hover {
1042
+ background-color: var(--vxe-ui-table-column-hover-background-color);
1043
+ }
1044
+ }
1045
+ }
1046
+ }
1047
+ &.header-cell--area {
1048
+ .vxe-table--header-wrapper {
1049
+ user-select: none;
1050
+ }
1051
+ }
1052
+ &.body-cell--area {
1053
+ .vxe-table--body-wrapper {
1054
+ user-select: none;
1055
+ }
1056
+ }
1057
+ &.drag--range {
1058
+ .vxe-body--column {
1059
+ user-select: none;
1060
+ }
1061
+ }
1062
+ &.checkbox--range {
1063
+ .vxe-body--column {
1064
+ &.col--checkbox {
1065
+ user-select: none;
1066
+ }
1067
+ }
1068
+ }
1069
+ .vxe-header--column,
1070
+ .vxe-body--column,
1071
+ .vxe-footer--column {
1072
+ position: relative;
1073
+ line-height: var(--vxe-ui-table-row-line-height);
1074
+ text-align: left;
1075
+ &.col--current {
1076
+ background-color: var(--vxe-ui-table-column-current-background-color);
1077
+ // .vxe-tree--btn-wrapper {
1078
+ // background-color: var(--vxe-ui-table-column-current-background-color);
1079
+ // }
1080
+ }
1081
+ &.col--center {
1082
+ text-align: center;
1083
+ & > .vxe-cell {
1084
+ justify-content: center;
1085
+ }
1086
+ }
1087
+ &.col--right {
1088
+ text-align: right;
1089
+ & > .vxe-cell {
1090
+ justify-content: right;
1091
+ }
1092
+ }
1093
+ }
1094
+ // &.is--tree-line {
1095
+ // .vxe-header--column,
1096
+ // .vxe-body--column,
1097
+ // .vxe-footer--column {
1098
+ // &.col--current {
1099
+ // .vxe-tree--btn-wrapper {
1100
+ // background-color: var(--vxe-ui-table-column-current-background-color);
1101
+ // }
1102
+ // }
1103
+ // }
1104
+ // }
1105
+ .vxe-header--column,
1106
+ .vxe-footer--column {
1107
+ &.col--ellipsis {
1108
+ &.col--center {
1109
+ .vxe-cell{
1110
+ justify-content: center;
1111
+ }
1112
+ }
1113
+ &.col--right {
1114
+ .vxe-cell{
1115
+ justify-content: flex-end;
1116
+ }
1117
+ }
1118
+ }
1119
+ }
1120
+
1121
+ /*边框*/
1122
+ .vxe-table--footer-wrapper {
1123
+ border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1124
+ }
1125
+ &.border--default,
1126
+ &.border--full,
1127
+ &.border--outer,
1128
+ &.border--inner {
1129
+ .vxe-table--scroll-y-top-corner,
1130
+ .vxe-table--scroll-y-bottom-corner {
1131
+ &::before {
1132
+ content: "";
1133
+ position: absolute;
1134
+ top: 0;
1135
+ left: 0;
1136
+ width: 100%;
1137
+ height: 100%;
1138
+ z-index: 1;
1139
+ border-width: 0;
1140
+ border-style: solid;
1141
+ border-color: var(--vxe-ui-table-border-color);
1142
+ }
1143
+ }
1144
+ .vxe-table--scroll-y-top-corner {
1145
+ &::before {
1146
+ border-bottom-width: var(--vxe-ui-table-border-width);
1147
+ }
1148
+ }
1149
+ .vxe-table--scroll-y-bottom-corner {
1150
+ border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1151
+ }
1152
+ .vxe-table--scroll-x-wrapper {
1153
+ &::after {
1154
+ content: "";
1155
+ position: absolute;
1156
+ left: 0;
1157
+ width: 100%;
1158
+ height: 100%;
1159
+ z-index: 1;
1160
+ pointer-events: none;
1161
+ }
1162
+ }
1163
+ &.sx-pos--top {
1164
+ .vxe-table--scroll-x-wrapper {
1165
+ &::after {
1166
+ top: 0;
1167
+ border-bottom: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1168
+ }
1169
+ }
1170
+ }
1171
+ &.sx-pos--bottom {
1172
+ .vxe-table--scroll-x-wrapper {
1173
+ &::after {
1174
+ bottom: 0;
1175
+ height: calc(100% + var(--vxe-ui-table-border-width));
1176
+ border-top: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1177
+ }
1178
+ }
1179
+ }
1180
+ }
1181
+ &.border--default,
1182
+ &.border--none,
1183
+ &.border--outer,
1184
+ &.border--inner {
1185
+ .vxe-cell--col-resizable {
1186
+ &:before,
1187
+ &:after {
1188
+ content: "";
1189
+ display: inline-block;
1190
+ vertical-align: middle;
1191
+ }
1192
+ &:before {
1193
+ width: 1px;
1194
+ height: 50%;
1195
+ background-color: var(--vxe-ui-table-resizable-line-color);
1196
+ }
1197
+ &:after {
1198
+ width: 0;
1199
+ height: 100%;
1200
+ }
1201
+ }
1202
+ }
1203
+ &.border--default,
1204
+ &.border--full,
1205
+ &.border--outer {
1206
+ .vxe-table--header-wrapper {
1207
+ background-color: var(--vxe-ui-table-header-background-color);
1208
+ }
1209
+ }
1210
+ &.border--default,
1211
+ &.border--inner {
1212
+ .vxe-header--column,
1213
+ .vxe-body--column,
1214
+ .vxe-footer--column {
1215
+ background-image: linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color));
1216
+ background-repeat: no-repeat;
1217
+ background-size: 100% var(--vxe-ui-table-border-width);
1218
+ background-position: right bottom;
1219
+ }
1220
+ }
1221
+ &.border--default,
1222
+ &.border--full {
1223
+ .vxe-table--scroll-y-top-corner {
1224
+ &::before {
1225
+ border-left-width: var(--vxe-ui-table-border-width);
1226
+ border-right-width: var(--vxe-ui-table-border-width);
1227
+ }
1228
+ }
1229
+ .vxe-table--scroll-y-bottom-corner {
1230
+ &::before {
1231
+ border-left-width: var(--vxe-ui-table-border-width);
1232
+ border-right-width: var(--vxe-ui-table-border-width);
1233
+ }
1234
+ }
1235
+ &.sy-pos--right {
1236
+ .vxe-table--scroll-y-top-corner,
1237
+ .vxe-table--scroll-y-bottom-corner {
1238
+ &::before {
1239
+ width: calc(100% + 1px);
1240
+ left: -1px;
1241
+ }
1242
+ }
1243
+ }
1244
+ .vxe-table--scroll-y-wrapper {
1245
+ &::after {
1246
+ content: "";
1247
+ position: absolute;
1248
+ top: 0;
1249
+ width: 100%;
1250
+ height: 100%;
1251
+ z-index: 1;
1252
+ pointer-events: none;
1253
+ }
1254
+ }
1255
+ &.sy-pos--left {
1256
+ .vxe-table--scroll-y-wrapper {
1257
+ &::after {
1258
+ left: 0;
1259
+ border-right: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1260
+ }
1261
+ }
1262
+ }
1263
+ &.sy-pos--right {
1264
+ .vxe-table--scroll-y-wrapper {
1265
+ &::after {
1266
+ right: 0;
1267
+ width: calc(100% + var(--vxe-ui-table-border-width));
1268
+ border-left: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1269
+ }
1270
+ }
1271
+ }
1272
+ }
1273
+ &.border--full {
1274
+ .vxe-header--column,
1275
+ .vxe-body--column,
1276
+ .vxe-footer--column {
1277
+ background-image: linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color)), linear-gradient(var(--vxe-ui-table-border-color), var(--vxe-ui-table-border-color));
1278
+ background-repeat: no-repeat;
1279
+ background-size: var(--vxe-ui-table-border-width) 100%, 100% var(--vxe-ui-table-border-width);
1280
+ background-position: right top, right bottom;
1281
+ }
1282
+ .vxe-body--column{
1283
+ &:hover {
1284
+ color: var(--vxe-ui-font-primary-color) !important;
1285
+ }
1286
+ }
1287
+ .vxe-table--fixed-left-wrapper {
1288
+ // border-right: 1px solid var(--vxe-ui-table-border-color);
1289
+ .vxe-body--column{
1290
+ border-right-color: var(--vxe-ui-table-border-color);
1291
+ }
1292
+ }
1293
+ }
1294
+ &.border--inner,
1295
+ &.border--none {
1296
+ .vxe-table--header-wrapper {
1297
+ background-color: var(--vxe-ui-table-header-background-color);
1298
+ }
1299
+ .vxe-table--fixed-left-wrapper {
1300
+ border-right: 0;
1301
+ }
1302
+ }
1303
+ &.border--inner {
1304
+ .vxe-table--border-line {
1305
+ border-width: 0 0 1px 0;
1306
+ }
1307
+ }
1308
+ &.border--none {
1309
+ .vxe-table--border-line {
1310
+ display: none;
1311
+ }
1312
+ }
1313
+
1314
+ &.size--medium {
1315
+ font-size: var(--vxe-ui-font-size-medium);
1316
+ .vxe-table--empty-placeholder,
1317
+ .vxe-table--empty-block {
1318
+ min-height: var(--vxe-ui-table-row-height-medium);
1319
+ }
1320
+ .vxe-header--column,
1321
+ .vxe-body--column,
1322
+ .vxe-footer--column {
1323
+ &.is--padding {
1324
+ .vxe-cell {
1325
+ padding: var(--vxe-ui-table-cell-padding-medium);
1326
+ .vxe-default-textarea {
1327
+ padding: var(--vxe-ui-table-cell-padding-medium);
1328
+ }
1329
+ }
1330
+ }
1331
+ }
1332
+ .vxe-cell {
1333
+ .vxe-default-input,
1334
+ .vxe-default-textarea,
1335
+ .vxe-default-select {
1336
+ height: var(--vxe-ui-input-height-medium);
1337
+ }
1338
+ .vxe-default-input {
1339
+ &[type="date"]::-webkit-inner-spin-button {
1340
+ margin-top: 3px;
1341
+ }
1342
+ }
1343
+ }
1344
+ .vxe-cell--valid-error-tip {
1345
+ padding: 0 var(--vxe-ui-table-cell-padding-medium);
1346
+ }
1347
+ }
1348
+ &.size--small {
1349
+ font-size: var(--vxe-ui-font-size-small);
1350
+ .vxe-table--empty-placeholder,
1351
+ .vxe-table--empty-block {
1352
+ min-height: var(--vxe-ui-table-row-height-small);
1353
+ }
1354
+ .vxe-header--column,
1355
+ .vxe-body--column,
1356
+ .vxe-footer--column {
1357
+ &.is--padding {
1358
+ .vxe-cell {
1359
+ padding: var(--vxe-ui-table-cell-padding-small);
1360
+ .vxe-default-textarea {
1361
+ padding: var(--vxe-ui-table-cell-padding-small);
1362
+ }
1363
+ }
1364
+ }
1365
+ }
1366
+ .vxe-cell {
1367
+ .vxe-default-input,
1368
+ .vxe-default-textarea,
1369
+ .vxe-default-select {
1370
+ height: var(--vxe-ui-input-height-small);
1371
+ }
1372
+ .vxe-default-input {
1373
+ &[type="date"]::-webkit-inner-spin-button {
1374
+ margin-top: 2px;
1375
+ }
1376
+ }
1377
+ }
1378
+ .vxe-cell--valid-error-tip {
1379
+ padding: 0 var(--vxe-ui-table-cell-padding-small);
1380
+ }
1381
+ }
1382
+ &.size--mini {
1383
+ font-size: var(--vxe-ui-font-size-mini);
1384
+ .vxe-table--empty-placeholder,
1385
+ .vxe-table--empty-block {
1386
+ min-height: var(--vxe-ui-table-row-height-mini);
1387
+ }
1388
+ .vxe-header--column,
1389
+ .vxe-body--column,
1390
+ .vxe-footer--column {
1391
+ &.is--padding {
1392
+ .vxe-cell {
1393
+ padding: var(--vxe-ui-table-cell-padding-mini);
1394
+ .vxe-default-textarea {
1395
+ padding: var(--vxe-ui-table-cell-padding-mini);
1396
+ }
1397
+ }
1398
+ }
1399
+ }
1400
+ .vxe-cell {
1401
+ .vxe-default-input,
1402
+ .vxe-default-textarea,
1403
+ .vxe-default-select {
1404
+ height: var(--vxe-ui-input-height-mini);
1405
+ }
1406
+ .vxe-default-input {
1407
+ &[type="date"]::-webkit-inner-spin-button {
1408
+ margin-top: 1px;
1409
+ }
1410
+ }
1411
+ }
1412
+ .vxe-cell--valid-error-tip {
1413
+ padding: 0 var(--vxe-ui-table-cell-padding-mini);
1414
+ }
1415
+ }
1416
+
1417
+ .vxe-header--column,
1418
+ .vxe-body--column,
1419
+ .vxe-footer--column {
1420
+ &.is--padding {
1421
+ .vxe-cell {
1422
+ padding: var(--vxe-ui-table-cell-padding-default);
1423
+ .vxe-default-textarea {
1424
+ padding: var(--vxe-ui-table-cell-padding-default);
1425
+ }
1426
+ }
1427
+ }
1428
+ }
1429
+
1430
+ .vxe-cell {
1431
+ white-space: pre-line;
1432
+ word-break: break-all;
1433
+ }
1434
+
1435
+ // 单元格占位符
1436
+ .vxe-cell--placeholder {
1437
+ color: var(--vxe-ui-table-cell-placeholder-color);
1438
+ }
1439
+
1440
+ // 单选框和复选框
1441
+ .vxe-cell--radio {
1442
+ @include baseMixin.createRadioIcon();
1443
+ }
1444
+ .vxe-cell--checkbox {
1445
+ @include baseMixin.createCheckboxIcon();
1446
+ }
1447
+
1448
+ .fixed--hidden {
1449
+ visibility: hidden;
1450
+ }
1451
+ .vxe-table--fixed-left-wrapper,
1452
+ .vxe-table--fixed-right-wrapper {
1453
+ width: 100%;
1454
+ position: absolute;
1455
+ top: 0;
1456
+ z-index: 5;
1457
+ overflow: hidden;
1458
+ background-color: inherit;
1459
+ transition: 0.3s box-shadow;
1460
+ outline: 0;
1461
+ background-color: var(--vxe-ui-layout-background-color);
1462
+ .vxe-table--body-wrapper {
1463
+ outline: 0;
1464
+ }
1465
+ }
1466
+ .vxe-table--fixed-left-wrapper {
1467
+ .vxe-table--body-wrapper {
1468
+ width: calc(100% + 40px);
1469
+ }
1470
+ }
1471
+ &.is--header {
1472
+ .vxe-table--fixed-left-wrapper,
1473
+ .vxe-table--fixed-right-wrapper {
1474
+ .vxe-table--body-wrapper {
1475
+ &:before {
1476
+ display: none;
1477
+ }
1478
+ }
1479
+ }
1480
+ }
1481
+ .vxe-table--fixed-left-wrapper {
1482
+ left: 0;
1483
+ width: 200px;
1484
+ &.scrolling--middle {
1485
+ box-shadow: var(--vxe-ui-table-fixed-left-scrolling-box-shadow);
1486
+ }
1487
+ }
1488
+ .vxe-table--fixed-right-wrapper {
1489
+ right: 0;
1490
+ &.scrolling--middle {
1491
+ box-shadow: var(--vxe-ui-table-fixed-right-scrolling-box-shadow);
1492
+ }
1493
+ }
1494
+ .vxe-table--header-wrapper,
1495
+ .vxe-table--body-wrapper,
1496
+ .vxe-table--footer-wrapper {
1497
+ position: relative;
1498
+ width: 100%;
1499
+ &.fixed-left--wrapper,
1500
+ &.fixed-right--wrapper {
1501
+ position: absolute;
1502
+ top: 0;
1503
+ outline: 0;
1504
+ }
1505
+ &.fixed-left--wrapper {
1506
+ left: 0;
1507
+ }
1508
+ &.fixed-right--wrapper {
1509
+ right: 0;
1510
+ }
1511
+ }
1512
+ .vxe-body--x-space {
1513
+ width: 100%;
1514
+ height: 1px;
1515
+ margin-bottom: -1px;
1516
+ }
1517
+ .vxe-body--y-space {
1518
+ width: 0;
1519
+ float: left;
1520
+ }
1521
+
1522
+ .vxe-table--resizable-row-bar,
1523
+ .vxe-table--resizable-col-bar {
1524
+ display: none;
1525
+ position: absolute;
1526
+ top: 0;
1527
+ left: 0;
1528
+ z-index: 9;
1529
+ pointer-events: none;
1530
+ user-select: none;
1531
+ &:before {
1532
+ content: "";
1533
+ display: block;
1534
+ background-color: var(--vxe-ui-table-resizable-drag-line-color);
1535
+ }
1536
+ .vxe-table--resizable-number-tip {
1537
+ position: absolute;
1538
+ padding: 0.25em 0.25em;
1539
+ font-size: 12px;
1540
+ border-radius: var(--vxe-ui-border-radius);
1541
+ white-space: nowrap;
1542
+ color: #ffffff;
1543
+ background-color: var(--vxe-ui-table-resizable-drag-line-color);
1544
+ user-select: none;
1545
+ pointer-events: none;
1546
+ }
1547
+ }
1548
+
1549
+ /*列宽线*/
1550
+ .vxe-table--resizable-col-bar {
1551
+ width: 1px;
1552
+ height: 100%;
1553
+ cursor: col-resize;
1554
+ &:before {
1555
+ width: 1px;
1556
+ height: 100%;
1557
+ }
1558
+ .vxe-table--resizable-number-tip {
1559
+ left: 0;
1560
+ top: 1em;
1561
+ }
1562
+ }
1563
+
1564
+ // 行高线
1565
+ .vxe-table--resizable-row-bar {
1566
+ height: 1px;
1567
+ width: 100%;
1568
+ cursor: row-resize;
1569
+ &:before {
1570
+ height: 1px;
1571
+ width: 100%;
1572
+ }
1573
+ .vxe-table--resizable-number-tip {
1574
+ top: 0;
1575
+ left: 0;
1576
+ }
1577
+ }
1578
+
1579
+ /*边框线*/
1580
+ .vxe-table--border-line {
1581
+ position: absolute;
1582
+ top: 0;
1583
+ left: 0;
1584
+ width: 100%;
1585
+ height: 100%;
1586
+ z-index: 10;
1587
+ pointer-events: none;
1588
+ border: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1589
+ }
1590
+
1591
+ /*树形节点*/
1592
+ // &.is--tree-line {
1593
+ // .vxe-body--row {
1594
+ // &:first-child {
1595
+ // .vxe-tree--line {
1596
+ // border-width: 0 0 1px 0;
1597
+ // }
1598
+ // }
1599
+ // }
1600
+ // .vxe-body--row {
1601
+ // .vxe-body--column {
1602
+ // background-image: none;
1603
+ // }
1604
+ // }
1605
+ // }
1606
+ .vxe-tree--line-wrapper {
1607
+ position: relative;
1608
+ display: block;
1609
+ height: 0;
1610
+ }
1611
+ .vxe-tree--line {
1612
+ content: "";
1613
+ position: absolute;
1614
+ bottom: -1.5em;
1615
+ width: 0.8em;
1616
+ border-width: 0 0 1px 1px;
1617
+ border-style: var(--vxe-ui-table-tree-node-line-style);
1618
+ border-color: var(--vxe-ui-table-tree-node-line-color);
1619
+ pointer-events: none;
1620
+ }
1621
+ .vxe-cell--tree-node {
1622
+ position: relative;
1623
+ }
1624
+ .vxe-cell--tree-btn {
1625
+ position: absolute ;
1626
+ }
1627
+ .vxe-tree--btn-wrapper {
1628
+ position: absolute;
1629
+ top: 50%;
1630
+ width: 1em;
1631
+ height: 1em;
1632
+ text-align: center;
1633
+ transform: translateY(-50%);
1634
+ z-index: 1;
1635
+ user-select: none;
1636
+ cursor: pointer;
1637
+ // & > i {
1638
+ // background-color: var(--vxe-ui-layout-background-color); // 影响选择行相关
1639
+ // }
1640
+ }
1641
+ .vxe-tree--node-btn {
1642
+ //display: block;
1643
+ //color: var(--vxe-ui-font-lighten-color);
1644
+ //@include baseMixin.createAnimationTransition(transform);
1645
+ //&:hover {
1646
+ // color: var(--vxe-ui-font-primary-color) !important;
1647
+ //}
1648
+ }
1649
+ .vxe-tree-cell {
1650
+ display: block;
1651
+ padding-left: 1.5em;
1652
+ }
1653
+
1654
+ /*单元格高度*/
1655
+ .vxe-body--column {
1656
+ &.col--ellipsis {
1657
+ & > .vxe-cell {
1658
+ .vxe-tree-cell {
1659
+ overflow: hidden;
1660
+ text-overflow: ellipsis;
1661
+ white-space: nowrap;
1662
+ }
1663
+ }
1664
+ }
1665
+ &.col--cs-height,
1666
+ &.col--rs-height,
1667
+ &.col--auto-height {
1668
+ overflow: hidden;
1669
+ &.col--tree-node,
1670
+ &.col--valid-error {
1671
+ overflow: unset;
1672
+ }
1673
+ & > .vxe-cell {
1674
+ overflow: hidden;
1675
+ }
1676
+ }
1677
+ & > .vxe-cell {
1678
+ display: flex;
1679
+ flex-direction: row;
1680
+ align-items: center;
1681
+ }
1682
+ }
1683
+ /*溢出列*/
1684
+ .vxe-header--column,
1685
+ .vxe-body--column,
1686
+ .vxe-footer--column {
1687
+ &:not(.col--active) {
1688
+ &.col--ellipsis {
1689
+ & > .vxe-cell {
1690
+ overflow: hidden;
1691
+ & > .vxe-cell--wrapper {
1692
+ overflow: hidden;
1693
+ text-overflow: ellipsis;
1694
+ white-space: nowrap;
1695
+ }
1696
+ }
1697
+ }
1698
+ &.vxe-tree-cell,
1699
+ &.col--vertical-top {
1700
+ & > .vxe-cell {
1701
+ & > .vxe-cell--wrapper {
1702
+ white-space: pre-line;
1703
+ }
1704
+ }
1705
+ }
1706
+ }
1707
+ }
1708
+ .vxe-header--column,
1709
+ .vxe-footer--column {
1710
+ &.col--ellipsis {
1711
+ & > .vxe-cell {
1712
+ .vxe-cell--wrapper {
1713
+ overflow: hidden;
1714
+ text-overflow: ellipsis;
1715
+ white-space: nowrap;
1716
+ }
1717
+ }
1718
+ }
1719
+ & > .vxe-cell {
1720
+ display: flex;
1721
+ flex-direction: row;
1722
+ align-items: center;
1723
+ }
1724
+ }
1725
+
1726
+ /*展开行*/
1727
+ .vxe-table--row-expanded-wrapper {
1728
+ position: absolute;
1729
+ top: 0;
1730
+ left: 0;
1731
+ width: 100%;
1732
+ height: 100%;
1733
+ overflow: hidden;
1734
+ pointer-events: none;
1735
+ }
1736
+ .vxe-body--row-expanded-cell {
1737
+ position: absolute;
1738
+ z-index: 5;
1739
+ top: 0;
1740
+ left: 0;
1741
+ width: 100%;
1742
+ overflow: auto;
1743
+ background-color: var(--vxe-ui-layout-background-color);
1744
+ pointer-events: all;
1745
+ &.is--padding {
1746
+ padding: var(--vxe-ui-table-expand-padding-default);
1747
+ }
1748
+ }
1749
+ .vxe-body--row-expanded-place-column {
1750
+ border-bottom: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1751
+ border-right: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1752
+ }
1753
+ .vxe-table--expanded {
1754
+ cursor: pointer;
1755
+ .vxe-table--expand-btn {
1756
+ display: inline-block;
1757
+ width: 1em;
1758
+ height: 1em;
1759
+ text-align: center;
1760
+ user-select: none;
1761
+ color: var(--vxe-ui-font-lighten-color);
1762
+ @include baseMixin.createAnimationTransition(transform);
1763
+ &:hover {
1764
+ color: var(--vxe-ui-font-color);
1765
+ }
1766
+ }
1767
+ &+.vxe-table--expand-label {
1768
+ padding-left: 0.5em;
1769
+ }
1770
+ }
1771
+ .vxe-body--expanded-row {
1772
+ &.is--padding {
1773
+ & > .vxe-body--expanded-column {
1774
+ & > .vxe-body--expanded-cell {
1775
+ padding: var(--vxe-ui-table-expand-padding-default);
1776
+ }
1777
+ }
1778
+ }
1779
+ }
1780
+ .vxe-body--expanded-column {
1781
+ border-bottom: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1782
+ border-right: var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color);
1783
+ &.col--ellipsis {
1784
+ & > .vxe-body--expanded-cell {
1785
+ overflow: hidden;
1786
+ text-overflow: ellipsis;
1787
+ white-space: nowrap;
1788
+ }
1789
+ }
1790
+ }
1791
+ .vxe-body--expanded-cell {
1792
+ position: relative;
1793
+ z-index: 1;
1794
+ &.is--ellipsis {
1795
+ overflow: auto;
1796
+ outline: 0;
1797
+ }
1798
+ }
1799
+
1800
+ /*拖拽列*/
1801
+ .vxe-table--drag-col-line {
1802
+ height: 100%;
1803
+ width: 1px;
1804
+ border: 2px solid transparent;
1805
+ &[drag-pos="left"] {
1806
+ border-left-color: var(--vxe-ui-font-primary-color);
1807
+ }
1808
+ &[drag-pos="right"] {
1809
+ border-right-color: var(--vxe-ui-font-primary-color);
1810
+ }
1811
+ &[drag-to-child="y"] {
1812
+ border-left-color: transparent;
1813
+ border-right-color: transparent;
1814
+ border-bottom-color: var(--vxe-ui-status-success-color);
1815
+ }
1816
+ &.is--guides {
1817
+ background-color: var( --vxe-ui-table-drag-over-background-color);
1818
+ }
1819
+ }
1820
+ .vxe-header--column,
1821
+ .vxe-body--column,
1822
+ .vxe-footer--column {
1823
+ &.col--drag-origin {
1824
+ & > .vxe-cell {
1825
+ opacity: 0.5;
1826
+ }
1827
+ }
1828
+ }
1829
+ .vxe-header--col-list-move {
1830
+ transition-property: transform;
1831
+ transition-duration: 0.35s;
1832
+ }
1833
+
1834
+ .vxe-table--drag-col-line,
1835
+ .vxe-table--drag-row-line {
1836
+ display: none;
1837
+ position: absolute;
1838
+ top: 0;
1839
+ left: 0;
1840
+ z-index: 11;
1841
+ pointer-events: none;
1842
+ }
1843
+ .vxe-cell--drag-handle {
1844
+ user-select: none;
1845
+ & + span {
1846
+ padding-left: 0.5em;
1847
+ }
1848
+ &:not(.is--disabled) {
1849
+ cursor: grab;
1850
+ &:active {
1851
+ cursor: grabbing;
1852
+ }
1853
+ &:hover {
1854
+ color: var(--vxe-ui-font-primary-color);
1855
+ }
1856
+ }
1857
+ &.is--disabled {
1858
+ color: var(--vxe-ui-input-disabled-color);
1859
+ cursor: not-allowed;
1860
+ }
1861
+ }
1862
+
1863
+ /*拖拽行*/
1864
+ .vxe-table--drag-row-line {
1865
+ width: 100%;
1866
+ height: 1px;
1867
+ border: 2px solid transparent;
1868
+ &[drag-pos="top"] {
1869
+ border-top-color: var(--vxe-ui-font-primary-color);
1870
+ }
1871
+ &[drag-pos="bottom"] {
1872
+ border-bottom-color: var(--vxe-ui-font-primary-color);
1873
+ }
1874
+ &[drag-to-child="y"] {
1875
+ border-top-color: transparent;
1876
+ border-bottom-color: transparent;
1877
+ border-left-color: var(--vxe-ui-status-success-color);
1878
+ }
1879
+ &.is--guides {
1880
+ background-color: var( --vxe-ui-table-drag-over-background-color);
1881
+ }
1882
+ }
1883
+ .vxe-body--row {
1884
+ &.row--drag-origin {
1885
+ & > .vxe-body--column {
1886
+ & > .vxe-cell {
1887
+ opacity: 0.5;
1888
+ }
1889
+ }
1890
+ }
1891
+ }
1892
+ .vxe-body--column {
1893
+ &.is--drag-cell {
1894
+ user-select: none;
1895
+ &:not(.is--drag-disabled) {
1896
+ cursor: grab;
1897
+ &:active {
1898
+ cursor: grabbing;
1899
+ }
1900
+ &:hover {
1901
+ color: var(--vxe-ui-font-primary-color);
1902
+ }
1903
+ }
1904
+ &.is--drag-disabled {
1905
+ color: var(--vxe-ui-input-disabled-color);
1906
+ cursor: not-allowed;
1907
+ }
1908
+ }
1909
+ }
1910
+ .vxe-body--row-list-move {
1911
+ transition-property: transform;
1912
+ transition-duration: 0.35s;
1913
+ }
1914
+ .vxe-table--drag-sort-tip {
1915
+ display: none;
1916
+ position: absolute;
1917
+ top: 0;
1918
+ left: 0;
1919
+ padding: 0.6em 1.4em;
1920
+ max-width: 50%;
1921
+ min-width: 100px;
1922
+ border-radius: var(--vxe-ui-border-radius);
1923
+ overflow: hidden;
1924
+ text-overflow: ellipsis;
1925
+ white-space: nowrap;
1926
+ user-select: none;
1927
+ pointer-events: none;
1928
+ background-color: var(--vxe-ui-layout-background-color);
1929
+ box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
1930
+ z-index: 33;
1931
+ &[drag-status="normal"] {
1932
+ .vxe-table--drag-sort-tip-normal-status {
1933
+ display: block;
1934
+ }
1935
+ }
1936
+ &[drag-status="sub"] {
1937
+ .vxe-table--drag-sort-tip-sub-status {
1938
+ display: block;
1939
+ }
1940
+ }
1941
+ &[drag-status="disabled"] {
1942
+ .vxe-table--drag-sort-tip-disabled-status {
1943
+ display: block;
1944
+ }
1945
+ }
1946
+ }
1947
+ .vxe-table--drag-sort-tip-wrapper {
1948
+ display: flex;
1949
+ flex-direction: row;
1950
+ align-items: center;
1951
+ }
1952
+ .vxe-table--drag-sort-tip-status {
1953
+ padding-right: 0.4em;
1954
+ }
1955
+ .vxe-table--drag-sort-tip-disabled-status {
1956
+ display: none;
1957
+ flex-shrink: 0;
1958
+ color: var(--vxe-ui-status-error-color)
1959
+ }
1960
+ .vxe-table--drag-sort-tip-normal-status,
1961
+ .vxe-table--drag-sort-tip-sub-status {
1962
+ display: none;
1963
+ }
1964
+ .vxe-table--drag-sort-tip-content {
1965
+ flex-grow: 1;
1966
+ overflow: hidden;
1967
+ text-overflow: ellipsis;
1968
+ white-space: nowrap;
1969
+ }
1970
+
1971
+ &.size--medium {
1972
+ .vxe-cell--checkbox {
1973
+ font-size: var(--vxe-checkbox-font-size-medium);
1974
+ }
1975
+ .vxe-cell--radio {
1976
+ font-size: var(--vxe-radio-font-size-medium);
1977
+ }
1978
+ }
1979
+ &.size--small {
1980
+ .vxe-cell--checkbox {
1981
+ font-size: var(--vxe-checkbox-font-size-small);
1982
+ }
1983
+ .vxe-cell--radio {
1984
+ font-size: var(--vxe-radio-font-size-small);
1985
+ }
1986
+ }
1987
+ &.size--mini {
1988
+ .vxe-cell--checkbox {
1989
+ font-size: var(--vxe-checkbox-font-size-mini);
1990
+ }
1991
+ .vxe-cell--radio {
1992
+ font-size: var(--vxe-radio-font-size-mini);
1993
+ }
1994
+ }
1995
+
1996
+ /*暂无数据*/
1997
+ .vxe-table--empty-placeholder,
1998
+ .vxe-table--empty-block {
1999
+ color: var(--vxe-ui-input-placeholder-color);
2000
+ min-height: var(--vxe-ui-table-row-height-default);
2001
+ justify-content: center;
2002
+ align-items: center;
2003
+ text-align: center;
2004
+ overflow: hidden;
2005
+ width: 100%;
2006
+ pointer-events: none;
2007
+ outline: 0;
2008
+ }
2009
+ .vxe-table--empty-block {
2010
+ display: none;
2011
+ visibility: hidden;
2012
+ }
2013
+ .vxe-table--empty-placeholder {
2014
+ display: none;
2015
+ position: absolute;
2016
+ top: 0;
2017
+ z-index: 5;
2018
+ }
2019
+ .vxe-table--empty-content {
2020
+ display: block;
2021
+ width: 50%;
2022
+ pointer-events: auto;
2023
+ }
2024
+ &.is--empty {
2025
+ .vxe-table--empty-block,
2026
+ .vxe-table--empty-placeholder {
2027
+ display: flex;
2028
+ }
2029
+ }
2030
+
2031
+ .vxe-body--column {
2032
+ &.col--selected {
2033
+ box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-font-primary-color);
2034
+ }
2035
+ }
2036
+
2037
+ /*校验不通过*/
2038
+ .vxe-body--column {
2039
+ .vxe-cell--valid-error-tip {
2040
+ width: 100%;
2041
+ position: absolute;
2042
+ left: 50%;
2043
+ font-size: 12px;
2044
+ line-height: 1.2em;
2045
+ transform: translateX(-50%);
2046
+ text-align: left;
2047
+ z-index: 4;
2048
+ padding: 0 var(--vxe-ui-table-cell-padding-default);
2049
+ }
2050
+ .vxe-cell--valid-error-wrapper {
2051
+ display: inline-block;
2052
+ border-radius: var(--vxe-ui-border-radius);
2053
+ pointer-events: auto;
2054
+ }
2055
+ .vxe-cell--valid-error-theme-beautify {
2056
+ padding: 0.2em 0.6em 0.3em 0.6em;
2057
+ color: #fff;
2058
+ background-color: var(--vxe-ui-table-validate-error-color);
2059
+ .vxe-cell--valid-error-msg {
2060
+ background: transparent;
2061
+ }
2062
+ }
2063
+ .vxe-cell--valid-error-theme-normal {
2064
+ color: var(--vxe-ui-table-validate-error-color);
2065
+ background-color: var(--vxe-ui-table-validate-error-background-color);
2066
+ }
2067
+ &.col--active,
2068
+ &.col--selected {
2069
+ position: relative;
2070
+ }
2071
+ &.col--valid-error {
2072
+ .vxe-default-input,
2073
+ .vxe-default-textarea,
2074
+ .vxe-default-select {
2075
+ border-color: var(--vxe-ui-table-validate-error-color);
2076
+ }
2077
+ .vxe-input,
2078
+ .vxe-ico-picker {
2079
+ border-color: var(--vxe-ui-table-validate-error-color);
2080
+ }
2081
+ }
2082
+ }
2083
+ &.valid-msg--single {
2084
+ .vxe-body--row {
2085
+ &:last-child {
2086
+ .vxe-cell--valid-error-tip {
2087
+ bottom: calc(100%);
2088
+ }
2089
+ &:first-child {
2090
+ .vxe-cell--valid-error-tip {
2091
+ bottom: auto;
2092
+ }
2093
+ }
2094
+ }
2095
+ }
2096
+ }
2097
+ &.valid-msg--full {
2098
+ .vxe-body--row {
2099
+ &:last-child {
2100
+ .vxe-cell--valid-error-tip {
2101
+ top: calc(100% - 1.3em);
2102
+ }
2103
+ }
2104
+ }
2105
+ }
2106
+ /*已废弃，旧的校验样式**/
2107
+ &.old-cell-valid {
2108
+ .vxe-body--column {
2109
+ &.col--valid-error {
2110
+ .vxe-cell--valid-error-tip {
2111
+ width: 320px;
2112
+ position: absolute;
2113
+ bottom: calc(100% + 4px);
2114
+ left: 50%;
2115
+ transform: translateX(-50%);
2116
+ text-align: center;
2117
+ pointer-events: none;
2118
+ z-index: 4;
2119
+ .vxe-cell--valid-error-msg {
2120
+ display: inline-block;
2121
+ border-radius: -var(-vxe-border-radius);
2122
+ padding: 8px 12px;
2123
+ color: #fff;
2124
+ background-color: #f56c6c;
2125
+ pointer-events: auto;
2126
+ }
2127
+ }
2128
+ }
2129
+ }
2130
+ .vxe-body--row {
2131
+ &:first-child {
2132
+ .vxe-cell--valid-error-tip {
2133
+ bottom: auto;
2134
+ top: calc(100% + 4px);
2135
+ }
2136
+ }
2137
+ }
2138
+ .vxe-body--column {
2139
+ &:first-child {
2140
+ .vxe-cell--valid-error-tip {
2141
+ left: 10px;
2142
+ transform: translateX(0);
2143
+ text-align: left;
2144
+ }
2145
+ }
2146
+ }
2147
+ }
2148
+
2149
+ /*单元格标记删除状态*/
2150
+ .vxe-body--row {
2151
+ &.row--pending {
2152
+ color: var(--vxe-ui-table-validate-error-color);
2153
+ text-decoration: line-through;
2154
+ cursor: no-drop;
2155
+ .vxe-body--column {
2156
+ position: relative;
2157
+ &:after {
2158
+ content: "";
2159
+ position: absolute;
2160
+ top: 50%;
2161
+ left: 0;
2162
+ width: 100%;
2163
+ height: 0;
2164
+ border-bottom: 1px solid var(--vxe-ui-table-validate-error-color);
2165
+ z-index: 1;
2166
+ }
2167
+ }
2168
+ }
2169
+ }
2170
+
2171
+ /*单元格编辑状态*/
2172
+ .vxe-body--row {
2173
+ &.row--new {
2174
+ & > .vxe-body--column {
2175
+ position: relative;
2176
+ &:before {
2177
+ content: "";
2178
+ top: calc(var(--vxe-ui-table-cell-dirty-width) * -1);
2179
+ left: calc(var(--vxe-ui-table-cell-dirty-width) * -1);
2180
+ position: absolute;
2181
+ border-width: var(--vxe-ui-table-cell-dirty-width);
2182
+ border-style: solid;
2183
+ border-color: transparent var(--vxe-ui-table-cell-dirty-insert-color) transparent transparent;
2184
+ transform: rotate(45deg);
2185
+ }
2186
+ }
2187
+ }
2188
+ }
2189
+ .vxe-body--column {
2190
+ &.col--dirty {
2191
+ position: relative;
2192
+ &:before {
2193
+ content: "";
2194
+ top: calc(var(--vxe-ui-table-cell-dirty-width) * -1);
2195
+ left: calc(var(--vxe-ui-table-cell-dirty-width) * -1);
2196
+ position: absolute;
2197
+ border-width: var(--vxe-ui-table-cell-dirty-width);
2198
+ border-style: solid;
2199
+ border-color: transparent var(--vxe-ui-table-cell-dirty-update-color) transparent transparent;
2200
+ transform: rotate(45deg);
2201
+ }
2202
+ }
2203
+ }
2204
+
2205
+ /*可编辑*/
2206
+ &.vxe-editable {
2207
+ &.cell--highlight {
2208
+ .vxe-body--column {
2209
+ &.col--active {
2210
+ box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-font-primary-color);
2211
+ &.col--valid-error {
2212
+ box-shadow: inset 0px 0px 0px 2px var(--vxe-ui-table-validate-error-color);
2213
+ }
2214
+ .vxe-cell {
2215
+ .vxe-default-input,
2216
+ .vxe-default-textarea {
2217
+ border: 0;
2218
+ padding: 0;
2219
+ }
2220
+ .vxe-input {
2221
+ .vxe-input--inner {
2222
+ border: 0;
2223
+ padding-left: 0;
2224
+ }
2225
+ }
2226
+ }
2227
+ }
2228
+ }
2229
+ }
2230
+ .vxe-body--column {
2231
+ padding: 0;
2232
+ }
2233
+ }
2234
+ }
2235
+
2236
+ /*valid error*/
2237
+ div.vxe-table--tooltip-wrapper {
2238
+ &.vxe-table--valid-error {
2239
+ padding: 0;
2240
+ color: var(--vxe-ui-table-validate-error-color);
2241
+ background-color: var(--vxe-ui-table-validate-error-background-color);
2242
+ &.old-cell-valid {
2243
+ padding: 8px 12px;
2244
+ background-color: #f56c6c;
2245
+ color: #fff;
2246
+ }
2247
+ }
2248
+ }
2249
+
2250
+ /*footer*/
2251
+ .vxe-table--footer-wrapper {
2252
+ color: var(--vxe-ui-table-footer-font-color);
2253
+ &.body--wrapper{
2254
+ outline: 0;
2255
+ }
2256
+ }