tntd 2.7.3 → 2.7.4

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 (383) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +72 -0
  3. package/es/actions/index.js +12 -0
  4. package/es/actions/index.js.map +1 -0
  5. package/es/actions/index.less +70 -0
  6. package/es/check-card/group.js +149 -0
  7. package/es/check-card/group.js.map +1 -0
  8. package/es/check-card/index.js +120 -0
  9. package/es/check-card/index.js.map +1 -0
  10. package/es/check-card/index.less +179 -0
  11. package/es/color-picker/ColorPicker.js +1 -1
  12. package/es/color-picker/ColorPicker.js.map +1 -1
  13. package/es/color-picker/index.less +1 -1
  14. package/es/ellipsis/index.js +13 -3
  15. package/es/ellipsis/index.js.map +1 -1
  16. package/es/ellipsis/index.less +2 -2
  17. package/es/handle/index.js +20 -9
  18. package/es/handle/index.js.map +1 -1
  19. package/es/handle/index.less +1 -1
  20. package/es/index.js +7 -0
  21. package/es/index.js.map +1 -1
  22. package/es/index.less +5 -0
  23. package/es/locale/en_US.js +3 -1
  24. package/es/locale/en_US.js.map +1 -1
  25. package/es/locale/zh_CN.js +3 -1
  26. package/es/locale/zh_CN.js.map +1 -1
  27. package/es/mention/index.js +4 -0
  28. package/es/mention/index.js.map +1 -0
  29. package/es/page/Box.js +1 -1
  30. package/es/page/Box.js.map +1 -1
  31. package/es/page/index.js +1 -1
  32. package/es/page/index.js.map +1 -1
  33. package/es/page/index.less +5 -5
  34. package/es/prev-locale.js +1 -1
  35. package/es/prev-locale.js.map +1 -1
  36. package/es/query-form/Field/SelectInput.js +2 -2
  37. package/es/query-form/Field/SelectInput.js.map +1 -1
  38. package/es/query-form/Field/index.js +2 -1
  39. package/es/query-form/Field/index.js.map +1 -1
  40. package/es/query-list-scene/QueryForm.js +2 -2
  41. package/es/query-list-scene/QueryForm.js.map +1 -1
  42. package/es/segmented/index.js +50 -0
  43. package/es/segmented/index.js.map +1 -0
  44. package/es/segmented/index.less +138 -0
  45. package/es/table/constants.js +53 -0
  46. package/es/table/constants.js.map +1 -1
  47. package/es/table/context.js.map +1 -1
  48. package/es/table/hooks/use-column-setting.js.map +1 -1
  49. package/es/table/table.js +107 -6
  50. package/es/table/table.js.map +1 -1
  51. package/es/table/table.less +3 -1
  52. package/es/table/total-shower.js +6 -0
  53. package/es/table/total-shower.js.map +1 -0
  54. package/es/title/index.js +5 -5
  55. package/es/title/index.js.map +1 -1
  56. package/es/title/index.less +10 -10
  57. package/es/tntd-form/Form.js +1 -1
  58. package/es/tntd-form/Form.js.map +1 -1
  59. package/es/tntd-form/TntdForm/components/Item.js +42 -30
  60. package/es/tntd-form/TntdForm/components/ItemComp.js +167 -158
  61. package/es/tntd-form/TntdForm/components/List.js +89 -78
  62. package/es/tntd-form/TntdForm/index.js +38 -33
  63. package/es/tntd-form/TntdForm/interface.js +1 -2
  64. package/es/tntd-form/TntdForm/store.js +1 -2
  65. package/es/tntd-form/TntdForm/utils.js +158 -168
  66. package/es/tntd-modal/index.js +54 -21
  67. package/es/tntd-modal/index.js.map +1 -1
  68. package/es/tntd-modal/index.less +83 -63
  69. package/es/utils/index.js +1 -0
  70. package/es/utils/index.js.map +1 -1
  71. package/es/utils/simple-template.js +11 -0
  72. package/es/utils/simple-template.js.map +1 -0
  73. package/es/water-mark/index.js +99 -0
  74. package/es/water-mark/index.js.map +1 -0
  75. package/lib/actions/index.d.ts +15 -0
  76. package/lib/actions/index.d.ts.map +1 -0
  77. package/lib/actions/index.js +17 -0
  78. package/lib/actions/index.js.map +1 -0
  79. package/lib/actions/index.less +70 -0
  80. package/lib/check-card/group.d.ts +130 -0
  81. package/lib/check-card/group.d.ts.map +1 -0
  82. package/lib/check-card/group.js +179 -0
  83. package/lib/check-card/group.js.map +1 -0
  84. package/lib/check-card/index.d.ts +136 -0
  85. package/lib/check-card/index.d.ts.map +1 -0
  86. package/lib/check-card/index.js +148 -0
  87. package/lib/check-card/index.js.map +1 -0
  88. package/lib/check-card/index.less +179 -0
  89. package/lib/color-picker/ColorPicker.js +1 -1
  90. package/lib/color-picker/ColorPicker.js.map +1 -1
  91. package/lib/color-picker/index.less +1 -1
  92. package/lib/ellipsis/index.d.ts.map +1 -1
  93. package/lib/ellipsis/index.js +13 -3
  94. package/lib/ellipsis/index.js.map +1 -1
  95. package/lib/ellipsis/index.less +2 -2
  96. package/lib/handle/index.d.ts.map +1 -1
  97. package/lib/handle/index.js +20 -9
  98. package/lib/handle/index.js.map +1 -1
  99. package/lib/handle/index.less +1 -1
  100. package/lib/index.d.ts +7 -0
  101. package/lib/index.d.ts.map +1 -1
  102. package/lib/index.js +11 -1
  103. package/lib/index.js.map +1 -1
  104. package/lib/index.less +5 -0
  105. package/lib/locale/default.d.ts +1 -0
  106. package/lib/locale/default.d.ts.map +1 -1
  107. package/lib/locale/en_US.d.ts +1 -0
  108. package/lib/locale/en_US.d.ts.map +1 -1
  109. package/lib/locale/en_US.js +3 -1
  110. package/lib/locale/en_US.js.map +1 -1
  111. package/lib/locale/zh_CN.d.ts +1 -0
  112. package/lib/locale/zh_CN.d.ts.map +1 -1
  113. package/lib/locale/zh_CN.js +3 -1
  114. package/lib/locale/zh_CN.js.map +1 -1
  115. package/lib/mention/index.js +25 -0
  116. package/lib/page/Box.js +1 -1
  117. package/lib/page/Box.js.map +1 -1
  118. package/lib/page/index.js +1 -1
  119. package/lib/page/index.js.map +1 -1
  120. package/lib/page/index.less +5 -5
  121. package/lib/prev-locale.js +1 -1
  122. package/lib/prev-locale.js.map +1 -1
  123. package/lib/query-form/Field/SelectInput.d.ts.map +1 -1
  124. package/lib/query-form/Field/SelectInput.js +2 -2
  125. package/lib/query-form/Field/SelectInput.js.map +1 -1
  126. package/lib/query-form/Field/index.d.ts.map +1 -1
  127. package/lib/query-form/Field/index.js +2 -1
  128. package/lib/query-form/Field/index.js.map +1 -1
  129. package/lib/query-list-scene/QueryForm.d.ts +1 -1
  130. package/lib/query-list-scene/QueryForm.d.ts.map +1 -1
  131. package/lib/query-list-scene/QueryForm.js +2 -2
  132. package/lib/query-list-scene/QueryForm.js.map +1 -1
  133. package/lib/segmented/index.d.ts +23 -0
  134. package/lib/segmented/index.d.ts.map +1 -0
  135. package/lib/segmented/index.js +78 -0
  136. package/lib/segmented/index.js.map +1 -0
  137. package/lib/segmented/index.less +138 -0
  138. package/lib/table/constants.d.ts +2 -0
  139. package/lib/table/constants.d.ts.map +1 -1
  140. package/lib/table/constants.js +54 -1
  141. package/lib/table/constants.js.map +1 -1
  142. package/lib/table/context.d.ts +1 -0
  143. package/lib/table/context.d.ts.map +1 -1
  144. package/lib/table/context.js.map +1 -1
  145. package/lib/table/hooks/use-column-setting.d.ts +4 -1
  146. package/lib/table/hooks/use-column-setting.d.ts.map +1 -1
  147. package/lib/table/hooks/use-column-setting.js.map +1 -1
  148. package/lib/table/table.d.ts +2 -1
  149. package/lib/table/table.d.ts.map +1 -1
  150. package/lib/table/table.js +107 -6
  151. package/lib/table/table.js.map +1 -1
  152. package/lib/table/table.less +3 -1
  153. package/lib/table/total-shower.d.ts +9 -0
  154. package/lib/table/total-shower.d.ts.map +1 -0
  155. package/lib/table/total-shower.js +13 -0
  156. package/lib/table/total-shower.js.map +1 -0
  157. package/lib/title/index.d.ts +11 -1
  158. package/lib/title/index.d.ts.map +1 -1
  159. package/lib/title/index.js +5 -5
  160. package/lib/title/index.js.map +1 -1
  161. package/lib/title/index.less +10 -10
  162. package/lib/tntd-form/Form.js +1 -1
  163. package/lib/tntd-form/Form.js.map +1 -1
  164. package/lib/tntd-form/TntdForm/components/Item.js +55 -61
  165. package/lib/tntd-form/TntdForm/components/ItemComp.js +203 -190
  166. package/lib/tntd-form/TntdForm/components/List.js +118 -111
  167. package/lib/tntd-form/TntdForm/index.js +61 -67
  168. package/lib/tntd-form/TntdForm/interface.js +4 -2
  169. package/lib/tntd-form/TntdForm/store.js +8 -7
  170. package/lib/tntd-form/TntdForm/utils.js +182 -184
  171. package/lib/tntd-modal/index.d.ts +15 -2
  172. package/lib/tntd-modal/index.d.ts.map +1 -1
  173. package/lib/tntd-modal/index.js +58 -23
  174. package/lib/tntd-modal/index.js.map +1 -1
  175. package/lib/tntd-modal/index.less +83 -63
  176. package/lib/utils/index.d.ts +1 -0
  177. package/lib/utils/index.d.ts.map +1 -1
  178. package/lib/utils/index.js +1 -0
  179. package/lib/utils/index.js.map +1 -1
  180. package/lib/utils/simple-template.d.ts +9 -0
  181. package/lib/utils/simple-template.d.ts.map +1 -0
  182. package/lib/utils/simple-template.js +15 -0
  183. package/lib/utils/simple-template.js.map +1 -0
  184. package/lib/water-mark/index.d.ts +49 -0
  185. package/lib/water-mark/index.d.ts.map +1 -0
  186. package/lib/water-mark/index.js +129 -0
  187. package/lib/water-mark/index.js.map +1 -0
  188. package/package.json +21 -3
  189. package/es/_util/colors.js +0 -3
  190. package/es/_util/colors.js.map +0 -1
  191. package/es/_util/easings.js +0 -9
  192. package/es/_util/easings.js.map +0 -1
  193. package/es/_util/getDataOrAriaProps.js +0 -8
  194. package/es/_util/getDataOrAriaProps.js.map +0 -1
  195. package/es/_util/getScroll.js +0 -14
  196. package/es/_util/getScroll.js.map +0 -1
  197. package/es/_util/interopDefault.js +0 -5
  198. package/es/_util/interopDefault.js.map +0 -1
  199. package/es/_util/isNumeric.js +0 -4
  200. package/es/_util/isNumeric.js.map +0 -1
  201. package/es/_util/motion.js +0 -22
  202. package/es/_util/motion.js.map +0 -1
  203. package/es/_util/openAnimation.js +0 -51
  204. package/es/_util/openAnimation.js.map +0 -1
  205. package/es/_util/raf.js +0 -25
  206. package/es/_util/raf.js.map +0 -1
  207. package/es/_util/reactNode.js +0 -6
  208. package/es/_util/reactNode.js.map +0 -1
  209. package/es/_util/ref.js +0 -15
  210. package/es/_util/ref.js.map +0 -1
  211. package/es/_util/responsiveObserve.js +0 -82
  212. package/es/_util/responsiveObserve.js.map +0 -1
  213. package/es/_util/scrollTo.js +0 -29
  214. package/es/_util/scrollTo.js.map +0 -1
  215. package/es/_util/styleChecker.js +0 -12
  216. package/es/_util/styleChecker.js.map +0 -1
  217. package/es/_util/throttleByAnimationFrame.js +0 -40
  218. package/es/_util/throttleByAnimationFrame.js.map +0 -1
  219. package/es/_util/transButton.js +0 -103
  220. package/es/_util/transButton.js.map +0 -1
  221. package/es/_util/triggerEvent.js +0 -8
  222. package/es/_util/triggerEvent.js.map +0 -1
  223. package/es/_util/type.js +0 -3
  224. package/es/_util/type.js.map +0 -1
  225. package/es/_util/warning.js +0 -5
  226. package/es/_util/warning.js.map +0 -1
  227. package/es/_util/wave.js +0 -228
  228. package/es/_util/wave.js.map +0 -1
  229. package/es/config-provider/context.js +0 -41
  230. package/es/config-provider/context.js.map +0 -1
  231. package/es/tntd-form/__tests__/demo-extend.test.js +0 -3
  232. package/es/tntd-form/__tests__/demo-extend.test.js.map +0 -1
  233. package/es/tntd-form/__tests__/demo.test.js +0 -3
  234. package/es/tntd-form/__tests__/demo.test.js.map +0 -1
  235. package/es/tntd-form/__tests__/image.test.js +0 -5
  236. package/es/tntd-form/__tests__/image.test.js.map +0 -1
  237. package/es/tntd-form/__tests__/index.test.js +0 -957
  238. package/es/tntd-form/__tests__/index.test.js.map +0 -1
  239. package/es/tntd-form/__tests__/list-noStyle.test.js +0 -41
  240. package/es/tntd-form/__tests__/list-noStyle.test.js.map +0 -1
  241. package/es/tntd-form/__tests__/list.test.js +0 -164
  242. package/es/tntd-form/__tests__/list.test.js.map +0 -1
  243. package/es/tntd-form/__tests__/ref.test.js +0 -45
  244. package/es/tntd-form/__tests__/ref.test.js.map +0 -1
  245. package/es/tntd-form/__tests__/type.test.js +0 -74
  246. package/es/tntd-form/__tests__/type.test.js.map +0 -1
  247. package/lib/_util/colors.d.ts +0 -3
  248. package/lib/_util/colors.d.ts.map +0 -1
  249. package/lib/_util/colors.js +0 -7
  250. package/lib/_util/colors.js.map +0 -1
  251. package/lib/_util/easings.d.ts +0 -2
  252. package/lib/_util/easings.d.ts.map +0 -1
  253. package/lib/_util/easings.js +0 -14
  254. package/lib/_util/easings.js.map +0 -1
  255. package/lib/_util/getDataOrAriaProps.d.ts +0 -2
  256. package/lib/_util/getDataOrAriaProps.d.ts.map +0 -1
  257. package/lib/_util/getDataOrAriaProps.js +0 -13
  258. package/lib/_util/getDataOrAriaProps.js.map +0 -1
  259. package/lib/_util/getScroll.d.ts +0 -2
  260. package/lib/_util/getScroll.d.ts.map +0 -1
  261. package/lib/_util/getScroll.js +0 -18
  262. package/lib/_util/getScroll.js.map +0 -1
  263. package/lib/_util/interopDefault.d.ts +0 -2
  264. package/lib/_util/interopDefault.d.ts.map +0 -1
  265. package/lib/_util/interopDefault.js +0 -9
  266. package/lib/_util/interopDefault.js.map +0 -1
  267. package/lib/_util/isNumeric.d.ts +0 -3
  268. package/lib/_util/isNumeric.d.ts.map +0 -1
  269. package/lib/_util/isNumeric.js +0 -7
  270. package/lib/_util/isNumeric.js.map +0 -1
  271. package/lib/_util/motion.d.ts +0 -24
  272. package/lib/_util/motion.d.ts.map +0 -1
  273. package/lib/_util/motion.js +0 -17
  274. package/lib/_util/motion.js.map +0 -1
  275. package/lib/_util/openAnimation.d.ts +0 -7
  276. package/lib/_util/openAnimation.d.ts.map +0 -1
  277. package/lib/_util/openAnimation.js +0 -58
  278. package/lib/_util/openAnimation.js.map +0 -1
  279. package/lib/_util/raf.d.ts +0 -10
  280. package/lib/_util/raf.d.ts.map +0 -1
  281. package/lib/_util/raf.js +0 -34
  282. package/lib/_util/raf.js.map +0 -1
  283. package/lib/_util/reactNode.d.ts +0 -3
  284. package/lib/_util/reactNode.d.ts.map +0 -1
  285. package/lib/_util/reactNode.js +0 -31
  286. package/lib/_util/reactNode.js.map +0 -1
  287. package/lib/_util/ref.d.ts +0 -4
  288. package/lib/_util/ref.d.ts.map +0 -1
  289. package/lib/_util/ref.js +0 -22
  290. package/lib/_util/ref.js.map +0 -1
  291. package/lib/_util/responsiveObserve.d.ts +0 -14
  292. package/lib/_util/responsiveObserve.d.ts.map +0 -1
  293. package/lib/_util/responsiveObserve.js +0 -83
  294. package/lib/_util/responsiveObserve.js.map +0 -1
  295. package/lib/_util/scrollTo.d.ts +0 -11
  296. package/lib/_util/scrollTo.d.ts.map +0 -1
  297. package/lib/_util/scrollTo.js +0 -34
  298. package/lib/_util/scrollTo.js.map +0 -1
  299. package/lib/_util/styleChecker.d.ts +0 -4
  300. package/lib/_util/styleChecker.d.ts.map +0 -1
  301. package/lib/_util/styleChecker.js +0 -14
  302. package/lib/_util/styleChecker.js.map +0 -1
  303. package/lib/_util/throttleByAnimationFrame.d.ts +0 -6
  304. package/lib/_util/throttleByAnimationFrame.d.ts.map +0 -1
  305. package/lib/_util/throttleByAnimationFrame.js +0 -49
  306. package/lib/_util/throttleByAnimationFrame.js.map +0 -1
  307. package/lib/_util/transButton.d.ts +0 -21
  308. package/lib/_util/transButton.d.ts.map +0 -1
  309. package/lib/_util/transButton.js +0 -112
  310. package/lib/_util/transButton.js.map +0 -1
  311. package/lib/_util/triggerEvent.d.ts +0 -2
  312. package/lib/_util/triggerEvent.d.ts.map +0 -1
  313. package/lib/_util/triggerEvent.js +0 -12
  314. package/lib/_util/triggerEvent.js.map +0 -1
  315. package/lib/_util/type.d.ts +0 -4
  316. package/lib/_util/type.d.ts.map +0 -1
  317. package/lib/_util/type.js +0 -9
  318. package/lib/_util/type.js.map +0 -1
  319. package/lib/_util/warning.d.ts +0 -5
  320. package/lib/_util/warning.d.ts.map +0 -1
  321. package/lib/_util/warning.js +0 -28
  322. package/lib/_util/warning.js.map +0 -1
  323. package/lib/_util/wave.d.ts +0 -26
  324. package/lib/_util/wave.d.ts.map +0 -1
  325. package/lib/_util/wave.js +0 -249
  326. package/lib/_util/wave.js.map +0 -1
  327. package/lib/config-provider/context.d.ts +0 -61
  328. package/lib/config-provider/context.d.ts.map +0 -1
  329. package/lib/config-provider/context.js +0 -64
  330. package/lib/config-provider/context.js.map +0 -1
  331. package/lib/tntd-form/TntdForm/components/Item.d.ts +0 -5
  332. package/lib/tntd-form/TntdForm/components/Item.d.ts.map +0 -1
  333. package/lib/tntd-form/TntdForm/components/Item.js.map +0 -1
  334. package/lib/tntd-form/TntdForm/components/ItemComp.d.ts +0 -5
  335. package/lib/tntd-form/TntdForm/components/ItemComp.d.ts.map +0 -1
  336. package/lib/tntd-form/TntdForm/components/ItemComp.js.map +0 -1
  337. package/lib/tntd-form/TntdForm/components/List.d.ts +0 -5
  338. package/lib/tntd-form/TntdForm/components/List.d.ts.map +0 -1
  339. package/lib/tntd-form/TntdForm/components/List.js.map +0 -1
  340. package/lib/tntd-form/TntdForm/index.d.ts +0 -10
  341. package/lib/tntd-form/TntdForm/index.d.ts.map +0 -1
  342. package/lib/tntd-form/TntdForm/index.js.map +0 -1
  343. package/lib/tntd-form/TntdForm/interface.d.ts +0 -93
  344. package/lib/tntd-form/TntdForm/interface.d.ts.map +0 -1
  345. package/lib/tntd-form/TntdForm/interface.js.map +0 -1
  346. package/lib/tntd-form/TntdForm/store.d.ts +0 -4
  347. package/lib/tntd-form/TntdForm/store.d.ts.map +0 -1
  348. package/lib/tntd-form/TntdForm/store.js.map +0 -1
  349. package/lib/tntd-form/TntdForm/utils.d.ts +0 -48
  350. package/lib/tntd-form/TntdForm/utils.d.ts.map +0 -1
  351. package/lib/tntd-form/TntdForm/utils.js.map +0 -1
  352. package/lib/tntd-form/__tests__/demo-extend.test.d.ts +0 -2
  353. package/lib/tntd-form/__tests__/demo-extend.test.d.ts.map +0 -1
  354. package/lib/tntd-form/__tests__/demo-extend.test.js +0 -5
  355. package/lib/tntd-form/__tests__/demo-extend.test.js.map +0 -1
  356. package/lib/tntd-form/__tests__/demo.test.d.ts +0 -2
  357. package/lib/tntd-form/__tests__/demo.test.d.ts.map +0 -1
  358. package/lib/tntd-form/__tests__/demo.test.js +0 -8
  359. package/lib/tntd-form/__tests__/demo.test.js.map +0 -1
  360. package/lib/tntd-form/__tests__/image.test.d.ts +0 -2
  361. package/lib/tntd-form/__tests__/image.test.d.ts.map +0 -1
  362. package/lib/tntd-form/__tests__/image.test.js +0 -7
  363. package/lib/tntd-form/__tests__/image.test.js.map +0 -1
  364. package/lib/tntd-form/__tests__/index.test.d.ts +0 -2
  365. package/lib/tntd-form/__tests__/index.test.d.ts.map +0 -1
  366. package/lib/tntd-form/__tests__/index.test.js +0 -981
  367. package/lib/tntd-form/__tests__/index.test.js.map +0 -1
  368. package/lib/tntd-form/__tests__/list-noStyle.test.d.ts +0 -2
  369. package/lib/tntd-form/__tests__/list-noStyle.test.d.ts.map +0 -1
  370. package/lib/tntd-form/__tests__/list-noStyle.test.js +0 -46
  371. package/lib/tntd-form/__tests__/list-noStyle.test.js.map +0 -1
  372. package/lib/tntd-form/__tests__/list.test.d.ts +0 -2
  373. package/lib/tntd-form/__tests__/list.test.d.ts.map +0 -1
  374. package/lib/tntd-form/__tests__/list.test.js +0 -169
  375. package/lib/tntd-form/__tests__/list.test.js.map +0 -1
  376. package/lib/tntd-form/__tests__/ref.test.d.ts +0 -2
  377. package/lib/tntd-form/__tests__/ref.test.d.ts.map +0 -1
  378. package/lib/tntd-form/__tests__/ref.test.js +0 -50
  379. package/lib/tntd-form/__tests__/ref.test.js.map +0 -1
  380. package/lib/tntd-form/__tests__/type.test.d.ts +0 -2
  381. package/lib/tntd-form/__tests__/type.test.d.ts.map +0 -1
  382. package/lib/tntd-form/__tests__/type.test.js +0 -98
  383. package/lib/tntd-form/__tests__/type.test.js.map +0 -1
package/lib/_util/wave.js DELETED
@@ -1,249 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- var __importDefault = (this && this.__importDefault) || function (mod) {
22
- return (mod && mod.__esModule) ? mod : { "default": mod };
23
- };
24
- Object.defineProperty(exports, "__esModule", { value: true });
25
- const React = __importStar(require("react"));
26
- const react_dom_1 = require("react-dom");
27
- const Event_1 = __importDefault(require("css-animation/lib/Event"));
28
- const raf_1 = __importDefault(require("./raf"));
29
- const config_provider_1 = require("../config-provider");
30
- let styleForPesudo;
31
- // Where el is the DOM element you'd like to test for visibility
32
- function isHidden(element) {
33
- if (process.env.NODE_ENV === 'test') {
34
- return false;
35
- }
36
- return !element || element.offsetParent === null;
37
- }
38
- function isNotGrey(color) {
39
- // eslint-disable-next-line no-useless-escape
40
- const match = (color || '').match(/rgba?\((\d*), (\d*), (\d*)(, [\.\d]*)?\)/);
41
- if (match && match[1] && match[2] && match[3]) {
42
- return !(match[1] === match[2] && match[2] === match[3]);
43
- }
44
- return true;
45
- }
46
- class Wave extends React.Component {
47
- constructor() {
48
- super(...arguments);
49
- Object.defineProperty(this, "instance", {
50
- enumerable: true,
51
- configurable: true,
52
- writable: true,
53
- value: void 0
54
- });
55
- Object.defineProperty(this, "extraNode", {
56
- enumerable: true,
57
- configurable: true,
58
- writable: true,
59
- value: void 0
60
- });
61
- Object.defineProperty(this, "clickWaveTimeoutId", {
62
- enumerable: true,
63
- configurable: true,
64
- writable: true,
65
- value: void 0
66
- });
67
- Object.defineProperty(this, "animationStartId", {
68
- enumerable: true,
69
- configurable: true,
70
- writable: true,
71
- value: void 0
72
- });
73
- Object.defineProperty(this, "animationStart", {
74
- enumerable: true,
75
- configurable: true,
76
- writable: true,
77
- value: false
78
- });
79
- Object.defineProperty(this, "destroy", {
80
- enumerable: true,
81
- configurable: true,
82
- writable: true,
83
- value: false
84
- });
85
- Object.defineProperty(this, "csp", {
86
- enumerable: true,
87
- configurable: true,
88
- writable: true,
89
- value: void 0
90
- });
91
- Object.defineProperty(this, "onClick", {
92
- enumerable: true,
93
- configurable: true,
94
- writable: true,
95
- value: (node, waveColor) => {
96
- if (!node || isHidden(node) || node.className.indexOf('-leave') >= 0) {
97
- return;
98
- }
99
- const { insertExtraNode } = this.props;
100
- this.extraNode = document.createElement('div');
101
- const { extraNode } = this;
102
- extraNode.className = 'ant-click-animating-node';
103
- const attributeName = this.getAttributeName();
104
- node.setAttribute(attributeName, 'true');
105
- // Not white or transparnt or grey
106
- styleForPesudo = styleForPesudo || document.createElement('style');
107
- if (waveColor &&
108
- waveColor !== '#ffffff' &&
109
- waveColor !== 'rgb(255, 255, 255)' &&
110
- isNotGrey(waveColor) &&
111
- !/rgba\(\d*, \d*, \d*, 0\)/.test(waveColor) && // any transparent rgba color
112
- waveColor !== 'transparent') {
113
- // Add nonce if CSP exist
114
- if (this.csp && this.csp.nonce) {
115
- styleForPesudo.nonce = this.csp.nonce;
116
- }
117
- extraNode.style.borderColor = waveColor;
118
- styleForPesudo.innerHTML = `
119
- [ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node {
120
- --antd-wave-shadow-color: ${waveColor};
121
- }`;
122
- if (!document.body.contains(styleForPesudo)) {
123
- document.body.appendChild(styleForPesudo);
124
- }
125
- }
126
- if (insertExtraNode) {
127
- node.appendChild(extraNode);
128
- }
129
- Event_1.default.addStartEventListener(node, this.onTransitionStart);
130
- Event_1.default.addEndEventListener(node, this.onTransitionEnd);
131
- }
132
- });
133
- Object.defineProperty(this, "onTransitionStart", {
134
- enumerable: true,
135
- configurable: true,
136
- writable: true,
137
- value: (e) => {
138
- if (this.destroy)
139
- return;
140
- const node = (0, react_dom_1.findDOMNode)(this);
141
- if (!e || e.target !== node) {
142
- return;
143
- }
144
- if (!this.animationStart) {
145
- this.resetEffect(node);
146
- }
147
- }
148
- });
149
- Object.defineProperty(this, "onTransitionEnd", {
150
- enumerable: true,
151
- configurable: true,
152
- writable: true,
153
- value: (e) => {
154
- if (!e || e.animationName !== 'fadeEffect') {
155
- return;
156
- }
157
- this.resetEffect(e.target);
158
- }
159
- });
160
- Object.defineProperty(this, "bindAnimationEvent", {
161
- enumerable: true,
162
- configurable: true,
163
- writable: true,
164
- value: (node) => {
165
- if (!node ||
166
- !node.getAttribute ||
167
- node.getAttribute('disabled') ||
168
- node.className.indexOf('disabled') >= 0) {
169
- return;
170
- }
171
- const onClick = (e) => {
172
- // Fix radio button click twice
173
- if (e.target.tagName === 'INPUT' || isHidden(e.target)) {
174
- return;
175
- }
176
- this.resetEffect(node);
177
- // Get wave color from target
178
- const waveColor = getComputedStyle(node).getPropertyValue('border-top-color') || // Firefox Compatible
179
- getComputedStyle(node).getPropertyValue('border-color') ||
180
- getComputedStyle(node).getPropertyValue('background-color');
181
- this.clickWaveTimeoutId = window.setTimeout(() => this.onClick(node, waveColor), 0);
182
- raf_1.default.cancel(this.animationStartId);
183
- this.animationStart = true;
184
- // Render to trigger transition event cost 3 frames. Let's delay 10 frames to reset this.
185
- this.animationStartId = (0, raf_1.default)(() => {
186
- this.animationStart = false;
187
- }, 10);
188
- };
189
- node.addEventListener('click', onClick, true);
190
- return {
191
- cancel: () => {
192
- node.removeEventListener('click', onClick, true);
193
- },
194
- };
195
- }
196
- });
197
- Object.defineProperty(this, "renderWave", {
198
- enumerable: true,
199
- configurable: true,
200
- writable: true,
201
- value: ({ csp }) => {
202
- const { children } = this.props;
203
- this.csp = csp;
204
- return children;
205
- }
206
- });
207
- }
208
- componentDidMount() {
209
- const node = (0, react_dom_1.findDOMNode)(this);
210
- if (!node || node.nodeType !== 1) {
211
- return;
212
- }
213
- this.instance = this.bindAnimationEvent(node);
214
- }
215
- componentWillUnmount() {
216
- if (this.instance) {
217
- this.instance.cancel();
218
- }
219
- if (this.clickWaveTimeoutId) {
220
- clearTimeout(this.clickWaveTimeoutId);
221
- }
222
- this.destroy = true;
223
- }
224
- getAttributeName() {
225
- const { insertExtraNode } = this.props;
226
- return insertExtraNode ? 'ant-click-animating' : 'ant-click-animating-without-extra-node';
227
- }
228
- resetEffect(node) {
229
- if (!node || node === this.extraNode || !(node instanceof Element)) {
230
- return;
231
- }
232
- const { insertExtraNode } = this.props;
233
- const attributeName = this.getAttributeName();
234
- node.setAttribute(attributeName, 'false'); // edge has bug on `removeAttribute` #14466
235
- if (styleForPesudo) {
236
- styleForPesudo.innerHTML = '';
237
- }
238
- if (insertExtraNode && this.extraNode && node.contains(this.extraNode)) {
239
- node.removeChild(this.extraNode);
240
- }
241
- Event_1.default.removeStartEventListener(node, this.onTransitionStart);
242
- Event_1.default.removeEndEventListener(node, this.onTransitionEnd);
243
- }
244
- render() {
245
- return React.createElement(config_provider_1.ConfigConsumer, null, this.renderWave);
246
- }
247
- }
248
- exports.default = Wave;
249
- //# sourceMappingURL=wave.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"wave.js","sourceRoot":"","sources":["../../src/_util/wave.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { findDOMNode } from 'react-dom';\nimport TransitionEvents from 'css-animation/lib/Event';\nimport raf from './raf';\nimport { ConfigConsumer, ConfigConsumerProps, CSPConfig } from '../config-provider';\n\nlet styleForPesudo: HTMLStyleElement | null;\n\n// Where el is the DOM element you'd like to test for visibility\nfunction isHidden(element: HTMLElement) {\n if (process.env.NODE_ENV === 'test') {\n return false;\n }\n return !element || element.offsetParent === null;\n}\n\nfunction isNotGrey(color: string) {\n // eslint-disable-next-line no-useless-escape\n const match = (color || '').match(/rgba?\\((\\d*), (\\d*), (\\d*)(, [\\.\\d]*)?\\)/);\n if (match && match[1] && match[2] && match[3]) {\n return !(match[1] === match[2] && match[2] === match[3]);\n }\n return true;\n}\n\nexport default class Wave extends React.Component<{ insertExtraNode?: boolean }> {\n private instance?: {\n cancel: () => void;\n };\n\n private extraNode: HTMLDivElement;\n\n private clickWaveTimeoutId: number;\n\n private animationStartId: number;\n\n private animationStart: boolean = false;\n\n private destroy: boolean = false;\n\n private csp?: CSPConfig;\n\n componentDidMount() {\n const node = findDOMNode(this) as HTMLElement;\n if (!node || node.nodeType !== 1) {\n return;\n }\n this.instance = this.bindAnimationEvent(node);\n }\n\n componentWillUnmount() {\n if (this.instance) {\n this.instance.cancel();\n }\n if (this.clickWaveTimeoutId) {\n clearTimeout(this.clickWaveTimeoutId);\n }\n\n this.destroy = true;\n }\n\n onClick = (node: HTMLElement, waveColor: string) => {\n if (!node || isHidden(node) || node.className.indexOf('-leave') >= 0) {\n return;\n }\n const { insertExtraNode } = this.props;\n this.extraNode = document.createElement('div');\n const { extraNode } = this;\n extraNode.className = 'ant-click-animating-node';\n const attributeName = this.getAttributeName();\n node.setAttribute(attributeName, 'true');\n // Not white or transparnt or grey\n styleForPesudo = styleForPesudo || document.createElement('style');\n if (\n waveColor &&\n waveColor !== '#ffffff' &&\n waveColor !== 'rgb(255, 255, 255)' &&\n isNotGrey(waveColor) &&\n !/rgba\\(\\d*, \\d*, \\d*, 0\\)/.test(waveColor) && // any transparent rgba color\n waveColor !== 'transparent'\n ) {\n // Add nonce if CSP exist\n if (this.csp && this.csp.nonce) {\n styleForPesudo.nonce = this.csp.nonce;\n }\n\n extraNode.style.borderColor = waveColor;\n styleForPesudo.innerHTML = `\n [ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node {\n --antd-wave-shadow-color: ${waveColor};\n }`;\n if (!document.body.contains(styleForPesudo)) {\n document.body.appendChild(styleForPesudo);\n }\n }\n if (insertExtraNode) {\n node.appendChild(extraNode);\n }\n TransitionEvents.addStartEventListener(node, this.onTransitionStart);\n TransitionEvents.addEndEventListener(node, this.onTransitionEnd);\n };\n\n onTransitionStart = (e: AnimationEvent) => {\n if (this.destroy) return;\n\n const node = findDOMNode(this) as HTMLElement;\n if (!e || e.target !== node) {\n return;\n }\n\n if (!this.animationStart) {\n this.resetEffect(node);\n }\n };\n\n onTransitionEnd = (e: AnimationEvent) => {\n if (!e || e.animationName !== 'fadeEffect') {\n return;\n }\n this.resetEffect(e.target as HTMLElement);\n };\n\n getAttributeName() {\n const { insertExtraNode } = this.props;\n return insertExtraNode ? 'ant-click-animating' : 'ant-click-animating-without-extra-node';\n }\n\n bindAnimationEvent = (node: HTMLElement) => {\n if (\n !node ||\n !node.getAttribute ||\n node.getAttribute('disabled') ||\n node.className.indexOf('disabled') >= 0\n ) {\n return;\n }\n const onClick = (e: MouseEvent) => {\n // Fix radio button click twice\n if ((e.target as HTMLElement).tagName === 'INPUT' || isHidden(e.target as HTMLElement)) {\n return;\n }\n this.resetEffect(node);\n // Get wave color from target\n const waveColor =\n getComputedStyle(node).getPropertyValue('border-top-color') || // Firefox Compatible\n getComputedStyle(node).getPropertyValue('border-color') ||\n getComputedStyle(node).getPropertyValue('background-color');\n this.clickWaveTimeoutId = window.setTimeout(() => this.onClick(node, waveColor), 0);\n\n raf.cancel(this.animationStartId);\n this.animationStart = true;\n\n // Render to trigger transition event cost 3 frames. Let's delay 10 frames to reset this.\n this.animationStartId = raf(() => {\n this.animationStart = false;\n }, 10);\n };\n node.addEventListener('click', onClick, true);\n return {\n cancel: () => {\n node.removeEventListener('click', onClick, true);\n },\n };\n };\n\n resetEffect(node: HTMLElement) {\n if (!node || node === this.extraNode || !(node instanceof Element)) {\n return;\n }\n const { insertExtraNode } = this.props;\n const attributeName = this.getAttributeName();\n node.setAttribute(attributeName, 'false'); // edge has bug on `removeAttribute` #14466\n\n if (styleForPesudo) {\n styleForPesudo.innerHTML = '';\n }\n\n if (insertExtraNode && this.extraNode && node.contains(this.extraNode)) {\n node.removeChild(this.extraNode);\n }\n TransitionEvents.removeStartEventListener(node, this.onTransitionStart);\n TransitionEvents.removeEndEventListener(node, this.onTransitionEnd);\n }\n\n renderWave = ({ csp }: ConfigConsumerProps) => {\n const { children } = this.props;\n this.csp = csp;\n\n return children;\n };\n\n render() {\n return <ConfigConsumer>{this.renderWave}</ConfigConsumer>;\n }\n}\n"]}
@@ -1,61 +0,0 @@
1
- import * as React from 'react';
2
- import type { ValidateMessages } from 'rc-field-form/lib/interface';
3
- import type { RequiredMark } from '../tntd-form/Form';
4
- import type { Locale } from '../locale-provider';
5
- import type { RenderEmptyHandler } from './defaultRenderEmpty';
6
- import type { SizeType } from './SizeContext';
7
- export interface Theme {
8
- primaryColor?: string;
9
- infoColor?: string;
10
- successColor?: string;
11
- processingColor?: string;
12
- errorColor?: string;
13
- warningColor?: string;
14
- }
15
- export interface CSPConfig {
16
- nonce?: string;
17
- }
18
- export declare type DirectionType = 'ltr' | 'rtl' | undefined;
19
- export interface ConfigConsumerProps {
20
- getTargetContainer?: () => HTMLElement;
21
- getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
22
- rootPrefixCls?: string;
23
- iconPrefixCls?: string;
24
- getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
25
- renderEmpty?: RenderEmptyHandler;
26
- csp?: CSPConfig;
27
- autoInsertSpaceInButton?: boolean;
28
- input?: {
29
- autoComplete?: string;
30
- };
31
- pagination?: {
32
- showSizeChanger?: boolean;
33
- };
34
- locale?: Locale;
35
- pageHeader?: {
36
- ghost: boolean;
37
- };
38
- direction?: DirectionType;
39
- space?: {
40
- size?: SizeType | number;
41
- };
42
- virtual?: boolean;
43
- dropdownMatchSelectWidth?: boolean;
44
- form?: {
45
- validateMessages?: ValidateMessages;
46
- requiredMark?: RequiredMark;
47
- colon?: boolean;
48
- };
49
- }
50
- export declare const ConfigContext: React.Context<ConfigConsumerProps>;
51
- export declare const ConfigConsumer: React.Consumer<ConfigConsumerProps>;
52
- interface BasicExportProps {
53
- prefixCls?: string;
54
- }
55
- interface ConsumerConfig {
56
- prefixCls: string;
57
- }
58
- /** @deprecated Use hooks instead. This is a legacy function */
59
- export declare function withConfigConsumer<ExportProps extends BasicExportProps>(config: ConsumerConfig): any;
60
- export {};
61
- //# sourceMappingURL=context.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/config-provider/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,WAAW,KAAK;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,oBAAY,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC;AAEtD,MAAM,WAAW,mBAAmB;IAClC,kBAAkB,CAAC,EAAE,MAAM,WAAW,CAAC;IACvC,iBAAiB,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,WAAW,KAAK,WAAW,CAAC;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,kBAAkB,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1E,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,KAAK,CAAC,EAAE;QACN,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,eAAe,CAAC,EAAE,OAAO,CAAC;KAC3B,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE;QACX,KAAK,EAAE,OAAO,CAAC;KAChB,CAAC;IACF,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;KAC1B,CAAC;IACF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,IAAI,CAAC,EAAE;QACL,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;QACpC,YAAY,CAAC,EAAE,YAAY,CAAC;QAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB,CAAC;CACH;AASD,eAAO,MAAM,aAAa,oCAGxB,CAAC;AAEH,eAAO,MAAM,cAAc,qCAAyB,CAAC;AAGrD,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,cAAc;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;AAMD,+DAA+D;AAC/D,wBAAgB,kBAAkB,CAAC,WAAW,SAAS,gBAAgB,EAAE,MAAM,EAAE,cAAc,OAwB5F"}
@@ -1,64 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- Object.defineProperty(exports, "__esModule", { value: true });
22
- exports.withConfigConsumer = exports.ConfigConsumer = exports.ConfigContext = void 0;
23
- const React = __importStar(require("react"));
24
- const defaultGetPrefixCls = (suffixCls, customizePrefixCls) => {
25
- if (customizePrefixCls)
26
- return customizePrefixCls;
27
- return suffixCls ? `ant-${suffixCls}` : 'ant';
28
- };
29
- // zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will case circular dependency.
30
- exports.ConfigContext = React.createContext({
31
- // We provide a default function for Context without provider
32
- getPrefixCls: defaultGetPrefixCls,
33
- });
34
- exports.ConfigConsumer = exports.ConfigContext.Consumer;
35
- /** @deprecated Use hooks instead. This is a legacy function */
36
- function withConfigConsumer(config) {
37
- return function withConfigConsumerFunc(Component) {
38
- // Wrap with ConfigConsumer. Since we need compatible with react 15, be care when using ref methods
39
- const SFC = ((props) => ({}(configProps, ConfigConsumerProps)));
40
- {
41
- const { prefixCls: basicPrefixCls } = config;
42
- const { getPrefixCls } = configProps;
43
- const { prefixCls: customizePrefixCls } = props;
44
- const prefixCls = getPrefixCls(basicPrefixCls, customizePrefixCls);
45
- return Object.assign({}, configProps);
46
- {
47
- props;
48
- }
49
- prefixCls = { prefixCls } / > ;
50
- }
51
- }
52
- < /ConfigConsumer>;
53
- as;
54
- React.FC( & ComponentDef);
55
- const cons = Component.constructor;
56
- const name = (cons && cons.displayName) || Component.name || 'Component';
57
- if (process.env.NODE_ENV !== 'production') {
58
- SFC.displayName = `withConfigConsumer(${name})`;
59
- }
60
- return SFC;
61
- }
62
- exports.withConfigConsumer = withConfigConsumer;
63
- ;
64
- //# sourceMappingURL=context.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/config-provider/context.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAsD/B,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAE,kBAA2B,EAAE,EAAE;IAC9E,IAAI,kBAAkB;QAAE,OAAO,kBAAkB,CAAC;IAElD,OAAO,SAAS,CAAC,CAAC,CAAC,OAAO,SAAS,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;AAChD,CAAC,CAAC;AAEF,4FAA4F;AAC/E,QAAA,aAAa,GAAG,KAAK,CAAC,aAAa,CAAsB;IACpE,6DAA6D;IAC7D,YAAY,EAAE,mBAAmB;CAClC,CAAC,CAAC;AAEU,QAAA,cAAc,GAAG,qBAAa,CAAC,QAAQ,CAAC;AAerD,+DAA+D;AAC/D,SAAgB,kBAAkB,CAAuC,MAAsB;IAC7F,OAAO,SAAS,sBAAsB,CACpC,SAA2C;QAE3C,mGAAmG;QACnG,MAAM,GAAG,GAAG,CAAC,CAAC,KAAkB,EAAE,EAAE,CAAC,CAEjC,EAAC,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAA,CAAA,CAAA;QAAI;YACrC,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,MAAM,CAAC;YAC7C,MAAM,EAAE,YAAY,EAAE,GAAG,WAAW,CAAC;YACrC,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC;YAChD,MAAM,SAAS,GAAG,YAAY,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;YACnE,OAAO,kBAAe,WAAW,CAAC,CAAA;YAAC;gBAAI,KAAK,CAAA;aAAC;YAAC,SAAS,GAAC,EAAC,SAAS,EAAC,GAAE,GAAC,CAAC;SACxE;IAAA,CAAC;UACH,gBAAgB,CAAA;IAChB,EAAE,CAAA;IAAC,KAAK,CAAC,EAAE,CAAc,AAAD,GAAG,YAAY,CAAA,CAAC;IAE3C,MAAM,IAAI,GAAqB,SAAS,CAAC,WAA+B,CAAC;IACzE,MAAM,IAAI,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,CAAC;IAEzE,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,GAAG,CAAC,WAAW,GAAG,sBAAsB,IAAI,GAAG,CAAC;KACjD;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAxBH,gDAwBG;AAAA,CAAC","sourcesContent":["import * as React from 'react';\nimport type { ValidateMessages } from 'rc-field-form/lib/interface';\nimport type { RequiredMark } from '../tntd-form/Form';\nimport type { Locale } from '../locale-provider';\nimport type { RenderEmptyHandler } from './defaultRenderEmpty';\nimport type { SizeType } from './SizeContext';\n\nexport interface Theme {\n primaryColor?: string;\n infoColor?: string;\n successColor?: string;\n processingColor?: string;\n errorColor?: string;\n warningColor?: string;\n}\n\nexport interface CSPConfig {\n nonce?: string;\n}\n\nexport type DirectionType = 'ltr' | 'rtl' | undefined;\n\nexport interface ConfigConsumerProps {\n getTargetContainer?: () => HTMLElement;\n getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;\n rootPrefixCls?: string;\n iconPrefixCls?: string;\n getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;\n renderEmpty?: RenderEmptyHandler;\n csp?: CSPConfig;\n autoInsertSpaceInButton?: boolean;\n input?: {\n autoComplete?: string;\n };\n pagination?: {\n showSizeChanger?: boolean;\n };\n locale?: Locale;\n pageHeader?: {\n ghost: boolean;\n };\n direction?: DirectionType;\n space?: {\n size?: SizeType | number;\n };\n virtual?: boolean;\n dropdownMatchSelectWidth?: boolean;\n form?: {\n validateMessages?: ValidateMessages;\n requiredMark?: RequiredMark;\n colon?: boolean;\n };\n}\n\nconst defaultGetPrefixCls = (suffixCls?: string, customizePrefixCls?: string) => {\n if (customizePrefixCls) return customizePrefixCls;\n\n return suffixCls ? `ant-${suffixCls}` : 'ant';\n};\n\n// zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will case circular dependency.\nexport const ConfigContext = React.createContext<ConfigConsumerProps>({\n // We provide a default function for Context without provider\n getPrefixCls: defaultGetPrefixCls,\n});\n\nexport const ConfigConsumer = ConfigContext.Consumer;\n\n// =========================== withConfigConsumer ===========================\ninterface BasicExportProps {\n prefixCls?: string;\n}\n\ninterface ConsumerConfig {\n prefixCls: string;\n}\n\ninterface ConstructorProps {\n displayName?: string;\n}\n\n/** @deprecated Use hooks instead. This is a legacy function */\nexport function withConfigConsumer<ExportProps extends BasicExportProps>(config: ConsumerConfig) {\n return function withConfigConsumerFunc<ComponentDef>(\n Component: React.ComponentType<ExportProps>,\n ): React.FC<ExportProps> & ComponentDef {\n // Wrap with ConfigConsumer. Since we need compatible with react 15, be care when using ref methods\n const SFC = ((props: ExportProps) => (\n <ConfigConsumer>\n {(configProps: ConfigConsumerProps) => {\n const { prefixCls: basicPrefixCls } = config;\n const { getPrefixCls } = configProps;\n const { prefixCls: customizePrefixCls } = props;\n const prefixCls = getPrefixCls(basicPrefixCls, customizePrefixCls);\n return <Component {...configProps} {...props} prefixCls={prefixCls} />;\n }}\n </ConfigConsumer>\n )) as React.FC<ExportProps> & ComponentDef;\n\n const cons: ConstructorProps = Component.constructor as ConstructorProps;\n const name = (cons && cons.displayName) || Component.name || 'Component';\n\n if (process.env.NODE_ENV !== 'production') {\n SFC.displayName = `withConfigConsumer(${name})`;\n }\n return SFC;\n };\n}\n"]}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import type { IFormItem } from '../interface';
3
- declare const _default: React.NamedExoticComponent<IFormItem>;
4
- export default _default;
5
- //# sourceMappingURL=Item.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/Item.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAIlE,OAAO,KAAK,EAAE,SAAS,EAAkC,MAAM,cAAc,CAAA;;AAyC7E,wBAKE"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/Item.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,+CAAkE;AAClE,mCAAgC;AAChC,0DAAiC;AACjC,oCAAsC;AAEtC,oCAAmC;AAEnC,MAAM,IAAI,GAAwB,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAA,kBAAU,EAAe,mBAAW,CAAC,CAAA;IAC5F,MAAM,GAAG,GAAG,IAAA,cAAM,GAAoB,CAAA;IAEtC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,CAAC,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE;;YACjD,MAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,SAAS,kDAAI,CAAA;QAC5B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,8BAAC,kBAAQ,oBACH;QACF,IAAI;QACJ,aAAa;QACb,UAAU;QACV,SAAS;QACT,KAAK;QACL,KAAK;QACL,IAAI;QACJ,GAAG;QACH,QAAQ;QACR,YAAY;QACZ,YAAY;QACZ,YAAY;KACb,EACD,CACH,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,IAAA,YAAI,EAAC,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE;IACjD,IAAI,IAAA,gBAAO,EAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE;QAC/D,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAC,CAAA","sourcesContent":["/*\n * @Descripttion: TntdForm.Item\n * @Author: 郑泳健\n * @Date: 2023-02-22 23:25:24\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-04-06 17:46:57\n */\n\nimport React, { memo, useRef, useContext, useEffect } from 'react'\nimport { isEqual } from 'lodash'\nimport ItemComp from './ItemComp'\nimport { FormContext } from '../store'\nimport type { IFormItem, IFormContext, IChildrenCompFun } from '../interface'\nimport { getNames } from '../utils'\n\nconst Item: React.FC<IFormItem> = ({\n name,\n children,\n style,\n rules,\n shouldUpdate,\n initialValue,\n dependencies,\n}) => {\n const { form, initialValues, updateRefs, compsRefs } = useContext<IFormContext>(FormContext)\n const ref = useRef<IChildrenCompFun>()\n\n useEffect(() => {\n compsRefs.current[getNames(name).join('.')] = () => {\n ref.current?.onRefresh?.()\n }\n }, [compsRefs, name])\n\n return (\n <ItemComp\n {...{\n form,\n initialValues,\n updateRefs,\n compsRefs,\n style,\n rules,\n name,\n ref,\n children,\n initialValue,\n shouldUpdate,\n dependencies,\n }}\n />\n )\n}\n\nexport default memo(Item, (nextProps, prevProps) => {\n if (isEqual(nextProps.name, prevProps.name) && !!prevProps.name) {\n return true\n }\n return false\n})\n"]}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import type { IFormItem } from '../interface';
3
- declare const _default: React.NamedExoticComponent<IFormItem>;
4
- export default _default;
5
- //# sourceMappingURL=ItemComp.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ItemComp.d.ts","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/ItemComp.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAE7E,OAAO,KAAK,EAAE,SAAS,EAAsD,MAAM,cAAc,CAAA;;AAiNjG,wBAA6B"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ItemComp.js","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/ItemComp.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: TntdForm.Item进行性能优化\n * @Author: 郑泳健\n * @Date: 2023-02-23 12:47:28\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-04-06 17:45:35\n */\n\nimport React, { useState, memo, useEffect, useImperativeHandle } from 'react'\nimport { getNames, handleCheckItem, getInitValue } from '../utils'\nimport type { IFormItem, IFormItemData, TinitialValueType, IChildrenCompFun } from '../interface'\n\nconst ItemComp: React.FC<IFormItem> = React.forwardRef<IChildrenCompFun, IFormItem>(\n (\n {\n name,\n children,\n style,\n initialValue,\n rules,\n shouldUpdate,\n dependencies,\n form,\n updateRefs,\n initialValues,\n compsRefs,\n },\n ref\n ) => {\n const [value, setValue] = useState<TinitialValueType>(undefined)\n const [errorMsg, setErrorMsg] = useState<string | undefined>(undefined)\n const [refresh, setRefresh] = useState<boolean>(false)\n\n useImperativeHandle(ref, () => ({\n onRefresh: () => {\n setRefresh(!refresh)\n },\n }))\n\n /** 根据shouldUpdate 和 dependencies收集修改某个字段后需要同步更新的字段 */\n useEffect(() => {\n const nameStr = getNames(name)?.join('.')\n if (shouldUpdate) {\n updateRefs.current.shouldUpdateList.push(nameStr)\n }\n\n if (Array.isArray(dependencies)) {\n const arr = dependencies.map((i) => getNames(i).join('.'))\n if (Array.isArray(arr)) {\n arr.forEach((i) => {\n if (Array.isArray(updateRefs.current.dependencies[i])) {\n updateRefs.current.dependencies[i] = [\n ...updateRefs.current.dependencies[i],\n getNames(name).join('.'),\n ]\n } else {\n updateRefs.current.dependencies[i] = [getNames(name).join('.')]\n }\n })\n }\n }\n }, [shouldUpdate, dependencies, name, updateRefs])\n\n const updateRender = () => {\n if (Array.isArray(updateRefs.current.shouldUpdateList)) {\n updateRefs.current.shouldUpdateList.forEach((i) => {\n compsRefs?.current?.[i]?.()\n })\n }\n const list = updateRefs.current.dependencies[getNames(name).join('.')]\n\n if (Array.isArray(list)) {\n list.forEach((i) => {\n compsRefs?.current?.[i]?.()\n })\n }\n }\n\n /**\n * 动态修改form内部的值,为啥不在useEffect里面处理的原因是子组件的useEffect会比父组件useEffect先执行,需要保证在子组件useEffect监听value变化的时候获取到的formData永远是最新的\n * @param name\n * @param value\n * @returns\n */\n const generateFormData = (name: string[] | string, value: TinitialValueType) => {\n if (!name || !form || typeof name !== 'object') return\n const [str, ...rest] = name\n\n rest.forEach((i) => {\n if (form.formData[str]) {\n form.formData[str][i].value = value\n form.formData[str][i].checkItem = () => {\n const error = handleCheckItem(value, rules)\n setErrorMsg(error)\n return error\n }\n } else {\n form.formData[str] = {\n [i]: {\n value,\n checkItem: () => {\n const error = handleCheckItem(value, rules)\n setErrorMsg(error)\n return error\n },\n setItemValue: () => {},\n errorMsg: undefined,\n },\n }\n }\n })\n }\n\n // 为了给最外层提供方法去校验,比如保存的时候.\n // 这里依赖不要添加value,因为子组件的useEffect会比父组件useEffect先执行,如果添加了依赖value会导致子组件获取到的formData永远是上一次的\n useEffect(() => {\n if (!name || !form || typeof name !== 'object') return\n const [str, ...rest] = name\n\n const addItem: IFormItemData = {\n setItemValue: (_val, callback) => {\n const error = handleCheckItem(_val, rules)\n setValue(_val)\n setErrorMsg(error)\n callback?.()\n updateRender()\n },\n checkItem: () => {\n const error = handleCheckItem(value, rules)\n setErrorMsg(error)\n return error\n },\n value,\n errorMsg,\n }\n rest.forEach((i) => {\n if (form.formData[str]) {\n form.formData[str][i] = addItem\n } else {\n form.formData[str] = {\n [i]: addItem,\n }\n }\n })\n }, [rules, name, errorMsg, form])\n\n /** 这段代码不能删除,当增加/删除列的时候有些默认值需要更新 */\n useEffect(() => {\n if (initialValue) {\n setValue(initialValue)\n generateFormData(name, initialValue)\n updateRender()\n }\n }, [initialValue])\n\n // 初始化设置默认值,\n useEffect(() => {\n const initValue = getInitValue(initialValues, name)\n // @ts-ignore\n const _value = ['', null, undefined].includes(initValue) ? initialValue : initValue\n\n setValue(_value)\n generateFormData(name, _value)\n updateRender()\n }, [])\n\n // 默认方法\n const handleChange = (\n e:\n | React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>\n | string\n | number\n | undefined\n ) => {\n let val\n if (typeof e === 'object') {\n val = (e as React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>)\n ?.target?.value\n } else {\n val = e\n }\n setValue(val)\n generateFormData(name, val)\n const error = handleCheckItem(val, rules)\n setErrorMsg(error)\n updateRender()\n }\n\n return (\n <div\n className={errorMsg ? 'has-error custom-form-item-wrapper' : 'custom-form-item-wrapper'}\n style={style}\n >\n {React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n return React.cloneElement(child, {\n value,\n form,\n onChange: handleChange,\n 'data-key': getNames(name)?.join('.'),\n ...child.props,\n })\n }\n return null\n })}\n {errorMsg && <div className=\"ant-form-explain ant-form-item-explain-error\">{errorMsg}</div>}\n </div>\n )\n }\n)\n\nfunction arePropsEqual(prevProps: IFormItem, nextProps: IFormItem) {\n if (!nextProps.shouldUpdate && Array.isArray(nextProps.dependencies)) {\n return true\n }\n\n return false\n}\n\nexport default memo(ItemComp)\n"]}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import type { IFormListProps } from '../interface';
3
- declare const _default: React.NamedExoticComponent<IFormListProps>;
4
- export default _default;
5
- //# sourceMappingURL=List.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/List.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAwD,MAAM,OAAO,CAAA;AAI5E,OAAO,KAAK,EAAE,cAAc,EAA+C,MAAM,cAAc,CAAA;;AAmF/F,wBAKE"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/List.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: FormList\n * @Author: 郑泳健\n * @Date: 2023-03-06 18:42:08\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-04-06 17:42:31\n */\n\nimport React, { useState, useEffect, useRef, useContext, memo } from 'react'\nimport { cloneDeep, isEqual } from 'lodash'\nimport { getNames } from '../utils'\nimport { FormContext } from '../store'\nimport type { IFormListProps, IFormContext, ILevel, TAddOrRemove, IObject } from '../interface'\n\nconst List: React.FC<IFormListProps> = ({ name, children }) => {\n const maxRef = useRef(-1)\n const { form, initialValues, compsRefs, updateRefs } = useContext<IFormContext>(FormContext)\n const [dataLevel, setDataLevel] = useState<ILevel[]>([])\n\n /** 根据一开始记录的渲染shouldUpdate 和 dependencies组件 */\n const updateRender = () => {\n if (Array.isArray(updateRefs.current.shouldUpdateList)) {\n updateRefs.current.shouldUpdateList.forEach((i) => {\n compsRefs?.current?.[i]?.()\n })\n }\n\n const list = updateRefs.current.dependencies[getNames(name).join('.')]\n\n if (Array.isArray(list)) {\n list.forEach((i) => {\n compsRefs?.current?.[i]?.()\n })\n }\n }\n\n /** 根据默认数值自动生成dataLevel */\n useEffect(() => {\n let dataSource = initialValues\n const attrs = getNames(name)\n const key: string = Array.isArray(name) ? name?.[0] : name\n\n for (const key of attrs) {\n dataSource = dataSource?.[key] || [{}]\n }\n\n if (Array.isArray(dataSource)) {\n const _level = dataSource.map((i, index) => {\n return {\n key: index,\n name: `${attrs.join('.')}.${index}`,\n }\n })\n setDataLevel(_level)\n maxRef.current = dataSource.length - 1\n if (form) {\n form.dataLevel[key] = _level\n }\n updateRender()\n }\n }, [form, initialValues, name])\n\n /** 新增一列 */\n const handleAdd: TAddOrRemove = (index) => {\n const tempDataLevel = cloneDeep(dataLevel)\n const key: string = Array.isArray(name) ? name?.[0] : name\n maxRef.current++\n const attrs = getNames(name)\n tempDataLevel.splice(index + 1, 0, {\n key: maxRef.current,\n name: `${attrs?.join('.')}.${maxRef.current}`,\n })\n setDataLevel(tempDataLevel)\n if (form) {\n form.dataLevel[key] = tempDataLevel\n }\n updateRender()\n }\n\n /** 删除一列 */\n const handleDel: TAddOrRemove = (index) => {\n const temp = cloneDeep(dataLevel)\n const key: string = Array.isArray(name) ? name?.[0] : name\n temp.splice(index, 1)\n setDataLevel(temp)\n if (form) {\n form.dataLevel[key] = temp\n }\n updateRender()\n }\n\n return <>{children?.(dataLevel, { add: handleAdd, remove: handleDel })}</>\n}\n\n// name 没有改变就不需要重复render\nexport default memo(List, (nextProps, prevProps) => {\n if (isEqual(nextProps.name, prevProps.name) && !!prevProps.name) {\n return true\n }\n return false\n})\n"]}
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import type { IForm, ITntdFormProps } from './interface';
3
- declare const TntdForm: {
4
- ({ form, initialValues, children }: ITntdFormProps): JSX.Element;
5
- useForm(): IForm[];
6
- List: React.NamedExoticComponent<import("./interface").IFormListProps>;
7
- Item: React.NamedExoticComponent<import("./interface").IFormItem>;
8
- };
9
- export default TntdForm;
10
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAG/C,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAA0C,MAAM,aAAa,CAAA;AAIhG,QAAA,MAAM,QAAQ;wCAAuC,cAAc;;;;CAoBlE,CAAA;AA4BD,eAAe,QAAQ,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;GAMG;AACH,+CAA+C;AAC/C,mCAAuE;AACvE,mCAAqC;AAErC,6DAAoC;AACpC,6DAAoC;AAEpC,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAkB,EAAE,EAAE;IACrE,MAAM,UAAU,GAAG,IAAA,cAAM,EAAa;QACpC,gBAAgB,EAAE,EAAE;QACpB,YAAY,EAAE,EAAE;KACjB,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,EAAE,CAAC,CAAA;IAE5B,OAAO,CACL,8BAAC,mBAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,IAAI;YACJ,aAAa;YACb,UAAU;YACV,SAAS;SACV,IAEA,QAAQ,CACY,CACxB,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,OAAO,GAAG,GAAG,EAAE;IACtB,MAAM,IAAI,GAAuB,IAAA,cAAM,EAAQ;QAC7C,SAAS,EAAE,EAAE;QACb,QAAQ,EAAE,EAAE;QACZ,cAAc,EAAE,GAAG,EAAE,CAAC,IAAA,sBAAc,EAAC,IAAI,CAAC,OAAO,CAAC;QAClD,cAAc,EAAE,GAAG,EAAE,CAAC,IAAA,sBAAc,EAAC,IAAI,CAAC,OAAO,CAAC;QAClD,aAAa,EAAE,CAAC,KAAoB,EAAE,EAAE,CAAC,IAAA,qBAAa,EAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;QAC3E,cAAc,EAAE,CAAC,GAA+B,EAAE,EAAE;YAClD,KAAK,MAAM,CAAC,IAAI,GAAG,EAAE;gBACnB,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE;oBAChD,MAAM,MAAM,GAAG,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC,GAAG,CAAC,KAAI,EAAE,CAAA;oBAClC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,EAAE,CAAA;oBACzB,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE;wBACzD,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;qBACnE;iBACF;aACF;QACH,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;AACvB,CAAC,CAAA;AAED,QAAQ,CAAC,IAAI,GAAG,cAAI,CAAA;AACpB,QAAQ,CAAC,IAAI,GAAG,cAAI,CAAA;AAEpB,kBAAe,QAAQ,CAAA","sourcesContent":["/*\n * @Descripttion: 高性能动态增删form表单\n * @Author: 郑泳健\n * @Date: 2023-02-16 10:43:03\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-04-06 15:32:07\n */\nimport React, { useState, useRef } from 'react'\nimport { validateFields, getFieldsValue, getFieldValue } from './utils'\nimport { FormContext } from './store'\nimport type { IForm, ITntdFormProps, IObject, TinitialValueType, IUpdateObj } from './interface'\nimport List from './components/List'\nimport Item from './components/Item'\n\nconst TntdForm = ({ form, initialValues, children }: ITntdFormProps) => {\n const updateRefs = useRef<IUpdateObj>({\n shouldUpdateList: [],\n dependencies: {},\n })\n\n const compsRefs = useRef({})\n\n return (\n <FormContext.Provider\n value={{\n form,\n initialValues,\n updateRefs,\n compsRefs,\n }}\n >\n {children}\n </FormContext.Provider>\n )\n}\n\nTntdForm.useForm = () => {\n const form: { current: IForm } = useRef<IForm>({\n dataLevel: {},\n formData: {},\n validateFields: () => validateFields(form.current),\n getFieldsValue: () => getFieldsValue(form.current),\n getFieldValue: (field: Array<string>) => getFieldValue(form.current, field),\n setFieldsValue: (obj: IObject<TinitialValueType>) => {\n for (const i in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, i)) {\n const prefix = i?.split('.') || []\n const attr = prefix.pop()\n if (attr && form.current.formData[prefix.join('.')][attr]) {\n form.current.formData[prefix.join('.')][attr].setItemValue(obj[i])\n }\n }\n }\n },\n })\n\n return [form.current]\n}\n\nTntdForm.List = List\nTntdForm.Item = Item\n\nexport default TntdForm\n"]}
@@ -1,93 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * 层级
4
- */
5
- export interface ILevel {
6
- key?: number;
7
- name?: string;
8
- }
9
- export interface IObject<T> {
10
- [key: string]: T;
11
- }
12
- export declare type TinitialValueType = null | undefined | string | number | boolean;
13
- /**
14
- * 每一个单元格的信息
15
- */
16
- export interface IFormItemData {
17
- /** 每个formItem的值 */
18
- value: TinitialValueType;
19
- /** 每个formItem的错误信息 */
20
- errorMsg: string | undefined;
21
- /** 每个formItem的校验方法, 返回值为该formItem的错误信息,同时会在formItem下面显示错误信息 */
22
- checkItem: () => string | undefined;
23
- /** 给某个formItem设置值 */
24
- setItemValue: (value: TinitialValueType, callback?: () => void) => void;
25
- }
26
- export interface IForm {
27
- /** 记录每一层级的顺序 */
28
- dataLevel: IObject<ILevel[]>;
29
- /** 整个form的数据,{content.0: { id: IFormItemData, value: IFormItemData }} */
30
- formData: IFormData;
31
- /** 先校验,并将结果返回 */
32
- validateFields: () => Promise<any>;
33
- /** 获取form表单的数据 */
34
- getFieldsValue: () => object;
35
- /** 获取formItem的数据 */
36
- getFieldValue: (field: Array<string>) => any;
37
- /** 给某些formItem设置数据 */
38
- setFieldsValue: (fileds: IObject<TinitialValueType>) => void;
39
- }
40
- /**
41
- * TntdForm的props
42
- */
43
- export interface ITntdFormProps {
44
- form: IForm;
45
- initialValues: object;
46
- children: React.ReactNode;
47
- }
48
- export interface IUpdateObj {
49
- shouldUpdateList: Array<string>;
50
- dependencies: IObject<string[] | string>;
51
- }
52
- export interface IFormContext {
53
- form?: IForm;
54
- initialValues?: IObject<any>;
55
- updateRefs: React.MutableRefObject<IUpdateObj>;
56
- compsRefs: React.MutableRefObject<IObject<() => void>>;
57
- }
58
- /** formList的props */
59
- export interface IFormListProps {
60
- name: string[] | string;
61
- children: (dataLevel: ILevel[], { add, remove }: {
62
- add: TAddOrRemove;
63
- remove: TAddOrRemove;
64
- }) => void;
65
- }
66
- /** 增删事件 */
67
- export declare type TAddOrRemove = (index: number) => void;
68
- export declare type IFormItem = {
69
- name: string[] | string;
70
- children: React.ReactChild | React.ReactChild[];
71
- style: React.CSSProperties;
72
- rules: ValidationRule;
73
- shouldUpdate: boolean;
74
- initialValue: TinitialValueType;
75
- dependencies?: Array<string[] | string>;
76
- } & IFormContext;
77
- export interface ValidationRule {
78
- /** validation error message */
79
- message?: React.ReactNode;
80
- /** indicates whether field is required */
81
- required?: boolean;
82
- /** custom validate function (Note: callback must be called) */
83
- validator?: (rule: any, value: any, callback: any) => any;
84
- }
85
- export interface IFormData {
86
- [name: string]: {
87
- [attr: string]: IFormItemData;
88
- };
89
- }
90
- export interface IChildrenCompFun {
91
- onRefresh: () => void;
92
- }
93
- //# sourceMappingURL=interface.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/interface.ts"],"names":[],"mappings":"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"}