@xhsreds/reds-rn-next 0.0.23 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (371) hide show
  1. package/benchmarks/out.json +332 -0
  2. package/coverage/.tmp/coverage-0.json +1 -0
  3. package/coverage/.tmp/coverage-1.json +1 -0
  4. package/coverage/.tmp/coverage-2.json +1 -0
  5. package/coverage/.tmp/coverage-3.json +1 -0
  6. package/coverage/.tmp/coverage-4.json +1 -0
  7. package/coverage/.tmp/coverage-5.json +1 -0
  8. package/coverage/.tmp/coverage-6.json +1 -0
  9. package/coverage/.tmp/coverage-7.json +1 -0
  10. package/coverage/.tmp/coverage-8.json +1 -0
  11. package/coverage/.tmp/coverage-9.json +1 -0
  12. package/lib/cjs/_chunks/8GiEQzJI.js +14 -0
  13. package/lib/cjs/_chunks/8GiEQzJI.js.map +1 -0
  14. package/lib/cjs/_chunks/C61-qTj5.js +45 -0
  15. package/lib/cjs/_chunks/C61-qTj5.js.map +1 -0
  16. package/lib/cjs/_chunks/CH-nghLh.js +25 -0
  17. package/lib/cjs/_chunks/CH-nghLh.js.map +1 -0
  18. package/lib/cjs/_chunks/CvikiypO.js +20 -0
  19. package/lib/cjs/_chunks/CvikiypO.js.map +1 -0
  20. package/lib/cjs/_chunks/CyggXkdu.js +20 -0
  21. package/lib/cjs/_chunks/CyggXkdu.js.map +1 -0
  22. package/lib/cjs/_chunks/{0oZeAV32.js → D9ngGICz.js} +14 -1
  23. package/lib/cjs/_chunks/{0oZeAV32.js.map → D9ngGICz.js.map} +1 -1
  24. package/lib/cjs/_chunks/DOAnQxcP.js +16 -0
  25. package/lib/cjs/_chunks/DOAnQxcP.js.map +1 -0
  26. package/lib/cjs/_chunks/{BUZe8G-Q.js → DkF74KKv.js} +31 -10
  27. package/lib/cjs/_chunks/DkF74KKv.js.map +1 -0
  28. package/lib/cjs/_chunks/Dmk9_Zw3.js +20 -0
  29. package/lib/cjs/_chunks/Dmk9_Zw3.js.map +1 -0
  30. package/lib/cjs/_chunks/y2LtPP5n.js +21 -0
  31. package/lib/cjs/_chunks/y2LtPP5n.js.map +1 -0
  32. package/lib/cjs/_chunks/zrKJYx9X.js +49 -0
  33. package/lib/cjs/_chunks/zrKJYx9X.js.map +1 -0
  34. package/lib/cjs/components/Button/Button.js +44 -0
  35. package/lib/cjs/components/Button/Button.js.map +1 -0
  36. package/lib/cjs/components/Button/index.js +25 -8
  37. package/lib/cjs/components/Button/index.js.map +1 -1
  38. package/lib/cjs/components/Button/interface/index.js +5 -11
  39. package/lib/cjs/components/Button/interface/index.js.map +1 -1
  40. package/lib/cjs/components/Button/styleMap.js +24 -8
  41. package/lib/cjs/components/Button/styleMap.js.map +1 -1
  42. package/lib/cjs/components/Collapse/Collapse.js +60 -0
  43. package/lib/cjs/components/Collapse/Collapse.js.map +1 -0
  44. package/lib/cjs/components/Collapse/Item/Item.js +113 -0
  45. package/lib/cjs/components/Collapse/Item/Item.js.map +1 -0
  46. package/lib/cjs/components/Collapse/Item/interface/index.js +12 -0
  47. package/lib/cjs/components/Collapse/Item/interface/index.js.map +1 -0
  48. package/lib/cjs/components/Collapse/Item/styles.js +36 -0
  49. package/lib/cjs/components/Collapse/Item/styles.js.map +1 -0
  50. package/lib/cjs/components/Collapse/hooks/useCollapseContext.js +14 -0
  51. package/lib/cjs/components/Collapse/hooks/useCollapseContext.js.map +1 -0
  52. package/lib/cjs/components/Collapse/index.js +21 -0
  53. package/lib/cjs/components/Collapse/index.js.map +1 -0
  54. package/lib/cjs/components/Collapse/interface/index.js +11 -0
  55. package/lib/cjs/components/Collapse/interface/index.js.map +1 -0
  56. package/lib/cjs/components/ConfigProvider/ConfigProvider.js +1 -1
  57. package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js +1 -1
  58. package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/index.js +1 -1
  59. package/lib/cjs/components/ConfigProvider/hooks/themeToken/useThemeToken.js +1 -1
  60. package/lib/cjs/components/ConfigProvider/index.js +13 -22
  61. package/lib/cjs/components/ConfigProvider/index.js.map +1 -1
  62. package/lib/cjs/components/ConfigProvider/interface/index.js +5 -34
  63. package/lib/cjs/components/ConfigProvider/interface/index.js.map +1 -1
  64. package/lib/cjs/components/Empty/Empty.js +44 -0
  65. package/lib/cjs/components/Empty/Empty.js.map +1 -0
  66. package/lib/cjs/components/Empty/hooks/useDefaultIcon.js +10 -0
  67. package/lib/cjs/components/Empty/hooks/useDefaultIcon.js.map +1 -0
  68. package/lib/cjs/components/Empty/index.js +22 -0
  69. package/lib/cjs/components/Empty/index.js.map +1 -0
  70. package/lib/cjs/components/Empty/interface/index.js +8 -0
  71. package/lib/cjs/components/Empty/interface/index.js.map +1 -0
  72. package/lib/cjs/components/Empty/styles.js +38 -0
  73. package/lib/cjs/components/Empty/styles.js.map +1 -0
  74. package/lib/cjs/components/Image/Image.js +130 -0
  75. package/lib/cjs/components/Image/Image.js.map +1 -0
  76. package/lib/cjs/components/Image/hook/index.js +2 -2
  77. package/lib/cjs/components/Image/index.js +4 -4
  78. package/lib/cjs/components/Image/index.js.map +1 -1
  79. package/lib/cjs/components/Image/interface/index.js +8 -35
  80. package/lib/cjs/components/Image/interface/index.js.map +1 -1
  81. package/lib/cjs/components/Popover/Popover.js +128 -0
  82. package/lib/cjs/components/Popover/Popover.js.map +1 -0
  83. package/lib/cjs/components/Popover/component.js +1 -1
  84. package/lib/cjs/components/Popover/hook.js +1 -1
  85. package/lib/cjs/components/Popover/index.js +12 -120
  86. package/lib/cjs/components/Popover/index.js.map +1 -1
  87. package/lib/cjs/components/Popover/interface/index.js +5 -11
  88. package/lib/cjs/components/Popover/interface/index.js.map +1 -1
  89. package/lib/cjs/components/Popover/styles.js +29 -0
  90. package/lib/cjs/components/Popover/styles.js.map +1 -0
  91. package/lib/cjs/components/Result/Result.js +52 -0
  92. package/lib/cjs/components/Result/Result.js.map +1 -0
  93. package/lib/cjs/components/Result/hooks/useDefaultIcon.js +19 -0
  94. package/lib/cjs/components/Result/hooks/useDefaultIcon.js.map +1 -0
  95. package/lib/cjs/components/Result/index.js +22 -0
  96. package/lib/cjs/components/Result/index.js.map +1 -0
  97. package/lib/cjs/components/Result/interface/index.js +8 -0
  98. package/lib/cjs/components/Result/interface/index.js.map +1 -0
  99. package/lib/cjs/components/Result/styles.js +47 -0
  100. package/lib/cjs/components/Result/styles.js.map +1 -0
  101. package/lib/cjs/components/Switch/Switch.js +80 -0
  102. package/lib/cjs/components/Switch/Switch.js.map +1 -0
  103. package/lib/cjs/components/Switch/index.js +10 -63
  104. package/lib/cjs/components/Switch/index.js.map +1 -1
  105. package/lib/cjs/components/Switch/interface/index.js +4 -9
  106. package/lib/cjs/components/Switch/interface/index.js.map +1 -1
  107. package/lib/cjs/components/Switch/styles.js.map +1 -1
  108. package/lib/cjs/components/Tag/Tag.js +203 -0
  109. package/lib/cjs/components/Tag/Tag.js.map +1 -0
  110. package/lib/cjs/components/Tag/index.js +10 -207
  111. package/lib/cjs/components/Tag/index.js.map +1 -1
  112. package/lib/cjs/components/Tag/interface/index.js +4 -17
  113. package/lib/cjs/components/Tag/interface/index.js.map +1 -1
  114. package/lib/cjs/components/Tag/styles.js +29 -0
  115. package/lib/cjs/components/Tag/styles.js.map +1 -0
  116. package/lib/cjs/components/Text/Text.js +159 -0
  117. package/lib/cjs/components/Text/Text.js.map +1 -0
  118. package/lib/cjs/components/Text/hooks/cloneContainer.js +1 -1
  119. package/lib/cjs/components/Text/hooks/index.js +1 -1
  120. package/lib/cjs/components/Text/hooks/loadFontFromFile.js +1 -1
  121. package/lib/cjs/components/Text/index.js +12 -146
  122. package/lib/cjs/components/Text/index.js.map +1 -1
  123. package/lib/cjs/components/Text/interface/index.js +5 -12
  124. package/lib/cjs/components/Text/interface/index.js.map +1 -1
  125. package/lib/cjs/components/Text/styles.js +1 -1
  126. package/lib/cjs/index.js +46 -22
  127. package/lib/cjs/index.js.map +1 -1
  128. package/lib/esm/_chunks/B3zY_xWO.js +17 -0
  129. package/lib/esm/_chunks/B3zY_xWO.js.map +1 -0
  130. package/lib/esm/_chunks/BITrbAAT.js +42 -0
  131. package/lib/esm/_chunks/BITrbAAT.js.map +1 -0
  132. package/lib/esm/_chunks/BKS4Pa1R.js +13 -0
  133. package/lib/esm/_chunks/BKS4Pa1R.js.map +1 -0
  134. package/lib/esm/_chunks/BfaGqGMC.js +11 -0
  135. package/lib/esm/_chunks/BfaGqGMC.js.map +1 -0
  136. package/lib/esm/_chunks/BswK5qRp.js +18 -0
  137. package/lib/esm/_chunks/BswK5qRp.js.map +1 -0
  138. package/lib/esm/_chunks/Bw08lvHs.js +17 -0
  139. package/lib/esm/_chunks/Bw08lvHs.js.map +1 -0
  140. package/lib/esm/_chunks/CszwJiJx.js +22 -0
  141. package/lib/esm/_chunks/CszwJiJx.js.map +1 -0
  142. package/lib/esm/_chunks/D7oyCwVx.js +17 -0
  143. package/lib/esm/_chunks/D7oyCwVx.js.map +1 -0
  144. package/lib/esm/_chunks/DKABHJAn.js +41 -0
  145. package/lib/esm/_chunks/DKABHJAn.js.map +1 -0
  146. package/lib/esm/_chunks/{C6lwOm3T.js → DhfjJNaB.js} +31 -11
  147. package/lib/esm/_chunks/DhfjJNaB.js.map +1 -0
  148. package/lib/esm/_chunks/{zVU7tqWk.js → GCWGuPmB.js} +14 -2
  149. package/lib/esm/_chunks/{zVU7tqWk.js.map → GCWGuPmB.js.map} +1 -1
  150. package/lib/esm/components/Button/Button.js +36 -0
  151. package/lib/esm/components/Button/Button.js.map +1 -0
  152. package/lib/esm/components/Button/index.js +27 -8
  153. package/lib/esm/components/Button/index.js.map +1 -1
  154. package/lib/esm/components/Button/interface/index.js +1 -11
  155. package/lib/esm/components/Button/interface/index.js.map +1 -1
  156. package/lib/esm/components/Button/styleMap.js +23 -8
  157. package/lib/esm/components/Button/styleMap.js.map +1 -1
  158. package/lib/esm/components/Collapse/Collapse.js +56 -0
  159. package/lib/esm/components/Collapse/Collapse.js.map +1 -0
  160. package/lib/esm/components/Collapse/Item/Item.js +109 -0
  161. package/lib/esm/components/Collapse/Item/Item.js.map +1 -0
  162. package/lib/esm/components/Collapse/Item/interface/index.js +10 -0
  163. package/lib/esm/components/Collapse/Item/interface/index.js.map +1 -0
  164. package/lib/esm/components/Collapse/Item/styles.js +32 -0
  165. package/lib/esm/components/Collapse/Item/styles.js.map +1 -0
  166. package/lib/esm/components/Collapse/hooks/useCollapseContext.js +12 -0
  167. package/lib/esm/components/Collapse/hooks/useCollapseContext.js.map +1 -0
  168. package/lib/esm/components/Collapse/index.js +14 -0
  169. package/lib/esm/components/Collapse/index.js.map +1 -0
  170. package/lib/esm/components/Collapse/interface/index.js +9 -0
  171. package/lib/esm/components/Collapse/interface/index.js.map +1 -0
  172. package/lib/esm/components/ConfigProvider/ConfigProvider.js +1 -1
  173. package/lib/esm/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js +1 -1
  174. package/lib/esm/components/ConfigProvider/hooks/ConfigCache/index.js +1 -1
  175. package/lib/esm/components/ConfigProvider/hooks/themeToken/useThemeToken.js +1 -1
  176. package/lib/esm/components/ConfigProvider/index.js +10 -22
  177. package/lib/esm/components/ConfigProvider/index.js.map +1 -1
  178. package/lib/esm/components/ConfigProvider/interface/index.js +1 -34
  179. package/lib/esm/components/ConfigProvider/interface/index.js.map +1 -1
  180. package/lib/esm/components/Empty/Empty.js +40 -0
  181. package/lib/esm/components/Empty/Empty.js.map +1 -0
  182. package/lib/esm/components/Empty/hooks/useDefaultIcon.js +8 -0
  183. package/lib/esm/components/Empty/hooks/useDefaultIcon.js.map +1 -0
  184. package/lib/esm/components/Empty/index.js +16 -0
  185. package/lib/esm/components/Empty/index.js.map +1 -0
  186. package/lib/esm/components/Empty/interface/index.js +2 -0
  187. package/lib/esm/components/Empty/interface/index.js.map +1 -0
  188. package/lib/esm/components/Empty/styles.js +34 -0
  189. package/lib/esm/components/Empty/styles.js.map +1 -0
  190. package/lib/esm/components/Image/Image.js +126 -0
  191. package/lib/esm/components/Image/Image.js.map +1 -0
  192. package/lib/esm/components/Image/hook/index.js +2 -2
  193. package/lib/esm/components/Image/index.js +4 -4
  194. package/lib/esm/components/Image/index.js.map +1 -1
  195. package/lib/esm/components/Image/interface/index.js +1 -32
  196. package/lib/esm/components/Image/interface/index.js.map +1 -1
  197. package/lib/esm/components/Popover/Popover.js +124 -0
  198. package/lib/esm/components/Popover/Popover.js.map +1 -0
  199. package/lib/esm/components/Popover/component.js +1 -1
  200. package/lib/esm/components/Popover/hook.js +1 -1
  201. package/lib/esm/components/Popover/index.js +10 -120
  202. package/lib/esm/components/Popover/index.js.map +1 -1
  203. package/lib/esm/components/Popover/interface/index.js +1 -11
  204. package/lib/esm/components/Popover/interface/index.js.map +1 -1
  205. package/lib/esm/components/Popover/styles.js +25 -0
  206. package/lib/esm/components/Popover/styles.js.map +1 -0
  207. package/lib/esm/components/Result/Result.js +48 -0
  208. package/lib/esm/components/Result/Result.js.map +1 -0
  209. package/lib/esm/components/Result/hooks/useDefaultIcon.js +17 -0
  210. package/lib/esm/components/Result/hooks/useDefaultIcon.js.map +1 -0
  211. package/lib/esm/components/Result/index.js +16 -0
  212. package/lib/esm/components/Result/index.js.map +1 -0
  213. package/lib/esm/components/Result/interface/index.js +2 -0
  214. package/lib/esm/components/Result/interface/index.js.map +1 -0
  215. package/lib/esm/components/Result/styles.js +43 -0
  216. package/lib/esm/components/Result/styles.js.map +1 -0
  217. package/lib/esm/components/Switch/Switch.js +76 -0
  218. package/lib/esm/components/Switch/Switch.js.map +1 -0
  219. package/lib/esm/components/Switch/index.js +8 -63
  220. package/lib/esm/components/Switch/index.js.map +1 -1
  221. package/lib/esm/components/Switch/interface/index.js +2 -11
  222. package/lib/esm/components/Switch/interface/index.js.map +1 -1
  223. package/lib/esm/components/Switch/styles.js.map +1 -1
  224. package/lib/esm/components/Tag/Tag.js +199 -0
  225. package/lib/esm/components/Tag/Tag.js.map +1 -0
  226. package/lib/esm/components/Tag/index.js +8 -207
  227. package/lib/esm/components/Tag/index.js.map +1 -1
  228. package/lib/esm/components/Tag/interface/index.js +1 -18
  229. package/lib/esm/components/Tag/interface/index.js.map +1 -1
  230. package/lib/esm/components/Tag/styles.js +25 -0
  231. package/lib/esm/components/Tag/styles.js.map +1 -0
  232. package/lib/esm/components/Text/Text.js +155 -0
  233. package/lib/esm/components/Text/Text.js.map +1 -0
  234. package/lib/esm/components/Text/hooks/cloneContainer.js +1 -1
  235. package/lib/esm/components/Text/hooks/index.js +1 -1
  236. package/lib/esm/components/Text/hooks/loadFontFromFile.js +1 -1
  237. package/lib/esm/components/Text/index.js +10 -146
  238. package/lib/esm/components/Text/index.js.map +1 -1
  239. package/lib/esm/components/Text/interface/index.js +1 -12
  240. package/lib/esm/components/Text/interface/index.js.map +1 -1
  241. package/lib/esm/components/Text/styles.js +1 -1
  242. package/lib/esm/index.js +28 -11
  243. package/lib/esm/index.js.map +1 -1
  244. package/lib/types/components/Button/Button.d.ts +4 -0
  245. package/lib/types/components/Button/index.d.ts +3 -3
  246. package/lib/types/components/Button/interface/index.d.ts +2 -0
  247. package/lib/types/components/Button/styleMap.d.ts +8 -0
  248. package/lib/types/components/Collapse/Collapse.d.ts +13 -0
  249. package/lib/types/components/Collapse/Item/Item.d.ts +7 -0
  250. package/lib/types/components/Collapse/Item/interface/index.d.ts +12 -0
  251. package/lib/types/components/Collapse/Item/styles.d.ts +19 -0
  252. package/lib/types/components/Collapse/demo/index.d.ts +2 -0
  253. package/lib/types/components/Collapse/hooks/useCollapseContext.d.ts +3 -0
  254. package/lib/types/components/Collapse/index.d.ts +3 -0
  255. package/lib/types/components/Collapse/interface/index.d.ts +24 -0
  256. package/lib/types/components/Collapse/test/demo.d.ts +2 -0
  257. package/lib/types/components/Collapse/test/index.bench.d.ts +1 -0
  258. package/lib/types/components/Collapse/test/index.test.d.ts +1 -0
  259. package/lib/types/components/ConfigProvider/hooks/ConfigCache/interface.d.ts +1 -1
  260. package/lib/types/components/ConfigProvider/index.d.ts +2 -0
  261. package/lib/types/components/Empty/Empty.d.ts +9 -0
  262. package/lib/types/components/Empty/demo/index.d.ts +2 -0
  263. package/lib/types/components/Empty/hooks/useDefaultIcon.d.ts +5 -0
  264. package/lib/types/components/Empty/index.d.ts +4 -0
  265. package/lib/types/components/Empty/interface/index.d.ts +9 -0
  266. package/lib/types/components/Empty/styles.d.ts +20 -0
  267. package/lib/types/components/Empty/test/index.bench.d.ts +1 -0
  268. package/lib/types/components/Empty/test/index.test.d.ts +1 -0
  269. package/lib/types/components/Image/Image.d.ts +5 -0
  270. package/lib/types/components/Image/index.d.ts +4 -5
  271. package/lib/types/components/Popover/Popover.d.ts +4 -0
  272. package/lib/types/components/Popover/index.d.ts +4 -4
  273. package/lib/types/components/Popover/styles.d.ts +20 -0
  274. package/lib/types/components/Result/Result.d.ts +11 -0
  275. package/lib/types/components/Result/demo/index.d.ts +2 -0
  276. package/lib/types/components/Result/hooks/useDefaultIcon.d.ts +14 -0
  277. package/lib/types/components/Result/index.d.ts +4 -0
  278. package/lib/types/components/Result/interface/index.d.ts +13 -0
  279. package/lib/types/components/Result/styles.d.ts +29 -0
  280. package/lib/types/components/Result/test/Demo.d.ts +2 -0
  281. package/lib/types/components/Result/test/index.bench.d.ts +1 -0
  282. package/lib/types/components/Result/test/index.test.d.ts +1 -0
  283. package/lib/types/components/Switch/Switch.d.ts +13 -0
  284. package/lib/types/components/Switch/index.d.ts +3 -12
  285. package/lib/types/components/Tag/Tag.d.ts +4 -0
  286. package/lib/types/components/Tag/index.d.ts +3 -3
  287. package/lib/types/components/Tag/interface/index.d.ts +2 -5
  288. package/lib/types/components/Tag/styles.d.ts +20 -0
  289. package/lib/types/components/Text/Text.d.ts +4 -0
  290. package/lib/types/components/Text/index.d.ts +4 -4
  291. package/lib/types/index.d.ts +10 -10
  292. package/package.json +2 -2
  293. package/src/components/Button/{index.tsx → Button.tsx} +5 -2
  294. package/src/components/Button/demo/index.tsx +4 -1
  295. package/src/components/Button/doc/index.mdx +15 -13
  296. package/src/components/Button/index.ts +5 -0
  297. package/src/components/Button/interface/index.ts +2 -0
  298. package/src/components/Button/styleMap.ts +9 -0
  299. package/src/components/Button/test/__snapshots__/index.test.tsx.snap +3 -0
  300. package/src/components/Button/test/index.test.tsx +25 -1
  301. package/src/components/Collapse/Collapse.tsx +72 -0
  302. package/src/components/Collapse/Item/Item.tsx +103 -0
  303. package/src/components/Collapse/Item/interface/index.ts +21 -0
  304. package/src/components/Collapse/Item/styles.ts +27 -0
  305. package/src/components/Collapse/demo/index.tsx +60 -0
  306. package/src/components/Collapse/doc/index.mdx +24 -0
  307. package/src/components/Collapse/hooks/useCollapseContext.ts +8 -0
  308. package/src/components/Collapse/index.ts +4 -0
  309. package/src/components/Collapse/interface/index.ts +25 -0
  310. package/src/components/Collapse/test/demo.tsx +62 -0
  311. package/src/components/Collapse/test/index.bench.tsx +13 -0
  312. package/src/components/Collapse/test/index.test.tsx +61 -0
  313. package/src/components/ConfigProvider/doc/index.mdx +8 -8
  314. package/src/components/ConfigProvider/hooks/ConfigCache/interface.ts +1 -1
  315. package/src/components/ConfigProvider/index.ts +3 -0
  316. package/src/components/Empty/Empty.tsx +29 -0
  317. package/src/components/Empty/demo/index.tsx +39 -0
  318. package/src/components/Empty/doc/index.mdx +19 -0
  319. package/src/components/Empty/hooks/useDefaultIcon.ts +5 -0
  320. package/src/components/Empty/index.ts +5 -0
  321. package/src/components/Empty/interface/index.ts +10 -0
  322. package/src/components/Empty/styles.ts +29 -0
  323. package/src/components/Empty/test/index.bench.tsx +12 -0
  324. package/src/components/Empty/test/index.test.tsx +26 -0
  325. package/src/components/Image/Image.tsx +121 -0
  326. package/src/components/Image/demo/index.tsx +2 -1
  327. package/src/components/Image/doc/index.mdx +13 -13
  328. package/src/components/Image/index.ts +5 -0
  329. package/src/components/Image/index.tsx +1 -2
  330. package/src/components/Popover/demo/index.tsx +2 -2
  331. package/src/components/Popover/doc/index.mdx +15 -15
  332. package/src/components/Popover/index.ts +5 -0
  333. package/src/components/Popover/styles.ts +24 -0
  334. package/src/components/Result/Result.tsx +35 -0
  335. package/src/components/Result/demo/index.tsx +58 -0
  336. package/src/components/Result/doc/index.mdx +21 -0
  337. package/src/components/Result/hooks/useDefaultIcon.ts +21 -0
  338. package/src/components/Result/index.ts +5 -0
  339. package/src/components/Result/interface/index.ts +14 -0
  340. package/src/components/Result/styles.ts +38 -0
  341. package/src/components/Result/test/Demo.tsx +80 -0
  342. package/src/components/Result/test/index.bench.tsx +12 -0
  343. package/src/components/Result/test/index.test.tsx +101 -0
  344. package/src/components/Switch/{index.tsx → Switch.tsx} +23 -9
  345. package/src/components/Switch/demo/index.tsx +7 -1
  346. package/src/components/Switch/doc/index.mdx +11 -11
  347. package/src/components/Switch/index.ts +5 -0
  348. package/src/components/Switch/test/index.bench.tsx +1 -1
  349. package/src/components/Switch/test/paper.bench.tsx +1 -1
  350. package/src/components/Tag/Tag.tsx +195 -0
  351. package/src/components/Tag/demo/index.tsx +0 -24
  352. package/src/components/Tag/doc/index.mdx +18 -20
  353. package/src/components/Tag/index.ts +5 -0
  354. package/src/components/Tag/interface/index.ts +1 -5
  355. package/src/components/{Switch/styles.tsx → Tag/styles.ts} +1 -1
  356. package/src/components/Tag/test/index.test.tsx +4 -32
  357. package/src/components/Text/doc/index.mdx +17 -17
  358. package/src/components/Text/index.ts +5 -0
  359. package/src/index.ts +10 -12
  360. package/lib/cjs/_chunks/BUZe8G-Q.js.map +0 -1
  361. package/lib/cjs/components/Popover/manifest.js +0 -3
  362. package/lib/cjs/components/Popover/manifest.js.map +0 -1
  363. package/lib/esm/_chunks/C6lwOm3T.js.map +0 -1
  364. package/lib/esm/components/Popover/manifest.js +0 -2
  365. package/lib/esm/components/Popover/manifest.js.map +0 -1
  366. package/lib/types/components/Popover/manifest.d.ts +0 -3
  367. package/src/components/Popover/manifest.ts +0 -3
  368. package/src/components/Tag/index.tsx +0 -199
  369. /package/src/components/Popover/{index.tsx → Popover.tsx} +0 -0
  370. /package/src/components/{ConfigProvider/index.tsx → Switch/styles.ts} +0 -0
  371. /package/src/components/Text/{index.tsx → Text.tsx} +0 -0
package/src/index.ts CHANGED
@@ -1,12 +1,10 @@
1
- import Tag from "./components/Tag";
2
- import Image from "./components/Image";
3
- import Button from "./components/Button";
4
- import Popover from "./components/Popover";
5
- import Switch from "./components/Switch";
6
- import ConfigProvider, { useThemeColor } from "./components/ConfigProvider";
7
- import Text from "./components/Text";
8
-
9
- export * from "./components/Popover/interface";
10
- export * from "./components/Image/interface";
11
-
12
- export { Button, Popover, Switch, ConfigProvider, useThemeColor, Text, Tag, Image };
1
+ export * from "./components/Tag";
2
+ export * from "./components/Image";
3
+ export * from "./components/Button";
4
+ export * from "./components/Popover";
5
+ export * from "./components/Switch";
6
+ export * from "./components/ConfigProvider";
7
+ export * from "./components/Text";
8
+ export * from "./components/Collapse";
9
+ export * from "./components/Empty";
10
+ export * from "./components/Result";
@@ -1 +0,0 @@
1
- {"version":3,"file":"BUZe8G-Q.js","sources":["../../../src/components/Button/styleMap.ts","../../../src/components/Button/index.tsx"],"sourcesContent":["import { RedsButton, RedsButtonSize, RedsButtonVariant, ButtonDefaultProps } from \"./interface\";\nimport { typography, alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { useThemeColor } from \"../../index\";\n\nexport const sizeMap = {\n xLarge: {\n button: {\n paddingVertical: 0,\n paddingHorizontal: 32,\n minWidth: 112,\n height: 48,\n },\n text: {\n fontSize: typography.T2FontSize,\n fontWeight: typography.T2FontWeight,\n lineHeight: typography.T2LineHeight,\n },\n },\n large: {\n button: {\n paddingVertical: 0,\n paddingHorizontal: 24,\n minWidth: 96,\n height: 40,\n },\n text: {\n fontSize: typography.T2FontSize,\n fontWeight: typography.T2FontWeight,\n lineHeight: typography.T2LineHeight,\n },\n },\n medium: {\n button: {\n paddingVertical: 0,\n paddingHorizontal: 20,\n minWidth: 82,\n height: 36,\n },\n text: {\n fontSize: typography.T3FontSize,\n fontWeight: typography.T3FontWeight,\n lineHeight: typography.T3LineHeight,\n },\n },\n small: {\n button: {\n paddingVertical: 0,\n paddingHorizontal: 12,\n minWidth: 63,\n height: 28,\n },\n text: {\n fontSize: typography.C1FontSize,\n fontWeight: typography.C1FontWeight,\n lineHeight: typography.C1LineHeight,\n },\n },\n mini: {\n button: {\n paddingVertical: 0,\n paddingHorizontal: 8,\n minWidth: 52,\n height: 24,\n },\n text: {\n fontSize: typography.C2FontSize,\n fontWeight: typography.C2FontWeight,\n lineHeight: typography.C2LineHeight,\n },\n },\n micro: {\n button: {\n paddingVertical: 0,\n paddingHorizontal: 8,\n minWidth: 40,\n height: 20,\n },\n text: {\n fontSize: typography.C3FontSize,\n fontWeight: typography.C3FontWeight,\n lineHeight: typography.C3LineHeight,\n },\n },\n};\n\nexport const getVariantStyles = (props: RedsButton) => {\n const themeColor = useThemeColor(\"Button\");\n const styles = {\n fill: {\n button: {\n borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Separator2,\n backgroundColor: props.type === \"primary\" ? themeColor.Primary : themeColor.White,\n },\n text: {\n color: props.type === \"primary\" ? alwaysColor.White : themeColor.Title,\n },\n },\n ghost: {\n button: {\n borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Paragraph,\n backgroundColor: alwaysColor.LightFill2,\n },\n text: {\n color: props.type === \"primary\" ? themeColor.Primary : themeColor.Paragraph,\n },\n },\n outline: {\n button: {\n borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Paragraph,\n backgroundColor: \"transparent\",\n },\n text: {\n color: props.type === \"primary\" ? themeColor.Primary : themeColor.Title,\n },\n },\n text: {\n button: {\n borderColor: \"transparent\",\n backgroundColor: \"transparent\",\n },\n text: {\n color: props.type === \"primary\" ? themeColor.Primary : themeColor.Title,\n },\n },\n };\n return styles[props.variant!];\n};\n","import React from \"react\";\nimport { TouchableWithoutFeedback, View, Text, StyleSheet, ViewStyle, TextStyle } from \"react-native\";\nimport { RedsButton, ButtonDefaultProps } from \"./interface\";\nimport { sizeMap, getVariantStyles } from \"./styleMap\";\n\nconst styles = StyleSheet.create({\n button: {\n borderRadius: 1000,\n borderWidth: 0.5,\n borderStyle: \"solid\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n disabledButton: {\n opacity: 0.3,\n },\n block: {\n // alignSelf: \"stretch\",\n width: \"100%\",\n },\n});\n\nconst Button: React.FC<RedsButton> = (props) => {\n const finalProps = { ...(ButtonDefaultProps as RedsButton), ...props };\n const { size, block, disabled, children, style = {}, onClick } = finalProps;\n const sizeStyles = sizeMap[size!];\n const variantStyles = getVariantStyles(finalProps);\n const buttonStyles: ViewStyle[] = [styles.button, sizeStyles.button, variantStyles.button, style];\n const textStyles: TextStyle[] = [sizeStyles.text, variantStyles.text];\n\n if (disabled) {\n buttonStyles.push(styles.disabledButton);\n }\n\n if (block) {\n buttonStyles.push(styles.block);\n }\n\n return (\n <TouchableWithoutFeedback onPress={disabled ? undefined : onClick}>\n <View style={buttonStyles}>\n <Text style={textStyles}>{children}</Text>\n </View>\n </TouchableWithoutFeedback>\n );\n};\n\nexport default Button;\n"],"names":["sizeMap","xLarge","button","paddingVertical","paddingHorizontal","minWidth","height","text","fontSize","typography","T2FontSize","fontWeight","T2FontWeight","lineHeight","T2LineHeight","large","medium","T3FontSize","T3FontWeight","T3LineHeight","small","C1FontSize","C1FontWeight","C1LineHeight","mini","C2FontSize","C2FontWeight","C2LineHeight","micro","C3FontSize","C3FontWeight","C3LineHeight","getVariantStyles","props","themeColor","useThemeColor","styles","fill","borderColor","type","Primary","Separator2","backgroundColor","White","color","alwaysColor","Title","ghost","Paragraph","LightFill2","outline","variant","StyleSheet","create","borderRadius","borderWidth","borderStyle","display","justifyContent","alignItems","disabledButton","opacity","block","width","Button","finalProps","_objectSpread","ButtonDefaultProps","size","disabled","children","style","_finalProps$style","onClick","sizeStyles","variantStyles","buttonStyles","textStyles","push","TouchableWithoutFeedback","onPress","React","createElement","View","Text"],"mappings":"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"}
@@ -1,3 +0,0 @@
1
- 'use strict';
2
-
3
- //# sourceMappingURL=manifest.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"manifest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"C6lwOm3T.js","sources":["../../../src/components/Button/styleMap.ts","../../../src/components/Button/index.tsx"],"sourcesContent":["import { RedsButton, RedsButtonSize, RedsButtonVariant, ButtonDefaultProps } from \"./interface\";\nimport { typography, alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { useThemeColor } from \"../../index\";\n\nexport const sizeMap = {\n xLarge: {\n button: {\n paddingVertical: 0,\n paddingHorizontal: 32,\n minWidth: 112,\n height: 48,\n },\n text: {\n fontSize: typography.T2FontSize,\n fontWeight: typography.T2FontWeight,\n lineHeight: typography.T2LineHeight,\n },\n },\n large: {\n button: {\n paddingVertical: 0,\n paddingHorizontal: 24,\n minWidth: 96,\n height: 40,\n },\n text: {\n fontSize: typography.T2FontSize,\n fontWeight: typography.T2FontWeight,\n lineHeight: typography.T2LineHeight,\n },\n },\n medium: {\n button: {\n paddingVertical: 0,\n paddingHorizontal: 20,\n minWidth: 82,\n height: 36,\n },\n text: {\n fontSize: typography.T3FontSize,\n fontWeight: typography.T3FontWeight,\n lineHeight: typography.T3LineHeight,\n },\n },\n small: {\n button: {\n paddingVertical: 0,\n paddingHorizontal: 12,\n minWidth: 63,\n height: 28,\n },\n text: {\n fontSize: typography.C1FontSize,\n fontWeight: typography.C1FontWeight,\n lineHeight: typography.C1LineHeight,\n },\n },\n mini: {\n button: {\n paddingVertical: 0,\n paddingHorizontal: 8,\n minWidth: 52,\n height: 24,\n },\n text: {\n fontSize: typography.C2FontSize,\n fontWeight: typography.C2FontWeight,\n lineHeight: typography.C2LineHeight,\n },\n },\n micro: {\n button: {\n paddingVertical: 0,\n paddingHorizontal: 8,\n minWidth: 40,\n height: 20,\n },\n text: {\n fontSize: typography.C3FontSize,\n fontWeight: typography.C3FontWeight,\n lineHeight: typography.C3LineHeight,\n },\n },\n};\n\nexport const getVariantStyles = (props: RedsButton) => {\n const themeColor = useThemeColor(\"Button\");\n const styles = {\n fill: {\n button: {\n borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Separator2,\n backgroundColor: props.type === \"primary\" ? themeColor.Primary : themeColor.White,\n },\n text: {\n color: props.type === \"primary\" ? alwaysColor.White : themeColor.Title,\n },\n },\n ghost: {\n button: {\n borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Paragraph,\n backgroundColor: alwaysColor.LightFill2,\n },\n text: {\n color: props.type === \"primary\" ? themeColor.Primary : themeColor.Paragraph,\n },\n },\n outline: {\n button: {\n borderColor: props.type === \"primary\" ? themeColor.Primary : themeColor.Paragraph,\n backgroundColor: \"transparent\",\n },\n text: {\n color: props.type === \"primary\" ? themeColor.Primary : themeColor.Title,\n },\n },\n text: {\n button: {\n borderColor: \"transparent\",\n backgroundColor: \"transparent\",\n },\n text: {\n color: props.type === \"primary\" ? themeColor.Primary : themeColor.Title,\n },\n },\n };\n return styles[props.variant!];\n};\n","import React from \"react\";\nimport { TouchableWithoutFeedback, View, Text, StyleSheet, ViewStyle, TextStyle } from \"react-native\";\nimport { RedsButton, ButtonDefaultProps } from \"./interface\";\nimport { sizeMap, getVariantStyles } from \"./styleMap\";\n\nconst styles = StyleSheet.create({\n button: {\n borderRadius: 1000,\n borderWidth: 0.5,\n borderStyle: \"solid\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n disabledButton: {\n opacity: 0.3,\n },\n block: {\n // alignSelf: \"stretch\",\n width: \"100%\",\n },\n});\n\nconst Button: React.FC<RedsButton> = (props) => {\n const finalProps = { ...(ButtonDefaultProps as RedsButton), ...props };\n const { size, block, disabled, children, style = {}, onClick } = finalProps;\n const sizeStyles = sizeMap[size!];\n const variantStyles = getVariantStyles(finalProps);\n const buttonStyles: ViewStyle[] = [styles.button, sizeStyles.button, variantStyles.button, style];\n const textStyles: TextStyle[] = [sizeStyles.text, variantStyles.text];\n\n if (disabled) {\n buttonStyles.push(styles.disabledButton);\n }\n\n if (block) {\n buttonStyles.push(styles.block);\n }\n\n return (\n <TouchableWithoutFeedback onPress={disabled ? undefined : onClick}>\n <View style={buttonStyles}>\n <Text style={textStyles}>{children}</Text>\n </View>\n </TouchableWithoutFeedback>\n );\n};\n\nexport default Button;\n"],"names":["sizeMap","xLarge","button","paddingVertical","paddingHorizontal","minWidth","height","text","fontSize","typography","T2FontSize","fontWeight","T2FontWeight","lineHeight","T2LineHeight","large","medium","T3FontSize","T3FontWeight","T3LineHeight","small","C1FontSize","C1FontWeight","C1LineHeight","mini","C2FontSize","C2FontWeight","C2LineHeight","micro","C3FontSize","C3FontWeight","C3LineHeight","getVariantStyles","props","themeColor","useThemeColor","styles","fill","borderColor","type","Primary","Separator2","backgroundColor","White","color","alwaysColor","Title","ghost","Paragraph","LightFill2","outline","variant","StyleSheet","create","borderRadius","borderWidth","borderStyle","display","justifyContent","alignItems","disabledButton","opacity","block","width","Button","finalProps","_objectSpread","ButtonDefaultProps","size","disabled","children","style","_finalProps$style","onClick","sizeStyles","variantStyles","buttonStyles","textStyles","push","TouchableWithoutFeedback","onPress","React","createElement","View","Text"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=manifest.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"manifest.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,3 +0,0 @@
1
- interface RedPopoverPorps {
2
- visable: boolean;
3
- }
@@ -1,3 +0,0 @@
1
- interface RedPopoverPorps {
2
- visable: boolean;
3
- }
@@ -1,199 +0,0 @@
1
- import React, { useState, useMemo, ReactNode, FunctionComponent } from "react";
2
- import { View, Text, StyleSheet, GestureResponderEvent, Pressable } from "react-native";
3
- import { RedsTag } from "./interface";
4
- import { lightColor, typography, alwaysColor } from "@xhs/reds-token-next";
5
-
6
- const typeStyles = {
7
- primary: {
8
- backgroundColor: lightColor.Primary2,
9
- color: lightColor.Primary,
10
- borderColor: lightColor.Primary,
11
- },
12
- default: {
13
- backgroundColor: lightColor.Fill1,
14
- color: lightColor.Paragraph,
15
- borderColor: lightColor.Separator2,
16
- },
17
- warning: {
18
- backgroundColor: lightColor.Warning2,
19
- color: lightColor.Warning,
20
- borderColor: lightColor.Warning,
21
- },
22
- success: {
23
- backgroundColor: lightColor.Success2,
24
- color: lightColor.Success,
25
- borderColor: lightColor.Success,
26
- },
27
- info: {
28
- backgroundColor: lightColor.Info2,
29
- color: lightColor.Info,
30
- borderColor: lightColor.Info,
31
- },
32
- ghost: {
33
- backgroundColor: alwaysColor.Black,
34
- color: alwaysColor.White,
35
- borderColor: alwaysColor.LightTitle,
36
- },
37
- };
38
-
39
- const sizeStyles = {
40
- mini: {
41
- fontSize: typography.C3FontSize,
42
- lineHeight: typography.C3LineHeight,
43
- height: 16,
44
- paddingHorizontal: 4,
45
- paddingVertical: 1,
46
- borderRadius: 4,
47
- },
48
- small: {
49
- fontSize: typography.C3FontSize,
50
- lineHeight: typography.C3LineHeight,
51
- height: 20,
52
- paddingHorizontal: 6,
53
- paddingVertical: 3,
54
- borderRadius: 4,
55
- },
56
- medium: {
57
- fontSize: typography.C2FontSize,
58
- lineHeight: typography.C2LineHeight,
59
- height: 28,
60
- paddingHorizontal: 10,
61
- paddingVertical: 5,
62
- borderRadius: 6,
63
- },
64
- large: {
65
- fontSize: typography.B2FontSize,
66
- lineHeight: typography.B2LineHeight,
67
- height: 36,
68
- paddingHorizontal: 16,
69
- paddingVertical: 8,
70
- borderRadius: 6,
71
- },
72
- };
73
-
74
- const shapeStyles = {
75
- square: {},
76
- round: { borderRadius: 999 },
77
- mark: { borderRadius: 999, borderTopLeftRadius: 0, borderBottomLeftRadius: 0 },
78
- };
79
-
80
- const Tag: FunctionComponent<RedsTag> = ({
81
- content,
82
- type = "default",
83
- size = "medium",
84
- plain = false,
85
- borderRadius,
86
- disabled = false,
87
- shape = "square",
88
- checkable = false,
89
- checked = false,
90
- closeabled = false,
91
- icon,
92
- afterIcon,
93
- closeIcon,
94
- onCheck,
95
- onClose,
96
- children,
97
- }) => {
98
- const [internalChecked, setInternalChecked] = useState<boolean>(checked);
99
- const [visible, setVisible] = useState<boolean>(true);
100
-
101
- const tagStyle = useMemo(() => {
102
- const style: any = {
103
- fontFamily: "PingFang SC",
104
- fontWeight: typography.C3FontWeight,
105
- alignItems: "center",
106
- borderWidth: 0.5,
107
- borderColor: "transparent",
108
- cursor: disabled ? "not-allowed" : "pointer",
109
- userSelect: "none",
110
- opacity: disabled ? 0.5 : 1,
111
- alignSelf: "flex-start",
112
- flexShrink: 0,
113
- flexDirection: "row",
114
- };
115
- const currentType = internalChecked ? "primary" : type;
116
- if (type) {
117
- Object.assign(
118
- style,
119
- plain
120
- ? {
121
- backgroundColor: "transparent",
122
- borderColor: typeStyles[currentType].borderColor,
123
- color: typeStyles[currentType].color,
124
- }
125
- : {
126
- backgroundColor: typeStyles[currentType].backgroundColor,
127
- borderColor: "transparent",
128
- color: typeStyles[currentType].color,
129
- },
130
- );
131
- }
132
-
133
- if (size) {
134
- Object.assign(style, sizeStyles[size]);
135
- }
136
-
137
- if (borderRadius) {
138
- style.borderRadius = borderRadius;
139
- } else if (shape) {
140
- Object.assign(style, shapeStyles[shape]);
141
- }
142
-
143
- return style;
144
- }, [type, size, plain, borderRadius, shape, internalChecked, disabled]);
145
-
146
- const textStyle = useMemo(() => {
147
- const currentType = internalChecked ? "primary" : type;
148
- return {
149
- color: typeStyles[currentType].color,
150
- };
151
- }, [type, internalChecked]);
152
-
153
- const handleCheck = (event: GestureResponderEvent) => {
154
- if (checkable && !disabled) {
155
- setInternalChecked(!internalChecked);
156
- onCheck && onCheck(!internalChecked);
157
- }
158
- };
159
-
160
- const handleClose = (event: GestureResponderEvent) => {
161
- if (!disabled) {
162
- setVisible(false);
163
- onClose && onClose(event);
164
- }
165
- };
166
-
167
- if (!visible) return null;
168
-
169
- return (
170
- <View style={[styles.tag, tagStyle]}>
171
- <Pressable onPress={handleCheck} disabled={disabled} style={{ flexDirection: "row", alignItems: "center" }}>
172
- {icon && <View style={{ marginRight: 3 }}>{icon}</View>}
173
- {!content ? (
174
- <Text style={textStyle}>{children}</Text>
175
- ) : (
176
- <Text style={textStyle}>{typeof content === "function" ? content({}) : content}</Text>
177
- )}
178
- {afterIcon && <View style={{ marginLeft: 3 }}>{afterIcon}</View>}
179
- </Pressable>
180
- {closeabled && (
181
- <Pressable onPress={handleClose} style={{ marginLeft: 3 }}>
182
- {closeIcon}
183
- </Pressable>
184
- )}
185
- </View>
186
- );
187
- };
188
-
189
- const styles = StyleSheet.create({
190
- tag: {
191
- alignItems: "center",
192
- borderWidth: 0.5,
193
- borderColor: "transparent",
194
- paddingHorizontal: 10,
195
- paddingVertical: 5,
196
- },
197
- });
198
-
199
- export default Tag;
File without changes