@vtx/components 3.1.77 → 3.1.78

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 (306) hide show
  1. package/lib/_util/filterSpecialCharacters.js +44 -55
  2. package/lib/_util/filterSpecialCharacters.js.map +1 -1
  3. package/lib/_util/getComponentProps.js +4 -1
  4. package/lib/_util/getComponentProps.js.map +1 -1
  5. package/lib/_util/getToken.js +15 -7
  6. package/lib/_util/getToken.js.map +1 -1
  7. package/lib/_util/getUrlParam.js +8 -1
  8. package/lib/_util/getUrlParam.js.map +1 -1
  9. package/lib/_util/isFunction.js +1 -0
  10. package/lib/_util/isFunction.js.map +1 -1
  11. package/lib/_util/isObject.js +1 -0
  12. package/lib/_util/isObject.js.map +1 -1
  13. package/lib/_util/useColSize.js +12 -2
  14. package/lib/_util/useColSize.js.map +1 -1
  15. package/lib/_util/useInterval.js +3 -0
  16. package/lib/_util/useInterval.js.map +1 -1
  17. package/lib/_util/useSet.js +39 -23
  18. package/lib/_util/useSet.js.map +1 -1
  19. package/lib/config.js +2 -1
  20. package/lib/config.js.map +1 -1
  21. package/lib/index.js +29 -0
  22. package/lib/index.js.map +1 -1
  23. package/lib/style/index.less +2 -2
  24. package/lib/style/themes/compact.less +1 -1
  25. package/lib/style/themes/dark.less +9 -9
  26. package/lib/style/themes/default.less +7 -7
  27. package/lib/style/themes/index.less +1 -1
  28. package/lib/style/themes/variable.less +5 -5
  29. package/lib/vtx-color-picker/index.js +26 -9
  30. package/lib/vtx-color-picker/index.js.map +1 -1
  31. package/lib/vtx-color-picker/style/css.js +2 -0
  32. package/lib/vtx-color-picker/style/css.js.map +1 -1
  33. package/lib/vtx-color-picker/style/index.js +2 -0
  34. package/lib/vtx-color-picker/style/index.js.map +1 -1
  35. package/lib/vtx-combogrid/Combogrid.js +86 -46
  36. package/lib/vtx-combogrid/Combogrid.js.map +1 -1
  37. package/lib/vtx-combogrid/index.js +56 -30
  38. package/lib/vtx-combogrid/index.js.map +1 -1
  39. package/lib/vtx-combogrid/style/css.js +7 -0
  40. package/lib/vtx-combogrid/style/css.js.map +1 -1
  41. package/lib/vtx-combogrid/style/index.js +7 -0
  42. package/lib/vtx-combogrid/style/index.js.map +1 -1
  43. package/lib/vtx-datagrid/Alert.js +13 -4
  44. package/lib/vtx-datagrid/Alert.js.map +1 -1
  45. package/lib/vtx-datagrid/ColumnSetting.js +75 -36
  46. package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
  47. package/lib/vtx-datagrid/ResizeableTitle.js +15 -3
  48. package/lib/vtx-datagrid/ResizeableTitle.js.map +1 -1
  49. package/lib/vtx-datagrid/index.js +170 -100
  50. package/lib/vtx-datagrid/index.js.map +1 -1
  51. package/lib/vtx-datagrid/renderColumnButtons.js +38 -7
  52. package/lib/vtx-datagrid/renderColumnButtons.js.map +1 -1
  53. package/lib/vtx-datagrid/style/css.js +10 -0
  54. package/lib/vtx-datagrid/style/css.js.map +1 -1
  55. package/lib/vtx-datagrid/style/index.js +10 -0
  56. package/lib/vtx-datagrid/style/index.js.map +1 -1
  57. package/lib/vtx-date-picker/QdatePicker.js +51 -21
  58. package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
  59. package/lib/vtx-date-picker/generatePicker.js +65 -24
  60. package/lib/vtx-date-picker/generatePicker.js.map +1 -1
  61. package/lib/vtx-date-picker/index.js +7 -1
  62. package/lib/vtx-date-picker/index.js.map +1 -1
  63. package/lib/vtx-date-picker/style/css.js +1 -0
  64. package/lib/vtx-date-picker/style/css.js.map +1 -1
  65. package/lib/vtx-date-picker/style/index.js +1 -0
  66. package/lib/vtx-date-picker/style/index.js.map +1 -1
  67. package/lib/vtx-date-picker/style/index.less +39 -39
  68. package/lib/vtx-editor/index.js +28 -9
  69. package/lib/vtx-editor/index.js.map +1 -1
  70. package/lib/vtx-editor/style/css.js +1 -0
  71. package/lib/vtx-editor/style/css.js.map +1 -1
  72. package/lib/vtx-editor/style/index.js +1 -0
  73. package/lib/vtx-editor/style/index.js.map +1 -1
  74. package/lib/vtx-editor/style/index.less +8 -8
  75. package/lib/vtx-ellipsis-text/index.js +27 -14
  76. package/lib/vtx-ellipsis-text/index.js.map +1 -1
  77. package/lib/vtx-ellipsis-text/style/css.js +1 -0
  78. package/lib/vtx-ellipsis-text/style/css.js.map +1 -1
  79. package/lib/vtx-ellipsis-text/style/index.js +1 -0
  80. package/lib/vtx-ellipsis-text/style/index.js.map +1 -1
  81. package/lib/vtx-ellipsis-text/style/index.less +13 -13
  82. package/lib/vtx-export/index.js +61 -28
  83. package/lib/vtx-export/index.js.map +1 -1
  84. package/lib/vtx-export/style/css.js +5 -0
  85. package/lib/vtx-export/style/css.js.map +1 -1
  86. package/lib/vtx-export/style/index.js +5 -0
  87. package/lib/vtx-export/style/index.js.map +1 -1
  88. package/lib/vtx-export-async/History.js +93 -56
  89. package/lib/vtx-export-async/History.js.map +1 -1
  90. package/lib/vtx-export-async/index.js +97 -56
  91. package/lib/vtx-export-async/index.js.map +1 -1
  92. package/lib/vtx-export-async/style/css.js.map +1 -1
  93. package/lib/vtx-export-async/style/index.js.map +1 -1
  94. package/lib/vtx-export-async/util.js +13 -2
  95. package/lib/vtx-export-async/util.js.map +1 -1
  96. package/lib/vtx-form-layout/Card.js +33 -11
  97. package/lib/vtx-form-layout/Card.js.map +1 -1
  98. package/lib/vtx-form-layout/Divider.js +11 -5
  99. package/lib/vtx-form-layout/Divider.js.map +1 -1
  100. package/lib/vtx-form-layout/FormItem.js +33 -11
  101. package/lib/vtx-form-layout/FormItem.js.map +1 -1
  102. package/lib/vtx-form-layout/Pane.js +9 -3
  103. package/lib/vtx-form-layout/Pane.js.map +1 -1
  104. package/lib/vtx-form-layout/Row.js +8 -1
  105. package/lib/vtx-form-layout/Row.js.map +1 -1
  106. package/lib/vtx-form-layout/context.js +4 -1
  107. package/lib/vtx-form-layout/context.js.map +1 -1
  108. package/lib/vtx-form-layout/demo/Modal.less +43 -43
  109. package/lib/vtx-form-layout/index.js +24 -9
  110. package/lib/vtx-form-layout/index.js.map +1 -1
  111. package/lib/vtx-form-layout/style/css.js +7 -0
  112. package/lib/vtx-form-layout/style/css.js.map +1 -1
  113. package/lib/vtx-form-layout/style/index.js +7 -0
  114. package/lib/vtx-form-layout/style/index.js.map +1 -1
  115. package/lib/vtx-form-layout/style/index.less +216 -216
  116. package/lib/vtx-image/Image.js +113 -73
  117. package/lib/vtx-image/Image.js.map +1 -1
  118. package/lib/vtx-image/Preview.js +59 -30
  119. package/lib/vtx-image/Preview.js.map +1 -1
  120. package/lib/vtx-image/PreviewGroup.js +47 -17
  121. package/lib/vtx-image/PreviewGroup.js.map +1 -1
  122. package/lib/vtx-image/index.js +11 -4
  123. package/lib/vtx-image/index.js.map +1 -1
  124. package/lib/vtx-image/style/css.js +1 -0
  125. package/lib/vtx-image/style/css.js.map +1 -1
  126. package/lib/vtx-image/style/index.js +1 -0
  127. package/lib/vtx-image/style/index.js.map +1 -1
  128. package/lib/vtx-import/index.js +78 -45
  129. package/lib/vtx-import/index.js.map +1 -1
  130. package/lib/vtx-import/result.js +28 -10
  131. package/lib/vtx-import/result.js.map +1 -1
  132. package/lib/vtx-import/style/css.js +3 -0
  133. package/lib/vtx-import/style/css.js.map +1 -1
  134. package/lib/vtx-import/style/index.js +3 -0
  135. package/lib/vtx-import/style/index.js.map +1 -1
  136. package/lib/vtx-import/style/index.less +8 -8
  137. package/lib/vtx-import2/CheckResult.js +8 -1
  138. package/lib/vtx-import2/CheckResult.js.map +1 -1
  139. package/lib/vtx-import2/Content.js +33 -11
  140. package/lib/vtx-import2/Content.js.map +1 -1
  141. package/lib/vtx-import2/DownloadSvg.js +6 -1
  142. package/lib/vtx-import2/DownloadSvg.js.map +1 -1
  143. package/lib/vtx-import2/ImportResult.js +14 -7
  144. package/lib/vtx-import2/ImportResult.js.map +1 -1
  145. package/lib/vtx-import2/UploadSvg.js +6 -1
  146. package/lib/vtx-import2/UploadSvg.js.map +1 -1
  147. package/lib/vtx-import2/index.js +107 -52
  148. package/lib/vtx-import2/index.js.map +1 -1
  149. package/lib/vtx-import2/style/css.js +3 -0
  150. package/lib/vtx-import2/style/css.js.map +1 -1
  151. package/lib/vtx-import2/style/index.js +3 -0
  152. package/lib/vtx-import2/style/index.js.map +1 -1
  153. package/lib/vtx-import2/style/index.less +102 -102
  154. package/lib/vtx-input/TextArea.js +27 -10
  155. package/lib/vtx-input/TextArea.js.map +1 -1
  156. package/lib/vtx-input/index.js +45 -20
  157. package/lib/vtx-input/index.js.map +1 -1
  158. package/lib/vtx-input/style/css.js +1 -0
  159. package/lib/vtx-input/style/css.js.map +1 -1
  160. package/lib/vtx-input/style/index.js +1 -0
  161. package/lib/vtx-input/style/index.js.map +1 -1
  162. package/lib/vtx-input/style/index.less +24 -24
  163. package/lib/vtx-input/useLength.js +20 -7
  164. package/lib/vtx-input/useLength.js.map +1 -1
  165. package/lib/vtx-modal/Title.js +8 -2
  166. package/lib/vtx-modal/Title.js.map +1 -1
  167. package/lib/vtx-modal/index.js +82 -49
  168. package/lib/vtx-modal/index.js.map +1 -1
  169. package/lib/vtx-modal/style/css.js +1 -0
  170. package/lib/vtx-modal/style/css.js.map +1 -1
  171. package/lib/vtx-modal/style/index.js +1 -0
  172. package/lib/vtx-modal/style/index.js.map +1 -1
  173. package/lib/vtx-page-layout/Basic.js +8 -3
  174. package/lib/vtx-page-layout/Basic.js.map +1 -1
  175. package/lib/vtx-page-layout/Content.js +26 -15
  176. package/lib/vtx-page-layout/Content.js.map +1 -1
  177. package/lib/vtx-page-layout/Pane.js +12 -3
  178. package/lib/vtx-page-layout/Pane.js.map +1 -1
  179. package/lib/vtx-page-layout/TableLayout.js +60 -30
  180. package/lib/vtx-page-layout/TableLayout.js.map +1 -1
  181. package/lib/vtx-page-layout/TableWrap.js +22 -11
  182. package/lib/vtx-page-layout/TableWrap.js.map +1 -1
  183. package/lib/vtx-page-layout/container.js +51 -23
  184. package/lib/vtx-page-layout/container.js.map +1 -1
  185. package/lib/vtx-page-layout/index.js +10 -1
  186. package/lib/vtx-page-layout/index.js.map +1 -1
  187. package/lib/vtx-page-layout/style/css.js.map +1 -1
  188. package/lib/vtx-page-layout/style/index.js.map +1 -1
  189. package/lib/vtx-page-layout/style/index.less +138 -138
  190. package/lib/vtx-rps-frame/index.js +57 -37
  191. package/lib/vtx-rps-frame/index.js.map +1 -1
  192. package/lib/vtx-rps-frame/style/css.js.map +1 -1
  193. package/lib/vtx-rps-frame/style/index.js.map +1 -1
  194. package/lib/vtx-scrollable-row/index.js +64 -30
  195. package/lib/vtx-scrollable-row/index.js.map +1 -1
  196. package/lib/vtx-scrollable-row/style/css.js.map +1 -1
  197. package/lib/vtx-scrollable-row/style/index.js.map +1 -1
  198. package/lib/vtx-scrollable-row/style/index.less +113 -113
  199. package/lib/vtx-search/VtxCol.js +26 -7
  200. package/lib/vtx-search/VtxCol.js.map +1 -1
  201. package/lib/vtx-search/VtxRow.js +14 -7
  202. package/lib/vtx-search/VtxRow.js.map +1 -1
  203. package/lib/vtx-search/index.js +106 -61
  204. package/lib/vtx-search/index.js.map +1 -1
  205. package/lib/vtx-search/style/css.js +4 -0
  206. package/lib/vtx-search/style/css.js.map +1 -1
  207. package/lib/vtx-search/style/index.js +4 -0
  208. package/lib/vtx-search/style/index.js.map +1 -1
  209. package/lib/vtx-search-map-input/index.js +89 -56
  210. package/lib/vtx-search-map-input/index.js.map +1 -1
  211. package/lib/vtx-search-map-input/style/css.js +2 -0
  212. package/lib/vtx-search-map-input/style/css.js.map +1 -1
  213. package/lib/vtx-search-map-input/style/index.js +2 -0
  214. package/lib/vtx-search-map-input/style/index.js.map +1 -1
  215. package/lib/vtx-select/index.js +87 -37
  216. package/lib/vtx-select/index.js.map +1 -1
  217. package/lib/vtx-select/style/css.js +8 -0
  218. package/lib/vtx-select/style/css.js.map +1 -1
  219. package/lib/vtx-select/style/index.js +8 -0
  220. package/lib/vtx-select/style/index.js.map +1 -1
  221. package/lib/vtx-select/style/index.less +68 -68
  222. package/lib/vtx-signature/index.js +33 -18
  223. package/lib/vtx-signature/index.js.map +1 -1
  224. package/lib/vtx-signature/style/css.js +2 -0
  225. package/lib/vtx-signature/style/css.js.map +1 -1
  226. package/lib/vtx-signature/style/index.js +2 -0
  227. package/lib/vtx-signature/style/index.js.map +1 -1
  228. package/lib/vtx-signature/style/index.less +33 -33
  229. package/lib/vtx-split-pane/Pane.js +22 -11
  230. package/lib/vtx-split-pane/Pane.js.map +1 -1
  231. package/lib/vtx-split-pane/Resizer.js +39 -19
  232. package/lib/vtx-split-pane/Resizer.js.map +1 -1
  233. package/lib/vtx-split-pane/SplitPane.js +107 -51
  234. package/lib/vtx-split-pane/SplitPane.js.map +1 -1
  235. package/lib/vtx-split-pane/index.js +6 -1
  236. package/lib/vtx-split-pane/index.js.map +1 -1
  237. package/lib/vtx-split-pane/style/css.js +3 -0
  238. package/lib/vtx-split-pane/style/css.js.map +1 -1
  239. package/lib/vtx-split-pane/style/index.js +3 -0
  240. package/lib/vtx-split-pane/style/index.js.map +1 -1
  241. package/lib/vtx-split-pane/style/index.less +76 -76
  242. package/lib/vtx-statistics-column/Back.js +9 -2
  243. package/lib/vtx-statistics-column/Back.js.map +1 -1
  244. package/lib/vtx-statistics-column/Item.js +30 -14
  245. package/lib/vtx-statistics-column/Item.js.map +1 -1
  246. package/lib/vtx-statistics-column/Total.js +30 -14
  247. package/lib/vtx-statistics-column/Total.js.map +1 -1
  248. package/lib/vtx-statistics-column/context.js +4 -1
  249. package/lib/vtx-statistics-column/context.js.map +1 -1
  250. package/lib/vtx-statistics-column/index.js +18 -1
  251. package/lib/vtx-statistics-column/index.js.map +1 -1
  252. package/lib/vtx-statistics-column/style/css.js.map +1 -1
  253. package/lib/vtx-statistics-column/style/index.js.map +1 -1
  254. package/lib/vtx-statistics-column/style/index.less +59 -59
  255. package/lib/vtx-time-picker/index.js +18 -4
  256. package/lib/vtx-time-picker/index.js.map +1 -1
  257. package/lib/vtx-time-picker/style/css.js.map +1 -1
  258. package/lib/vtx-time-picker/style/index.js.map +1 -1
  259. package/lib/vtx-tree/index.js +114 -49
  260. package/lib/vtx-tree/index.js.map +1 -1
  261. package/lib/vtx-tree/style/css.js +2 -0
  262. package/lib/vtx-tree/style/css.js.map +1 -1
  263. package/lib/vtx-tree/style/index.js +2 -0
  264. package/lib/vtx-tree/style/index.js.map +1 -1
  265. package/lib/vtx-tree/style/index.less +53 -53
  266. package/lib/vtx-tree/utils.js +27 -6
  267. package/lib/vtx-tree/utils.js.map +1 -1
  268. package/lib/vtx-tree-select/index.js +71 -27
  269. package/lib/vtx-tree-select/index.js.map +1 -1
  270. package/lib/vtx-tree-select/style/css.js +3 -0
  271. package/lib/vtx-tree-select/style/css.js.map +1 -1
  272. package/lib/vtx-tree-select/style/index.js +3 -0
  273. package/lib/vtx-tree-select/style/index.js.map +1 -1
  274. package/lib/vtx-upload/FilePreview.js +33 -15
  275. package/lib/vtx-upload/FilePreview.js.map +1 -1
  276. package/lib/vtx-upload/index.js +169 -90
  277. package/lib/vtx-upload/index.js.map +1 -1
  278. package/lib/vtx-upload/style/css.js +7 -0
  279. package/lib/vtx-upload/style/css.js.map +1 -1
  280. package/lib/vtx-upload/style/index.js +7 -0
  281. package/lib/vtx-upload/style/index.js.map +1 -1
  282. package/lib/vtx-upload/style/index.less +61 -61
  283. package/lib/vtx-wang-editor/index.js +116 -74
  284. package/lib/vtx-wang-editor/index.js.map +1 -1
  285. package/lib/vtx-wang-editor/style/css.js +1 -0
  286. package/lib/vtx-wang-editor/style/css.js.map +1 -1
  287. package/lib/vtx-wang-editor/style/index.js +1 -0
  288. package/lib/vtx-wang-editor/style/index.js.map +1 -1
  289. package/lib/vtx-wang-editor/style/index.less +12 -12
  290. package/lib/vtx-wang-editor/wangEditorUtil.js +136 -75
  291. package/lib/vtx-wang-editor/wangEditorUtil.js.map +1 -1
  292. package/lib/vtx-ztree/index.js +119 -69
  293. package/lib/vtx-ztree/index.js.map +1 -1
  294. package/lib/vtx-ztree/style/css.js +1 -0
  295. package/lib/vtx-ztree/style/css.js.map +1 -1
  296. package/lib/vtx-ztree/style/index.js +1 -0
  297. package/lib/vtx-ztree/style/index.js.map +1 -1
  298. package/lib/vtx-ztree/style/index.less +45 -45
  299. package/lib/vtx-ztree-select/index.js +142 -73
  300. package/lib/vtx-ztree-select/index.js.map +1 -1
  301. package/lib/vtx-ztree-select/style/css.js +3 -0
  302. package/lib/vtx-ztree-select/style/css.js.map +1 -1
  303. package/lib/vtx-ztree-select/style/index.js +3 -0
  304. package/lib/vtx-ztree-select/style/index.js.map +1 -1
  305. package/lib/vtx-ztree-select/style/index.less +107 -107
  306. package/package.json +127 -126
package/lib/vtx-form-layout/style/index.less CHANGED
@@ -1,216 +1,216 @@
1
- @import (reference) '~antd/lib/style/themes/index.less';
2
-
3
- @view-item-margin-bottom: 16px;
4
-
5
- .vtx-form-layout {
6
- position: relative;
7
- display: flex;
8
- flex-flow: row wrap;
9
- width: 100%;
10
- padding: 0 @padding-lg;
11
- overflow: hidden;
12
- .vtx-form-item {
13
- .ant-form-item-label {
14
- text-overflow: ellipsis;
15
- label::after {
16
- content: '';
17
- }
18
- }
19
- &-vertical {
20
- flex-direction: column;
21
- .ant-form-item-row {
22
- flex-direction: column;
23
- margin-bottom: 20px;
24
- }
25
- .ant-form-item-label,
26
- .ant-form-item-control {
27
- line-height: @line-height-base;
28
- }
29
- .ant-form-item-label {
30
- margin-bottom: 8px;
31
- padding: 0 !important;
32
- white-space: initial;
33
- text-align: left;
34
- label {
35
- height: auto;
36
- }
37
- }
38
- }
39
- .ant-form-item-explain {
40
- font-size: @font-size-sm;
41
- }
42
- &--inline {
43
- flex: none;
44
- flex-direction: row;
45
- flex-wrap: nowrap;
46
- margin-right: 16px;
47
- margin-bottom: @view-item-margin-bottom !important;
48
- row-gap: 0;
49
- .ant-form-item-control-input {
50
- min-height: auto;
51
- }
52
- .ant-form-item-label {
53
- flex: none;
54
- margin-bottom: 0;
55
- & > label {
56
- height: auto;
57
- color: fade(@text-color, 65);
58
- }
59
- label::after {
60
- content: ':';
61
- }
62
- }
63
- }
64
- &--view {
65
- .ant-form-item-label,
66
- .ant-form-item-control {
67
- line-height: @line-height-base;
68
- }
69
- .ant-form-item-label {
70
- & > label {
71
- height: auto;
72
- color: fade(@text-color, 65);
73
- }
74
- label::after {
75
- content: ':';
76
- }
77
- }
78
- .ant-form-item-control {
79
- color: @text-color;
80
- .ant-form-item-control-input {
81
- min-height: auto;
82
- }
83
- }
84
- }
85
- }
86
- .vtx-form-item-col {
87
- .ant-form-item {
88
- margin-bottom: 20px;
89
- }
90
- .vtx-form-item--view {
91
- margin-bottom: 0;
92
- }
93
- .ant-form-item-with-help {
94
- margin-bottom: 0;
95
- }
96
- .ant-form-item-explain {
97
- min-height: 20px;
98
- }
99
- }
100
- .vtx-form-card {
101
- position: relative;
102
- width: 100%;
103
- overflow: hidden;
104
- &-expand-icon {
105
- color: fade(@text-color, 75%);
106
- transition: transform 0.24s, -webkit-transform 0.24s;
107
- }
108
- .ant-card-body {
109
- padding: 0;
110
- }
111
- .ant-card-head-wrapper,
112
- .ant-card-head-title {
113
- font-weight: bold;
114
- line-height: 1;
115
- }
116
- &-content {
117
- display: flex;
118
- flex-flow: row wrap;
119
- padding: 20px 24px;
120
- padding-bottom: 0;
121
- &::after {
122
- clear: both;
123
- }
124
- &::before,
125
- &::after {
126
- display: table;
127
- content: '';
128
- }
129
- }
130
- &-content-hide {
131
- display: none;
132
- }
133
- }
134
- .vtx-form-card + .vtx-form-card {
135
- margin-top: 20px;
136
- }
137
- .vtx-form-pane {
138
- position: relative;
139
- box-sizing: border-box;
140
- width: 100%;
141
- &::after {
142
- clear: both;
143
- }
144
- &::before,
145
- &::after {
146
- display: table;
147
- content: '';
148
- }
149
- &-title {
150
- margin-bottom: 16px;
151
- overflow: hidden;
152
- color: @text-color;
153
- font-weight: 500;
154
- line-height: @line-height-base;
155
- list-style: none;
156
- }
157
- &-content {
158
- display: flex;
159
- flex-flow: row wrap;
160
- &::after {
161
- clear: both;
162
- }
163
- &::before,
164
- &::after {
165
- display: table;
166
- content: '';
167
- }
168
- }
169
- }
170
- .vtx-form-divider {
171
- margin: 0;
172
- margin-bottom: 20px;
173
- &--small {
174
- margin-bottom: 16px;
175
- }
176
- }
177
- .vtx-form-tabs {
178
- width: 100%;
179
- .ant-tabs-bar {
180
- padding-right: @padding-sm;
181
- padding-left: @padding-sm;
182
- border-bottom: none;
183
- }
184
- .ant-tabs-tab {
185
- padding: 5px 0 10px 0;
186
- }
187
- }
188
- &-vertical {
189
- padding: 0 @padding-sm;
190
- .vtx-form-item-col {
191
- padding-right: @padding-sm;
192
- padding-left: @padding-sm;
193
- }
194
- .vtx-form-card-content {
195
- padding: 20px @padding-sm;
196
- padding-bottom: 0;
197
- }
198
- .vtx-form-pane-title {
199
- padding: 0 @padding-sm;
200
- }
201
- }
202
- &-has-card {
203
- padding: 0;
204
- .vtx-form-tabs .ant-tabs-bar {
205
- padding: 0 @padding-lg;
206
- }
207
- }
208
- &-view {
209
- .vtx-form-item-col {
210
- margin-bottom: @view-item-margin-bottom;
211
- }
212
- .vtx-form-divider {
213
- margin-bottom: @view-item-margin-bottom;
214
- }
215
- }
216
- }
1
+ @import (reference) '~antd/lib/style/themes/index.less';
2
+
3
+ @view-item-margin-bottom: 16px;
4
+
5
+ .vtx-form-layout {
6
+ position: relative;
7
+ display: flex;
8
+ flex-flow: row wrap;
9
+ width: 100%;
10
+ padding: 0 @padding-lg;
11
+ overflow: hidden;
12
+ .vtx-form-item {
13
+ .ant-form-item-label {
14
+ text-overflow: ellipsis;
15
+ label::after {
16
+ content: '';
17
+ }
18
+ }
19
+ &-vertical {
20
+ flex-direction: column;
21
+ .ant-form-item-row {
22
+ flex-direction: column;
23
+ margin-bottom: 20px;
24
+ }
25
+ .ant-form-item-label,
26
+ .ant-form-item-control {
27
+ line-height: @line-height-base;
28
+ }
29
+ .ant-form-item-label {
30
+ margin-bottom: 8px;
31
+ padding: 0 !important;
32
+ white-space: initial;
33
+ text-align: left;
34
+ label {
35
+ height: auto;
36
+ }
37
+ }
38
+ }
39
+ .ant-form-item-explain {
40
+ font-size: @font-size-sm;
41
+ }
42
+ &--inline {
43
+ flex: none;
44
+ flex-direction: row;
45
+ flex-wrap: nowrap;
46
+ margin-right: 16px;
47
+ margin-bottom: @view-item-margin-bottom !important;
48
+ row-gap: 0;
49
+ .ant-form-item-control-input {
50
+ min-height: auto;
51
+ }
52
+ .ant-form-item-label {
53
+ flex: none;
54
+ margin-bottom: 0;
55
+ & > label {
56
+ height: auto;
57
+ color: fade(@text-color, 65);
58
+ }
59
+ label::after {
60
+ content: ':';
61
+ }
62
+ }
63
+ }
64
+ &--view {
65
+ .ant-form-item-label,
66
+ .ant-form-item-control {
67
+ line-height: @line-height-base;
68
+ }
69
+ .ant-form-item-label {
70
+ & > label {
71
+ height: auto;
72
+ color: fade(@text-color, 65);
73
+ }
74
+ label::after {
75
+ content: ':';
76
+ }
77
+ }
78
+ .ant-form-item-control {
79
+ color: @text-color;
80
+ .ant-form-item-control-input {
81
+ min-height: auto;
82
+ }
83
+ }
84
+ }
85
+ }
86
+ .vtx-form-item-col {
87
+ .ant-form-item {
88
+ margin-bottom: 20px;
89
+ }
90
+ .vtx-form-item--view {
91
+ margin-bottom: 0;
92
+ }
93
+ .ant-form-item-with-help {
94
+ margin-bottom: 0;
95
+ }
96
+ .ant-form-item-explain {
97
+ min-height: 20px;
98
+ }
99
+ }
100
+ .vtx-form-card {
101
+ position: relative;
102
+ width: 100%;
103
+ overflow: hidden;
104
+ &-expand-icon {
105
+ color: fade(@text-color, 75%);
106
+ transition: transform 0.24s, -webkit-transform 0.24s;
107
+ }
108
+ .ant-card-body {
109
+ padding: 0;
110
+ }
111
+ .ant-card-head-wrapper,
112
+ .ant-card-head-title {
113
+ font-weight: bold;
114
+ line-height: 1;
115
+ }
116
+ &-content {
117
+ display: flex;
118
+ flex-flow: row wrap;
119
+ padding: 20px 24px;
120
+ padding-bottom: 0;
121
+ &::after {
122
+ clear: both;
123
+ }
124
+ &::before,
125
+ &::after {
126
+ display: table;
127
+ content: '';
128
+ }
129
+ }
130
+ &-content-hide {
131
+ display: none;
132
+ }
133
+ }
134
+ .vtx-form-card + .vtx-form-card {
135
+ margin-top: 20px;
136
+ }
137
+ .vtx-form-pane {
138
+ position: relative;
139
+ box-sizing: border-box;
140
+ width: 100%;
141
+ &::after {
142
+ clear: both;
143
+ }
144
+ &::before,
145
+ &::after {
146
+ display: table;
147
+ content: '';
148
+ }
149
+ &-title {
150
+ margin-bottom: 16px;
151
+ overflow: hidden;
152
+ color: @text-color;
153
+ font-weight: 500;
154
+ line-height: @line-height-base;
155
+ list-style: none;
156
+ }
157
+ &-content {
158
+ display: flex;
159
+ flex-flow: row wrap;
160
+ &::after {
161
+ clear: both;
162
+ }
163
+ &::before,
164
+ &::after {
165
+ display: table;
166
+ content: '';
167
+ }
168
+ }
169
+ }
170
+ .vtx-form-divider {
171
+ margin: 0;
172
+ margin-bottom: 20px;
173
+ &--small {
174
+ margin-bottom: 16px;
175
+ }
176
+ }
177
+ .vtx-form-tabs {
178
+ width: 100%;
179
+ .ant-tabs-bar {
180
+ padding-right: @padding-sm;
181
+ padding-left: @padding-sm;
182
+ border-bottom: none;
183
+ }
184
+ .ant-tabs-tab {
185
+ padding: 5px 0 10px 0;
186
+ }
187
+ }
188
+ &-vertical {
189
+ padding: 0 @padding-sm;
190
+ .vtx-form-item-col {
191
+ padding-right: @padding-sm;
192
+ padding-left: @padding-sm;
193
+ }
194
+ .vtx-form-card-content {
195
+ padding: 20px @padding-sm;
196
+ padding-bottom: 0;
197
+ }
198
+ .vtx-form-pane-title {
199
+ padding: 0 @padding-sm;
200
+ }
201
+ }
202
+ &-has-card {
203
+ padding: 0;
204
+ .vtx-form-tabs .ant-tabs-bar {
205
+ padding: 0 @padding-lg;
206
+ }
207
+ }
208
+ &-view {
209
+ .vtx-form-item-col {
210
+ margin-bottom: @view-item-margin-bottom;
211
+ }
212
+ .vtx-form-divider {
213
+ margin-bottom: @view-item-margin-bottom;
214
+ }
215
+ }
216
+ }