@laser-ui/components 0.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 (653) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/LICENSE +21 -0
  3. package/README.md +71 -0
  4. package/accordion/Accordion.d.ts +3 -0
  5. package/accordion/Accordion.js +162 -0
  6. package/accordion/index.d.ts +2 -0
  7. package/accordion/index.js +1 -0
  8. package/accordion/types.d.ts +20 -0
  9. package/accordion/types.js +1 -0
  10. package/accordion/vars.d.ts +10 -0
  11. package/accordion/vars.js +10 -0
  12. package/affix/Affix.d.ts +3 -0
  13. package/affix/Affix.js +56 -0
  14. package/affix/index.d.ts +2 -0
  15. package/affix/index.js +1 -0
  16. package/affix/types.d.ts +14 -0
  17. package/affix/types.js +1 -0
  18. package/alert/Alert.d.ts +3 -0
  19. package/alert/Alert.js +53 -0
  20. package/alert/index.d.ts +2 -0
  21. package/alert/index.js +1 -0
  22. package/alert/types.d.ts +13 -0
  23. package/alert/types.js +1 -0
  24. package/alert/vars.d.ts +14 -0
  25. package/alert/vars.js +14 -0
  26. package/anchor/Anchor.d.ts +10 -0
  27. package/anchor/Anchor.js +112 -0
  28. package/anchor/index.d.ts +2 -0
  29. package/anchor/index.js +1 -0
  30. package/anchor/types.d.ts +23 -0
  31. package/anchor/types.js +1 -0
  32. package/anchor/vars.d.ts +11 -0
  33. package/anchor/vars.js +11 -0
  34. package/avatar/Avatar.d.ts +3 -0
  35. package/avatar/Avatar.js +43 -0
  36. package/avatar/index.d.ts +2 -0
  37. package/avatar/index.js +1 -0
  38. package/avatar/types.d.ts +11 -0
  39. package/avatar/types.js +1 -0
  40. package/avatar/vars.d.ts +9 -0
  41. package/avatar/vars.js +9 -0
  42. package/badge/Badge.d.ts +7 -0
  43. package/badge/Badge.js +61 -0
  44. package/badge/BadgeText.d.ts +2 -0
  45. package/badge/BadgeText.js +40 -0
  46. package/badge/index.d.ts +2 -0
  47. package/badge/index.js +1 -0
  48. package/badge/internal/BadgeNumber.d.ts +10 -0
  49. package/badge/internal/BadgeNumber.js +37 -0
  50. package/badge/types.d.ts +19 -0
  51. package/badge/types.js +1 -0
  52. package/badge/vars.d.ts +12 -0
  53. package/badge/vars.js +12 -0
  54. package/breadcrumb/Breadcrumb.d.ts +3 -0
  55. package/breadcrumb/Breadcrumb.js +22 -0
  56. package/breadcrumb/index.d.ts +2 -0
  57. package/breadcrumb/index.js +1 -0
  58. package/breadcrumb/types.d.ts +15 -0
  59. package/breadcrumb/types.js +1 -0
  60. package/breadcrumb/vars.d.ts +8 -0
  61. package/breadcrumb/vars.js +8 -0
  62. package/button/Button.d.ts +3 -0
  63. package/button/Button.js +50 -0
  64. package/button/index.d.ts +2 -0
  65. package/button/index.js +1 -0
  66. package/button/types.d.ts +14 -0
  67. package/button/types.js +1 -0
  68. package/button/vars.d.ts +23 -0
  69. package/button/vars.js +23 -0
  70. package/card/Card.d.ts +11 -0
  71. package/card/Card.js +30 -0
  72. package/card/CardAction.d.ts +3 -0
  73. package/card/CardAction.js +17 -0
  74. package/card/CardContent.d.ts +3 -0
  75. package/card/CardContent.js +13 -0
  76. package/card/CardHeader.d.ts +3 -0
  77. package/card/CardHeader.js +13 -0
  78. package/card/index.d.ts +2 -0
  79. package/card/index.js +1 -0
  80. package/card/types.d.ts +17 -0
  81. package/card/types.js +1 -0
  82. package/card/vars.d.ts +12 -0
  83. package/card/vars.js +12 -0
  84. package/cascader/Cascader.d.ts +5 -0
  85. package/cascader/Cascader.js +487 -0
  86. package/cascader/index.d.ts +2 -0
  87. package/cascader/index.js +1 -0
  88. package/cascader/internal/CascaderPanel.d.ts +23 -0
  89. package/cascader/internal/CascaderPanel.js +135 -0
  90. package/cascader/internal/CascaderSearchPanel.d.ts +22 -0
  91. package/cascader/internal/CascaderSearchPanel.js +73 -0
  92. package/cascader/internal/types.d.ts +8 -0
  93. package/cascader/internal/types.js +1 -0
  94. package/cascader/types.d.ts +49 -0
  95. package/cascader/types.js +1 -0
  96. package/cascader/vars.d.ts +32 -0
  97. package/cascader/vars.js +32 -0
  98. package/checkbox/Checkbox.d.ts +7 -0
  99. package/checkbox/Checkbox.js +25 -0
  100. package/checkbox/CheckboxGroup.d.ts +3 -0
  101. package/checkbox/CheckboxGroup.js +25 -0
  102. package/checkbox/index.d.ts +2 -0
  103. package/checkbox/index.js +1 -0
  104. package/checkbox/types.d.ts +29 -0
  105. package/checkbox/types.js +1 -0
  106. package/checkbox/vars.d.ts +11 -0
  107. package/checkbox/vars.js +11 -0
  108. package/compose/Compose.d.ts +7 -0
  109. package/compose/Compose.js +24 -0
  110. package/compose/ComposeItem.d.ts +3 -0
  111. package/compose/ComposeItem.js +18 -0
  112. package/compose/index.d.ts +2 -0
  113. package/compose/index.js +1 -0
  114. package/compose/types.d.ts +12 -0
  115. package/compose/types.js +1 -0
  116. package/compose/vars.d.ts +10 -0
  117. package/compose/vars.js +10 -0
  118. package/config-provider/ConfigProvider.d.ts +3 -0
  119. package/config-provider/ConfigProvider.js +14 -0
  120. package/config-provider/index.d.ts +2 -0
  121. package/config-provider/index.js +1 -0
  122. package/config-provider/types.d.ts +7 -0
  123. package/config-provider/types.js +1 -0
  124. package/context/index.d.ts +33 -0
  125. package/context/index.js +106 -0
  126. package/context/props.d.ts +134 -0
  127. package/context/props.js +1 -0
  128. package/date-picker/DatePicker.d.ts +3 -0
  129. package/date-picker/DatePicker.js +376 -0
  130. package/date-picker/index.d.ts +2 -0
  131. package/date-picker/index.js +1 -0
  132. package/date-picker/internal/DatePickerPanel.d.ts +15 -0
  133. package/date-picker/internal/DatePickerPanel.js +104 -0
  134. package/date-picker/types.d.ts +37 -0
  135. package/date-picker/types.js +1 -0
  136. package/date-picker/vars.d.ts +36 -0
  137. package/date-picker/vars.js +36 -0
  138. package/dayjs.d.ts +3 -0
  139. package/dayjs.js +11 -0
  140. package/drawer/Drawer.d.ts +9 -0
  141. package/drawer/Drawer.js +141 -0
  142. package/drawer/DrawerFooter.d.ts +3 -0
  143. package/drawer/DrawerFooter.js +51 -0
  144. package/drawer/DrawerHeader.d.ts +3 -0
  145. package/drawer/DrawerHeader.js +37 -0
  146. package/drawer/index.d.ts +2 -0
  147. package/drawer/index.js +1 -0
  148. package/drawer/types.d.ts +36 -0
  149. package/drawer/types.js +1 -0
  150. package/drawer/vars.d.ts +21 -0
  151. package/drawer/vars.js +18 -0
  152. package/dropdown/Dropdown.d.ts +5 -0
  153. package/dropdown/Dropdown.js +376 -0
  154. package/dropdown/index.d.ts +2 -0
  155. package/dropdown/index.js +1 -0
  156. package/dropdown/internal/DropdownGroup.d.ts +13 -0
  157. package/dropdown/internal/DropdownGroup.js +8 -0
  158. package/dropdown/internal/DropdownItem.d.ts +16 -0
  159. package/dropdown/internal/DropdownItem.js +9 -0
  160. package/dropdown/internal/DropdownSub.d.ts +22 -0
  161. package/dropdown/internal/DropdownSub.js +78 -0
  162. package/dropdown/types.d.ts +31 -0
  163. package/dropdown/types.js +1 -0
  164. package/dropdown/utils.d.ts +4 -0
  165. package/dropdown/utils.js +18 -0
  166. package/dropdown/vars.d.ts +23 -0
  167. package/dropdown/vars.js +23 -0
  168. package/empty/Empty.d.ts +7 -0
  169. package/empty/Empty.js +18 -0
  170. package/empty/index.d.ts +2 -0
  171. package/empty/index.js +1 -0
  172. package/empty/types.d.ts +8 -0
  173. package/empty/types.js +1 -0
  174. package/empty/vars.d.ts +7 -0
  175. package/empty/vars.js +7 -0
  176. package/fab/Fab.d.ts +9 -0
  177. package/fab/Fab.js +31 -0
  178. package/fab/FabBacktop.d.ts +3 -0
  179. package/fab/FabBacktop.js +58 -0
  180. package/fab/FabButton.d.ts +3 -0
  181. package/fab/FabButton.js +23 -0
  182. package/fab/index.d.ts +2 -0
  183. package/fab/index.js +1 -0
  184. package/fab/types.d.ts +26 -0
  185. package/fab/types.js +1 -0
  186. package/fab/vars.d.ts +28 -0
  187. package/fab/vars.js +28 -0
  188. package/form/Form.d.ts +7 -0
  189. package/form/Form.js +34 -0
  190. package/form/FormItem.d.ts +5 -0
  191. package/form/FormItem.js +201 -0
  192. package/form/hooks.d.ts +5 -0
  193. package/form/hooks.js +18 -0
  194. package/form/index.d.ts +8 -0
  195. package/form/index.js +7 -0
  196. package/form/internal/FormError.d.ts +12 -0
  197. package/form/internal/FormError.js +24 -0
  198. package/form/model/abstract-control.d.ts +67 -0
  199. package/form/model/abstract-control.js +335 -0
  200. package/form/model/form-control.d.ts +23 -0
  201. package/form/model/form-control.js +72 -0
  202. package/form/model/form-group.d.ts +62 -0
  203. package/form/model/form-group.js +165 -0
  204. package/form/model/types.d.ts +8 -0
  205. package/form/model/types.js +1 -0
  206. package/form/model/validators.d.ts +11 -0
  207. package/form/model/validators.js +83 -0
  208. package/form/model/vars.d.ts +1 -0
  209. package/form/model/vars.js +1 -0
  210. package/form/types.d.ts +63 -0
  211. package/form/types.js +1 -0
  212. package/form/vars.d.ts +27 -0
  213. package/form/vars.js +25 -0
  214. package/hooks/index.d.ts +14 -0
  215. package/hooks/index.js +14 -0
  216. package/hooks/useComponentProps.d.ts +2 -0
  217. package/hooks/useComponentProps.js +15 -0
  218. package/hooks/useControlled.d.ts +3 -0
  219. package/hooks/useControlled.js +26 -0
  220. package/hooks/useDesign.d.ts +12 -0
  221. package/hooks/useDesign.js +8 -0
  222. package/hooks/useFocusVisible.d.ts +2 -0
  223. package/hooks/useFocusVisible.js +38 -0
  224. package/hooks/useLayout.d.ts +5 -0
  225. package/hooks/useLayout.js +10 -0
  226. package/hooks/useListenGlobalScrolling.d.ts +1 -0
  227. package/hooks/useListenGlobalScrolling.js +9 -0
  228. package/hooks/useLockScroll.d.ts +1 -0
  229. package/hooks/useLockScroll.js +24 -0
  230. package/hooks/useMaxIndex.d.ts +1 -0
  231. package/hooks/useMaxIndex.js +32 -0
  232. package/hooks/useNamespace.d.ts +1 -0
  233. package/hooks/useNamespace.js +6 -0
  234. package/hooks/useNestedPopup.d.ts +13 -0
  235. package/hooks/useNestedPopup.js +37 -0
  236. package/hooks/useNextTick.d.ts +2 -0
  237. package/hooks/useNextTick.js +9 -0
  238. package/hooks/useScopedProps.d.ts +8 -0
  239. package/hooks/useScopedProps.js +7 -0
  240. package/hooks/useStyled.d.ts +20 -0
  241. package/hooks/useStyled.js +82 -0
  242. package/hooks/useTranslation.d.ts +4 -0
  243. package/hooks/useTranslation.js +17 -0
  244. package/icon/Icon.d.ts +3 -0
  245. package/icon/Icon.js +18 -0
  246. package/icon/index.d.ts +2 -0
  247. package/icon/index.js +1 -0
  248. package/icon/types.d.ts +12 -0
  249. package/icon/types.js +1 -0
  250. package/icon/vars.d.ts +7 -0
  251. package/icon/vars.js +7 -0
  252. package/image/Image.d.ts +9 -0
  253. package/image/Image.js +50 -0
  254. package/image/ImageAction.d.ts +3 -0
  255. package/image/ImageAction.js +15 -0
  256. package/image/ImagePreview.d.ts +3 -0
  257. package/image/ImagePreview.js +261 -0
  258. package/image/index.d.ts +2 -0
  259. package/image/index.js +1 -0
  260. package/image/types.d.ts +24 -0
  261. package/image/types.js +1 -0
  262. package/image/vars.d.ts +26 -0
  263. package/image/vars.js +26 -0
  264. package/index.d.ts +52 -0
  265. package/index.js +52 -0
  266. package/input/Input.d.ts +7 -0
  267. package/input/Input.js +56 -0
  268. package/input/InputNumber.d.ts +2 -0
  269. package/input/InputNumber.js +142 -0
  270. package/input/index.d.ts +2 -0
  271. package/input/index.js +1 -0
  272. package/input/types.d.ts +44 -0
  273. package/input/types.js +1 -0
  274. package/input/vars.d.ts +14 -0
  275. package/input/vars.js +14 -0
  276. package/internal/circular-progress/CircularProgress.d.ts +2 -0
  277. package/internal/circular-progress/CircularProgress.js +11 -0
  278. package/internal/circular-progress/index.d.ts +1 -0
  279. package/internal/circular-progress/index.js +1 -0
  280. package/internal/circular-progress/vars.d.ts +4 -0
  281. package/internal/circular-progress/vars.js +4 -0
  282. package/internal/mask/Mask.d.ts +3 -0
  283. package/internal/mask/Mask.js +36 -0
  284. package/internal/mask/index.d.ts +2 -0
  285. package/internal/mask/index.js +1 -0
  286. package/internal/mask/types.d.ts +7 -0
  287. package/internal/mask/types.js +1 -0
  288. package/internal/mask/vars.d.ts +3 -0
  289. package/internal/mask/vars.js +3 -0
  290. package/internal/popup/Popup.d.ts +3 -0
  291. package/internal/popup/Popup.js +132 -0
  292. package/internal/popup/index.d.ts +2 -0
  293. package/internal/popup/index.js +1 -0
  294. package/internal/popup/types.d.ts +21 -0
  295. package/internal/popup/types.js +1 -0
  296. package/internal/portal/Portal.d.ts +3 -0
  297. package/internal/portal/Portal.js +14 -0
  298. package/internal/portal/index.d.ts +2 -0
  299. package/internal/portal/index.js +1 -0
  300. package/internal/portal/types.d.ts +6 -0
  301. package/internal/portal/types.js +1 -0
  302. package/internal/transition/CollapseTransition.d.ts +3 -0
  303. package/internal/transition/CollapseTransition.js +101 -0
  304. package/internal/transition/Transition.d.ts +3 -0
  305. package/internal/transition/Transition.js +87 -0
  306. package/internal/transition/index.d.ts +3 -0
  307. package/internal/transition/index.js +2 -0
  308. package/internal/transition/types.d.ts +33 -0
  309. package/internal/transition/types.js +1 -0
  310. package/internal/wave/Wave.d.ts +3 -0
  311. package/internal/wave/Wave.js +25 -0
  312. package/internal/wave/index.d.ts +2 -0
  313. package/internal/wave/index.js +1 -0
  314. package/internal/wave/types.d.ts +6 -0
  315. package/internal/wave/types.js +1 -0
  316. package/internal/wave/vars.d.ts +3 -0
  317. package/internal/wave/vars.js +3 -0
  318. package/menu/Menu.d.ts +5 -0
  319. package/menu/Menu.js +386 -0
  320. package/menu/index.d.ts +2 -0
  321. package/menu/index.js +1 -0
  322. package/menu/internal/MenuGroup.d.ts +15 -0
  323. package/menu/internal/MenuGroup.js +8 -0
  324. package/menu/internal/MenuItem.d.ts +23 -0
  325. package/menu/internal/MenuItem.js +18 -0
  326. package/menu/internal/MenuSub.d.ts +31 -0
  327. package/menu/internal/MenuSub.js +129 -0
  328. package/menu/types.d.ts +30 -0
  329. package/menu/types.js +1 -0
  330. package/menu/utils.d.ts +4 -0
  331. package/menu/utils.js +18 -0
  332. package/menu/vars.d.ts +28 -0
  333. package/menu/vars.js +28 -0
  334. package/modal/Modal.d.ts +11 -0
  335. package/modal/Modal.js +127 -0
  336. package/modal/ModalAlert.d.ts +3 -0
  337. package/modal/ModalAlert.js +19 -0
  338. package/modal/ModalFooter.d.ts +3 -0
  339. package/modal/ModalFooter.js +51 -0
  340. package/modal/ModalHeader.d.ts +3 -0
  341. package/modal/ModalHeader.js +37 -0
  342. package/modal/index.d.ts +2 -0
  343. package/modal/index.js +1 -0
  344. package/modal/types.d.ts +39 -0
  345. package/modal/types.js +1 -0
  346. package/modal/vars.d.ts +23 -0
  347. package/modal/vars.js +23 -0
  348. package/notification/Notification.d.ts +3 -0
  349. package/notification/Notification.js +129 -0
  350. package/notification/index.d.ts +2 -0
  351. package/notification/index.js +1 -0
  352. package/notification/types.d.ts +18 -0
  353. package/notification/types.js +1 -0
  354. package/notification/vars.d.ts +17 -0
  355. package/notification/vars.js +14 -0
  356. package/package.json +47 -0
  357. package/pagination/Pagination.d.ts +3 -0
  358. package/pagination/Pagination.js +191 -0
  359. package/pagination/index.d.ts +2 -0
  360. package/pagination/index.js +1 -0
  361. package/pagination/types.d.ts +23 -0
  362. package/pagination/types.js +1 -0
  363. package/pagination/utils.d.ts +2 -0
  364. package/pagination/utils.js +14 -0
  365. package/pagination/vars.d.ts +14 -0
  366. package/pagination/vars.js +14 -0
  367. package/popover/Popover.d.ts +9 -0
  368. package/popover/Popover.js +173 -0
  369. package/popover/PopoverFooter.d.ts +3 -0
  370. package/popover/PopoverFooter.js +51 -0
  371. package/popover/PopoverHeader.d.ts +3 -0
  372. package/popover/PopoverHeader.js +37 -0
  373. package/popover/index.d.ts +2 -0
  374. package/popover/index.js +1 -0
  375. package/popover/types.d.ts +46 -0
  376. package/popover/types.js +1 -0
  377. package/popover/vars.d.ts +30 -0
  378. package/popover/vars.js +27 -0
  379. package/progress/Progress.d.ts +3 -0
  380. package/progress/Progress.js +45 -0
  381. package/progress/index.d.ts +2 -0
  382. package/progress/index.js +1 -0
  383. package/progress/types.d.ts +19 -0
  384. package/progress/types.js +1 -0
  385. package/progress/vars.d.ts +15 -0
  386. package/progress/vars.js +15 -0
  387. package/radio/Radio.d.ts +7 -0
  388. package/radio/Radio.js +38 -0
  389. package/radio/RadioGroup.d.ts +3 -0
  390. package/radio/RadioGroup.js +21 -0
  391. package/radio/index.d.ts +2 -0
  392. package/radio/index.js +1 -0
  393. package/radio/types.d.ts +31 -0
  394. package/radio/types.js +1 -0
  395. package/radio/vars.d.ts +14 -0
  396. package/radio/vars.js +14 -0
  397. package/rating/Rating.d.ts +3 -0
  398. package/rating/Rating.js +34 -0
  399. package/rating/index.d.ts +2 -0
  400. package/rating/index.js +1 -0
  401. package/rating/internal/RatingStar.d.ts +19 -0
  402. package/rating/internal/RatingStar.js +37 -0
  403. package/rating/types.d.ts +18 -0
  404. package/rating/types.js +1 -0
  405. package/rating/vars.d.ts +11 -0
  406. package/rating/vars.js +11 -0
  407. package/resources.json +128 -0
  408. package/root/Root.d.ts +3 -0
  409. package/root/Root.js +85 -0
  410. package/root/dialog-service.d.ts +12 -0
  411. package/root/dialog-service.js +62 -0
  412. package/root/index.d.ts +3 -0
  413. package/root/index.js +2 -0
  414. package/root/types.d.ts +16 -0
  415. package/root/types.js +1 -0
  416. package/root/vars.d.ts +25 -0
  417. package/root/vars.js +13 -0
  418. package/select/Select.d.ts +5 -0
  419. package/select/Select.js +528 -0
  420. package/select/index.d.ts +2 -0
  421. package/select/index.js +1 -0
  422. package/select/types.d.ts +50 -0
  423. package/select/types.js +1 -0
  424. package/select/vars.d.ts +31 -0
  425. package/select/vars.js +31 -0
  426. package/separator/Separator.d.ts +3 -0
  427. package/separator/Separator.js +19 -0
  428. package/separator/index.d.ts +2 -0
  429. package/separator/index.js +1 -0
  430. package/separator/types.d.ts +8 -0
  431. package/separator/types.js +1 -0
  432. package/separator/vars.d.ts +9 -0
  433. package/separator/vars.js +9 -0
  434. package/skeleton/Skeleton.d.ts +3 -0
  435. package/skeleton/Skeleton.js +13 -0
  436. package/skeleton/index.d.ts +2 -0
  437. package/skeleton/index.js +1 -0
  438. package/skeleton/types.d.ts +7 -0
  439. package/skeleton/types.js +1 -0
  440. package/skeleton/vars.d.ts +6 -0
  441. package/skeleton/vars.js +6 -0
  442. package/slider/Slider.d.ts +3 -0
  443. package/slider/Slider.js +324 -0
  444. package/slider/index.d.ts +2 -0
  445. package/slider/index.js +1 -0
  446. package/slider/types.d.ts +28 -0
  447. package/slider/types.js +1 -0
  448. package/slider/vars.d.ts +17 -0
  449. package/slider/vars.js +17 -0
  450. package/slides/Slides.d.ts +3 -0
  451. package/slides/Slides.js +277 -0
  452. package/slides/index.d.ts +2 -0
  453. package/slides/index.js +1 -0
  454. package/slides/types.d.ts +29 -0
  455. package/slides/types.js +1 -0
  456. package/slides/vars.d.ts +20 -0
  457. package/slides/vars.js +20 -0
  458. package/spinner/Spinner.d.ts +3 -0
  459. package/spinner/Spinner.js +66 -0
  460. package/spinner/index.d.ts +2 -0
  461. package/spinner/index.js +1 -0
  462. package/spinner/types.d.ts +12 -0
  463. package/spinner/types.js +1 -0
  464. package/spinner/vars.d.ts +7 -0
  465. package/spinner/vars.js +7 -0
  466. package/stepper/Stepper.d.ts +3 -0
  467. package/stepper/Stepper.js +87 -0
  468. package/stepper/index.d.ts +2 -0
  469. package/stepper/index.js +1 -0
  470. package/stepper/types.d.ts +22 -0
  471. package/stepper/types.js +1 -0
  472. package/stepper/vars.d.ts +19 -0
  473. package/stepper/vars.js +19 -0
  474. package/switch/Switch.d.ts +2 -0
  475. package/switch/Switch.js +48 -0
  476. package/switch/index.d.ts +2 -0
  477. package/switch/index.js +1 -0
  478. package/switch/types.d.ts +18 -0
  479. package/switch/types.js +1 -0
  480. package/switch/vars.d.ts +17 -0
  481. package/switch/vars.js +17 -0
  482. package/table/Table.d.ts +17 -0
  483. package/table/Table.js +72 -0
  484. package/table/TableEmpty.d.ts +3 -0
  485. package/table/TableEmpty.js +37 -0
  486. package/table/TableExpand.d.ts +3 -0
  487. package/table/TableExpand.js +20 -0
  488. package/table/TableFilter.d.ts +3 -0
  489. package/table/TableFilter.js +22 -0
  490. package/table/TableTd.d.ts +3 -0
  491. package/table/TableTd.js +11 -0
  492. package/table/TableTh.d.ts +3 -0
  493. package/table/TableTh.js +33 -0
  494. package/table/TableThAction.d.ts +3 -0
  495. package/table/TableThAction.js +18 -0
  496. package/table/index.d.ts +2 -0
  497. package/table/index.js +1 -0
  498. package/table/internal/TableCell.d.ts +19 -0
  499. package/table/internal/TableCell.js +61 -0
  500. package/table/types.d.ts +73 -0
  501. package/table/types.js +1 -0
  502. package/table/vars.d.ts +29 -0
  503. package/table/vars.js +28 -0
  504. package/tabs/Tabs.d.ts +5 -0
  505. package/tabs/Tabs.js +248 -0
  506. package/tabs/index.d.ts +2 -0
  507. package/tabs/index.js +1 -0
  508. package/tabs/types.d.ts +28 -0
  509. package/tabs/types.js +1 -0
  510. package/tabs/vars.d.ts +30 -0
  511. package/tabs/vars.js +30 -0
  512. package/tag/Tag.d.ts +3 -0
  513. package/tag/Tag.js +16 -0
  514. package/tag/index.d.ts +2 -0
  515. package/tag/index.js +1 -0
  516. package/tag/types.d.ts +9 -0
  517. package/tag/types.js +1 -0
  518. package/tag/vars.d.ts +13 -0
  519. package/tag/vars.js +13 -0
  520. package/textarea/Textarea.d.ts +3 -0
  521. package/textarea/Textarea.js +72 -0
  522. package/textarea/index.d.ts +2 -0
  523. package/textarea/index.js +1 -0
  524. package/textarea/types.d.ts +18 -0
  525. package/textarea/types.js +1 -0
  526. package/textarea/vars.d.ts +7 -0
  527. package/textarea/vars.js +7 -0
  528. package/time-picker/TimePicker.d.ts +3 -0
  529. package/time-picker/TimePicker.js +338 -0
  530. package/time-picker/index.d.ts +2 -0
  531. package/time-picker/index.js +1 -0
  532. package/time-picker/internal/TimePickerPanel.d.ts +16 -0
  533. package/time-picker/internal/TimePickerPanel.js +138 -0
  534. package/time-picker/types.d.ts +33 -0
  535. package/time-picker/types.js +1 -0
  536. package/time-picker/utils.d.ts +4 -0
  537. package/time-picker/utils.js +26 -0
  538. package/time-picker/vars.d.ts +20 -0
  539. package/time-picker/vars.js +20 -0
  540. package/timeline/Timeline.d.ts +3 -0
  541. package/timeline/Timeline.js +53 -0
  542. package/timeline/index.d.ts +2 -0
  543. package/timeline/index.js +1 -0
  544. package/timeline/types.d.ts +15 -0
  545. package/timeline/types.js +1 -0
  546. package/timeline/vars.d.ts +19 -0
  547. package/timeline/vars.js +19 -0
  548. package/toast/Toast.d.ts +3 -0
  549. package/toast/Toast.js +123 -0
  550. package/toast/index.d.ts +2 -0
  551. package/toast/index.js +1 -0
  552. package/toast/types.d.ts +17 -0
  553. package/toast/types.js +1 -0
  554. package/toast/vars.d.ts +14 -0
  555. package/toast/vars.js +11 -0
  556. package/tooltip/Tooltip.d.ts +3 -0
  557. package/tooltip/Tooltip.js +113 -0
  558. package/tooltip/index.d.ts +2 -0
  559. package/tooltip/index.js +1 -0
  560. package/tooltip/types.d.ts +29 -0
  561. package/tooltip/types.js +1 -0
  562. package/tooltip/vars.d.ts +20 -0
  563. package/tooltip/vars.js +17 -0
  564. package/transfer/Transfer.d.ts +3 -0
  565. package/transfer/Transfer.js +156 -0
  566. package/transfer/index.d.ts +2 -0
  567. package/transfer/index.js +1 -0
  568. package/transfer/internal/TransferPanel.d.ts +21 -0
  569. package/transfer/internal/TransferPanel.js +42 -0
  570. package/transfer/types.d.ts +34 -0
  571. package/transfer/types.js +1 -0
  572. package/transfer/vars.d.ts +17 -0
  573. package/transfer/vars.js +17 -0
  574. package/tree/Tree.d.ts +3 -0
  575. package/tree/Tree.js +165 -0
  576. package/tree/index.d.ts +2 -0
  577. package/tree/index.js +1 -0
  578. package/tree/internal/TreePanel.d.ts +32 -0
  579. package/tree/internal/TreePanel.js +167 -0
  580. package/tree/node/abstract-node.d.ts +25 -0
  581. package/tree/node/abstract-node.js +68 -0
  582. package/tree/node/multiple-node.d.ts +18 -0
  583. package/tree/node/multiple-node.js +109 -0
  584. package/tree/node/single-node.d.ts +16 -0
  585. package/tree/node/single-node.js +60 -0
  586. package/tree/node/types.d.ts +6 -0
  587. package/tree/node/types.js +1 -0
  588. package/tree/node/vars.d.ts +2 -0
  589. package/tree/node/vars.js +1 -0
  590. package/tree/types.d.ts +34 -0
  591. package/tree/types.js +1 -0
  592. package/tree/utils.d.ts +6 -0
  593. package/tree/utils.js +9 -0
  594. package/tree/vars.d.ts +20 -0
  595. package/tree/vars.js +20 -0
  596. package/tree-select/TreeSelect.d.ts +6 -0
  597. package/tree-select/TreeSelect.js +509 -0
  598. package/tree-select/index.d.ts +2 -0
  599. package/tree-select/index.js +1 -0
  600. package/tree-select/internal/TreeSelectSearchPanel.d.ts +22 -0
  601. package/tree-select/internal/TreeSelectSearchPanel.js +73 -0
  602. package/tree-select/internal/types.d.ts +8 -0
  603. package/tree-select/internal/types.js +1 -0
  604. package/tree-select/types.d.ts +48 -0
  605. package/tree-select/types.js +1 -0
  606. package/tree-select/vars.d.ts +37 -0
  607. package/tree-select/vars.js +37 -0
  608. package/types.d.ts +21 -0
  609. package/types.js +1 -0
  610. package/upload/Upload.d.ts +19 -0
  611. package/upload/Upload.js +203 -0
  612. package/upload/UploadAction.d.ts +3 -0
  613. package/upload/UploadAction.js +44 -0
  614. package/upload/UploadButton.d.ts +3 -0
  615. package/upload/UploadButton.js +31 -0
  616. package/upload/UploadList.d.ts +3 -0
  617. package/upload/UploadList.js +62 -0
  618. package/upload/UploadPicture.d.ts +3 -0
  619. package/upload/UploadPicture.js +72 -0
  620. package/upload/UploadPictureList.d.ts +3 -0
  621. package/upload/UploadPictureList.js +62 -0
  622. package/upload/UploadPreviewAction.d.ts +3 -0
  623. package/upload/UploadPreviewAction.js +32 -0
  624. package/upload/index.d.ts +2 -0
  625. package/upload/index.js +1 -0
  626. package/upload/types.d.ts +78 -0
  627. package/upload/types.js +1 -0
  628. package/upload/vars.d.ts +65 -0
  629. package/upload/vars.js +65 -0
  630. package/utils/handleModalKeyDown.d.ts +2 -0
  631. package/utils/handleModalKeyDown.js +17 -0
  632. package/utils/index.d.ts +6 -0
  633. package/utils/index.js +6 -0
  634. package/utils/isPrintableCharacter.d.ts +1 -0
  635. package/utils/isPrintableCharacter.js +3 -0
  636. package/utils/mergeCS.d.ts +11 -0
  637. package/utils/mergeCS.js +6 -0
  638. package/utils/position/getHorizontalSidePosition.d.ts +14 -0
  639. package/utils/position/getHorizontalSidePosition.js +22 -0
  640. package/utils/position/getPopupPosition.d.ts +18 -0
  641. package/utils/position/getPopupPosition.js +170 -0
  642. package/utils/position/getVerticalSidePosition.d.ts +17 -0
  643. package/utils/position/getVerticalSidePosition.js +43 -0
  644. package/vars.d.ts +5 -0
  645. package/vars.js +5 -0
  646. package/virtual-scroll/VirtualScroll.d.ts +5 -0
  647. package/virtual-scroll/VirtualScroll.js +430 -0
  648. package/virtual-scroll/index.d.ts +2 -0
  649. package/virtual-scroll/index.js +1 -0
  650. package/virtual-scroll/types.d.ts +34 -0
  651. package/virtual-scroll/types.js +1 -0
  652. package/virtual-scroll/vars.d.ts +1 -0
  653. package/virtual-scroll/vars.js +1 -0
@@ -0,0 +1,22 @@
1
+ /// <reference types="react" />
2
+ import type { CascaderSearchPanelItem } from './types';
3
+ import type { Styled } from '../../hooks/useStyled';
4
+ import type { CascaderItem } from '../types';
5
+ import type { CLASSES } from '../vars';
6
+ interface CascaderSearchPanelProps<V extends React.Key, T extends CascaderItem<V>> {
7
+ namespace: string;
8
+ styled: Styled<typeof CLASSES>;
9
+ id: string;
10
+ list: CascaderSearchPanelItem<V, T>[];
11
+ customItem: ((item: T) => React.ReactNode) | undefined;
12
+ itemId: (value: V) => string;
13
+ itemFocused: CascaderSearchPanelItem<V, T> | undefined;
14
+ multiple: boolean;
15
+ onlyLeafSelectable: boolean;
16
+ virtual: boolean | number;
17
+ focusVisible: boolean;
18
+ onClick: (item: CascaderSearchPanelItem<V, T>) => void;
19
+ }
20
+ declare function CascaderSearchPanelFC<V extends React.Key, T extends CascaderItem<V>>(props: CascaderSearchPanelProps<V, T>, ref: React.ForwardedRef<any>): JSX.Element | null;
21
+ export declare const CascaderSearchPanel: <V extends React.Key, T extends CascaderItem<V>>(props: CascaderSearchPanelProps<V, T> & React.RefAttributes<any>) => ReturnType<typeof CascaderSearchPanelFC>;
22
+ export {};
@@ -0,0 +1,73 @@
1
+ import { createElement as _createElement } from "react";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { useEventCallback } from '@laser-ui/hooks';
4
+ import { scrollIntoViewIfNeeded } from '@laser-ui/utils';
5
+ import { isNumber, isUndefined } from 'lodash';
6
+ import { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';
7
+ import { Checkbox } from '../../checkbox';
8
+ import { Empty } from '../../empty';
9
+ import { getTreeNodeLabel } from '../../tree/utils';
10
+ import { TREE_NODE_KEY } from '../../tree/vars';
11
+ import { VirtualScroll } from '../../virtual-scroll';
12
+ function CascaderSearchPanelFC(props, ref) {
13
+ const { namespace, styled, id, list, customItem, itemId, itemFocused, multiple, onlyLeafSelectable, virtual, focusVisible, onClick } = props;
14
+ const listRef = useRef(null);
15
+ const vsRef = useRef(null);
16
+ const handleKeyDown = useEventCallback((code) => {
17
+ var _a, _b, _c, _d;
18
+ if (listRef.current) {
19
+ let item;
20
+ switch (code) {
21
+ case 'next':
22
+ item = (_a = vsRef.current) === null || _a === void 0 ? void 0 : _a.scrollToStep(listRef.current, 1);
23
+ break;
24
+ case 'prev':
25
+ item = (_b = vsRef.current) === null || _b === void 0 ? void 0 : _b.scrollToStep(listRef.current, -1);
26
+ break;
27
+ case 'first':
28
+ item = (_c = vsRef.current) === null || _c === void 0 ? void 0 : _c.scrollToStart(listRef.current);
29
+ break;
30
+ case 'last':
31
+ item = (_d = vsRef.current) === null || _d === void 0 ? void 0 : _d.scrollToEnd(listRef.current);
32
+ break;
33
+ default:
34
+ if (code instanceof HTMLElement && listRef.current) {
35
+ scrollIntoViewIfNeeded(code, listRef.current);
36
+ }
37
+ break;
38
+ }
39
+ return item;
40
+ }
41
+ });
42
+ useImperativeHandle(ref, () => handleKeyDown, [handleKeyDown]);
43
+ const vsProps = useMemo(() => ({
44
+ list,
45
+ itemKey: (item) => item.value,
46
+ itemSize: isNumber(virtual) ? virtual : 32,
47
+ itemFocusable: (item) => item[TREE_NODE_KEY].enabled,
48
+ }), [list, virtual]);
49
+ return (_jsx(VirtualScroll, Object.assign({}, vsProps, { ref: vsRef, enable: virtual !== false, listSize: 264, listPadding: 4, itemRender: (item, index, props) => {
50
+ const node = item[TREE_NODE_KEY];
51
+ let inSelected = node.checked;
52
+ if (!onlyLeafSelectable) {
53
+ let n = node;
54
+ while (n.parent) {
55
+ n = n.parent;
56
+ if (n.id === item.value) {
57
+ inSelected = true;
58
+ break;
59
+ }
60
+ }
61
+ }
62
+ return (_createElement("li", Object.assign({}, styled('cascader__option', {
63
+ 'cascader__option.is-selected': !multiple && inSelected,
64
+ 'cascader__option.is-disabled': node.disabled,
65
+ }), props, { key: item.value, id: itemId(item.value), title: item.label, role: "option", "aria-selected": node.checked, "aria-disabled": node.disabled, onClick: () => {
66
+ onClick(item);
67
+ } }),
68
+ focusVisible && (itemFocused === null || itemFocused === void 0 ? void 0 : itemFocused.value) === item.value && _jsx("div", { className: `${namespace}-focus-outline` }),
69
+ multiple && (_jsx("div", Object.assign({}, styled('cascader__option-prefix'), { children: _jsx(Checkbox, { model: node.checked, disabled: node.disabled }) }))),
70
+ _jsx("div", Object.assign({}, styled('cascader__option-content'), { children: customItem ? customItem(node.origin) : getTreeNodeLabel(node) }))));
71
+ }, itemFocused: itemFocused === null || itemFocused === void 0 ? void 0 : itemFocused.value, placeholder: "li", children: (vsList, onScroll) => (_jsx("ul", Object.assign({}, styled('cascader__list'), { ref: listRef, id: id, tabIndex: -1, role: "listbox", "aria-multiselectable": multiple, "aria-activedescendant": isUndefined(itemFocused) ? undefined : itemId(itemFocused.value), onScroll: onScroll, children: list.length === 0 ? _jsx(Empty, { style: { padding: '12px 28px' }, image: Empty.SIMPLE_IMG }) : vsList }))) })));
72
+ }
73
+ export const CascaderSearchPanel = forwardRef(CascaderSearchPanelFC);
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import type { SelectItem } from '../../select/types';
3
+ import type { AbstractTreeNode } from '../../tree/node/abstract-node';
4
+ import type { TreeNode } from '../../tree/node/types';
5
+ import type { TREE_NODE_KEY } from '../../tree/vars';
6
+ export type CascaderSearchPanelItem<V extends React.Key, T extends TreeNode> = SelectItem<V> & {
7
+ [TREE_NODE_KEY]: AbstractTreeNode<V, T>;
8
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,49 @@
1
+ /// <reference types="react" />
2
+ import type { CLASSES } from './vars';
3
+ import type { FormControlProvider } from '../form/types';
4
+ import type { BaseProps, CloneHTMLElement, Size } from '../types';
5
+ export {};
6
+ export interface CascaderRef {
7
+ updatePosition: () => void;
8
+ }
9
+ export interface CascaderItem<V extends React.Key> {
10
+ label: string;
11
+ value: V;
12
+ loading?: boolean;
13
+ disabled?: boolean;
14
+ children?: CascaderItem<V>[];
15
+ }
16
+ export interface CascaderProps<V extends React.Key, T extends CascaderItem<V>> extends BaseProps<'cascader' | 'cascader-popup', typeof CLASSES>, Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
17
+ formControl?: FormControlProvider;
18
+ list: T[];
19
+ model?: V | null | V[];
20
+ defaultModel?: V | null | V[];
21
+ visible?: boolean;
22
+ defaultVisible?: boolean;
23
+ placeholder?: string;
24
+ multiple?: boolean;
25
+ searchable?: boolean;
26
+ searchValue?: string;
27
+ defaultSearchValue?: string;
28
+ onlyLeafSelectable?: boolean;
29
+ clearable?: boolean;
30
+ loading?: boolean;
31
+ size?: Size;
32
+ disabled?: boolean;
33
+ virtual?: boolean | number;
34
+ escClosable?: boolean;
35
+ customItem?: (item: T) => React.ReactNode;
36
+ customSelected?: (selected: T) => string;
37
+ customSearch?: {
38
+ filter?: (value: string, item: T) => boolean;
39
+ sort?: (a: T, b: T) => number;
40
+ };
41
+ inputRef?: React.ForwardedRef<HTMLInputElement>;
42
+ inputRender?: CloneHTMLElement;
43
+ onModelChange?: (value: any, origin: any) => void;
44
+ onVisibleChange?: (visible: boolean) => void;
45
+ onSearch?: (value: string) => void;
46
+ onClear?: () => void;
47
+ onFirstFocus?: (value: V, origin: T) => void;
48
+ afterVisibleChange?: (visible: boolean) => void;
49
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,32 @@
1
+ export declare const CLASSES: {
2
+ cascader: string;
3
+ 'cascader.is-expanded': string;
4
+ 'cascader.is-disabled': string;
5
+ 'cascader--small': string;
6
+ 'cascader--medium': string;
7
+ 'cascader--large': string;
8
+ cascader__container: string;
9
+ cascader__content: string;
10
+ cascader__search: string;
11
+ 'cascader__placeholder-wrapper': string;
12
+ cascader__placeholder: string;
13
+ 'cascader__multiple-count': string;
14
+ cascader__close: string;
15
+ cascader__clear: string;
16
+ cascader__icon: string;
17
+ cascader__arrow: string;
18
+ 'cascader-popup': string;
19
+ 'cascader-popup__loading': string;
20
+ 'cascader-popup__loading--empty': string;
21
+ cascader__list: string;
22
+ 'cascader__list--inline': string;
23
+ cascader__option: string;
24
+ 'cascader__option.is-focused': string;
25
+ 'cascader__option.is-selected': string;
26
+ 'cascader__option.is-disabled': string;
27
+ 'cascader__option-dot': string;
28
+ 'cascader__option-prefix': string;
29
+ 'cascader__option-content': string;
30
+ 'cascader__option-icon': string;
31
+ cascader__empty: string;
32
+ };
@@ -0,0 +1,32 @@
1
+ export const CLASSES = {
2
+ cascader: '^cascader',
3
+ 'cascader.is-expanded': 'is-expanded',
4
+ 'cascader.is-disabled': 'is-disabled',
5
+ 'cascader--small': '^cascader--small',
6
+ 'cascader--medium': '^cascader--medium',
7
+ 'cascader--large': '^cascader--large',
8
+ cascader__container: '^cascader__container',
9
+ cascader__content: '^cascader__content',
10
+ cascader__search: '^cascader__search',
11
+ 'cascader__placeholder-wrapper': '^cascader__placeholder-wrapper',
12
+ cascader__placeholder: '^cascader__placeholder',
13
+ 'cascader__multiple-count': '^cascader__multiple-count',
14
+ cascader__close: '^cascader__close',
15
+ cascader__clear: '^cascader__clear',
16
+ cascader__icon: '^cascader__icon',
17
+ cascader__arrow: '^cascader__arrow',
18
+ 'cascader-popup': '^cascader-popup',
19
+ 'cascader-popup__loading': '^cascader-popup__loading',
20
+ 'cascader-popup__loading--empty': '^cascader-popup__loading--empty',
21
+ cascader__list: '^cascader__list',
22
+ 'cascader__list--inline': '^cascader__list--inline',
23
+ cascader__option: '^cascader__option',
24
+ 'cascader__option.is-focused': 'is-focused',
25
+ 'cascader__option.is-selected': 'is-selected',
26
+ 'cascader__option.is-disabled': 'is-disabled',
27
+ 'cascader__option-dot': '^cascader__option-dot',
28
+ 'cascader__option-prefix': '^cascader__option-prefix',
29
+ 'cascader__option-content': '^cascader__option-content',
30
+ 'cascader__option-icon': '^cascader__option-icon',
31
+ cascader__empty: '^cascader__empty',
32
+ };
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import type { CheckboxProps } from './types';
3
+ import { CheckboxGroup } from './CheckboxGroup';
4
+ export declare const Checkbox: {
5
+ (props: CheckboxProps): JSX.Element | null;
6
+ Group: typeof CheckboxGroup;
7
+ };
@@ -0,0 +1,25 @@
1
+ import { __rest } from "tslib";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { checkNodeExist } from '@laser-ui/utils';
4
+ import { CheckboxGroup } from './CheckboxGroup';
5
+ import { CLASSES } from './vars';
6
+ import { useComponentProps, useControlled, useScopedProps, useStyled } from '../hooks';
7
+ import { mergeCS } from '../utils';
8
+ export const Checkbox = (props) => {
9
+ const _a = useComponentProps('Checkbox', props), { children, styleOverrides, styleProvider, formControl, model, defaultModel, indeterminate = false, disabled: disabledProp = false, inputRef, inputRender, onModelChange } = _a, restProps = __rest(_a, ["children", "styleOverrides", "styleProvider", "formControl", "model", "defaultModel", "indeterminate", "disabled", "inputRef", "inputRender", "onModelChange"]);
10
+ const styled = useStyled(CLASSES, { checkbox: styleProvider === null || styleProvider === void 0 ? void 0 : styleProvider.checkbox }, styleOverrides);
11
+ const [checked, changeChecked] = useControlled(defaultModel !== null && defaultModel !== void 0 ? defaultModel : false, model, onModelChange, undefined, formControl === null || formControl === void 0 ? void 0 : formControl.control);
12
+ const { disabled } = useScopedProps({ disabled: disabledProp || (formControl === null || formControl === void 0 ? void 0 : formControl.control.disabled) });
13
+ const inputNode = (_jsx("input", Object.assign({}, styled('checkbox__input'), formControl === null || formControl === void 0 ? void 0 : formControl.inputAria, { ref: inputRef, type: "checkbox", disabled: disabled, "aria-checked": indeterminate ? 'mixed' : checked, onChange: () => {
14
+ changeChecked((draft) => !draft);
15
+ } })));
16
+ return (_jsxs("label", Object.assign({}, restProps, mergeCS(styled('checkbox', {
17
+ 'checkbox.is-checked': checked,
18
+ 'checkbox.is-indeterminate': indeterminate,
19
+ 'checkbox.is-disabled': disabled,
20
+ }), {
21
+ className: restProps.className,
22
+ style: restProps.style,
23
+ }), { children: [_jsxs("div", Object.assign({}, styled('checkbox__state-container'), { children: [inputRender ? inputRender(inputNode) : inputNode, indeterminate ? _jsx("div", Object.assign({}, styled('checkbox__indeterminate'))) : checked && _jsx("div", Object.assign({}, styled('checkbox__tick')))] })), checkNodeExist(children) && _jsx("div", Object.assign({}, styled('checkbox__label'), { children: children }))] })));
24
+ };
25
+ Checkbox.Group = CheckboxGroup;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { CheckboxGroupItem, CheckboxGroupProps } from './types';
3
+ export declare function CheckboxGroup<V extends React.Key, T extends CheckboxGroupItem<V>>(props: CheckboxGroupProps<V, T>): JSX.Element | null;
@@ -0,0 +1,25 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { cloneElement } from 'react';
3
+ import { Checkbox } from './Checkbox';
4
+ import { useComponentProps, useControlled, useScopedProps } from '../hooks';
5
+ export function CheckboxGroup(props) {
6
+ var _a;
7
+ const { children, formControl, list, model, defaultModel, disabled: disabledProp = false, onModelChange, } = useComponentProps('CheckboxGroup', props);
8
+ const [values, changeValues] = useControlled(defaultModel !== null && defaultModel !== void 0 ? defaultModel : [], model, (vals) => {
9
+ if (onModelChange) {
10
+ onModelChange(vals, vals.map((val) => list.find((o) => o.value === val)));
11
+ }
12
+ }, undefined, formControl === null || formControl === void 0 ? void 0 : formControl.control);
13
+ const { disabled } = useScopedProps({ disabled: disabledProp || (formControl === null || formControl === void 0 ? void 0 : formControl.control.disabled) });
14
+ const childrenNode = children(list.map((option) => (_jsx(Checkbox, { model: values.includes(option.value), disabled: option.disabled || disabled, inputRender: (el) => cloneElement(el, formControl === null || formControl === void 0 ? void 0 : formControl.inputAria), onModelChange: (checked) => {
15
+ changeValues((draft) => {
16
+ if (checked) {
17
+ draft.push(option.value);
18
+ }
19
+ else {
20
+ draft.splice(draft.findIndex((v) => v === option.value), 1);
21
+ }
22
+ });
23
+ }, children: option.label }, option.value))));
24
+ return cloneElement(childrenNode, { role: (_a = childrenNode.props.role) !== null && _a !== void 0 ? _a : 'group' });
25
+ }
@@ -0,0 +1,2 @@
1
+ export type { CheckboxProps, CheckboxGroupProps } from './types';
2
+ export { Checkbox } from './Checkbox';
@@ -0,0 +1 @@
1
+ export { Checkbox } from './Checkbox';
@@ -0,0 +1,29 @@
1
+ /// <reference types="react" />
2
+ import type { CLASSES } from './vars';
3
+ import type { FormControlProvider } from '../form/types';
4
+ import type { BaseProps, CloneHTMLElement } from '../types';
5
+ export {};
6
+ export interface CheckboxProps extends BaseProps<'checkbox', typeof CLASSES>, React.LabelHTMLAttributes<HTMLLabelElement> {
7
+ formControl?: FormControlProvider;
8
+ model?: boolean;
9
+ defaultModel?: boolean;
10
+ indeterminate?: boolean;
11
+ disabled?: boolean;
12
+ inputRef?: React.ForwardedRef<HTMLInputElement>;
13
+ inputRender?: CloneHTMLElement;
14
+ onModelChange?: (checked: boolean) => void;
15
+ }
16
+ export interface CheckboxGroupItem<V extends React.Key> {
17
+ label: React.ReactNode;
18
+ value: V;
19
+ disabled?: boolean;
20
+ }
21
+ export interface CheckboxGroupProps<V extends React.Key, T extends CheckboxGroupItem<V>> {
22
+ children: (nodes: React.ReactElement[]) => React.ReactElement;
23
+ formControl?: FormControlProvider;
24
+ list: T[];
25
+ model?: V[];
26
+ defaultModel?: V[];
27
+ disabled?: boolean;
28
+ onModelChange?: (values: V[], origins: T[]) => void;
29
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,11 @@
1
+ export declare const CLASSES: {
2
+ checkbox: string;
3
+ 'checkbox.is-checked': string;
4
+ 'checkbox.is-indeterminate': string;
5
+ 'checkbox.is-disabled': string;
6
+ 'checkbox__state-container': string;
7
+ checkbox__input: string;
8
+ checkbox__indeterminate: string;
9
+ checkbox__tick: string;
10
+ checkbox__label: string;
11
+ };
@@ -0,0 +1,11 @@
1
+ export const CLASSES = {
2
+ checkbox: '^checkbox',
3
+ 'checkbox.is-checked': 'is-checked',
4
+ 'checkbox.is-indeterminate': 'is-indeterminate',
5
+ 'checkbox.is-disabled': 'is-disabled',
6
+ 'checkbox__state-container': '^checkbox__state-container',
7
+ checkbox__input: '^checkbox__input',
8
+ checkbox__indeterminate: '^checkbox__indeterminate',
9
+ checkbox__tick: '^checkbox__tick',
10
+ checkbox__label: '^checkbox__label',
11
+ };
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import type { ComposeProps } from './types';
3
+ import { ComposeItem } from './ComposeItem';
4
+ export declare const Compose: {
5
+ (props: ComposeProps): JSX.Element | null;
6
+ Item: typeof ComposeItem;
7
+ };
@@ -0,0 +1,24 @@
1
+ import { __rest } from "tslib";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { useMemo } from 'react';
4
+ import { ComposeItem } from './ComposeItem';
5
+ import { CLASSES } from './vars';
6
+ import { ConfigProvider } from '../config-provider';
7
+ import { useComponentProps, useScopedProps, useStyled } from '../hooks';
8
+ import { mergeCS } from '../utils';
9
+ export const Compose = (props) => {
10
+ const _a = useComponentProps('Compose', props), { children, styleOverrides, styleProvider, size: sizeProp, vertical = false, disabled: disabledProp = false } = _a, restProps = __rest(_a, ["children", "styleOverrides", "styleProvider", "size", "vertical", "disabled"]);
11
+ const styled = useStyled(CLASSES, { compose: styleProvider === null || styleProvider === void 0 ? void 0 : styleProvider.compose }, styleOverrides);
12
+ const { size, disabled } = useScopedProps({ size: sizeProp, disabled: disabledProp });
13
+ const lContext = useMemo(() => ({
14
+ componentSize: size,
15
+ componentDisabled: disabled,
16
+ }), [disabled, size]);
17
+ return (_jsx("div", Object.assign({}, restProps, mergeCS(styled('compose', {
18
+ 'compose--vertical': vertical,
19
+ }), {
20
+ className: restProps.className,
21
+ style: restProps.style,
22
+ }), { children: _jsx(ConfigProvider, { context: lContext, children: children }) })));
23
+ };
24
+ Compose.Item = ComposeItem;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { ComposeItemProps } from './types';
3
+ export declare function ComposeItem(props: ComposeItemProps): JSX.Element | null;
@@ -0,0 +1,18 @@
1
+ import { __rest } from "tslib";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { CLASSES } from './vars';
4
+ import { useComponentProps, useDesign, useScopedProps, useStyled } from '../hooks';
5
+ import { mergeCS } from '../utils';
6
+ export function ComposeItem(props) {
7
+ const _a = useComponentProps('ComposeItem', props), { children, styleOverrides, styleProvider, gray = false } = _a, restProps = __rest(_a, ["children", "styleOverrides", "styleProvider", "gray"]);
8
+ const styled = useStyled(CLASSES, { compose: styleProvider === null || styleProvider === void 0 ? void 0 : styleProvider.compose }, styleOverrides);
9
+ const { size, disabled } = useScopedProps({});
10
+ const designProps = useDesign({ compose: { disabled } });
11
+ return (_jsx("div", Object.assign({}, restProps, mergeCS(styled('compose__item', `compose__item--${size}`, {
12
+ 'compose__item--gray': gray,
13
+ 'compose__item.is-disabled': disabled,
14
+ }), {
15
+ className: restProps.className,
16
+ style: restProps.style,
17
+ }), designProps, { children: children })));
18
+ }
@@ -0,0 +1,2 @@
1
+ export type { ComposeProps, ComposeItemProps } from './types';
2
+ export { Compose } from './Compose';
@@ -0,0 +1 @@
1
+ export { Compose } from './Compose';
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import type { CLASSES } from './vars';
3
+ import type { BaseProps, Size } from '../types';
4
+ export {};
5
+ export interface ComposeProps extends BaseProps<'compose', typeof CLASSES>, React.HTMLAttributes<HTMLDivElement> {
6
+ size?: Size;
7
+ vertical?: boolean;
8
+ disabled?: boolean;
9
+ }
10
+ export interface ComposeItemProps extends BaseProps<'compose', typeof CLASSES>, React.HTMLAttributes<HTMLDivElement> {
11
+ gray?: boolean;
12
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,10 @@
1
+ export declare const CLASSES: {
2
+ compose: string;
3
+ 'compose--vertical': string;
4
+ compose__item: string;
5
+ 'compose__item--gray': string;
6
+ 'compose__item--small': string;
7
+ 'compose__item--medium': string;
8
+ 'compose__item--large': string;
9
+ 'compose__item.is-disabled': string;
10
+ };
@@ -0,0 +1,10 @@
1
+ export const CLASSES = {
2
+ compose: '^compose',
3
+ 'compose--vertical': '^compose--vertical',
4
+ compose__item: '^compose__item',
5
+ 'compose__item--gray': '^compose__item--gray',
6
+ 'compose__item--small': '^compose__item--small',
7
+ 'compose__item--medium': '^compose__item--medium',
8
+ 'compose__item--large': '^compose__item--large',
9
+ 'compose__item.is-disabled': 'is-disabled',
10
+ };
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import type { ConfigProviderProps } from './types';
3
+ export declare function ConfigProvider(props: ConfigProviderProps): JSX.Element | null;
@@ -0,0 +1,14 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { useContext, useMemo } from 'react';
3
+ import { LContextManager } from '../context';
4
+ import { LContext } from '../context';
5
+ export function ConfigProvider(props) {
6
+ const { children, context: contextProp } = props;
7
+ const parent = useContext(LContext);
8
+ const context = useMemo(() => {
9
+ const context = new LContextManager(parent.derive(contextProp !== null && contextProp !== void 0 ? contextProp : {}));
10
+ context.setParent(parent);
11
+ return context;
12
+ }, [contextProp, parent]);
13
+ return _jsx(LContext.Provider, { value: context, children: children });
14
+ }
@@ -0,0 +1,2 @@
1
+ export type { ConfigProviderProps } from './types';
2
+ export { ConfigProvider } from './ConfigProvider';
@@ -0,0 +1 @@
1
+ export { ConfigProvider } from './ConfigProvider';
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import type { LContextIn } from '../context';
3
+ export {};
4
+ export interface ConfigProviderProps {
5
+ children?: React.ReactNode;
6
+ context?: LContextIn;
7
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,33 @@
1
+ /// <reference types="react" />
2
+ import type { ComponentProps } from './props';
3
+ import type { Size } from '../types';
4
+ import type { RefExtra } from '@laser-ui/hooks/useRefExtra';
5
+ interface LContextData {
6
+ namespace: string;
7
+ componentDisabled: boolean;
8
+ componentSize: Size;
9
+ componentDefaultProps: {
10
+ [K in keyof ComponentProps]?: Partial<ComponentProps[K]>;
11
+ };
12
+ layoutPageScrollEl: RefExtra | null;
13
+ layoutContentResizeEl: RefExtra | null;
14
+ listenGlobalScrolling: boolean;
15
+ }
16
+ export type LContextIn = Partial<LContextData>;
17
+ export declare class LContextManager {
18
+ namespace: LContextData['namespace'];
19
+ componentDisabled: LContextData['componentDisabled'];
20
+ componentSize: LContextData['componentSize'];
21
+ componentDefaultProps: LContextData['componentDefaultProps'];
22
+ layoutPageScrollEl: LContextData['layoutPageScrollEl'];
23
+ layoutContentResizeEl: LContextData['layoutContentResizeEl'];
24
+ listenGlobalScrolling: LContextData['listenGlobalScrolling'];
25
+ private _parent;
26
+ get parent(): LContextManager | null;
27
+ get root(): LContextManager;
28
+ constructor(context: LContextData);
29
+ setParent(parent: LContextManager): void;
30
+ derive(context: LContextIn): LContextData;
31
+ }
32
+ export declare const LContext: import("react").Context<LContextManager>;
33
+ export {};