@cssui/react 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/adapter-react/components/breadcrumb/Breadcrumb.d.ts +8 -0
- package/dist/adapter-react/components/breadcrumb/Breadcrumb.d.ts.map +1 -0
- package/dist/adapter-react/components/breadcrumb/Breadcrumb.js +170 -0
- package/dist/adapter-react/components/breadcrumb/Breadcrumb.js.map +1 -0
- package/dist/adapter-react/components/breadcrumb/index.d.ts +2 -0
- package/dist/adapter-react/components/breadcrumb/index.d.ts.map +1 -0
- package/dist/adapter-react/components/button/Button.d.ts +10 -0
- package/dist/adapter-react/components/button/Button.d.ts.map +1 -0
- package/dist/adapter-react/components/button/Button.js +49 -0
- package/dist/adapter-react/components/button/Button.js.map +1 -0
- package/dist/adapter-react/components/button/index.d.ts +3 -0
- package/dist/adapter-react/components/button/index.d.ts.map +1 -0
- package/dist/adapter-react/components/carousel/Carousel.d.ts +12 -0
- package/dist/adapter-react/components/carousel/Carousel.d.ts.map +1 -0
- package/dist/adapter-react/components/carousel/Carousel.js +155 -0
- package/dist/adapter-react/components/carousel/Carousel.js.map +1 -0
- package/dist/adapter-react/components/carousel/index.d.ts +3 -0
- package/dist/adapter-react/components/carousel/index.d.ts.map +1 -0
- package/dist/adapter-react/components/checkbox/Checkbox.d.ts +11 -0
- package/dist/adapter-react/components/checkbox/Checkbox.d.ts.map +1 -0
- package/dist/adapter-react/components/checkbox/Checkbox.js +69 -0
- package/dist/adapter-react/components/checkbox/Checkbox.js.map +1 -0
- package/dist/adapter-react/components/checkbox/CheckboxGroup.d.ts +22 -0
- package/dist/adapter-react/components/checkbox/CheckboxGroup.d.ts.map +1 -0
- package/dist/adapter-react/components/checkbox/CheckboxGroup.js +86 -0
- package/dist/adapter-react/components/checkbox/CheckboxGroup.js.map +1 -0
- package/dist/adapter-react/components/checkbox/index.d.ts +5 -0
- package/dist/adapter-react/components/checkbox/index.d.ts.map +1 -0
- package/dist/adapter-react/components/date-picker/DatePicker.d.ts +8 -0
- package/dist/adapter-react/components/date-picker/DatePicker.d.ts.map +1 -0
- package/dist/adapter-react/components/date-picker/DatePicker.js +438 -0
- package/dist/adapter-react/components/date-picker/DatePicker.js.map +1 -0
- package/dist/adapter-react/components/date-picker/index.d.ts +2 -0
- package/dist/adapter-react/components/date-picker/index.d.ts.map +1 -0
- package/dist/adapter-react/components/divider/Divider.d.ts +13 -0
- package/dist/adapter-react/components/divider/Divider.d.ts.map +1 -0
- package/dist/adapter-react/components/divider/Divider.js +31 -0
- package/dist/adapter-react/components/divider/Divider.js.map +1 -0
- package/dist/adapter-react/components/divider/index.d.ts +3 -0
- package/dist/adapter-react/components/divider/index.d.ts.map +1 -0
- package/dist/adapter-react/components/float-button/FloatButton.d.ts +17 -0
- package/dist/adapter-react/components/float-button/FloatButton.d.ts.map +1 -0
- package/dist/adapter-react/components/float-button/FloatButton.js +97 -0
- package/dist/adapter-react/components/float-button/FloatButton.js.map +1 -0
- package/dist/adapter-react/components/float-button/FloatButtonGroup.d.ts +9 -0
- package/dist/adapter-react/components/float-button/FloatButtonGroup.d.ts.map +1 -0
- package/dist/adapter-react/components/float-button/FloatButtonGroup.js +61 -0
- package/dist/adapter-react/components/float-button/FloatButtonGroup.js.map +1 -0
- package/dist/adapter-react/components/float-button/context.d.ts +3 -0
- package/dist/adapter-react/components/float-button/context.d.ts.map +1 -0
- package/dist/adapter-react/components/float-button/context.js +6 -0
- package/dist/adapter-react/components/float-button/context.js.map +1 -0
- package/dist/adapter-react/components/float-button/index.d.ts +5 -0
- package/dist/adapter-react/components/float-button/index.d.ts.map +1 -0
- package/dist/adapter-react/components/form/Form.d.ts +13 -0
- package/dist/adapter-react/components/form/Form.d.ts.map +1 -0
- package/dist/adapter-react/components/form/Form.js +355 -0
- package/dist/adapter-react/components/form/Form.js.map +1 -0
- package/dist/adapter-react/components/form/index.d.ts +4 -0
- package/dist/adapter-react/components/form/index.d.ts.map +1 -0
- package/dist/adapter-react/components/grid/Grid.d.ts +8 -0
- package/dist/adapter-react/components/grid/Grid.d.ts.map +1 -0
- package/dist/adapter-react/components/grid/Grid.js +51 -0
- package/dist/adapter-react/components/grid/Grid.js.map +1 -0
- package/dist/adapter-react/components/grid/GridItem.d.ts +8 -0
- package/dist/adapter-react/components/grid/GridItem.d.ts.map +1 -0
- package/dist/adapter-react/components/grid/GridItem.js +31 -0
- package/dist/adapter-react/components/grid/GridItem.js.map +1 -0
- package/dist/adapter-react/components/grid/index.d.ts +6 -0
- package/dist/adapter-react/components/grid/index.d.ts.map +1 -0
- package/dist/adapter-react/components/icon/Icon.d.ts +18 -0
- package/dist/adapter-react/components/icon/Icon.d.ts.map +1 -0
- package/dist/adapter-react/components/icon/Icon.js +51 -0
- package/dist/adapter-react/components/icon/Icon.js.map +1 -0
- package/dist/adapter-react/components/icon/index.d.ts +3 -0
- package/dist/adapter-react/components/icon/index.d.ts.map +1 -0
- package/dist/adapter-react/components/input/Input.d.ts +10 -0
- package/dist/adapter-react/components/input/Input.d.ts.map +1 -0
- package/dist/adapter-react/components/input/Input.js +79 -0
- package/dist/adapter-react/components/input/Input.js.map +1 -0
- package/dist/adapter-react/components/input/index.d.ts +3 -0
- package/dist/adapter-react/components/input/index.d.ts.map +1 -0
- package/dist/adapter-react/components/input-bar/InputBar.d.ts +9 -0
- package/dist/adapter-react/components/input-bar/InputBar.d.ts.map +1 -0
- package/dist/adapter-react/components/input-bar/InputBar.js +136 -0
- package/dist/adapter-react/components/input-bar/InputBar.js.map +1 -0
- package/dist/adapter-react/components/input-bar/index.d.ts +3 -0
- package/dist/adapter-react/components/input-bar/index.d.ts.map +1 -0
- package/dist/adapter-react/components/input-number/InputNumber.d.ts +9 -0
- package/dist/adapter-react/components/input-number/InputNumber.d.ts.map +1 -0
- package/dist/adapter-react/components/input-number/InputNumber.js +135 -0
- package/dist/adapter-react/components/input-number/InputNumber.js.map +1 -0
- package/dist/adapter-react/components/input-number/index.d.ts +2 -0
- package/dist/adapter-react/components/input-number/index.d.ts.map +1 -0
- package/dist/adapter-react/components/modal/Modal.d.ts +18 -0
- package/dist/adapter-react/components/modal/Modal.d.ts.map +1 -0
- package/dist/adapter-react/components/modal/Modal.js +108 -0
- package/dist/adapter-react/components/modal/Modal.js.map +1 -0
- package/dist/adapter-react/components/modal/index.d.ts +6 -0
- package/dist/adapter-react/components/modal/index.d.ts.map +1 -0
- package/dist/adapter-react/components/nav-menu/NavMenu.d.ts +11 -0
- package/dist/adapter-react/components/nav-menu/NavMenu.d.ts.map +1 -0
- package/dist/adapter-react/components/nav-menu/NavMenu.js +197 -0
- package/dist/adapter-react/components/nav-menu/NavMenu.js.map +1 -0
- package/dist/adapter-react/components/nav-menu/index.d.ts +3 -0
- package/dist/adapter-react/components/nav-menu/index.d.ts.map +1 -0
- package/dist/adapter-react/components/pagination/Pagination.d.ts +11 -0
- package/dist/adapter-react/components/pagination/Pagination.d.ts.map +1 -0
- package/dist/adapter-react/components/pagination/Pagination.js +128 -0
- package/dist/adapter-react/components/pagination/Pagination.js.map +1 -0
- package/dist/adapter-react/components/pagination/index.d.ts +3 -0
- package/dist/adapter-react/components/pagination/index.d.ts.map +1 -0
- package/dist/adapter-react/components/radio/Radio.d.ts +12 -0
- package/dist/adapter-react/components/radio/Radio.d.ts.map +1 -0
- package/dist/adapter-react/components/radio/Radio.js +83 -0
- package/dist/adapter-react/components/radio/Radio.js.map +1 -0
- package/dist/adapter-react/components/radio/RadioGroup.d.ts +24 -0
- package/dist/adapter-react/components/radio/RadioGroup.d.ts.map +1 -0
- package/dist/adapter-react/components/radio/RadioGroup.js +97 -0
- package/dist/adapter-react/components/radio/RadioGroup.js.map +1 -0
- package/dist/adapter-react/components/radio/index.d.ts +7 -0
- package/dist/adapter-react/components/radio/index.d.ts.map +1 -0
- package/dist/adapter-react/components/select/Select.d.ts +9 -0
- package/dist/adapter-react/components/select/Select.d.ts.map +1 -0
- package/dist/adapter-react/components/select/Select.js +189 -0
- package/dist/adapter-react/components/select/Select.js.map +1 -0
- package/dist/adapter-react/components/select/index.d.ts +3 -0
- package/dist/adapter-react/components/select/index.d.ts.map +1 -0
- package/dist/adapter-react/components/sidebar/Sidebar.d.ts +13 -0
- package/dist/adapter-react/components/sidebar/Sidebar.d.ts.map +1 -0
- package/dist/adapter-react/components/sidebar/Sidebar.js +242 -0
- package/dist/adapter-react/components/sidebar/Sidebar.js.map +1 -0
- package/dist/adapter-react/components/sidebar/index.d.ts +3 -0
- package/dist/adapter-react/components/sidebar/index.d.ts.map +1 -0
- package/dist/adapter-react/components/slider/Slider.d.ts +9 -0
- package/dist/adapter-react/components/slider/Slider.d.ts.map +1 -0
- package/dist/adapter-react/components/slider/Slider.js +150 -0
- package/dist/adapter-react/components/slider/Slider.js.map +1 -0
- package/dist/adapter-react/components/slider/index.d.ts +3 -0
- package/dist/adapter-react/components/slider/index.d.ts.map +1 -0
- package/dist/adapter-react/components/steps/Steps.d.ts +11 -0
- package/dist/adapter-react/components/steps/Steps.d.ts.map +1 -0
- package/dist/adapter-react/components/steps/Steps.js +172 -0
- package/dist/adapter-react/components/steps/Steps.js.map +1 -0
- package/dist/adapter-react/components/steps/index.d.ts +3 -0
- package/dist/adapter-react/components/steps/index.d.ts.map +1 -0
- package/dist/adapter-react/components/switch/Switch.d.ts +11 -0
- package/dist/adapter-react/components/switch/Switch.d.ts.map +1 -0
- package/dist/adapter-react/components/switch/Switch.js +98 -0
- package/dist/adapter-react/components/switch/Switch.js.map +1 -0
- package/dist/adapter-react/components/switch/index.d.ts +2 -0
- package/dist/adapter-react/components/switch/index.d.ts.map +1 -0
- package/dist/adapter-react/components/table/Table.d.ts +15 -0
- package/dist/adapter-react/components/table/Table.d.ts.map +1 -0
- package/dist/adapter-react/components/table/Table.js +211 -0
- package/dist/adapter-react/components/table/Table.js.map +1 -0
- package/dist/adapter-react/components/table/index.d.ts +3 -0
- package/dist/adapter-react/components/table/index.d.ts.map +1 -0
- package/dist/adapter-react/components/tabs/Tabs.d.ts +9 -0
- package/dist/adapter-react/components/tabs/Tabs.d.ts.map +1 -0
- package/dist/adapter-react/components/tabs/Tabs.js +62 -0
- package/dist/adapter-react/components/tabs/Tabs.js.map +1 -0
- package/dist/adapter-react/components/tabs/index.d.ts +2 -0
- package/dist/adapter-react/components/tabs/index.d.ts.map +1 -0
- package/dist/adapter-react/components/time-picker/TimePicker.d.ts +9 -0
- package/dist/adapter-react/components/time-picker/TimePicker.d.ts.map +1 -0
- package/dist/adapter-react/components/time-picker/TimePicker.js +271 -0
- package/dist/adapter-react/components/time-picker/TimePicker.js.map +1 -0
- package/dist/adapter-react/components/time-picker/index.d.ts +2 -0
- package/dist/adapter-react/components/time-picker/index.d.ts.map +1 -0
- package/dist/adapter-react/components/toast/Toast.d.ts +25 -0
- package/dist/adapter-react/components/toast/Toast.d.ts.map +1 -0
- package/dist/adapter-react/components/toast/Toast.js +223 -0
- package/dist/adapter-react/components/toast/Toast.js.map +1 -0
- package/dist/adapter-react/components/toast/index.d.ts +3 -0
- package/dist/adapter-react/components/toast/index.d.ts.map +1 -0
- package/dist/adapter-react/components/toolbars/Toolbar.d.ts +11 -0
- package/dist/adapter-react/components/toolbars/Toolbar.d.ts.map +1 -0
- package/dist/adapter-react/components/toolbars/Toolbar.js +66 -0
- package/dist/adapter-react/components/toolbars/Toolbar.js.map +1 -0
- package/dist/adapter-react/components/toolbars/index.d.ts +3 -0
- package/dist/adapter-react/components/toolbars/index.d.ts.map +1 -0
- package/dist/adapter-react/components/tooltip/Tooltip.d.ts +9 -0
- package/dist/adapter-react/components/tooltip/Tooltip.d.ts.map +1 -0
- package/dist/adapter-react/components/tooltip/Tooltip.js +141 -0
- package/dist/adapter-react/components/tooltip/Tooltip.js.map +1 -0
- package/dist/adapter-react/components/tooltip/index.d.ts +2 -0
- package/dist/adapter-react/components/tooltip/index.d.ts.map +1 -0
- package/dist/adapter-react/hooks/index.d.ts +12 -0
- package/dist/adapter-react/hooks/index.d.ts.map +1 -0
- package/dist/adapter-react/hooks/index.js +43 -0
- package/dist/adapter-react/hooks/index.js.map +1 -0
- package/dist/adapter-react/hooks/useControlled.d.ts +7 -0
- package/dist/adapter-react/hooks/useControlled.d.ts.map +1 -0
- package/dist/adapter-react/hooks/useControlled.js +21 -0
- package/dist/adapter-react/hooks/useControlled.js.map +1 -0
- package/dist/adapter-react/hooks/useEvent.d.ts +2 -0
- package/dist/adapter-react/hooks/useEvent.d.ts.map +1 -0
- package/dist/adapter-react/hooks/useMergedState.d.ts +4 -0
- package/dist/adapter-react/hooks/useMergedState.d.ts.map +1 -0
- package/dist/adapter-react/hooks/useMergedState.js +15 -0
- package/dist/adapter-react/hooks/useMergedState.js.map +1 -0
- package/dist/adapter-react/index.d.ts +37 -0
- package/dist/adapter-react/index.d.ts.map +1 -0
- package/dist/adapter-react/runtime/createComponent.d.ts +3 -0
- package/dist/adapter-react/runtime/createComponent.d.ts.map +1 -0
- package/dist/adapter-react/runtime/createComponent.js +6 -0
- package/dist/adapter-react/runtime/createComponent.js.map +1 -0
- package/dist/adapter-react/runtime/createProps.d.ts +2 -0
- package/dist/adapter-react/runtime/createProps.d.ts.map +1 -0
- package/dist/adapter-react/runtime/forwardRef.d.ts +3 -0
- package/dist/adapter-react/runtime/forwardRef.d.ts.map +1 -0
- package/dist/adapter-react/runtime/forwardRef.js +6 -0
- package/dist/adapter-react/runtime/forwardRef.js.map +1 -0
- package/dist/adapter-react/runtime/index.d.ts +5 -0
- package/dist/adapter-react/runtime/index.d.ts.map +1 -0
- package/dist/adapter-react/runtime/withInstall.d.ts +3 -0
- package/dist/adapter-react/runtime/withInstall.d.ts.map +1 -0
- package/dist/adapter-react/runtime/withInstall.js +6 -0
- package/dist/adapter-react/runtime/withInstall.js.map +1 -0
- package/dist/adapter-react/style/index.d.ts +2 -0
- package/dist/adapter-react/style/index.d.ts.map +1 -0
- package/dist/adapter-react/style/injectStyle.d.ts +2 -0
- package/dist/adapter-react/style/injectStyle.d.ts.map +1 -0
- package/dist/adapter-react/types.d.ts +6 -0
- package/dist/adapter-react/types.d.ts.map +1 -0
- package/dist/breadcrumb/index.d.ts +2 -2
- package/dist/breadcrumb/index.js +34 -1
- package/dist/breadcrumb/index.js.map +1 -0
- package/dist/breadcrumb/style.css +219 -1
- package/dist/button/index.d.ts +2 -2
- package/dist/button/index.js +34 -1
- package/dist/button/index.js.map +1 -0
- package/dist/button/style.css +151 -1
- package/dist/carousel/index.d.ts +2 -2
- package/dist/carousel/index.js +34 -1
- package/dist/carousel/index.js.map +1 -0
- package/dist/carousel/style.css +196 -1
- package/dist/checkbox/index.d.ts +3 -3
- package/dist/checkbox/index.js +34 -2
- package/dist/checkbox/index.js.map +1 -0
- package/dist/checkbox/style.css +135 -1
- package/dist/components/breadcrumb/index.d.ts +61 -0
- package/dist/components/breadcrumb/index.d.ts.map +1 -0
- package/dist/components/breadcrumb/index.js +49 -0
- package/dist/components/breadcrumb/index.js.map +1 -0
- package/dist/components/breadcrumb/style.css +219 -0
- package/dist/components/button/index.d.ts +15 -0
- package/dist/components/button/index.d.ts.map +1 -0
- package/dist/components/button/index.js +11 -0
- package/dist/components/button/index.js.map +1 -0
- package/dist/components/button/style.css +151 -0
- package/dist/components/carousel/index.d.ts +38 -0
- package/dist/components/carousel/index.d.ts.map +1 -0
- package/dist/components/carousel/index.js +33 -0
- package/dist/components/carousel/index.js.map +1 -0
- package/dist/components/carousel/style.css +196 -0
- package/dist/components/checkbox/index.d.ts +36 -0
- package/dist/components/checkbox/index.d.ts.map +1 -0
- package/dist/components/checkbox/index.js +34 -0
- package/dist/components/checkbox/index.js.map +1 -0
- package/dist/components/checkbox/style.css +135 -0
- package/dist/components/date-picker/index.d.ts +53 -0
- package/dist/components/date-picker/index.d.ts.map +1 -0
- package/dist/components/date-picker/index.js +105 -0
- package/dist/components/date-picker/index.js.map +1 -0
- package/dist/components/date-picker/style.css +491 -0
- package/dist/components/divider/index.d.ts +12 -0
- package/dist/components/divider/index.d.ts.map +1 -0
- package/dist/components/divider/index.js +23 -0
- package/dist/components/divider/index.js.map +1 -0
- package/dist/components/divider/style.css +100 -0
- package/dist/components/float-button/index.d.ts +32 -0
- package/dist/components/float-button/index.d.ts.map +1 -0
- package/dist/components/float-button/index.js +23 -0
- package/dist/components/float-button/index.js.map +1 -0
- package/dist/components/float-button/style.css +176 -0
- package/dist/components/form/index.d.ts +79 -0
- package/dist/components/form/index.d.ts.map +1 -0
- package/dist/components/form/index.js +144 -0
- package/dist/components/form/index.js.map +1 -0
- package/dist/components/form/style.css +79 -0
- package/dist/components/grid/index.d.ts +34 -0
- package/dist/components/grid/index.d.ts.map +1 -0
- package/dist/components/grid/index.js +109 -0
- package/dist/components/grid/index.js.map +1 -0
- package/dist/components/grid/style.css +189 -0
- package/dist/components/icon/index.d.ts +35 -0
- package/dist/components/icon/index.d.ts.map +1 -0
- package/dist/components/icon/index.js +16 -0
- package/dist/components/icon/index.js.map +1 -0
- package/dist/components/icon/style.css +28 -0
- package/dist/components/input/index.d.ts +29 -0
- package/dist/components/input/index.d.ts.map +1 -0
- package/dist/components/input/index.js +19 -0
- package/dist/components/input/index.js.map +1 -0
- package/dist/components/input/style.css +110 -0
- package/dist/components/input-bar/index.d.ts +31 -0
- package/dist/components/input-bar/index.d.ts.map +1 -0
- package/dist/components/input-bar/index.js +18 -0
- package/dist/components/input-bar/index.js.map +1 -0
- package/dist/components/input-bar/style.css +180 -0
- package/dist/components/input-number/index.d.ts +28 -0
- package/dist/components/input-number/index.d.ts.map +1 -0
- package/dist/components/input-number/index.js +21 -0
- package/dist/components/input-number/index.js.map +1 -0
- package/dist/components/input-number/style.css +109 -0
- package/dist/components/modal/index.d.ts +17 -0
- package/dist/components/modal/index.d.ts.map +1 -0
- package/dist/components/modal/index.js +10 -0
- package/dist/components/modal/index.js.map +1 -0
- package/dist/components/modal/style.css +150 -0
- package/dist/components/nav-menu/index.d.ts +35 -0
- package/dist/components/nav-menu/index.d.ts.map +1 -0
- package/dist/components/nav-menu/index.js +47 -0
- package/dist/components/nav-menu/index.js.map +1 -0
- package/dist/components/nav-menu/style.css +241 -0
- package/dist/components/pagination/index.d.ts +32 -0
- package/dist/components/pagination/index.d.ts.map +1 -0
- package/dist/components/pagination/index.js +35 -0
- package/dist/components/pagination/index.js.map +1 -0
- package/dist/components/pagination/style.css +150 -0
- package/dist/components/radio/index.d.ts +45 -0
- package/dist/components/radio/index.d.ts.map +1 -0
- package/dist/components/radio/index.js +48 -0
- package/dist/components/radio/index.js.map +1 -0
- package/dist/components/radio/style.css +294 -0
- package/dist/components/select/index.d.ts +30 -0
- package/dist/components/select/index.d.ts.map +1 -0
- package/dist/components/select/index.js +16 -0
- package/dist/components/select/index.js.map +1 -0
- package/dist/components/select/style.css +255 -0
- package/dist/components/sidebar/index.d.ts +19 -0
- package/dist/components/sidebar/index.d.ts.map +1 -0
- package/dist/components/sidebar/index.js +23 -0
- package/dist/components/sidebar/index.js.map +1 -0
- package/dist/components/sidebar/style.css +270 -0
- package/dist/components/slider/index.d.ts +29 -0
- package/dist/components/slider/index.d.ts.map +1 -0
- package/dist/components/slider/index.js +24 -0
- package/dist/components/slider/index.js.map +1 -0
- package/dist/components/slider/style.css +206 -0
- package/dist/components/src/index.d.ts +28 -0
- package/dist/components/src/index.d.ts.map +1 -0
- package/dist/components/steps/index.d.ts +41 -0
- package/dist/components/steps/index.d.ts.map +1 -0
- package/dist/components/steps/index.js +32 -0
- package/dist/components/steps/index.js.map +1 -0
- package/dist/components/steps/style.css +286 -0
- package/dist/components/switch/index.d.ts +16 -0
- package/dist/components/switch/index.d.ts.map +1 -0
- package/dist/components/switch/index.js +17 -0
- package/dist/components/switch/index.js.map +1 -0
- package/dist/components/switch/style.css +160 -0
- package/dist/components/table/index.d.ts +49 -0
- package/dist/components/table/index.d.ts.map +1 -0
- package/dist/components/table/index.js +74 -0
- package/dist/components/table/index.js.map +1 -0
- package/dist/components/table/style.css +131 -0
- package/dist/components/tabs/index.d.ts +34 -0
- package/dist/components/tabs/index.d.ts.map +1 -0
- package/dist/components/tabs/index.js +21 -0
- package/dist/components/tabs/index.js.map +1 -0
- package/dist/components/tabs/style.css +146 -0
- package/dist/components/time-picker/index.d.ts +56 -0
- package/dist/components/time-picker/index.d.ts.map +1 -0
- package/dist/components/time-picker/index.js +84 -0
- package/dist/components/time-picker/index.js.map +1 -0
- package/dist/components/time-picker/style.css +258 -0
- package/dist/components/toast/index.d.ts +41 -0
- package/dist/components/toast/index.d.ts.map +1 -0
- package/dist/components/toast/index.js +24 -0
- package/dist/components/toast/index.js.map +1 -0
- package/dist/components/toast/style.css +117 -0
- package/dist/components/toolbars/index.d.ts +31 -0
- package/dist/components/toolbars/index.d.ts.map +1 -0
- package/dist/components/toolbars/index.js +32 -0
- package/dist/components/toolbars/index.js.map +1 -0
- package/dist/components/toolbars/style.css +220 -0
- package/dist/components/tooltip/index.d.ts +31 -0
- package/dist/components/tooltip/index.d.ts.map +1 -0
- package/dist/components/tooltip/index.js +17 -0
- package/dist/components/tooltip/index.js.map +1 -0
- package/dist/components/tooltip/style.css +138 -0
- package/dist/date-picker/index.d.ts +2 -2
- package/dist/date-picker/index.js +34 -1
- package/dist/date-picker/index.js.map +1 -0
- package/dist/date-picker/style.css +491 -1
- package/dist/divider/index.d.ts +2 -2
- package/dist/divider/index.js +34 -1
- package/dist/divider/index.js.map +1 -0
- package/dist/divider/style.css +100 -1
- package/dist/float-button/index.d.ts +2 -2
- package/dist/float-button/index.js +34 -1
- package/dist/float-button/index.js.map +1 -0
- package/dist/float-button/style.css +176 -1
- package/dist/form/index.d.ts +2 -2
- package/dist/form/index.js +34 -1
- package/dist/form/index.js.map +1 -0
- package/dist/form/style.css +79 -1
- package/dist/grid/index.d.ts +2 -2
- package/dist/grid/index.js +34 -1
- package/dist/grid/index.js.map +1 -0
- package/dist/grid/style.css +189 -1
- package/dist/icon/index.d.ts +2 -2
- package/dist/icon/index.js +34 -1
- package/dist/icon/index.js.map +1 -0
- package/dist/icon/style.css +28 -1
- package/dist/icons/react/add_circle.js +26 -0
- package/dist/icons/react/add_circle.js.map +1 -0
- package/dist/icons/react/arrow_back.js +26 -0
- package/dist/icons/react/arrow_back.js.map +1 -0
- package/dist/icons/react/arrow_drop_down.js +26 -0
- package/dist/icons/react/arrow_drop_down.js.map +1 -0
- package/dist/icons/react/arrow_forward.js +26 -0
- package/dist/icons/react/arrow_forward.js.map +1 -0
- package/dist/icons/react/calendar_month.js +26 -0
- package/dist/icons/react/calendar_month.js.map +1 -0
- package/dist/icons/react/check.js +26 -0
- package/dist/icons/react/check.js.map +1 -0
- package/dist/icons/react/chevron_right.js +26 -0
- package/dist/icons/react/chevron_right.js.map +1 -0
- package/dist/icons/react/close.js +26 -0
- package/dist/icons/react/close.js.map +1 -0
- package/dist/icons/react/config.js +26 -0
- package/dist/icons/react/config.js.map +1 -0
- package/dist/icons/react/dark_mode.js +26 -0
- package/dist/icons/react/dark_mode.js.map +1 -0
- package/dist/icons/react/do_not_disturb_on.js +26 -0
- package/dist/icons/react/do_not_disturb_on.js.map +1 -0
- package/dist/icons/react/error.js +26 -0
- package/dist/icons/react/error.js.map +1 -0
- package/dist/icons/react/home.js +29 -0
- package/dist/icons/react/home.js.map +1 -0
- package/dist/icons/react/index.js +27 -0
- package/dist/icons/react/index.js.map +1 -0
- package/dist/icons/react/info.js +26 -0
- package/dist/icons/react/info.js.map +1 -0
- package/dist/icons/react/logo_Block.js +26 -0
- package/dist/icons/react/logo_Block.js.map +1 -0
- package/dist/icons/react/logo_Horizontal.js +26 -0
- package/dist/icons/react/logo_Horizontal.js.map +1 -0
- package/dist/icons/react/looks_3.js +26 -0
- package/dist/icons/react/looks_3.js.map +1 -0
- package/dist/icons/react/looks_one.js +26 -0
- package/dist/icons/react/looks_one.js.map +1 -0
- package/dist/icons/react/looks_two.js +26 -0
- package/dist/icons/react/looks_two.js.map +1 -0
- package/dist/icons/react/menu.js +26 -0
- package/dist/icons/react/menu.js.map +1 -0
- package/dist/icons/react/menu_open.js +26 -0
- package/dist/icons/react/menu_open.js.map +1 -0
- package/dist/icons/react/more_horiz.js +29 -0
- package/dist/icons/react/more_horiz.js.map +1 -0
- package/dist/icons/react/schedule.js +26 -0
- package/dist/icons/react/schedule.js.map +1 -0
- package/dist/icons/react/search.js +26 -0
- package/dist/icons/react/search.js.map +1 -0
- package/dist/icons/react/sunny.js +26 -0
- package/dist/icons/react/sunny.js.map +1 -0
- package/dist/icons/react/warning.js +26 -0
- package/dist/icons/react/warning.js.map +1 -0
- package/dist/index.css +5214 -0
- package/dist/index.css.map +1 -0
- package/dist/input/index.d.ts +2 -2
- package/dist/input/index.js +34 -1
- package/dist/input/index.js.map +1 -0
- package/dist/input/style.css +110 -1
- package/dist/input-bar/index.d.ts +2 -2
- package/dist/input-bar/index.js +34 -1
- package/dist/input-bar/index.js.map +1 -0
- package/dist/input-bar/style.css +180 -1
- package/dist/input-number/index.d.ts +1 -1
- package/dist/input-number/index.js +34 -1
- package/dist/input-number/index.js.map +1 -0
- package/dist/input-number/style.css +109 -1
- package/dist/modal/index.d.ts +2 -2
- package/dist/modal/index.js +34 -1
- package/dist/modal/index.js.map +1 -0
- package/dist/modal/style.css +150 -1
- package/dist/nav-menu/index.d.ts +2 -2
- package/dist/nav-menu/index.js +34 -1
- package/dist/nav-menu/index.js.map +1 -0
- package/dist/nav-menu/style.css +241 -1
- package/dist/pagination/index.d.ts +1 -1
- package/dist/pagination/index.js +34 -1
- package/dist/pagination/index.js.map +1 -0
- package/dist/pagination/style.css +150 -1
- package/dist/radio/index.d.ts +3 -3
- package/dist/radio/index.js +34 -2
- package/dist/radio/index.js.map +1 -0
- package/dist/radio/style.css +294 -1
- package/dist/select/index.d.ts +2 -2
- package/dist/select/index.js +34 -1
- package/dist/select/index.js.map +1 -0
- package/dist/select/style.css +255 -1
- package/dist/sidebar/index.d.ts +2 -2
- package/dist/sidebar/index.js +34 -1
- package/dist/sidebar/index.js.map +1 -0
- package/dist/sidebar/style.css +270 -1
- package/dist/slider/index.d.ts +2 -2
- package/dist/slider/index.js +34 -1
- package/dist/slider/index.js.map +1 -0
- package/dist/slider/style.css +206 -1
- package/dist/src/index.js +33 -31
- package/dist/src/index.js.map +1 -0
- package/dist/steps/index.d.ts +1 -1
- package/dist/steps/index.js +34 -1
- package/dist/steps/index.js.map +1 -0
- package/dist/steps/style.css +286 -1
- package/dist/switch/index.d.ts +2 -2
- package/dist/switch/index.js +34 -1
- package/dist/switch/index.js.map +1 -0
- package/dist/switch/style.css +160 -1
- package/dist/table/index.d.ts +1 -1
- package/dist/table/index.js +34 -1
- package/dist/table/index.js.map +1 -0
- package/dist/table/style.css +131 -1
- package/dist/tabs/index.d.ts +2 -2
- package/dist/tabs/index.js +34 -1
- package/dist/tabs/index.js.map +1 -0
- package/dist/tabs/style.css +146 -1
- package/dist/time-picker/index.d.ts +2 -2
- package/dist/time-picker/index.js +34 -1
- package/dist/time-picker/index.js.map +1 -0
- package/dist/time-picker/style.css +258 -1
- package/dist/toast/index.d.ts +4 -4
- package/dist/toast/index.js +38 -3
- package/dist/toast/index.js.map +1 -0
- package/dist/toast/style.css +117 -1
- package/dist/toolbars/index.d.ts +3 -3
- package/dist/toolbars/index.js +34 -1
- package/dist/toolbars/index.js.map +1 -0
- package/dist/toolbars/style.css +220 -1
- package/dist/tooltip/index.d.ts +1 -1
- package/dist/tooltip/index.js +34 -1
- package/dist/tooltip/index.js.map +1 -0
- package/dist/tooltip/style.css +138 -1
- package/dist/utils/src/index.js +6 -0
- package/dist/utils/src/index.js.map +1 -0
- package/package.json +7 -7
- package/dist/tsconfig.tsbuildinfo +0 -1
|
@@ -0,0 +1,271 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useRef, useState, useMemo, useEffect } from 'react';
|
|
3
|
+
import { getTimeParts, getTimePickerClassNames, getDisplayTime, TIME_MERIDIEM_OPTIONS, TIME_HOUR_OPTIONS, isHourDisabled, TIME_MINUTE_OPTIONS, isMinuteDisabled, buildTimeValue } from '../../../components/time-picker/index.js';
|
|
4
|
+
import { createComponent } from '../../runtime/createComponent.js';
|
|
5
|
+
import { withInstall } from '../../runtime/withInstall.js';
|
|
6
|
+
import { forwardRef } from '../../runtime/forwardRef.js';
|
|
7
|
+
import { cn } from '../../../utils/src/index.js';
|
|
8
|
+
import { useClickOutside, useEscClose, mergeRefs } from '../../hooks/index.js';
|
|
9
|
+
import IconComponent from '../icon/Icon.js';
|
|
10
|
+
import { RadioGroup } from '../radio/RadioGroup.js';
|
|
11
|
+
import { useMergedState } from '../../hooks/useMergedState.js';
|
|
12
|
+
|
|
13
|
+
const MOBILE_PANEL_WIDTH = 252;
|
|
14
|
+
const MOBILE_PANEL_HEIGHT = 326;
|
|
15
|
+
const MOBILE_PANEL_GAP = 8;
|
|
16
|
+
const MOBILE_VIEWPORT_PADDING = 8;
|
|
17
|
+
const TimePickerComponent = createComponent(
|
|
18
|
+
forwardRef((props, ref) => {
|
|
19
|
+
const {
|
|
20
|
+
label,
|
|
21
|
+
value,
|
|
22
|
+
defaultValue,
|
|
23
|
+
status = "default",
|
|
24
|
+
disabled = false,
|
|
25
|
+
placeholder = "HH:MM",
|
|
26
|
+
className,
|
|
27
|
+
disabledTime,
|
|
28
|
+
onChange
|
|
29
|
+
} = props;
|
|
30
|
+
const rootRef = useRef(null);
|
|
31
|
+
const inputRef = useRef(null);
|
|
32
|
+
const hourListRef = useRef(null);
|
|
33
|
+
const minuteListRef = useRef(null);
|
|
34
|
+
const panelRef = useRef(null);
|
|
35
|
+
const [open, setOpen] = useState(false);
|
|
36
|
+
const [isMobile, setIsMobile] = useState(
|
|
37
|
+
() => typeof window !== "undefined" ? window.innerWidth <= 768 : false
|
|
38
|
+
);
|
|
39
|
+
const [mobilePanelStyle, setMobilePanelStyle] = useState(void 0);
|
|
40
|
+
const initialValue = useMemo(
|
|
41
|
+
() => value ?? defaultValue ?? "",
|
|
42
|
+
[defaultValue, value]
|
|
43
|
+
);
|
|
44
|
+
const [currentValue, setCurrentValue] = useMergedState(initialValue, { value });
|
|
45
|
+
useClickOutside(rootRef, () => setOpen(false));
|
|
46
|
+
useEscClose(open, () => setOpen(false));
|
|
47
|
+
const activeParts = getTimeParts(currentValue);
|
|
48
|
+
useEffect(() => {
|
|
49
|
+
const updateMobile = () => {
|
|
50
|
+
setIsMobile(window.innerWidth <= 768);
|
|
51
|
+
};
|
|
52
|
+
updateMobile();
|
|
53
|
+
window.addEventListener("resize", updateMobile);
|
|
54
|
+
return () => window.removeEventListener("resize", updateMobile);
|
|
55
|
+
}, []);
|
|
56
|
+
useEffect(() => {
|
|
57
|
+
if (!open || !rootRef.current) {
|
|
58
|
+
setMobilePanelStyle(void 0);
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
const updateMobilePanelPosition = () => {
|
|
62
|
+
if (!rootRef.current) {
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
const triggerRect = rootRef.current.getBoundingClientRect();
|
|
66
|
+
const viewportWidth = window.innerWidth;
|
|
67
|
+
const viewportHeight = window.innerHeight;
|
|
68
|
+
const panelWidth = panelRef.current?.offsetWidth ?? MOBILE_PANEL_WIDTH;
|
|
69
|
+
const panelHeight = panelRef.current?.offsetHeight ?? MOBILE_PANEL_HEIGHT;
|
|
70
|
+
const maxLeft = Math.max(
|
|
71
|
+
viewportWidth - panelWidth - MOBILE_VIEWPORT_PADDING,
|
|
72
|
+
MOBILE_VIEWPORT_PADDING
|
|
73
|
+
);
|
|
74
|
+
const left = Math.min(Math.max(triggerRect.left, MOBILE_VIEWPORT_PADDING), maxLeft);
|
|
75
|
+
const preferredBottomTop = triggerRect.bottom + MOBILE_PANEL_GAP;
|
|
76
|
+
const preferredTopTop = triggerRect.top - panelHeight - MOBILE_PANEL_GAP;
|
|
77
|
+
const fitsBottom = preferredBottomTop + panelHeight <= viewportHeight - MOBILE_VIEWPORT_PADDING;
|
|
78
|
+
const fitsTop = preferredTopTop >= MOBILE_VIEWPORT_PADDING;
|
|
79
|
+
let top = preferredBottomTop;
|
|
80
|
+
if (!fitsBottom && fitsTop) {
|
|
81
|
+
top = preferredTopTop;
|
|
82
|
+
} else if (!fitsBottom) {
|
|
83
|
+
top = Math.max(
|
|
84
|
+
MOBILE_VIEWPORT_PADDING,
|
|
85
|
+
Math.min(preferredBottomTop, viewportHeight - panelHeight - MOBILE_VIEWPORT_PADDING)
|
|
86
|
+
);
|
|
87
|
+
}
|
|
88
|
+
setMobilePanelStyle({
|
|
89
|
+
position: "fixed",
|
|
90
|
+
top: `${top}px`,
|
|
91
|
+
left: `${left}px`,
|
|
92
|
+
width: `${panelWidth}px`
|
|
93
|
+
});
|
|
94
|
+
};
|
|
95
|
+
const rafId = requestAnimationFrame(updateMobilePanelPosition);
|
|
96
|
+
window.addEventListener("resize", updateMobilePanelPosition);
|
|
97
|
+
window.addEventListener("scroll", updateMobilePanelPosition, true);
|
|
98
|
+
return () => {
|
|
99
|
+
cancelAnimationFrame(rafId);
|
|
100
|
+
window.removeEventListener("resize", updateMobilePanelPosition);
|
|
101
|
+
window.removeEventListener("scroll", updateMobilePanelPosition, true);
|
|
102
|
+
};
|
|
103
|
+
}, [isMobile, open]);
|
|
104
|
+
const classes = cn(
|
|
105
|
+
getTimePickerClassNames({ status, disabled, className }),
|
|
106
|
+
open && "css-time-picker--open"
|
|
107
|
+
);
|
|
108
|
+
const emitChange = (nextValue, event) => {
|
|
109
|
+
setCurrentValue(nextValue);
|
|
110
|
+
onChange?.(nextValue, event);
|
|
111
|
+
};
|
|
112
|
+
const openPanel = () => {
|
|
113
|
+
if (disabled) return;
|
|
114
|
+
setOpen(true);
|
|
115
|
+
};
|
|
116
|
+
const handleOpenKeyDown = (event) => {
|
|
117
|
+
if (disabled) return;
|
|
118
|
+
if (event.key === "Enter" || event.key === " " || event.key === "ArrowDown") {
|
|
119
|
+
event.preventDefault();
|
|
120
|
+
setOpen(true);
|
|
121
|
+
}
|
|
122
|
+
};
|
|
123
|
+
const updateTime = (patch, event) => {
|
|
124
|
+
const nextHour12 = patch.hour12 ?? activeParts.hour12;
|
|
125
|
+
const nextMinute = patch.minute ?? activeParts.minute;
|
|
126
|
+
const nextMeridiem = patch.meridiem ?? activeParts.meridiem;
|
|
127
|
+
const nextTimeValue = buildTimeValue(nextHour12, nextMinute, nextMeridiem);
|
|
128
|
+
emitChange(nextTimeValue, event);
|
|
129
|
+
};
|
|
130
|
+
const scrollOptionIntoView = (container) => {
|
|
131
|
+
if (!container) {
|
|
132
|
+
return;
|
|
133
|
+
}
|
|
134
|
+
const target = container.querySelector(".css-time-picker__option--selected");
|
|
135
|
+
if (!target) {
|
|
136
|
+
return;
|
|
137
|
+
}
|
|
138
|
+
const centeredScrollTop = target.offsetTop - (container.clientHeight - target.offsetHeight) / 2;
|
|
139
|
+
const maxScrollTop = Math.max(container.scrollHeight - container.clientHeight, 0);
|
|
140
|
+
container.scrollTop = Math.min(Math.max(centeredScrollTop, 0), maxScrollTop);
|
|
141
|
+
};
|
|
142
|
+
useEffect(() => {
|
|
143
|
+
if (!open) return;
|
|
144
|
+
const frameId = window.requestAnimationFrame(() => {
|
|
145
|
+
scrollOptionIntoView(hourListRef.current);
|
|
146
|
+
scrollOptionIntoView(minuteListRef.current);
|
|
147
|
+
});
|
|
148
|
+
return () => window.cancelAnimationFrame(frameId);
|
|
149
|
+
}, [activeParts.hour12, activeParts.meridiem, activeParts.minute, open]);
|
|
150
|
+
const renderInlineMeridiem = () => /* @__PURE__ */ jsx(
|
|
151
|
+
RadioGroup,
|
|
152
|
+
{
|
|
153
|
+
className: "css-time-picker__inline-meridiem",
|
|
154
|
+
value: activeParts.meridiem,
|
|
155
|
+
variant: "card",
|
|
156
|
+
options: TIME_MERIDIEM_OPTIONS.map((option) => ({
|
|
157
|
+
value: option.value,
|
|
158
|
+
label: option.value === "am" ? "AM" : "PM",
|
|
159
|
+
icon: option.value === "am" ? "Sunny" : "DarkMode"
|
|
160
|
+
})),
|
|
161
|
+
onChange: (val) => updateTime({ meridiem: val })
|
|
162
|
+
}
|
|
163
|
+
);
|
|
164
|
+
const renderOptions = () => /* @__PURE__ */ jsxs("div", { className: "css-time-picker__columns", children: [
|
|
165
|
+
/* @__PURE__ */ jsxs("div", { className: "css-time-picker__column", children: [
|
|
166
|
+
/* @__PURE__ */ jsx("div", { className: "css-time-picker__column-title", children: "\u5C0F\u65F6" }),
|
|
167
|
+
/* @__PURE__ */ jsx("div", { ref: hourListRef, className: "css-time-picker__list", children: TIME_HOUR_OPTIONS.map((option) => {
|
|
168
|
+
const hourDisabled = isHourDisabled(option, activeParts.meridiem, disabledTime);
|
|
169
|
+
return /* @__PURE__ */ jsx(
|
|
170
|
+
"button",
|
|
171
|
+
{
|
|
172
|
+
type: "button",
|
|
173
|
+
disabled: hourDisabled,
|
|
174
|
+
className: cn(
|
|
175
|
+
"css-time-picker__option",
|
|
176
|
+
option === activeParts.hour12 && "css-time-picker__option--selected",
|
|
177
|
+
hourDisabled && "css-time-picker__option--disabled"
|
|
178
|
+
),
|
|
179
|
+
onClick: (event) => !hourDisabled && updateTime({ hour12: option }, event),
|
|
180
|
+
children: option
|
|
181
|
+
},
|
|
182
|
+
option
|
|
183
|
+
);
|
|
184
|
+
}) })
|
|
185
|
+
] }),
|
|
186
|
+
/* @__PURE__ */ jsxs("div", { className: "css-time-picker__column", children: [
|
|
187
|
+
/* @__PURE__ */ jsx("div", { className: "css-time-picker__column-title", children: "\u5206\u949F" }),
|
|
188
|
+
/* @__PURE__ */ jsx("div", { ref: minuteListRef, className: "css-time-picker__list", children: TIME_MINUTE_OPTIONS.map((option) => {
|
|
189
|
+
const minuteDisabled = isMinuteDisabled(
|
|
190
|
+
option,
|
|
191
|
+
activeParts.hour12,
|
|
192
|
+
activeParts.meridiem,
|
|
193
|
+
disabledTime
|
|
194
|
+
);
|
|
195
|
+
return /* @__PURE__ */ jsx(
|
|
196
|
+
"button",
|
|
197
|
+
{
|
|
198
|
+
type: "button",
|
|
199
|
+
disabled: minuteDisabled,
|
|
200
|
+
className: cn(
|
|
201
|
+
"css-time-picker__option",
|
|
202
|
+
option === activeParts.minute && "css-time-picker__option--selected",
|
|
203
|
+
minuteDisabled && "css-time-picker__option--disabled"
|
|
204
|
+
),
|
|
205
|
+
onClick: (event) => !minuteDisabled && updateTime({ minute: option }, event),
|
|
206
|
+
children: String(option).padStart(2, "0")
|
|
207
|
+
},
|
|
208
|
+
option
|
|
209
|
+
);
|
|
210
|
+
}) })
|
|
211
|
+
] }),
|
|
212
|
+
/* @__PURE__ */ jsxs("div", { className: "css-time-picker__column css-time-picker__column--meridiem", children: [
|
|
213
|
+
/* @__PURE__ */ jsx("div", { className: "css-time-picker__column-title", children: "\u4E0A/\u4E0B\u5348" }),
|
|
214
|
+
/* @__PURE__ */ jsx(
|
|
215
|
+
RadioGroup,
|
|
216
|
+
{
|
|
217
|
+
value: activeParts.meridiem,
|
|
218
|
+
variant: "card",
|
|
219
|
+
direction: "vertical",
|
|
220
|
+
options: TIME_MERIDIEM_OPTIONS.map((option) => ({
|
|
221
|
+
value: option.value,
|
|
222
|
+
label: option.label,
|
|
223
|
+
icon: option.value === "am" ? "Sunny" : "DarkMode"
|
|
224
|
+
})),
|
|
225
|
+
onChange: (val) => updateTime({ meridiem: val })
|
|
226
|
+
}
|
|
227
|
+
)
|
|
228
|
+
] })
|
|
229
|
+
] });
|
|
230
|
+
const content = /* @__PURE__ */ jsxs("div", { ref: rootRef, className: classes, children: [
|
|
231
|
+
/* @__PURE__ */ jsxs("div", { className: "css-time-picker__single-row", children: [
|
|
232
|
+
/* @__PURE__ */ jsxs(
|
|
233
|
+
"div",
|
|
234
|
+
{
|
|
235
|
+
className: "css-time-picker__control",
|
|
236
|
+
role: "button",
|
|
237
|
+
tabIndex: disabled ? -1 : 0,
|
|
238
|
+
"aria-expanded": open,
|
|
239
|
+
onClick: openPanel,
|
|
240
|
+
onKeyDown: handleOpenKeyDown,
|
|
241
|
+
children: [
|
|
242
|
+
/* @__PURE__ */ jsx(
|
|
243
|
+
"input",
|
|
244
|
+
{
|
|
245
|
+
ref: mergeRefs(ref, inputRef),
|
|
246
|
+
className: "css-time-picker__input",
|
|
247
|
+
value: getDisplayTime(currentValue),
|
|
248
|
+
placeholder,
|
|
249
|
+
readOnly: true,
|
|
250
|
+
disabled
|
|
251
|
+
}
|
|
252
|
+
),
|
|
253
|
+
/* @__PURE__ */ jsx("span", { className: "css-time-picker__suffix", children: /* @__PURE__ */ jsx(IconComponent, { name: "Schedule", size: 18 }) })
|
|
254
|
+
]
|
|
255
|
+
}
|
|
256
|
+
),
|
|
257
|
+
renderInlineMeridiem()
|
|
258
|
+
] }),
|
|
259
|
+
open ? /* @__PURE__ */ jsx("div", { ref: panelRef, className: "css-time-picker__panel", style: mobilePanelStyle, children: renderOptions() }) : null
|
|
260
|
+
] });
|
|
261
|
+
return label ? /* @__PURE__ */ jsxs("div", { className: "css-time-picker-field", children: [
|
|
262
|
+
/* @__PURE__ */ jsx("span", { className: "css-time-picker-field__label", children: label }),
|
|
263
|
+
content
|
|
264
|
+
] }) : content;
|
|
265
|
+
})
|
|
266
|
+
);
|
|
267
|
+
TimePickerComponent.displayName = "CssTimePicker";
|
|
268
|
+
const TimePicker = withInstall(TimePickerComponent);
|
|
269
|
+
|
|
270
|
+
export { TimePicker, TimePicker as default };
|
|
271
|
+
//# sourceMappingURL=TimePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sources":["../../../../../adapter-react/components/time-picker/TimePicker.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type CSSProperties } from 'react'\nimport {\n TIME_HOUR_OPTIONS,\n TIME_MERIDIEM_OPTIONS,\n TIME_MINUTE_OPTIONS,\n buildTimeValue,\n getDisplayTime,\n getTimeParts,\n getTimePickerClassNames,\n isHourDisabled,\n isMinuteDisabled,\n type DisabledTimeConfig,\n type TimePickerMeridiem,\n type TimePickerValue,\n type TimePickerProps as BaseTimePickerProps,\n} from '@cssui/components/time-picker'\nimport { createComponent, forwardRef, withInstall } from '../../runtime'\nimport { cn } from '@cssui/utils'\nimport { mergeRefs, useClickOutside, useEscClose, useMergedState } from '../../hooks'\nimport Icon from '../icon/Icon'\nimport RadioGroup from '../radio/RadioGroup'\n\nimport '@cssui/components/time-picker/style.css'\n\nexport interface TimePickerProps extends Omit<BaseTimePickerProps, 'onChange'> {\n onChange?: (value: TimePickerValue, event?: React.MouseEvent<HTMLElement>) => void\n disabledTime?: DisabledTimeConfig\n}\n\nconst MOBILE_PANEL_WIDTH = 252\nconst MOBILE_PANEL_HEIGHT = 326\nconst MOBILE_PANEL_GAP = 8\nconst MOBILE_VIEWPORT_PADDING = 8\n\nconst TimePickerComponent = createComponent(\n forwardRef<HTMLInputElement, TimePickerProps>((props, ref) => {\n const {\n label,\n value,\n defaultValue,\n status = 'default',\n disabled = false,\n placeholder = 'HH:MM',\n className,\n disabledTime,\n onChange,\n } = props\n\n const rootRef = useRef<HTMLDivElement>(null)\n const inputRef = useRef<HTMLInputElement>(null)\n const hourListRef = useRef<HTMLDivElement>(null)\n const minuteListRef = useRef<HTMLDivElement>(null)\n const panelRef = useRef<HTMLDivElement>(null)\n const [open, setOpen] = useState(false)\n const [isMobile, setIsMobile] = useState(() =>\n typeof window !== 'undefined' ? window.innerWidth <= 768 : false\n )\n const [mobilePanelStyle, setMobilePanelStyle] = useState<CSSProperties | undefined>(undefined)\n const initialValue = useMemo<TimePickerValue>(\n () => value ?? defaultValue ?? '',\n [defaultValue, value]\n )\n const [currentValue, setCurrentValue] = useMergedState<TimePickerValue>(initialValue, { value })\n\n useClickOutside(rootRef as React.RefObject<HTMLElement>, () => setOpen(false))\n useEscClose(open, () => setOpen(false))\n\n const activeParts = getTimeParts(currentValue)\n\n useEffect(() => {\n const updateMobile = () => {\n setIsMobile(window.innerWidth <= 768)\n }\n\n updateMobile()\n window.addEventListener('resize', updateMobile)\n return () => window.removeEventListener('resize', updateMobile)\n }, [])\n\n useEffect(() => {\n if (!open || !rootRef.current) {\n setMobilePanelStyle(undefined)\n return\n }\n\n const updateMobilePanelPosition = () => {\n if (!rootRef.current) {\n return\n }\n\n const triggerRect = rootRef.current.getBoundingClientRect()\n const viewportWidth = window.innerWidth\n const viewportHeight = window.innerHeight\n const panelWidth = panelRef.current?.offsetWidth ?? MOBILE_PANEL_WIDTH\n const panelHeight = panelRef.current?.offsetHeight ?? MOBILE_PANEL_HEIGHT\n\n const maxLeft = Math.max(\n viewportWidth - panelWidth - MOBILE_VIEWPORT_PADDING,\n MOBILE_VIEWPORT_PADDING\n )\n const left = Math.min(Math.max(triggerRect.left, MOBILE_VIEWPORT_PADDING), maxLeft)\n\n const preferredBottomTop = triggerRect.bottom + MOBILE_PANEL_GAP\n const preferredTopTop = triggerRect.top - panelHeight - MOBILE_PANEL_GAP\n const fitsBottom =\n preferredBottomTop + panelHeight <= viewportHeight - MOBILE_VIEWPORT_PADDING\n const fitsTop = preferredTopTop >= MOBILE_VIEWPORT_PADDING\n\n let top = preferredBottomTop\n\n if (!fitsBottom && fitsTop) {\n top = preferredTopTop\n } else if (!fitsBottom) {\n top = Math.max(\n MOBILE_VIEWPORT_PADDING,\n Math.min(preferredBottomTop, viewportHeight - panelHeight - MOBILE_VIEWPORT_PADDING)\n )\n }\n\n setMobilePanelStyle({\n position: 'fixed',\n top: `${top}px`,\n left: `${left}px`,\n width: `${panelWidth}px`,\n })\n }\n\n const rafId = requestAnimationFrame(updateMobilePanelPosition)\n window.addEventListener('resize', updateMobilePanelPosition)\n window.addEventListener('scroll', updateMobilePanelPosition, true)\n\n return () => {\n cancelAnimationFrame(rafId)\n window.removeEventListener('resize', updateMobilePanelPosition)\n window.removeEventListener('scroll', updateMobilePanelPosition, true)\n }\n }, [isMobile, open])\n\n const classes = cn(\n getTimePickerClassNames({ status, disabled, className }),\n open && 'css-time-picker--open'\n )\n\n const emitChange = (nextValue: TimePickerValue, event?: React.MouseEvent<HTMLElement>) => {\n setCurrentValue(nextValue)\n onChange?.(nextValue, event)\n }\n\n const openPanel = () => {\n if (disabled) return\n setOpen(true)\n }\n\n const handleOpenKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n if (disabled) return\n\n if (event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown') {\n event.preventDefault()\n setOpen(true)\n }\n }\n\n const updateTime = (\n patch: Partial<{ hour12: number; minute: number; meridiem: TimePickerMeridiem }>,\n event?: React.MouseEvent<HTMLElement>\n ) => {\n const nextHour12 = patch.hour12 ?? activeParts.hour12\n const nextMinute = patch.minute ?? activeParts.minute\n const nextMeridiem = patch.meridiem ?? activeParts.meridiem\n const nextTimeValue = buildTimeValue(nextHour12, nextMinute, nextMeridiem)\n emitChange(nextTimeValue, event)\n }\n\n const scrollOptionIntoView = (container: HTMLDivElement | null) => {\n if (!container) {\n return\n }\n\n const target = container.querySelector<HTMLElement>('.css-time-picker__option--selected')\n if (!target) {\n return\n }\n\n const centeredScrollTop =\n target.offsetTop - (container.clientHeight - target.offsetHeight) / 2\n const maxScrollTop = Math.max(container.scrollHeight - container.clientHeight, 0)\n container.scrollTop = Math.min(Math.max(centeredScrollTop, 0), maxScrollTop)\n }\n\n useEffect(() => {\n if (!open) return\n\n const frameId = window.requestAnimationFrame(() => {\n scrollOptionIntoView(hourListRef.current)\n scrollOptionIntoView(minuteListRef.current)\n })\n\n return () => window.cancelAnimationFrame(frameId)\n }, [activeParts.hour12, activeParts.meridiem, activeParts.minute, open])\n\n const renderInlineMeridiem = () => (\n <RadioGroup\n className=\"css-time-picker__inline-meridiem\"\n value={activeParts.meridiem}\n variant=\"card\"\n options={TIME_MERIDIEM_OPTIONS.map(option => ({\n value: option.value,\n label: option.value === 'am' ? 'AM' : 'PM',\n icon: option.value === 'am' ? 'Sunny' : 'DarkMode',\n }))}\n onChange={val => updateTime({ meridiem: val as TimePickerMeridiem })}\n />\n )\n\n const renderOptions = () => (\n <div className=\"css-time-picker__columns\">\n <div className=\"css-time-picker__column\">\n <div className=\"css-time-picker__column-title\">小时</div>\n <div ref={hourListRef} className=\"css-time-picker__list\">\n {TIME_HOUR_OPTIONS.map(option => {\n const hourDisabled = isHourDisabled(option, activeParts.meridiem, disabledTime)\n return (\n <button\n key={option}\n type=\"button\"\n disabled={hourDisabled}\n className={cn(\n 'css-time-picker__option',\n option === activeParts.hour12 && 'css-time-picker__option--selected',\n hourDisabled && 'css-time-picker__option--disabled'\n )}\n onClick={event => !hourDisabled && updateTime({ hour12: option }, event)}\n >\n {option}\n </button>\n )\n })}\n </div>\n </div>\n <div className=\"css-time-picker__column\">\n <div className=\"css-time-picker__column-title\">分钟</div>\n <div ref={minuteListRef} className=\"css-time-picker__list\">\n {TIME_MINUTE_OPTIONS.map(option => {\n const minuteDisabled = isMinuteDisabled(\n option,\n activeParts.hour12,\n activeParts.meridiem,\n disabledTime\n )\n return (\n <button\n key={option}\n type=\"button\"\n disabled={minuteDisabled}\n className={cn(\n 'css-time-picker__option',\n option === activeParts.minute && 'css-time-picker__option--selected',\n minuteDisabled && 'css-time-picker__option--disabled'\n )}\n onClick={event => !minuteDisabled && updateTime({ minute: option }, event)}\n >\n {String(option).padStart(2, '0')}\n </button>\n )\n })}\n </div>\n </div>\n <div className=\"css-time-picker__column css-time-picker__column--meridiem\">\n <div className=\"css-time-picker__column-title\">上/下午</div>\n <RadioGroup\n value={activeParts.meridiem}\n variant=\"card\"\n direction=\"vertical\"\n options={TIME_MERIDIEM_OPTIONS.map(option => ({\n value: option.value,\n label: option.label,\n icon: option.value === 'am' ? 'Sunny' : 'DarkMode',\n }))}\n onChange={val => updateTime({ meridiem: val as TimePickerMeridiem })}\n />\n </div>\n </div>\n )\n\n const content = (\n <div ref={rootRef} className={classes}>\n <div className=\"css-time-picker__single-row\">\n <div\n className=\"css-time-picker__control\"\n role=\"button\"\n tabIndex={disabled ? -1 : 0}\n aria-expanded={open}\n onClick={openPanel}\n onKeyDown={handleOpenKeyDown}\n >\n <input\n ref={mergeRefs(ref, inputRef)}\n className=\"css-time-picker__input\"\n value={getDisplayTime(currentValue)}\n placeholder={placeholder}\n readOnly\n disabled={disabled}\n />\n <span className=\"css-time-picker__suffix\">\n <Icon name=\"Schedule\" size={18} />\n </span>\n </div>\n {renderInlineMeridiem()}\n </div>\n\n {open ? (\n <div ref={panelRef} className=\"css-time-picker__panel\" style={mobilePanelStyle}>\n {renderOptions()}\n </div>\n ) : null}\n </div>\n )\n\n return label ? (\n <div className=\"css-time-picker-field\">\n <span className=\"css-time-picker-field__label\">{label}</span>\n {content}\n </div>\n ) : (\n content\n )\n })\n)\n\nTimePickerComponent.displayName = 'CssTimePicker'\n\nexport const TimePicker = withInstall(TimePickerComponent)\nexport default TimePicker\n"],"names":["Icon"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/time-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type ToastProps as BaseToastProps } from '../../../components/toast/index';
|
|
3
|
+
import '../../../components/toast/style.css';
|
|
4
|
+
export type { ToastOptions } from '../../../components/toast/index';
|
|
5
|
+
export interface ToastProps extends Omit<BaseToastProps, 'onClose'> {
|
|
6
|
+
show?: boolean;
|
|
7
|
+
onClose?: () => void;
|
|
8
|
+
}
|
|
9
|
+
type ToastMethod = (message: string, duration?: number) => void;
|
|
10
|
+
declare const toastApi: {
|
|
11
|
+
show: (options: import('../../../components/toast/index').ToastOptions) => void;
|
|
12
|
+
warning: ToastMethod;
|
|
13
|
+
error: ToastMethod;
|
|
14
|
+
info: ToastMethod;
|
|
15
|
+
destroy: () => void;
|
|
16
|
+
};
|
|
17
|
+
export declare const Toast: React.FC<ToastProps> & {
|
|
18
|
+
show: typeof toastApi.show;
|
|
19
|
+
warning: typeof toastApi.warning;
|
|
20
|
+
error: typeof toastApi.error;
|
|
21
|
+
info: typeof toastApi.info;
|
|
22
|
+
destroy: typeof toastApi.destroy;
|
|
23
|
+
};
|
|
24
|
+
export default Toast;
|
|
25
|
+
//# sourceMappingURL=Toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../components/toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAGvE,OAAO,EAEL,KAAK,UAAU,IAAI,cAAc,EAElC,MAAM,yBAAyB,CAAA;AAIhC,OAAO,mCAAmC,CAAA;AAE1C,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAE3D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC;IACjE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AA8OD,KAAK,WAAW,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;AAE/D,QAAA,MAAM,QAAQ,EAAE;IACd,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,yBAAyB,EAAE,YAAY,KAAK,IAAI,CAAA;IACvE,OAAO,EAAE,WAAW,CAAA;IACpB,KAAK,EAAE,WAAW,CAAA;IAClB,IAAI,EAAE,WAAW,CAAA;IACjB,OAAO,EAAE,MAAM,IAAI,CAAA;CAuBpB,CAAA;AAmBD,eAAO,MAAM,KAAK;UAdV,OAAO,QAAQ,CAAC,IAAI;aACjB,OAAO,QAAQ,CAAC,OAAO;WACzB,OAAO,QAAQ,CAAC,KAAK;UACtB,OAAO,QAAQ,CAAC,IAAI;aACjB,OAAO,QAAQ,CAAC,OAAO;CAUG,CAAA;AACrC,eAAe,KAAK,CAAA"}
|
|
@@ -0,0 +1,223 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import React, { useState, useRef, useEffect, useCallback } from 'react';
|
|
3
|
+
import { createPortal } from 'react-dom';
|
|
4
|
+
import { createRoot } from 'react-dom/client';
|
|
5
|
+
import { getToastClassNames, toastStyles } from '../../../components/toast/index.js';
|
|
6
|
+
import { cn } from '../../../utils/src/index.js';
|
|
7
|
+
import { createComponent } from '../../runtime/createComponent.js';
|
|
8
|
+
import { withInstall } from '../../runtime/withInstall.js';
|
|
9
|
+
|
|
10
|
+
const ToastItem = (props) => {
|
|
11
|
+
const { type = "warning", message, show = true, onClose, className, ...restProps } = props;
|
|
12
|
+
if (!show) return null;
|
|
13
|
+
const classNames = getToastClassNames({ type });
|
|
14
|
+
const renderIcon = () => {
|
|
15
|
+
if (type === "error") {
|
|
16
|
+
return /* @__PURE__ */ jsxs(
|
|
17
|
+
"svg",
|
|
18
|
+
{
|
|
19
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
20
|
+
width: "24",
|
|
21
|
+
height: "24",
|
|
22
|
+
viewBox: "0 0 24 24",
|
|
23
|
+
fill: "none",
|
|
24
|
+
stroke: "currentColor",
|
|
25
|
+
strokeWidth: "2",
|
|
26
|
+
strokeLinecap: "round",
|
|
27
|
+
strokeLinejoin: "round",
|
|
28
|
+
children: [
|
|
29
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
|
|
30
|
+
/* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
|
|
31
|
+
/* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
|
|
32
|
+
]
|
|
33
|
+
}
|
|
34
|
+
);
|
|
35
|
+
}
|
|
36
|
+
if (type === "info") {
|
|
37
|
+
return /* @__PURE__ */ jsxs(
|
|
38
|
+
"svg",
|
|
39
|
+
{
|
|
40
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
41
|
+
width: "24",
|
|
42
|
+
height: "24",
|
|
43
|
+
viewBox: "0 0 24 24",
|
|
44
|
+
fill: "none",
|
|
45
|
+
stroke: "currentColor",
|
|
46
|
+
strokeWidth: "2",
|
|
47
|
+
strokeLinecap: "round",
|
|
48
|
+
strokeLinejoin: "round",
|
|
49
|
+
children: [
|
|
50
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
|
|
51
|
+
/* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
|
|
52
|
+
/* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
|
|
53
|
+
]
|
|
54
|
+
}
|
|
55
|
+
);
|
|
56
|
+
}
|
|
57
|
+
return /* @__PURE__ */ jsxs(
|
|
58
|
+
"svg",
|
|
59
|
+
{
|
|
60
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
61
|
+
width: "24",
|
|
62
|
+
height: "24",
|
|
63
|
+
viewBox: "0 0 24 24",
|
|
64
|
+
fill: "none",
|
|
65
|
+
stroke: "currentColor",
|
|
66
|
+
strokeWidth: "2",
|
|
67
|
+
strokeLinecap: "round",
|
|
68
|
+
strokeLinejoin: "round",
|
|
69
|
+
children: [
|
|
70
|
+
/* @__PURE__ */ jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
|
|
71
|
+
/* @__PURE__ */ jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
|
|
72
|
+
/* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
|
|
73
|
+
]
|
|
74
|
+
}
|
|
75
|
+
);
|
|
76
|
+
};
|
|
77
|
+
const renderCloseIcon = () => /* @__PURE__ */ jsxs(
|
|
78
|
+
"svg",
|
|
79
|
+
{
|
|
80
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
81
|
+
width: "24",
|
|
82
|
+
height: "24",
|
|
83
|
+
viewBox: "0 0 24 24",
|
|
84
|
+
fill: "none",
|
|
85
|
+
stroke: "currentColor",
|
|
86
|
+
strokeWidth: "2",
|
|
87
|
+
strokeLinecap: "round",
|
|
88
|
+
strokeLinejoin: "round",
|
|
89
|
+
children: [
|
|
90
|
+
/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
|
|
91
|
+
/* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
|
|
92
|
+
]
|
|
93
|
+
}
|
|
94
|
+
);
|
|
95
|
+
return /* @__PURE__ */ jsxs("div", { ...restProps, className: cn(classNames.root, className), role: "alert", children: [
|
|
96
|
+
/* @__PURE__ */ jsx("div", { className: classNames.icon, children: renderIcon() }),
|
|
97
|
+
/* @__PURE__ */ jsx("div", { className: classNames.content, children: restProps.children || message }),
|
|
98
|
+
/* @__PURE__ */ jsx("button", { className: classNames.close, onClick: onClose, "aria-label": "Close", type: "button", children: renderCloseIcon() })
|
|
99
|
+
] });
|
|
100
|
+
};
|
|
101
|
+
ToastItem.displayName = "CssToastItem";
|
|
102
|
+
let toastIdCounter = 0;
|
|
103
|
+
let containerEl = null;
|
|
104
|
+
let rootInstance = null;
|
|
105
|
+
const Manager = () => {
|
|
106
|
+
const [toasts, setToasts] = useState([]);
|
|
107
|
+
const timersRef = useRef(/* @__PURE__ */ new Map());
|
|
108
|
+
useEffect(() => {
|
|
109
|
+
return () => {
|
|
110
|
+
timersRef.current.forEach((timer) => clearTimeout(timer));
|
|
111
|
+
timersRef.current.clear();
|
|
112
|
+
};
|
|
113
|
+
}, []);
|
|
114
|
+
const addToast = useCallback(
|
|
115
|
+
(options) => {
|
|
116
|
+
const id = ++toastIdCounter;
|
|
117
|
+
setToasts((prev) => [...prev, { id, ...options }]);
|
|
118
|
+
if (options.duration > 0) {
|
|
119
|
+
const timer = setTimeout(() => {
|
|
120
|
+
setToasts((prev) => prev.filter((t) => t.id !== id));
|
|
121
|
+
timersRef.current.delete(id);
|
|
122
|
+
options.onClose?.();
|
|
123
|
+
}, options.duration);
|
|
124
|
+
timersRef.current.set(id, timer);
|
|
125
|
+
}
|
|
126
|
+
return id;
|
|
127
|
+
},
|
|
128
|
+
[]
|
|
129
|
+
);
|
|
130
|
+
const removeToast = useCallback((id) => {
|
|
131
|
+
setToasts((prev) => prev.filter((t) => t.id !== id));
|
|
132
|
+
const timer = timersRef.current.get(id);
|
|
133
|
+
if (timer) {
|
|
134
|
+
clearTimeout(timer);
|
|
135
|
+
timersRef.current.delete(id);
|
|
136
|
+
}
|
|
137
|
+
}, []);
|
|
138
|
+
useEffect(() => {
|
|
139
|
+
addToastFn = addToast;
|
|
140
|
+
return () => {
|
|
141
|
+
addToastFn = null;
|
|
142
|
+
};
|
|
143
|
+
}, [addToast]);
|
|
144
|
+
if (!containerEl) return null;
|
|
145
|
+
return createPortal(
|
|
146
|
+
/* @__PURE__ */ jsx("div", { className: toastStyles.container, children: toasts.map((toast) => /* @__PURE__ */ jsx("div", { className: toastStyles.wrapper, children: /* @__PURE__ */ jsx(
|
|
147
|
+
ToastItem,
|
|
148
|
+
{
|
|
149
|
+
type: toast.type,
|
|
150
|
+
message: toast.message,
|
|
151
|
+
onClose: () => removeToast(toast.id)
|
|
152
|
+
}
|
|
153
|
+
) }, toast.id)) }),
|
|
154
|
+
containerEl
|
|
155
|
+
);
|
|
156
|
+
};
|
|
157
|
+
Manager.displayName = "CssToastManager";
|
|
158
|
+
let addToastFn = null;
|
|
159
|
+
function ensureContainer() {
|
|
160
|
+
if (!containerEl) {
|
|
161
|
+
containerEl = document.createElement("div");
|
|
162
|
+
document.body.appendChild(containerEl);
|
|
163
|
+
rootInstance = createRoot(containerEl);
|
|
164
|
+
rootInstance.render(React.createElement(Manager, null));
|
|
165
|
+
}
|
|
166
|
+
const tryShow = (options) => {
|
|
167
|
+
if (typeof addToastFn === "function") {
|
|
168
|
+
addToastFn(options);
|
|
169
|
+
} else {
|
|
170
|
+
requestAnimationFrame(() => {
|
|
171
|
+
if (typeof addToastFn === "function") {
|
|
172
|
+
addToastFn(options);
|
|
173
|
+
}
|
|
174
|
+
});
|
|
175
|
+
}
|
|
176
|
+
};
|
|
177
|
+
return tryShow;
|
|
178
|
+
}
|
|
179
|
+
function destroyContainer() {
|
|
180
|
+
if (rootInstance) {
|
|
181
|
+
rootInstance.unmount();
|
|
182
|
+
rootInstance = null;
|
|
183
|
+
}
|
|
184
|
+
if (containerEl) {
|
|
185
|
+
containerEl.remove();
|
|
186
|
+
containerEl = null;
|
|
187
|
+
}
|
|
188
|
+
addToastFn = null;
|
|
189
|
+
}
|
|
190
|
+
const toastApi = {
|
|
191
|
+
show(options) {
|
|
192
|
+
const tryShow = ensureContainer();
|
|
193
|
+
tryShow({
|
|
194
|
+
type: options.type ?? "warning",
|
|
195
|
+
message: options.message,
|
|
196
|
+
duration: options.duration ?? 3e3,
|
|
197
|
+
onClose: options.onClose
|
|
198
|
+
});
|
|
199
|
+
},
|
|
200
|
+
warning(message, duration) {
|
|
201
|
+
toastApi.show({ type: "warning", message, duration });
|
|
202
|
+
},
|
|
203
|
+
error(message, duration) {
|
|
204
|
+
toastApi.show({ type: "error", message, duration });
|
|
205
|
+
},
|
|
206
|
+
info(message, duration) {
|
|
207
|
+
toastApi.show({ type: "info", message, duration });
|
|
208
|
+
},
|
|
209
|
+
destroy() {
|
|
210
|
+
destroyContainer();
|
|
211
|
+
}
|
|
212
|
+
};
|
|
213
|
+
const ToastWithInstall = withInstall(createComponent(ToastItem));
|
|
214
|
+
ToastWithInstall.displayName = "CssToast";
|
|
215
|
+
ToastWithInstall.show = toastApi.show;
|
|
216
|
+
ToastWithInstall.warning = toastApi.warning;
|
|
217
|
+
ToastWithInstall.error = toastApi.error;
|
|
218
|
+
ToastWithInstall.info = toastApi.info;
|
|
219
|
+
ToastWithInstall.destroy = toastApi.destroy;
|
|
220
|
+
const Toast = ToastWithInstall;
|
|
221
|
+
|
|
222
|
+
export { Toast };
|
|
223
|
+
//# sourceMappingURL=Toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.js","sources":["../../../../../adapter-react/components/toast/Toast.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { createRoot, type Root } from 'react-dom/client'\nimport {\n getToastClassNames,\n type ToastProps as BaseToastProps,\n toastStyles,\n} from '@cssui/components/toast'\nimport { cn } from '@cssui/utils'\nimport { createComponent, withInstall } from '../../runtime'\n\nimport '@cssui/components/toast/style.css'\n\nexport type { ToastOptions } from '@cssui/components/toast'\n\nexport interface ToastProps extends Omit<BaseToastProps, 'onClose'> {\n show?: boolean\n onClose?: () => void\n}\n\n// ==================== Toast 内部组件 ====================\n\nconst ToastItem: React.FC<ToastProps> = props => {\n const { type = 'warning', message, show = true, onClose, className, ...restProps } = props\n\n if (!show) return null\n\n const classNames = getToastClassNames({ type })\n\n const renderIcon = () => {\n if (type === 'error') {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <circle cx=\"12\" cy=\"12\" r=\"10\" />\n <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" />\n <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\" />\n </svg>\n )\n }\n if (type === 'info') {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <circle cx=\"12\" cy=\"12\" r=\"10\" />\n <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" />\n <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" />\n </svg>\n )\n }\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\" />\n <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\" />\n <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" />\n </svg>\n )\n }\n\n const renderCloseIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <path d=\"M18 6 6 18\" />\n <path d=\"m6 6 12 12\" />\n </svg>\n )\n\n return (\n <div {...restProps} className={cn(classNames.root, className)} role=\"alert\">\n <div className={classNames.icon}>{renderIcon()}</div>\n <div className={classNames.content}>{(restProps as any).children || message}</div>\n <button className={classNames.close} onClick={onClose} aria-label=\"Close\" type=\"button\">\n {renderCloseIcon()}\n </button>\n </div>\n )\n}\n\nToastItem.displayName = 'CssToastItem'\n\n// ==================== 函数式调用的 Manager ====================\n\ninterface ToastItemData {\n id: number\n type: 'error' | 'warning' | 'info'\n message: string\n duration: number\n onClose?: () => void\n}\n\nlet toastIdCounter = 0\nlet containerEl: HTMLDivElement | null = null\nlet rootInstance: Root | null = null\n\nconst Manager: React.FC = () => {\n const [toasts, setToasts] = useState<ToastItemData[]>([])\n const timersRef = useRef<Map<number, ReturnType<typeof setTimeout>>>(new Map())\n\n // 在组件卸载时清理定时器\n useEffect(() => {\n return () => {\n timersRef.current.forEach(timer => clearTimeout(timer))\n timersRef.current.clear()\n }\n }, [])\n\n const addToast = useCallback(\n (options: {\n type: 'error' | 'warning' | 'info'\n message: string\n duration: number\n onClose?: () => void\n }) => {\n const id = ++toastIdCounter\n setToasts(prev => [...prev, { id, ...options }])\n\n // 自动关闭\n if (options.duration > 0) {\n const timer = setTimeout(() => {\n setToasts(prev => prev.filter(t => t.id !== id))\n timersRef.current.delete(id)\n options.onClose?.()\n }, options.duration)\n timersRef.current.set(id, timer)\n }\n\n return id\n },\n []\n )\n\n const removeToast = useCallback((id: number) => {\n setToasts(prev => prev.filter(t => t.id !== id))\n const timer = timersRef.current.get(id)\n if (timer) {\n clearTimeout(timer)\n timersRef.current.delete(id)\n }\n }, [])\n\n // 暴露 addToast 方法到模块级变量,确保同步可用\n useEffect(() => {\n addToastFn = addToast\n return () => {\n addToastFn = null\n }\n }, [addToast])\n\n if (!containerEl) return null\n\n return createPortal(\n <div className={toastStyles.container}>\n {toasts.map(toast => (\n <div key={toast.id} className={toastStyles.wrapper}>\n <ToastItem\n type={toast.type}\n message={toast.message}\n onClose={() => removeToast(toast.id)}\n />\n </div>\n ))}\n </div>,\n containerEl\n )\n}\n\nManager.displayName = 'CssToastManager'\n\n// ==================== 容器管理 ====================\n\ntype AddToastFn = (options: {\n type: 'error' | 'warning' | 'info'\n message: string\n duration: number\n onClose?: () => void\n}) => void\n\nlet addToastFn: AddToastFn | null = null\n\nfunction ensureContainer() {\n if (!containerEl) {\n containerEl = document.createElement('div')\n document.body.appendChild(containerEl)\n\n rootInstance = createRoot(containerEl)\n rootInstance.render(React.createElement(Manager, null))\n }\n\n // 等待 addToastFn 就绪后执行\n const tryShow = (options: Parameters<AddToastFn>[0]) => {\n if (typeof addToastFn === 'function') {\n addToastFn(options)\n } else {\n // 如果 Manager 还未挂载完成,用 requestAnimationFrame 等一帧\n requestAnimationFrame(() => {\n if (typeof addToastFn === 'function') {\n addToastFn(options)\n }\n })\n }\n }\n\n return tryShow\n}\n\nfunction destroyContainer() {\n if (rootInstance) {\n rootInstance.unmount()\n rootInstance = null\n }\n if (containerEl) {\n containerEl.remove()\n containerEl = null\n }\n addToastFn = null\n}\n\n// ==================== 函数式 API ====================\n\ntype ToastMethod = (message: string, duration?: number) => void\n\nconst toastApi: {\n show: (options: import('@cssui/components/toast').ToastOptions) => void\n warning: ToastMethod\n error: ToastMethod\n info: ToastMethod\n destroy: () => void\n} = {\n show(options) {\n const tryShow = ensureContainer()\n tryShow({\n type: options.type ?? 'warning',\n message: options.message,\n duration: options.duration ?? 3000,\n onClose: options.onClose,\n })\n },\n warning(message, duration) {\n toastApi.show({ type: 'warning', message, duration })\n },\n error(message, duration) {\n toastApi.show({ type: 'error', message, duration })\n },\n info(message, duration) {\n toastApi.show({ type: 'info', message, duration })\n },\n destroy() {\n destroyContainer()\n },\n}\n\n// ==================== 导出 ====================\n\nconst ToastWithInstall = withInstall(createComponent(ToastItem)) as typeof ToastItem & {\n show: typeof toastApi.show\n warning: typeof toastApi.warning\n error: typeof toastApi.error\n info: typeof toastApi.info\n destroy: typeof toastApi.destroy\n}\n\nToastWithInstall.displayName = 'CssToast'\nToastWithInstall.show = toastApi.show\nToastWithInstall.warning = toastApi.warning\nToastWithInstall.error = toastApi.error\nToastWithInstall.info = toastApi.info\nToastWithInstall.destroy = toastApi.destroy\n\nexport const Toast = ToastWithInstall\nexport default Toast\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { MouseEvent } from 'react';
|
|
2
|
+
import { type ToolbarItem, type ToolbarProps as BaseToolbarProps } from '../../../components/toolbars/index';
|
|
3
|
+
import '../../../components/toolbars/style.css';
|
|
4
|
+
export interface ToolbarProps extends Omit<BaseToolbarProps, 'value' | 'onChange'> {
|
|
5
|
+
value?: string;
|
|
6
|
+
defaultValue?: string;
|
|
7
|
+
onChange?: (value: string, item: ToolbarItem, event: MouseEvent<HTMLButtonElement>) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const Toolbars: import("../..").ComponentWithInstall<import("react").ForwardRefExoticComponent<ToolbarProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
10
|
+
export default Toolbars;
|
|
11
|
+
//# sourceMappingURL=Toolbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../components/toolbars/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,YAAY,IAAI,gBAAgB,EACtC,MAAM,4BAA4B,CAAA;AAKnC,OAAO,sCAAsC,CAAA;AAE7C,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,CAAC;IAChF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;CAC5F;AAsED,eAAO,MAAM,QAAQ,+IAAgC,CAAA;AAErD,eAAe,QAAQ,CAAA"}
|