@kdcloudjs/table 1.2.1-canary.6 → 1.2.1-canary.7-hotfix.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (251) hide show
  1. package/dist/@kdcloudjs/table.css +1 -1
  2. package/dist/@kdcloudjs/table.css.map +0 -0
  3. package/dist/@kdcloudjs/table.js +1755 -3334
  4. package/dist/@kdcloudjs/table.js.map +1 -1
  5. package/dist/@kdcloudjs/table.min.css +1 -1
  6. package/dist/@kdcloudjs/table.min.js +16 -16
  7. package/dist/@kdcloudjs/table.min.js.map +1 -1
  8. package/dist/default-theme.js +0 -0
  9. package/dist/kd-ui-complete.less +0 -0
  10. package/dist/kd-ui.less +0 -0
  11. package/dist/theme.js +0 -0
  12. package/es/_utils/arrayUtil.js +0 -3
  13. package/es/_utils/devwarning.js +0 -1
  14. package/es/_utils/formatUtil.js +35 -96
  15. package/es/_utils/hooks.js +18 -42
  16. package/es/_utils/index.js +0 -2
  17. package/es/_utils/numberUtil.js +32 -55
  18. package/es/_utils/omit.js +0 -2
  19. package/es/_utils/type.js +0 -2
  20. package/es/_utils/usePopper.js +74 -137
  21. package/es/config-provider/compDefaultProps.js +0 -1
  22. package/es/config-provider/configProvider.js +2 -7
  23. package/es/config-provider/defaultConfig.js +0 -1
  24. package/es/index.js +0 -2
  25. package/es/locale/locale.js +5 -43
  26. package/es/table/base/calculations.js +22 -72
  27. package/es/table/base/colgroup.js +0 -1
  28. package/es/table/base/empty.js +4 -4
  29. package/es/table/base/header.js +16 -69
  30. package/es/table/base/helpers/SpanManager.js +3 -9
  31. package/es/table/base/helpers/TableDOMUtils.js +4 -28
  32. package/es/table/base/helpers/__test__/SpanManager.test.js +2 -2
  33. package/es/table/base/helpers/__test__/TableDOMUtils.test.js +0 -1
  34. package/es/table/base/helpers/getRichVisibleRectsStream.js +13 -45
  35. package/es/table/base/helpers/rowHeightManager.js +0 -28
  36. package/es/table/base/html-table.js +14 -35
  37. package/es/table/base/loading.js +6 -8
  38. package/es/table/base/renderTemplates.js +26 -44
  39. package/es/table/base/styles.js +0 -9
  40. package/es/table/base/table.js +95 -181
  41. package/es/table/base/utils.js +14 -54
  42. package/es/table/common-views.js +0 -7
  43. package/es/table/internals.js +0 -13
  44. package/es/table/pipeline/features/autoFill.js +11 -40
  45. package/es/table/pipeline/features/autoRowSpan.js +1 -14
  46. package/es/table/pipeline/features/colGroupExtendable.js +4 -19
  47. package/es/table/pipeline/features/columnDrag.js +41 -96
  48. package/es/table/pipeline/features/columnFilter.js +11 -48
  49. package/es/table/pipeline/features/columnHover.js +1 -7
  50. package/es/table/pipeline/features/columnRangeHover.js +1 -8
  51. package/es/table/pipeline/features/columnResizeWidth.js +11 -37
  52. package/es/table/pipeline/features/contextMenu.js +18 -89
  53. package/es/table/pipeline/features/filter/DefaultFilterContent.js +10 -25
  54. package/es/table/pipeline/features/filter/DefaultFilterIcon.js +1 -1
  55. package/es/table/pipeline/features/filter/Filter.js +25 -48
  56. package/es/table/pipeline/features/filter/FilterPanel.js +11 -25
  57. package/es/table/pipeline/features/filter/util.js +0 -4
  58. package/es/table/pipeline/features/footerDataSource.js +0 -3
  59. package/es/table/pipeline/features/mergeCellHover.js +0 -1
  60. package/es/table/pipeline/features/multiSelect.js +15 -57
  61. package/es/table/pipeline/features/rangeSelection.js +63 -142
  62. package/es/table/pipeline/features/rowDetail.js +2 -41
  63. package/es/table/pipeline/features/rowDrag.js +38 -76
  64. package/es/table/pipeline/features/rowGrouping.js +2 -35
  65. package/es/table/pipeline/features/singleSelect.js +0 -24
  66. package/es/table/pipeline/features/sort.js +32 -89
  67. package/es/table/pipeline/features/tips.js +0 -6
  68. package/es/table/pipeline/features/treeMode.js +14 -46
  69. package/es/table/pipeline/features/treeSelect.js +0 -26
  70. package/es/table/pipeline/pipeline.js +11 -51
  71. package/es/table/pivot/cross-table/buildCrossTable.js +15 -64
  72. package/es/table/pivot/cross-table/cross-table.js +22 -28
  73. package/es/table/pivot/cross-tree-table/buildCrossTreeTable.js +14 -47
  74. package/es/table/pivot/cross-tree-table/cross-tree-table.js +28 -50
  75. package/es/table/pivot/pivot-utils/buildDrillTree.js +10 -23
  76. package/es/table/pivot/pivot-utils/builders.js +31 -71
  77. package/es/table/pivot/pivot-utils/convert-utils.js +13 -39
  78. package/es/table/pivot/pivot-utils/simpleEncode.js +0 -1
  79. package/es/table/transforms/autoRowSpan.js +1 -15
  80. package/es/table/transforms/autoWidth.js +10 -32
  81. package/es/table/transforms/buildTree.js +1 -2
  82. package/es/table/transforms/columnHover.js +9 -15
  83. package/es/table/transforms/columnRangeHover.js +12 -19
  84. package/es/table/transforms/columnResize.js +15 -37
  85. package/es/table/transforms/flatten.js +0 -3
  86. package/es/table/transforms/orderField.js +0 -3
  87. package/es/table/transforms/sort.js +36 -93
  88. package/es/table/transforms/tips.js +1 -6
  89. package/es/table/transforms/treeMode.js +30 -69
  90. package/es/table/transforms/visible.js +0 -2
  91. package/es/table/use/useResizeObserver.js +1 -4
  92. package/es/table/utils/applyTransforms.js +0 -1
  93. package/es/table/utils/browserType.js +12 -19
  94. package/es/table/utils/buildTree.js +4 -19
  95. package/es/table/utils/collectNodes.js +1 -10
  96. package/es/table/utils/console.js +0 -14
  97. package/es/table/utils/copyToClipboard.js +0 -4
  98. package/es/table/utils/element.js +14 -41
  99. package/es/table/utils/exportTableAsExcel.js +4 -40
  100. package/es/table/utils/getTreeDepth.js +1 -9
  101. package/es/table/utils/groupBy.js +1 -10
  102. package/es/table/utils/layeredFilter.js +0 -4
  103. package/es/table/utils/layeredSort.js +0 -5
  104. package/es/table/utils/makeRecursiveMapper.js +1 -12
  105. package/es/table/utils/mergeCellProps.js +6 -13
  106. package/es/table/utils/others.js +3 -16
  107. package/es/table/utils/proto.js +2 -30
  108. package/es/table/utils/smartCompare.js +4 -12
  109. package/es/table/utils/traverseColumn.js +2 -15
  110. package/es/table/utils/tree-data-helpers/StrictTreeDataHelper.js +1 -22
  111. package/es/table/utils/tree-data-helpers/TreeDataHelper.js +15 -69
  112. package/es/table/utils/uiDegrade.js +0 -5
  113. package/lib/_utils/arrayUtil.js +0 -5
  114. package/lib/_utils/devwarning.js +0 -5
  115. package/lib/_utils/formatUtil.js +35 -100
  116. package/lib/_utils/hooks.js +18 -53
  117. package/lib/_utils/index.js +0 -6
  118. package/lib/_utils/numberUtil.js +32 -63
  119. package/lib/_utils/omit.js +0 -5
  120. package/lib/_utils/react-children.js +0 -5
  121. package/lib/_utils/type.js +0 -6
  122. package/lib/_utils/usePopper.js +74 -158
  123. package/lib/config-provider/ConfigContext.js +1 -4
  124. package/lib/config-provider/compDefaultProps.js +0 -1
  125. package/lib/config-provider/configProvider.js +3 -18
  126. package/lib/config-provider/defaultConfig.js +0 -5
  127. package/lib/config-provider/index.js +0 -6
  128. package/lib/index.js +2 -8
  129. package/lib/locale/index.js +0 -7
  130. package/lib/locale/locale.js +5 -57
  131. package/lib/table/base/calculations.js +22 -83
  132. package/lib/table/base/colgroup.js +0 -5
  133. package/lib/table/base/empty.js +4 -16
  134. package/lib/table/base/header.js +16 -79
  135. package/lib/table/base/helpers/SpanManager.js +3 -11
  136. package/lib/table/base/helpers/TableDOMUtils.js +2 -28
  137. package/lib/table/base/helpers/__test__/SpanManager.test.js +2 -4
  138. package/lib/table/base/helpers/__test__/TableDOMUtils.test.js +0 -5
  139. package/lib/table/base/helpers/__test__/rowHeightManager.test.js +0 -1
  140. package/lib/table/base/helpers/getRichVisibleRectsStream.js +13 -63
  141. package/lib/table/base/helpers/rowHeightManager.js +0 -33
  142. package/lib/table/base/html-table.js +14 -45
  143. package/lib/table/base/index.js +0 -2
  144. package/lib/table/base/loading.js +6 -12
  145. package/lib/table/base/renderTemplates.js +27 -58
  146. package/lib/table/base/styles.js +0 -21
  147. package/lib/table/base/table.js +95 -214
  148. package/lib/table/base/utils.js +14 -89
  149. package/lib/table/common-views.js +0 -16
  150. package/lib/table/index.js +0 -13
  151. package/lib/table/internals.js +0 -14
  152. package/lib/table/pipeline/features/autoFill.js +11 -47
  153. package/lib/table/pipeline/features/autoRowSpan.js +1 -19
  154. package/lib/table/pipeline/features/buildTree.js +0 -2
  155. package/lib/table/pipeline/features/colGroupExtendable.js +4 -32
  156. package/lib/table/pipeline/features/columnDrag.js +41 -102
  157. package/lib/table/pipeline/features/columnFilter.js +11 -62
  158. package/lib/table/pipeline/features/columnHover.js +1 -11
  159. package/lib/table/pipeline/features/columnRangeHover.js +1 -13
  160. package/lib/table/pipeline/features/columnResizeWidth.js +11 -53
  161. package/lib/table/pipeline/features/contextMenu.js +18 -113
  162. package/lib/table/pipeline/features/filter/DefaultFilterContent.js +10 -43
  163. package/lib/table/pipeline/features/filter/DefaultFilterIcon.js +1 -4
  164. package/lib/table/pipeline/features/filter/Filter.js +25 -70
  165. package/lib/table/pipeline/features/filter/FilterPanel.js +11 -40
  166. package/lib/table/pipeline/features/filter/index.js +0 -5
  167. package/lib/table/pipeline/features/filter/util.js +0 -7
  168. package/lib/table/pipeline/features/footerDataSource.js +0 -10
  169. package/lib/table/pipeline/features/index.js +0 -23
  170. package/lib/table/pipeline/features/mergeCellHover.js +0 -5
  171. package/lib/table/pipeline/features/multiSelect.js +15 -71
  172. package/lib/table/pipeline/features/rangeSelection.js +63 -159
  173. package/lib/table/pipeline/features/rowDetail.js +2 -65
  174. package/lib/table/pipeline/features/rowDrag.js +38 -87
  175. package/lib/table/pipeline/features/rowGrouping.js +2 -55
  176. package/lib/table/pipeline/features/singleSelect.js +0 -34
  177. package/lib/table/pipeline/features/sort.js +31 -108
  178. package/lib/table/pipeline/features/tips.js +0 -15
  179. package/lib/table/pipeline/features/treeMode.js +14 -67
  180. package/lib/table/pipeline/features/treeSelect.js +0 -34
  181. package/lib/table/pipeline/index.js +0 -8
  182. package/lib/table/pipeline/pipeline.js +11 -60
  183. package/lib/table/pivot/cross-table/buildCrossTable.js +15 -75
  184. package/lib/table/pivot/cross-table/cross-table.js +22 -36
  185. package/lib/table/pivot/cross-table/index.js +0 -4
  186. package/lib/table/pivot/cross-tree-table/buildCrossTreeTable.js +14 -60
  187. package/lib/table/pivot/cross-tree-table/cross-tree-table.js +28 -60
  188. package/lib/table/pivot/cross-tree-table/index.js +0 -3
  189. package/lib/table/pivot/pivot-utils/buildDrillTree.js +10 -29
  190. package/lib/table/pivot/pivot-utils/builders.js +31 -82
  191. package/lib/table/pivot/pivot-utils/convert-utils.js +13 -57
  192. package/lib/table/pivot/pivot-utils/index.js +0 -7
  193. package/lib/table/pivot/pivot-utils/simpleEncode.js +0 -2
  194. package/lib/table/style/css.js +0 -1
  195. package/lib/table/style/index.js +0 -1
  196. package/lib/table/transforms/autoRowSpan.js +1 -21
  197. package/lib/table/transforms/autoWidth.js +10 -53
  198. package/lib/table/transforms/buildTree.js +1 -4
  199. package/lib/table/transforms/columnHover.js +9 -22
  200. package/lib/table/transforms/columnRangeHover.js +12 -27
  201. package/lib/table/transforms/columnResize.js +15 -56
  202. package/lib/table/transforms/flatten.js +0 -5
  203. package/lib/table/transforms/index.js +0 -12
  204. package/lib/table/transforms/orderField.js +0 -7
  205. package/lib/table/transforms/sort.js +36 -117
  206. package/lib/table/transforms/tips.js +1 -16
  207. package/lib/table/transforms/treeMode.js +30 -96
  208. package/lib/table/transforms/visible.js +0 -7
  209. package/lib/table/transforms/warnTransformsDeprecated.js +0 -4
  210. package/lib/table/use/useResizeObserver.js +1 -8
  211. package/lib/table/utils/applyTransforms.js +0 -2
  212. package/lib/table/utils/browserType.js +12 -19
  213. package/lib/table/utils/buildTree.js +4 -30
  214. package/lib/table/utils/collectNodes.js +1 -15
  215. package/lib/table/utils/console.js +0 -16
  216. package/lib/table/utils/copyToClipboard.js +0 -6
  217. package/lib/table/utils/element.js +14 -46
  218. package/lib/table/utils/exportTableAsExcel.js +4 -49
  219. package/lib/table/utils/getTreeDepth.js +1 -14
  220. package/lib/table/utils/groupBy.js +1 -14
  221. package/lib/table/utils/index.js +0 -22
  222. package/lib/table/utils/isGroupColumn.js +0 -3
  223. package/lib/table/utils/isLeafNode.js +0 -1
  224. package/lib/table/utils/layeredFilter.js +0 -10
  225. package/lib/table/utils/layeredSort.js +0 -10
  226. package/lib/table/utils/makeRecursiveMapper.js +1 -21
  227. package/lib/table/utils/mergeCellProps.js +6 -17
  228. package/lib/table/utils/others.js +3 -31
  229. package/lib/table/utils/proto.js +2 -33
  230. package/lib/table/utils/selectColumn.js +0 -1
  231. package/lib/table/utils/smartCompare.js +4 -13
  232. package/lib/table/utils/traverseColumn.js +2 -22
  233. package/lib/table/utils/tree-data-helpers/StrictTreeDataHelper.js +1 -30
  234. package/lib/table/utils/tree-data-helpers/TreeDataHelper.js +15 -82
  235. package/lib/table/utils/uiDegrade.js +1 -8
  236. package/package.json +2 -1
  237. package/lib/style/color/colors.less +0 -2
  238. package/lib/style/core/index.less +0 -2
  239. package/lib/style/core/motion/other.less +0 -28
  240. package/lib/style/core/motion/slide.less +0 -53
  241. package/lib/style/core/motion.less +0 -2
  242. package/lib/style/core/reset.less +0 -186
  243. package/lib/style/index.css +0 -410
  244. package/lib/style/index.less +0 -2
  245. package/lib/style/mixins/index.less +0 -19
  246. package/lib/style/mixins/overlay.less +0 -22
  247. package/lib/style/mixins/reset.less +0 -13
  248. package/lib/style/themes/default.less +0 -445
  249. package/lib/style/themes/index.less +0 -1
  250. package/lib/table/style/index.css +0 -0
  251. package/lib/table/style/index.less +0 -1
@@ -1,445 +0,0 @@
1
- @kd-prefix: kd;
2
-
3
- /* ----------- color ——————---- start */
4
- @theme-color: #5582f3; // 主题色
5
- // 使用hsb/hsv 计算色值
6
- @hsv-h: hsvhue(@theme-color); // 色相
7
- @hsv-s: hsvsaturation(@theme-color); // 饱和度
8
- @hsv-v: hsvvalue(@theme-color); // 明度
9
-
10
- @theme-color-disabled: hsv(@hsv-h, max(5%, (@hsv-s - 54%)), min((@hsv-v + 24%), 100%)); // 禁用色
11
- @theme-color-hover: hsv(@hsv-h, max(5%, (@hsv-s - 18%)), min((@hsv-v + 8%), 100%)); // 悬浮色
12
- @theme-color-click: hsv(@hsv-h, min((@hsv-s + 8%), 100%), max(5%, (@hsv-v - 16%))); // 点击色
13
- @theme-color-active-light: hsv(@hsv-h, max(5%, (@hsv-s - 90%)), min((@hsv-v + 40%), 100%)); // 浅色选中
14
- @theme-color-active-dark: @theme-color; // 深色选中
15
- @hover-color: #f5f5f5; // 中性的悬停色
16
- @disabled-contain-bg: #f5f5f5; // 容器失效背景色
17
- @success-color: #1ba854; // 成功色(深)
18
- @success-bg-color: #f2fff5; // 成功反馈浮层的底色
19
- @success-border-color: #6dd18e; // 成功反馈浮层的容器边框色
20
- @warning-color: #ff991c; // 警示色(深)
21
- @warning-bg-color: #fffbf2; // 警示反馈浮层的底色
22
- @warning-border-color: #ffcb78; // 警示反馈浮层的容器边框色
23
- @error-color: #fb2323; // 失败色(深)
24
- @error-bg-color: #fff2f4; // 失败反馈浮层的底色
25
- @error-border-color: #ff8088; // 失败反馈浮层的容器边框色
26
- @ongoing-color: #276ff5; // 进行中(深)
27
- @ongoing-bg-color: #f2f9ff; // 进行中反馈浮层的底色
28
- @ongoing-border-color: #85b8ff; // 进行中反馈浮层的容器边框色
29
- @disabled-color: #b2b2b2; // 失效色
30
- @disabled-border-color: #ccc; // 失效边框色
31
- @end-color: #666; // 暂停或者终止等状态标签色
32
- @link-color: #0e5fd8; // 链接色
33
- @link-color-hover: #3987ed; // 链接色或辅助色(悬浮)
34
- @link-color-active: #0041b0; // 链接色或辅助色(点击)
35
- @primary-text-color: #212121; // 一级文本
36
- @primary-text-color2: rgba(255, 255, 255, 1); // 一级文本
37
- @secondary-text-color: #666; // 二级文本
38
- @secondary-text-color2: rgba(255, 255, 255, 0.65); // 二级文本
39
- @third-text-color: #999; // 三级文本
40
- @third-text-color2: rgba(255, 255, 255, 0.4); // 三级文本
41
- @placeholder-text-color: #ccc; // 占位符文本
42
- @placeholder-text-color2: rgba(255, 255, 255, 0.3); // 占位符文本
43
- @bg: #fff; // 底色白背景
44
- @bg2: #f2f2f2; // 底色灰背景
45
- @contain-bg: #fafafa; // 容器内的灰背景
46
- @radius-size: 2px; // 圆角值
47
- @input-color: #999; // 线型录入的默认态
48
- @strong-border-color: #d9d9d9; // 强线条 --带操作
49
- @strong-border-color-1: #d9d9d9; // 强线条 --分割内容/容器包裹线
50
- @weak-border-color: #e5e5e5; // 弱线条 -- 需要多层级时
51
- // @shadow-on-hover: ; // 悬停时阴影
52
- @white: #fff;
53
- @dirList: left, top, bottom, right;
54
- /* ----------- color ——————---- end */
55
-
56
- /* ----------- font ——————---- start */
57
- @font-size: 14px;
58
- @font-weight: 400;
59
- @small-font-size: 12px;
60
- @middle-font-size: 14px;
61
- @large-font-size: 16px;
62
- @xlarge-font-size: 18px;
63
- /* ----------- font ——————---- end */
64
-
65
- @radius-size: 2px; // 圆角值
66
-
67
- /* ----------- zIndex ——————---- start */
68
- /*
69
- 普通组件内部自身层级应设置在0-100间
70
- */
71
- @zIndex-below: -1; // 置于下层
72
- @zIndex-popper: 1000; // 弹出层
73
- @zIndex-dialog: 1050; // 对话框
74
- @zIndex-masker: 3000; // 遮罩层 (loading等)
75
- @zIndex-apex: 9999; // 顶层 (notify)
76
- /* ----------- zIndex ——————---- end */
77
-
78
- /* ----------- transition ——————---- start */
79
- @transition-duration: 0.3s;
80
- /* ----------- transition ——————---- end */
81
-
82
- /* ----------- Button ——————---- start */
83
- @btn-border-width: 1px;
84
- @btn-border-style: solid;
85
- @btn-primary-font-color: @white; // 基础文字颜色
86
- @btn-primary-background-color: @theme-color; // 基础背景颜色
87
- @btn-primary-border-color: @theme-color; // 基础边框颜色
88
-
89
- @btn-ghost-font-color: @secondary-text-color; // 幽灵按钮文字颜色
90
- @btn-ghost-background-color: transparent; // 幽灵背景颜色
91
- @btn-ghost-border-color: @strong-border-color; //幽灵边框颜色
92
-
93
- @btn-second-font-color: fade(@secondary-text-color, 65%); // 次要文字颜色
94
- @btn-second-background-color: fade(@white, 65%); // 次要背景颜色
95
- @btn-second-border-color: fade(@strong-border-color, 65%); // 次要边框颜色
96
-
97
- @btn-link-font-color: @link-color; // 链接文字颜色
98
-
99
- @btn-disabled-font-color: @white; // 禁用状态 文字颜色
100
- @btn-disabled-background-color: @disabled-contain-bg; // 禁用状态 背景颜色
101
- @btn-disabled-border-color: @strong-border-color; // 禁用状态 边框颜色
102
-
103
- @btn-danger-font-color: @white; // 危险状态 文字颜色
104
- @btn-danger-background-color: @error-color; // 危险状态 背景颜色
105
- @btn-danger-border-color: @error-color; // 危险状态 边框颜色
106
-
107
- @btn-small-font-size: @small-font-size; // 小号 文字大小
108
- @btn-small-height: 24px; // 小号 高度
109
- @btn-small-min-width: 60px; // 小号 最小宽度
110
- @btn-small-padding-vertical: 3px; // 小号 内间距 纵向
111
- @btn-small-padding-horizontal: 8px; // 小号 内间距 横向
112
-
113
- @btn-middle-font-size: @small-font-size; // 中号 文字大小
114
- @btn-middle-height: 28px; // 中号 高度
115
- @btn-middle-min-width: 60px; // 中号 最小宽度
116
- @btn-middle-padding-vertical: 5px; // 中号 内间距 纵向
117
- @btn-middle-padding-horizontal: 8px; // 中号 内间距 纵向
118
-
119
- @btn-large-font-size: @large-font-size; // 大号 文字大小
120
- @btn-large-height: 32px; // 大号 高度
121
- @btn-large-min-width: 80px; // 大号 最小宽度
122
- @btn-large-padding-vertical: 6px; // 大号 内间距 纵向
123
- @btn-large-padding-horizontal: 8px; // 大号 内间距 横向
124
- @btn-transition-fn: cubic-bezier(0.075, 0.82, 0.165, 1);
125
- /* ----------- Button ——————---- end */
126
-
127
- /* ----------- Collapse ——————---- start */
128
- @collapse-border-width: 1px;
129
- @collapse-border-color: @strong-border-color-1;
130
- @collapse-icon-margin-right: 6px;
131
- @collapse-header-font-color: @primary-text-color;
132
- @collapse-header-font-size: @font-size;
133
- @collapse-content-font-color: @primary-text-color;
134
- @collapse-content-font-size: @font-size;
135
- @collapse-content-padding: 10px 0px 0px 20px;
136
- @collapse-disabled-color: @disabled-color;
137
-
138
- /* ----------- Collapse ——————---- end */
139
-
140
- /* ----------- Switch ——————---- start */
141
- @switch-small-font-size: @small-font-size;
142
- @switch-small-line-height: 14px;
143
- @switch-small-height: 14px;
144
- @switch-small-min-width: 28px;
145
- @switch-small-border-radius: 7px;
146
- @switch-large-font-size: @small-font-size;
147
- @switch-large-line-height: 20px;
148
- @switch-large-height: 20px;
149
- @switch-large-min-width: 40px;
150
- @switch-large-border-radius: 10px;
151
- @switch-on-color: @theme-color;
152
- @switch-off-color: #999;
153
- @switch-disabled-bg: @disabled-color;
154
- @switch-loading-color: @ongoing-color;
155
- @switch-font-color: @white;
156
- @switch-inner-small-font-size: @small-font-size;
157
- @switch-inner-margin: 0 5px 0 16px;
158
- @switch-inner-checked-margin: 0 16px 0 5px;
159
- @switch-inner-large-margin: 0 5px 0 21px;
160
- @switch-inner-large-checked-margin: 0 21px 0 5px;
161
- /* ----------- Switch ——————---- end */
162
-
163
- /* ----------- Input ——————---- start */
164
- @input-placeholder-color: @third-text-color;
165
- @input-font-color: @secondary-text-color;
166
- @input-focus-color: @primary-text-color;
167
- @input-background-color: @white;
168
- @input-border-width: 1px;
169
- @input-width: 230px;
170
-
171
- @input-small-font-size: @small-font-size; // 小号 文字大小
172
- @input-small-height: 20px; // 小号 高度
173
- @input-small-padding-vertical: 3px; // 小号 内间距 纵向
174
- @input-small-padding-horizontal: 9px; // 小号 内间距 横向
175
-
176
- @input-middle-font-size: @middle-font-size; // 中号 文字大小
177
- @input-middle-height: 30px; // 中号 高度
178
- @input-middle-padding-vertical: 5px; // 中号 内间距 纵向
179
- @input-middle-padding-horizontal: 9px; // 中号 内间距 纵向
180
-
181
- @input-large-font-size: @large-font-size; // 大号 文字大小
182
- @input-large-height: 36px; // 大号 高度
183
- @input-large-padding-vertical: 8px; // 大号 内间距 纵向
184
- @input-large-padding-horizontal: 9px; // 大号 内间距 横向
185
- /* ----------- Input ——————---- end */
186
-
187
- /* ----------- InputNumber ——————---- start */
188
- @inputNumber-embedStepBtn-bg-color: #f6f7f9;
189
- /* ----------- InputNumber ——————---- end */
190
-
191
- /* ----------- checkbox ——————---- start */
192
- @checkbox-font-size: @small-font-size; //默认字体大小
193
- @checkbox-font-color: @primary-text-color;
194
- @checkbox-border-color: @strong-border-color;
195
- @checkbox-checked-border-color: @theme-color-active-dark;
196
- @checkbox-checked-font-color: @theme-color-active-dark;
197
- @checkbox-bg-color: @bg;
198
- @checkbox-disabled-bg-color: @disabled-color;
199
- @checkbox-small-size-height: 32px; // 小尺寸复选框
200
- @checkbox-middle-size-height: 36px; // 中尺寸复选框
201
- @checkbox-large-size-height: 40px; // 大尺寸复选框
202
- @checkbox-border-width: 1px; // 边框类型边框大小
203
- @checkbox-group-margin-right: 8px; // 按钮组的间距
204
- @checkbox-default-padding: 0; // 默认类型复选框内边距
205
- @checkbox-default-input-margin-right: 8px; // 勾选输入框与右侧内容间距
206
- @checkbox-default-input-height: 16px; // 勾选输入框高度
207
- @checkbox-default-input-width: 16px; // 勾选输入框宽度
208
- @checkbox-default-input-border-radius: 4px; // 勾选输入框圆角
209
- @checkbox-default-input-border-width: 1px; // 勾选输入框边框大小
210
- @checkbox-default-input-icon-color: #fff; // 勾选输入框边勾勾图标颜色
211
- @checkbox-default-input-icon-size: 12px; // 勾选输入框勾勾图标大小
212
- @checkbox-square-padding: 0 20px; // 边框类型内边距
213
- @checkbox-square-triangle-height: 18px; // 边框类型右下角三角高度
214
- @checkbox-square-triangle-width: 18px; // 边框类型右下角三角宽度
215
- @checkbox-square-input-icon-color: #fff; // 边框类型三角内勾选输入框勾勾图标颜色
216
- @checkbox-square-input-icon-size: 9px; // 边框类型三角内勾选输入框勾勾图标大小
217
- /* ----------- checkbox ——————---- end */
218
-
219
- /* ----------- Radio ——————---- start */
220
- @radio-font-size: @small-font-size;
221
- @radio-font-color: @primary-text-color;
222
- @radio-border-width: 1px;
223
- @radio-margin-right: 8px;
224
- @radio-transition-fn: cubic-bezier(0.075, 0.82, 0.165, 1);
225
- @radio-circle-size: 13px;
226
- @radio-square-height: 32px;
227
- @radio-square-padding: 0 20px;
228
- @radio-button-height: 24px;
229
- @radio-button-padding: 0 18px;
230
- /* ----------- Radio ——————---- end */
231
-
232
- /* ----------- icon ——————---- start */
233
- @icon-css-prefix: kdicon;
234
- /* ----------- icon ——————---- end */
235
-
236
- /* ----------- Popconfirm ——————---- start */
237
- @popconfirm-icon-size: 17px;
238
- @popconfirm-min-width: 164px;
239
- @popconfirm-max-width: 500px;
240
- @popconfirm-min-height: 98px;
241
- @popconfirm-max-height: 400px;
242
- @popconfirm-title-line-height: 21px;
243
- @popconfirm-color: @primary-text-color;
244
- @popconfirm-font-size: @small-font-size;
245
- @popconfirm-title-font-size: @middle-font-size;
246
- @popconfirm-vertical-gap: 16px;
247
- @popconfirm-horizontal-gap: 16px;
248
- @popconfirm-background-color: @white;
249
- @popconfirm-box-shadow-blur: 6px;
250
- @popconfirm-transition-fn: cubic-bezier(0.25, 1, 0.5, 1);
251
- @popconfirm-duration: 0.2s;
252
- /* ----------- Popconfirm ——————---- end */
253
-
254
- /* ----------- Popover ——————---- start */
255
- @popover-min-width: 164px;
256
- @popover-max-width: 500px;
257
- @popover-min-height: 98px;
258
- @popover-max-height: 400px;
259
- @popover-title-line-height: 21px;
260
- @popover-color: @primary-text-color;
261
- @popover-font-size: @small-font-size;
262
- @popover-title-font-size: @middle-font-size;
263
- @popover-vertical-gap: 16px;
264
- @popover-horizontal-gap: 16px;
265
- @popover-background-color: @white;
266
- @popover-box-shadow-blur: 6px;
267
- @popover-transition-fn: cubic-bezier(0.25, 1, 0.5, 1);
268
- @popover-duration: 0.2s;
269
- /* ----------- Popover ——————---- end */
270
-
271
- /* ----------- Progress ——————---- start */
272
- @progress-remaining-color: #e5e5e5;
273
- @progress-default-color: @ongoing-color;
274
- @progress-success-color: @success-color;
275
- @progress-failure-color: @error-color;
276
- @progress-border-radius: 100px;
277
- @progress-line-stroke-width: 8px;
278
- @progress-line-text-width: 3em;
279
- @progress-line-icon-font-size: 16px;
280
- @progress-line-text-font-size: 16px;
281
- @progress-line-special-text-font-size: 16px;
282
- @progress-line-text-margin-left: 8px;
283
- @progress-circle-stroke-width: 4px;
284
- @progress-transition-fn: cubic-bezier(0.66, 0, 0.34, 1);
285
- @progress-circle-text-font-size: 28px;
286
- @progress-circle-percent-line-height: 48px;
287
- @progress-circle-unit-line-height: 18px;
288
- @progress-circle-unit-font-size: 12px;
289
- @progress-circle-unit-margin-top: 18px;
290
- @progress-circle-icon-font-size: 48px;
291
- /* ----------- Progress ——————---- end */
292
-
293
- /* ----------- Pagination ——————---- start */
294
- @pagination-size: 24px;
295
- @pagination-nicety-size: 30px;
296
- @pagination-button-gap: 8px;
297
- @pagination-hover-color: @theme-color;
298
- @pagination-font-size: @small-font-size;
299
- @pagination-icon-size: @large-font-size;
300
- @pagination-font-color: @secondary-text-color;
301
- @pagination-button-color: @secondary-text-color;
302
- @pagination-button-disabled-color: @disabled-border-color;
303
- @pagination-button-disabled-background-color: @disabled-contain-bg;
304
- /* ----------- Pagination ——————---- end */
305
-
306
- /* ----------- Timeline ——————---- start */
307
- @timeline-width: 1px;
308
- @timeline-dot-size: 12px;
309
- @timeline-line-height: 18px;
310
- @timeline-color: @weak-border-color;
311
- @timeline-dot-border-width: 2px;
312
- @timeline-dot-color: @theme-color;
313
- @timeline-dot-bg: @white;
314
- @timeline-item-padding-bottom: 26px;
315
- /* ----------- Timeline ——————---- end */
316
-
317
- /* ----------- Tabs ——————---- start */
318
- @tabs-font-color: @secondary-text-color;
319
- @tabs-border-color: @strong-border-color;
320
- @tabPane-font-size: @font-size;
321
- @tabPane-font-color-active: @theme-color;
322
- @tabPane-font-color-hover: @theme-color;
323
- @tabPane-font-color-disabled: @disabled-color;
324
- @tab-line-color-active: @theme-color;
325
- @tabs-card-bg: @disabled-contain-bg;
326
- @tabs-height: 48px;
327
- @tabs-border-width: 1px;
328
- @tab-pane-height: 48px;
329
- @tab-pane-line-height: 48px;
330
- @tab-pane-margin-right: 24px;
331
- @tab-transition-fn: cubic-bezier(0.42, 0, 1, 1);
332
- /* ----------- Tabs ——————---- end */
333
-
334
- /* ----------- Select ——————---- start */
335
- @select-dropdown-bg: @bg;
336
- @select-item-active-bg: #F5F5F5;
337
- @select-dropdown-height: 22px;
338
- @select-list-font-size: 12px;// 下拉列表文字大小
339
- @select-large-font-size: 16px; // 大号字体
340
- @select-middle-font-size: 14px; // 中号高度
341
- @select-small-font-size: 12px; // 小号高度
342
- @select-dropdown-line-height: 22px;
343
- @select-item-selected-color: #276FF5;
344
- @select-item-selected-bg: #F2F9FF;
345
- @select-font-color: #212121;
346
- @select-large-height: 36px; // 大号高度 lh:28px
347
- @select-middle-height: 30px; // 中号高度lh:22px
348
- @select-small-height: 20px; // 小号高度lh:12px
349
- @select-large-line-height: 28px;
350
- @select-middle-line-height: 22px;
351
- @select-small-line-height: 12px;
352
-
353
- /* ----------- Select ——————---- end */
354
- /* ----------- Rate ——————---- start */
355
- @rate-selected-color: #fdc200;
356
- @rate-not-selected-color: #d9d9d9;
357
- @rate-icon-margin: 10px;
358
- @rate-small-font-size: @small-font-size;
359
- @rate-middle-font-size: @middle-font-size;
360
- @rate-large-font-size: @large-font-size;
361
- /* ----------- Rate ——————---- end */
362
-
363
- /* ----------- Dropdown ——————---- start */
364
- @dropdown-menu-min-width: 136px;
365
- @dropdown-menu-max-width: 320px;
366
- @dropdown-menu-max-height: 336px;
367
- @dropdown-menu-gap: 8px;
368
- @dropdown-line-height: 18px;
369
- @dropdown-color: @primary-text-color;
370
- @dropdown-divided-color: @weak-border-color;
371
- @dropdown-hover-bg-color: @disabled-contain-bg;
372
- @dropdown-active-bg-color: @theme-color-active-light;
373
- @dropdown-font-size: @small-font-size;
374
- @dropdown-item-vertical-gap: 7px;
375
- @dropdown-item-horizontal-gap: 12px;
376
- @dropdown-box-shadow-blur: 10px;
377
- @dropdown-transition-fn: cubic-bezier(0.25, 1, 0.5, 1);
378
- @dropdown-duration: 0.2s;
379
- /* ----------- Dropdown ——————---- end */
380
-
381
- /* ----------- Tooltip ——————---- start */
382
- @tooltip-width: 267px;
383
- @tooltip-line-height: 18px;
384
- @tooltip-color: @primary-text-color;
385
- @tooltip-font-size: @small-font-size;
386
- @tooltip-vertical-gap: 8px;
387
- @tooltip-horizontal-gap: 12px;
388
- @tooltip-background-color: @white;
389
- @tooltip-box-shadow-blur: 6px;
390
- /* ----------- Tooltip ——————---- end */
391
-
392
- /* ----------- Transfer ——————---- start */
393
- @transfer-disabled-bg: @disabled-contain-bg;
394
- @transfer-border-color: @strong-border-color;
395
- @transfer-padding-base: 14px;
396
- @transfer-font-size-base: 12px;
397
- @transfer-list-item-height: 32px;
398
- @transfer-list-content-height: @transfer-list-item-height * 10;
399
- @transfer-list-item-hover-bg: @hover-color;
400
- @transfer-list-item-checked: @theme-color;
401
- @transfer-list-item-disabled: @disabled-color;
402
- @transfer-header-bg: #f5f5f5;
403
- @transfer-header-height: 36px;
404
- @transfer-search-height: 32px;
405
- @transfer-search-prefix-icon-color: @theme-color;
406
- @transfer-search-suffix-icon-color: #bbb;
407
- @transfer-pagination-height: 36px;
408
- /* ----------- Transfer ——————---- end */
409
-
410
- /* ----------- Alert ——————---- start */
411
- @success-alert-bg-color: @success-bg-color; // 反馈浮层成功提示的背景色
412
- @warning-alert-bg-color: @warning-bg-color; // 反馈浮层警告提示的背景色
413
- @error-alert-bg-color: @error-bg-color; // 反馈浮层错误提示的背景色
414
- @info-alert-bg-color: @ongoing-bg-color; // 反馈浮层一般提示的背景色
415
- @alert-transition-fn: cubic-bezier(0.32, 0.94, 0.6, 1);
416
- /* ----------- Alert ——————---- end */
417
-
418
- /* ----------- Split-Panel ——————---- start */
419
- @split-panel-trigger-border-color: #ccc;
420
- @split-panel-trigger-arrow-color: #a7b5d3;
421
- @split-panel-trigger-arrow-hover-color: @theme-color;
422
- @split-panel-trigger-line-width: 1px;
423
- @split-panel-trigger-line-color: @split-panel-trigger-border-color;
424
- /* ----------- Split-Panel ——————---- end */
425
-
426
- /* ----------- Modal ——————---- start */
427
- @confirm-modal-title-icon-bg: @ongoing-bg-color; // 提示弹窗的背景色
428
- @warning-modal-title-icon-bg: @warning-bg-color; // 警告弹窗的背景色
429
- @error-modal-title-icon-bg: @error-bg-color; // 反馈浮层错误提示的背景色
430
- /* ----------- Modal ——————---- end */
431
-
432
- /* ----------- Steps ——————---- start */
433
- @steps-transition-fn: cubic-bezier(0.48, 0.04, 0.52, 0.96);
434
- /* ----------- Steps ——————---- end */
435
- /* ----------- Tag ——————---- start */
436
- @tag-font-size: 12px;
437
- @tag-border-radius: 10px;
438
- @tag-height: 18px;
439
- @tag-process-color: @ongoing-color;
440
- @tag-success-color: @success-color;
441
- @tag-warning-color: @warning-color;
442
- @tag-error-color: @error-color;
443
- @tag-end-color: @end-color;
444
- @tag-expired-color: @disabled-color;
445
- /* ----------- Tag ——————---- end */
@@ -1 +0,0 @@
1
- @import './default.less';
File without changes
@@ -1 +0,0 @@
1
-