@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,355 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useMemo, useState, useEffect } from 'react';
|
|
3
|
+
import { getFormInitialValues, normalizeFormValues, isFormFieldRequired, getFormItemClassNames, getFormClassNames, validateFormValues, normalizeFormValue, validateFormField } from '../../../components/form/index.js';
|
|
4
|
+
import { cn } from '../../../utils/src/index.js';
|
|
5
|
+
import { createComponent } from '../../runtime/createComponent.js';
|
|
6
|
+
import { withInstall } from '../../runtime/withInstall.js';
|
|
7
|
+
import { forwardRef } from '../../runtime/forwardRef.js';
|
|
8
|
+
import { Button } from '../button/Button.js';
|
|
9
|
+
import { Checkbox } from '../checkbox/Checkbox.js';
|
|
10
|
+
import { CheckboxGroup } from '../checkbox/CheckboxGroup.js';
|
|
11
|
+
import { DatePicker } from '../date-picker/DatePicker.js';
|
|
12
|
+
import IconComponent from '../icon/Icon.js';
|
|
13
|
+
import { Input } from '../input/Input.js';
|
|
14
|
+
import { InputBar } from '../input-bar/InputBar.js';
|
|
15
|
+
import { InputNumber } from '../input-number/InputNumber.js';
|
|
16
|
+
import { RadioGroup } from '../radio/RadioGroup.js';
|
|
17
|
+
import { Select } from '../select/Select.js';
|
|
18
|
+
import { Slider } from '../slider/Slider.js';
|
|
19
|
+
import { Switch } from '../switch/Switch.js';
|
|
20
|
+
import { TimePicker } from '../time-picker/TimePicker.js';
|
|
21
|
+
|
|
22
|
+
const FormComponent = createComponent(
|
|
23
|
+
forwardRef((props, ref) => {
|
|
24
|
+
const {
|
|
25
|
+
fields,
|
|
26
|
+
values,
|
|
27
|
+
initialValues,
|
|
28
|
+
layout = "vertical",
|
|
29
|
+
validateTrigger = "submit",
|
|
30
|
+
submitText = "\u63D0\u4EA4",
|
|
31
|
+
resetText = "\u91CD\u7F6E",
|
|
32
|
+
showReset = true,
|
|
33
|
+
showActions = true,
|
|
34
|
+
disabled = false,
|
|
35
|
+
className,
|
|
36
|
+
onChange,
|
|
37
|
+
onSubmit,
|
|
38
|
+
onSubmitFailed,
|
|
39
|
+
onReset,
|
|
40
|
+
onValidationChange,
|
|
41
|
+
...restProps
|
|
42
|
+
} = props;
|
|
43
|
+
const seededValues = useMemo(
|
|
44
|
+
() => getFormInitialValues(fields, initialValues),
|
|
45
|
+
[fields, initialValues]
|
|
46
|
+
);
|
|
47
|
+
const [innerValues, setInnerValues] = useState(seededValues);
|
|
48
|
+
const [errors, setErrors] = useState({});
|
|
49
|
+
useEffect(() => {
|
|
50
|
+
if (values === void 0) {
|
|
51
|
+
setInnerValues((previousValues) => normalizeFormValues(fields, previousValues, initialValues));
|
|
52
|
+
}
|
|
53
|
+
}, [fields, initialValues, values]);
|
|
54
|
+
const mergedValues = useMemo(
|
|
55
|
+
() => normalizeFormValues(fields, values ?? innerValues, initialValues),
|
|
56
|
+
[fields, initialValues, innerValues, values]
|
|
57
|
+
);
|
|
58
|
+
const updateErrors = (nextErrors) => {
|
|
59
|
+
setErrors(nextErrors);
|
|
60
|
+
onValidationChange?.(nextErrors);
|
|
61
|
+
};
|
|
62
|
+
const handleFieldChange = (field, nextValue) => {
|
|
63
|
+
const nextValues = normalizeFormValues(
|
|
64
|
+
fields,
|
|
65
|
+
{ ...mergedValues, [field.name]: normalizeFormValue(field, nextValue) },
|
|
66
|
+
initialValues
|
|
67
|
+
);
|
|
68
|
+
if (values === void 0) {
|
|
69
|
+
setInnerValues(nextValues);
|
|
70
|
+
}
|
|
71
|
+
onChange?.(nextValues, field.name, nextValues[field.name]);
|
|
72
|
+
const nextError = validateFormField({
|
|
73
|
+
field,
|
|
74
|
+
value: nextValues[field.name],
|
|
75
|
+
values: nextValues,
|
|
76
|
+
trigger: "change",
|
|
77
|
+
validateTrigger
|
|
78
|
+
});
|
|
79
|
+
const nextErrors = { ...errors };
|
|
80
|
+
if (nextError) {
|
|
81
|
+
nextErrors[field.name] = nextError;
|
|
82
|
+
} else {
|
|
83
|
+
delete nextErrors[field.name];
|
|
84
|
+
}
|
|
85
|
+
updateErrors(nextErrors);
|
|
86
|
+
};
|
|
87
|
+
const handleReset = () => {
|
|
88
|
+
if (disabled) {
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
const nextValues = getFormInitialValues(fields, initialValues);
|
|
92
|
+
if (values === void 0) {
|
|
93
|
+
setInnerValues(nextValues);
|
|
94
|
+
}
|
|
95
|
+
updateErrors({});
|
|
96
|
+
onReset?.(nextValues);
|
|
97
|
+
};
|
|
98
|
+
const handleSubmit = (event) => {
|
|
99
|
+
event.preventDefault();
|
|
100
|
+
if (disabled) {
|
|
101
|
+
return;
|
|
102
|
+
}
|
|
103
|
+
const nextErrors = validateFormValues({
|
|
104
|
+
fields,
|
|
105
|
+
values: mergedValues,
|
|
106
|
+
trigger: "submit",
|
|
107
|
+
validateTrigger
|
|
108
|
+
});
|
|
109
|
+
updateErrors(nextErrors);
|
|
110
|
+
if (Object.keys(nextErrors).length > 0) {
|
|
111
|
+
onSubmitFailed?.(nextErrors, mergedValues);
|
|
112
|
+
return;
|
|
113
|
+
}
|
|
114
|
+
onSubmit?.(mergedValues);
|
|
115
|
+
};
|
|
116
|
+
const renderCheckboxGroup = (field, errorMessage) => {
|
|
117
|
+
const checkboxValue = Array.isArray(mergedValues[field.name]) ? mergedValues[field.name] : [];
|
|
118
|
+
const componentProps = field.componentProps ?? {};
|
|
119
|
+
return /* @__PURE__ */ jsx(
|
|
120
|
+
CheckboxGroup,
|
|
121
|
+
{
|
|
122
|
+
...componentProps,
|
|
123
|
+
name: field.name,
|
|
124
|
+
value: checkboxValue,
|
|
125
|
+
options: field.options ?? [],
|
|
126
|
+
direction: componentProps.direction ?? "vertical",
|
|
127
|
+
disabled: disabled || field.disabled,
|
|
128
|
+
error: Boolean(errorMessage),
|
|
129
|
+
onChange: (value) => handleFieldChange(field, value)
|
|
130
|
+
}
|
|
131
|
+
);
|
|
132
|
+
};
|
|
133
|
+
const renderFieldFeedback = (errorMessage, helpText) => {
|
|
134
|
+
if (errorMessage) {
|
|
135
|
+
return /* @__PURE__ */ jsxs("p", { className: "css-form__error", children: [
|
|
136
|
+
/* @__PURE__ */ jsx(IconComponent, { name: "Error", size: 18 }),
|
|
137
|
+
/* @__PURE__ */ jsx("span", { children: errorMessage })
|
|
138
|
+
] });
|
|
139
|
+
}
|
|
140
|
+
if (helpText) {
|
|
141
|
+
return /* @__PURE__ */ jsx("p", { className: "css-form__help", children: helpText });
|
|
142
|
+
}
|
|
143
|
+
return null;
|
|
144
|
+
};
|
|
145
|
+
const shouldRenderOuterLabel = (field) => field.type === "checkbox-group" && field.label;
|
|
146
|
+
const getNumericFieldValue = (field) => {
|
|
147
|
+
const rawValue = mergedValues[field.name];
|
|
148
|
+
return typeof rawValue === "number" ? rawValue : 0;
|
|
149
|
+
};
|
|
150
|
+
const getDatePickerFieldValue = (field, range) => {
|
|
151
|
+
const rawValue = mergedValues[field.name];
|
|
152
|
+
if (range) {
|
|
153
|
+
return Array.isArray(rawValue) ? [String(rawValue[0] ?? ""), String(rawValue[1] ?? "")] : ["", ""];
|
|
154
|
+
}
|
|
155
|
+
return String(rawValue ?? "");
|
|
156
|
+
};
|
|
157
|
+
const renderFieldControl = (field, errorMessage) => {
|
|
158
|
+
const componentProps = field.componentProps ?? {};
|
|
159
|
+
switch (field.type) {
|
|
160
|
+
case "textarea":
|
|
161
|
+
return /* @__PURE__ */ jsx(
|
|
162
|
+
Input,
|
|
163
|
+
{
|
|
164
|
+
...componentProps,
|
|
165
|
+
type: "textarea",
|
|
166
|
+
label: field.label,
|
|
167
|
+
value: String(mergedValues[field.name] ?? ""),
|
|
168
|
+
placeholder: field.placeholder,
|
|
169
|
+
disabled: disabled || field.disabled,
|
|
170
|
+
status: errorMessage ? "error" : "default",
|
|
171
|
+
onChange: (value) => handleFieldChange(field, value)
|
|
172
|
+
}
|
|
173
|
+
);
|
|
174
|
+
case "select":
|
|
175
|
+
return /* @__PURE__ */ jsx(
|
|
176
|
+
Select,
|
|
177
|
+
{
|
|
178
|
+
...componentProps,
|
|
179
|
+
label: field.label,
|
|
180
|
+
value: field.multiple ? Array.isArray(mergedValues[field.name]) ? mergedValues[field.name] : [] : String(mergedValues[field.name] ?? ""),
|
|
181
|
+
options: field.options ?? [],
|
|
182
|
+
multiple: field.multiple,
|
|
183
|
+
placeholder: field.placeholder,
|
|
184
|
+
disabled: disabled || field.disabled,
|
|
185
|
+
status: errorMessage ? "error" : "default",
|
|
186
|
+
onChange: (value) => handleFieldChange(field, value)
|
|
187
|
+
}
|
|
188
|
+
);
|
|
189
|
+
case "radio":
|
|
190
|
+
return /* @__PURE__ */ jsxs("div", { className: "css-form__radio-field", children: [
|
|
191
|
+
/* @__PURE__ */ jsx(
|
|
192
|
+
RadioGroup,
|
|
193
|
+
{
|
|
194
|
+
...componentProps,
|
|
195
|
+
label: field.label,
|
|
196
|
+
value: String(mergedValues[field.name] ?? ""),
|
|
197
|
+
options: field.options ?? [],
|
|
198
|
+
direction: "vertical",
|
|
199
|
+
disabled: disabled || field.disabled,
|
|
200
|
+
error: Boolean(errorMessage),
|
|
201
|
+
onChange: (value) => handleFieldChange(field, String(value))
|
|
202
|
+
}
|
|
203
|
+
),
|
|
204
|
+
renderFieldFeedback(errorMessage, field.helpText)
|
|
205
|
+
] });
|
|
206
|
+
case "checkbox":
|
|
207
|
+
return /* @__PURE__ */ jsx(
|
|
208
|
+
Checkbox,
|
|
209
|
+
{
|
|
210
|
+
...componentProps,
|
|
211
|
+
label: field.controlLabel ?? field.label,
|
|
212
|
+
checked: Boolean(mergedValues[field.name]),
|
|
213
|
+
disabled: disabled || field.disabled,
|
|
214
|
+
error: Boolean(errorMessage),
|
|
215
|
+
onChange: (e) => handleFieldChange(field, e.target.checked)
|
|
216
|
+
}
|
|
217
|
+
);
|
|
218
|
+
case "switch":
|
|
219
|
+
return /* @__PURE__ */ jsx(
|
|
220
|
+
Switch,
|
|
221
|
+
{
|
|
222
|
+
...componentProps,
|
|
223
|
+
label: field.controlLabel ?? field.label,
|
|
224
|
+
checked: Boolean(mergedValues[field.name]),
|
|
225
|
+
disabled: disabled || field.disabled,
|
|
226
|
+
onChange: (checked) => handleFieldChange(field, checked)
|
|
227
|
+
}
|
|
228
|
+
);
|
|
229
|
+
case "checkbox-group":
|
|
230
|
+
return renderCheckboxGroup(field, errorMessage);
|
|
231
|
+
case "input-bar":
|
|
232
|
+
return /* @__PURE__ */ jsx(
|
|
233
|
+
InputBar,
|
|
234
|
+
{
|
|
235
|
+
...componentProps,
|
|
236
|
+
label: field.label,
|
|
237
|
+
value: getNumericFieldValue(field),
|
|
238
|
+
placeholder: field.placeholder,
|
|
239
|
+
disabled: disabled || field.disabled,
|
|
240
|
+
onChange: (value) => handleFieldChange(field, value)
|
|
241
|
+
}
|
|
242
|
+
);
|
|
243
|
+
case "input-number":
|
|
244
|
+
return /* @__PURE__ */ jsx(
|
|
245
|
+
InputNumber,
|
|
246
|
+
{
|
|
247
|
+
...componentProps,
|
|
248
|
+
label: field.label,
|
|
249
|
+
value: getNumericFieldValue(field),
|
|
250
|
+
disabled: disabled || field.disabled,
|
|
251
|
+
onChange: (value) => handleFieldChange(field, value)
|
|
252
|
+
}
|
|
253
|
+
);
|
|
254
|
+
case "date-picker":
|
|
255
|
+
return /* @__PURE__ */ jsx(
|
|
256
|
+
DatePicker,
|
|
257
|
+
{
|
|
258
|
+
...componentProps,
|
|
259
|
+
label: field.label,
|
|
260
|
+
value: getDatePickerFieldValue(field, Boolean(componentProps.range)),
|
|
261
|
+
placeholder: componentProps.placeholder ?? field.placeholder,
|
|
262
|
+
disabled: disabled || field.disabled,
|
|
263
|
+
status: errorMessage ? "error" : "default",
|
|
264
|
+
onChange: (value) => handleFieldChange(field, value)
|
|
265
|
+
}
|
|
266
|
+
);
|
|
267
|
+
case "time-picker":
|
|
268
|
+
return /* @__PURE__ */ jsx(
|
|
269
|
+
TimePicker,
|
|
270
|
+
{
|
|
271
|
+
...componentProps,
|
|
272
|
+
label: field.label,
|
|
273
|
+
value: String(mergedValues[field.name] ?? ""),
|
|
274
|
+
placeholder: componentProps.placeholder ?? field.placeholder,
|
|
275
|
+
disabled: disabled || field.disabled,
|
|
276
|
+
status: errorMessage ? "error" : "default",
|
|
277
|
+
onChange: (value) => handleFieldChange(field, value)
|
|
278
|
+
}
|
|
279
|
+
);
|
|
280
|
+
case "slide":
|
|
281
|
+
case "slider":
|
|
282
|
+
return /* @__PURE__ */ jsx(
|
|
283
|
+
Slider,
|
|
284
|
+
{
|
|
285
|
+
...componentProps,
|
|
286
|
+
label: field.label,
|
|
287
|
+
value: getNumericFieldValue(field),
|
|
288
|
+
disabled: disabled || field.disabled,
|
|
289
|
+
onChange: (value) => handleFieldChange(field, value)
|
|
290
|
+
}
|
|
291
|
+
);
|
|
292
|
+
case "input":
|
|
293
|
+
default:
|
|
294
|
+
return /* @__PURE__ */ jsx(
|
|
295
|
+
Input,
|
|
296
|
+
{
|
|
297
|
+
...componentProps,
|
|
298
|
+
label: field.label,
|
|
299
|
+
value: String(mergedValues[field.name] ?? ""),
|
|
300
|
+
placeholder: field.placeholder,
|
|
301
|
+
disabled: disabled || field.disabled,
|
|
302
|
+
status: errorMessage ? "error" : "default",
|
|
303
|
+
onChange: (value) => handleFieldChange(field, value)
|
|
304
|
+
}
|
|
305
|
+
);
|
|
306
|
+
}
|
|
307
|
+
};
|
|
308
|
+
return /* @__PURE__ */ jsxs(
|
|
309
|
+
"form",
|
|
310
|
+
{
|
|
311
|
+
ref,
|
|
312
|
+
className: cn(getFormClassNames({ layout }), className),
|
|
313
|
+
onSubmit: handleSubmit,
|
|
314
|
+
onReset: handleReset,
|
|
315
|
+
...restProps,
|
|
316
|
+
children: [
|
|
317
|
+
fields.map((field) => {
|
|
318
|
+
const errorMessage = errors[field.name];
|
|
319
|
+
const required = isFormFieldRequired(field);
|
|
320
|
+
const mainContent = /* @__PURE__ */ jsxs("div", { className: "css-form__item-main", children: [
|
|
321
|
+
/* @__PURE__ */ jsx("div", { className: "css-form__control", children: renderFieldControl(field, errorMessage) }),
|
|
322
|
+
field.type === "radio" ? null : renderFieldFeedback(errorMessage, field.helpText)
|
|
323
|
+
] });
|
|
324
|
+
return /* @__PURE__ */ jsxs(
|
|
325
|
+
"div",
|
|
326
|
+
{
|
|
327
|
+
className: cn(
|
|
328
|
+
getFormItemClassNames({ layout, error: Boolean(errorMessage), required }),
|
|
329
|
+
field.className
|
|
330
|
+
),
|
|
331
|
+
children: [
|
|
332
|
+
shouldRenderOuterLabel(field) ? /* @__PURE__ */ jsxs("label", { className: "css-form__label", htmlFor: field.name, children: [
|
|
333
|
+
required ? /* @__PURE__ */ jsx("span", { className: "css-form__required", children: "*" }) : null,
|
|
334
|
+
/* @__PURE__ */ jsx("span", { children: field.label })
|
|
335
|
+
] }) : null,
|
|
336
|
+
mainContent
|
|
337
|
+
]
|
|
338
|
+
},
|
|
339
|
+
field.name
|
|
340
|
+
);
|
|
341
|
+
}),
|
|
342
|
+
showActions ? /* @__PURE__ */ jsxs("div", { className: "css-form__actions", children: [
|
|
343
|
+
/* @__PURE__ */ jsx(Button, { htmlType: "submit", disabled, children: submitText }),
|
|
344
|
+
showReset ? /* @__PURE__ */ jsx(Button, { htmlType: "reset", type: "outline", disabled, children: resetText }) : null
|
|
345
|
+
] }) : null
|
|
346
|
+
]
|
|
347
|
+
}
|
|
348
|
+
);
|
|
349
|
+
})
|
|
350
|
+
);
|
|
351
|
+
FormComponent.displayName = "CssForm";
|
|
352
|
+
const Form = withInstall(FormComponent);
|
|
353
|
+
|
|
354
|
+
export { Form };
|
|
355
|
+
//# sourceMappingURL=Form.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Form.js","sources":["../../../../../adapter-react/components/form/Form.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState, type FormEvent, type FormHTMLAttributes } from 'react'\r\nimport {\r\n getFormClassNames,\r\n getFormInitialValues,\r\n getFormItemClassNames,\r\n isFormFieldRequired,\r\n normalizeFormValues,\r\n normalizeFormValue,\r\n validateFormField,\r\n validateFormValues,\r\n type FormErrors,\r\n type FormField,\r\n type FormProps as BaseFormProps,\r\n type FormValue,\r\n type FormValues,\r\n} from '@cssui/components/form'\r\nimport { cn } from '@cssui/utils'\r\nimport { createComponent, forwardRef, withInstall } from '../../runtime'\r\nimport Button from '../button/Button'\r\nimport Checkbox from '../checkbox/Checkbox'\r\nimport CheckboxGroup from '../checkbox/CheckboxGroup'\r\nimport DatePicker from '../date-picker/DatePicker'\r\nimport Icon from '../icon/Icon'\r\nimport Input from '../input/Input'\r\nimport InputBar from '../input-bar/InputBar'\r\nimport InputNumber from '../input-number/InputNumber'\r\nimport RadioGroup from '../radio/RadioGroup'\r\nimport Select from '../select/Select'\r\nimport Slider from '../slider/Slider'\r\nimport Switch from '../switch/Switch'\r\nimport TimePicker from '../time-picker/TimePicker'\r\n\r\nimport '@cssui/components/form/style.css'\r\n\r\nexport interface FormProps\r\n extends\r\n Omit<\r\n BaseFormProps,\r\n 'onChange' | 'onSubmit' | 'onReset' | 'onSubmitFailed' | 'onValidationChange'\r\n >,\r\n Omit<FormHTMLAttributes<HTMLFormElement>, 'children' | 'onChange' | 'onSubmit' | 'onReset'> {\r\n onChange?: (values: FormValues, fieldName: string, value: FormValue) => void\r\n onSubmit?: (values: FormValues) => void\r\n onSubmitFailed?: (errors: FormErrors, values: FormValues) => void\r\n onReset?: (values: FormValues) => void\r\n onValidationChange?: (errors: FormErrors) => void\r\n}\r\n\r\nconst FormComponent = createComponent(\r\n forwardRef<HTMLFormElement, FormProps>((props, ref) => {\r\n const {\r\n fields,\r\n values,\r\n initialValues,\r\n layout = 'vertical',\r\n validateTrigger = 'submit',\r\n submitText = '提交',\r\n resetText = '重置',\r\n showReset = true,\r\n showActions = true,\r\n disabled = false,\r\n className,\r\n onChange,\r\n onSubmit,\r\n onSubmitFailed,\r\n onReset,\r\n onValidationChange,\r\n ...restProps\r\n } = props\r\n\r\n const seededValues = useMemo(\r\n () => getFormInitialValues(fields, initialValues),\r\n [fields, initialValues]\r\n )\r\n const [innerValues, setInnerValues] = useState<FormValues>(seededValues)\r\n const [errors, setErrors] = useState<FormErrors>({})\r\n\r\n useEffect(() => {\r\n if (values === undefined) {\r\n setInnerValues(previousValues => normalizeFormValues(fields, previousValues, initialValues))\r\n }\r\n }, [fields, initialValues, values])\r\n\r\n const mergedValues = useMemo(\r\n () => normalizeFormValues(fields, values ?? innerValues, initialValues),\r\n [fields, initialValues, innerValues, values]\r\n )\r\n\r\n const updateErrors = (nextErrors: FormErrors) => {\r\n setErrors(nextErrors)\r\n onValidationChange?.(nextErrors)\r\n }\r\n\r\n const handleFieldChange = (field: FormField, nextValue: FormValue) => {\r\n const nextValues = normalizeFormValues(\r\n fields,\r\n { ...mergedValues, [field.name]: normalizeFormValue(field, nextValue) },\r\n initialValues\r\n )\r\n\r\n if (values === undefined) {\r\n setInnerValues(nextValues)\r\n }\r\n\r\n onChange?.(nextValues, field.name, nextValues[field.name])\r\n\r\n const nextError = validateFormField({\r\n field,\r\n value: nextValues[field.name],\r\n values: nextValues,\r\n trigger: 'change',\r\n validateTrigger,\r\n })\r\n\r\n const nextErrors = { ...errors }\r\n\r\n if (nextError) {\r\n nextErrors[field.name] = nextError\r\n } else {\r\n delete nextErrors[field.name]\r\n }\r\n\r\n updateErrors(nextErrors)\r\n }\r\n\r\n const handleReset = () => {\r\n if (disabled) {\r\n return\r\n }\r\n\r\n const nextValues = getFormInitialValues(fields, initialValues)\r\n\r\n if (values === undefined) {\r\n setInnerValues(nextValues)\r\n }\r\n\r\n updateErrors({})\r\n onReset?.(nextValues)\r\n }\r\n\r\n const handleSubmit = (event: FormEvent<HTMLFormElement>) => {\r\n event.preventDefault()\r\n\r\n if (disabled) {\r\n return\r\n }\r\n\r\n const nextErrors = validateFormValues({\r\n fields,\r\n values: mergedValues,\r\n trigger: 'submit',\r\n validateTrigger,\r\n })\r\n\r\n updateErrors(nextErrors)\r\n\r\n if (Object.keys(nextErrors).length > 0) {\r\n onSubmitFailed?.(nextErrors, mergedValues)\r\n return\r\n }\r\n\r\n onSubmit?.(mergedValues)\r\n }\r\n\r\n const renderCheckboxGroup = (field: FormField, errorMessage?: string) => {\r\n const checkboxValue = Array.isArray(mergedValues[field.name])\r\n ? (mergedValues[field.name] as string[])\r\n : []\r\n\r\n const componentProps = (field.componentProps ?? {}) as Record<string, any>\r\n\r\n return (\r\n <CheckboxGroup\r\n {...componentProps}\r\n name={field.name}\r\n value={checkboxValue}\r\n options={field.options ?? []}\r\n direction={componentProps.direction ?? 'vertical'}\r\n disabled={disabled || field.disabled}\r\n error={Boolean(errorMessage)}\r\n onChange={value => handleFieldChange(field, value as FormValue)}\r\n />\r\n )\r\n }\r\n\r\n const renderFieldFeedback = (errorMessage?: string, helpText?: string) => {\r\n if (errorMessage) {\r\n return (\r\n <p className=\"css-form__error\">\r\n <Icon name=\"Error\" size={18} />\r\n <span>{errorMessage}</span>\r\n </p>\r\n )\r\n }\r\n\r\n if (helpText) {\r\n return <p className=\"css-form__help\">{helpText}</p>\r\n }\r\n\r\n return null\r\n }\r\n\r\n const shouldRenderOuterLabel = (field: FormField) =>\r\n field.type === 'checkbox-group' && field.label\r\n\r\n const getNumericFieldValue = (field: FormField) => {\r\n const rawValue = mergedValues[field.name]\r\n return typeof rawValue === 'number' ? rawValue : 0\r\n }\r\n\r\n const getDatePickerFieldValue = (\r\n field: FormField,\r\n range?: boolean\r\n ): string | [string, string] => {\r\n const rawValue = mergedValues[field.name]\r\n\r\n if (range) {\r\n return Array.isArray(rawValue)\r\n ? [String(rawValue[0] ?? ''), String(rawValue[1] ?? '')]\r\n : ['', '']\r\n }\r\n\r\n return String(rawValue ?? '')\r\n }\r\n\r\n const renderFieldControl = (field: FormField, errorMessage?: string) => {\r\n const componentProps = (field.componentProps ?? {}) as Record<string, any>\r\n\r\n switch (field.type) {\r\n case 'textarea':\r\n return (\r\n <Input\r\n {...componentProps}\r\n type=\"textarea\"\r\n label={field.label}\r\n value={String(mergedValues[field.name] ?? '')}\r\n placeholder={field.placeholder}\r\n disabled={disabled || field.disabled}\r\n status={errorMessage ? 'error' : 'default'}\r\n onChange={value => handleFieldChange(field, value)}\r\n />\r\n )\r\n case 'select':\r\n return (\r\n <Select\r\n {...componentProps}\r\n label={field.label}\r\n value={\r\n field.multiple\r\n ? Array.isArray(mergedValues[field.name])\r\n ? (mergedValues[field.name] as string[])\r\n : []\r\n : String(mergedValues[field.name] ?? '')\r\n }\r\n options={field.options ?? []}\r\n multiple={field.multiple}\r\n placeholder={field.placeholder}\r\n disabled={disabled || field.disabled}\r\n status={errorMessage ? 'error' : 'default'}\r\n onChange={value => handleFieldChange(field, value as FormValue)}\r\n />\r\n )\r\n case 'radio':\r\n return (\r\n <div className=\"css-form__radio-field\">\r\n <RadioGroup\r\n {...componentProps}\r\n label={field.label}\r\n value={String(mergedValues[field.name] ?? '')}\r\n options={field.options ?? []}\r\n direction=\"vertical\"\r\n disabled={disabled || field.disabled}\r\n error={Boolean(errorMessage)}\r\n onChange={value => handleFieldChange(field, String(value))}\r\n />\r\n {renderFieldFeedback(errorMessage, field.helpText)}\r\n </div>\r\n )\r\n case 'checkbox':\r\n return (\r\n <Checkbox\r\n {...componentProps}\r\n label={field.controlLabel ?? field.label}\r\n checked={Boolean(mergedValues[field.name])}\r\n disabled={disabled || field.disabled}\r\n error={Boolean(errorMessage)}\r\n onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\r\n handleFieldChange(field, e.target.checked)\r\n }\r\n />\r\n )\r\n case 'switch':\r\n return (\r\n <Switch\r\n {...componentProps}\r\n label={field.controlLabel ?? field.label}\r\n checked={Boolean(mergedValues[field.name])}\r\n disabled={disabled || field.disabled}\r\n onChange={checked => handleFieldChange(field, checked)}\r\n />\r\n )\r\n case 'checkbox-group':\r\n return renderCheckboxGroup(field, errorMessage)\r\n case 'input-bar':\r\n return (\r\n <InputBar\r\n {...componentProps}\r\n label={field.label}\r\n value={getNumericFieldValue(field)}\r\n placeholder={field.placeholder}\r\n disabled={disabled || field.disabled}\r\n onChange={value => handleFieldChange(field, value)}\r\n />\r\n )\r\n case 'input-number':\r\n return (\r\n <InputNumber\r\n {...componentProps}\r\n label={field.label}\r\n value={getNumericFieldValue(field)}\r\n disabled={disabled || field.disabled}\r\n onChange={value => handleFieldChange(field, value)}\r\n />\r\n )\r\n case 'date-picker':\r\n return (\r\n <DatePicker\r\n {...componentProps}\r\n label={field.label}\r\n value={getDatePickerFieldValue(field, Boolean(componentProps.range))}\r\n placeholder={componentProps.placeholder ?? field.placeholder}\r\n disabled={disabled || field.disabled}\r\n status={errorMessage ? 'error' : 'default'}\r\n onChange={value => handleFieldChange(field, value as FormValue)}\r\n />\r\n )\r\n case 'time-picker':\r\n return (\r\n <TimePicker\r\n {...componentProps}\r\n label={field.label}\r\n value={String(mergedValues[field.name] ?? '')}\r\n placeholder={componentProps.placeholder ?? field.placeholder}\r\n disabled={disabled || field.disabled}\r\n status={errorMessage ? 'error' : 'default'}\r\n onChange={value => handleFieldChange(field, value as FormValue)}\r\n />\r\n )\r\n case 'slide':\r\n case 'slider':\r\n return (\r\n <Slider\r\n {...componentProps}\r\n label={field.label}\r\n value={getNumericFieldValue(field)}\r\n disabled={disabled || field.disabled}\r\n onChange={value => handleFieldChange(field, value)}\r\n />\r\n )\r\n case 'input':\r\n default:\r\n return (\r\n <Input\r\n {...componentProps}\r\n label={field.label}\r\n value={String(mergedValues[field.name] ?? '')}\r\n placeholder={field.placeholder}\r\n disabled={disabled || field.disabled}\r\n status={errorMessage ? 'error' : 'default'}\r\n onChange={value => handleFieldChange(field, value)}\r\n />\r\n )\r\n }\r\n }\r\n\r\n return (\r\n <form\r\n ref={ref}\r\n className={cn(getFormClassNames({ layout }), className)}\r\n onSubmit={handleSubmit}\r\n onReset={handleReset}\r\n {...restProps}\r\n >\r\n {fields.map(field => {\r\n const errorMessage = errors[field.name]\r\n const required = isFormFieldRequired(field)\r\n const mainContent = (\r\n <div className=\"css-form__item-main\">\r\n <div className=\"css-form__control\">{renderFieldControl(field, errorMessage)}</div>\r\n {field.type === 'radio' ? null : renderFieldFeedback(errorMessage, field.helpText)}\r\n </div>\r\n )\r\n\r\n return (\r\n <div\r\n key={field.name}\r\n className={cn(\r\n getFormItemClassNames({ layout, error: Boolean(errorMessage), required }),\r\n field.className\r\n )}\r\n >\r\n {shouldRenderOuterLabel(field) ? (\r\n <label className=\"css-form__label\" htmlFor={field.name}>\r\n {required ? <span className=\"css-form__required\">*</span> : null}\r\n <span>{field.label}</span>\r\n </label>\r\n ) : null}\r\n {mainContent}\r\n </div>\r\n )\r\n })}\r\n {showActions ? (\r\n <div className=\"css-form__actions\">\r\n <Button htmlType=\"submit\" disabled={disabled}>\r\n {submitText}\r\n </Button>\r\n {showReset ? (\r\n <Button htmlType=\"reset\" type=\"outline\" disabled={disabled}>\r\n {resetText}\r\n </Button>\r\n ) : null}\r\n </div>\r\n ) : null}\r\n </form>\r\n )\r\n })\r\n)\r\n\r\nFormComponent.displayName = 'CssForm'\r\n\r\nexport const Form = withInstall(FormComponent)\r\n\r\nexport default Form\r\n"],"names":["Icon"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACtC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AACvC,YAAY,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,UAAU,GACX,MAAM,wBAAwB,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
|
2
|
+
import { type GridProps as BaseGridProps } from '../../../components/grid/index';
|
|
3
|
+
import '../../../components/grid/style.css';
|
|
4
|
+
export interface GridProps extends BaseGridProps, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
5
|
+
}
|
|
6
|
+
export declare const Grid: import("../..").ComponentWithInstall<import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
7
|
+
export default Grid;
|
|
8
|
+
//# sourceMappingURL=Grid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../components/grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAGL,KAAK,SAAS,IAAI,aAAa,EAChC,MAAM,wBAAwB,CAAA;AAI/B,OAAO,kCAAkC,CAAA;AAEzC,MAAM,WAAW,SACf,SAAQ,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;CAAG;AA8C5E,eAAO,MAAM,IAAI,4IAA6B,CAAA;AAE9C,eAAe,IAAI,CAAA"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { getGridStyleVars, getGridClassNames } from '../../../components/grid/index.js';
|
|
3
|
+
import { cn } from '../../../utils/src/index.js';
|
|
4
|
+
import { createComponent } from '../../runtime/createComponent.js';
|
|
5
|
+
import { withInstall } from '../../runtime/withInstall.js';
|
|
6
|
+
import { forwardRef } from '../../runtime/forwardRef.js';
|
|
7
|
+
|
|
8
|
+
const GridComponent = createComponent(
|
|
9
|
+
forwardRef((props, ref) => {
|
|
10
|
+
const {
|
|
11
|
+
columns,
|
|
12
|
+
gap,
|
|
13
|
+
columnGap,
|
|
14
|
+
rowGap,
|
|
15
|
+
margin,
|
|
16
|
+
maxWidth,
|
|
17
|
+
bounded = true,
|
|
18
|
+
className,
|
|
19
|
+
children,
|
|
20
|
+
style,
|
|
21
|
+
...restProps
|
|
22
|
+
} = props;
|
|
23
|
+
const gridStyle = {
|
|
24
|
+
...getGridStyleVars({
|
|
25
|
+
columns,
|
|
26
|
+
gap,
|
|
27
|
+
columnGap,
|
|
28
|
+
rowGap,
|
|
29
|
+
margin,
|
|
30
|
+
maxWidth,
|
|
31
|
+
bounded
|
|
32
|
+
}),
|
|
33
|
+
...style
|
|
34
|
+
};
|
|
35
|
+
return /* @__PURE__ */ jsx(
|
|
36
|
+
"div",
|
|
37
|
+
{
|
|
38
|
+
ref,
|
|
39
|
+
className: cn(getGridClassNames({ bounded }), className),
|
|
40
|
+
style: gridStyle,
|
|
41
|
+
...restProps,
|
|
42
|
+
children: /* @__PURE__ */ jsx("div", { className: "css-grid__inner", children })
|
|
43
|
+
}
|
|
44
|
+
);
|
|
45
|
+
})
|
|
46
|
+
);
|
|
47
|
+
GridComponent.displayName = "CssGrid";
|
|
48
|
+
const Grid = withInstall(GridComponent);
|
|
49
|
+
|
|
50
|
+
export { Grid };
|
|
51
|
+
//# sourceMappingURL=Grid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Grid.js","sources":["../../../../../adapter-react/components/grid/Grid.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes } from 'react'\r\nimport {\r\n getGridClassNames,\r\n getGridStyleVars,\r\n type GridProps as BaseGridProps,\r\n} from '@cssui/components/grid'\r\nimport { cn } from '@cssui/utils'\r\nimport { createComponent, forwardRef, withInstall } from '../../runtime'\r\n\r\nimport '@cssui/components/grid/style.css'\r\n\r\nexport interface GridProps\r\n extends BaseGridProps, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {}\r\n\r\nconst GridComponent = createComponent(\r\n forwardRef<HTMLDivElement, GridProps>((props, ref) => {\r\n const {\r\n columns,\r\n gap,\r\n columnGap,\r\n rowGap,\r\n margin,\r\n maxWidth,\r\n bounded = true,\r\n className,\r\n children,\r\n style,\r\n ...restProps\r\n } = props\r\n\r\n const gridStyle = {\r\n ...getGridStyleVars({\r\n columns,\r\n gap,\r\n columnGap,\r\n rowGap,\r\n margin,\r\n maxWidth,\r\n bounded,\r\n }),\r\n ...(style as CSSProperties),\r\n } as CSSProperties\r\n\r\n return (\r\n <div\r\n ref={ref}\r\n className={cn(getGridClassNames({ bounded }), className)}\r\n style={gridStyle}\r\n {...restProps}\r\n >\r\n <div className=\"css-grid__inner\">{children}</div>\r\n </div>\r\n )\r\n })\r\n)\r\n\r\nGridComponent.displayName = 'CssGrid'\r\n\r\nexport const Grid = withInstall(GridComponent)\r\n\r\nexport default Grid\r\n"],"names":[],"mappings":";;;;;;;AAcA,MAAM,aAAA,GAAgB,eAAA;AAAA,EACpB,UAAA,CAAsC,CAAC,KAAA,EAAO,GAAA,KAAQ;AACpD,IAAA,MAAM;AAAA,MACJ,OAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA,GAAU,IAAA;AAAA,MACV,SAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,SAAA,GAAY;AAAA,MAChB,GAAG,gBAAA,CAAiB;AAAA,QAClB,OAAA;AAAA,QACA,GAAA;AAAA,QACA,SAAA;AAAA,QACA,MAAA;AAAA,QACA,MAAA;AAAA,QACA,QAAA;AAAA,QACA;AAAA,OACD,CAAA;AAAA,MACD,GAAI;AAAA,KACN;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAW,EAAA,CAAG,iBAAA,CAAkB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,QACvD,KAAA,EAAO,SAAA;AAAA,QACN,GAAG,SAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EAAmB,QAAA,EAAS;AAAA;AAAA,KAC7C;AAAA,EAEJ,CAAC;AACH,CAAA;AAEA,aAAA,CAAc,WAAA,GAAc,SAAA;AAErB,MAAM,IAAA,GAAO,YAAY,aAAa;;;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
|
2
|
+
import { type GridItemProps as BaseGridItemProps } from '../../../components/grid/index';
|
|
3
|
+
import '../../../components/grid/style.css';
|
|
4
|
+
export interface GridItemProps extends BaseGridItemProps, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
5
|
+
}
|
|
6
|
+
export declare const GridItem: import("../..").ComponentWithInstall<import("react").ForwardRefExoticComponent<GridItemProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
7
|
+
export default GridItem;
|
|
8
|
+
//# sourceMappingURL=GridItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GridItem.d.ts","sourceRoot":"","sources":["../../../components/grid/GridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAGL,KAAK,aAAa,IAAI,iBAAiB,EACxC,MAAM,wBAAwB,CAAA;AAI/B,OAAO,kCAAkC,CAAA;AAEzC,MAAM,WAAW,aACf,SAAQ,iBAAiB,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;CAAG;AA0BhF,eAAO,MAAM,QAAQ,gJAAiC,CAAA;AAEtD,eAAe,QAAQ,CAAA"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { getGridItemStyleVars, getGridItemClassNames } from '../../../components/grid/index.js';
|
|
3
|
+
import { cn } from '../../../utils/src/index.js';
|
|
4
|
+
import { createComponent } from '../../runtime/createComponent.js';
|
|
5
|
+
import { withInstall } from '../../runtime/withInstall.js';
|
|
6
|
+
import { forwardRef } from '../../runtime/forwardRef.js';
|
|
7
|
+
|
|
8
|
+
const GridItemComponent = createComponent(
|
|
9
|
+
forwardRef((props, ref) => {
|
|
10
|
+
const { span, className, children, style, ...restProps } = props;
|
|
11
|
+
const itemStyle = {
|
|
12
|
+
...getGridItemStyleVars({ span }),
|
|
13
|
+
...style
|
|
14
|
+
};
|
|
15
|
+
return /* @__PURE__ */ jsx(
|
|
16
|
+
"div",
|
|
17
|
+
{
|
|
18
|
+
ref,
|
|
19
|
+
className: cn(getGridItemClassNames(), className),
|
|
20
|
+
style: itemStyle,
|
|
21
|
+
...restProps,
|
|
22
|
+
children
|
|
23
|
+
}
|
|
24
|
+
);
|
|
25
|
+
})
|
|
26
|
+
);
|
|
27
|
+
GridItemComponent.displayName = "CssGridItem";
|
|
28
|
+
const GridItem = withInstall(GridItemComponent);
|
|
29
|
+
|
|
30
|
+
export { GridItem };
|
|
31
|
+
//# sourceMappingURL=GridItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GridItem.js","sources":["../../../../../adapter-react/components/grid/GridItem.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes } from 'react'\r\nimport {\r\n getGridItemClassNames,\r\n getGridItemStyleVars,\r\n type GridItemProps as BaseGridItemProps,\r\n} from '@cssui/components/grid'\r\nimport { cn } from '@cssui/utils'\r\nimport { createComponent, forwardRef, withInstall } from '../../runtime'\r\n\r\nimport '@cssui/components/grid/style.css'\r\n\r\nexport interface GridItemProps\r\n extends BaseGridItemProps, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {}\r\n\r\nconst GridItemComponent = createComponent(\r\n forwardRef<HTMLDivElement, GridItemProps>((props, ref) => {\r\n const { span, className, children, style, ...restProps } = props\r\n\r\n const itemStyle = {\r\n ...getGridItemStyleVars({ span }),\r\n ...(style as CSSProperties),\r\n } as CSSProperties\r\n\r\n return (\r\n <div\r\n ref={ref}\r\n className={cn(getGridItemClassNames(), className)}\r\n style={itemStyle}\r\n {...restProps}\r\n >\r\n {children}\r\n </div>\r\n )\r\n })\r\n)\r\n\r\nGridItemComponent.displayName = 'CssGridItem'\r\n\r\nexport const GridItem = withInstall(GridItemComponent)\r\n\r\nexport default GridItem\r\n"],"names":[],"mappings":";;;;;;;AAcA,MAAM,iBAAA,GAAoB,eAAA;AAAA,EACxB,UAAA,CAA0C,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxD,IAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAW,UAAU,KAAA,EAAO,GAAG,WAAU,GAAI,KAAA;AAE3D,IAAA,MAAM,SAAA,GAAY;AAAA,MAChB,GAAG,oBAAA,CAAqB,EAAE,IAAA,EAAM,CAAA;AAAA,MAChC,GAAI;AAAA,KACN;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAsB,EAAG,SAAS,CAAA;AAAA,QAChD,KAAA,EAAO,SAAA;AAAA,QACN,GAAG,SAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ,CAAC;AACH,CAAA;AAEA,iBAAA,CAAkB,WAAA,GAAc,aAAA;AAEzB,MAAM,QAAA,GAAW,YAAY,iBAAiB;;;;"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { Grid, default } from './Grid';
|
|
2
|
+
export { GridItem } from './GridItem';
|
|
3
|
+
export type { GridProps } from './Grid';
|
|
4
|
+
export type { GridItemProps } from './GridItem';
|
|
5
|
+
export type { GridBreakpoint, GridLength, GridResponsiveValue, GridSpan, } from '../../../components/grid/index';
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,YAAY,EACV,cAAc,EACd,UAAU,EACV,mBAAmB,EACnB,QAAQ,GACT,MAAM,wBAAwB,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type IconProps as BaseIconProps } from '../../../components/icon/index';
|
|
3
|
+
import '../../../components/icon/style.css';
|
|
4
|
+
export interface IconProps extends Omit<BaseIconProps, 'name'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
|
|
5
|
+
/**
|
|
6
|
+
* 内置图标名称
|
|
7
|
+
* 例如: 'LogoBlock', 'LogoHorizontal'
|
|
8
|
+
*/
|
|
9
|
+
name?: string;
|
|
10
|
+
/**
|
|
11
|
+
* 自定义图标组件
|
|
12
|
+
* 可以是任何 React 组件或 JSX 元素
|
|
13
|
+
*/
|
|
14
|
+
icon?: React.ComponentType<any> | React.ReactElement;
|
|
15
|
+
}
|
|
16
|
+
declare const IconComponent: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
export default IconComponent;
|
|
18
|
+
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,EAAgB,KAAK,SAAS,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtF,OAAO,KAAK,QAAQ,MAAM,cAAc,CAAA;AAExC,OAAO,kCAAkC,CAAA;AAEzC,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACxF;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAA;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;CACrD;AAED,QAAA,MAAM,aAAa,kFAmDjB,CAAA;AAIF,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import React, { forwardRef, useMemo } from 'react';
|
|
3
|
+
import { getIconStyle } from '../../../components/icon/index.js';
|
|
4
|
+
import { cn } from '../../../utils/src/index.js';
|
|
5
|
+
import * as index from '../../../icons/react/index.js';
|
|
6
|
+
|
|
7
|
+
const IconComponent = forwardRef((props, ref) => {
|
|
8
|
+
const { size, color, spin, rotate, component, name, icon, className, style, ...restProps } = props;
|
|
9
|
+
const computedStyle = useMemo(() => {
|
|
10
|
+
return {
|
|
11
|
+
...getIconStyle({ size, color, rotate }),
|
|
12
|
+
...style
|
|
13
|
+
};
|
|
14
|
+
}, [size, color, rotate, style]);
|
|
15
|
+
const classes = cn("css-icon", spin ? "css-icon-spin" : void 0, className);
|
|
16
|
+
let content = null;
|
|
17
|
+
if (icon) {
|
|
18
|
+
if (React.isValidElement(icon)) {
|
|
19
|
+
content = icon;
|
|
20
|
+
} else if (typeof icon === "function") {
|
|
21
|
+
const IconComponent2 = icon;
|
|
22
|
+
content = /* @__PURE__ */ jsx(IconComponent2, {});
|
|
23
|
+
}
|
|
24
|
+
} else if (component) {
|
|
25
|
+
if (React.isValidElement(component)) {
|
|
26
|
+
content = component;
|
|
27
|
+
} else if (typeof component === "function") {
|
|
28
|
+
const Component = component;
|
|
29
|
+
content = /* @__PURE__ */ jsx(Component, {});
|
|
30
|
+
}
|
|
31
|
+
} else if (name && index[name]) {
|
|
32
|
+
const BuiltInIcon = index[name];
|
|
33
|
+
content = /* @__PURE__ */ jsx(BuiltInIcon, {});
|
|
34
|
+
}
|
|
35
|
+
return /* @__PURE__ */ jsx(
|
|
36
|
+
"i",
|
|
37
|
+
{
|
|
38
|
+
ref,
|
|
39
|
+
className: classes,
|
|
40
|
+
style: computedStyle,
|
|
41
|
+
role: "img",
|
|
42
|
+
"aria-hidden": "true",
|
|
43
|
+
...restProps,
|
|
44
|
+
children: content
|
|
45
|
+
}
|
|
46
|
+
);
|
|
47
|
+
});
|
|
48
|
+
IconComponent.displayName = "Icon";
|
|
49
|
+
|
|
50
|
+
export { IconComponent as default };
|
|
51
|
+
//# sourceMappingURL=Icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.js","sources":["../../../../../adapter-react/components/icon/Icon.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react'\nimport { getIconStyle, type IconProps as BaseIconProps } from '@cssui/components/icon'\nimport { cn } from '@cssui/utils'\nimport * as CssIcons from '@cssui/icons'\n\nimport '@cssui/components/icon/style.css'\n\nexport interface IconProps\n extends Omit<BaseIconProps, 'name'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {\n /**\n * 内置图标名称\n * 例如: 'LogoBlock', 'LogoHorizontal'\n */\n name?: keyof typeof CssIcons\n /**\n * 自定义图标组件\n * 可以是任何 React 组件或 JSX 元素\n */\n icon?: React.ComponentType<any> | React.ReactElement\n}\n\nconst IconComponent = forwardRef<HTMLDivElement, IconProps>((props, ref) => {\n const { size, color, spin, rotate, component, name, icon, className, style, ...restProps } = props\n\n const computedStyle = useMemo(() => {\n return {\n ...getIconStyle({ size, color, rotate }),\n ...style,\n }\n }, [size, color, rotate, style])\n\n const classes = cn('css-icon', spin ? 'css-icon-spin' : undefined, className)\n\n // 渲染图标内容\n let content: React.ReactNode = null\n\n // 优先级: icon > component > name > children\n if (icon) {\n // 如果 icon 是 React 元素,直接渲染\n if (React.isValidElement(icon)) {\n content = icon\n }\n // 如果 icon 是组件,渲染它\n else if (typeof icon === 'function') {\n const IconComponent = icon\n content = <IconComponent />\n }\n } else if (component) {\n if (React.isValidElement(component)) {\n content = component\n } else if (typeof component === 'function') {\n const Component = component\n content = <Component />\n }\n } else if (name && CssIcons[name]) {\n // 使用内置图标\n const BuiltInIcon = CssIcons[name] as React.ComponentType<any>\n content = <BuiltInIcon />\n }\n\n return (\n <i\n ref={ref}\n className={classes}\n style={computedStyle}\n role=\"img\"\n aria-hidden=\"true\"\n {...restProps}\n >\n {content}\n </i>\n )\n})\n\nIconComponent.displayName = 'Icon'\n\nexport default IconComponent\n"],"names":["IconComponent","CssIcons"],"mappings":";;;;;;AAqBA,MAAM,aAAA,GAAgB,UAAA,CAAsC,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC1E,EAAA,MAAM,EAAE,IAAA,EAAM,KAAA,EAAO,IAAA,EAAM,MAAA,EAAQ,SAAA,EAAW,IAAA,EAAM,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,GAAG,SAAA,EAAU,GAAI,KAAA;AAE7F,EAAA,MAAM,aAAA,GAAgB,QAAQ,MAAM;AAClC,IAAA,OAAO;AAAA,MACL,GAAG,YAAA,CAAa,EAAE,IAAA,EAAM,KAAA,EAAO,QAAQ,CAAA;AAAA,MACvC,GAAG;AAAA,KACL;AAAA,EACF,GAAG,CAAC,IAAA,EAAM,KAAA,EAAO,MAAA,EAAQ,KAAK,CAAC,CAAA;AAE/B,EAAA,MAAM,UAAU,EAAA,CAAG,UAAA,EAAY,IAAA,GAAO,eAAA,GAAkB,QAAW,SAAS,CAAA;AAG5E,EAAA,IAAI,OAAA,GAA2B,IAAA;AAG/B,EAAA,IAAI,IAAA,EAAM;AAER,IAAA,IAAI,KAAA,CAAM,cAAA,CAAe,IAAI,CAAA,EAAG;AAC9B,MAAA,OAAA,GAAU,IAAA;AAAA,IACZ,CAAA,MAAA,IAES,OAAO,IAAA,KAAS,UAAA,EAAY;AACnC,MAAA,MAAMA,cAAAA,GAAgB,IAAA;AACtB,MAAA,OAAA,mBAAU,GAAA,CAACA,gBAAA,EAAc,CAAA;AAAA,IAC3B;AAAA,EACF,WAAW,SAAA,EAAW;AACpB,IAAA,IAAI,KAAA,CAAM,cAAA,CAAe,SAAS,CAAA,EAAG;AACnC,MAAA,OAAA,GAAU,SAAA;AAAA,IACZ,CAAA,MAAA,IAAW,OAAO,SAAA,KAAc,UAAA,EAAY;AAC1C,MAAA,MAAM,SAAA,GAAY,SAAA;AAClB,MAAA,OAAA,uBAAW,SAAA,EAAA,EAAU,CAAA;AAAA,IACvB;AAAA,EACF,CAAA,MAAA,IAAW,IAAA,IAAQC,KAAA,CAAS,IAAI,CAAA,EAAG;AAEjC,IAAA,MAAM,WAAA,GAAcA,MAAS,IAAI,CAAA;AACjC,IAAA,OAAA,uBAAW,WAAA,EAAA,EAAY,CAAA;AAAA,EACzB;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,OAAA;AAAA,MACX,KAAA,EAAO,aAAA;AAAA,MACP,IAAA,EAAK,KAAA;AAAA,MACL,aAAA,EAAY,MAAA;AAAA,MACX,GAAG,SAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,aAAA,CAAc,WAAA,GAAc,MAAA;;;;"}
|