@seakoi/native-ui 1.1.3 → 1.3.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 (376) hide show
  1. package/CHANGELOG.md +52 -0
  2. package/dist/commonjs/components/base/carousel/carousel-indicator.js +56 -0
  3. package/dist/commonjs/components/base/carousel/carousel-slides.js +140 -0
  4. package/dist/commonjs/components/base/carousel/carousel.js +114 -122
  5. package/dist/commonjs/components/base/carousel/hooks/index.js +0 -14
  6. package/dist/commonjs/components/base/carousel/hooks/use-carousel-index.js +16 -13
  7. package/dist/commonjs/components/base/carousel/hooks/use-carousel-lifecycle.js +6 -2
  8. package/dist/commonjs/components/base/carousel/hooks/use-carousel-pan-responder.js +40 -12
  9. package/dist/commonjs/components/base/carousel/hooks/use-carousel-position.js +6 -2
  10. package/dist/commonjs/components/base/carousel/index.js +1 -15
  11. package/dist/commonjs/components/base/carousel/style/index.js +12 -0
  12. package/dist/commonjs/components/base/date-picker/date-picker.js +56 -44
  13. package/dist/commonjs/components/base/date-picker/date-range-picker.js +142 -50
  14. package/dist/commonjs/components/base/date-picker/style/index.js +15 -0
  15. package/dist/commonjs/components/base/date-picker-view/date-picker-view.js +19 -53
  16. package/dist/commonjs/components/base/date-picker-view/index.js +0 -22
  17. package/dist/commonjs/components/base/index.js +53 -9
  18. package/dist/commonjs/components/base/input/base-input.js +4 -2
  19. package/dist/commonjs/components/base/overflow/all-mode-overflow.js +49 -0
  20. package/dist/commonjs/components/base/overflow/fixed-count-overflow.js +70 -0
  21. package/dist/commonjs/components/base/overflow/index.js +16 -0
  22. package/dist/commonjs/components/base/overflow/overflow.js +72 -0
  23. package/dist/commonjs/components/base/overflow/responsive-overflow.js +280 -0
  24. package/dist/commonjs/components/base/overflow/style/index.js +39 -0
  25. package/dist/commonjs/components/base/overflow/types.js +5 -0
  26. package/dist/commonjs/components/base/picker/index.js +26 -4
  27. package/dist/commonjs/components/base/picker/picker-content.js +64 -0
  28. package/dist/commonjs/components/base/picker/picker-context.js +9 -0
  29. package/dist/commonjs/components/base/picker/picker-field.js +39 -0
  30. package/dist/commonjs/components/base/picker/picker.js +26 -95
  31. package/dist/commonjs/components/base/picker/style/index.js +8 -4
  32. package/dist/commonjs/components/base/picker-backup/base-picker-container.js +50 -0
  33. package/dist/commonjs/components/base/picker-backup/index.js +27 -0
  34. package/dist/commonjs/components/base/picker-backup/picker-backup.js +75 -0
  35. package/dist/commonjs/components/base/picker-backup/picker-copy.js +106 -0
  36. package/dist/commonjs/components/base/{picker → picker-backup}/picker-trigger.js +5 -5
  37. package/dist/commonjs/components/base/picker-backup/style/index.js +19 -0
  38. package/dist/commonjs/components/base/picker-backup/utils.js +53 -0
  39. package/dist/commonjs/components/base/picker-view/picker-view-column.js +15 -0
  40. package/dist/commonjs/components/base/picker-view/picker-view.js +4 -4
  41. package/dist/commonjs/components/base/portal/portal-host.js +5 -3
  42. package/dist/commonjs/components/base/select/hooks/use-select-actions.js +155 -0
  43. package/dist/commonjs/components/base/select/hooks/use-select-options.js +169 -0
  44. package/dist/commonjs/components/base/select/hooks/use-selector.js +104 -0
  45. package/dist/commonjs/components/base/select/index.js +16 -0
  46. package/dist/commonjs/components/base/select/select-multiple-content.js +182 -0
  47. package/dist/commonjs/components/base/select/select-popup.js +233 -0
  48. package/dist/commonjs/components/base/select/select-single-content.js +100 -0
  49. package/dist/commonjs/components/base/select/select-suffix.js +67 -0
  50. package/dist/commonjs/components/base/select/select.js +285 -0
  51. package/dist/commonjs/components/base/select/style/index.js +40 -0
  52. package/dist/commonjs/components/base/select/style/select-multiple-content-styles.js +46 -0
  53. package/dist/commonjs/components/base/select/style/select-popup-styles.js +67 -0
  54. package/dist/commonjs/components/base/select/style/select-single-content-styles.js +28 -0
  55. package/dist/commonjs/components/base/select/style/select-styles.js +46 -0
  56. package/dist/commonjs/components/base/select/style/select-suffix-styles.js +21 -0
  57. package/dist/commonjs/components/base/select/types.js +5 -0
  58. package/dist/commonjs/components/base/tabs/style/index.js +37 -0
  59. package/dist/commonjs/components/base/tabs/tabs.js +90 -45
  60. package/dist/commonjs/components/base/tag/index.js +20 -0
  61. package/dist/commonjs/components/base/tag/style/index.js +89 -0
  62. package/dist/commonjs/components/base/tag/tag-context.js +12 -0
  63. package/dist/commonjs/components/base/tag/tag-group.js +35 -0
  64. package/dist/commonjs/components/base/tag/tag.js +47 -0
  65. package/dist/commonjs/components/base/tag/types.js +5 -0
  66. package/dist/commonjs/native-provider/native-provider.js +5 -5
  67. package/dist/commonjs/shared/utils/index.js +11 -0
  68. package/dist/commonjs/shared/utils/object.js +39 -0
  69. package/dist/module/components/base/carousel/carousel-indicator.js +51 -0
  70. package/dist/module/components/base/carousel/carousel-slides.js +135 -0
  71. package/dist/module/components/base/carousel/carousel.js +116 -124
  72. package/dist/module/components/base/carousel/hooks/index.js +0 -2
  73. package/dist/module/components/base/carousel/hooks/use-carousel-index.js +15 -11
  74. package/dist/module/components/base/carousel/hooks/use-carousel-lifecycle.js +6 -2
  75. package/dist/module/components/base/carousel/hooks/use-carousel-pan-responder.js +40 -11
  76. package/dist/module/components/base/carousel/hooks/use-carousel-position.js +5 -1
  77. package/dist/module/components/base/carousel/index.js +1 -5
  78. package/dist/module/components/base/carousel/style/index.js +12 -0
  79. package/dist/module/components/base/date-picker/date-picker.js +60 -48
  80. package/dist/module/components/base/date-picker/date-range-picker.js +146 -54
  81. package/dist/module/components/base/date-picker/style/index.js +11 -0
  82. package/dist/module/components/base/date-picker-view/date-picker-view.js +23 -57
  83. package/dist/module/components/base/date-picker-view/index.js +1 -3
  84. package/dist/module/components/base/index.js +4 -0
  85. package/dist/module/components/base/input/base-input.js +4 -2
  86. package/dist/module/components/base/overflow/all-mode-overflow.js +43 -0
  87. package/dist/module/components/base/overflow/fixed-count-overflow.js +64 -0
  88. package/dist/module/components/base/overflow/index.js +3 -0
  89. package/dist/module/components/base/overflow/overflow.js +66 -0
  90. package/dist/module/components/base/overflow/responsive-overflow.js +274 -0
  91. package/dist/module/components/base/overflow/style/index.js +36 -0
  92. package/dist/module/components/base/overflow/types.js +3 -0
  93. package/dist/module/components/base/picker/index.js +9 -1
  94. package/dist/module/components/base/picker/picker-content.js +58 -0
  95. package/dist/module/components/base/picker/picker-context.js +4 -0
  96. package/dist/module/components/base/picker/picker-field.js +34 -0
  97. package/dist/module/components/base/picker/picker.js +29 -98
  98. package/dist/module/components/base/picker/style/index.js +7 -3
  99. package/dist/module/components/base/picker-backup/base-picker-container.js +44 -0
  100. package/dist/module/components/base/picker-backup/index.js +4 -0
  101. package/dist/module/components/base/picker-backup/picker-backup.js +69 -0
  102. package/dist/module/components/base/picker-backup/picker-copy.js +101 -0
  103. package/dist/module/components/base/{picker → picker-backup}/picker-trigger.js +2 -2
  104. package/dist/module/components/base/picker-backup/style/index.js +15 -0
  105. package/dist/module/components/base/picker-backup/utils.js +48 -0
  106. package/dist/module/components/base/picker-view/picker-view-column.js +15 -0
  107. package/dist/module/components/base/picker-view/picker-view.js +4 -4
  108. package/dist/module/components/base/portal/portal-host.js +4 -3
  109. package/dist/module/components/base/select/hooks/use-select-actions.js +151 -0
  110. package/dist/module/components/base/select/hooks/use-select-options.js +162 -0
  111. package/dist/module/components/base/select/hooks/use-selector.js +100 -0
  112. package/dist/module/components/base/select/index.js +3 -0
  113. package/dist/module/components/base/select/select-multiple-content.js +176 -0
  114. package/dist/module/components/base/select/select-popup.js +227 -0
  115. package/dist/module/components/base/select/select-single-content.js +94 -0
  116. package/dist/module/components/base/select/select-suffix.js +61 -0
  117. package/dist/module/components/base/select/select.js +279 -0
  118. package/dist/module/components/base/select/style/index.js +7 -0
  119. package/dist/module/components/base/select/style/select-multiple-content-styles.js +43 -0
  120. package/dist/module/components/base/select/style/select-popup-styles.js +64 -0
  121. package/dist/module/components/base/select/style/select-single-content-styles.js +25 -0
  122. package/dist/module/components/base/select/style/select-styles.js +43 -0
  123. package/dist/module/components/base/select/style/select-suffix-styles.js +18 -0
  124. package/dist/module/components/base/select/types.js +3 -0
  125. package/dist/module/components/base/tabs/style/index.js +33 -0
  126. package/dist/module/components/base/tabs/tabs.js +92 -47
  127. package/dist/module/components/base/tag/index.js +5 -0
  128. package/dist/module/components/base/tag/style/index.js +85 -0
  129. package/dist/module/components/base/tag/tag-context.js +8 -0
  130. package/dist/module/components/base/tag/tag-group.js +29 -0
  131. package/dist/module/components/base/tag/tag.js +41 -0
  132. package/dist/module/components/base/tag/types.js +3 -0
  133. package/dist/module/native-provider/native-provider.js +5 -5
  134. package/dist/module/shared/utils/index.js +2 -1
  135. package/dist/module/shared/utils/object.js +35 -0
  136. package/dist/typescript/components/base/carousel/carousel-indicator.d.ts +42 -0
  137. package/dist/typescript/components/base/carousel/carousel-indicator.d.ts.map +1 -0
  138. package/dist/typescript/components/base/carousel/carousel-slides.d.ts +49 -0
  139. package/dist/typescript/components/base/carousel/carousel-slides.d.ts.map +1 -0
  140. package/dist/typescript/components/base/carousel/carousel.d.ts +16 -11
  141. package/dist/typescript/components/base/carousel/carousel.d.ts.map +1 -1
  142. package/dist/typescript/components/base/carousel/hooks/index.d.ts +0 -2
  143. package/dist/typescript/components/base/carousel/hooks/index.d.ts.map +1 -1
  144. package/dist/typescript/components/base/carousel/hooks/use-carousel-index.d.ts.map +1 -1
  145. package/dist/typescript/components/base/carousel/hooks/use-carousel-lifecycle.d.ts.map +1 -1
  146. package/dist/typescript/components/base/carousel/hooks/use-carousel-pan-responder.d.ts.map +1 -1
  147. package/dist/typescript/components/base/carousel/hooks/use-carousel-position.d.ts.map +1 -1
  148. package/dist/typescript/components/base/carousel/index.d.ts +1 -4
  149. package/dist/typescript/components/base/carousel/index.d.ts.map +1 -1
  150. package/dist/typescript/components/base/carousel/style/index.d.ts +12 -0
  151. package/dist/typescript/components/base/carousel/style/index.d.ts.map +1 -1
  152. package/dist/typescript/components/base/carousel/types.d.ts +8 -17
  153. package/dist/typescript/components/base/carousel/types.d.ts.map +1 -1
  154. package/dist/typescript/components/base/date-picker/date-picker.d.ts +4 -2
  155. package/dist/typescript/components/base/date-picker/date-picker.d.ts.map +1 -1
  156. package/dist/typescript/components/base/date-picker/date-range-picker.d.ts +12 -3
  157. package/dist/typescript/components/base/date-picker/date-range-picker.d.ts.map +1 -1
  158. package/dist/typescript/components/base/date-picker/style/index.d.ts +9 -0
  159. package/dist/typescript/components/base/date-picker/style/index.d.ts.map +1 -0
  160. package/dist/typescript/components/base/date-picker-view/date-picker-view.d.ts +1 -6
  161. package/dist/typescript/components/base/date-picker-view/date-picker-view.d.ts.map +1 -1
  162. package/dist/typescript/components/base/date-picker-view/index.d.ts +0 -2
  163. package/dist/typescript/components/base/date-picker-view/index.d.ts.map +1 -1
  164. package/dist/typescript/components/base/date-picker-view/types.d.ts +1 -1
  165. package/dist/typescript/components/base/index.d.ts +4 -0
  166. package/dist/typescript/components/base/index.d.ts.map +1 -1
  167. package/dist/typescript/components/base/input/base-input.d.ts.map +1 -1
  168. package/dist/typescript/components/base/overflow/all-mode-overflow.d.ts +11 -0
  169. package/dist/typescript/components/base/overflow/all-mode-overflow.d.ts.map +1 -0
  170. package/dist/typescript/components/base/overflow/fixed-count-overflow.d.ts +11 -0
  171. package/dist/typescript/components/base/overflow/fixed-count-overflow.d.ts.map +1 -0
  172. package/dist/typescript/components/base/overflow/index.d.ts +3 -0
  173. package/dist/typescript/components/base/overflow/index.d.ts.map +1 -0
  174. package/dist/typescript/components/base/overflow/overflow.d.ts +13 -0
  175. package/dist/typescript/components/base/overflow/overflow.d.ts.map +1 -0
  176. package/dist/typescript/components/base/overflow/responsive-overflow.d.ts +12 -0
  177. package/dist/typescript/components/base/overflow/responsive-overflow.d.ts.map +1 -0
  178. package/dist/typescript/components/base/overflow/style/index.d.ts +31 -0
  179. package/dist/typescript/components/base/overflow/style/index.d.ts.map +1 -0
  180. package/dist/typescript/components/base/overflow/types.d.ts +77 -0
  181. package/dist/typescript/components/base/overflow/types.d.ts.map +1 -0
  182. package/dist/typescript/components/base/picker/index.d.ts +7 -1
  183. package/dist/typescript/components/base/picker/index.d.ts.map +1 -1
  184. package/dist/typescript/components/base/picker/picker-content.d.ts +27 -0
  185. package/dist/typescript/components/base/picker/picker-content.d.ts.map +1 -0
  186. package/dist/typescript/components/base/picker/picker-context.d.ts +18 -0
  187. package/dist/typescript/components/base/picker/picker-context.d.ts.map +1 -0
  188. package/dist/typescript/components/base/picker/picker-field.d.ts +10 -0
  189. package/dist/typescript/components/base/picker/picker-field.d.ts.map +1 -0
  190. package/dist/typescript/components/base/picker/picker.d.ts +22 -11
  191. package/dist/typescript/components/base/picker/picker.d.ts.map +1 -1
  192. package/dist/typescript/components/base/picker/style/index.d.ts +6 -2
  193. package/dist/typescript/components/base/picker/style/index.d.ts.map +1 -1
  194. package/dist/typescript/components/base/picker-backup/base-picker-container.d.ts +15 -0
  195. package/dist/typescript/components/base/picker-backup/base-picker-container.d.ts.map +1 -0
  196. package/dist/typescript/components/base/picker-backup/index.d.ts +3 -0
  197. package/dist/typescript/components/base/picker-backup/index.d.ts.map +1 -0
  198. package/dist/typescript/components/base/picker-backup/picker-backup.d.ts +26 -0
  199. package/dist/typescript/components/base/picker-backup/picker-backup.d.ts.map +1 -0
  200. package/dist/typescript/components/base/picker-backup/picker-copy.d.ts +13 -0
  201. package/dist/typescript/components/base/picker-backup/picker-copy.d.ts.map +1 -0
  202. package/dist/typescript/components/base/picker-backup/picker-trigger.d.ts.map +1 -0
  203. package/dist/typescript/components/base/picker-backup/style/index.d.ts +13 -0
  204. package/dist/typescript/components/base/picker-backup/style/index.d.ts.map +1 -0
  205. package/dist/typescript/components/base/picker-backup/utils.d.ts +8 -0
  206. package/dist/typescript/components/base/picker-backup/utils.d.ts.map +1 -0
  207. package/dist/typescript/components/base/picker-view/picker-view-column.d.ts.map +1 -1
  208. package/dist/typescript/components/base/picker-view/utils/picker.d.ts +3 -3
  209. package/dist/typescript/components/base/picker-view/utils/picker.d.ts.map +1 -1
  210. package/dist/typescript/components/base/portal/portal-host.d.ts +1 -0
  211. package/dist/typescript/components/base/portal/portal-host.d.ts.map +1 -1
  212. package/dist/typescript/components/base/portal/types.d.ts +2 -0
  213. package/dist/typescript/components/base/portal/types.d.ts.map +1 -1
  214. package/dist/typescript/components/base/select/hooks/use-select-actions.d.ts +144 -0
  215. package/dist/typescript/components/base/select/hooks/use-select-actions.d.ts.map +1 -0
  216. package/dist/typescript/components/base/select/hooks/use-select-options.d.ts +91 -0
  217. package/dist/typescript/components/base/select/hooks/use-select-options.d.ts.map +1 -0
  218. package/dist/typescript/components/base/select/hooks/use-selector.d.ts +90 -0
  219. package/dist/typescript/components/base/select/hooks/use-selector.d.ts.map +1 -0
  220. package/dist/typescript/components/base/select/index.d.ts +3 -0
  221. package/dist/typescript/components/base/select/index.d.ts.map +1 -0
  222. package/dist/typescript/components/base/select/select-multiple-content.d.ts +51 -0
  223. package/dist/typescript/components/base/select/select-multiple-content.d.ts.map +1 -0
  224. package/dist/typescript/components/base/select/select-popup.d.ts +107 -0
  225. package/dist/typescript/components/base/select/select-popup.d.ts.map +1 -0
  226. package/dist/typescript/components/base/select/select-single-content.d.ts +48 -0
  227. package/dist/typescript/components/base/select/select-single-content.d.ts.map +1 -0
  228. package/dist/typescript/components/base/select/select-suffix.d.ts +43 -0
  229. package/dist/typescript/components/base/select/select-suffix.d.ts.map +1 -0
  230. package/dist/typescript/components/base/select/select.d.ts +40 -0
  231. package/dist/typescript/components/base/select/select.d.ts.map +1 -0
  232. package/dist/typescript/components/base/select/style/index.d.ts +6 -0
  233. package/dist/typescript/components/base/select/style/index.d.ts.map +1 -0
  234. package/dist/typescript/components/base/select/style/select-multiple-content-styles.d.ts +40 -0
  235. package/dist/typescript/components/base/select/style/select-multiple-content-styles.d.ts.map +1 -0
  236. package/dist/typescript/components/base/select/style/select-popup-styles.d.ts +61 -0
  237. package/dist/typescript/components/base/select/style/select-popup-styles.d.ts.map +1 -0
  238. package/dist/typescript/components/base/select/style/select-single-content-styles.d.ts +22 -0
  239. package/dist/typescript/components/base/select/style/select-single-content-styles.d.ts.map +1 -0
  240. package/dist/typescript/components/base/select/style/select-styles.d.ts +40 -0
  241. package/dist/typescript/components/base/select/style/select-styles.d.ts.map +1 -0
  242. package/dist/typescript/components/base/select/style/select-suffix-styles.d.ts +15 -0
  243. package/dist/typescript/components/base/select/style/select-suffix-styles.d.ts.map +1 -0
  244. package/dist/typescript/components/base/select/types.d.ts +206 -0
  245. package/dist/typescript/components/base/select/types.d.ts.map +1 -0
  246. package/dist/typescript/components/base/tabs/style/index.d.ts +29 -0
  247. package/dist/typescript/components/base/tabs/style/index.d.ts.map +1 -0
  248. package/dist/typescript/components/base/tabs/tabs.d.ts +26 -5
  249. package/dist/typescript/components/base/tabs/tabs.d.ts.map +1 -1
  250. package/dist/typescript/components/base/tag/index.d.ts +5 -0
  251. package/dist/typescript/components/base/tag/index.d.ts.map +1 -0
  252. package/dist/typescript/components/base/tag/style/index.d.ts +61 -0
  253. package/dist/typescript/components/base/tag/style/index.d.ts.map +1 -0
  254. package/dist/typescript/components/base/tag/tag-context.d.ts +3 -0
  255. package/dist/typescript/components/base/tag/tag-context.d.ts.map +1 -0
  256. package/dist/typescript/components/base/tag/tag-group.d.ts +4 -0
  257. package/dist/typescript/components/base/tag/tag-group.d.ts.map +1 -0
  258. package/dist/typescript/components/base/tag/tag.d.ts +4 -0
  259. package/dist/typescript/components/base/tag/tag.d.ts.map +1 -0
  260. package/dist/typescript/components/base/tag/types.d.ts +48 -0
  261. package/dist/typescript/components/base/tag/types.d.ts.map +1 -0
  262. package/dist/typescript/native-provider/native-provider.d.ts +2 -0
  263. package/dist/typescript/native-provider/native-provider.d.ts.map +1 -1
  264. package/dist/typescript/shared/utils/index.d.ts +1 -0
  265. package/dist/typescript/shared/utils/index.d.ts.map +1 -1
  266. package/dist/typescript/shared/utils/object.d.ts +21 -0
  267. package/dist/typescript/shared/utils/object.d.ts.map +1 -0
  268. package/package.json +1 -1
  269. package/src/components/base/carousel/carousel-indicator.tsx +80 -0
  270. package/src/components/base/carousel/carousel-slides.tsx +177 -0
  271. package/src/components/base/carousel/carousel.tsx +108 -118
  272. package/src/components/base/carousel/hooks/index.ts +0 -2
  273. package/src/components/base/carousel/hooks/use-carousel-index.ts +13 -9
  274. package/src/components/base/carousel/hooks/use-carousel-lifecycle.ts +4 -3
  275. package/src/components/base/carousel/hooks/use-carousel-pan-responder.ts +40 -16
  276. package/src/components/base/carousel/hooks/use-carousel-position.ts +4 -1
  277. package/src/components/base/carousel/index.ts +1 -3
  278. package/src/components/base/carousel/style/index.ts +12 -0
  279. package/src/components/base/carousel/types.ts +8 -21
  280. package/src/components/base/date-picker/date-picker.tsx +64 -61
  281. package/src/components/base/date-picker/date-range-picker.tsx +178 -70
  282. package/src/components/base/date-picker/style/index.ts +10 -0
  283. package/src/components/base/date-picker-view/date-picker-view.tsx +21 -68
  284. package/src/components/base/date-picker-view/index.ts +0 -2
  285. package/src/components/base/date-picker-view/types.ts +1 -1
  286. package/src/components/base/index.ts +4 -0
  287. package/src/components/base/input/base-input.tsx +4 -2
  288. package/src/components/base/overflow/all-mode-overflow.tsx +49 -0
  289. package/src/components/base/overflow/fixed-count-overflow.tsx +71 -0
  290. package/src/components/base/overflow/index.ts +2 -0
  291. package/src/components/base/overflow/overflow.tsx +60 -0
  292. package/src/components/base/overflow/responsive-overflow.tsx +349 -0
  293. package/src/components/base/overflow/style/index.ts +32 -0
  294. package/src/components/base/overflow/types.ts +75 -0
  295. package/src/components/base/picker/index.ts +11 -1
  296. package/src/components/base/picker/picker-content.tsx +90 -0
  297. package/src/components/base/picker/picker-context.ts +19 -0
  298. package/src/components/base/picker/picker-field.tsx +56 -0
  299. package/src/components/base/picker/picker.tsx +49 -116
  300. package/src/components/base/picker/style/index.ts +4 -2
  301. package/src/components/base/picker-backup/base-picker-container.tsx +55 -0
  302. package/src/components/base/picker-backup/index.ts +2 -0
  303. package/src/components/base/picker-backup/picker-backup.tsx +110 -0
  304. package/src/components/base/picker-backup/picker-copy.tsx +125 -0
  305. package/src/components/base/{picker → picker-backup}/picker-trigger.tsx +2 -2
  306. package/src/components/base/picker-backup/style/index.ts +14 -0
  307. package/src/components/base/picker-backup/utils.ts +62 -0
  308. package/src/components/base/picker-view/picker-view-column.tsx +20 -0
  309. package/src/components/base/picker-view/picker-view.tsx +4 -4
  310. package/src/components/base/picker-view/utils/picker.ts +3 -5
  311. package/src/components/base/portal/portal-host.tsx +13 -3
  312. package/src/components/base/portal/types.ts +2 -0
  313. package/src/components/base/select/hooks/use-select-actions.ts +263 -0
  314. package/src/components/base/select/hooks/use-select-options.ts +250 -0
  315. package/src/components/base/select/hooks/use-selector.ts +155 -0
  316. package/src/components/base/select/index.ts +2 -0
  317. package/src/components/base/select/select-multiple-content.tsx +292 -0
  318. package/src/components/base/select/select-popup.tsx +384 -0
  319. package/src/components/base/select/select-single-content.tsx +127 -0
  320. package/src/components/base/select/select-suffix.tsx +100 -0
  321. package/src/components/base/select/select.tsx +302 -0
  322. package/src/components/base/select/style/index.ts +5 -0
  323. package/src/components/base/select/style/select-multiple-content-styles.ts +41 -0
  324. package/src/components/base/select/style/select-popup-styles.ts +62 -0
  325. package/src/components/base/select/style/select-single-content-styles.ts +23 -0
  326. package/src/components/base/select/style/select-styles.ts +41 -0
  327. package/src/components/base/select/style/select-suffix-styles.ts +16 -0
  328. package/src/components/base/select/types.ts +261 -0
  329. package/src/components/base/tabs/style/index.ts +32 -0
  330. package/src/components/base/tabs/tabs.tsx +146 -55
  331. package/src/components/base/tag/index.ts +5 -0
  332. package/src/components/base/tag/style/index.tsx +84 -0
  333. package/src/components/base/tag/tag-context.ts +9 -0
  334. package/src/components/base/tag/tag-group.tsx +31 -0
  335. package/src/components/base/tag/tag.tsx +50 -0
  336. package/src/components/base/tag/types.ts +71 -0
  337. package/src/native-provider/native-provider.tsx +4 -4
  338. package/src/shared/utils/index.ts +1 -0
  339. package/src/shared/utils/object.ts +37 -0
  340. package/dist/commonjs/components/base/carousel/carousel-item.js +0 -45
  341. package/dist/commonjs/components/base/carousel/constants.js +0 -25
  342. package/dist/commonjs/components/base/carousel/hooks/use-carousel-indicator.js +0 -63
  343. package/dist/commonjs/components/base/carousel/hooks/use-carousel-slides.js +0 -95
  344. package/dist/commonjs/components/base/carousel/utils.js +0 -63
  345. package/dist/commonjs/components/base/date-picker-view/date-range-picker-view.js +0 -145
  346. package/dist/commonjs/components/base/date-picker-view/date-time-picker.js +0 -39
  347. package/dist/module/components/base/carousel/carousel-item.js +0 -40
  348. package/dist/module/components/base/carousel/constants.js +0 -21
  349. package/dist/module/components/base/carousel/hooks/use-carousel-indicator.js +0 -58
  350. package/dist/module/components/base/carousel/hooks/use-carousel-slides.js +0 -90
  351. package/dist/module/components/base/carousel/utils.js +0 -55
  352. package/dist/module/components/base/date-picker-view/date-range-picker-view.js +0 -138
  353. package/dist/module/components/base/date-picker-view/date-time-picker.js +0 -34
  354. package/dist/typescript/components/base/carousel/carousel-item.d.ts +0 -26
  355. package/dist/typescript/components/base/carousel/carousel-item.d.ts.map +0 -1
  356. package/dist/typescript/components/base/carousel/constants.d.ts +0 -17
  357. package/dist/typescript/components/base/carousel/constants.d.ts.map +0 -1
  358. package/dist/typescript/components/base/carousel/hooks/use-carousel-indicator.d.ts +0 -37
  359. package/dist/typescript/components/base/carousel/hooks/use-carousel-indicator.d.ts.map +0 -1
  360. package/dist/typescript/components/base/carousel/hooks/use-carousel-slides.d.ts +0 -51
  361. package/dist/typescript/components/base/carousel/hooks/use-carousel-slides.d.ts.map +0 -1
  362. package/dist/typescript/components/base/carousel/utils.d.ts +0 -25
  363. package/dist/typescript/components/base/carousel/utils.d.ts.map +0 -1
  364. package/dist/typescript/components/base/date-picker-view/date-range-picker-view.d.ts +0 -26
  365. package/dist/typescript/components/base/date-picker-view/date-range-picker-view.d.ts.map +0 -1
  366. package/dist/typescript/components/base/date-picker-view/date-time-picker.d.ts +0 -3
  367. package/dist/typescript/components/base/date-picker-view/date-time-picker.d.ts.map +0 -1
  368. package/dist/typescript/components/base/picker/picker-trigger.d.ts.map +0 -1
  369. package/src/components/base/carousel/carousel-item.tsx +0 -35
  370. package/src/components/base/carousel/constants.ts +0 -19
  371. package/src/components/base/carousel/hooks/use-carousel-indicator.tsx +0 -84
  372. package/src/components/base/carousel/hooks/use-carousel-slides.tsx +0 -131
  373. package/src/components/base/carousel/utils.ts +0 -55
  374. package/src/components/base/date-picker-view/date-range-picker-view.tsx +0 -191
  375. package/src/components/base/date-picker-view/date-time-picker.tsx +0 -34
  376. /package/dist/typescript/components/base/{picker → picker-backup}/picker-trigger.d.ts +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,iBAAiB,EACjB,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AAI3F;;;;GAIG;AACH,MAAM,WAAW,YAAY,CAAC,SAAS,GAAG,OAAO;IAC/C,WAAW;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU;IACV,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kBAAkB;IAClB,CAAC,GAAG,EAAE,WAAW,GAAG,OAAO,CAAC;CAC7B;AAED;;;;GAIG;AACH,MAAM,WAAW,iBAAiB,CAAC,UAAU,SAAS,YAAY,GAAG,YAAY;IAC/E,WAAW;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW;IACX,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,cAAc;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,WAAW;AACX,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAM7C;;;;;GAKG;AACH,MAAM,WAAW,WAAW,CAC1B,SAAS,GAAG,OAAO,EACnB,UAAU,SAAS,YAAY,CAAC,SAAS,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC,EACpE,CAAC,SAAS,UAAU,GAAG,SAAS,GAAG,SAAS,EAC5C,aAAa,SAAS,CAAC,SAAS,UAAU,GACtC,SAAS,EAAE,GACX,SAAS,GAAG,CAAC,SAAS,UAAU,GAAG,SAAS,EAAE,GAAG,SAAS,CAC9D,SAAQ,kBAAkB,CAAC,UAAU,CAAC;IAGtC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG;QAAE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC;IAEvD;;OAEG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAE7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAE9E;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,CAAC;IAET;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,UAAU,GAAG,iBAAiB,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC;IAEzD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAEpE;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAItB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe;IACf,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC,YAAY,CAAC;IAC/D,gBAAgB;IAChB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrE;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAClB,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KACvC,KAAK,CAAC,SAAS,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAIxB,eAAe;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,KAAK,CAAC;IAC5C,kBAAkB;IAClB,iBAAiB,CAAC,EACd,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,YAAY,EAAE,UAAU,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACtD,eAAe;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc;IACd,SAAS,CAAC,EAAE,CACV,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;KACnB,KACE,KAAK,CAAC,SAAS,CAAC;IAIrB,eAAe;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,aAAa;IACb,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,aAAa;IACb,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,YAAY;IACZ,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,YAAY;IACZ,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,gBAAgB;IAChB,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,iBAAiB;IACjB,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC,iBAAiB;IACjB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,iBAAiB;IACjB,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,aAAa;IACb,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,aAAa;IACb,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,eAAe;IACf,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,eAAe;IACf,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,eAAe;IACf,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,aAAa;IACb,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAI5C,iBAAiB;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAEtC,eAAe;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAE1C,cAAc;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,kCAAkC;IAClC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAExC,gBAAgB;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,aAAa;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAE1D,0BAA0B;IAC1B,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,UAAU,GAAG,IAAI,CAAC;CAC5D"}
@@ -0,0 +1,29 @@
1
+ export declare const useTabsStyles: (options?: import("../../../../shared/utils").AnyObject | undefined) => {
2
+ container: {
3
+ width: "100%";
4
+ };
5
+ tabItem: {
6
+ paddingVertical: number;
7
+ paddingHorizontal: number;
8
+ };
9
+ labelText: {
10
+ color: "rgba(0, 0, 0, 0.6)";
11
+ };
12
+ labelTab: {
13
+ paddingHorizontal: number;
14
+ paddingVertical: number;
15
+ borderWidth: number;
16
+ borderColor: "rgba(243, 243, 244, 1)";
17
+ backgroundColor: "rgba(243, 243, 244, 1)";
18
+ borderRadius: 4;
19
+ gap: number;
20
+ };
21
+ labelTabActive: {
22
+ backgroundColor: "rgba(241, 248, 255, 1)";
23
+ borderColor: "rgba(43, 152, 254, 1)";
24
+ };
25
+ labelTextActive: {
26
+ color: "rgba(43, 152, 254, 1)";
27
+ };
28
+ };
29
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/tabs/style/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BxB,CAAC"}
@@ -1,8 +1,29 @@
1
- interface TabsProps {
2
- tabs: string[];
3
- activeTab?: string | number;
4
- onChange?: (tab: string | number) => void;
1
+ import { type StyleProp, type ViewStyle } from 'react-native';
2
+ export interface TabItem {
3
+ /** 标签文本 */
4
+ label: React.ReactNode;
5
+ /** 标签值,唯一标识 */
6
+ value: string | number;
7
+ /** 徽标内容(数字或红点) */
8
+ badge?: number | boolean;
9
+ }
10
+ export interface TabsProps {
11
+ /** 标签数据 */
12
+ tabs: TabItem[];
13
+ /** 当前激活的标签值(受控) */
14
+ value?: string | number;
15
+ /** 默认激活的标签值(非受控) */
16
+ defaultValue?: string | number;
17
+ /** 标签切换回调 */
18
+ onChange?: (value: string | number) => void;
19
+ /** 样式类型 */
20
+ variant?: 'underline' | 'label';
21
+ /** 容器样式 */
22
+ style?: StyleProp<ViewStyle>;
23
+ /** 右侧操作区域 */
24
+ extra?: React.ReactNode;
25
+ /** 是否均分宽度(仅 underline 和 isometric 支持) */
26
+ equalWidth?: boolean;
5
27
  }
6
28
  export declare const Tabs: React.FC<TabsProps>;
7
- export {};
8
29
  //# sourceMappingURL=tabs.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/tabs/tabs.tsx"],"names":[],"mappings":"AAYA,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+IpC,CAAC"}
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/tabs/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,MAAM,WAAW,OAAO;IACtB,WAAW;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,eAAe;IACf,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,SAAS;IACxB,WAAW;IACX,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,aAAa;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,WAAW;IACX,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAChC,WAAW;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,aAAa;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA0NpC,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { Tag } from './tag';
2
+ export * from './tag';
3
+ export type * from './types';
4
+ export default Tag;
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,mBAAmB,SAAS,CAAC;AAE7B,eAAe,GAAG,CAAC"}
@@ -0,0 +1,61 @@
1
+ export declare const useTagStyles: (options?: import("../../../../shared/utils").AnyObject | undefined) => {
2
+ tag: {};
3
+ large: {
4
+ paddingHorizontal: number;
5
+ paddingVertical: number;
6
+ borderRadius: number;
7
+ };
8
+ medium: {
9
+ paddingHorizontal: number;
10
+ paddingVertical: number;
11
+ borderRadius: number;
12
+ };
13
+ small: {
14
+ paddingHorizontal: number;
15
+ paddingVertical: number;
16
+ borderRadius: number;
17
+ };
18
+ disabled: {
19
+ opacity: number;
20
+ };
21
+ 'font-small': {
22
+ fontSize: number;
23
+ };
24
+ 'font-medium': {
25
+ fontSize: number;
26
+ };
27
+ 'font-large': {
28
+ fontSize: number;
29
+ };
30
+ filled: {
31
+ backgroundColor: any;
32
+ };
33
+ 'text-filled': {
34
+ color: any;
35
+ };
36
+ outlined: {
37
+ borderColor: any;
38
+ borderWidth: number;
39
+ };
40
+ 'text-outlined': {
41
+ color: any;
42
+ };
43
+ solid: {
44
+ backgroundColor: any;
45
+ };
46
+ 'text-solid': {
47
+ color: string;
48
+ };
49
+ };
50
+ export declare const useTagGroupStyles: (options?: import("../../../../shared/utils").AnyObject | undefined) => {
51
+ container: {
52
+ flexDirection: "row";
53
+ alignItems: "center";
54
+ flexWrap: "wrap";
55
+ };
56
+ vertical: {
57
+ flexDirection: "column";
58
+ alignItems: "stretch";
59
+ };
60
+ };
61
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/tag/style/index.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEvB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;CAY5B,CAAC"}
@@ -0,0 +1,3 @@
1
+ import type { TagContextValue } from './types';
2
+ export declare const TagContext: import("react").Context<TagContextValue>;
3
+ //# sourceMappingURL=tag-context.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tag-context.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/tag/tag-context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,UAAU,0CAGrB,CAAC"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import type { TagGroupProps } from './types';
3
+ export declare const TagGroup: React.FC<TagGroupProps>;
4
+ //# sourceMappingURL=tag-group.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tag-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/tag/tag-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuB5C,CAAC"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { type TagProps } from './types';
3
+ export declare const Tag: React.FC<TagProps>;
4
+ //# sourceMappingURL=tag.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/tag/tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAO5C,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAyClC,CAAC"}
@@ -0,0 +1,48 @@
1
+ import type { PropsWithChildren } from 'react';
2
+ import type { GestureResponderEvent, StyleProp, TextStyle, ViewStyle } from 'react-native';
3
+ import type { AnyObject } from '#shared/utils/types';
4
+ export interface TagProps {
5
+ /** 标签文本 */
6
+ text?: string;
7
+ /** 标签主题色 */
8
+ color?: string;
9
+ /** 结构形态 */
10
+ variant?: 'filled' | 'solid' | 'outlined';
11
+ /** 标签样式 */
12
+ style?: StyleProp<ViewStyle>;
13
+ /** 标签内容样式 */
14
+ textStyle?: StyleProp<TextStyle>;
15
+ /** 标签主题色 */
16
+ theme?: 'primary' | 'default' | 'danger';
17
+ /** 标签尺寸 */
18
+ size?: 'small' | 'medium' | 'large';
19
+ /** 标签是否可关闭 */
20
+ closable?: boolean;
21
+ /** 标签图标 */
22
+ icon?: React.ReactElement<AnyObject>;
23
+ /** 标签内容 */
24
+ child?: React.ReactNode;
25
+ /** 标签跳转链接 */
26
+ href?: string;
27
+ /** 标签是否禁用 */
28
+ disabled?: boolean;
29
+ /** 标签跳转链接目标 */
30
+ target?: '_blank' | '_self' | '_parent' | '_top';
31
+ /** 标签点击 事件 */
32
+ onPress?: (event: GestureResponderEvent) => void;
33
+ }
34
+ export interface TagGroupProps extends PropsWithChildren, TagContextValue {
35
+ /** 容器样式 */
36
+ style?: StyleProp<ViewStyle>;
37
+ /** 容器样式 */
38
+ gap?: number;
39
+ /** 容器样式 */
40
+ direction?: 'horizontal' | 'vertical';
41
+ }
42
+ export interface TagContextValue {
43
+ /** 按钮标签的尺寸 */
44
+ size?: 'small' | 'medium' | 'large';
45
+ /** 按钮标签的禁用状态 */
46
+ disabled?: boolean;
47
+ }
48
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EACV,qBAAqB,EACrB,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,WAAW,QAAQ;IACvB,WAAW;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW;IACX,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;IAE1C,WAAW;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,aAAa;IACb,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC,YAAY;IACZ,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAEzC,WAAW;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,WAAW;IACX,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAErC,WAAW;IACX,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,aAAa;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,aAAa;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,eAAe;IACf,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAEjD,cAAc;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,eAAe;IACvE,WAAW;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,WAAW;IACX,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,WAAW;IACX,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AAED,MAAM,WAAW,eAAe;IAC9B,cAAc;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { type PortalHostProps } from '#components/base';
2
3
  import { type ThemeConfig } from '#shared/theme';
3
4
  import { type ConfigContextValue, type RequestInstance } from './contexts';
4
5
  import { type ErrorBoundaryProps } from './error-boundary';
@@ -13,6 +14,7 @@ export interface NativeProviderProps {
13
14
  errorBoundary?: Omit<ErrorBoundaryProps, 'children'>;
14
15
  /** 导航配置 */
15
16
  navigators?: ConfigContextValue['navigators'];
17
+ portalHostProps: PortalHostProps;
16
18
  }
17
19
  export declare const NativeProvider: React.FC<NativeProviderProps>;
18
20
  //# sourceMappingURL=native-provider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"native-provider.d.ts","sourceRoot":"","sources":["../../../src/native-provider/native-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAE9D,OAAO,EAEL,KAAK,kBAAkB,EAEvB,KAAK,eAAe,EACrB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG1E,MAAM,WAAW,mBAAmB;IAClC,UAAU;IACV,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW;IACX,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW;IACX,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,aAAa;IACb,aAAa,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;IACrD,WAAW;IACX,UAAU,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuBxD,CAAC"}
1
+ {"version":3,"file":"native-provider.d.ts","sourceRoot":"","sources":["../../../src/native-provider/native-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAE9D,OAAO,EAEL,KAAK,kBAAkB,EAEvB,KAAK,eAAe,EACrB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG1E,MAAM,WAAW,mBAAmB;IAClC,UAAU;IACV,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW;IACX,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW;IACX,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,aAAa;IACb,aAAa,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;IACrD,WAAW;IACX,UAAU,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC9C,eAAe,EAAE,eAAe,CAAC;CAClC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuBxD,CAAC"}
@@ -1,4 +1,5 @@
1
1
  export * from './element';
2
2
  export * from './error';
3
+ export * from './object';
3
4
  export type * from './types';
4
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,mBAAmB,SAAS,CAAC"}
@@ -0,0 +1,21 @@
1
+ /**
2
+ * 浅比较两个对象是否相等
3
+ *
4
+ * 仅比较对象的第一层属性,使用严格相等(===)进行比较。
5
+ * 不会递归比较嵌套对象或数组的内容。
6
+ *
7
+ * @param a - 第一个对象
8
+ * @param b - 第二个对象
9
+ * @returns 如果两个对象的所有第一层属性都相等则返回 true,否则返回 false。如果 a/b 有一个非对象,则直接比较二者
10
+ *
11
+ * @example
12
+ * shallowEqual({ a: 1, b: 2 }, { a: 1, b: 2 }); // true
13
+ * shallowEqual({ a: 1 }, { a: 1, b: 2 }); // false
14
+ * shallowEqual({ a: { x: 1 } }, { a: { x: 1 } }); // false
15
+ * shallowEqual(null, null); // true
16
+ * shallowEqual(null, undefined); // false
17
+ * shallowEqual(1, 1); // true
18
+ * shallowEqual(1, '1'); // false
19
+ */
20
+ export declare const shallowEqual: (a?: object, b?: object) => boolean;
21
+ //# sourceMappingURL=object.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"object.d.ts","sourceRoot":"","sources":["../../../../src/shared/utils/object.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,YAAY,GAAI,IAAI,MAAM,EAAE,IAAI,MAAM,KAAG,OAerD,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seakoi/native-ui",
3
- "version": "1.1.3",
3
+ "version": "1.3.0",
4
4
  "type": "module",
5
5
  "keywords": [
6
6
  "ui-design",
@@ -0,0 +1,80 @@
1
+ import { View, type ViewStyle } from 'react-native';
2
+
3
+ import type { CarouselProps } from './types';
4
+
5
+ interface CarouselIndicatorProps {
6
+ /** 指示器配置(false 表示不显示,函数表示自定义渲染) */
7
+ indicator: CarouselProps['indicator'];
8
+ /** 指示器属性配置(颜色、样式) */
9
+ indicatorProps: CarouselProps['indicatorProps'];
10
+ /** 轮播项总数 */
11
+ total: number;
12
+ /** 当前激活的索引 */
13
+ current: number;
14
+ /** 激活状态的指示器颜色 */
15
+ activeColor: string;
16
+ /** 非激活状态的指示器颜色 */
17
+ inactiveColor: string;
18
+ /** 指示器样式对象 */
19
+ styles: {
20
+ indicatorContainer: ViewStyle;
21
+ indicatorDot: ViewStyle;
22
+ indicatorDotActive: ViewStyle;
23
+ };
24
+ }
25
+
26
+ /**
27
+ * 轮播图指示器渲染组件
28
+ *
29
+ * 负责渲染轮播图底部的指示器(小圆点),支持自定义指示器或使用默认样式。
30
+ * 当轮播项总数小于等于 1 时,不显示指示器。
31
+ *
32
+ * @param props - 组件属性配置
33
+ * @param props.indicator - 指示器配置(false 表示不显示,函数表示自定义渲染)
34
+ * @param props.indicatorProps - 指示器属性配置(颜色、样式)
35
+ * @param props.total - 轮播项总数
36
+ * @param props.current - 当前激活的索引
37
+ * @param props.activeColor - 激活状态的指示器颜色
38
+ * @param props.inactiveColor - 非激活状态的指示器颜色
39
+ * @param props.styles - 指示器样式对象
40
+ *
41
+ * @returns 渲染的指示器内容或 null
42
+ */
43
+ export const CarouselIndicator = (props: CarouselIndicatorProps) => {
44
+ const {
45
+ indicator,
46
+ indicatorProps,
47
+ total,
48
+ current,
49
+ activeColor,
50
+ inactiveColor,
51
+ styles,
52
+ } = props;
53
+
54
+ if (indicator === false) return null;
55
+ if (total <= 1) return null;
56
+
57
+ if (typeof indicator === 'function') {
58
+ return indicator(total, current);
59
+ }
60
+
61
+ const dotActiveColor = indicatorProps?.color ?? activeColor;
62
+
63
+ return (
64
+ <View style={[styles.indicatorContainer, indicatorProps?.style]}>
65
+ {Array.from({ length: total }, (_, i) => {
66
+ const isActive = i === current;
67
+ return (
68
+ <View
69
+ key={i}
70
+ style={[
71
+ styles.indicatorDot,
72
+ { backgroundColor: isActive ? dotActiveColor : inactiveColor },
73
+ isActive && styles.indicatorDotActive,
74
+ ]}
75
+ />
76
+ );
77
+ })}
78
+ </View>
79
+ );
80
+ };
@@ -0,0 +1,177 @@
1
+ import { useMemoizedFn } from 'ahooks';
2
+ import { clamp } from 'lodash-es';
3
+ import { type ReactNode, useMemo } from 'react';
4
+ import { View, type ViewStyle } from 'react-native';
5
+
6
+ interface CarouselSlidesProps<Data = unknown> {
7
+ /** 数据源数组 */
8
+ data: Data[];
9
+ /** 渲染每一项的函数 */
10
+ renderItem: (item: Data, index: number) => ReactNode;
11
+ /** 轮播项总数 */
12
+ total: number;
13
+ /** 虚拟渲染范围(start、end、isVirtual) */
14
+ virtualRange: {
15
+ start: number;
16
+ end: number;
17
+ isVirtual: boolean;
18
+ } | null;
19
+ /** 是否启用循环播放 */
20
+ loopEnabled: boolean;
21
+ /** 循环播放时前置克隆节点数量 */
22
+ clonesBefore: number;
23
+ /** 滑动方向 */
24
+ direction: 'horizontal' | 'vertical';
25
+ /** 单个滑块的像素大小 */
26
+ slidePixels: number;
27
+ /** 扩展后的总数(包含克隆节点) */
28
+ extTotal: number;
29
+ }
30
+
31
+ /**
32
+ * 轮播图滑块渲染组件
33
+ *
34
+ * 负责渲染轮播图的滑块内容,使用 data + renderItem 模式。
35
+ * 实现虚拟渲染优化,仅渲染可见范围内的滑块,并处理循环播放时的克隆逻辑。
36
+ * 为虚拟渲染添加前后占位空间,确保滚动位置正确。
37
+ *
38
+ * @template Data - 数据项类型
39
+ * @param props - 组件属性配置
40
+ * @param props.data - 数据源数组
41
+ * @param props.renderItem - 渲染每一项的函数
42
+ * @param props.total - 轮播项总数
43
+ * @param props.virtualRange - 虚拟渲染范围(start、end、isVirtual)
44
+ * @param props.loopEnabled - 是否启用循环播放
45
+ * @param props.clonesBefore - 循环播放时前置克隆节点数量
46
+ * @param props.direction - 滑动方向
47
+ * @param props.slidePixels - 单个滑块的像素大小
48
+ * @param props.extTotal - 扩展后的总数(包含克隆节点)
49
+ *
50
+ * @returns 渲染的滑块内容或 null
51
+ */
52
+ export const CarouselSlides = <Data = unknown,>(
53
+ props: CarouselSlidesProps<Data>,
54
+ ) => {
55
+ const {
56
+ data,
57
+ renderItem,
58
+ total,
59
+ virtualRange,
60
+ loopEnabled,
61
+ clonesBefore,
62
+ direction,
63
+ slidePixels,
64
+ extTotal,
65
+ } = props;
66
+
67
+ // 计算滑块包装器样式
68
+ const slideWrapperStyle: ViewStyle = useMemo(() => {
69
+ return direction === 'horizontal'
70
+ ? { width: slidePixels, height: '100%' }
71
+ : { height: slidePixels, width: '100%' };
72
+ }, [direction, slidePixels]);
73
+
74
+ // 计算虚拟渲染的占位空间样式
75
+ const spacerStyles = useMemo(() => {
76
+ if (!virtualRange) return null;
77
+
78
+ const { start, end } = virtualRange;
79
+ const leadingSize = start * slidePixels;
80
+ const trailingSize = (extTotal - end - 1) * slidePixels;
81
+
82
+ return {
83
+ leading:
84
+ direction === 'horizontal'
85
+ ? { width: leadingSize }
86
+ : { height: leadingSize },
87
+ trailing:
88
+ direction === 'horizontal'
89
+ ? { width: trailingSize }
90
+ : { height: trailingSize },
91
+ leadingSize,
92
+ trailingSize,
93
+ };
94
+ }, [virtualRange, slidePixels, extTotal, direction]);
95
+
96
+ const getIndexFromExtIndex = useMemoizedFn((extIndex: number) => {
97
+ if (!loopEnabled) return clamp(extIndex, 0, total - 1);
98
+ if (extIndex < clonesBefore) {
99
+ return (((extIndex - clonesBefore) % total) + total) % total;
100
+ }
101
+ if (extIndex >= clonesBefore + total) {
102
+ return (extIndex - clonesBefore - total) % total;
103
+ }
104
+ return extIndex - clonesBefore;
105
+ });
106
+
107
+ // 渲染滑块元素
108
+ const slideElements = useMemo(() => {
109
+ if (!virtualRange) return null;
110
+
111
+ const { start, end } = virtualRange;
112
+ const elements: ReactNode[] = [];
113
+
114
+ const getElementForExtIndex = (extIndex: number) => {
115
+ const logicalIndex = loopEnabled
116
+ ? getIndexFromExtIndex(extIndex)
117
+ : clamp(extIndex, 0, total - 1);
118
+
119
+ const item = data[logicalIndex];
120
+ return renderItem(item, logicalIndex);
121
+ };
122
+
123
+ for (let extIndex = start; extIndex <= end; extIndex += 1) {
124
+ const element = getElementForExtIndex(extIndex);
125
+ if (!element) continue;
126
+ elements.push(
127
+ <View key={extIndex} style={slideWrapperStyle}>
128
+ {element}
129
+ </View>,
130
+ );
131
+ }
132
+
133
+ return elements;
134
+ }, [
135
+ virtualRange,
136
+ loopEnabled,
137
+ total,
138
+ data,
139
+ renderItem,
140
+ slideWrapperStyle,
141
+ getIndexFromExtIndex,
142
+ ]);
143
+
144
+ // 前置占位空间
145
+ const leadSpacer = useMemo(() => {
146
+ if (
147
+ !virtualRange?.isVirtual ||
148
+ !spacerStyles ||
149
+ spacerStyles.leadingSize <= 0
150
+ ) {
151
+ return null;
152
+ }
153
+ return <View style={spacerStyles.leading} />;
154
+ }, [virtualRange?.isVirtual, spacerStyles]);
155
+
156
+ // 后置占位空间
157
+ const trailSpacer = useMemo(() => {
158
+ if (
159
+ !virtualRange?.isVirtual ||
160
+ !spacerStyles ||
161
+ spacerStyles.trailingSize <= 0
162
+ ) {
163
+ return null;
164
+ }
165
+ return <View style={spacerStyles.trailing} />;
166
+ }, [virtualRange?.isVirtual, spacerStyles]);
167
+
168
+ if (!virtualRange) return null;
169
+
170
+ return (
171
+ <>
172
+ {leadSpacer}
173
+ {slideElements}
174
+ {trailSpacer}
175
+ </>
176
+ );
177
+ };