@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.
- package/CHANGELOG.md +7 -0
- package/LICENSE +21 -0
- package/README.md +71 -0
- package/accordion/Accordion.d.ts +3 -0
- package/accordion/Accordion.js +162 -0
- package/accordion/index.d.ts +2 -0
- package/accordion/index.js +1 -0
- package/accordion/types.d.ts +20 -0
- package/accordion/types.js +1 -0
- package/accordion/vars.d.ts +10 -0
- package/accordion/vars.js +10 -0
- package/affix/Affix.d.ts +3 -0
- package/affix/Affix.js +56 -0
- package/affix/index.d.ts +2 -0
- package/affix/index.js +1 -0
- package/affix/types.d.ts +14 -0
- package/affix/types.js +1 -0
- package/alert/Alert.d.ts +3 -0
- package/alert/Alert.js +53 -0
- package/alert/index.d.ts +2 -0
- package/alert/index.js +1 -0
- package/alert/types.d.ts +13 -0
- package/alert/types.js +1 -0
- package/alert/vars.d.ts +14 -0
- package/alert/vars.js +14 -0
- package/anchor/Anchor.d.ts +10 -0
- package/anchor/Anchor.js +112 -0
- package/anchor/index.d.ts +2 -0
- package/anchor/index.js +1 -0
- package/anchor/types.d.ts +23 -0
- package/anchor/types.js +1 -0
- package/anchor/vars.d.ts +11 -0
- package/anchor/vars.js +11 -0
- package/avatar/Avatar.d.ts +3 -0
- package/avatar/Avatar.js +43 -0
- package/avatar/index.d.ts +2 -0
- package/avatar/index.js +1 -0
- package/avatar/types.d.ts +11 -0
- package/avatar/types.js +1 -0
- package/avatar/vars.d.ts +9 -0
- package/avatar/vars.js +9 -0
- package/badge/Badge.d.ts +7 -0
- package/badge/Badge.js +61 -0
- package/badge/BadgeText.d.ts +2 -0
- package/badge/BadgeText.js +40 -0
- package/badge/index.d.ts +2 -0
- package/badge/index.js +1 -0
- package/badge/internal/BadgeNumber.d.ts +10 -0
- package/badge/internal/BadgeNumber.js +37 -0
- package/badge/types.d.ts +19 -0
- package/badge/types.js +1 -0
- package/badge/vars.d.ts +12 -0
- package/badge/vars.js +12 -0
- package/breadcrumb/Breadcrumb.d.ts +3 -0
- package/breadcrumb/Breadcrumb.js +22 -0
- package/breadcrumb/index.d.ts +2 -0
- package/breadcrumb/index.js +1 -0
- package/breadcrumb/types.d.ts +15 -0
- package/breadcrumb/types.js +1 -0
- package/breadcrumb/vars.d.ts +8 -0
- package/breadcrumb/vars.js +8 -0
- package/button/Button.d.ts +3 -0
- package/button/Button.js +50 -0
- package/button/index.d.ts +2 -0
- package/button/index.js +1 -0
- package/button/types.d.ts +14 -0
- package/button/types.js +1 -0
- package/button/vars.d.ts +23 -0
- package/button/vars.js +23 -0
- package/card/Card.d.ts +11 -0
- package/card/Card.js +30 -0
- package/card/CardAction.d.ts +3 -0
- package/card/CardAction.js +17 -0
- package/card/CardContent.d.ts +3 -0
- package/card/CardContent.js +13 -0
- package/card/CardHeader.d.ts +3 -0
- package/card/CardHeader.js +13 -0
- package/card/index.d.ts +2 -0
- package/card/index.js +1 -0
- package/card/types.d.ts +17 -0
- package/card/types.js +1 -0
- package/card/vars.d.ts +12 -0
- package/card/vars.js +12 -0
- package/cascader/Cascader.d.ts +5 -0
- package/cascader/Cascader.js +487 -0
- package/cascader/index.d.ts +2 -0
- package/cascader/index.js +1 -0
- package/cascader/internal/CascaderPanel.d.ts +23 -0
- package/cascader/internal/CascaderPanel.js +135 -0
- package/cascader/internal/CascaderSearchPanel.d.ts +22 -0
- package/cascader/internal/CascaderSearchPanel.js +73 -0
- package/cascader/internal/types.d.ts +8 -0
- package/cascader/internal/types.js +1 -0
- package/cascader/types.d.ts +49 -0
- package/cascader/types.js +1 -0
- package/cascader/vars.d.ts +32 -0
- package/cascader/vars.js +32 -0
- package/checkbox/Checkbox.d.ts +7 -0
- package/checkbox/Checkbox.js +25 -0
- package/checkbox/CheckboxGroup.d.ts +3 -0
- package/checkbox/CheckboxGroup.js +25 -0
- package/checkbox/index.d.ts +2 -0
- package/checkbox/index.js +1 -0
- package/checkbox/types.d.ts +29 -0
- package/checkbox/types.js +1 -0
- package/checkbox/vars.d.ts +11 -0
- package/checkbox/vars.js +11 -0
- package/compose/Compose.d.ts +7 -0
- package/compose/Compose.js +24 -0
- package/compose/ComposeItem.d.ts +3 -0
- package/compose/ComposeItem.js +18 -0
- package/compose/index.d.ts +2 -0
- package/compose/index.js +1 -0
- package/compose/types.d.ts +12 -0
- package/compose/types.js +1 -0
- package/compose/vars.d.ts +10 -0
- package/compose/vars.js +10 -0
- package/config-provider/ConfigProvider.d.ts +3 -0
- package/config-provider/ConfigProvider.js +14 -0
- package/config-provider/index.d.ts +2 -0
- package/config-provider/index.js +1 -0
- package/config-provider/types.d.ts +7 -0
- package/config-provider/types.js +1 -0
- package/context/index.d.ts +33 -0
- package/context/index.js +106 -0
- package/context/props.d.ts +134 -0
- package/context/props.js +1 -0
- package/date-picker/DatePicker.d.ts +3 -0
- package/date-picker/DatePicker.js +376 -0
- package/date-picker/index.d.ts +2 -0
- package/date-picker/index.js +1 -0
- package/date-picker/internal/DatePickerPanel.d.ts +15 -0
- package/date-picker/internal/DatePickerPanel.js +104 -0
- package/date-picker/types.d.ts +37 -0
- package/date-picker/types.js +1 -0
- package/date-picker/vars.d.ts +36 -0
- package/date-picker/vars.js +36 -0
- package/dayjs.d.ts +3 -0
- package/dayjs.js +11 -0
- package/drawer/Drawer.d.ts +9 -0
- package/drawer/Drawer.js +141 -0
- package/drawer/DrawerFooter.d.ts +3 -0
- package/drawer/DrawerFooter.js +51 -0
- package/drawer/DrawerHeader.d.ts +3 -0
- package/drawer/DrawerHeader.js +37 -0
- package/drawer/index.d.ts +2 -0
- package/drawer/index.js +1 -0
- package/drawer/types.d.ts +36 -0
- package/drawer/types.js +1 -0
- package/drawer/vars.d.ts +21 -0
- package/drawer/vars.js +18 -0
- package/dropdown/Dropdown.d.ts +5 -0
- package/dropdown/Dropdown.js +376 -0
- package/dropdown/index.d.ts +2 -0
- package/dropdown/index.js +1 -0
- package/dropdown/internal/DropdownGroup.d.ts +13 -0
- package/dropdown/internal/DropdownGroup.js +8 -0
- package/dropdown/internal/DropdownItem.d.ts +16 -0
- package/dropdown/internal/DropdownItem.js +9 -0
- package/dropdown/internal/DropdownSub.d.ts +22 -0
- package/dropdown/internal/DropdownSub.js +78 -0
- package/dropdown/types.d.ts +31 -0
- package/dropdown/types.js +1 -0
- package/dropdown/utils.d.ts +4 -0
- package/dropdown/utils.js +18 -0
- package/dropdown/vars.d.ts +23 -0
- package/dropdown/vars.js +23 -0
- package/empty/Empty.d.ts +7 -0
- package/empty/Empty.js +18 -0
- package/empty/index.d.ts +2 -0
- package/empty/index.js +1 -0
- package/empty/types.d.ts +8 -0
- package/empty/types.js +1 -0
- package/empty/vars.d.ts +7 -0
- package/empty/vars.js +7 -0
- package/fab/Fab.d.ts +9 -0
- package/fab/Fab.js +31 -0
- package/fab/FabBacktop.d.ts +3 -0
- package/fab/FabBacktop.js +58 -0
- package/fab/FabButton.d.ts +3 -0
- package/fab/FabButton.js +23 -0
- package/fab/index.d.ts +2 -0
- package/fab/index.js +1 -0
- package/fab/types.d.ts +26 -0
- package/fab/types.js +1 -0
- package/fab/vars.d.ts +28 -0
- package/fab/vars.js +28 -0
- package/form/Form.d.ts +7 -0
- package/form/Form.js +34 -0
- package/form/FormItem.d.ts +5 -0
- package/form/FormItem.js +201 -0
- package/form/hooks.d.ts +5 -0
- package/form/hooks.js +18 -0
- package/form/index.d.ts +8 -0
- package/form/index.js +7 -0
- package/form/internal/FormError.d.ts +12 -0
- package/form/internal/FormError.js +24 -0
- package/form/model/abstract-control.d.ts +67 -0
- package/form/model/abstract-control.js +335 -0
- package/form/model/form-control.d.ts +23 -0
- package/form/model/form-control.js +72 -0
- package/form/model/form-group.d.ts +62 -0
- package/form/model/form-group.js +165 -0
- package/form/model/types.d.ts +8 -0
- package/form/model/types.js +1 -0
- package/form/model/validators.d.ts +11 -0
- package/form/model/validators.js +83 -0
- package/form/model/vars.d.ts +1 -0
- package/form/model/vars.js +1 -0
- package/form/types.d.ts +63 -0
- package/form/types.js +1 -0
- package/form/vars.d.ts +27 -0
- package/form/vars.js +25 -0
- package/hooks/index.d.ts +14 -0
- package/hooks/index.js +14 -0
- package/hooks/useComponentProps.d.ts +2 -0
- package/hooks/useComponentProps.js +15 -0
- package/hooks/useControlled.d.ts +3 -0
- package/hooks/useControlled.js +26 -0
- package/hooks/useDesign.d.ts +12 -0
- package/hooks/useDesign.js +8 -0
- package/hooks/useFocusVisible.d.ts +2 -0
- package/hooks/useFocusVisible.js +38 -0
- package/hooks/useLayout.d.ts +5 -0
- package/hooks/useLayout.js +10 -0
- package/hooks/useListenGlobalScrolling.d.ts +1 -0
- package/hooks/useListenGlobalScrolling.js +9 -0
- package/hooks/useLockScroll.d.ts +1 -0
- package/hooks/useLockScroll.js +24 -0
- package/hooks/useMaxIndex.d.ts +1 -0
- package/hooks/useMaxIndex.js +32 -0
- package/hooks/useNamespace.d.ts +1 -0
- package/hooks/useNamespace.js +6 -0
- package/hooks/useNestedPopup.d.ts +13 -0
- package/hooks/useNestedPopup.js +37 -0
- package/hooks/useNextTick.d.ts +2 -0
- package/hooks/useNextTick.js +9 -0
- package/hooks/useScopedProps.d.ts +8 -0
- package/hooks/useScopedProps.js +7 -0
- package/hooks/useStyled.d.ts +20 -0
- package/hooks/useStyled.js +82 -0
- package/hooks/useTranslation.d.ts +4 -0
- package/hooks/useTranslation.js +17 -0
- package/icon/Icon.d.ts +3 -0
- package/icon/Icon.js +18 -0
- package/icon/index.d.ts +2 -0
- package/icon/index.js +1 -0
- package/icon/types.d.ts +12 -0
- package/icon/types.js +1 -0
- package/icon/vars.d.ts +7 -0
- package/icon/vars.js +7 -0
- package/image/Image.d.ts +9 -0
- package/image/Image.js +50 -0
- package/image/ImageAction.d.ts +3 -0
- package/image/ImageAction.js +15 -0
- package/image/ImagePreview.d.ts +3 -0
- package/image/ImagePreview.js +261 -0
- package/image/index.d.ts +2 -0
- package/image/index.js +1 -0
- package/image/types.d.ts +24 -0
- package/image/types.js +1 -0
- package/image/vars.d.ts +26 -0
- package/image/vars.js +26 -0
- package/index.d.ts +52 -0
- package/index.js +52 -0
- package/input/Input.d.ts +7 -0
- package/input/Input.js +56 -0
- package/input/InputNumber.d.ts +2 -0
- package/input/InputNumber.js +142 -0
- package/input/index.d.ts +2 -0
- package/input/index.js +1 -0
- package/input/types.d.ts +44 -0
- package/input/types.js +1 -0
- package/input/vars.d.ts +14 -0
- package/input/vars.js +14 -0
- package/internal/circular-progress/CircularProgress.d.ts +2 -0
- package/internal/circular-progress/CircularProgress.js +11 -0
- package/internal/circular-progress/index.d.ts +1 -0
- package/internal/circular-progress/index.js +1 -0
- package/internal/circular-progress/vars.d.ts +4 -0
- package/internal/circular-progress/vars.js +4 -0
- package/internal/mask/Mask.d.ts +3 -0
- package/internal/mask/Mask.js +36 -0
- package/internal/mask/index.d.ts +2 -0
- package/internal/mask/index.js +1 -0
- package/internal/mask/types.d.ts +7 -0
- package/internal/mask/types.js +1 -0
- package/internal/mask/vars.d.ts +3 -0
- package/internal/mask/vars.js +3 -0
- package/internal/popup/Popup.d.ts +3 -0
- package/internal/popup/Popup.js +132 -0
- package/internal/popup/index.d.ts +2 -0
- package/internal/popup/index.js +1 -0
- package/internal/popup/types.d.ts +21 -0
- package/internal/popup/types.js +1 -0
- package/internal/portal/Portal.d.ts +3 -0
- package/internal/portal/Portal.js +14 -0
- package/internal/portal/index.d.ts +2 -0
- package/internal/portal/index.js +1 -0
- package/internal/portal/types.d.ts +6 -0
- package/internal/portal/types.js +1 -0
- package/internal/transition/CollapseTransition.d.ts +3 -0
- package/internal/transition/CollapseTransition.js +101 -0
- package/internal/transition/Transition.d.ts +3 -0
- package/internal/transition/Transition.js +87 -0
- package/internal/transition/index.d.ts +3 -0
- package/internal/transition/index.js +2 -0
- package/internal/transition/types.d.ts +33 -0
- package/internal/transition/types.js +1 -0
- package/internal/wave/Wave.d.ts +3 -0
- package/internal/wave/Wave.js +25 -0
- package/internal/wave/index.d.ts +2 -0
- package/internal/wave/index.js +1 -0
- package/internal/wave/types.d.ts +6 -0
- package/internal/wave/types.js +1 -0
- package/internal/wave/vars.d.ts +3 -0
- package/internal/wave/vars.js +3 -0
- package/menu/Menu.d.ts +5 -0
- package/menu/Menu.js +386 -0
- package/menu/index.d.ts +2 -0
- package/menu/index.js +1 -0
- package/menu/internal/MenuGroup.d.ts +15 -0
- package/menu/internal/MenuGroup.js +8 -0
- package/menu/internal/MenuItem.d.ts +23 -0
- package/menu/internal/MenuItem.js +18 -0
- package/menu/internal/MenuSub.d.ts +31 -0
- package/menu/internal/MenuSub.js +129 -0
- package/menu/types.d.ts +30 -0
- package/menu/types.js +1 -0
- package/menu/utils.d.ts +4 -0
- package/menu/utils.js +18 -0
- package/menu/vars.d.ts +28 -0
- package/menu/vars.js +28 -0
- package/modal/Modal.d.ts +11 -0
- package/modal/Modal.js +127 -0
- package/modal/ModalAlert.d.ts +3 -0
- package/modal/ModalAlert.js +19 -0
- package/modal/ModalFooter.d.ts +3 -0
- package/modal/ModalFooter.js +51 -0
- package/modal/ModalHeader.d.ts +3 -0
- package/modal/ModalHeader.js +37 -0
- package/modal/index.d.ts +2 -0
- package/modal/index.js +1 -0
- package/modal/types.d.ts +39 -0
- package/modal/types.js +1 -0
- package/modal/vars.d.ts +23 -0
- package/modal/vars.js +23 -0
- package/notification/Notification.d.ts +3 -0
- package/notification/Notification.js +129 -0
- package/notification/index.d.ts +2 -0
- package/notification/index.js +1 -0
- package/notification/types.d.ts +18 -0
- package/notification/types.js +1 -0
- package/notification/vars.d.ts +17 -0
- package/notification/vars.js +14 -0
- package/package.json +47 -0
- package/pagination/Pagination.d.ts +3 -0
- package/pagination/Pagination.js +191 -0
- package/pagination/index.d.ts +2 -0
- package/pagination/index.js +1 -0
- package/pagination/types.d.ts +23 -0
- package/pagination/types.js +1 -0
- package/pagination/utils.d.ts +2 -0
- package/pagination/utils.js +14 -0
- package/pagination/vars.d.ts +14 -0
- package/pagination/vars.js +14 -0
- package/popover/Popover.d.ts +9 -0
- package/popover/Popover.js +173 -0
- package/popover/PopoverFooter.d.ts +3 -0
- package/popover/PopoverFooter.js +51 -0
- package/popover/PopoverHeader.d.ts +3 -0
- package/popover/PopoverHeader.js +37 -0
- package/popover/index.d.ts +2 -0
- package/popover/index.js +1 -0
- package/popover/types.d.ts +46 -0
- package/popover/types.js +1 -0
- package/popover/vars.d.ts +30 -0
- package/popover/vars.js +27 -0
- package/progress/Progress.d.ts +3 -0
- package/progress/Progress.js +45 -0
- package/progress/index.d.ts +2 -0
- package/progress/index.js +1 -0
- package/progress/types.d.ts +19 -0
- package/progress/types.js +1 -0
- package/progress/vars.d.ts +15 -0
- package/progress/vars.js +15 -0
- package/radio/Radio.d.ts +7 -0
- package/radio/Radio.js +38 -0
- package/radio/RadioGroup.d.ts +3 -0
- package/radio/RadioGroup.js +21 -0
- package/radio/index.d.ts +2 -0
- package/radio/index.js +1 -0
- package/radio/types.d.ts +31 -0
- package/radio/types.js +1 -0
- package/radio/vars.d.ts +14 -0
- package/radio/vars.js +14 -0
- package/rating/Rating.d.ts +3 -0
- package/rating/Rating.js +34 -0
- package/rating/index.d.ts +2 -0
- package/rating/index.js +1 -0
- package/rating/internal/RatingStar.d.ts +19 -0
- package/rating/internal/RatingStar.js +37 -0
- package/rating/types.d.ts +18 -0
- package/rating/types.js +1 -0
- package/rating/vars.d.ts +11 -0
- package/rating/vars.js +11 -0
- package/resources.json +128 -0
- package/root/Root.d.ts +3 -0
- package/root/Root.js +85 -0
- package/root/dialog-service.d.ts +12 -0
- package/root/dialog-service.js +62 -0
- package/root/index.d.ts +3 -0
- package/root/index.js +2 -0
- package/root/types.d.ts +16 -0
- package/root/types.js +1 -0
- package/root/vars.d.ts +25 -0
- package/root/vars.js +13 -0
- package/select/Select.d.ts +5 -0
- package/select/Select.js +528 -0
- package/select/index.d.ts +2 -0
- package/select/index.js +1 -0
- package/select/types.d.ts +50 -0
- package/select/types.js +1 -0
- package/select/vars.d.ts +31 -0
- package/select/vars.js +31 -0
- package/separator/Separator.d.ts +3 -0
- package/separator/Separator.js +19 -0
- package/separator/index.d.ts +2 -0
- package/separator/index.js +1 -0
- package/separator/types.d.ts +8 -0
- package/separator/types.js +1 -0
- package/separator/vars.d.ts +9 -0
- package/separator/vars.js +9 -0
- package/skeleton/Skeleton.d.ts +3 -0
- package/skeleton/Skeleton.js +13 -0
- package/skeleton/index.d.ts +2 -0
- package/skeleton/index.js +1 -0
- package/skeleton/types.d.ts +7 -0
- package/skeleton/types.js +1 -0
- package/skeleton/vars.d.ts +6 -0
- package/skeleton/vars.js +6 -0
- package/slider/Slider.d.ts +3 -0
- package/slider/Slider.js +324 -0
- package/slider/index.d.ts +2 -0
- package/slider/index.js +1 -0
- package/slider/types.d.ts +28 -0
- package/slider/types.js +1 -0
- package/slider/vars.d.ts +17 -0
- package/slider/vars.js +17 -0
- package/slides/Slides.d.ts +3 -0
- package/slides/Slides.js +277 -0
- package/slides/index.d.ts +2 -0
- package/slides/index.js +1 -0
- package/slides/types.d.ts +29 -0
- package/slides/types.js +1 -0
- package/slides/vars.d.ts +20 -0
- package/slides/vars.js +20 -0
- package/spinner/Spinner.d.ts +3 -0
- package/spinner/Spinner.js +66 -0
- package/spinner/index.d.ts +2 -0
- package/spinner/index.js +1 -0
- package/spinner/types.d.ts +12 -0
- package/spinner/types.js +1 -0
- package/spinner/vars.d.ts +7 -0
- package/spinner/vars.js +7 -0
- package/stepper/Stepper.d.ts +3 -0
- package/stepper/Stepper.js +87 -0
- package/stepper/index.d.ts +2 -0
- package/stepper/index.js +1 -0
- package/stepper/types.d.ts +22 -0
- package/stepper/types.js +1 -0
- package/stepper/vars.d.ts +19 -0
- package/stepper/vars.js +19 -0
- package/switch/Switch.d.ts +2 -0
- package/switch/Switch.js +48 -0
- package/switch/index.d.ts +2 -0
- package/switch/index.js +1 -0
- package/switch/types.d.ts +18 -0
- package/switch/types.js +1 -0
- package/switch/vars.d.ts +17 -0
- package/switch/vars.js +17 -0
- package/table/Table.d.ts +17 -0
- package/table/Table.js +72 -0
- package/table/TableEmpty.d.ts +3 -0
- package/table/TableEmpty.js +37 -0
- package/table/TableExpand.d.ts +3 -0
- package/table/TableExpand.js +20 -0
- package/table/TableFilter.d.ts +3 -0
- package/table/TableFilter.js +22 -0
- package/table/TableTd.d.ts +3 -0
- package/table/TableTd.js +11 -0
- package/table/TableTh.d.ts +3 -0
- package/table/TableTh.js +33 -0
- package/table/TableThAction.d.ts +3 -0
- package/table/TableThAction.js +18 -0
- package/table/index.d.ts +2 -0
- package/table/index.js +1 -0
- package/table/internal/TableCell.d.ts +19 -0
- package/table/internal/TableCell.js +61 -0
- package/table/types.d.ts +73 -0
- package/table/types.js +1 -0
- package/table/vars.d.ts +29 -0
- package/table/vars.js +28 -0
- package/tabs/Tabs.d.ts +5 -0
- package/tabs/Tabs.js +248 -0
- package/tabs/index.d.ts +2 -0
- package/tabs/index.js +1 -0
- package/tabs/types.d.ts +28 -0
- package/tabs/types.js +1 -0
- package/tabs/vars.d.ts +30 -0
- package/tabs/vars.js +30 -0
- package/tag/Tag.d.ts +3 -0
- package/tag/Tag.js +16 -0
- package/tag/index.d.ts +2 -0
- package/tag/index.js +1 -0
- package/tag/types.d.ts +9 -0
- package/tag/types.js +1 -0
- package/tag/vars.d.ts +13 -0
- package/tag/vars.js +13 -0
- package/textarea/Textarea.d.ts +3 -0
- package/textarea/Textarea.js +72 -0
- package/textarea/index.d.ts +2 -0
- package/textarea/index.js +1 -0
- package/textarea/types.d.ts +18 -0
- package/textarea/types.js +1 -0
- package/textarea/vars.d.ts +7 -0
- package/textarea/vars.js +7 -0
- package/time-picker/TimePicker.d.ts +3 -0
- package/time-picker/TimePicker.js +338 -0
- package/time-picker/index.d.ts +2 -0
- package/time-picker/index.js +1 -0
- package/time-picker/internal/TimePickerPanel.d.ts +16 -0
- package/time-picker/internal/TimePickerPanel.js +138 -0
- package/time-picker/types.d.ts +33 -0
- package/time-picker/types.js +1 -0
- package/time-picker/utils.d.ts +4 -0
- package/time-picker/utils.js +26 -0
- package/time-picker/vars.d.ts +20 -0
- package/time-picker/vars.js +20 -0
- package/timeline/Timeline.d.ts +3 -0
- package/timeline/Timeline.js +53 -0
- package/timeline/index.d.ts +2 -0
- package/timeline/index.js +1 -0
- package/timeline/types.d.ts +15 -0
- package/timeline/types.js +1 -0
- package/timeline/vars.d.ts +19 -0
- package/timeline/vars.js +19 -0
- package/toast/Toast.d.ts +3 -0
- package/toast/Toast.js +123 -0
- package/toast/index.d.ts +2 -0
- package/toast/index.js +1 -0
- package/toast/types.d.ts +17 -0
- package/toast/types.js +1 -0
- package/toast/vars.d.ts +14 -0
- package/toast/vars.js +11 -0
- package/tooltip/Tooltip.d.ts +3 -0
- package/tooltip/Tooltip.js +113 -0
- package/tooltip/index.d.ts +2 -0
- package/tooltip/index.js +1 -0
- package/tooltip/types.d.ts +29 -0
- package/tooltip/types.js +1 -0
- package/tooltip/vars.d.ts +20 -0
- package/tooltip/vars.js +17 -0
- package/transfer/Transfer.d.ts +3 -0
- package/transfer/Transfer.js +156 -0
- package/transfer/index.d.ts +2 -0
- package/transfer/index.js +1 -0
- package/transfer/internal/TransferPanel.d.ts +21 -0
- package/transfer/internal/TransferPanel.js +42 -0
- package/transfer/types.d.ts +34 -0
- package/transfer/types.js +1 -0
- package/transfer/vars.d.ts +17 -0
- package/transfer/vars.js +17 -0
- package/tree/Tree.d.ts +3 -0
- package/tree/Tree.js +165 -0
- package/tree/index.d.ts +2 -0
- package/tree/index.js +1 -0
- package/tree/internal/TreePanel.d.ts +32 -0
- package/tree/internal/TreePanel.js +167 -0
- package/tree/node/abstract-node.d.ts +25 -0
- package/tree/node/abstract-node.js +68 -0
- package/tree/node/multiple-node.d.ts +18 -0
- package/tree/node/multiple-node.js +109 -0
- package/tree/node/single-node.d.ts +16 -0
- package/tree/node/single-node.js +60 -0
- package/tree/node/types.d.ts +6 -0
- package/tree/node/types.js +1 -0
- package/tree/node/vars.d.ts +2 -0
- package/tree/node/vars.js +1 -0
- package/tree/types.d.ts +34 -0
- package/tree/types.js +1 -0
- package/tree/utils.d.ts +6 -0
- package/tree/utils.js +9 -0
- package/tree/vars.d.ts +20 -0
- package/tree/vars.js +20 -0
- package/tree-select/TreeSelect.d.ts +6 -0
- package/tree-select/TreeSelect.js +509 -0
- package/tree-select/index.d.ts +2 -0
- package/tree-select/index.js +1 -0
- package/tree-select/internal/TreeSelectSearchPanel.d.ts +22 -0
- package/tree-select/internal/TreeSelectSearchPanel.js +73 -0
- package/tree-select/internal/types.d.ts +8 -0
- package/tree-select/internal/types.js +1 -0
- package/tree-select/types.d.ts +48 -0
- package/tree-select/types.js +1 -0
- package/tree-select/vars.d.ts +37 -0
- package/tree-select/vars.js +37 -0
- package/types.d.ts +21 -0
- package/types.js +1 -0
- package/upload/Upload.d.ts +19 -0
- package/upload/Upload.js +203 -0
- package/upload/UploadAction.d.ts +3 -0
- package/upload/UploadAction.js +44 -0
- package/upload/UploadButton.d.ts +3 -0
- package/upload/UploadButton.js +31 -0
- package/upload/UploadList.d.ts +3 -0
- package/upload/UploadList.js +62 -0
- package/upload/UploadPicture.d.ts +3 -0
- package/upload/UploadPicture.js +72 -0
- package/upload/UploadPictureList.d.ts +3 -0
- package/upload/UploadPictureList.js +62 -0
- package/upload/UploadPreviewAction.d.ts +3 -0
- package/upload/UploadPreviewAction.js +32 -0
- package/upload/index.d.ts +2 -0
- package/upload/index.js +1 -0
- package/upload/types.d.ts +78 -0
- package/upload/types.js +1 -0
- package/upload/vars.d.ts +65 -0
- package/upload/vars.js +65 -0
- package/utils/handleModalKeyDown.d.ts +2 -0
- package/utils/handleModalKeyDown.js +17 -0
- package/utils/index.d.ts +6 -0
- package/utils/index.js +6 -0
- package/utils/isPrintableCharacter.d.ts +1 -0
- package/utils/isPrintableCharacter.js +3 -0
- package/utils/mergeCS.d.ts +11 -0
- package/utils/mergeCS.js +6 -0
- package/utils/position/getHorizontalSidePosition.d.ts +14 -0
- package/utils/position/getHorizontalSidePosition.js +22 -0
- package/utils/position/getPopupPosition.d.ts +18 -0
- package/utils/position/getPopupPosition.js +170 -0
- package/utils/position/getVerticalSidePosition.d.ts +17 -0
- package/utils/position/getVerticalSidePosition.js +43 -0
- package/vars.d.ts +5 -0
- package/vars.js +5 -0
- package/virtual-scroll/VirtualScroll.d.ts +5 -0
- package/virtual-scroll/VirtualScroll.js +430 -0
- package/virtual-scroll/index.d.ts +2 -0
- package/virtual-scroll/index.js +1 -0
- package/virtual-scroll/types.d.ts +34 -0
- package/virtual-scroll/types.js +1 -0
- package/virtual-scroll/vars.d.ts +1 -0
- 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
|
+
};
|
package/cascader/vars.js
ADDED
|
@@ -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,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,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 @@
|
|
|
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
|
+
};
|
package/checkbox/vars.js
ADDED
|
@@ -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,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,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
|
+
}
|
package/compose/index.js
ADDED
|
@@ -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
|
+
}
|
package/compose/types.js
ADDED
|
@@ -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
|
+
};
|
package/compose/vars.js
ADDED
|
@@ -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,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 @@
|
|
|
1
|
+
export { ConfigProvider } from './ConfigProvider';
|
|
@@ -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 {};
|