@cssui/react 1.0.0 → 1.0.2
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 +30 -0
- package/dist/icons/react/add_circle.js.map +1 -0
- package/dist/icons/react/arrow_back.js +24 -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 +24 -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 +24 -0
- package/dist/icons/react/close.js.map +1 -0
- package/dist/icons/react/config.js +32 -0
- package/dist/icons/react/config.js.map +1 -0
- package/dist/icons/react/dark_mode.js +24 -0
- package/dist/icons/react/dark_mode.js.map +1 -0
- package/dist/icons/react/do_not_disturb_on.js +32 -0
- package/dist/icons/react/do_not_disturb_on.js.map +1 -0
- package/dist/icons/react/error.js +24 -0
- package/dist/icons/react/error.js.map +1 -0
- package/dist/icons/react/home.js +27 -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 +30 -0
- package/dist/icons/react/info.js.map +1 -0
- package/dist/icons/react/logo_Block.js +30 -0
- package/dist/icons/react/logo_Block.js.map +1 -0
- package/dist/icons/react/logo_Horizontal.js +32 -0
- package/dist/icons/react/logo_Horizontal.js.map +1 -0
- package/dist/icons/react/looks_3.js +24 -0
- package/dist/icons/react/looks_3.js.map +1 -0
- package/dist/icons/react/looks_one.js +30 -0
- package/dist/icons/react/looks_one.js.map +1 -0
- package/dist/icons/react/looks_two.js +24 -0
- package/dist/icons/react/looks_two.js.map +1 -0
- package/dist/icons/react/menu.js +24 -0
- package/dist/icons/react/menu.js.map +1 -0
- package/dist/icons/react/menu_open.js +24 -0
- package/dist/icons/react/menu_open.js.map +1 -0
- package/dist/icons/react/more_horiz.js +27 -0
- package/dist/icons/react/more_horiz.js.map +1 -0
- package/dist/icons/react/schedule.js +24 -0
- package/dist/icons/react/schedule.js.map +1 -0
- package/dist/icons/react/search.js +30 -0
- package/dist/icons/react/search.js.map +1 -0
- package/dist/icons/react/sunny.js +24 -0
- package/dist/icons/react/sunny.js.map +1 -0
- package/dist/icons/react/warning.js +30 -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/style.css +2 -0
- 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/theme.css +183 -0
- 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 +9 -7
- package/dist/tsconfig.tsbuildinfo +0 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
import { type TableColumn as BaseTableColumn, type TableProps as BaseTableProps, type TableRowKey } from '../../../components/table/index';
|
|
3
|
+
import '../../../components/table/style.css';
|
|
4
|
+
type RecordType = Record<string, unknown>;
|
|
5
|
+
export interface TableColumn<RowData extends RecordType = RecordType> extends Omit<BaseTableColumn<RowData>, 'sortIcon' | 'render'> {
|
|
6
|
+
sortIcon?: ReactNode | string | React.ComponentType;
|
|
7
|
+
render?: (value: unknown, record: RowData, index: number) => ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export interface TableProps<RowData extends RecordType = RecordType> extends Omit<BaseTableProps<RowData>, 'columns' | 'className'>, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
10
|
+
columns: TableColumn<RowData>[];
|
|
11
|
+
rowKey?: TableRowKey<RowData>;
|
|
12
|
+
}
|
|
13
|
+
export declare const Table: import("../..").ComponentWithInstall<React.ForwardRefExoticComponent<TableProps<RecordType> & React.RefAttributes<HTMLDivElement>>>;
|
|
14
|
+
export default Table;
|
|
15
|
+
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../components/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAEd,OAAO,EAWL,KAAK,WAAW,IAAI,eAAe,EACnC,KAAK,UAAU,IAAI,cAAc,EACjC,KAAK,WAAW,EAEjB,MAAM,yBAAyB,CAAA;AAMhC,OAAO,mCAAmC,CAAA;AAE1C,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAEzC,MAAM,WAAW,WAAW,CAAC,OAAO,SAAS,UAAU,GAAG,UAAU,CAAE,SAAQ,IAAI,CAChF,eAAe,CAAC,OAAO,CAAC,EACxB,UAAU,GAAG,QAAQ,CACtB;IACC,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK,CAAC,aAAa,CAAA;IACnD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;CACvE;AAED,MAAM,WAAW,UAAU,CAAC,OAAO,SAAS,UAAU,GAAG,UAAU,CACjE,SACE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC,EACtD,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAClD,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,EAAE,CAAA;IAC/B,MAAM,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC9B;AA6QD,eAAO,MAAM,KAAK,qIAA8B,CAAA;AAEhD,eAAe,KAAK,CAAA"}
|
|
@@ -0,0 +1,211 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useState, useEffect, useMemo, isValidElement } from 'react';
|
|
3
|
+
import { getPaginationPageCount, clampPaginationPage } from '../../../components/pagination/index.js';
|
|
4
|
+
import { getTablePaginationTotal, getTablePageData, shouldTableSliceData, hasTableSorter, getTableCellClassNames, getTableColumnKey, getTableCellValue, normalizeTablePaginationAlign, getTableClassNames, normalizeTableColumnFixed } from '../../../components/table/index.js';
|
|
5
|
+
import { cn } from '../../../utils/src/index.js';
|
|
6
|
+
import { createComponent } from '../../runtime/createComponent.js';
|
|
7
|
+
import { withInstall } from '../../runtime/withInstall.js';
|
|
8
|
+
import { forwardRef } from '../../runtime/forwardRef.js';
|
|
9
|
+
import IconComponent from '../icon/Icon.js';
|
|
10
|
+
import { Pagination } from '../pagination/Pagination.js';
|
|
11
|
+
|
|
12
|
+
function parseWidthToNumber(width) {
|
|
13
|
+
if (typeof width === "number") return width;
|
|
14
|
+
if (typeof width === "string" && width.trim().endsWith("px")) {
|
|
15
|
+
return Number.parseFloat(width);
|
|
16
|
+
}
|
|
17
|
+
return 0;
|
|
18
|
+
}
|
|
19
|
+
function getRowKey(rowKey, record, index) {
|
|
20
|
+
if (typeof rowKey === "function") {
|
|
21
|
+
return rowKey(record, index);
|
|
22
|
+
}
|
|
23
|
+
if (typeof rowKey === "string") {
|
|
24
|
+
const keyValue = getTableCellValue(record, rowKey);
|
|
25
|
+
if (keyValue !== void 0 && keyValue !== null) {
|
|
26
|
+
return String(keyValue);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
return String(index);
|
|
30
|
+
}
|
|
31
|
+
function getStickyOffsets(columns) {
|
|
32
|
+
const leftOffsets = new Array(columns.length).fill(void 0);
|
|
33
|
+
const rightOffsets = new Array(columns.length).fill(void 0);
|
|
34
|
+
let leftOffset = 0;
|
|
35
|
+
columns.forEach((column, index) => {
|
|
36
|
+
if (normalizeTableColumnFixed(column.fixed) === "left") {
|
|
37
|
+
leftOffsets[index] = leftOffset;
|
|
38
|
+
leftOffset += parseWidthToNumber(column.width);
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
let rightOffset = 0;
|
|
42
|
+
for (let index = columns.length - 1; index >= 0; index -= 1) {
|
|
43
|
+
if (normalizeTableColumnFixed(columns[index]?.fixed) === "right") {
|
|
44
|
+
rightOffsets[index] = rightOffset;
|
|
45
|
+
rightOffset += parseWidthToNumber(columns[index]?.width);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
return { leftOffsets, rightOffsets };
|
|
49
|
+
}
|
|
50
|
+
function renderSortIcon(sortOrder, sortIcon) {
|
|
51
|
+
if (sortIcon !== void 0 && sortIcon !== null) {
|
|
52
|
+
if (typeof sortIcon === "string") {
|
|
53
|
+
return /* @__PURE__ */ jsx(IconComponent, { name: sortIcon, size: 16 });
|
|
54
|
+
}
|
|
55
|
+
if (isValidElement(sortIcon)) {
|
|
56
|
+
return sortIcon;
|
|
57
|
+
}
|
|
58
|
+
if (typeof sortIcon === "function") {
|
|
59
|
+
const SortIconComponent = sortIcon;
|
|
60
|
+
return /* @__PURE__ */ jsx(SortIconComponent, {});
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
return /* @__PURE__ */ jsx(
|
|
64
|
+
IconComponent,
|
|
65
|
+
{
|
|
66
|
+
name: "ArrowDropDown",
|
|
67
|
+
size: 16,
|
|
68
|
+
rotate: sortOrder === "ascend" ? 180 : 0,
|
|
69
|
+
style: { opacity: sortOrder ? 1 : 0.45 }
|
|
70
|
+
}
|
|
71
|
+
);
|
|
72
|
+
}
|
|
73
|
+
const TableComponent = createComponent(
|
|
74
|
+
forwardRef((props, ref) => {
|
|
75
|
+
const { columns, dataSource, pagination, rowKey, className, ...restProps } = props;
|
|
76
|
+
const paginationConfig = pagination === false ? false : pagination ?? {};
|
|
77
|
+
const pageSize = paginationConfig === false ? dataSource.length || 1 : paginationConfig.pageSize ?? 15;
|
|
78
|
+
const total = getTablePaginationTotal(dataSource, paginationConfig);
|
|
79
|
+
const totalPages = getPaginationPageCount({ total, pageSize });
|
|
80
|
+
const isControlled = paginationConfig !== false && paginationConfig.current !== void 0;
|
|
81
|
+
const [innerCurrent, setInnerCurrent] = useState(
|
|
82
|
+
paginationConfig !== false ? paginationConfig.current ?? 1 : 1
|
|
83
|
+
);
|
|
84
|
+
useEffect(() => {
|
|
85
|
+
if (paginationConfig === false) {
|
|
86
|
+
return;
|
|
87
|
+
}
|
|
88
|
+
if (!isControlled) {
|
|
89
|
+
setInnerCurrent((previous) => clampPaginationPage(previous, totalPages));
|
|
90
|
+
}
|
|
91
|
+
}, [isControlled, paginationConfig, totalPages]);
|
|
92
|
+
const currentPage = paginationConfig === false ? 1 : clampPaginationPage(
|
|
93
|
+
isControlled ? paginationConfig.current ?? 1 : innerCurrent,
|
|
94
|
+
totalPages
|
|
95
|
+
);
|
|
96
|
+
const pagedData = useMemo(() => {
|
|
97
|
+
if (paginationConfig === false) {
|
|
98
|
+
return dataSource;
|
|
99
|
+
}
|
|
100
|
+
return getTablePageData({
|
|
101
|
+
dataSource,
|
|
102
|
+
current: currentPage,
|
|
103
|
+
pageSize,
|
|
104
|
+
enabled: shouldTableSliceData(dataSource, paginationConfig)
|
|
105
|
+
});
|
|
106
|
+
}, [currentPage, dataSource, pageSize, paginationConfig]);
|
|
107
|
+
const { leftOffsets, rightOffsets } = useMemo(() => getStickyOffsets(columns), [columns]);
|
|
108
|
+
const getCellStyle = (column, index, header = false) => {
|
|
109
|
+
const fixed = normalizeTableColumnFixed(column.fixed);
|
|
110
|
+
const style = {};
|
|
111
|
+
if (column.width !== void 0) {
|
|
112
|
+
style.width = column.width;
|
|
113
|
+
style.minWidth = column.width;
|
|
114
|
+
style.maxWidth = column.width;
|
|
115
|
+
}
|
|
116
|
+
if (fixed === "left") {
|
|
117
|
+
style.left = leftOffsets[index];
|
|
118
|
+
if (header) {
|
|
119
|
+
style.background = "var(--color-primary)";
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
if (fixed === "right") {
|
|
123
|
+
style.right = rightOffsets[index];
|
|
124
|
+
if (header) {
|
|
125
|
+
style.background = "var(--color-primary)";
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
return style;
|
|
129
|
+
};
|
|
130
|
+
const handlePageChange = (page) => {
|
|
131
|
+
if (paginationConfig === false) return;
|
|
132
|
+
if (!isControlled) {
|
|
133
|
+
setInnerCurrent(page);
|
|
134
|
+
}
|
|
135
|
+
paginationConfig.onChange?.(page);
|
|
136
|
+
};
|
|
137
|
+
return /* @__PURE__ */ jsxs("div", { ref, className: cn(getTableClassNames(), className), ...restProps, children: [
|
|
138
|
+
/* @__PURE__ */ jsx("div", { className: "css-table__container", children: /* @__PURE__ */ jsxs("table", { className: "css-table__table", children: [
|
|
139
|
+
/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((column, index) => /* @__PURE__ */ jsx(
|
|
140
|
+
"th",
|
|
141
|
+
{
|
|
142
|
+
className: getTableCellClassNames({
|
|
143
|
+
align: column.align,
|
|
144
|
+
ellipsis: column.ellipsis,
|
|
145
|
+
fixed: column.fixed,
|
|
146
|
+
header: true
|
|
147
|
+
}),
|
|
148
|
+
style: getCellStyle(column, index, true),
|
|
149
|
+
children: hasTableSorter(column) ? /* @__PURE__ */ jsxs("span", { className: "css-table__sort", children: [
|
|
150
|
+
/* @__PURE__ */ jsx("span", { className: "css-table__sort-title", children: column.title }),
|
|
151
|
+
/* @__PURE__ */ jsx(
|
|
152
|
+
"span",
|
|
153
|
+
{
|
|
154
|
+
className: cn(
|
|
155
|
+
"css-table__sort-icon",
|
|
156
|
+
column.sortOrder && "css-table__sort-icon--active"
|
|
157
|
+
),
|
|
158
|
+
children: renderSortIcon(column.sortOrder ?? null, column.sortIcon)
|
|
159
|
+
}
|
|
160
|
+
)
|
|
161
|
+
] }) : column.title
|
|
162
|
+
},
|
|
163
|
+
getTableColumnKey(column, index)
|
|
164
|
+
)) }) }),
|
|
165
|
+
/* @__PURE__ */ jsx("tbody", { children: pagedData.length > 0 ? pagedData.map((record, rowIndex) => /* @__PURE__ */ jsx("tr", { className: "css-table__body-row", children: columns.map((column, columnIndex) => {
|
|
166
|
+
const value = getTableCellValue(record, column.dataIndex);
|
|
167
|
+
const content = column.render ? column.render(value, record, rowIndex) : value == null ? "-" : String(value);
|
|
168
|
+
return /* @__PURE__ */ jsx(
|
|
169
|
+
"td",
|
|
170
|
+
{
|
|
171
|
+
className: getTableCellClassNames({
|
|
172
|
+
align: column.align,
|
|
173
|
+
ellipsis: column.ellipsis,
|
|
174
|
+
fixed: column.fixed
|
|
175
|
+
}),
|
|
176
|
+
style: getCellStyle(column, columnIndex),
|
|
177
|
+
children: /* @__PURE__ */ jsx(
|
|
178
|
+
"div",
|
|
179
|
+
{
|
|
180
|
+
className: cn(
|
|
181
|
+
"css-table__cell-content",
|
|
182
|
+
column.ellipsis && "css-table__cell-content--ellipsis"
|
|
183
|
+
),
|
|
184
|
+
title: column.ellipsis && typeof content === "string" ? content : void 0,
|
|
185
|
+
children: content
|
|
186
|
+
}
|
|
187
|
+
)
|
|
188
|
+
},
|
|
189
|
+
getTableColumnKey(column, columnIndex)
|
|
190
|
+
);
|
|
191
|
+
}) }, getRowKey(rowKey, record, rowIndex))) : /* @__PURE__ */ jsx("tr", { className: "css-table__body-row", children: /* @__PURE__ */ jsx("td", { className: "css-table__empty", colSpan: Math.max(columns.length, 1), children: "\u6682\u65E0\u6570\u636E" }) }) })
|
|
192
|
+
] }) }),
|
|
193
|
+
paginationConfig !== false ? /* @__PURE__ */ jsx("div", { className: "css-table__pagination", children: /* @__PURE__ */ jsx(
|
|
194
|
+
Pagination,
|
|
195
|
+
{
|
|
196
|
+
current: currentPage,
|
|
197
|
+
total,
|
|
198
|
+
pageSize,
|
|
199
|
+
align: normalizeTablePaginationAlign(paginationConfig.align),
|
|
200
|
+
showTotal: paginationConfig.showTotal,
|
|
201
|
+
onChange: handlePageChange
|
|
202
|
+
}
|
|
203
|
+
) }) : null
|
|
204
|
+
] });
|
|
205
|
+
})
|
|
206
|
+
);
|
|
207
|
+
TableComponent.displayName = "CssTable";
|
|
208
|
+
const Table = withInstall(TableComponent);
|
|
209
|
+
|
|
210
|
+
export { Table };
|
|
211
|
+
//# sourceMappingURL=Table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.js","sources":["../../../../../adapter-react/components/table/Table.tsx"],"sourcesContent":["import React, {\n isValidElement,\n useEffect,\n useMemo,\n useState,\n type CSSProperties,\n type HTMLAttributes,\n type ReactNode,\n} from 'react'\nimport { clampPaginationPage, getPaginationPageCount } from '@cssui/components/pagination'\nimport {\n getTableCellClassNames,\n getTableCellValue,\n getTableClassNames,\n getTableColumnKey,\n getTablePageData,\n getTablePaginationTotal,\n hasTableSorter,\n normalizeTableColumnFixed,\n normalizeTablePaginationAlign,\n shouldTableSliceData,\n type TableColumn as BaseTableColumn,\n type TableProps as BaseTableProps,\n type TableRowKey,\n type TableSortOrder,\n} from '@cssui/components/table'\nimport { cn } from '@cssui/utils'\nimport { createComponent, forwardRef, withInstall } from '../../runtime'\nimport Icon from '../icon/Icon'\nimport Pagination from '../pagination/Pagination'\n\nimport '@cssui/components/table/style.css'\n\ntype RecordType = Record<string, unknown>\n\nexport interface TableColumn<RowData extends RecordType = RecordType> extends Omit<\n BaseTableColumn<RowData>,\n 'sortIcon' | 'render'\n> {\n sortIcon?: ReactNode | string | React.ComponentType\n render?: (value: unknown, record: RowData, index: number) => ReactNode\n}\n\nexport interface TableProps<RowData extends RecordType = RecordType>\n extends\n Omit<BaseTableProps<RowData>, 'columns' | 'className'>,\n Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n columns: TableColumn<RowData>[]\n rowKey?: TableRowKey<RowData>\n}\n\nfunction parseWidthToNumber(width?: number | string): number {\n if (typeof width === 'number') return width\n if (typeof width === 'string' && width.trim().endsWith('px')) {\n return Number.parseFloat(width)\n }\n return 0\n}\n\nfunction getRowKey<RowData extends RecordType>(\n rowKey: TableRowKey<RowData> | undefined,\n record: RowData,\n index: number\n) {\n if (typeof rowKey === 'function') {\n return rowKey(record, index)\n }\n\n if (typeof rowKey === 'string') {\n const keyValue = getTableCellValue(record, rowKey)\n if (keyValue !== undefined && keyValue !== null) {\n return String(keyValue)\n }\n }\n\n return String(index)\n}\n\nfunction getStickyOffsets<RowData extends RecordType>(columns: TableColumn<RowData>[]) {\n const leftOffsets: Array<number | undefined> = new Array(columns.length).fill(undefined)\n const rightOffsets: Array<number | undefined> = new Array(columns.length).fill(undefined)\n\n let leftOffset = 0\n columns.forEach((column, index) => {\n if (normalizeTableColumnFixed(column.fixed) === 'left') {\n leftOffsets[index] = leftOffset\n leftOffset += parseWidthToNumber(column.width)\n }\n })\n\n let rightOffset = 0\n for (let index = columns.length - 1; index >= 0; index -= 1) {\n if (normalizeTableColumnFixed(columns[index]?.fixed) === 'right') {\n rightOffsets[index] = rightOffset\n rightOffset += parseWidthToNumber(columns[index]?.width)\n }\n }\n\n return { leftOffsets, rightOffsets }\n}\n\nfunction renderSortIcon(\n sortOrder: TableSortOrder,\n sortIcon?: ReactNode | string | React.ComponentType\n) {\n if (sortIcon !== undefined && sortIcon !== null) {\n if (typeof sortIcon === 'string') {\n return <Icon name={sortIcon as any} size={16} />\n }\n\n if (isValidElement(sortIcon)) {\n return sortIcon\n }\n\n if (typeof sortIcon === 'function') {\n const SortIconComponent = sortIcon\n return <SortIconComponent />\n }\n }\n\n return (\n <Icon\n name=\"ArrowDropDown\"\n size={16}\n rotate={sortOrder === 'ascend' ? 180 : 0}\n style={{ opacity: sortOrder ? 1 : 0.45 }}\n />\n )\n}\n\nconst TableComponent = createComponent(\n forwardRef<HTMLDivElement, TableProps>((props, ref) => {\n const { columns, dataSource, pagination, rowKey, className, ...restProps } = props\n const paginationConfig = pagination === false ? false : (pagination ?? {})\n const pageSize =\n paginationConfig === false ? dataSource.length || 1 : (paginationConfig.pageSize ?? 15)\n const total = getTablePaginationTotal(dataSource, paginationConfig)\n const totalPages = getPaginationPageCount({ total, pageSize })\n const isControlled = paginationConfig !== false && paginationConfig.current !== undefined\n\n const [innerCurrent, setInnerCurrent] = useState(\n paginationConfig !== false ? (paginationConfig.current ?? 1) : 1\n )\n\n useEffect(() => {\n if (paginationConfig === false) {\n return\n }\n\n if (!isControlled) {\n setInnerCurrent((previous: number) => clampPaginationPage(previous, totalPages))\n }\n }, [isControlled, paginationConfig, totalPages])\n\n const currentPage =\n paginationConfig === false\n ? 1\n : clampPaginationPage(\n isControlled ? (paginationConfig.current ?? 1) : innerCurrent,\n totalPages\n )\n\n const pagedData = useMemo(() => {\n if (paginationConfig === false) {\n return dataSource\n }\n\n return getTablePageData({\n dataSource,\n current: currentPage,\n pageSize,\n enabled: shouldTableSliceData(dataSource, paginationConfig),\n })\n }, [currentPage, dataSource, pageSize, paginationConfig])\n\n const { leftOffsets, rightOffsets } = useMemo(() => getStickyOffsets(columns), [columns])\n\n const getCellStyle = (column: TableColumn, index: number, header = false): CSSProperties => {\n const fixed = normalizeTableColumnFixed(column.fixed)\n const style: CSSProperties = {}\n\n if (column.width !== undefined) {\n style.width = column.width\n style.minWidth = column.width\n style.maxWidth = column.width\n }\n\n if (fixed === 'left') {\n style.left = leftOffsets[index]\n if (header) {\n style.background = 'var(--color-primary)'\n }\n }\n\n if (fixed === 'right') {\n style.right = rightOffsets[index]\n if (header) {\n style.background = 'var(--color-primary)'\n }\n }\n\n return style\n }\n\n const handlePageChange = (page: number) => {\n if (paginationConfig === false) return\n\n if (!isControlled) {\n setInnerCurrent(page)\n }\n\n paginationConfig.onChange?.(page)\n }\n\n return (\n <div ref={ref} className={cn(getTableClassNames(), className)} {...restProps}>\n <div className=\"css-table__container\">\n <table className=\"css-table__table\">\n <thead>\n <tr>\n {columns.map((column, index) => (\n <th\n key={getTableColumnKey(column, index)}\n className={getTableCellClassNames({\n align: column.align,\n ellipsis: column.ellipsis,\n fixed: column.fixed,\n header: true,\n })}\n style={getCellStyle(column, index, true)}\n >\n {hasTableSorter(column) ? (\n <span className=\"css-table__sort\">\n <span className=\"css-table__sort-title\">{column.title}</span>\n <span\n className={cn(\n 'css-table__sort-icon',\n column.sortOrder && 'css-table__sort-icon--active'\n )}\n >\n {renderSortIcon(column.sortOrder ?? null, column.sortIcon)}\n </span>\n </span>\n ) : (\n column.title\n )}\n </th>\n ))}\n </tr>\n </thead>\n <tbody>\n {pagedData.length > 0 ? (\n pagedData.map((record, rowIndex) => (\n <tr key={getRowKey(rowKey, record, rowIndex)} className=\"css-table__body-row\">\n {columns.map((column, columnIndex) => {\n const value = getTableCellValue(record, column.dataIndex)\n const content = column.render\n ? column.render(value, record, rowIndex)\n : value == null\n ? '-'\n : String(value)\n\n return (\n <td\n key={getTableColumnKey(column, columnIndex)}\n className={getTableCellClassNames({\n align: column.align,\n ellipsis: column.ellipsis,\n fixed: column.fixed,\n })}\n style={getCellStyle(column, columnIndex)}\n >\n <div\n className={cn(\n 'css-table__cell-content',\n column.ellipsis && 'css-table__cell-content--ellipsis'\n )}\n title={\n column.ellipsis && typeof content === 'string' ? content : undefined\n }\n >\n {content}\n </div>\n </td>\n )\n })}\n </tr>\n ))\n ) : (\n <tr className=\"css-table__body-row\">\n <td className=\"css-table__empty\" colSpan={Math.max(columns.length, 1)}>\n 暂无数据\n </td>\n </tr>\n )}\n </tbody>\n </table>\n </div>\n\n {paginationConfig !== false ? (\n <div className=\"css-table__pagination\">\n <Pagination\n current={currentPage}\n total={total}\n pageSize={pageSize}\n align={normalizeTablePaginationAlign(paginationConfig.align)}\n showTotal={paginationConfig.showTotal}\n onChange={handlePageChange}\n />\n </div>\n ) : null}\n </div>\n )\n })\n)\n\nTableComponent.displayName = 'CssTable'\n\nexport const Table = withInstall(TableComponent)\n\nexport default Table\n"],"names":["Icon"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACxC,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type TabsProps as BaseTabsProps } from '../../../components/tabs/index';
|
|
2
|
+
import '../../../components/tabs/style.css';
|
|
3
|
+
export interface TabsProps extends BaseTabsProps {
|
|
4
|
+
/** 非受控默认值 */
|
|
5
|
+
defaultValue?: number | string;
|
|
6
|
+
}
|
|
7
|
+
export declare const Tabs: import("../..").ComponentWithInstall<(props: TabsProps) => import("react/jsx-runtime").JSX.Element>;
|
|
8
|
+
export default Tabs;
|
|
9
|
+
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../components/tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,IAAI,aAAa,EAChC,MAAM,wBAAwB,CAAA;AAK/B,OAAO,kCAAkC,CAAA;AAEzC,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,aAAa;IACb,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC/B;AA4DD,eAAO,MAAM,IAAI,+CA1D6B,SAAS,6CA0DT,CAAA;AAC9C,eAAe,IAAI,CAAA"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { useState, useCallback } from 'react';
|
|
3
|
+
import { getTabsItemClassNames, getTabsClassNames } from '../../../components/tabs/index.js';
|
|
4
|
+
import { createComponent } from '../../runtime/createComponent.js';
|
|
5
|
+
import { withInstall } from '../../runtime/withInstall.js';
|
|
6
|
+
import { cn } from '../../../utils/src/index.js';
|
|
7
|
+
import IconComponent from '../icon/Icon.js';
|
|
8
|
+
|
|
9
|
+
const TabsComponent = createComponent((props) => {
|
|
10
|
+
const {
|
|
11
|
+
options = [],
|
|
12
|
+
value: controlledValue,
|
|
13
|
+
defaultValue,
|
|
14
|
+
size = "md",
|
|
15
|
+
type = "line",
|
|
16
|
+
onChange
|
|
17
|
+
} = props;
|
|
18
|
+
const [internalValue, setInternalValue] = useState(
|
|
19
|
+
controlledValue ?? defaultValue ?? options[0]?.value
|
|
20
|
+
);
|
|
21
|
+
const isControlled = controlledValue !== void 0;
|
|
22
|
+
const currentValue = isControlled ? controlledValue : internalValue;
|
|
23
|
+
const handleClick = useCallback(
|
|
24
|
+
(val, disabled) => {
|
|
25
|
+
if (disabled) return;
|
|
26
|
+
if (!isControlled) {
|
|
27
|
+
setInternalValue(val);
|
|
28
|
+
}
|
|
29
|
+
onChange?.(val);
|
|
30
|
+
},
|
|
31
|
+
[onChange, isControlled]
|
|
32
|
+
);
|
|
33
|
+
return /* @__PURE__ */ jsx("div", { className: cn(getTabsClassNames({ size, type })), children: options.map((option) => {
|
|
34
|
+
const isActive = currentValue === option.value;
|
|
35
|
+
const itemClass = getTabsItemClassNames({
|
|
36
|
+
active: isActive,
|
|
37
|
+
disabled: option.disabled
|
|
38
|
+
});
|
|
39
|
+
return /* @__PURE__ */ jsxs(
|
|
40
|
+
"div",
|
|
41
|
+
{
|
|
42
|
+
className: cn(itemClass),
|
|
43
|
+
onClick: () => handleClick(option.value, option.disabled),
|
|
44
|
+
children: [
|
|
45
|
+
option.icon && /* @__PURE__ */ jsx("span", { className: "css-tabs__icon", children: /* @__PURE__ */ jsx(
|
|
46
|
+
IconComponent,
|
|
47
|
+
{
|
|
48
|
+
name: option.icon,
|
|
49
|
+
size: size === "sm" ? 14 : size === "lg" ? 18 : 16
|
|
50
|
+
}
|
|
51
|
+
) }),
|
|
52
|
+
option.label
|
|
53
|
+
]
|
|
54
|
+
},
|
|
55
|
+
option.value
|
|
56
|
+
);
|
|
57
|
+
}) });
|
|
58
|
+
});
|
|
59
|
+
const Tabs = withInstall(TabsComponent);
|
|
60
|
+
|
|
61
|
+
export { Tabs };
|
|
62
|
+
//# sourceMappingURL=Tabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.js","sources":["../../../../../adapter-react/components/tabs/Tabs.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport {\n getTabsClassNames,\n getTabsItemClassNames,\n type TabsProps as BaseTabsProps,\n} from '@cssui/components/tabs'\nimport { createComponent, withInstall } from '../../runtime'\nimport { cn } from '@cssui/utils'\nimport Icon from '../icon/Icon'\n\nimport '@cssui/components/tabs/style.css'\n\nexport interface TabsProps extends BaseTabsProps {\n /** 非受控默认值 */\n defaultValue?: number | string\n}\n\nconst TabsComponent = createComponent((props: TabsProps) => {\n const {\n options = [],\n value: controlledValue,\n defaultValue,\n size = 'md',\n type = 'line',\n onChange,\n } = props\n\n const [internalValue, setInternalValue] = useState(\n controlledValue ?? defaultValue ?? (options[0]?.value as string | number)\n )\n const isControlled = controlledValue !== undefined\n const currentValue = isControlled ? controlledValue : internalValue\n\n const handleClick = useCallback(\n (val: string | number, disabled?: boolean) => {\n if (disabled) return\n if (!isControlled) {\n setInternalValue(val)\n }\n onChange?.(val)\n },\n [onChange, isControlled]\n )\n\n return (\n <div className={cn(getTabsClassNames({ size, type }))}>\n {options.map(option => {\n const isActive = currentValue === option.value\n const itemClass = getTabsItemClassNames({\n active: isActive,\n disabled: option.disabled,\n })\n\n return (\n <div\n key={option.value}\n className={cn(itemClass)}\n onClick={() => handleClick(option.value, option.disabled)}\n >\n {option.icon && (\n <span className=\"css-tabs__icon\">\n <Icon\n name={option.icon as any}\n size={size === 'sm' ? 14 : size === 'lg' ? 18 : 16}\n />\n </span>\n )}\n {option.label}\n </div>\n )\n })}\n </div>\n )\n})\n\nexport const Tabs = withInstall(TabsComponent)\nexport default Tabs\n"],"names":["Icon"],"mappings":";;;;;;;;AAiBA,MAAM,aAAA,GAAgB,eAAA,CAAgB,CAAC,KAAA,KAAqB;AAC1D,EAAA,MAAM;AAAA,IACJ,UAAU,EAAC;AAAA,IACX,KAAA,EAAO,eAAA;AAAA,IACP,YAAA;AAAA,IACA,IAAA,GAAO,IAAA;AAAA,IACP,IAAA,GAAO,MAAA;AAAA,IACP;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA;AAAA,IACxC,eAAA,IAAmB,YAAA,IAAiB,OAAA,CAAQ,CAAC,CAAA,EAAG;AAAA,GAClD;AACA,EAAA,MAAM,eAAe,eAAA,KAAoB,MAAA;AACzC,EAAA,MAAM,YAAA,GAAe,eAAe,eAAA,GAAkB,aAAA;AAEtD,EAAA,MAAM,WAAA,GAAc,WAAA;AAAA,IAClB,CAAC,KAAsB,QAAA,KAAuB;AAC5C,MAAA,IAAI,QAAA,EAAU;AACd,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,gBAAA,CAAiB,GAAG,CAAA;AAAA,MACtB;AACA,MAAA,QAAA,GAAW,GAAG,CAAA;AAAA,IAChB,CAAA;AAAA,IACA,CAAC,UAAU,YAAY;AAAA,GACzB;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,iBAAA,CAAkB,EAAE,IAAA,EAAM,IAAA,EAAM,CAAC,CAAA,EACjD,QAAA,EAAA,OAAA,CAAQ,IAAI,CAAA,MAAA,KAAU;AACrB,IAAA,MAAM,QAAA,GAAW,iBAAiB,MAAA,CAAO,KAAA;AACzC,IAAA,MAAM,YAAY,qBAAA,CAAsB;AAAA,MACtC,MAAA,EAAQ,QAAA;AAAA,MACR,UAAU,MAAA,CAAO;AAAA,KAClB,CAAA;AAED,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QAEC,SAAA,EAAW,GAAG,SAAS,CAAA;AAAA,QACvB,SAAS,MAAM,WAAA,CAAY,MAAA,CAAO,KAAA,EAAO,OAAO,QAAQ,CAAA;AAAA,QAEvD,QAAA,EAAA;AAAA,UAAA,MAAA,CAAO,IAAA,oBACN,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EACd,QAAA,kBAAA,GAAA;AAAA,YAACA,aAAA;AAAA,YAAA;AAAA,cACC,MAAM,MAAA,CAAO,IAAA;AAAA,cACb,MAAM,IAAA,KAAS,IAAA,GAAO,EAAA,GAAK,IAAA,KAAS,OAAO,EAAA,GAAK;AAAA;AAAA,WAClD,EACF,CAAA;AAAA,UAED,MAAA,CAAO;AAAA;AAAA,OAAA;AAAA,MAZH,MAAA,CAAO;AAAA,KAad;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ,CAAC,CAAA;AAEM,MAAM,IAAA,GAAO,YAAY,aAAa;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type DisabledTimeConfig, type TimePickerValue, type TimePickerProps as BaseTimePickerProps } from '../../../components/time-picker/index';
|
|
2
|
+
import '../../../components/time-picker/style.css';
|
|
3
|
+
export interface TimePickerProps extends Omit<BaseTimePickerProps, 'onChange'> {
|
|
4
|
+
onChange?: (value: TimePickerValue, event?: React.MouseEvent<HTMLElement>) => void;
|
|
5
|
+
disabledTime?: DisabledTimeConfig;
|
|
6
|
+
}
|
|
7
|
+
export declare const TimePicker: import("../..").ComponentWithInstall<import("react").ForwardRefExoticComponent<TimePickerProps & import("react").RefAttributes<HTMLInputElement>>>;
|
|
8
|
+
export default TimePicker;
|
|
9
|
+
//# sourceMappingURL=TimePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../components/time-picker/TimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAUL,KAAK,kBAAkB,EAEvB,KAAK,eAAe,EACpB,KAAK,eAAe,IAAI,mBAAmB,EAC5C,MAAM,+BAA+B,CAAA;AAOtC,OAAO,yCAAyC,CAAA;AAEhD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IAClF,YAAY,CAAC,EAAE,kBAAkB,CAAA;CAClC;AAgTD,eAAO,MAAM,UAAU,oJAAmC,CAAA;AAC1D,eAAe,UAAU,CAAA"}
|