tntd 3.0.0-beta.2 → 3.0.0-beta.20

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 (373) hide show
  1. package/es/alert/alert.js +5 -4
  2. package/es/alert/alert.js.map +1 -1
  3. package/es/array-input/index.js +57 -42
  4. package/es/array-input/index.js.map +1 -1
  5. package/es/array-input/index.less +4 -1
  6. package/es/button/button.less +17 -12
  7. package/es/cascader/cascader.js +30 -0
  8. package/es/cascader/cascader.js.map +1 -0
  9. package/es/cascader/cascader.less +16 -0
  10. package/es/cascader/index.js +3 -6
  11. package/es/cascader/index.js.map +1 -1
  12. package/es/check-card/index.js +2 -3
  13. package/es/check-card/index.js.map +1 -1
  14. package/es/checkbox/checkbox.js +5 -5
  15. package/es/checkbox/checkbox.js.map +1 -1
  16. package/es/collapse/collapse.less +3 -3
  17. package/es/color-picker/ColorPicker.js +4 -6
  18. package/es/color-picker/ColorPicker.js.map +1 -1
  19. package/es/descriptions/descriptions.js +35 -17
  20. package/es/descriptions/descriptions.js.map +1 -1
  21. package/es/descriptions/descriptions.less +6 -2
  22. package/es/descriptions/style/index.less +1 -0
  23. package/es/drawer/drawer.js +34 -24
  24. package/es/drawer/drawer.js.map +1 -1
  25. package/es/drawer/index.less +8 -12
  26. package/es/drawer/style/drawer.less +2 -4
  27. package/es/form/form.js +5 -3
  28. package/es/form/form.js.map +1 -1
  29. package/es/form/form.less +12 -6
  30. package/es/form/style/index.less +6 -6
  31. package/es/handle/index.js +9 -6
  32. package/es/handle/index.js.map +1 -1
  33. package/es/handle/index.less +16 -0
  34. package/es/handle-icon/index.js +201 -0
  35. package/es/handle-icon/index.js.map +1 -0
  36. package/es/handle-icon/index.less +53 -0
  37. package/es/icon/style/style.less +1 -1
  38. package/es/index.js +5 -0
  39. package/es/index.js.map +1 -1
  40. package/es/input/input.js +10 -6
  41. package/es/input/input.js.map +1 -1
  42. package/es/input/style/mixin.less +2 -3
  43. package/es/locale/en_US.js +6 -0
  44. package/es/locale/en_US.js.map +1 -1
  45. package/es/locale/zh_CN.js +6 -0
  46. package/es/locale/zh_CN.js.map +1 -1
  47. package/es/modal/style/confirm.less +6 -10
  48. package/es/modal/style/modal.less +1 -1
  49. package/es/page-container/index.js +13 -0
  50. package/es/page-container/index.js.map +1 -0
  51. package/es/page-container/index.less +38 -0
  52. package/es/page-loading/index.js +29 -0
  53. package/es/page-loading/index.js.map +1 -0
  54. package/es/page-loading/index.less +38 -0
  55. package/es/page-loading/loading.gif +0 -0
  56. package/es/query-form/index.js +125 -109
  57. package/es/query-form/index.js.map +1 -1
  58. package/es/query-form/index.less +9 -12
  59. package/es/{query-form → query-form-backup}/Field/Composition/index.less +11 -3
  60. package/es/query-form-backup/index.less +90 -0
  61. package/es/query-list-scene/QueryForm.js +1 -3
  62. package/es/query-list-scene/QueryForm.js.map +1 -1
  63. package/es/query-list-scene/index.less +3 -3
  64. package/es/radio/radio.js +4 -4
  65. package/es/radio/radio.js.map +1 -1
  66. package/es/select/select.js +5 -3
  67. package/es/select/select.js.map +1 -1
  68. package/es/select/select.less +1 -1
  69. package/es/select/style/index.less +4 -4
  70. package/es/style/themes/default.less +3 -3
  71. package/es/table/expand.less +49 -0
  72. package/es/table/hooks/index.js +2 -1
  73. package/es/table/hooks/index.js.map +1 -1
  74. package/es/table/hooks/use-expand-fixed.js +78 -0
  75. package/es/table/hooks/use-expand-fixed.js.map +1 -0
  76. package/es/table/index.js +1 -0
  77. package/es/table/index.js.map +1 -1
  78. package/es/table/style/index.less +61 -68
  79. package/es/table/style/size.less +4 -4
  80. package/es/table/table.js +49 -15
  81. package/es/table/table.js.map +1 -1
  82. package/es/table/table.less +13 -22
  83. package/es/table/table.stories.js +413 -2
  84. package/es/table/table.stories.js.map +1 -1
  85. package/es/table/utils.js +11 -0
  86. package/es/table/utils.js.map +1 -1
  87. package/es/table-container/index.js +15 -0
  88. package/es/table-container/index.js.map +1 -0
  89. package/es/table-container/index.less +16 -0
  90. package/es/tabs/tabs.less +23 -25
  91. package/es/tabs-container/index.js +13 -0
  92. package/es/tabs-container/index.js.map +1 -0
  93. package/es/tabs-container/index.less +51 -0
  94. package/es/tag/color.less +28 -18
  95. package/es/tag/index.js +1 -1
  96. package/es/tag/index.js.map +1 -1
  97. package/es/tag/tag.less +41 -5
  98. package/es/title/index.js +4 -3
  99. package/es/title/index.js.map +1 -1
  100. package/es/tntd-action/Action.js +60 -13
  101. package/es/tntd-action/Action.js.map +1 -1
  102. package/es/tntd-action/index.js +5 -5
  103. package/es/tntd-action/index.js.map +1 -1
  104. package/es/tntd-action/index.less +5 -3
  105. package/es/tntd-cascader/AntdCascader/component/getIcons.js +7 -8
  106. package/es/tntd-cascader/AntdCascader/component/getIcons.js.map +1 -1
  107. package/es/tntd-cascader/AntdCascader/index.js +4 -5
  108. package/es/tntd-cascader/AntdCascader/index.js.map +1 -1
  109. package/es/tntd-form/FormItem/ItemHolder.js +1 -6
  110. package/es/tntd-form/FormItem/ItemHolder.js.map +1 -1
  111. package/es/tntd-rc-select/_util/getIcons.js +7 -8
  112. package/es/tntd-rc-select/_util/getIcons.js.map +1 -1
  113. package/es/tntd-select/index.js +9 -8
  114. package/es/tntd-select/index.js.map +1 -1
  115. package/es/tntd-select/index.less +7 -0
  116. package/es/tooltip/index.js +1 -0
  117. package/es/tooltip/index.js.map +1 -1
  118. package/es/tooltip/index.less +1 -2
  119. package/lib/alert/alert.d.ts.map +1 -1
  120. package/lib/alert/alert.js +4 -3
  121. package/lib/alert/alert.js.map +1 -1
  122. package/lib/array-input/index.d.ts +1 -12
  123. package/lib/array-input/index.d.ts.map +1 -1
  124. package/lib/array-input/index.js +62 -55
  125. package/lib/array-input/index.js.map +1 -1
  126. package/lib/array-input/index.less +4 -1
  127. package/lib/button/button.less +17 -12
  128. package/lib/cascader/cascader.d.ts +10 -0
  129. package/lib/cascader/cascader.d.ts.map +1 -0
  130. package/lib/cascader/cascader.js +49 -0
  131. package/lib/cascader/cascader.js.map +1 -0
  132. package/lib/cascader/cascader.less +16 -0
  133. package/lib/cascader/index.d.ts +3 -7
  134. package/lib/cascader/index.d.ts.map +1 -1
  135. package/lib/cascader/index.js +5 -10
  136. package/lib/cascader/index.js.map +1 -1
  137. package/lib/check-card/index.js +1 -2
  138. package/lib/check-card/index.js.map +1 -1
  139. package/lib/checkbox/checkbox.d.ts +2 -2
  140. package/lib/checkbox/checkbox.d.ts.map +1 -1
  141. package/lib/checkbox/checkbox.js +5 -5
  142. package/lib/checkbox/checkbox.js.map +1 -1
  143. package/lib/collapse/collapse.less +3 -3
  144. package/lib/color-picker/ColorPicker.d.ts.map +1 -1
  145. package/lib/color-picker/ColorPicker.js +2 -4
  146. package/lib/color-picker/ColorPicker.js.map +1 -1
  147. package/lib/descriptions/descriptions.d.ts.map +1 -1
  148. package/lib/descriptions/descriptions.js +38 -19
  149. package/lib/descriptions/descriptions.js.map +1 -1
  150. package/lib/descriptions/descriptions.less +6 -2
  151. package/lib/descriptions/style/index.less +1 -0
  152. package/lib/drawer/drawer.d.ts +5 -0
  153. package/lib/drawer/drawer.d.ts.map +1 -1
  154. package/lib/drawer/drawer.js +34 -23
  155. package/lib/drawer/drawer.js.map +1 -1
  156. package/lib/drawer/index.less +8 -12
  157. package/lib/drawer/style/drawer.less +2 -4
  158. package/lib/form/form.js +5 -3
  159. package/lib/form/form.js.map +1 -1
  160. package/lib/form/form.less +12 -6
  161. package/lib/form/style/index.less +6 -6
  162. package/lib/handle/index.d.ts.map +1 -1
  163. package/lib/handle/index.js +15 -10
  164. package/lib/handle/index.js.map +1 -1
  165. package/lib/handle/index.less +16 -0
  166. package/lib/handle-icon/index.d.ts +7 -0
  167. package/lib/handle-icon/index.d.ts.map +1 -0
  168. package/lib/handle-icon/index.js +221 -0
  169. package/lib/handle-icon/index.js.map +1 -0
  170. package/lib/handle-icon/index.less +53 -0
  171. package/lib/icon/style/style.less +1 -1
  172. package/lib/index.d.ts +5 -0
  173. package/lib/index.d.ts.map +1 -1
  174. package/lib/index.js +35 -0
  175. package/lib/index.js.map +1 -1
  176. package/lib/input/input.js +8 -4
  177. package/lib/input/input.js.map +1 -1
  178. package/lib/input/style/mixin.less +2 -3
  179. package/lib/locale/default.d.ts +6 -0
  180. package/lib/locale/default.d.ts.map +1 -1
  181. package/lib/locale/en_US.d.ts +6 -0
  182. package/lib/locale/en_US.d.ts.map +1 -1
  183. package/lib/locale/en_US.js +6 -0
  184. package/lib/locale/en_US.js.map +1 -1
  185. package/lib/locale/zh_CN.d.ts +6 -0
  186. package/lib/locale/zh_CN.d.ts.map +1 -1
  187. package/lib/locale/zh_CN.js +6 -0
  188. package/lib/locale/zh_CN.js.map +1 -1
  189. package/lib/modal/style/confirm.less +6 -10
  190. package/lib/modal/style/modal.less +1 -1
  191. package/lib/page-container/index.d.ts +4 -0
  192. package/lib/page-container/index.d.ts.map +1 -0
  193. package/lib/page-container/index.js +22 -0
  194. package/lib/page-container/index.js.map +1 -0
  195. package/lib/page-container/index.less +38 -0
  196. package/lib/{query-form/Field/Composition/Select.d.ts → page-loading/index.d.ts} +1 -1
  197. package/lib/page-loading/index.d.ts.map +1 -0
  198. package/lib/page-loading/index.js +34 -0
  199. package/lib/page-loading/index.js.map +1 -0
  200. package/lib/page-loading/index.less +38 -0
  201. package/lib/page-loading/loading.gif +0 -0
  202. package/lib/query-form/index.d.ts +7 -4
  203. package/lib/query-form/index.d.ts.map +1 -1
  204. package/lib/query-form/index.js +149 -137
  205. package/lib/query-form/index.js.map +1 -1
  206. package/lib/query-form/index.less +9 -12
  207. package/lib/{query-form → query-form-backup}/Field/Composition/index.less +11 -3
  208. package/lib/query-form-backup/index.less +90 -0
  209. package/lib/query-list-scene/QueryForm.js +2 -3
  210. package/lib/query-list-scene/QueryForm.js.map +1 -1
  211. package/lib/query-list-scene/index.less +3 -3
  212. package/lib/radio/radio.d.ts +2 -2
  213. package/lib/radio/radio.d.ts.map +1 -1
  214. package/lib/radio/radio.js +4 -4
  215. package/lib/radio/radio.js.map +1 -1
  216. package/lib/select/select.d.ts.map +1 -1
  217. package/lib/select/select.js +4 -2
  218. package/lib/select/select.js.map +1 -1
  219. package/lib/select/select.less +1 -1
  220. package/lib/select/style/index.less +4 -4
  221. package/lib/style/themes/default.less +3 -3
  222. package/lib/table/expand.less +49 -0
  223. package/lib/table/hooks/index.d.ts +1 -0
  224. package/lib/table/hooks/index.d.ts.map +1 -1
  225. package/lib/table/hooks/index.js +11 -0
  226. package/lib/table/hooks/index.js.map +1 -1
  227. package/lib/table/hooks/use-expand-fixed.d.ts +4 -0
  228. package/lib/table/hooks/use-expand-fixed.d.ts.map +1 -0
  229. package/lib/table/hooks/use-expand-fixed.js +108 -0
  230. package/lib/table/hooks/use-expand-fixed.js.map +1 -0
  231. package/lib/table/index.d.ts +1 -0
  232. package/lib/table/index.d.ts.map +1 -1
  233. package/lib/table/index.js +1 -0
  234. package/lib/table/index.js.map +1 -1
  235. package/lib/table/style/index.less +61 -68
  236. package/lib/table/style/size.less +4 -4
  237. package/lib/table/table.d.ts +3 -1
  238. package/lib/table/table.d.ts.map +1 -1
  239. package/lib/table/table.js +50 -13
  240. package/lib/table/table.js.map +1 -1
  241. package/lib/table/table.less +13 -22
  242. package/lib/table/table.stories.d.ts +106 -29
  243. package/lib/table/table.stories.d.ts.map +1 -1
  244. package/lib/table/table.stories.js +426 -3
  245. package/lib/table/table.stories.js.map +1 -1
  246. package/lib/table/utils.d.ts +1 -0
  247. package/lib/table/utils.d.ts.map +1 -1
  248. package/lib/table/utils.js +13 -0
  249. package/lib/table/utils.js.map +1 -1
  250. package/lib/table-container/index.d.ts +3 -0
  251. package/lib/table-container/index.d.ts.map +1 -0
  252. package/lib/table-container/index.js +25 -0
  253. package/lib/table-container/index.js.map +1 -0
  254. package/lib/table-container/index.less +16 -0
  255. package/lib/tabs/tabs.less +23 -25
  256. package/lib/tabs-container/index.d.ts +4 -0
  257. package/lib/tabs-container/index.d.ts.map +1 -0
  258. package/lib/tabs-container/index.js +22 -0
  259. package/lib/tabs-container/index.js.map +1 -0
  260. package/lib/tabs-container/index.less +51 -0
  261. package/lib/tag/color.less +28 -18
  262. package/lib/tag/index.js +1 -1
  263. package/lib/tag/index.js.map +1 -1
  264. package/lib/tag/tag.less +41 -5
  265. package/lib/title/index.d.ts +1 -0
  266. package/lib/title/index.d.ts.map +1 -1
  267. package/lib/title/index.js +3 -2
  268. package/lib/title/index.js.map +1 -1
  269. package/lib/tntd-action/Action.d.ts +1 -1
  270. package/lib/tntd-action/Action.js +65 -14
  271. package/lib/tntd-action/Action.js.map +1 -1
  272. package/lib/tntd-action/index.js +6 -8
  273. package/lib/tntd-action/index.js.map +1 -1
  274. package/lib/tntd-action/index.less +5 -3
  275. package/lib/tntd-cascader/AntdCascader/component/getIcons.js +2 -3
  276. package/lib/tntd-cascader/AntdCascader/component/getIcons.js.map +1 -1
  277. package/lib/tntd-cascader/AntdCascader/index.d.ts.map +1 -1
  278. package/lib/tntd-cascader/AntdCascader/index.js +1 -2
  279. package/lib/tntd-cascader/AntdCascader/index.js.map +1 -1
  280. package/lib/tntd-form/FormItem/ItemHolder.js +1 -6
  281. package/lib/tntd-form/FormItem/ItemHolder.js.map +1 -1
  282. package/lib/tntd-rc-select/_util/getIcons.js +2 -3
  283. package/lib/tntd-rc-select/_util/getIcons.js.map +1 -1
  284. package/lib/tntd-select/index.d.ts.map +1 -1
  285. package/lib/tntd-select/index.js +8 -7
  286. package/lib/tntd-select/index.js.map +1 -1
  287. package/lib/tntd-select/index.less +7 -0
  288. package/lib/tooltip/index.d.ts +1 -0
  289. package/lib/tooltip/index.d.ts.map +1 -1
  290. package/lib/tooltip/index.js +1 -0
  291. package/lib/tooltip/index.js.map +1 -1
  292. package/lib/tooltip/index.less +1 -2
  293. package/package.json +5 -4
  294. package/themes/common/css2.x.css +1 -0
  295. package/themes/common/css3.x.css +1 -0
  296. package/themes/default/lessVars3.x.less +4 -6
  297. package/themes/default/variables.less +3 -3
  298. package/themes/default/variablesVar.less +3 -3
  299. package/es/array-input/icon.js +0 -25
  300. package/es/array-input/icon.js.map +0 -1
  301. package/es/checkbox/checkbox-group.js +0 -5
  302. package/es/checkbox/checkbox-group.js.map +0 -1
  303. package/es/drawer/drawer.less +0 -20
  304. package/es/grid/RowContext.js +0 -3
  305. package/es/grid/RowContext.js.map +0 -1
  306. package/es/grid/col.js +0 -103
  307. package/es/grid/col.js.map +0 -1
  308. package/es/grid/hooks/useBreakpoint.js +0 -18
  309. package/es/grid/hooks/useBreakpoint.js.map +0 -1
  310. package/es/grid/row.js +0 -154
  311. package/es/grid/row.js.map +0 -1
  312. package/es/grid/style/rtl.less +0 -69
  313. package/es/modal/modal.less +0 -18
  314. package/es/query-form/Field/Composition/FieldPopover.js +0 -284
  315. package/es/query-form/Field/Composition/FieldPopover.js.map +0 -1
  316. package/es/query-form/Field/Composition/Select.js +0 -108
  317. package/es/query-form/Field/Composition/Select.js.map +0 -1
  318. package/es/query-form/Field/Composition/index.js +0 -275
  319. package/es/query-form/Field/Composition/index.js.map +0 -1
  320. package/es/query-form/Field/Composition/utils.js +0 -19
  321. package/es/query-form/Field/Composition/utils.js.map +0 -1
  322. package/es/radio/radio-group.js +0 -5
  323. package/es/radio/radio-group.js.map +0 -1
  324. package/es/steps/stepStyle/small.less +0 -5
  325. package/lib/array-input/icon.d.ts +0 -4
  326. package/lib/array-input/icon.d.ts.map +0 -1
  327. package/lib/array-input/icon.js +0 -32
  328. package/lib/array-input/icon.js.map +0 -1
  329. package/lib/checkbox/checkbox-group.d.ts +0 -8
  330. package/lib/checkbox/checkbox-group.d.ts.map +0 -1
  331. package/lib/checkbox/checkbox-group.js +0 -12
  332. package/lib/checkbox/checkbox-group.js.map +0 -1
  333. package/lib/drawer/drawer.less +0 -20
  334. package/lib/grid/RowContext.d.ts +0 -9
  335. package/lib/grid/RowContext.d.ts.map +0 -1
  336. package/lib/grid/RowContext.js +0 -9
  337. package/lib/grid/RowContext.js.map +0 -1
  338. package/lib/grid/col.d.ts +0 -29
  339. package/lib/grid/col.d.ts.map +0 -1
  340. package/lib/grid/col.js +0 -100
  341. package/lib/grid/col.js.map +0 -1
  342. package/lib/grid/hooks/useBreakpoint.d.ts +0 -4
  343. package/lib/grid/hooks/useBreakpoint.d.ts.map +0 -1
  344. package/lib/grid/hooks/useBreakpoint.js +0 -28
  345. package/lib/grid/hooks/useBreakpoint.js.map +0 -1
  346. package/lib/grid/row.d.ts +0 -21
  347. package/lib/grid/row.d.ts.map +0 -1
  348. package/lib/grid/row.js +0 -183
  349. package/lib/grid/row.js.map +0 -1
  350. package/lib/grid/style/rtl.less +0 -69
  351. package/lib/modal/modal.less +0 -18
  352. package/lib/query-form/Field/Composition/FieldPopover.d.ts +0 -17
  353. package/lib/query-form/Field/Composition/FieldPopover.d.ts.map +0 -1
  354. package/lib/query-form/Field/Composition/FieldPopover.js +0 -319
  355. package/lib/query-form/Field/Composition/FieldPopover.js.map +0 -1
  356. package/lib/query-form/Field/Composition/Select.d.ts.map +0 -1
  357. package/lib/query-form/Field/Composition/Select.js +0 -132
  358. package/lib/query-form/Field/Composition/Select.js.map +0 -1
  359. package/lib/query-form/Field/Composition/index.d.ts +0 -14
  360. package/lib/query-form/Field/Composition/index.d.ts.map +0 -1
  361. package/lib/query-form/Field/Composition/index.js +0 -330
  362. package/lib/query-form/Field/Composition/index.js.map +0 -1
  363. package/lib/query-form/Field/Composition/utils.d.ts +0 -6
  364. package/lib/query-form/Field/Composition/utils.d.ts.map +0 -1
  365. package/lib/query-form/Field/Composition/utils.js +0 -27
  366. package/lib/query-form/Field/Composition/utils.js.map +0 -1
  367. package/lib/radio/radio-group.d.ts +0 -8
  368. package/lib/radio/radio-group.d.ts.map +0 -1
  369. package/lib/radio/radio-group.js +0 -12
  370. package/lib/radio/radio-group.js.map +0 -1
  371. package/lib/steps/stepStyle/small.less +0 -5
  372. /package/es/{query-form → query-form-backup}/Field/Composition/FieldPopover.less +0 -0
  373. /package/lib/{query-form → query-form-backup}/Field/Composition/FieldPopover.less +0 -0
@@ -10,10 +10,10 @@
10
10
  @heading-2-line-height: 32 / 24;
11
11
  @heading-3-line-height: 26 / 18;
12
12
  @heading-4-line-height: 24 / 16;
13
- // @border-radius-base: 8px;
14
- // @border-radius-sm: 4px;
15
- // @border-radius-xs: 2px;
16
- // @border-radius-lg: 16px;
13
+ @border-radius-base: 8px;
14
+ @border-radius-sm: 4px;
15
+ @border-radius-xs: 2px;
16
+ @border-radius-lg: 16px;
17
17
  @padding-xxs: 4px;
18
18
  @padding-base: 16px;
19
19
  @padding-xxl: 48px;
@@ -32,5 +32,3 @@
32
32
  @margin-xxl: 48px;
33
33
  @box-shadow-md: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
34
34
  @box-shadow-lg: 0px 0px 25px 0px rgba(0, 0, 0, 0.1), 0px 0px 5px -5px rgba(0, 0, 0, 0.05);
35
-
36
-
@@ -247,7 +247,7 @@
247
247
 
248
248
  // Grid system
249
249
  @grid-columns: 24;
250
- @grid-gutter-width: 0;
250
+ @grid-gutter-width: 0px;
251
251
 
252
252
  // Layout
253
253
  @layout-body-background: #f0f2f5;
@@ -293,7 +293,7 @@
293
293
  @label-required-color: @highlight-color;
294
294
  @label-color: @heading-color;
295
295
  @form-warning-input-bg: @input-bg;
296
- @form-item-margin-bottom: 16px; // 2px
296
+ @form-item-margin-bottom: 16px;
297
297
  @form-item-trailing-colon: true;
298
298
  @form-vertical-label-padding: 0 0 8px;
299
299
  @form-vertical-label-margin: 0;
@@ -522,7 +522,7 @@
522
522
  // ---
523
523
  @switch-height: 24px;
524
524
  @switch-sm-height: 20px;
525
- @switch-sm-checked-margin-left: -(@switch-sm-height - 3px);
525
+ @switch-sm-checked-margin-left: 3px - @switch-sm-height;
526
526
  @switch-disabled-opacity: 0.4;
527
527
  @switch-color: @primary-color;
528
528
  @switch-shadow-color: fade(#00230b, 20%);
@@ -248,7 +248,7 @@
248
248
 
249
249
  // Grid system
250
250
  @grid-columns: 24;
251
- @grid-gutter-width: 0;
251
+ @grid-gutter-width: 0px;
252
252
 
253
253
  // Layout
254
254
  @layout-body-background: #f0f2f5;
@@ -294,7 +294,7 @@
294
294
  @label-required-color: @highlight-color;
295
295
  @label-color: @heading-color;
296
296
  @form-warning-input-bg: @input-bg;
297
- @form-item-margin-bottom: 16px; // 2px
297
+ @form-item-margin-bottom: 16px;
298
298
  @form-item-trailing-colon: true;
299
299
  @form-vertical-label-padding: 0 0 8px;
300
300
  @form-vertical-label-margin: 0;
@@ -523,7 +523,7 @@
523
523
  // ---
524
524
  @switch-height: 24px;
525
525
  @switch-sm-height: 20px;
526
- @switch-sm-checked-margin-left: -(@switch-sm-height - 3px);
526
+ @switch-sm-checked-margin-left: 3px - @switch-sm-height;
527
527
  @switch-disabled-opacity: 0.4;
528
528
  @switch-color: @primary-color;
529
529
  @switch-shadow-color: fade(#00230b, 20%);
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- export const plusIcon = React.createElement("svg", {
3
- viewBox: "64 64 896 896",
4
- focusable: "false",
5
- "data-icon": "plus-circle",
6
- width: "1em",
7
- height: "1em",
8
- fill: "currentColor",
9
- "aria-hidden": "true"
10
- }, React.createElement("path", {
11
- d: "M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
12
- }), React.createElement("path", {
13
- d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
14
- }));
15
- export const deleteIcon = React.createElement("svg", {
16
- viewBox: "64 64 896 896",
17
- focusable: "false",
18
- "data-icon": "delete",
19
- width: "1em",
20
- height: "1em",
21
- fill: "currentColor",
22
- "aria-hidden": "true"
23
- }, React.createElement("path", {
24
- d: "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
25
- }));
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon.js","sourceRoot":"","sources":["../../src/array-input/icon.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,6BACE,OAAO,EAAC,eAAe,EACvB,SAAS,EAAC,OAAO,eACP,aAAa,EACvB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,cAAc,iBACP,MAAM;IAElB,8BAAM,CAAC,EAAC,2LAA2L,GAAQ;IAC3M,8BAAM,CAAC,EAAC,+KAA+K,GAAQ,CAC3L,CACP,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,6BACE,OAAO,EAAC,eAAe,EACvB,SAAS,EAAC,OAAO,eACP,QAAQ,EAClB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,cAAc,iBACP,MAAM;IAElB,8BAAM,CAAC,EAAC,qVAAqV,GAAQ,CACjW,CACP,CAAA","sourcesContent":["import React from 'react'\n\nexport const plusIcon = (\n <svg\n viewBox=\"64 64 896 896\"\n focusable=\"false\"\n data-icon=\"plus-circle\"\n width=\"1em\"\n height=\"1em\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path d=\"M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z\"></path>\n <path d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z\"></path>\n </svg>\n)\n\nexport const deleteIcon = (\n <svg\n viewBox=\"64 64 896 896\"\n focusable=\"false\"\n data-icon=\"delete\"\n width=\"1em\"\n height=\"1em\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path d=\"M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z\"></path>\n </svg>\n)\n"]}
@@ -1,5 +0,0 @@
1
- import 'react';
2
- import Checkbox from 'antd/es/checkbox';
3
- import { connectReadonlyComponent } from '../connect';
4
- import { PreviewText } from '../preview-text';
5
- export default connectReadonlyComponent(Checkbox.Group, PreviewText.Select);
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkbox-group.js","sourceRoot":"","sources":["../../src/checkbox/checkbox-group.tsx"],"names":[],"mappings":"AAAA,OAAkC,OAAO,CAAA;AACzC,OAAO,QAAQ,MAAM,kBAAkB,CAAA;AAEvC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAM7C,eAAe,wBAAwB,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport Checkbox from 'antd/es/checkbox'\nimport type { CheckboxGroupProps as AntdCheckboxGroupProps } from 'antd/es/checkbox/Group'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nexport type CheckboxGroupProps = AntdCheckboxGroupProps & {\n readonly?: boolean\n}\n\nexport default connectReadonlyComponent(Checkbox.Group, PreviewText.Select)\n"]}
@@ -1,20 +0,0 @@
1
- @drawer-prefix-cls: ~'@{ant-prefix}-drawer';
2
-
3
- .tntd-drawer{
4
- &.@{drawer-prefix-cls} {
5
- .@{drawer-prefix-cls}-title {
6
- font-size: calc(@font-size-lg + 2px);
7
- }
8
-
9
- .@{drawer-prefix-cls}-close {
10
- color: fade(@text-color, 50%);;
11
- top: -4px;
12
- }
13
-
14
- .@{drawer-prefix-cls}-contain-closable{
15
- .@{drawer-prefix-cls}-header{
16
- padding: 12px 36px 12px 20px;
17
- }
18
- }
19
- }
20
- }
@@ -1,3 +0,0 @@
1
- import { createContext } from 'react';
2
- const RowContext = createContext({});
3
- export default RowContext;
@@ -1 +0,0 @@
1
- {"version":3,"file":"RowContext.js","sourceRoot":"","sources":["../../src/grid/RowContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAQrC,MAAM,UAAU,GAA6B,aAAa,CAAC,EAAE,CAAC,CAAA;AAE9D,eAAe,UAAU,CAAA","sourcesContent":["import type { Context } from 'react'\nimport { createContext } from 'react'\n\nexport interface RowContextState {\n gutter?: [number, number]\n wrap?: boolean\n supportFlexGap?: boolean\n}\n\nconst RowContext: Context<RowContextState> = createContext({})\n\nexport default RowContext\n"]}
package/es/grid/col.js DELETED
@@ -1,103 +0,0 @@
1
- var __rest = this && this.__rest || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
4
- if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
5
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
6
- }
7
- return t;
8
- };
9
- import classNames from 'classnames';
10
- import * as React from 'react';
11
- import { ConfigContext } from '../_util/context';
12
- import RowContext from './RowContext';
13
- function parseFlex(flex) {
14
- if (typeof flex === 'number') {
15
- return `${flex} ${flex} auto`;
16
- }
17
- if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
18
- return `0 0 ${flex}`;
19
- }
20
- return flex;
21
- }
22
- const sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
23
- const Col = React.forwardRef((props, ref) => {
24
- const {
25
- getPrefixCls,
26
- direction
27
- } = React.useContext(ConfigContext);
28
- const {
29
- gutter,
30
- wrap,
31
- supportFlexGap
32
- } = React.useContext(RowContext);
33
- const {
34
- prefixCls: customizePrefixCls = 'tnt-col',
35
- span,
36
- order,
37
- offset,
38
- push,
39
- pull,
40
- className,
41
- children,
42
- flex,
43
- style
44
- } = props,
45
- others = __rest(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]);
46
- const prefixCls = getPrefixCls('col', customizePrefixCls);
47
- let sizeClassObj = {};
48
- sizes.forEach(size => {
49
- let sizeProps = {};
50
- const propSize = props[size];
51
- if (typeof propSize === 'number') {
52
- sizeProps.span = propSize;
53
- } else if (typeof propSize === 'object') {
54
- sizeProps = propSize || {};
55
- }
56
- delete others[size];
57
- sizeClassObj = Object.assign(Object.assign({}, sizeClassObj), {
58
- [`${prefixCls}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined,
59
- [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0,
60
- [`${prefixCls}-${size}-offset-${sizeProps.offset}`]: sizeProps.offset || sizeProps.offset === 0,
61
- [`${prefixCls}-${size}-push-${sizeProps.push}`]: sizeProps.push || sizeProps.push === 0,
62
- [`${prefixCls}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull || sizeProps.pull === 0,
63
- [`${prefixCls}-rtl`]: direction === 'rtl'
64
- });
65
- });
66
- const classes = classNames(prefixCls, {
67
- [`${prefixCls}-${span}`]: span !== undefined,
68
- [`${prefixCls}-order-${order}`]: order,
69
- [`${prefixCls}-offset-${offset}`]: offset,
70
- [`${prefixCls}-push-${push}`]: push,
71
- [`${prefixCls}-pull-${pull}`]: pull
72
- }, className, sizeClassObj);
73
- const mergedStyle = {};
74
- // Horizontal gutter use padding
75
- if (gutter && gutter[0] > 0) {
76
- const horizontalGutter = gutter[0] / 2;
77
- mergedStyle.paddingLeft = horizontalGutter;
78
- mergedStyle.paddingRight = horizontalGutter;
79
- }
80
- // Vertical gutter use padding when gap not support
81
- if (gutter && gutter[1] > 0 && !supportFlexGap) {
82
- const verticalGutter = gutter[1] / 2;
83
- mergedStyle.paddingTop = verticalGutter;
84
- mergedStyle.paddingBottom = verticalGutter;
85
- }
86
- if (flex) {
87
- mergedStyle.flex = parseFlex(flex);
88
- // Hack for Firefox to avoid size issue
89
- // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553
90
- if (wrap === false && !mergedStyle.minWidth) {
91
- mergedStyle.minWidth = 0;
92
- }
93
- }
94
- return React.createElement("div", Object.assign({}, others, {
95
- style: Object.assign(Object.assign({}, mergedStyle), style),
96
- className: classes,
97
- ref: ref
98
- }), children);
99
- });
100
- if (process.env.NODE_ENV !== 'production') {
101
- Col.displayName = 'Col';
102
- }
103
- export default Col;
@@ -1 +0,0 @@
1
- {"version":3,"file":"col.js","sourceRoot":"","sources":["../../src/grid/col.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport * as React from 'react'\nimport { ConfigContext } from '../_util/context'\nimport RowContext from './RowContext'\n\n// https://github.com/ant-design/ant-design/issues/14324\ntype ColSpanType = number | string\n\ntype FlexType = number | 'none' | 'auto' | string\n\nexport interface ColSize {\n flex?: FlexType\n span?: ColSpanType\n order?: ColSpanType\n offset?: ColSpanType\n push?: ColSpanType\n pull?: ColSpanType\n}\n\nexport interface ColProps extends React.HTMLAttributes<HTMLDivElement> {\n flex?: FlexType\n span?: ColSpanType\n order?: ColSpanType\n offset?: ColSpanType\n push?: ColSpanType\n pull?: ColSpanType\n xs?: ColSpanType | ColSize\n sm?: ColSpanType | ColSize\n md?: ColSpanType | ColSize\n lg?: ColSpanType | ColSize\n xl?: ColSpanType | ColSize\n xxl?: ColSpanType | ColSize\n prefixCls?: string\n}\n\nfunction parseFlex(flex: FlexType): string {\n if (typeof flex === 'number') {\n return `${flex} ${flex} auto`\n }\n\n if (/^\\d+(\\.\\d+)?(px|em|rem|%)$/.test(flex)) {\n return `0 0 ${flex}`\n }\n\n return flex\n}\nconst sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'] as const\nconst Col = React.forwardRef<HTMLDivElement, ColProps>((props, ref) => {\n const { getPrefixCls, direction } = React.useContext(ConfigContext)\n const { gutter, wrap, supportFlexGap } = React.useContext(RowContext)\n\n const {\n prefixCls: customizePrefixCls = 'tnt-col',\n span,\n order,\n offset,\n push,\n pull,\n className,\n children,\n flex,\n style,\n ...others\n } = props\n\n const prefixCls = getPrefixCls('col', customizePrefixCls)\n\n let sizeClassObj = {}\n sizes.forEach((size) => {\n let sizeProps: ColSize = {}\n const propSize = props[size]\n if (typeof propSize === 'number') {\n sizeProps.span = propSize\n } else if (typeof propSize === 'object') {\n sizeProps = propSize || {}\n }\n\n delete others[size]\n\n sizeClassObj = {\n ...sizeClassObj,\n [`${prefixCls}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined,\n [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0,\n [`${prefixCls}-${size}-offset-${sizeProps.offset}`]:\n sizeProps.offset || sizeProps.offset === 0,\n [`${prefixCls}-${size}-push-${sizeProps.push}`]: sizeProps.push || sizeProps.push === 0,\n [`${prefixCls}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull || sizeProps.pull === 0,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n }\n })\n\n const classes = classNames(\n prefixCls,\n {\n [`${prefixCls}-${span}`]: span !== undefined,\n [`${prefixCls}-order-${order}`]: order,\n [`${prefixCls}-offset-${offset}`]: offset,\n [`${prefixCls}-push-${push}`]: push,\n [`${prefixCls}-pull-${pull}`]: pull,\n },\n className,\n sizeClassObj\n )\n\n const mergedStyle: React.CSSProperties = {}\n // Horizontal gutter use padding\n if (gutter && gutter[0] > 0) {\n const horizontalGutter = gutter[0] / 2\n mergedStyle.paddingLeft = horizontalGutter\n mergedStyle.paddingRight = horizontalGutter\n }\n\n // Vertical gutter use padding when gap not support\n if (gutter && gutter[1] > 0 && !supportFlexGap) {\n const verticalGutter = gutter[1] / 2\n mergedStyle.paddingTop = verticalGutter\n mergedStyle.paddingBottom = verticalGutter\n }\n\n if (flex) {\n mergedStyle.flex = parseFlex(flex)\n\n // Hack for Firefox to avoid size issue\n // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553\n if (wrap === false && !mergedStyle.minWidth) {\n mergedStyle.minWidth = 0\n }\n }\n\n return (\n <div {...others} style={{ ...mergedStyle, ...style }} className={classes} ref={ref}>\n {children}\n </div>\n )\n})\n\nif (process.env.NODE_ENV !== 'production') {\n Col.displayName = 'Col'\n}\n\nexport default Col\n"]}
@@ -1,18 +0,0 @@
1
- import { useEffect, useRef } from 'react';
2
- import useForceUpdate from '../../_util/hooks/useForceUpdate';
3
- import ResponsiveObserve from '../../_util/responsiveObserve';
4
- function useBreakpoint(refreshOnChange = true) {
5
- const screensRef = useRef({});
6
- const forceUpdate = useForceUpdate();
7
- useEffect(() => {
8
- const token = ResponsiveObserve.subscribe(supportScreens => {
9
- screensRef.current = supportScreens;
10
- if (refreshOnChange) {
11
- forceUpdate();
12
- }
13
- });
14
- return () => ResponsiveObserve.unsubscribe(token);
15
- }, []);
16
- return screensRef.current;
17
- }
18
- export default useBreakpoint;
@@ -1 +0,0 @@
1
- {"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../src/grid/hooks/useBreakpoint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,cAAc,MAAM,kCAAkC,CAAA;AAE7D,OAAO,iBAAiB,MAAM,+BAA+B,CAAA;AAE7D,SAAS,aAAa,CAAC,kBAA2B,IAAI;IACpD,MAAM,UAAU,GAAG,MAAM,CAAY,EAAE,CAAC,CAAA;IACxC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,EAAE;YAC3D,UAAU,CAAC,OAAO,GAAG,cAAc,CAAA;YACnC,IAAI,eAAe,EAAE;gBACnB,WAAW,EAAE,CAAA;aACd;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,GAAG,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IACnD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,UAAU,CAAC,OAAO,CAAA;AAC3B,CAAC;AAED,eAAe,aAAa,CAAA","sourcesContent":["import { useEffect, useRef } from 'react'\nimport useForceUpdate from '../../_util/hooks/useForceUpdate'\nimport type { ScreenMap } from '../../_util/responsiveObserve'\nimport ResponsiveObserve from '../../_util/responsiveObserve'\n\nfunction useBreakpoint(refreshOnChange: boolean = true): ScreenMap {\n const screensRef = useRef<ScreenMap>({})\n const forceUpdate = useForceUpdate()\n\n useEffect(() => {\n const token = ResponsiveObserve.subscribe((supportScreens) => {\n screensRef.current = supportScreens\n if (refreshOnChange) {\n forceUpdate()\n }\n })\n\n return () => ResponsiveObserve.unsubscribe(token)\n }, [])\n\n return screensRef.current\n}\n\nexport default useBreakpoint\n"]}
package/es/grid/row.js DELETED
@@ -1,154 +0,0 @@
1
- var __rest = this && this.__rest || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
4
- if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
5
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
6
- }
7
- return t;
8
- };
9
- import classNames from 'classnames';
10
- import * as React from 'react';
11
- import { ConfigContext } from '../_util/context';
12
- import useFlexGapSupport from '../_util/hooks/useFlexGapSupport';
13
- import ResponsiveObserve, { responsiveArray } from '../_util/responsiveObserve';
14
- import { tuple } from '../_util/type';
15
- import RowContext from './RowContext';
16
- const RowAligns = tuple('top', 'middle', 'bottom', 'stretch');
17
- const RowJustify = tuple('start', 'end', 'center', 'space-around', 'space-between', 'space-evenly');
18
- function useMergePropByScreen(oriProp, screen) {
19
- const [prop, setProp] = React.useState(typeof oriProp === 'string' ? oriProp : '');
20
- const clacMergeAlignOrJustify = () => {
21
- if (typeof oriProp === 'string') {
22
- setProp(oriProp);
23
- }
24
- if (typeof oriProp !== 'object') {
25
- return;
26
- }
27
- for (let i = 0; i < responsiveArray.length; i++) {
28
- const breakpoint = responsiveArray[i];
29
- // if do not match, do nothing
30
- if (!screen[breakpoint]) continue;
31
- const curVal = oriProp[breakpoint];
32
- if (curVal !== undefined) {
33
- setProp(curVal);
34
- return;
35
- }
36
- }
37
- };
38
- React.useEffect(() => {
39
- clacMergeAlignOrJustify();
40
- }, [JSON.stringify(oriProp), screen]);
41
- return prop;
42
- }
43
- const Row = React.forwardRef((props, ref) => {
44
- const {
45
- prefixCls: customizePrefixCls = 'tnt-row',
46
- justify,
47
- align,
48
- className,
49
- style,
50
- children,
51
- gutter = 0,
52
- wrap
53
- } = props,
54
- others = __rest(props, ["prefixCls", "justify", "align", "className", "style", "children", "gutter", "wrap"]);
55
- const {
56
- getPrefixCls,
57
- direction
58
- } = React.useContext(ConfigContext);
59
- const [screens, setScreens] = React.useState({
60
- xs: true,
61
- sm: true,
62
- md: true,
63
- lg: true,
64
- xl: true,
65
- xxl: true
66
- });
67
- // to save screens info when responsiveObserve callback had been call
68
- const [curScreens, setCurScreens] = React.useState({
69
- xs: false,
70
- sm: false,
71
- md: false,
72
- lg: false,
73
- xl: false,
74
- xxl: false
75
- });
76
- // ================================== calc reponsive data ==================================
77
- const mergeAlign = useMergePropByScreen(align, curScreens);
78
- const mergeJustify = useMergePropByScreen(justify, curScreens);
79
- const supportFlexGap = useFlexGapSupport();
80
- const gutterRef = React.useRef(gutter);
81
- // ================================== Effect ==================================
82
- React.useEffect(() => {
83
- const token = ResponsiveObserve.subscribe(screen => {
84
- setCurScreens(screen);
85
- const currentGutter = gutterRef.current || 0;
86
- if (!Array.isArray(currentGutter) && typeof currentGutter === 'object' || Array.isArray(currentGutter) && (typeof currentGutter[0] === 'object' || typeof currentGutter[1] === 'object')) {
87
- setScreens(screen);
88
- }
89
- });
90
- return () => ResponsiveObserve.unsubscribe(token);
91
- }, []);
92
- // ================================== Render ==================================
93
- const getGutter = () => {
94
- const results = [undefined, undefined];
95
- const normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, undefined];
96
- normalizedGutter.forEach((g, index) => {
97
- if (typeof g === 'object') {
98
- for (let i = 0; i < responsiveArray.length; i++) {
99
- const breakpoint = responsiveArray[i];
100
- if (screens[breakpoint] && g[breakpoint] !== undefined) {
101
- results[index] = g[breakpoint];
102
- break;
103
- }
104
- }
105
- } else {
106
- results[index] = g;
107
- }
108
- });
109
- return results;
110
- };
111
- const prefixCls = getPrefixCls('row', customizePrefixCls);
112
- const gutters = getGutter();
113
- const classes = classNames(prefixCls, {
114
- [`${prefixCls}-no-wrap`]: wrap === false,
115
- [`${prefixCls}-${mergeJustify}`]: mergeJustify,
116
- [`${prefixCls}-${mergeAlign}`]: mergeAlign,
117
- [`${prefixCls}-rtl`]: direction === 'rtl'
118
- }, className);
119
- // Add gutter related style
120
- const rowStyle = {};
121
- const horizontalGutter = gutters[0] != null && gutters[0] > 0 ? gutters[0] / -2 : undefined;
122
- const verticalGutter = gutters[1] != null && gutters[1] > 0 ? gutters[1] / -2 : undefined;
123
- if (horizontalGutter) {
124
- rowStyle.marginLeft = horizontalGutter;
125
- rowStyle.marginRight = horizontalGutter;
126
- }
127
- if (supportFlexGap) {
128
- // Set gap direct if flex gap support
129
- ;
130
- [, rowStyle.rowGap] = gutters;
131
- } else if (verticalGutter) {
132
- rowStyle.marginTop = verticalGutter;
133
- rowStyle.marginBottom = verticalGutter;
134
- }
135
- // "gutters" is a new array in each rendering phase, it'll make 'React.useMemo' effectless.
136
- // So we deconstruct "gutters" variable here.
137
- const [gutterH, gutterV] = gutters;
138
- const rowContext = React.useMemo(() => ({
139
- gutter: [gutterH, gutterV],
140
- wrap,
141
- supportFlexGap
142
- }), [gutterH, gutterV, wrap, supportFlexGap]);
143
- return React.createElement(RowContext.Provider, {
144
- value: rowContext
145
- }, React.createElement("div", Object.assign({}, others, {
146
- className: classes,
147
- style: Object.assign(Object.assign({}, rowStyle), style),
148
- ref: ref
149
- }), children));
150
- });
151
- if (process.env.NODE_ENV !== 'production') {
152
- Row.displayName = 'Row';
153
- }
154
- export default Row;
@@ -1 +0,0 @@
1
- {"version":3,"file":"row.js","sourceRoot":"","sources":["../../src/grid/row.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport * as React from 'react'\nimport { ConfigContext } from '../_util/context'\nimport useFlexGapSupport from '../_util/hooks/useFlexGapSupport'\nimport type { Breakpoint, ScreenMap } from '../_util/responsiveObserve'\nimport ResponsiveObserve, { responsiveArray } from '../_util/responsiveObserve'\nimport { tuple } from '../_util/type'\nimport RowContext from './RowContext'\n\nconst RowAligns = tuple('top', 'middle', 'bottom', 'stretch')\nconst RowJustify = tuple('start', 'end', 'center', 'space-around', 'space-between', 'space-evenly')\n\ntype Responsive = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs'\ntype ResponsiveLike<T> = {\n [key in Responsive]?: T\n}\n\ntype Gap = number | undefined\nexport type Gutter = number | undefined | Partial<Record<Breakpoint, number>>\n\ntype ResponsiveAligns = ResponsiveLike<typeof RowAligns[number]>\ntype ResponsiveJustify = ResponsiveLike<typeof RowJustify[number]>\nexport interface RowProps extends React.HTMLAttributes<HTMLDivElement> {\n gutter?: Gutter | [Gutter, Gutter]\n align?: typeof RowAligns[number] | ResponsiveAligns\n justify?: typeof RowJustify[number] | ResponsiveJustify\n prefixCls?: string\n wrap?: boolean\n}\n\nfunction useMergePropByScreen(oriProp: RowProps['align'] | RowProps['justify'], screen: ScreenMap) {\n const [prop, setProp] = React.useState(typeof oriProp === 'string' ? oriProp : '')\n\n const clacMergeAlignOrJustify = () => {\n if (typeof oriProp === 'string') {\n setProp(oriProp)\n }\n if (typeof oriProp !== 'object') {\n return\n }\n for (let i = 0; i < responsiveArray.length; i++) {\n const breakpoint: Breakpoint = responsiveArray[i]\n // if do not match, do nothing\n if (!screen[breakpoint]) continue\n const curVal = oriProp[breakpoint]\n if (curVal !== undefined) {\n setProp(curVal)\n return\n }\n }\n }\n\n React.useEffect(() => {\n clacMergeAlignOrJustify()\n }, [JSON.stringify(oriProp), screen])\n\n return prop\n}\n\nconst Row = React.forwardRef<HTMLDivElement, RowProps>((props, ref) => {\n const {\n prefixCls: customizePrefixCls = 'tnt-row',\n justify,\n align,\n className,\n style,\n children,\n gutter = 0,\n wrap,\n ...others\n } = props\n\n const { getPrefixCls, direction } = React.useContext(ConfigContext)\n\n const [screens, setScreens] = React.useState<ScreenMap>({\n xs: true,\n sm: true,\n md: true,\n lg: true,\n xl: true,\n xxl: true,\n })\n // to save screens info when responsiveObserve callback had been call\n const [curScreens, setCurScreens] = React.useState<ScreenMap>({\n xs: false,\n sm: false,\n md: false,\n lg: false,\n xl: false,\n xxl: false,\n })\n\n // ================================== calc reponsive data ==================================\n const mergeAlign = useMergePropByScreen(align, curScreens)\n\n const mergeJustify = useMergePropByScreen(justify, curScreens)\n\n const supportFlexGap = useFlexGapSupport()\n\n const gutterRef = React.useRef<Gutter | [Gutter, Gutter]>(gutter)\n\n // ================================== Effect ==================================\n React.useEffect(() => {\n const token = ResponsiveObserve.subscribe((screen) => {\n setCurScreens(screen)\n const currentGutter = gutterRef.current || 0\n if (\n (!Array.isArray(currentGutter) && typeof currentGutter === 'object') ||\n (Array.isArray(currentGutter) &&\n (typeof currentGutter[0] === 'object' || typeof currentGutter[1] === 'object'))\n ) {\n setScreens(screen)\n }\n })\n return () => ResponsiveObserve.unsubscribe(token)\n }, [])\n\n // ================================== Render ==================================\n const getGutter = (): [Gap, Gap] => {\n const results: [Gap, Gap] = [undefined, undefined]\n const normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, undefined]\n normalizedGutter.forEach((g, index) => {\n if (typeof g === 'object') {\n for (let i = 0; i < responsiveArray.length; i++) {\n const breakpoint: Breakpoint = responsiveArray[i]\n if (screens[breakpoint] && g[breakpoint] !== undefined) {\n results[index] = g[breakpoint] as number\n break\n }\n }\n } else {\n results[index] = g\n }\n })\n return results\n }\n\n const prefixCls = getPrefixCls('row', customizePrefixCls)\n const gutters = getGutter()\n const classes = classNames(\n prefixCls,\n {\n [`${prefixCls}-no-wrap`]: wrap === false,\n [`${prefixCls}-${mergeJustify}`]: mergeJustify,\n [`${prefixCls}-${mergeAlign}`]: mergeAlign,\n [`${prefixCls}-rtl`]: direction === 'rtl',\n },\n className\n )\n\n // Add gutter related style\n const rowStyle: React.CSSProperties = {}\n const horizontalGutter = gutters[0] != null && gutters[0] > 0 ? gutters[0] / -2 : undefined\n const verticalGutter = gutters[1] != null && gutters[1] > 0 ? gutters[1] / -2 : undefined\n\n if (horizontalGutter) {\n rowStyle.marginLeft = horizontalGutter\n rowStyle.marginRight = horizontalGutter\n }\n\n if (supportFlexGap) {\n // Set gap direct if flex gap support\n ;[, rowStyle.rowGap] = gutters\n } else if (verticalGutter) {\n rowStyle.marginTop = verticalGutter\n rowStyle.marginBottom = verticalGutter\n }\n\n // \"gutters\" is a new array in each rendering phase, it'll make 'React.useMemo' effectless.\n // So we deconstruct \"gutters\" variable here.\n const [gutterH, gutterV] = gutters\n const rowContext = React.useMemo(\n () => ({ gutter: [gutterH, gutterV] as [number, number], wrap, supportFlexGap }),\n [gutterH, gutterV, wrap, supportFlexGap]\n )\n\n return (\n <RowContext.Provider value={rowContext}>\n <div {...others} className={classes} style={{ ...rowStyle, ...style }} ref={ref}>\n {children}\n </div>\n </RowContext.Provider>\n )\n})\n\nif (process.env.NODE_ENV !== 'production') {\n Row.displayName = 'Row'\n}\n\nexport default Row\n"]}
@@ -1,69 +0,0 @@
1
- // @import '../../style/themes/index';
2
- // @import '../../style/mixins/index';
3
- @import './mixin';
4
-
5
- .@{row-prefix-cls} {
6
- &-rtl {
7
- direction: rtl;
8
- }
9
- }
10
-
11
- // mixin
12
- .loop-grid-columns(@index, @class) when (@index > 0) {
13
- .@{col-prefix-cls}@{class}-push-@{index} {
14
- // reset property in RTL direction
15
- &.@{col-prefix-cls}-rtl {
16
- right: percentage((@index / @grid-columns));
17
- left: auto;
18
- }
19
- }
20
-
21
- .@{col-prefix-cls}@{class}-pull-@{index} {
22
- // reset property in RTL direction
23
- &.@{col-prefix-cls}-rtl {
24
- right: auto;
25
- left: percentage((@index / @grid-columns));
26
- }
27
- }
28
-
29
- .@{col-prefix-cls}@{class}-offset-@{index} {
30
- // reset property in RTL direction
31
- &.@{col-prefix-cls}-rtl {
32
- margin-right: percentage((@index / @grid-columns));
33
- margin-left: 0;
34
- }
35
- }
36
- }
37
-
38
- .loop-grid-columns(@index, @class) when (@index = 0) {
39
- .@{col-prefix-cls}-push-@{index} {
40
- // reset property in RTL direction
41
- &.@{col-prefix-cls}-rtl {
42
- right: auto;
43
- }
44
- }
45
-
46
- .@{col-prefix-cls}-pull-@{index} {
47
- &.@{col-prefix-cls}-rtl {
48
- left: auto;
49
- }
50
- }
51
-
52
- .@{col-prefix-cls}@{class}-push-@{index} {
53
- &.@{col-prefix-cls}-rtl {
54
- right: auto;
55
- }
56
- }
57
-
58
- .@{col-prefix-cls}@{class}-pull-@{index} {
59
- &.@{col-prefix-cls}-rtl {
60
- left: auto;
61
- }
62
- }
63
-
64
- .@{col-prefix-cls}@{class}-offset-@{index} {
65
- &.@{col-prefix-cls}-rtl {
66
- margin-right: 0;
67
- }
68
- }
69
- }
@@ -1,18 +0,0 @@
1
- @modal-prefix-cls: ~'@{ant-prefix}-modal';
2
- @modal-footer-padding-vertical: 10px;
3
- @modal-footer-padding-horizontal: 20px;
4
-
5
- .@{modal-prefix-cls}-custom-header {
6
- position: absolute;
7
- top: 16px;
8
- left: 16px;
9
- right: 16px;
10
- bottom: 0;
11
- height: 24px;
12
- text-align: right;
13
- font-size: @font-size-lg;
14
- }
15
-
16
- .@{modal-prefix-cls}-confirm-body-wrapper{
17
- margin-top: @margin-xxs;
18
- }