@cssui/react 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (542) hide show
  1. package/dist/adapter-react/components/breadcrumb/Breadcrumb.d.ts +8 -0
  2. package/dist/adapter-react/components/breadcrumb/Breadcrumb.d.ts.map +1 -0
  3. package/dist/adapter-react/components/breadcrumb/Breadcrumb.js +170 -0
  4. package/dist/adapter-react/components/breadcrumb/Breadcrumb.js.map +1 -0
  5. package/dist/adapter-react/components/breadcrumb/index.d.ts +2 -0
  6. package/dist/adapter-react/components/breadcrumb/index.d.ts.map +1 -0
  7. package/dist/adapter-react/components/button/Button.d.ts +10 -0
  8. package/dist/adapter-react/components/button/Button.d.ts.map +1 -0
  9. package/dist/adapter-react/components/button/Button.js +49 -0
  10. package/dist/adapter-react/components/button/Button.js.map +1 -0
  11. package/dist/adapter-react/components/button/index.d.ts +3 -0
  12. package/dist/adapter-react/components/button/index.d.ts.map +1 -0
  13. package/dist/adapter-react/components/carousel/Carousel.d.ts +12 -0
  14. package/dist/adapter-react/components/carousel/Carousel.d.ts.map +1 -0
  15. package/dist/adapter-react/components/carousel/Carousel.js +155 -0
  16. package/dist/adapter-react/components/carousel/Carousel.js.map +1 -0
  17. package/dist/adapter-react/components/carousel/index.d.ts +3 -0
  18. package/dist/adapter-react/components/carousel/index.d.ts.map +1 -0
  19. package/dist/adapter-react/components/checkbox/Checkbox.d.ts +11 -0
  20. package/dist/adapter-react/components/checkbox/Checkbox.d.ts.map +1 -0
  21. package/dist/adapter-react/components/checkbox/Checkbox.js +69 -0
  22. package/dist/adapter-react/components/checkbox/Checkbox.js.map +1 -0
  23. package/dist/adapter-react/components/checkbox/CheckboxGroup.d.ts +22 -0
  24. package/dist/adapter-react/components/checkbox/CheckboxGroup.d.ts.map +1 -0
  25. package/dist/adapter-react/components/checkbox/CheckboxGroup.js +86 -0
  26. package/dist/adapter-react/components/checkbox/CheckboxGroup.js.map +1 -0
  27. package/dist/adapter-react/components/checkbox/index.d.ts +5 -0
  28. package/dist/adapter-react/components/checkbox/index.d.ts.map +1 -0
  29. package/dist/adapter-react/components/date-picker/DatePicker.d.ts +8 -0
  30. package/dist/adapter-react/components/date-picker/DatePicker.d.ts.map +1 -0
  31. package/dist/adapter-react/components/date-picker/DatePicker.js +438 -0
  32. package/dist/adapter-react/components/date-picker/DatePicker.js.map +1 -0
  33. package/dist/adapter-react/components/date-picker/index.d.ts +2 -0
  34. package/dist/adapter-react/components/date-picker/index.d.ts.map +1 -0
  35. package/dist/adapter-react/components/divider/Divider.d.ts +13 -0
  36. package/dist/adapter-react/components/divider/Divider.d.ts.map +1 -0
  37. package/dist/adapter-react/components/divider/Divider.js +31 -0
  38. package/dist/adapter-react/components/divider/Divider.js.map +1 -0
  39. package/dist/adapter-react/components/divider/index.d.ts +3 -0
  40. package/dist/adapter-react/components/divider/index.d.ts.map +1 -0
  41. package/dist/adapter-react/components/float-button/FloatButton.d.ts +17 -0
  42. package/dist/adapter-react/components/float-button/FloatButton.d.ts.map +1 -0
  43. package/dist/adapter-react/components/float-button/FloatButton.js +97 -0
  44. package/dist/adapter-react/components/float-button/FloatButton.js.map +1 -0
  45. package/dist/adapter-react/components/float-button/FloatButtonGroup.d.ts +9 -0
  46. package/dist/adapter-react/components/float-button/FloatButtonGroup.d.ts.map +1 -0
  47. package/dist/adapter-react/components/float-button/FloatButtonGroup.js +61 -0
  48. package/dist/adapter-react/components/float-button/FloatButtonGroup.js.map +1 -0
  49. package/dist/adapter-react/components/float-button/context.d.ts +3 -0
  50. package/dist/adapter-react/components/float-button/context.d.ts.map +1 -0
  51. package/dist/adapter-react/components/float-button/context.js +6 -0
  52. package/dist/adapter-react/components/float-button/context.js.map +1 -0
  53. package/dist/adapter-react/components/float-button/index.d.ts +5 -0
  54. package/dist/adapter-react/components/float-button/index.d.ts.map +1 -0
  55. package/dist/adapter-react/components/form/Form.d.ts +13 -0
  56. package/dist/adapter-react/components/form/Form.d.ts.map +1 -0
  57. package/dist/adapter-react/components/form/Form.js +355 -0
  58. package/dist/adapter-react/components/form/Form.js.map +1 -0
  59. package/dist/adapter-react/components/form/index.d.ts +4 -0
  60. package/dist/adapter-react/components/form/index.d.ts.map +1 -0
  61. package/dist/adapter-react/components/grid/Grid.d.ts +8 -0
  62. package/dist/adapter-react/components/grid/Grid.d.ts.map +1 -0
  63. package/dist/adapter-react/components/grid/Grid.js +51 -0
  64. package/dist/adapter-react/components/grid/Grid.js.map +1 -0
  65. package/dist/adapter-react/components/grid/GridItem.d.ts +8 -0
  66. package/dist/adapter-react/components/grid/GridItem.d.ts.map +1 -0
  67. package/dist/adapter-react/components/grid/GridItem.js +31 -0
  68. package/dist/adapter-react/components/grid/GridItem.js.map +1 -0
  69. package/dist/adapter-react/components/grid/index.d.ts +6 -0
  70. package/dist/adapter-react/components/grid/index.d.ts.map +1 -0
  71. package/dist/adapter-react/components/icon/Icon.d.ts +18 -0
  72. package/dist/adapter-react/components/icon/Icon.d.ts.map +1 -0
  73. package/dist/adapter-react/components/icon/Icon.js +51 -0
  74. package/dist/adapter-react/components/icon/Icon.js.map +1 -0
  75. package/dist/adapter-react/components/icon/index.d.ts +3 -0
  76. package/dist/adapter-react/components/icon/index.d.ts.map +1 -0
  77. package/dist/adapter-react/components/input/Input.d.ts +10 -0
  78. package/dist/adapter-react/components/input/Input.d.ts.map +1 -0
  79. package/dist/adapter-react/components/input/Input.js +79 -0
  80. package/dist/adapter-react/components/input/Input.js.map +1 -0
  81. package/dist/adapter-react/components/input/index.d.ts +3 -0
  82. package/dist/adapter-react/components/input/index.d.ts.map +1 -0
  83. package/dist/adapter-react/components/input-bar/InputBar.d.ts +9 -0
  84. package/dist/adapter-react/components/input-bar/InputBar.d.ts.map +1 -0
  85. package/dist/adapter-react/components/input-bar/InputBar.js +136 -0
  86. package/dist/adapter-react/components/input-bar/InputBar.js.map +1 -0
  87. package/dist/adapter-react/components/input-bar/index.d.ts +3 -0
  88. package/dist/adapter-react/components/input-bar/index.d.ts.map +1 -0
  89. package/dist/adapter-react/components/input-number/InputNumber.d.ts +9 -0
  90. package/dist/adapter-react/components/input-number/InputNumber.d.ts.map +1 -0
  91. package/dist/adapter-react/components/input-number/InputNumber.js +135 -0
  92. package/dist/adapter-react/components/input-number/InputNumber.js.map +1 -0
  93. package/dist/adapter-react/components/input-number/index.d.ts +2 -0
  94. package/dist/adapter-react/components/input-number/index.d.ts.map +1 -0
  95. package/dist/adapter-react/components/modal/Modal.d.ts +18 -0
  96. package/dist/adapter-react/components/modal/Modal.d.ts.map +1 -0
  97. package/dist/adapter-react/components/modal/Modal.js +108 -0
  98. package/dist/adapter-react/components/modal/Modal.js.map +1 -0
  99. package/dist/adapter-react/components/modal/index.d.ts +6 -0
  100. package/dist/adapter-react/components/modal/index.d.ts.map +1 -0
  101. package/dist/adapter-react/components/nav-menu/NavMenu.d.ts +11 -0
  102. package/dist/adapter-react/components/nav-menu/NavMenu.d.ts.map +1 -0
  103. package/dist/adapter-react/components/nav-menu/NavMenu.js +197 -0
  104. package/dist/adapter-react/components/nav-menu/NavMenu.js.map +1 -0
  105. package/dist/adapter-react/components/nav-menu/index.d.ts +3 -0
  106. package/dist/adapter-react/components/nav-menu/index.d.ts.map +1 -0
  107. package/dist/adapter-react/components/pagination/Pagination.d.ts +11 -0
  108. package/dist/adapter-react/components/pagination/Pagination.d.ts.map +1 -0
  109. package/dist/adapter-react/components/pagination/Pagination.js +128 -0
  110. package/dist/adapter-react/components/pagination/Pagination.js.map +1 -0
  111. package/dist/adapter-react/components/pagination/index.d.ts +3 -0
  112. package/dist/adapter-react/components/pagination/index.d.ts.map +1 -0
  113. package/dist/adapter-react/components/radio/Radio.d.ts +12 -0
  114. package/dist/adapter-react/components/radio/Radio.d.ts.map +1 -0
  115. package/dist/adapter-react/components/radio/Radio.js +83 -0
  116. package/dist/adapter-react/components/radio/Radio.js.map +1 -0
  117. package/dist/adapter-react/components/radio/RadioGroup.d.ts +24 -0
  118. package/dist/adapter-react/components/radio/RadioGroup.d.ts.map +1 -0
  119. package/dist/adapter-react/components/radio/RadioGroup.js +97 -0
  120. package/dist/adapter-react/components/radio/RadioGroup.js.map +1 -0
  121. package/dist/adapter-react/components/radio/index.d.ts +7 -0
  122. package/dist/adapter-react/components/radio/index.d.ts.map +1 -0
  123. package/dist/adapter-react/components/select/Select.d.ts +9 -0
  124. package/dist/adapter-react/components/select/Select.d.ts.map +1 -0
  125. package/dist/adapter-react/components/select/Select.js +189 -0
  126. package/dist/adapter-react/components/select/Select.js.map +1 -0
  127. package/dist/adapter-react/components/select/index.d.ts +3 -0
  128. package/dist/adapter-react/components/select/index.d.ts.map +1 -0
  129. package/dist/adapter-react/components/sidebar/Sidebar.d.ts +13 -0
  130. package/dist/adapter-react/components/sidebar/Sidebar.d.ts.map +1 -0
  131. package/dist/adapter-react/components/sidebar/Sidebar.js +242 -0
  132. package/dist/adapter-react/components/sidebar/Sidebar.js.map +1 -0
  133. package/dist/adapter-react/components/sidebar/index.d.ts +3 -0
  134. package/dist/adapter-react/components/sidebar/index.d.ts.map +1 -0
  135. package/dist/adapter-react/components/slider/Slider.d.ts +9 -0
  136. package/dist/adapter-react/components/slider/Slider.d.ts.map +1 -0
  137. package/dist/adapter-react/components/slider/Slider.js +150 -0
  138. package/dist/adapter-react/components/slider/Slider.js.map +1 -0
  139. package/dist/adapter-react/components/slider/index.d.ts +3 -0
  140. package/dist/adapter-react/components/slider/index.d.ts.map +1 -0
  141. package/dist/adapter-react/components/steps/Steps.d.ts +11 -0
  142. package/dist/adapter-react/components/steps/Steps.d.ts.map +1 -0
  143. package/dist/adapter-react/components/steps/Steps.js +172 -0
  144. package/dist/adapter-react/components/steps/Steps.js.map +1 -0
  145. package/dist/adapter-react/components/steps/index.d.ts +3 -0
  146. package/dist/adapter-react/components/steps/index.d.ts.map +1 -0
  147. package/dist/adapter-react/components/switch/Switch.d.ts +11 -0
  148. package/dist/adapter-react/components/switch/Switch.d.ts.map +1 -0
  149. package/dist/adapter-react/components/switch/Switch.js +98 -0
  150. package/dist/adapter-react/components/switch/Switch.js.map +1 -0
  151. package/dist/adapter-react/components/switch/index.d.ts +2 -0
  152. package/dist/adapter-react/components/switch/index.d.ts.map +1 -0
  153. package/dist/adapter-react/components/table/Table.d.ts +15 -0
  154. package/dist/adapter-react/components/table/Table.d.ts.map +1 -0
  155. package/dist/adapter-react/components/table/Table.js +211 -0
  156. package/dist/adapter-react/components/table/Table.js.map +1 -0
  157. package/dist/adapter-react/components/table/index.d.ts +3 -0
  158. package/dist/adapter-react/components/table/index.d.ts.map +1 -0
  159. package/dist/adapter-react/components/tabs/Tabs.d.ts +9 -0
  160. package/dist/adapter-react/components/tabs/Tabs.d.ts.map +1 -0
  161. package/dist/adapter-react/components/tabs/Tabs.js +62 -0
  162. package/dist/adapter-react/components/tabs/Tabs.js.map +1 -0
  163. package/dist/adapter-react/components/tabs/index.d.ts +2 -0
  164. package/dist/adapter-react/components/tabs/index.d.ts.map +1 -0
  165. package/dist/adapter-react/components/time-picker/TimePicker.d.ts +9 -0
  166. package/dist/adapter-react/components/time-picker/TimePicker.d.ts.map +1 -0
  167. package/dist/adapter-react/components/time-picker/TimePicker.js +271 -0
  168. package/dist/adapter-react/components/time-picker/TimePicker.js.map +1 -0
  169. package/dist/adapter-react/components/time-picker/index.d.ts +2 -0
  170. package/dist/adapter-react/components/time-picker/index.d.ts.map +1 -0
  171. package/dist/adapter-react/components/toast/Toast.d.ts +25 -0
  172. package/dist/adapter-react/components/toast/Toast.d.ts.map +1 -0
  173. package/dist/adapter-react/components/toast/Toast.js +223 -0
  174. package/dist/adapter-react/components/toast/Toast.js.map +1 -0
  175. package/dist/adapter-react/components/toast/index.d.ts +3 -0
  176. package/dist/adapter-react/components/toast/index.d.ts.map +1 -0
  177. package/dist/adapter-react/components/toolbars/Toolbar.d.ts +11 -0
  178. package/dist/adapter-react/components/toolbars/Toolbar.d.ts.map +1 -0
  179. package/dist/adapter-react/components/toolbars/Toolbar.js +66 -0
  180. package/dist/adapter-react/components/toolbars/Toolbar.js.map +1 -0
  181. package/dist/adapter-react/components/toolbars/index.d.ts +3 -0
  182. package/dist/adapter-react/components/toolbars/index.d.ts.map +1 -0
  183. package/dist/adapter-react/components/tooltip/Tooltip.d.ts +9 -0
  184. package/dist/adapter-react/components/tooltip/Tooltip.d.ts.map +1 -0
  185. package/dist/adapter-react/components/tooltip/Tooltip.js +141 -0
  186. package/dist/adapter-react/components/tooltip/Tooltip.js.map +1 -0
  187. package/dist/adapter-react/components/tooltip/index.d.ts +2 -0
  188. package/dist/adapter-react/components/tooltip/index.d.ts.map +1 -0
  189. package/dist/adapter-react/hooks/index.d.ts +12 -0
  190. package/dist/adapter-react/hooks/index.d.ts.map +1 -0
  191. package/dist/adapter-react/hooks/index.js +43 -0
  192. package/dist/adapter-react/hooks/index.js.map +1 -0
  193. package/dist/adapter-react/hooks/useControlled.d.ts +7 -0
  194. package/dist/adapter-react/hooks/useControlled.d.ts.map +1 -0
  195. package/dist/adapter-react/hooks/useControlled.js +21 -0
  196. package/dist/adapter-react/hooks/useControlled.js.map +1 -0
  197. package/dist/adapter-react/hooks/useEvent.d.ts +2 -0
  198. package/dist/adapter-react/hooks/useEvent.d.ts.map +1 -0
  199. package/dist/adapter-react/hooks/useMergedState.d.ts +4 -0
  200. package/dist/adapter-react/hooks/useMergedState.d.ts.map +1 -0
  201. package/dist/adapter-react/hooks/useMergedState.js +15 -0
  202. package/dist/adapter-react/hooks/useMergedState.js.map +1 -0
  203. package/dist/adapter-react/index.d.ts +37 -0
  204. package/dist/adapter-react/index.d.ts.map +1 -0
  205. package/dist/adapter-react/runtime/createComponent.d.ts +3 -0
  206. package/dist/adapter-react/runtime/createComponent.d.ts.map +1 -0
  207. package/dist/adapter-react/runtime/createComponent.js +6 -0
  208. package/dist/adapter-react/runtime/createComponent.js.map +1 -0
  209. package/dist/adapter-react/runtime/createProps.d.ts +2 -0
  210. package/dist/adapter-react/runtime/createProps.d.ts.map +1 -0
  211. package/dist/adapter-react/runtime/forwardRef.d.ts +3 -0
  212. package/dist/adapter-react/runtime/forwardRef.d.ts.map +1 -0
  213. package/dist/adapter-react/runtime/forwardRef.js +6 -0
  214. package/dist/adapter-react/runtime/forwardRef.js.map +1 -0
  215. package/dist/adapter-react/runtime/index.d.ts +5 -0
  216. package/dist/adapter-react/runtime/index.d.ts.map +1 -0
  217. package/dist/adapter-react/runtime/withInstall.d.ts +3 -0
  218. package/dist/adapter-react/runtime/withInstall.d.ts.map +1 -0
  219. package/dist/adapter-react/runtime/withInstall.js +6 -0
  220. package/dist/adapter-react/runtime/withInstall.js.map +1 -0
  221. package/dist/adapter-react/style/index.d.ts +2 -0
  222. package/dist/adapter-react/style/index.d.ts.map +1 -0
  223. package/dist/adapter-react/style/injectStyle.d.ts +2 -0
  224. package/dist/adapter-react/style/injectStyle.d.ts.map +1 -0
  225. package/dist/adapter-react/types.d.ts +6 -0
  226. package/dist/adapter-react/types.d.ts.map +1 -0
  227. package/dist/breadcrumb/index.d.ts +2 -2
  228. package/dist/breadcrumb/index.js +34 -1
  229. package/dist/breadcrumb/index.js.map +1 -0
  230. package/dist/breadcrumb/style.css +219 -1
  231. package/dist/button/index.d.ts +2 -2
  232. package/dist/button/index.js +34 -1
  233. package/dist/button/index.js.map +1 -0
  234. package/dist/button/style.css +151 -1
  235. package/dist/carousel/index.d.ts +2 -2
  236. package/dist/carousel/index.js +34 -1
  237. package/dist/carousel/index.js.map +1 -0
  238. package/dist/carousel/style.css +196 -1
  239. package/dist/checkbox/index.d.ts +3 -3
  240. package/dist/checkbox/index.js +34 -2
  241. package/dist/checkbox/index.js.map +1 -0
  242. package/dist/checkbox/style.css +135 -1
  243. package/dist/components/breadcrumb/index.d.ts +61 -0
  244. package/dist/components/breadcrumb/index.d.ts.map +1 -0
  245. package/dist/components/breadcrumb/index.js +49 -0
  246. package/dist/components/breadcrumb/index.js.map +1 -0
  247. package/dist/components/breadcrumb/style.css +219 -0
  248. package/dist/components/button/index.d.ts +15 -0
  249. package/dist/components/button/index.d.ts.map +1 -0
  250. package/dist/components/button/index.js +11 -0
  251. package/dist/components/button/index.js.map +1 -0
  252. package/dist/components/button/style.css +151 -0
  253. package/dist/components/carousel/index.d.ts +38 -0
  254. package/dist/components/carousel/index.d.ts.map +1 -0
  255. package/dist/components/carousel/index.js +33 -0
  256. package/dist/components/carousel/index.js.map +1 -0
  257. package/dist/components/carousel/style.css +196 -0
  258. package/dist/components/checkbox/index.d.ts +36 -0
  259. package/dist/components/checkbox/index.d.ts.map +1 -0
  260. package/dist/components/checkbox/index.js +34 -0
  261. package/dist/components/checkbox/index.js.map +1 -0
  262. package/dist/components/checkbox/style.css +135 -0
  263. package/dist/components/date-picker/index.d.ts +53 -0
  264. package/dist/components/date-picker/index.d.ts.map +1 -0
  265. package/dist/components/date-picker/index.js +105 -0
  266. package/dist/components/date-picker/index.js.map +1 -0
  267. package/dist/components/date-picker/style.css +491 -0
  268. package/dist/components/divider/index.d.ts +12 -0
  269. package/dist/components/divider/index.d.ts.map +1 -0
  270. package/dist/components/divider/index.js +23 -0
  271. package/dist/components/divider/index.js.map +1 -0
  272. package/dist/components/divider/style.css +100 -0
  273. package/dist/components/float-button/index.d.ts +32 -0
  274. package/dist/components/float-button/index.d.ts.map +1 -0
  275. package/dist/components/float-button/index.js +23 -0
  276. package/dist/components/float-button/index.js.map +1 -0
  277. package/dist/components/float-button/style.css +176 -0
  278. package/dist/components/form/index.d.ts +79 -0
  279. package/dist/components/form/index.d.ts.map +1 -0
  280. package/dist/components/form/index.js +144 -0
  281. package/dist/components/form/index.js.map +1 -0
  282. package/dist/components/form/style.css +79 -0
  283. package/dist/components/grid/index.d.ts +34 -0
  284. package/dist/components/grid/index.d.ts.map +1 -0
  285. package/dist/components/grid/index.js +109 -0
  286. package/dist/components/grid/index.js.map +1 -0
  287. package/dist/components/grid/style.css +189 -0
  288. package/dist/components/icon/index.d.ts +35 -0
  289. package/dist/components/icon/index.d.ts.map +1 -0
  290. package/dist/components/icon/index.js +16 -0
  291. package/dist/components/icon/index.js.map +1 -0
  292. package/dist/components/icon/style.css +28 -0
  293. package/dist/components/input/index.d.ts +29 -0
  294. package/dist/components/input/index.d.ts.map +1 -0
  295. package/dist/components/input/index.js +19 -0
  296. package/dist/components/input/index.js.map +1 -0
  297. package/dist/components/input/style.css +110 -0
  298. package/dist/components/input-bar/index.d.ts +31 -0
  299. package/dist/components/input-bar/index.d.ts.map +1 -0
  300. package/dist/components/input-bar/index.js +18 -0
  301. package/dist/components/input-bar/index.js.map +1 -0
  302. package/dist/components/input-bar/style.css +180 -0
  303. package/dist/components/input-number/index.d.ts +28 -0
  304. package/dist/components/input-number/index.d.ts.map +1 -0
  305. package/dist/components/input-number/index.js +21 -0
  306. package/dist/components/input-number/index.js.map +1 -0
  307. package/dist/components/input-number/style.css +109 -0
  308. package/dist/components/modal/index.d.ts +17 -0
  309. package/dist/components/modal/index.d.ts.map +1 -0
  310. package/dist/components/modal/index.js +10 -0
  311. package/dist/components/modal/index.js.map +1 -0
  312. package/dist/components/modal/style.css +150 -0
  313. package/dist/components/nav-menu/index.d.ts +35 -0
  314. package/dist/components/nav-menu/index.d.ts.map +1 -0
  315. package/dist/components/nav-menu/index.js +47 -0
  316. package/dist/components/nav-menu/index.js.map +1 -0
  317. package/dist/components/nav-menu/style.css +241 -0
  318. package/dist/components/pagination/index.d.ts +32 -0
  319. package/dist/components/pagination/index.d.ts.map +1 -0
  320. package/dist/components/pagination/index.js +35 -0
  321. package/dist/components/pagination/index.js.map +1 -0
  322. package/dist/components/pagination/style.css +150 -0
  323. package/dist/components/radio/index.d.ts +45 -0
  324. package/dist/components/radio/index.d.ts.map +1 -0
  325. package/dist/components/radio/index.js +48 -0
  326. package/dist/components/radio/index.js.map +1 -0
  327. package/dist/components/radio/style.css +294 -0
  328. package/dist/components/select/index.d.ts +30 -0
  329. package/dist/components/select/index.d.ts.map +1 -0
  330. package/dist/components/select/index.js +16 -0
  331. package/dist/components/select/index.js.map +1 -0
  332. package/dist/components/select/style.css +255 -0
  333. package/dist/components/sidebar/index.d.ts +19 -0
  334. package/dist/components/sidebar/index.d.ts.map +1 -0
  335. package/dist/components/sidebar/index.js +23 -0
  336. package/dist/components/sidebar/index.js.map +1 -0
  337. package/dist/components/sidebar/style.css +270 -0
  338. package/dist/components/slider/index.d.ts +29 -0
  339. package/dist/components/slider/index.d.ts.map +1 -0
  340. package/dist/components/slider/index.js +24 -0
  341. package/dist/components/slider/index.js.map +1 -0
  342. package/dist/components/slider/style.css +206 -0
  343. package/dist/components/src/index.d.ts +28 -0
  344. package/dist/components/src/index.d.ts.map +1 -0
  345. package/dist/components/steps/index.d.ts +41 -0
  346. package/dist/components/steps/index.d.ts.map +1 -0
  347. package/dist/components/steps/index.js +32 -0
  348. package/dist/components/steps/index.js.map +1 -0
  349. package/dist/components/steps/style.css +286 -0
  350. package/dist/components/switch/index.d.ts +16 -0
  351. package/dist/components/switch/index.d.ts.map +1 -0
  352. package/dist/components/switch/index.js +17 -0
  353. package/dist/components/switch/index.js.map +1 -0
  354. package/dist/components/switch/style.css +160 -0
  355. package/dist/components/table/index.d.ts +49 -0
  356. package/dist/components/table/index.d.ts.map +1 -0
  357. package/dist/components/table/index.js +74 -0
  358. package/dist/components/table/index.js.map +1 -0
  359. package/dist/components/table/style.css +131 -0
  360. package/dist/components/tabs/index.d.ts +34 -0
  361. package/dist/components/tabs/index.d.ts.map +1 -0
  362. package/dist/components/tabs/index.js +21 -0
  363. package/dist/components/tabs/index.js.map +1 -0
  364. package/dist/components/tabs/style.css +146 -0
  365. package/dist/components/time-picker/index.d.ts +56 -0
  366. package/dist/components/time-picker/index.d.ts.map +1 -0
  367. package/dist/components/time-picker/index.js +84 -0
  368. package/dist/components/time-picker/index.js.map +1 -0
  369. package/dist/components/time-picker/style.css +258 -0
  370. package/dist/components/toast/index.d.ts +41 -0
  371. package/dist/components/toast/index.d.ts.map +1 -0
  372. package/dist/components/toast/index.js +24 -0
  373. package/dist/components/toast/index.js.map +1 -0
  374. package/dist/components/toast/style.css +117 -0
  375. package/dist/components/toolbars/index.d.ts +31 -0
  376. package/dist/components/toolbars/index.d.ts.map +1 -0
  377. package/dist/components/toolbars/index.js +32 -0
  378. package/dist/components/toolbars/index.js.map +1 -0
  379. package/dist/components/toolbars/style.css +220 -0
  380. package/dist/components/tooltip/index.d.ts +31 -0
  381. package/dist/components/tooltip/index.d.ts.map +1 -0
  382. package/dist/components/tooltip/index.js +17 -0
  383. package/dist/components/tooltip/index.js.map +1 -0
  384. package/dist/components/tooltip/style.css +138 -0
  385. package/dist/date-picker/index.d.ts +2 -2
  386. package/dist/date-picker/index.js +34 -1
  387. package/dist/date-picker/index.js.map +1 -0
  388. package/dist/date-picker/style.css +491 -1
  389. package/dist/divider/index.d.ts +2 -2
  390. package/dist/divider/index.js +34 -1
  391. package/dist/divider/index.js.map +1 -0
  392. package/dist/divider/style.css +100 -1
  393. package/dist/float-button/index.d.ts +2 -2
  394. package/dist/float-button/index.js +34 -1
  395. package/dist/float-button/index.js.map +1 -0
  396. package/dist/float-button/style.css +176 -1
  397. package/dist/form/index.d.ts +2 -2
  398. package/dist/form/index.js +34 -1
  399. package/dist/form/index.js.map +1 -0
  400. package/dist/form/style.css +79 -1
  401. package/dist/grid/index.d.ts +2 -2
  402. package/dist/grid/index.js +34 -1
  403. package/dist/grid/index.js.map +1 -0
  404. package/dist/grid/style.css +189 -1
  405. package/dist/icon/index.d.ts +2 -2
  406. package/dist/icon/index.js +34 -1
  407. package/dist/icon/index.js.map +1 -0
  408. package/dist/icon/style.css +28 -1
  409. package/dist/icons/react/add_circle.js +26 -0
  410. package/dist/icons/react/add_circle.js.map +1 -0
  411. package/dist/icons/react/arrow_back.js +26 -0
  412. package/dist/icons/react/arrow_back.js.map +1 -0
  413. package/dist/icons/react/arrow_drop_down.js +26 -0
  414. package/dist/icons/react/arrow_drop_down.js.map +1 -0
  415. package/dist/icons/react/arrow_forward.js +26 -0
  416. package/dist/icons/react/arrow_forward.js.map +1 -0
  417. package/dist/icons/react/calendar_month.js +26 -0
  418. package/dist/icons/react/calendar_month.js.map +1 -0
  419. package/dist/icons/react/check.js +26 -0
  420. package/dist/icons/react/check.js.map +1 -0
  421. package/dist/icons/react/chevron_right.js +26 -0
  422. package/dist/icons/react/chevron_right.js.map +1 -0
  423. package/dist/icons/react/close.js +26 -0
  424. package/dist/icons/react/close.js.map +1 -0
  425. package/dist/icons/react/config.js +26 -0
  426. package/dist/icons/react/config.js.map +1 -0
  427. package/dist/icons/react/dark_mode.js +26 -0
  428. package/dist/icons/react/dark_mode.js.map +1 -0
  429. package/dist/icons/react/do_not_disturb_on.js +26 -0
  430. package/dist/icons/react/do_not_disturb_on.js.map +1 -0
  431. package/dist/icons/react/error.js +26 -0
  432. package/dist/icons/react/error.js.map +1 -0
  433. package/dist/icons/react/home.js +29 -0
  434. package/dist/icons/react/home.js.map +1 -0
  435. package/dist/icons/react/index.js +27 -0
  436. package/dist/icons/react/index.js.map +1 -0
  437. package/dist/icons/react/info.js +26 -0
  438. package/dist/icons/react/info.js.map +1 -0
  439. package/dist/icons/react/logo_Block.js +26 -0
  440. package/dist/icons/react/logo_Block.js.map +1 -0
  441. package/dist/icons/react/logo_Horizontal.js +26 -0
  442. package/dist/icons/react/logo_Horizontal.js.map +1 -0
  443. package/dist/icons/react/looks_3.js +26 -0
  444. package/dist/icons/react/looks_3.js.map +1 -0
  445. package/dist/icons/react/looks_one.js +26 -0
  446. package/dist/icons/react/looks_one.js.map +1 -0
  447. package/dist/icons/react/looks_two.js +26 -0
  448. package/dist/icons/react/looks_two.js.map +1 -0
  449. package/dist/icons/react/menu.js +26 -0
  450. package/dist/icons/react/menu.js.map +1 -0
  451. package/dist/icons/react/menu_open.js +26 -0
  452. package/dist/icons/react/menu_open.js.map +1 -0
  453. package/dist/icons/react/more_horiz.js +29 -0
  454. package/dist/icons/react/more_horiz.js.map +1 -0
  455. package/dist/icons/react/schedule.js +26 -0
  456. package/dist/icons/react/schedule.js.map +1 -0
  457. package/dist/icons/react/search.js +26 -0
  458. package/dist/icons/react/search.js.map +1 -0
  459. package/dist/icons/react/sunny.js +26 -0
  460. package/dist/icons/react/sunny.js.map +1 -0
  461. package/dist/icons/react/warning.js +26 -0
  462. package/dist/icons/react/warning.js.map +1 -0
  463. package/dist/index.css +5214 -0
  464. package/dist/index.css.map +1 -0
  465. package/dist/input/index.d.ts +2 -2
  466. package/dist/input/index.js +34 -1
  467. package/dist/input/index.js.map +1 -0
  468. package/dist/input/style.css +110 -1
  469. package/dist/input-bar/index.d.ts +2 -2
  470. package/dist/input-bar/index.js +34 -1
  471. package/dist/input-bar/index.js.map +1 -0
  472. package/dist/input-bar/style.css +180 -1
  473. package/dist/input-number/index.d.ts +1 -1
  474. package/dist/input-number/index.js +34 -1
  475. package/dist/input-number/index.js.map +1 -0
  476. package/dist/input-number/style.css +109 -1
  477. package/dist/modal/index.d.ts +2 -2
  478. package/dist/modal/index.js +34 -1
  479. package/dist/modal/index.js.map +1 -0
  480. package/dist/modal/style.css +150 -1
  481. package/dist/nav-menu/index.d.ts +2 -2
  482. package/dist/nav-menu/index.js +34 -1
  483. package/dist/nav-menu/index.js.map +1 -0
  484. package/dist/nav-menu/style.css +241 -1
  485. package/dist/pagination/index.d.ts +1 -1
  486. package/dist/pagination/index.js +34 -1
  487. package/dist/pagination/index.js.map +1 -0
  488. package/dist/pagination/style.css +150 -1
  489. package/dist/radio/index.d.ts +3 -3
  490. package/dist/radio/index.js +34 -2
  491. package/dist/radio/index.js.map +1 -0
  492. package/dist/radio/style.css +294 -1
  493. package/dist/select/index.d.ts +2 -2
  494. package/dist/select/index.js +34 -1
  495. package/dist/select/index.js.map +1 -0
  496. package/dist/select/style.css +255 -1
  497. package/dist/sidebar/index.d.ts +2 -2
  498. package/dist/sidebar/index.js +34 -1
  499. package/dist/sidebar/index.js.map +1 -0
  500. package/dist/sidebar/style.css +270 -1
  501. package/dist/slider/index.d.ts +2 -2
  502. package/dist/slider/index.js +34 -1
  503. package/dist/slider/index.js.map +1 -0
  504. package/dist/slider/style.css +206 -1
  505. package/dist/src/index.js +33 -31
  506. package/dist/src/index.js.map +1 -0
  507. package/dist/steps/index.d.ts +1 -1
  508. package/dist/steps/index.js +34 -1
  509. package/dist/steps/index.js.map +1 -0
  510. package/dist/steps/style.css +286 -1
  511. package/dist/switch/index.d.ts +2 -2
  512. package/dist/switch/index.js +34 -1
  513. package/dist/switch/index.js.map +1 -0
  514. package/dist/switch/style.css +160 -1
  515. package/dist/table/index.d.ts +1 -1
  516. package/dist/table/index.js +34 -1
  517. package/dist/table/index.js.map +1 -0
  518. package/dist/table/style.css +131 -1
  519. package/dist/tabs/index.d.ts +2 -2
  520. package/dist/tabs/index.js +34 -1
  521. package/dist/tabs/index.js.map +1 -0
  522. package/dist/tabs/style.css +146 -1
  523. package/dist/time-picker/index.d.ts +2 -2
  524. package/dist/time-picker/index.js +34 -1
  525. package/dist/time-picker/index.js.map +1 -0
  526. package/dist/time-picker/style.css +258 -1
  527. package/dist/toast/index.d.ts +4 -4
  528. package/dist/toast/index.js +38 -3
  529. package/dist/toast/index.js.map +1 -0
  530. package/dist/toast/style.css +117 -1
  531. package/dist/toolbars/index.d.ts +3 -3
  532. package/dist/toolbars/index.js +34 -1
  533. package/dist/toolbars/index.js.map +1 -0
  534. package/dist/toolbars/style.css +220 -1
  535. package/dist/tooltip/index.d.ts +1 -1
  536. package/dist/tooltip/index.js +34 -1
  537. package/dist/tooltip/index.js.map +1 -0
  538. package/dist/tooltip/style.css +138 -1
  539. package/dist/utils/src/index.js +6 -0
  540. package/dist/utils/src/index.js.map +1 -0
  541. package/package.json +7 -7
  542. package/dist/tsconfig.tsbuildinfo +0 -1
@@ -0,0 +1,271 @@
1
+ import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import { useRef, useState, useMemo, useEffect } from 'react';
3
+ import { getTimeParts, getTimePickerClassNames, getDisplayTime, TIME_MERIDIEM_OPTIONS, TIME_HOUR_OPTIONS, isHourDisabled, TIME_MINUTE_OPTIONS, isMinuteDisabled, buildTimeValue } from '../../../components/time-picker/index.js';
4
+ import { createComponent } from '../../runtime/createComponent.js';
5
+ import { withInstall } from '../../runtime/withInstall.js';
6
+ import { forwardRef } from '../../runtime/forwardRef.js';
7
+ import { cn } from '../../../utils/src/index.js';
8
+ import { useClickOutside, useEscClose, mergeRefs } from '../../hooks/index.js';
9
+ import IconComponent from '../icon/Icon.js';
10
+ import { RadioGroup } from '../radio/RadioGroup.js';
11
+ import { useMergedState } from '../../hooks/useMergedState.js';
12
+
13
+ const MOBILE_PANEL_WIDTH = 252;
14
+ const MOBILE_PANEL_HEIGHT = 326;
15
+ const MOBILE_PANEL_GAP = 8;
16
+ const MOBILE_VIEWPORT_PADDING = 8;
17
+ const TimePickerComponent = createComponent(
18
+ forwardRef((props, ref) => {
19
+ const {
20
+ label,
21
+ value,
22
+ defaultValue,
23
+ status = "default",
24
+ disabled = false,
25
+ placeholder = "HH:MM",
26
+ className,
27
+ disabledTime,
28
+ onChange
29
+ } = props;
30
+ const rootRef = useRef(null);
31
+ const inputRef = useRef(null);
32
+ const hourListRef = useRef(null);
33
+ const minuteListRef = useRef(null);
34
+ const panelRef = useRef(null);
35
+ const [open, setOpen] = useState(false);
36
+ const [isMobile, setIsMobile] = useState(
37
+ () => typeof window !== "undefined" ? window.innerWidth <= 768 : false
38
+ );
39
+ const [mobilePanelStyle, setMobilePanelStyle] = useState(void 0);
40
+ const initialValue = useMemo(
41
+ () => value ?? defaultValue ?? "",
42
+ [defaultValue, value]
43
+ );
44
+ const [currentValue, setCurrentValue] = useMergedState(initialValue, { value });
45
+ useClickOutside(rootRef, () => setOpen(false));
46
+ useEscClose(open, () => setOpen(false));
47
+ const activeParts = getTimeParts(currentValue);
48
+ useEffect(() => {
49
+ const updateMobile = () => {
50
+ setIsMobile(window.innerWidth <= 768);
51
+ };
52
+ updateMobile();
53
+ window.addEventListener("resize", updateMobile);
54
+ return () => window.removeEventListener("resize", updateMobile);
55
+ }, []);
56
+ useEffect(() => {
57
+ if (!open || !rootRef.current) {
58
+ setMobilePanelStyle(void 0);
59
+ return;
60
+ }
61
+ const updateMobilePanelPosition = () => {
62
+ if (!rootRef.current) {
63
+ return;
64
+ }
65
+ const triggerRect = rootRef.current.getBoundingClientRect();
66
+ const viewportWidth = window.innerWidth;
67
+ const viewportHeight = window.innerHeight;
68
+ const panelWidth = panelRef.current?.offsetWidth ?? MOBILE_PANEL_WIDTH;
69
+ const panelHeight = panelRef.current?.offsetHeight ?? MOBILE_PANEL_HEIGHT;
70
+ const maxLeft = Math.max(
71
+ viewportWidth - panelWidth - MOBILE_VIEWPORT_PADDING,
72
+ MOBILE_VIEWPORT_PADDING
73
+ );
74
+ const left = Math.min(Math.max(triggerRect.left, MOBILE_VIEWPORT_PADDING), maxLeft);
75
+ const preferredBottomTop = triggerRect.bottom + MOBILE_PANEL_GAP;
76
+ const preferredTopTop = triggerRect.top - panelHeight - MOBILE_PANEL_GAP;
77
+ const fitsBottom = preferredBottomTop + panelHeight <= viewportHeight - MOBILE_VIEWPORT_PADDING;
78
+ const fitsTop = preferredTopTop >= MOBILE_VIEWPORT_PADDING;
79
+ let top = preferredBottomTop;
80
+ if (!fitsBottom && fitsTop) {
81
+ top = preferredTopTop;
82
+ } else if (!fitsBottom) {
83
+ top = Math.max(
84
+ MOBILE_VIEWPORT_PADDING,
85
+ Math.min(preferredBottomTop, viewportHeight - panelHeight - MOBILE_VIEWPORT_PADDING)
86
+ );
87
+ }
88
+ setMobilePanelStyle({
89
+ position: "fixed",
90
+ top: `${top}px`,
91
+ left: `${left}px`,
92
+ width: `${panelWidth}px`
93
+ });
94
+ };
95
+ const rafId = requestAnimationFrame(updateMobilePanelPosition);
96
+ window.addEventListener("resize", updateMobilePanelPosition);
97
+ window.addEventListener("scroll", updateMobilePanelPosition, true);
98
+ return () => {
99
+ cancelAnimationFrame(rafId);
100
+ window.removeEventListener("resize", updateMobilePanelPosition);
101
+ window.removeEventListener("scroll", updateMobilePanelPosition, true);
102
+ };
103
+ }, [isMobile, open]);
104
+ const classes = cn(
105
+ getTimePickerClassNames({ status, disabled, className }),
106
+ open && "css-time-picker--open"
107
+ );
108
+ const emitChange = (nextValue, event) => {
109
+ setCurrentValue(nextValue);
110
+ onChange?.(nextValue, event);
111
+ };
112
+ const openPanel = () => {
113
+ if (disabled) return;
114
+ setOpen(true);
115
+ };
116
+ const handleOpenKeyDown = (event) => {
117
+ if (disabled) return;
118
+ if (event.key === "Enter" || event.key === " " || event.key === "ArrowDown") {
119
+ event.preventDefault();
120
+ setOpen(true);
121
+ }
122
+ };
123
+ const updateTime = (patch, event) => {
124
+ const nextHour12 = patch.hour12 ?? activeParts.hour12;
125
+ const nextMinute = patch.minute ?? activeParts.minute;
126
+ const nextMeridiem = patch.meridiem ?? activeParts.meridiem;
127
+ const nextTimeValue = buildTimeValue(nextHour12, nextMinute, nextMeridiem);
128
+ emitChange(nextTimeValue, event);
129
+ };
130
+ const scrollOptionIntoView = (container) => {
131
+ if (!container) {
132
+ return;
133
+ }
134
+ const target = container.querySelector(".css-time-picker__option--selected");
135
+ if (!target) {
136
+ return;
137
+ }
138
+ const centeredScrollTop = target.offsetTop - (container.clientHeight - target.offsetHeight) / 2;
139
+ const maxScrollTop = Math.max(container.scrollHeight - container.clientHeight, 0);
140
+ container.scrollTop = Math.min(Math.max(centeredScrollTop, 0), maxScrollTop);
141
+ };
142
+ useEffect(() => {
143
+ if (!open) return;
144
+ const frameId = window.requestAnimationFrame(() => {
145
+ scrollOptionIntoView(hourListRef.current);
146
+ scrollOptionIntoView(minuteListRef.current);
147
+ });
148
+ return () => window.cancelAnimationFrame(frameId);
149
+ }, [activeParts.hour12, activeParts.meridiem, activeParts.minute, open]);
150
+ const renderInlineMeridiem = () => /* @__PURE__ */ jsx(
151
+ RadioGroup,
152
+ {
153
+ className: "css-time-picker__inline-meridiem",
154
+ value: activeParts.meridiem,
155
+ variant: "card",
156
+ options: TIME_MERIDIEM_OPTIONS.map((option) => ({
157
+ value: option.value,
158
+ label: option.value === "am" ? "AM" : "PM",
159
+ icon: option.value === "am" ? "Sunny" : "DarkMode"
160
+ })),
161
+ onChange: (val) => updateTime({ meridiem: val })
162
+ }
163
+ );
164
+ const renderOptions = () => /* @__PURE__ */ jsxs("div", { className: "css-time-picker__columns", children: [
165
+ /* @__PURE__ */ jsxs("div", { className: "css-time-picker__column", children: [
166
+ /* @__PURE__ */ jsx("div", { className: "css-time-picker__column-title", children: "\u5C0F\u65F6" }),
167
+ /* @__PURE__ */ jsx("div", { ref: hourListRef, className: "css-time-picker__list", children: TIME_HOUR_OPTIONS.map((option) => {
168
+ const hourDisabled = isHourDisabled(option, activeParts.meridiem, disabledTime);
169
+ return /* @__PURE__ */ jsx(
170
+ "button",
171
+ {
172
+ type: "button",
173
+ disabled: hourDisabled,
174
+ className: cn(
175
+ "css-time-picker__option",
176
+ option === activeParts.hour12 && "css-time-picker__option--selected",
177
+ hourDisabled && "css-time-picker__option--disabled"
178
+ ),
179
+ onClick: (event) => !hourDisabled && updateTime({ hour12: option }, event),
180
+ children: option
181
+ },
182
+ option
183
+ );
184
+ }) })
185
+ ] }),
186
+ /* @__PURE__ */ jsxs("div", { className: "css-time-picker__column", children: [
187
+ /* @__PURE__ */ jsx("div", { className: "css-time-picker__column-title", children: "\u5206\u949F" }),
188
+ /* @__PURE__ */ jsx("div", { ref: minuteListRef, className: "css-time-picker__list", children: TIME_MINUTE_OPTIONS.map((option) => {
189
+ const minuteDisabled = isMinuteDisabled(
190
+ option,
191
+ activeParts.hour12,
192
+ activeParts.meridiem,
193
+ disabledTime
194
+ );
195
+ return /* @__PURE__ */ jsx(
196
+ "button",
197
+ {
198
+ type: "button",
199
+ disabled: minuteDisabled,
200
+ className: cn(
201
+ "css-time-picker__option",
202
+ option === activeParts.minute && "css-time-picker__option--selected",
203
+ minuteDisabled && "css-time-picker__option--disabled"
204
+ ),
205
+ onClick: (event) => !minuteDisabled && updateTime({ minute: option }, event),
206
+ children: String(option).padStart(2, "0")
207
+ },
208
+ option
209
+ );
210
+ }) })
211
+ ] }),
212
+ /* @__PURE__ */ jsxs("div", { className: "css-time-picker__column css-time-picker__column--meridiem", children: [
213
+ /* @__PURE__ */ jsx("div", { className: "css-time-picker__column-title", children: "\u4E0A/\u4E0B\u5348" }),
214
+ /* @__PURE__ */ jsx(
215
+ RadioGroup,
216
+ {
217
+ value: activeParts.meridiem,
218
+ variant: "card",
219
+ direction: "vertical",
220
+ options: TIME_MERIDIEM_OPTIONS.map((option) => ({
221
+ value: option.value,
222
+ label: option.label,
223
+ icon: option.value === "am" ? "Sunny" : "DarkMode"
224
+ })),
225
+ onChange: (val) => updateTime({ meridiem: val })
226
+ }
227
+ )
228
+ ] })
229
+ ] });
230
+ const content = /* @__PURE__ */ jsxs("div", { ref: rootRef, className: classes, children: [
231
+ /* @__PURE__ */ jsxs("div", { className: "css-time-picker__single-row", children: [
232
+ /* @__PURE__ */ jsxs(
233
+ "div",
234
+ {
235
+ className: "css-time-picker__control",
236
+ role: "button",
237
+ tabIndex: disabled ? -1 : 0,
238
+ "aria-expanded": open,
239
+ onClick: openPanel,
240
+ onKeyDown: handleOpenKeyDown,
241
+ children: [
242
+ /* @__PURE__ */ jsx(
243
+ "input",
244
+ {
245
+ ref: mergeRefs(ref, inputRef),
246
+ className: "css-time-picker__input",
247
+ value: getDisplayTime(currentValue),
248
+ placeholder,
249
+ readOnly: true,
250
+ disabled
251
+ }
252
+ ),
253
+ /* @__PURE__ */ jsx("span", { className: "css-time-picker__suffix", children: /* @__PURE__ */ jsx(IconComponent, { name: "Schedule", size: 18 }) })
254
+ ]
255
+ }
256
+ ),
257
+ renderInlineMeridiem()
258
+ ] }),
259
+ open ? /* @__PURE__ */ jsx("div", { ref: panelRef, className: "css-time-picker__panel", style: mobilePanelStyle, children: renderOptions() }) : null
260
+ ] });
261
+ return label ? /* @__PURE__ */ jsxs("div", { className: "css-time-picker-field", children: [
262
+ /* @__PURE__ */ jsx("span", { className: "css-time-picker-field__label", children: label }),
263
+ content
264
+ ] }) : content;
265
+ })
266
+ );
267
+ TimePickerComponent.displayName = "CssTimePicker";
268
+ const TimePicker = withInstall(TimePickerComponent);
269
+
270
+ export { TimePicker, TimePicker as default };
271
+ //# sourceMappingURL=TimePicker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimePicker.js","sources":["../../../../../adapter-react/components/time-picker/TimePicker.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type CSSProperties } from 'react'\nimport {\n TIME_HOUR_OPTIONS,\n TIME_MERIDIEM_OPTIONS,\n TIME_MINUTE_OPTIONS,\n buildTimeValue,\n getDisplayTime,\n getTimeParts,\n getTimePickerClassNames,\n isHourDisabled,\n isMinuteDisabled,\n type DisabledTimeConfig,\n type TimePickerMeridiem,\n type TimePickerValue,\n type TimePickerProps as BaseTimePickerProps,\n} from '@cssui/components/time-picker'\nimport { createComponent, forwardRef, withInstall } from '../../runtime'\nimport { cn } from '@cssui/utils'\nimport { mergeRefs, useClickOutside, useEscClose, useMergedState } from '../../hooks'\nimport Icon from '../icon/Icon'\nimport RadioGroup from '../radio/RadioGroup'\n\nimport '@cssui/components/time-picker/style.css'\n\nexport interface TimePickerProps extends Omit<BaseTimePickerProps, 'onChange'> {\n onChange?: (value: TimePickerValue, event?: React.MouseEvent<HTMLElement>) => void\n disabledTime?: DisabledTimeConfig\n}\n\nconst MOBILE_PANEL_WIDTH = 252\nconst MOBILE_PANEL_HEIGHT = 326\nconst MOBILE_PANEL_GAP = 8\nconst MOBILE_VIEWPORT_PADDING = 8\n\nconst TimePickerComponent = createComponent(\n forwardRef<HTMLInputElement, TimePickerProps>((props, ref) => {\n const {\n label,\n value,\n defaultValue,\n status = 'default',\n disabled = false,\n placeholder = 'HH:MM',\n className,\n disabledTime,\n onChange,\n } = props\n\n const rootRef = useRef<HTMLDivElement>(null)\n const inputRef = useRef<HTMLInputElement>(null)\n const hourListRef = useRef<HTMLDivElement>(null)\n const minuteListRef = useRef<HTMLDivElement>(null)\n const panelRef = useRef<HTMLDivElement>(null)\n const [open, setOpen] = useState(false)\n const [isMobile, setIsMobile] = useState(() =>\n typeof window !== 'undefined' ? window.innerWidth <= 768 : false\n )\n const [mobilePanelStyle, setMobilePanelStyle] = useState<CSSProperties | undefined>(undefined)\n const initialValue = useMemo<TimePickerValue>(\n () => value ?? defaultValue ?? '',\n [defaultValue, value]\n )\n const [currentValue, setCurrentValue] = useMergedState<TimePickerValue>(initialValue, { value })\n\n useClickOutside(rootRef as React.RefObject<HTMLElement>, () => setOpen(false))\n useEscClose(open, () => setOpen(false))\n\n const activeParts = getTimeParts(currentValue)\n\n useEffect(() => {\n const updateMobile = () => {\n setIsMobile(window.innerWidth <= 768)\n }\n\n updateMobile()\n window.addEventListener('resize', updateMobile)\n return () => window.removeEventListener('resize', updateMobile)\n }, [])\n\n useEffect(() => {\n if (!open || !rootRef.current) {\n setMobilePanelStyle(undefined)\n return\n }\n\n const updateMobilePanelPosition = () => {\n if (!rootRef.current) {\n return\n }\n\n const triggerRect = rootRef.current.getBoundingClientRect()\n const viewportWidth = window.innerWidth\n const viewportHeight = window.innerHeight\n const panelWidth = panelRef.current?.offsetWidth ?? MOBILE_PANEL_WIDTH\n const panelHeight = panelRef.current?.offsetHeight ?? MOBILE_PANEL_HEIGHT\n\n const maxLeft = Math.max(\n viewportWidth - panelWidth - MOBILE_VIEWPORT_PADDING,\n MOBILE_VIEWPORT_PADDING\n )\n const left = Math.min(Math.max(triggerRect.left, MOBILE_VIEWPORT_PADDING), maxLeft)\n\n const preferredBottomTop = triggerRect.bottom + MOBILE_PANEL_GAP\n const preferredTopTop = triggerRect.top - panelHeight - MOBILE_PANEL_GAP\n const fitsBottom =\n preferredBottomTop + panelHeight <= viewportHeight - MOBILE_VIEWPORT_PADDING\n const fitsTop = preferredTopTop >= MOBILE_VIEWPORT_PADDING\n\n let top = preferredBottomTop\n\n if (!fitsBottom && fitsTop) {\n top = preferredTopTop\n } else if (!fitsBottom) {\n top = Math.max(\n MOBILE_VIEWPORT_PADDING,\n Math.min(preferredBottomTop, viewportHeight - panelHeight - MOBILE_VIEWPORT_PADDING)\n )\n }\n\n setMobilePanelStyle({\n position: 'fixed',\n top: `${top}px`,\n left: `${left}px`,\n width: `${panelWidth}px`,\n })\n }\n\n const rafId = requestAnimationFrame(updateMobilePanelPosition)\n window.addEventListener('resize', updateMobilePanelPosition)\n window.addEventListener('scroll', updateMobilePanelPosition, true)\n\n return () => {\n cancelAnimationFrame(rafId)\n window.removeEventListener('resize', updateMobilePanelPosition)\n window.removeEventListener('scroll', updateMobilePanelPosition, true)\n }\n }, [isMobile, open])\n\n const classes = cn(\n getTimePickerClassNames({ status, disabled, className }),\n open && 'css-time-picker--open'\n )\n\n const emitChange = (nextValue: TimePickerValue, event?: React.MouseEvent<HTMLElement>) => {\n setCurrentValue(nextValue)\n onChange?.(nextValue, event)\n }\n\n const openPanel = () => {\n if (disabled) return\n setOpen(true)\n }\n\n const handleOpenKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n if (disabled) return\n\n if (event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown') {\n event.preventDefault()\n setOpen(true)\n }\n }\n\n const updateTime = (\n patch: Partial<{ hour12: number; minute: number; meridiem: TimePickerMeridiem }>,\n event?: React.MouseEvent<HTMLElement>\n ) => {\n const nextHour12 = patch.hour12 ?? activeParts.hour12\n const nextMinute = patch.minute ?? activeParts.minute\n const nextMeridiem = patch.meridiem ?? activeParts.meridiem\n const nextTimeValue = buildTimeValue(nextHour12, nextMinute, nextMeridiem)\n emitChange(nextTimeValue, event)\n }\n\n const scrollOptionIntoView = (container: HTMLDivElement | null) => {\n if (!container) {\n return\n }\n\n const target = container.querySelector<HTMLElement>('.css-time-picker__option--selected')\n if (!target) {\n return\n }\n\n const centeredScrollTop =\n target.offsetTop - (container.clientHeight - target.offsetHeight) / 2\n const maxScrollTop = Math.max(container.scrollHeight - container.clientHeight, 0)\n container.scrollTop = Math.min(Math.max(centeredScrollTop, 0), maxScrollTop)\n }\n\n useEffect(() => {\n if (!open) return\n\n const frameId = window.requestAnimationFrame(() => {\n scrollOptionIntoView(hourListRef.current)\n scrollOptionIntoView(minuteListRef.current)\n })\n\n return () => window.cancelAnimationFrame(frameId)\n }, [activeParts.hour12, activeParts.meridiem, activeParts.minute, open])\n\n const renderInlineMeridiem = () => (\n <RadioGroup\n className=\"css-time-picker__inline-meridiem\"\n value={activeParts.meridiem}\n variant=\"card\"\n options={TIME_MERIDIEM_OPTIONS.map(option => ({\n value: option.value,\n label: option.value === 'am' ? 'AM' : 'PM',\n icon: option.value === 'am' ? 'Sunny' : 'DarkMode',\n }))}\n onChange={val => updateTime({ meridiem: val as TimePickerMeridiem })}\n />\n )\n\n const renderOptions = () => (\n <div className=\"css-time-picker__columns\">\n <div className=\"css-time-picker__column\">\n <div className=\"css-time-picker__column-title\">小时</div>\n <div ref={hourListRef} className=\"css-time-picker__list\">\n {TIME_HOUR_OPTIONS.map(option => {\n const hourDisabled = isHourDisabled(option, activeParts.meridiem, disabledTime)\n return (\n <button\n key={option}\n type=\"button\"\n disabled={hourDisabled}\n className={cn(\n 'css-time-picker__option',\n option === activeParts.hour12 && 'css-time-picker__option--selected',\n hourDisabled && 'css-time-picker__option--disabled'\n )}\n onClick={event => !hourDisabled && updateTime({ hour12: option }, event)}\n >\n {option}\n </button>\n )\n })}\n </div>\n </div>\n <div className=\"css-time-picker__column\">\n <div className=\"css-time-picker__column-title\">分钟</div>\n <div ref={minuteListRef} className=\"css-time-picker__list\">\n {TIME_MINUTE_OPTIONS.map(option => {\n const minuteDisabled = isMinuteDisabled(\n option,\n activeParts.hour12,\n activeParts.meridiem,\n disabledTime\n )\n return (\n <button\n key={option}\n type=\"button\"\n disabled={minuteDisabled}\n className={cn(\n 'css-time-picker__option',\n option === activeParts.minute && 'css-time-picker__option--selected',\n minuteDisabled && 'css-time-picker__option--disabled'\n )}\n onClick={event => !minuteDisabled && updateTime({ minute: option }, event)}\n >\n {String(option).padStart(2, '0')}\n </button>\n )\n })}\n </div>\n </div>\n <div className=\"css-time-picker__column css-time-picker__column--meridiem\">\n <div className=\"css-time-picker__column-title\">上/下午</div>\n <RadioGroup\n value={activeParts.meridiem}\n variant=\"card\"\n direction=\"vertical\"\n options={TIME_MERIDIEM_OPTIONS.map(option => ({\n value: option.value,\n label: option.label,\n icon: option.value === 'am' ? 'Sunny' : 'DarkMode',\n }))}\n onChange={val => updateTime({ meridiem: val as TimePickerMeridiem })}\n />\n </div>\n </div>\n )\n\n const content = (\n <div ref={rootRef} className={classes}>\n <div className=\"css-time-picker__single-row\">\n <div\n className=\"css-time-picker__control\"\n role=\"button\"\n tabIndex={disabled ? -1 : 0}\n aria-expanded={open}\n onClick={openPanel}\n onKeyDown={handleOpenKeyDown}\n >\n <input\n ref={mergeRefs(ref, inputRef)}\n className=\"css-time-picker__input\"\n value={getDisplayTime(currentValue)}\n placeholder={placeholder}\n readOnly\n disabled={disabled}\n />\n <span className=\"css-time-picker__suffix\">\n <Icon name=\"Schedule\" size={18} />\n </span>\n </div>\n {renderInlineMeridiem()}\n </div>\n\n {open ? (\n <div ref={panelRef} className=\"css-time-picker__panel\" style={mobilePanelStyle}>\n {renderOptions()}\n </div>\n ) : null}\n </div>\n )\n\n return label ? (\n <div className=\"css-time-picker-field\">\n <span className=\"css-time-picker-field__label\">{label}</span>\n {content}\n </div>\n ) : (\n content\n )\n })\n)\n\nTimePickerComponent.displayName = 'CssTimePicker'\n\nexport const TimePicker = withInstall(TimePickerComponent)\nexport default TimePicker\n"],"names":["Icon"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export { TimePicker, type TimePickerProps } from './TimePicker';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/time-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA"}
@@ -0,0 +1,25 @@
1
+ import React from 'react';
2
+ import { type ToastProps as BaseToastProps } from '../../../components/toast/index';
3
+ import '../../../components/toast/style.css';
4
+ export type { ToastOptions } from '../../../components/toast/index';
5
+ export interface ToastProps extends Omit<BaseToastProps, 'onClose'> {
6
+ show?: boolean;
7
+ onClose?: () => void;
8
+ }
9
+ type ToastMethod = (message: string, duration?: number) => void;
10
+ declare const toastApi: {
11
+ show: (options: import('../../../components/toast/index').ToastOptions) => void;
12
+ warning: ToastMethod;
13
+ error: ToastMethod;
14
+ info: ToastMethod;
15
+ destroy: () => void;
16
+ };
17
+ export declare const Toast: React.FC<ToastProps> & {
18
+ show: typeof toastApi.show;
19
+ warning: typeof toastApi.warning;
20
+ error: typeof toastApi.error;
21
+ info: typeof toastApi.info;
22
+ destroy: typeof toastApi.destroy;
23
+ };
24
+ export default Toast;
25
+ //# sourceMappingURL=Toast.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../components/toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAGvE,OAAO,EAEL,KAAK,UAAU,IAAI,cAAc,EAElC,MAAM,yBAAyB,CAAA;AAIhC,OAAO,mCAAmC,CAAA;AAE1C,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAE3D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC;IACjE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AA8OD,KAAK,WAAW,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;AAE/D,QAAA,MAAM,QAAQ,EAAE;IACd,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,yBAAyB,EAAE,YAAY,KAAK,IAAI,CAAA;IACvE,OAAO,EAAE,WAAW,CAAA;IACpB,KAAK,EAAE,WAAW,CAAA;IAClB,IAAI,EAAE,WAAW,CAAA;IACjB,OAAO,EAAE,MAAM,IAAI,CAAA;CAuBpB,CAAA;AAmBD,eAAO,MAAM,KAAK;UAdV,OAAO,QAAQ,CAAC,IAAI;aACjB,OAAO,QAAQ,CAAC,OAAO;WACzB,OAAO,QAAQ,CAAC,KAAK;UACtB,OAAO,QAAQ,CAAC,IAAI;aACjB,OAAO,QAAQ,CAAC,OAAO;CAUG,CAAA;AACrC,eAAe,KAAK,CAAA"}
@@ -0,0 +1,223 @@
1
+ import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import React, { useState, useRef, useEffect, useCallback } from 'react';
3
+ import { createPortal } from 'react-dom';
4
+ import { createRoot } from 'react-dom/client';
5
+ import { getToastClassNames, toastStyles } from '../../../components/toast/index.js';
6
+ import { cn } from '../../../utils/src/index.js';
7
+ import { createComponent } from '../../runtime/createComponent.js';
8
+ import { withInstall } from '../../runtime/withInstall.js';
9
+
10
+ const ToastItem = (props) => {
11
+ const { type = "warning", message, show = true, onClose, className, ...restProps } = props;
12
+ if (!show) return null;
13
+ const classNames = getToastClassNames({ type });
14
+ const renderIcon = () => {
15
+ if (type === "error") {
16
+ return /* @__PURE__ */ jsxs(
17
+ "svg",
18
+ {
19
+ xmlns: "http://www.w3.org/2000/svg",
20
+ width: "24",
21
+ height: "24",
22
+ viewBox: "0 0 24 24",
23
+ fill: "none",
24
+ stroke: "currentColor",
25
+ strokeWidth: "2",
26
+ strokeLinecap: "round",
27
+ strokeLinejoin: "round",
28
+ children: [
29
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
30
+ /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
31
+ /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
32
+ ]
33
+ }
34
+ );
35
+ }
36
+ if (type === "info") {
37
+ return /* @__PURE__ */ jsxs(
38
+ "svg",
39
+ {
40
+ xmlns: "http://www.w3.org/2000/svg",
41
+ width: "24",
42
+ height: "24",
43
+ viewBox: "0 0 24 24",
44
+ fill: "none",
45
+ stroke: "currentColor",
46
+ strokeWidth: "2",
47
+ strokeLinecap: "round",
48
+ strokeLinejoin: "round",
49
+ children: [
50
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
51
+ /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
52
+ /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
53
+ ]
54
+ }
55
+ );
56
+ }
57
+ return /* @__PURE__ */ jsxs(
58
+ "svg",
59
+ {
60
+ xmlns: "http://www.w3.org/2000/svg",
61
+ width: "24",
62
+ height: "24",
63
+ viewBox: "0 0 24 24",
64
+ fill: "none",
65
+ stroke: "currentColor",
66
+ strokeWidth: "2",
67
+ strokeLinecap: "round",
68
+ strokeLinejoin: "round",
69
+ children: [
70
+ /* @__PURE__ */ jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
71
+ /* @__PURE__ */ jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
72
+ /* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
73
+ ]
74
+ }
75
+ );
76
+ };
77
+ const renderCloseIcon = () => /* @__PURE__ */ jsxs(
78
+ "svg",
79
+ {
80
+ xmlns: "http://www.w3.org/2000/svg",
81
+ width: "24",
82
+ height: "24",
83
+ viewBox: "0 0 24 24",
84
+ fill: "none",
85
+ stroke: "currentColor",
86
+ strokeWidth: "2",
87
+ strokeLinecap: "round",
88
+ strokeLinejoin: "round",
89
+ children: [
90
+ /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
91
+ /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
92
+ ]
93
+ }
94
+ );
95
+ return /* @__PURE__ */ jsxs("div", { ...restProps, className: cn(classNames.root, className), role: "alert", children: [
96
+ /* @__PURE__ */ jsx("div", { className: classNames.icon, children: renderIcon() }),
97
+ /* @__PURE__ */ jsx("div", { className: classNames.content, children: restProps.children || message }),
98
+ /* @__PURE__ */ jsx("button", { className: classNames.close, onClick: onClose, "aria-label": "Close", type: "button", children: renderCloseIcon() })
99
+ ] });
100
+ };
101
+ ToastItem.displayName = "CssToastItem";
102
+ let toastIdCounter = 0;
103
+ let containerEl = null;
104
+ let rootInstance = null;
105
+ const Manager = () => {
106
+ const [toasts, setToasts] = useState([]);
107
+ const timersRef = useRef(/* @__PURE__ */ new Map());
108
+ useEffect(() => {
109
+ return () => {
110
+ timersRef.current.forEach((timer) => clearTimeout(timer));
111
+ timersRef.current.clear();
112
+ };
113
+ }, []);
114
+ const addToast = useCallback(
115
+ (options) => {
116
+ const id = ++toastIdCounter;
117
+ setToasts((prev) => [...prev, { id, ...options }]);
118
+ if (options.duration > 0) {
119
+ const timer = setTimeout(() => {
120
+ setToasts((prev) => prev.filter((t) => t.id !== id));
121
+ timersRef.current.delete(id);
122
+ options.onClose?.();
123
+ }, options.duration);
124
+ timersRef.current.set(id, timer);
125
+ }
126
+ return id;
127
+ },
128
+ []
129
+ );
130
+ const removeToast = useCallback((id) => {
131
+ setToasts((prev) => prev.filter((t) => t.id !== id));
132
+ const timer = timersRef.current.get(id);
133
+ if (timer) {
134
+ clearTimeout(timer);
135
+ timersRef.current.delete(id);
136
+ }
137
+ }, []);
138
+ useEffect(() => {
139
+ addToastFn = addToast;
140
+ return () => {
141
+ addToastFn = null;
142
+ };
143
+ }, [addToast]);
144
+ if (!containerEl) return null;
145
+ return createPortal(
146
+ /* @__PURE__ */ jsx("div", { className: toastStyles.container, children: toasts.map((toast) => /* @__PURE__ */ jsx("div", { className: toastStyles.wrapper, children: /* @__PURE__ */ jsx(
147
+ ToastItem,
148
+ {
149
+ type: toast.type,
150
+ message: toast.message,
151
+ onClose: () => removeToast(toast.id)
152
+ }
153
+ ) }, toast.id)) }),
154
+ containerEl
155
+ );
156
+ };
157
+ Manager.displayName = "CssToastManager";
158
+ let addToastFn = null;
159
+ function ensureContainer() {
160
+ if (!containerEl) {
161
+ containerEl = document.createElement("div");
162
+ document.body.appendChild(containerEl);
163
+ rootInstance = createRoot(containerEl);
164
+ rootInstance.render(React.createElement(Manager, null));
165
+ }
166
+ const tryShow = (options) => {
167
+ if (typeof addToastFn === "function") {
168
+ addToastFn(options);
169
+ } else {
170
+ requestAnimationFrame(() => {
171
+ if (typeof addToastFn === "function") {
172
+ addToastFn(options);
173
+ }
174
+ });
175
+ }
176
+ };
177
+ return tryShow;
178
+ }
179
+ function destroyContainer() {
180
+ if (rootInstance) {
181
+ rootInstance.unmount();
182
+ rootInstance = null;
183
+ }
184
+ if (containerEl) {
185
+ containerEl.remove();
186
+ containerEl = null;
187
+ }
188
+ addToastFn = null;
189
+ }
190
+ const toastApi = {
191
+ show(options) {
192
+ const tryShow = ensureContainer();
193
+ tryShow({
194
+ type: options.type ?? "warning",
195
+ message: options.message,
196
+ duration: options.duration ?? 3e3,
197
+ onClose: options.onClose
198
+ });
199
+ },
200
+ warning(message, duration) {
201
+ toastApi.show({ type: "warning", message, duration });
202
+ },
203
+ error(message, duration) {
204
+ toastApi.show({ type: "error", message, duration });
205
+ },
206
+ info(message, duration) {
207
+ toastApi.show({ type: "info", message, duration });
208
+ },
209
+ destroy() {
210
+ destroyContainer();
211
+ }
212
+ };
213
+ const ToastWithInstall = withInstall(createComponent(ToastItem));
214
+ ToastWithInstall.displayName = "CssToast";
215
+ ToastWithInstall.show = toastApi.show;
216
+ ToastWithInstall.warning = toastApi.warning;
217
+ ToastWithInstall.error = toastApi.error;
218
+ ToastWithInstall.info = toastApi.info;
219
+ ToastWithInstall.destroy = toastApi.destroy;
220
+ const Toast = ToastWithInstall;
221
+
222
+ export { Toast };
223
+ //# sourceMappingURL=Toast.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toast.js","sources":["../../../../../adapter-react/components/toast/Toast.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { createRoot, type Root } from 'react-dom/client'\nimport {\n getToastClassNames,\n type ToastProps as BaseToastProps,\n toastStyles,\n} from '@cssui/components/toast'\nimport { cn } from '@cssui/utils'\nimport { createComponent, withInstall } from '../../runtime'\n\nimport '@cssui/components/toast/style.css'\n\nexport type { ToastOptions } from '@cssui/components/toast'\n\nexport interface ToastProps extends Omit<BaseToastProps, 'onClose'> {\n show?: boolean\n onClose?: () => void\n}\n\n// ==================== Toast 内部组件 ====================\n\nconst ToastItem: React.FC<ToastProps> = props => {\n const { type = 'warning', message, show = true, onClose, className, ...restProps } = props\n\n if (!show) return null\n\n const classNames = getToastClassNames({ type })\n\n const renderIcon = () => {\n if (type === 'error') {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <circle cx=\"12\" cy=\"12\" r=\"10\" />\n <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" />\n <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\" />\n </svg>\n )\n }\n if (type === 'info') {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <circle cx=\"12\" cy=\"12\" r=\"10\" />\n <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" />\n <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" />\n </svg>\n )\n }\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\" />\n <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\" />\n <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" />\n </svg>\n )\n }\n\n const renderCloseIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <path d=\"M18 6 6 18\" />\n <path d=\"m6 6 12 12\" />\n </svg>\n )\n\n return (\n <div {...restProps} className={cn(classNames.root, className)} role=\"alert\">\n <div className={classNames.icon}>{renderIcon()}</div>\n <div className={classNames.content}>{(restProps as any).children || message}</div>\n <button className={classNames.close} onClick={onClose} aria-label=\"Close\" type=\"button\">\n {renderCloseIcon()}\n </button>\n </div>\n )\n}\n\nToastItem.displayName = 'CssToastItem'\n\n// ==================== 函数式调用的 Manager ====================\n\ninterface ToastItemData {\n id: number\n type: 'error' | 'warning' | 'info'\n message: string\n duration: number\n onClose?: () => void\n}\n\nlet toastIdCounter = 0\nlet containerEl: HTMLDivElement | null = null\nlet rootInstance: Root | null = null\n\nconst Manager: React.FC = () => {\n const [toasts, setToasts] = useState<ToastItemData[]>([])\n const timersRef = useRef<Map<number, ReturnType<typeof setTimeout>>>(new Map())\n\n // 在组件卸载时清理定时器\n useEffect(() => {\n return () => {\n timersRef.current.forEach(timer => clearTimeout(timer))\n timersRef.current.clear()\n }\n }, [])\n\n const addToast = useCallback(\n (options: {\n type: 'error' | 'warning' | 'info'\n message: string\n duration: number\n onClose?: () => void\n }) => {\n const id = ++toastIdCounter\n setToasts(prev => [...prev, { id, ...options }])\n\n // 自动关闭\n if (options.duration > 0) {\n const timer = setTimeout(() => {\n setToasts(prev => prev.filter(t => t.id !== id))\n timersRef.current.delete(id)\n options.onClose?.()\n }, options.duration)\n timersRef.current.set(id, timer)\n }\n\n return id\n },\n []\n )\n\n const removeToast = useCallback((id: number) => {\n setToasts(prev => prev.filter(t => t.id !== id))\n const timer = timersRef.current.get(id)\n if (timer) {\n clearTimeout(timer)\n timersRef.current.delete(id)\n }\n }, [])\n\n // 暴露 addToast 方法到模块级变量,确保同步可用\n useEffect(() => {\n addToastFn = addToast\n return () => {\n addToastFn = null\n }\n }, [addToast])\n\n if (!containerEl) return null\n\n return createPortal(\n <div className={toastStyles.container}>\n {toasts.map(toast => (\n <div key={toast.id} className={toastStyles.wrapper}>\n <ToastItem\n type={toast.type}\n message={toast.message}\n onClose={() => removeToast(toast.id)}\n />\n </div>\n ))}\n </div>,\n containerEl\n )\n}\n\nManager.displayName = 'CssToastManager'\n\n// ==================== 容器管理 ====================\n\ntype AddToastFn = (options: {\n type: 'error' | 'warning' | 'info'\n message: string\n duration: number\n onClose?: () => void\n}) => void\n\nlet addToastFn: AddToastFn | null = null\n\nfunction ensureContainer() {\n if (!containerEl) {\n containerEl = document.createElement('div')\n document.body.appendChild(containerEl)\n\n rootInstance = createRoot(containerEl)\n rootInstance.render(React.createElement(Manager, null))\n }\n\n // 等待 addToastFn 就绪后执行\n const tryShow = (options: Parameters<AddToastFn>[0]) => {\n if (typeof addToastFn === 'function') {\n addToastFn(options)\n } else {\n // 如果 Manager 还未挂载完成,用 requestAnimationFrame 等一帧\n requestAnimationFrame(() => {\n if (typeof addToastFn === 'function') {\n addToastFn(options)\n }\n })\n }\n }\n\n return tryShow\n}\n\nfunction destroyContainer() {\n if (rootInstance) {\n rootInstance.unmount()\n rootInstance = null\n }\n if (containerEl) {\n containerEl.remove()\n containerEl = null\n }\n addToastFn = null\n}\n\n// ==================== 函数式 API ====================\n\ntype ToastMethod = (message: string, duration?: number) => void\n\nconst toastApi: {\n show: (options: import('@cssui/components/toast').ToastOptions) => void\n warning: ToastMethod\n error: ToastMethod\n info: ToastMethod\n destroy: () => void\n} = {\n show(options) {\n const tryShow = ensureContainer()\n tryShow({\n type: options.type ?? 'warning',\n message: options.message,\n duration: options.duration ?? 3000,\n onClose: options.onClose,\n })\n },\n warning(message, duration) {\n toastApi.show({ type: 'warning', message, duration })\n },\n error(message, duration) {\n toastApi.show({ type: 'error', message, duration })\n },\n info(message, duration) {\n toastApi.show({ type: 'info', message, duration })\n },\n destroy() {\n destroyContainer()\n },\n}\n\n// ==================== 导出 ====================\n\nconst ToastWithInstall = withInstall(createComponent(ToastItem)) as typeof ToastItem & {\n show: typeof toastApi.show\n warning: typeof toastApi.warning\n error: typeof toastApi.error\n info: typeof toastApi.info\n destroy: typeof toastApi.destroy\n}\n\nToastWithInstall.displayName = 'CssToast'\nToastWithInstall.show = toastApi.show\nToastWithInstall.warning = toastApi.warning\nToastWithInstall.error = toastApi.error\nToastWithInstall.info = toastApi.info\nToastWithInstall.destroy = toastApi.destroy\n\nexport const Toast = ToastWithInstall\nexport default Toast\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export { Toast } from './Toast';
2
+ export type { ToastProps } from './Toast';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}
@@ -0,0 +1,11 @@
1
+ import type { MouseEvent } from 'react';
2
+ import { type ToolbarItem, type ToolbarProps as BaseToolbarProps } from '../../../components/toolbars/index';
3
+ import '../../../components/toolbars/style.css';
4
+ export interface ToolbarProps extends Omit<BaseToolbarProps, 'value' | 'onChange'> {
5
+ value?: string;
6
+ defaultValue?: string;
7
+ onChange?: (value: string, item: ToolbarItem, event: MouseEvent<HTMLButtonElement>) => void;
8
+ }
9
+ export declare const Toolbars: import("../..").ComponentWithInstall<import("react").ForwardRefExoticComponent<ToolbarProps & import("react").RefAttributes<HTMLDivElement>>>;
10
+ export default Toolbars;
11
+ //# sourceMappingURL=Toolbar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../components/toolbars/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,YAAY,IAAI,gBAAgB,EACtC,MAAM,4BAA4B,CAAA;AAKnC,OAAO,sCAAsC,CAAA;AAE7C,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,CAAC;IAChF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;CAC5F;AAsED,eAAO,MAAM,QAAQ,+IAAgC,CAAA;AAErD,eAAe,QAAQ,CAAA"}