@bifrostui/react 1.4.8-beta.0 → 2.0.0-alpha.0
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/ActionSheet/ActionSheet.css +16 -6
- package/dist/ActionSheet/ActionSheetItem.css +11 -17
- package/dist/ActionSheet/ActionSheetItem.js +3 -8
- package/dist/ActionSheet/ActionSheetItem.types.d.ts +2 -2
- package/dist/ActionSheet/index.css +89 -0
- package/dist/Alert/Alert.types.d.ts +3 -3
- package/dist/Alert/index.css +18 -14
- package/dist/Avatar/Avatar.css +16 -12
- package/dist/Avatar/Avatar.js +3 -8
- package/dist/Avatar/AvatarGroup.css +19 -15
- package/dist/Avatar/AvatarGroup.js +2 -6
- package/dist/Avatar/index.css +93 -0
- package/dist/Backdrop/Backdrop.d.ts +1 -1
- package/dist/Backdrop/Backdrop.js +1 -1
- package/dist/Backdrop/{Backdrop.css → index.css} +6 -2
- package/dist/Badge/Badge.d.ts +1 -1
- package/dist/Badge/Badge.js +4 -9
- package/dist/Badge/Badge.types.d.ts +1 -1
- package/dist/Badge/{Badge.css → index.css} +47 -27
- package/dist/Breadcrumb/Breadcrumb.d.ts +1 -1
- package/dist/Breadcrumb/Breadcrumb.js +1 -1
- package/dist/Breadcrumb/index.css +38 -0
- package/dist/Button/Button.d.ts +1 -1
- package/dist/Button/Button.js +6 -11
- package/dist/Button/Button.types.d.ts +8 -7
- package/{es/Button/Button.css → dist/Button/index.css} +93 -63
- package/dist/Calendar/Calendar.d.ts +1 -1
- package/dist/Calendar/Calendar.js +10 -22
- package/dist/Calendar/Calendar.types.d.ts +0 -5
- package/dist/Calendar/{Calendar.css → index.css} +35 -31
- package/dist/Card/Card.css +9 -0
- package/dist/Card/CardContent.css +1 -2
- package/dist/Card/CardFooter.css +2 -4
- package/dist/Card/CardHeader.css +5 -5
- package/dist/Card/CardHeader.js +2 -2
- package/dist/Card/index.css +77 -0
- package/dist/Checkbox/Checkbox.d.ts +1 -1
- package/dist/Checkbox/Checkbox.js +4 -8
- package/dist/Checkbox/CheckboxGroup.d.ts +1 -1
- package/dist/Checkbox/CheckboxGroup.js +5 -8
- package/dist/Checkbox/{Checkbox.css → index.css} +14 -10
- package/dist/CitySelector/CitySelector.miniapp.d.ts +0 -1
- package/dist/CitySelector/CitySelector.miniapp.js +0 -1
- package/dist/CitySelector/CitySelectorCore.d.ts +1 -1
- package/dist/CitySelector/CitySelectorCore.js +1 -1
- package/dist/CitySelector/Selector/index.css +4 -4
- package/{es/CitySelector/CitySelector.css → dist/CitySelector/index.css} +31 -27
- package/dist/Collapse/Collapse.d.ts +2 -2
- package/dist/Collapse/Collapse.js +9 -12
- package/{es/Collapse/Collapse.css → dist/Collapse/index.css} +1 -0
- package/dist/CollapsePanel/CollapsePanel.d.ts +1 -1
- package/dist/CollapsePanel/CollapsePanel.js +1 -1
- package/dist/CollapsePanel/CollapsePanelItem.js +45 -46
- package/{es/CollapsePanel/CollapsePanel.css → dist/CollapsePanel/index.css} +12 -10
- package/dist/Countdown/Countdown.d.ts +1 -1
- package/dist/Countdown/Countdown.js +6 -13
- package/{es/Countdown/Countdown.css → dist/Countdown/index.css} +12 -8
- package/dist/Dialog/FunctionalDialog.js +1 -1
- package/dist/Dialog/index.css +26 -23
- package/dist/Divider/Divider.d.ts +1 -1
- package/dist/Divider/Divider.js +9 -6
- package/{es/Divider/Divider.css → dist/Divider/index.css} +14 -10
- package/dist/Drawer/Drawer.d.ts +1 -1
- package/dist/Drawer/Drawer.js +5 -11
- package/dist/Drawer/{Drawer.css → index.css} +2 -0
- package/dist/Fade/Fade.js +52 -56
- package/dist/IconButton/IconButton.d.ts +1 -1
- package/dist/IconButton/IconButton.js +7 -14
- package/dist/IconButton/IconButton.types.d.ts +4 -3
- package/{es/IconButton/IconButton.css → dist/IconButton/index.css} +79 -29
- package/dist/Image/Image.js +112 -119
- package/dist/Image/index.css +6 -2
- package/dist/Input/Input.d.ts +1 -1
- package/dist/Input/Input.js +6 -12
- package/{es/Input/Input.css → dist/Input/index.css} +22 -18
- package/dist/ItemSelector/ItemSelector.miniapp.d.ts +0 -1
- package/dist/ItemSelector/ItemSelector.miniapp.js +0 -1
- package/dist/ItemSelector/ItemSelectorCore.d.ts +1 -1
- package/dist/ItemSelector/ItemSelectorCore.js +1 -1
- package/dist/List/List.css +7 -3
- package/dist/List/List.js +3 -8
- package/dist/List/ListItem.css +3 -3
- package/dist/List/ListItem.js +42 -44
- package/dist/List/ListItemContent.js +1 -4
- package/dist/List/ListItemExtra.js +9 -4
- package/dist/List/ListItemFooter.js +9 -4
- package/dist/List/ListItemHeader.js +9 -4
- package/dist/List/index.css +80 -0
- package/dist/Loading/Loading.d.ts +1 -1
- package/dist/Loading/Loading.js +14 -5
- package/{es/Loading/Loading.css → dist/Loading/index.css} +10 -6
- package/dist/Modal/Modal.d.ts +1 -1
- package/dist/Modal/Modal.js +1 -7
- package/dist/Modal/Modal.miniapp.d.ts +2 -2
- package/dist/Modal/Modal.miniapp.js +5 -11
- package/dist/NavBar/NavBar.d.ts +1 -1
- package/dist/NavBar/NavBar.js +1 -2
- package/dist/NavBar/index.css +65 -0
- package/dist/Picker/Picker.css +21 -21
- package/dist/Picker/Picker.js +6 -28
- package/dist/Picker/Picker.types.d.ts +4 -17
- package/dist/Picker/PickerPanel.css +8 -12
- package/dist/Picker/PickerPanel.js +39 -29
- package/dist/Picker/index.css +116 -0
- package/dist/Popover/Popover.d.ts +1 -1
- package/dist/Popover/Popover.js +28 -71
- package/{es/Popover/Popover.css → dist/Popover/index.css} +32 -28
- package/dist/Portal/Portal.miniapp.js +4 -7
- package/dist/Progress/Progress.d.ts +1 -1
- package/dist/Progress/Progress.js +1 -1
- package/dist/Progress/index.css +28 -0
- package/dist/Radio/Radio.d.ts +1 -1
- package/dist/Radio/Radio.js +3 -7
- package/dist/Radio/RadioButtonIcon.js +6 -1
- package/dist/Radio/RadioGroup.d.ts +1 -1
- package/dist/Radio/RadioGroup.js +1 -4
- package/dist/Radio/{Radio.css → index.css} +10 -7
- package/dist/Rating/Rating.d.ts +1 -1
- package/dist/Rating/Rating.js +9 -19
- package/{es/Rating/Rating.css → dist/Rating/index.css} +20 -7
- package/dist/ScrollView/ScrollView.d.ts +1 -1
- package/dist/ScrollView/ScrollView.js +12 -25
- package/dist/ScrollView/ScrollView.types.d.ts +1 -0
- package/dist/Select/Select.d.ts +1 -1
- package/dist/Select/Select.js +43 -76
- package/dist/Select/SelectOption.d.ts +1 -1
- package/dist/Select/SelectOption.js +1 -1
- package/dist/Select/{Select.css → index.css} +30 -20
- package/dist/Skeleton/Skeleton.d.ts +1 -1
- package/dist/Skeleton/Skeleton.js +6 -10
- package/dist/Skeleton/{Skeleton.css → index.css} +7 -3
- package/dist/Slide/Slide.js +69 -74
- package/dist/Slider/Slider.d.ts +1 -1
- package/dist/Slider/Slider.js +13 -29
- package/dist/Slider/index.css +111 -0
- package/dist/Stack/Stack.d.ts +1 -1
- package/dist/Stack/Stack.js +1 -1
- package/dist/Steps/Step.css +14 -14
- package/dist/Steps/Step.js +81 -82
- package/dist/Steps/Steps.css +18 -14
- package/dist/Steps/Steps.d.ts +1 -1
- package/dist/Steps/Steps.js +57 -60
- package/dist/Steps/index.css +199 -0
- package/dist/Swiper/Swiper.d.ts +1 -1
- package/dist/Swiper/Swiper.js +1 -1
- package/{es/Swiper/Swiper.css → dist/Swiper/index.css} +6 -2
- package/dist/Switch/Switch.d.ts +1 -1
- package/dist/Switch/Switch.js +76 -79
- package/dist/Switch/Switch.types.d.ts +1 -1
- package/{es/Switch/Switch.css → dist/Switch/index.css} +46 -35
- package/dist/TabBar/TabBar.css +12 -8
- package/dist/TabBar/TabBar.js +3 -8
- package/dist/TabBar/TabBarContext.d.ts +3 -3
- package/dist/TabBar/TabBarItem.css +6 -0
- package/dist/TabBar/TabBarItem.js +3 -3
- package/dist/TabBar/index.css +59 -0
- package/dist/TabBar/index.types.d.ts +3 -3
- package/dist/Tabs/Tab.css +10 -16
- package/dist/Tabs/Tab.js +2 -3
- package/dist/Tabs/Tabs.css +32 -21
- package/dist/Tabs/Tabs.js +39 -70
- package/dist/Tabs/Tabs.types.d.ts +0 -10
- package/dist/Tabs/index.css +135 -0
- package/dist/Tabs/utils/bound.d.ts +1 -0
- package/dist/{DesktopPicker/utils/calcAfterMounted.js → Tabs/utils/bound.js} +14 -7
- package/dist/Tag/Tag.css +49 -23
- package/dist/Tag/Tag.js +3 -7
- package/dist/Tag/Tag.types.d.ts +4 -4
- package/dist/Tag/TagGroup.css +15 -11
- package/dist/Tag/TagGroup.d.ts +2 -2
- package/dist/Tag/TagGroup.js +16 -14
- package/dist/Tag/index.css +182 -0
- package/dist/TextArea/TextArea.d.ts +1 -1
- package/dist/TextArea/TextArea.js +6 -13
- package/dist/TextArea/index.css +57 -0
- package/dist/ThemeProvider/ThemeProvider.js +1 -4
- package/dist/ThemeProvider/ThemeProvider.types.d.ts +5 -10
- package/dist/ThemeProvider/utils/constants.d.ts +1 -1
- package/dist/ThemeProvider/utils/constants.js +4 -1
- package/dist/ThemeProvider/utils/mountTokens.d.ts +4 -4
- package/dist/Toast/FunctionalToast.js +1 -1
- package/dist/Toast/Toast.d.ts +1 -1
- package/dist/Toast/Toast.js +5 -5
- package/dist/Toast/index.css +58 -0
- package/dist/Tooltip/Tooltip.d.ts +1 -1
- package/dist/Tooltip/Tooltip.js +28 -71
- package/dist/Tooltip/index.css +95 -0
- package/dist/Transition/TransitionCore.js +3 -8
- package/dist/index.d.ts +0 -6
- package/dist/index.js +1 -13
- package/dist/locales/base.d.ts +0 -11
- package/dist/locales/en-US.js +0 -24
- package/dist/locales/zh-CN.js +0 -24
- package/dist/locales/zh-TW.js +0 -24
- package/es/ActionSheet/ActionSheet.css +16 -6
- package/es/ActionSheet/ActionSheetItem.css +11 -17
- package/es/ActionSheet/ActionSheetItem.js +3 -8
- package/es/ActionSheet/ActionSheetItem.types.d.ts +2 -2
- package/es/ActionSheet/index.css +89 -0
- package/es/Alert/Alert.types.d.ts +3 -3
- package/es/Alert/index.css +18 -14
- package/es/Avatar/Avatar.css +16 -12
- package/es/Avatar/Avatar.js +3 -8
- package/es/Avatar/AvatarGroup.css +19 -15
- package/es/Avatar/AvatarGroup.js +2 -6
- package/es/Avatar/index.css +93 -0
- package/es/Backdrop/Backdrop.d.ts +1 -1
- package/es/Backdrop/Backdrop.js +1 -1
- package/es/Backdrop/{Backdrop.css → index.css} +6 -2
- package/es/Badge/Badge.d.ts +1 -1
- package/es/Badge/Badge.js +4 -9
- package/es/Badge/Badge.types.d.ts +1 -1
- package/es/Badge/{Badge.css → index.css} +47 -27
- package/es/Breadcrumb/Breadcrumb.d.ts +1 -1
- package/es/Breadcrumb/Breadcrumb.js +1 -1
- package/es/Breadcrumb/index.css +38 -0
- package/es/Button/Button.d.ts +1 -1
- package/es/Button/Button.js +6 -11
- package/es/Button/Button.types.d.ts +8 -7
- package/{dist/Button/Button.css → es/Button/index.css} +93 -63
- package/es/Calendar/Calendar.d.ts +1 -1
- package/es/Calendar/Calendar.js +10 -22
- package/es/Calendar/Calendar.types.d.ts +0 -5
- package/es/Calendar/{Calendar.css → index.css} +35 -31
- package/es/Card/Card.css +9 -0
- package/es/Card/CardContent.css +1 -2
- package/es/Card/CardFooter.css +2 -4
- package/es/Card/CardHeader.css +5 -5
- package/es/Card/CardHeader.js +2 -2
- package/es/Card/index.css +77 -0
- package/es/Checkbox/Checkbox.d.ts +1 -1
- package/es/Checkbox/Checkbox.js +4 -8
- package/es/Checkbox/CheckboxGroup.d.ts +1 -1
- package/es/Checkbox/CheckboxGroup.js +5 -8
- package/es/Checkbox/{Checkbox.css → index.css} +14 -10
- package/es/CitySelector/CitySelector.miniapp.d.ts +0 -1
- package/es/CitySelector/CitySelector.miniapp.js +0 -1
- package/es/CitySelector/CitySelectorCore.d.ts +1 -1
- package/es/CitySelector/CitySelectorCore.js +1 -1
- package/es/CitySelector/Selector/index.css +4 -4
- package/{dist/CitySelector/CitySelector.css → es/CitySelector/index.css} +31 -27
- package/es/Collapse/Collapse.d.ts +2 -2
- package/es/Collapse/Collapse.js +9 -12
- package/{dist/Collapse/Collapse.css → es/Collapse/index.css} +1 -0
- package/es/CollapsePanel/CollapsePanel.d.ts +1 -1
- package/es/CollapsePanel/CollapsePanel.js +1 -1
- package/es/CollapsePanel/CollapsePanelItem.js +45 -46
- package/{dist/CollapsePanel/CollapsePanel.css → es/CollapsePanel/index.css} +12 -10
- package/es/Countdown/Countdown.d.ts +1 -1
- package/es/Countdown/Countdown.js +6 -13
- package/{dist/Countdown/Countdown.css → es/Countdown/index.css} +12 -8
- package/es/Dialog/FunctionalDialog.js +2 -2
- package/es/Dialog/index.css +26 -23
- package/es/Divider/Divider.d.ts +1 -1
- package/es/Divider/Divider.js +9 -6
- package/{dist/Divider/Divider.css → es/Divider/index.css} +14 -10
- package/es/Drawer/Drawer.d.ts +1 -1
- package/es/Drawer/Drawer.js +5 -11
- package/es/Drawer/{Drawer.css → index.css} +2 -0
- package/es/Fade/Fade.js +52 -56
- package/es/IconButton/IconButton.d.ts +1 -1
- package/es/IconButton/IconButton.js +7 -14
- package/es/IconButton/IconButton.types.d.ts +4 -3
- package/{dist/IconButton/IconButton.css → es/IconButton/index.css} +79 -29
- package/es/Image/Image.js +112 -119
- package/es/Image/index.css +6 -2
- package/es/Input/Input.d.ts +1 -1
- package/es/Input/Input.js +6 -12
- package/{dist/Input/Input.css → es/Input/index.css} +22 -18
- package/es/ItemSelector/ItemSelector.miniapp.d.ts +0 -1
- package/es/ItemSelector/ItemSelector.miniapp.js +0 -1
- package/es/ItemSelector/ItemSelectorCore.d.ts +1 -1
- package/es/ItemSelector/ItemSelectorCore.js +1 -1
- package/es/List/List.css +7 -3
- package/es/List/List.js +3 -8
- package/es/List/ListItem.css +3 -3
- package/es/List/ListItem.js +42 -44
- package/es/List/ListItemContent.js +1 -4
- package/es/List/ListItemExtra.js +9 -4
- package/es/List/ListItemFooter.js +9 -4
- package/es/List/ListItemHeader.js +9 -4
- package/es/List/index.css +80 -0
- package/es/Loading/Loading.d.ts +1 -1
- package/es/Loading/Loading.js +14 -5
- package/{dist/Loading/Loading.css → es/Loading/index.css} +10 -6
- package/es/Modal/Modal.d.ts +1 -1
- package/es/Modal/Modal.js +1 -7
- package/es/Modal/Modal.miniapp.d.ts +2 -2
- package/es/Modal/Modal.miniapp.js +5 -11
- package/es/NavBar/NavBar.d.ts +1 -1
- package/es/NavBar/NavBar.js +1 -2
- package/es/NavBar/index.css +65 -0
- package/es/Picker/Picker.css +21 -21
- package/es/Picker/Picker.js +6 -28
- package/es/Picker/Picker.types.d.ts +4 -17
- package/es/Picker/PickerPanel.css +8 -12
- package/es/Picker/PickerPanel.js +52 -31
- package/es/Picker/index.css +116 -0
- package/es/Popover/Popover.d.ts +1 -1
- package/es/Popover/Popover.js +30 -74
- package/{dist/Popover/Popover.css → es/Popover/index.css} +32 -28
- package/es/Portal/Portal.miniapp.js +5 -8
- package/es/Progress/Progress.d.ts +1 -1
- package/es/Progress/Progress.js +1 -1
- package/es/Progress/index.css +28 -0
- package/es/Radio/Radio.d.ts +1 -1
- package/es/Radio/Radio.js +3 -7
- package/es/Radio/RadioButtonIcon.js +6 -1
- package/es/Radio/RadioGroup.d.ts +1 -1
- package/es/Radio/RadioGroup.js +1 -4
- package/es/Radio/{Radio.css → index.css} +10 -7
- package/es/Rating/Rating.d.ts +1 -1
- package/es/Rating/Rating.js +9 -19
- package/{dist/Rating/Rating.css → es/Rating/index.css} +20 -7
- package/es/ScrollView/ScrollView.d.ts +1 -1
- package/es/ScrollView/ScrollView.js +12 -25
- package/es/ScrollView/ScrollView.types.d.ts +1 -0
- package/es/Select/Select.d.ts +1 -1
- package/es/Select/Select.js +44 -76
- package/es/Select/SelectOption.d.ts +1 -1
- package/es/Select/SelectOption.js +1 -1
- package/es/Select/{Select.css → index.css} +30 -20
- package/es/Skeleton/Skeleton.d.ts +1 -1
- package/es/Skeleton/Skeleton.js +6 -10
- package/es/Skeleton/{Skeleton.css → index.css} +7 -3
- package/es/Slide/Slide.js +69 -74
- package/es/Slider/Slider.d.ts +1 -1
- package/es/Slider/Slider.js +14 -32
- package/es/Slider/index.css +111 -0
- package/es/Stack/Stack.d.ts +1 -1
- package/es/Stack/Stack.js +1 -1
- package/es/Steps/Step.css +14 -14
- package/es/Steps/Step.js +81 -82
- package/es/Steps/Steps.css +18 -14
- package/es/Steps/Steps.d.ts +1 -1
- package/es/Steps/Steps.js +57 -60
- package/es/Steps/index.css +199 -0
- package/es/Swiper/Swiper.d.ts +1 -1
- package/es/Swiper/Swiper.js +1 -1
- package/{dist/Swiper/Swiper.css → es/Swiper/index.css} +6 -2
- package/es/Switch/Switch.d.ts +1 -1
- package/es/Switch/Switch.js +76 -79
- package/es/Switch/Switch.types.d.ts +1 -1
- package/{dist/Switch/Switch.css → es/Switch/index.css} +46 -35
- package/es/TabBar/TabBar.css +12 -8
- package/es/TabBar/TabBar.js +3 -8
- package/es/TabBar/TabBarContext.d.ts +3 -3
- package/es/TabBar/TabBarItem.css +6 -0
- package/es/TabBar/TabBarItem.js +2 -2
- package/es/TabBar/index.css +59 -0
- package/es/TabBar/index.types.d.ts +3 -3
- package/es/Tabs/Tab.css +10 -16
- package/es/Tabs/Tab.js +2 -3
- package/es/Tabs/Tabs.css +32 -21
- package/es/Tabs/Tabs.js +41 -83
- package/es/Tabs/Tabs.types.d.ts +0 -10
- package/es/Tabs/index.css +135 -0
- package/es/Tabs/utils/bound.d.ts +1 -0
- package/es/Tabs/utils/bound.js +13 -0
- package/es/Tag/Tag.css +49 -23
- package/es/Tag/Tag.js +3 -7
- package/es/Tag/Tag.types.d.ts +4 -4
- package/es/Tag/TagGroup.css +15 -11
- package/es/Tag/TagGroup.d.ts +2 -2
- package/es/Tag/TagGroup.js +16 -14
- package/es/Tag/index.css +182 -0
- package/es/TextArea/TextArea.d.ts +1 -1
- package/es/TextArea/TextArea.js +6 -13
- package/es/TextArea/index.css +57 -0
- package/es/ThemeProvider/ThemeProvider.js +1 -4
- package/es/ThemeProvider/ThemeProvider.types.d.ts +5 -10
- package/es/ThemeProvider/utils/constants.d.ts +1 -1
- package/es/ThemeProvider/utils/constants.js +4 -1
- package/es/ThemeProvider/utils/mountTokens.d.ts +4 -4
- package/es/Toast/FunctionalToast.js +2 -2
- package/es/Toast/Toast.d.ts +1 -1
- package/es/Toast/Toast.js +5 -5
- package/es/Toast/index.css +58 -0
- package/es/Tooltip/Tooltip.d.ts +1 -1
- package/es/Tooltip/Tooltip.js +30 -74
- package/es/Tooltip/index.css +95 -0
- package/es/Transition/TransitionCore.js +3 -8
- package/es/index.d.ts +0 -6
- package/es/index.js +0 -6
- package/es/locales/base.d.ts +0 -11
- package/es/locales/en-US.js +0 -24
- package/es/locales/zh-CN.js +0 -24
- package/es/locales/zh-TW.js +0 -24
- package/package.json +14 -6
- package/dist/Breadcrumb/Breadcrumb.css +0 -34
- package/dist/CitySelector/miniapp.css +0 -4
- package/dist/Collapse/Collapse.miniapp.d.ts +0 -5
- package/dist/Collapse/Collapse.miniapp.js +0 -177
- package/dist/DatePicker/DatePicker.d.ts +0 -4
- package/dist/DatePicker/DatePicker.js +0 -335
- package/dist/DatePicker/DatePicker.types.d.ts +0 -36
- package/dist/DatePicker/DatePicker.types.js +0 -15
- package/dist/DatePicker/constants.d.ts +0 -9
- package/dist/DatePicker/constants.js +0 -37
- package/dist/DatePicker/index.d.ts +0 -3
- package/dist/DatePicker/index.js +0 -44
- package/dist/DesktopDatePicker/DesktopDatePicker.d.ts +0 -5
- package/dist/DesktopDatePicker/DesktopDatePicker.js +0 -280
- package/dist/DesktopDatePicker/DesktopDatePicker.types.d.ts +0 -163
- package/dist/DesktopDatePicker/DesktopDatePicker.types.js +0 -15
- package/dist/DesktopDatePicker/deskTopPickerContainer.css +0 -100
- package/dist/DesktopDatePicker/index.css +0 -61
- package/dist/DesktopDatePicker/index.d.ts +0 -2
- package/dist/DesktopDatePicker/index.js +0 -41
- package/dist/DesktopDatePicker/useGetDatePickerContent.d.ts +0 -6
- package/dist/DesktopDatePicker/useGetDatePickerContent.js +0 -343
- package/dist/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +0 -5
- package/dist/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -322
- package/dist/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts +0 -163
- package/dist/DesktopDateTimePicker/DesktopDateTimePicker.types.js +0 -15
- package/dist/DesktopDateTimePicker/index.css +0 -66
- package/dist/DesktopDateTimePicker/index.d.ts +0 -2
- package/dist/DesktopDateTimePicker/index.js +0 -41
- package/dist/DesktopPicker/DesktopPicker.d.ts +0 -5
- package/dist/DesktopPicker/DesktopPicker.js +0 -238
- package/dist/DesktopPicker/DesktopPicker.types.d.ts +0 -57
- package/dist/DesktopPicker/DesktopPicker.types.js +0 -15
- package/dist/DesktopPicker/index.css +0 -37
- package/dist/DesktopPicker/index.d.ts +0 -2
- package/dist/DesktopPicker/index.js +0 -41
- package/dist/DesktopPicker/utils/calcAfterMounted.d.ts +0 -2
- package/dist/DesktopPicker/utils/calcAfterMounted.miniapp.d.ts +0 -2
- package/dist/DesktopPicker/utils/calcAfterMounted.miniapp.js +0 -38
- package/dist/DesktopTimePicker/DesktopTimePicker.d.ts +0 -5
- package/dist/DesktopTimePicker/DesktopTimePicker.js +0 -288
- package/dist/DesktopTimePicker/DesktopTimePicker.types.d.ts +0 -182
- package/dist/DesktopTimePicker/DesktopTimePicker.types.js +0 -15
- package/dist/DesktopTimePicker/DesktopTimePickerList.d.ts +0 -4
- package/dist/DesktopTimePicker/DesktopTimePickerList.js +0 -111
- package/dist/DesktopTimePicker/index.css +0 -170
- package/dist/DesktopTimePicker/index.d.ts +0 -2
- package/dist/DesktopTimePicker/index.js +0 -41
- package/dist/DesktopTimePicker/useGetTimePickerContent.d.ts +0 -6
- package/dist/DesktopTimePicker/useGetTimePickerContent.js +0 -249
- package/dist/DesktopTimePicker/utils/scrollUtil.d.ts +0 -2
- package/dist/DesktopTimePicker/utils/scrollUtil.js +0 -27
- package/dist/DesktopTimePicker/utils/scrollUtil.miniapp.d.ts +0 -2
- package/dist/DesktopTimePicker/utils/scrollUtil.miniapp.js +0 -51
- package/dist/DesktopTimePicker/utils/utils.d.ts +0 -28
- package/dist/DesktopTimePicker/utils/utils.js +0 -408
- package/dist/ItemSelector/miniapp.css +0 -4
- package/dist/NavBar/NavBar.css +0 -61
- package/dist/Progress/Progress.css +0 -24
- package/dist/Slider/Slider.css +0 -106
- package/dist/SwipeAction/SwipeAction.css +0 -79
- package/dist/SwipeAction/SwipeAction.d.ts +0 -5
- package/dist/SwipeAction/SwipeAction.js +0 -349
- package/dist/SwipeAction/SwipeAction.types.d.ts +0 -75
- package/dist/SwipeAction/SwipeAction.types.js +0 -15
- package/dist/SwipeAction/SwipeActionContext.d.ts +0 -4
- package/dist/SwipeAction/SwipeActionContext.js +0 -30
- package/dist/SwipeAction/SwipeActionItem.css +0 -31
- package/dist/SwipeAction/SwipeActionItem.d.ts +0 -5
- package/dist/SwipeAction/SwipeActionItem.js +0 -105
- package/dist/SwipeAction/constants.d.ts +0 -9
- package/dist/SwipeAction/constants.js +0 -39
- package/dist/SwipeAction/index.d.ts +0 -5
- package/dist/SwipeAction/index.js +0 -50
- package/dist/Tabs/utils/scroll.d.ts +0 -2
- package/dist/Tabs/utils/scroll.js +0 -55
- package/dist/TextArea/TextArea.css +0 -53
- package/dist/Toast/Toast.css +0 -53
- package/dist/Tooltip/Tooltip.css +0 -91
- package/es/Breadcrumb/Breadcrumb.css +0 -34
- package/es/CitySelector/miniapp.css +0 -4
- package/es/Collapse/Collapse.miniapp.d.ts +0 -5
- package/es/Collapse/Collapse.miniapp.js +0 -157
- package/es/DatePicker/DatePicker.d.ts +0 -4
- package/es/DatePicker/DatePicker.js +0 -308
- package/es/DatePicker/DatePicker.types.d.ts +0 -36
- package/es/DatePicker/DatePicker.types.js +0 -1
- package/es/DatePicker/constants.d.ts +0 -9
- package/es/DatePicker/constants.js +0 -14
- package/es/DatePicker/index.d.ts +0 -3
- package/es/DatePicker/index.js +0 -8
- package/es/DesktopDatePicker/DesktopDatePicker.d.ts +0 -5
- package/es/DesktopDatePicker/DesktopDatePicker.js +0 -253
- package/es/DesktopDatePicker/DesktopDatePicker.types.d.ts +0 -163
- package/es/DesktopDatePicker/DesktopDatePicker.types.js +0 -1
- package/es/DesktopDatePicker/deskTopPickerContainer.css +0 -100
- package/es/DesktopDatePicker/index.css +0 -61
- package/es/DesktopDatePicker/index.d.ts +0 -2
- package/es/DesktopDatePicker/index.js +0 -6
- package/es/DesktopDatePicker/useGetDatePickerContent.d.ts +0 -6
- package/es/DesktopDatePicker/useGetDatePickerContent.js +0 -316
- package/es/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +0 -5
- package/es/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -295
- package/es/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts +0 -163
- package/es/DesktopDateTimePicker/DesktopDateTimePicker.types.js +0 -1
- package/es/DesktopDateTimePicker/index.css +0 -66
- package/es/DesktopDateTimePicker/index.d.ts +0 -2
- package/es/DesktopDateTimePicker/index.js +0 -9
- package/es/DesktopPicker/DesktopPicker.d.ts +0 -5
- package/es/DesktopPicker/DesktopPicker.js +0 -221
- package/es/DesktopPicker/DesktopPicker.types.d.ts +0 -57
- package/es/DesktopPicker/DesktopPicker.types.js +0 -1
- package/es/DesktopPicker/index.css +0 -37
- package/es/DesktopPicker/index.d.ts +0 -2
- package/es/DesktopPicker/index.js +0 -6
- package/es/DesktopPicker/utils/calcAfterMounted.d.ts +0 -2
- package/es/DesktopPicker/utils/calcAfterMounted.js +0 -6
- package/es/DesktopPicker/utils/calcAfterMounted.miniapp.d.ts +0 -2
- package/es/DesktopPicker/utils/calcAfterMounted.miniapp.js +0 -9
- package/es/DesktopTimePicker/DesktopTimePicker.d.ts +0 -5
- package/es/DesktopTimePicker/DesktopTimePicker.js +0 -261
- package/es/DesktopTimePicker/DesktopTimePicker.types.d.ts +0 -182
- package/es/DesktopTimePicker/DesktopTimePicker.types.js +0 -1
- package/es/DesktopTimePicker/DesktopTimePickerList.d.ts +0 -4
- package/es/DesktopTimePicker/DesktopTimePickerList.js +0 -84
- package/es/DesktopTimePicker/index.css +0 -170
- package/es/DesktopTimePicker/index.d.ts +0 -2
- package/es/DesktopTimePicker/index.js +0 -6
- package/es/DesktopTimePicker/useGetTimePickerContent.d.ts +0 -6
- package/es/DesktopTimePicker/useGetTimePickerContent.js +0 -226
- package/es/DesktopTimePicker/utils/scrollUtil.d.ts +0 -2
- package/es/DesktopTimePicker/utils/scrollUtil.js +0 -8
- package/es/DesktopTimePicker/utils/scrollUtil.miniapp.d.ts +0 -2
- package/es/DesktopTimePicker/utils/scrollUtil.miniapp.js +0 -22
- package/es/DesktopTimePicker/utils/utils.d.ts +0 -28
- package/es/DesktopTimePicker/utils/utils.js +0 -365
- package/es/ItemSelector/miniapp.css +0 -4
- package/es/NavBar/NavBar.css +0 -61
- package/es/Progress/Progress.css +0 -24
- package/es/Slider/Slider.css +0 -106
- package/es/SwipeAction/SwipeAction.css +0 -79
- package/es/SwipeAction/SwipeAction.d.ts +0 -5
- package/es/SwipeAction/SwipeAction.js +0 -334
- package/es/SwipeAction/SwipeAction.types.d.ts +0 -75
- package/es/SwipeAction/SwipeAction.types.js +0 -1
- package/es/SwipeAction/SwipeActionContext.d.ts +0 -4
- package/es/SwipeAction/SwipeActionContext.js +0 -11
- package/es/SwipeAction/SwipeActionItem.css +0 -31
- package/es/SwipeAction/SwipeActionItem.d.ts +0 -5
- package/es/SwipeAction/SwipeActionItem.js +0 -78
- package/es/SwipeAction/constants.d.ts +0 -9
- package/es/SwipeAction/constants.js +0 -15
- package/es/SwipeAction/index.d.ts +0 -5
- package/es/SwipeAction/index.js +0 -12
- package/es/Tabs/utils/scroll.d.ts +0 -2
- package/es/Tabs/utils/scroll.js +0 -36
- package/es/TextArea/TextArea.css +0 -53
- package/es/Toast/Toast.css +0 -53
- package/es/Tooltip/Tooltip.css +0 -91
- /package/dist/ItemSelector/{ItemSelector.css → index.css} +0 -0
- /package/dist/Modal/{Modal.css → index.css} +0 -0
- /package/dist/ScrollView/{ScrollView.css → index.css} +0 -0
- /package/dist/Stack/{Stack.css → index.css} +0 -0
- /package/es/ItemSelector/{ItemSelector.css → index.css} +0 -0
- /package/es/Modal/{Modal.css → index.css} +0 -0
- /package/es/ScrollView/{ScrollView.css → index.css} +0 -0
- /package/es/Stack/{Stack.css → index.css} +0 -0
package/dist/Tag/Tag.css
CHANGED
|
@@ -1,30 +1,34 @@
|
|
|
1
|
+
:root,
|
|
2
|
+
page,
|
|
3
|
+
xhs-page {
|
|
4
|
+
--bui-tag-color: var(--bui-color-gray);
|
|
5
|
+
--bui-tag-border-color: var(--bui-color-border-gray);
|
|
6
|
+
--bui-tag-bg-color: var(--bui-color-gray);
|
|
7
|
+
--bui-tag-height: 15px;
|
|
8
|
+
--bui-tag-line-height: 15px;
|
|
9
|
+
--bui-tag-padding: 0 var(--bui-spacing-xs);
|
|
10
|
+
--bui-tag-color-vip: rgba(255, 134, 110, 0.3);
|
|
11
|
+
}
|
|
1
12
|
.bui-tag {
|
|
2
|
-
--tag-color: var(--bui-tag-color, var(--bui-color-gray));
|
|
3
|
-
--tag-border-color: var(--bui-tag-border-color, var(--bui-color-border-gray));
|
|
4
|
-
--tag-bg-color: var(--bui-tag-bg-color, var(--bui-color-gray));
|
|
5
|
-
--tag-height: var(--bui-tag-height, 15px);
|
|
6
|
-
--tag-line-height: var(--bui-tag-line-height, 15px);
|
|
7
|
-
--tag-padding: var(--bui-tag-padding, 0 var(--bui-spacing-xs));
|
|
8
|
-
--tag-bg-color-vip: var(--bui-tag-color-vip, rgba(255, 134, 110, 0.3));
|
|
9
13
|
position: relative;
|
|
10
14
|
display: inline-flex;
|
|
11
15
|
align-items: center;
|
|
12
16
|
justify-content: center;
|
|
13
17
|
white-space: nowrap;
|
|
14
|
-
height: var(--tag-height);
|
|
15
|
-
line-height: var(--tag-line-height);
|
|
16
|
-
padding: var(--tag-padding);
|
|
18
|
+
height: var(--bui-tag-height);
|
|
19
|
+
line-height: var(--bui-tag-line-height);
|
|
20
|
+
padding: var(--bui-tag-padding);
|
|
17
21
|
font-size: var(--bui-text-size-5);
|
|
18
22
|
font-weight: var(--bui-font-weight-normal);
|
|
19
23
|
border-radius: var(--bui-shape-radius-label);
|
|
20
24
|
border: 1px solid transparent;
|
|
21
25
|
box-sizing: border-box;
|
|
22
|
-
color: var(--bui-color-
|
|
26
|
+
color: var(--bui-color-white);
|
|
23
27
|
font-family: var(--bui-font-family);
|
|
24
28
|
}
|
|
25
29
|
.bui-tag-outlined {
|
|
26
|
-
color: var(--tag-color);
|
|
27
|
-
border: 1px solid var(--tag-border-color);
|
|
30
|
+
color: var(--bui-tag-color);
|
|
31
|
+
border: 1px solid var(--bui-tag-border-color);
|
|
28
32
|
}
|
|
29
33
|
.bui-tag-outlined.bui-tag-primary {
|
|
30
34
|
color: var(--bui-color-primary);
|
|
@@ -46,12 +50,20 @@
|
|
|
46
50
|
color: var(--bui-color-danger);
|
|
47
51
|
border: 1px solid var(--bui-color-border-danger);
|
|
48
52
|
}
|
|
53
|
+
.bui-tag-outlined.bui-tag-light {
|
|
54
|
+
color: var(--bui-color-bg-view);
|
|
55
|
+
border: 1px solid var(--bui-color-bg-view);
|
|
56
|
+
}
|
|
57
|
+
.bui-tag-outlined.bui-tag-dark {
|
|
58
|
+
color: var(--bui-color-fg-default);
|
|
59
|
+
border: 1px solid var(--bui-color-fg-default);
|
|
60
|
+
}
|
|
49
61
|
.bui-tag-outlined.bui-tag-vip {
|
|
50
|
-
color: var(--bui-color-
|
|
62
|
+
color: var(--bui-color-primary);
|
|
51
63
|
border: 1px solid var(--bui-color-border-primary);
|
|
52
64
|
}
|
|
53
65
|
.bui-tag-contained {
|
|
54
|
-
background-color: var(--tag-bg-color);
|
|
66
|
+
background-color: var(--bui-tag-bg-color);
|
|
55
67
|
}
|
|
56
68
|
.bui-tag-contained.bui-tag-primary {
|
|
57
69
|
background-color: var(--bui-color-primary);
|
|
@@ -68,34 +80,48 @@
|
|
|
68
80
|
.bui-tag-contained.bui-tag-danger {
|
|
69
81
|
background-color: var(--bui-color-danger);
|
|
70
82
|
}
|
|
83
|
+
.bui-tag-contained.bui-tag-light {
|
|
84
|
+
color: var(--bui-color-fg-default);
|
|
85
|
+
background-color: var(--bui-color-bg-view);
|
|
86
|
+
}
|
|
87
|
+
.bui-tag-contained.bui-tag-dark {
|
|
88
|
+
color: var(--bui-color-bg-view);
|
|
89
|
+
background-color: var(--bui-color-fg-default);
|
|
90
|
+
}
|
|
71
91
|
.bui-tag-contained.bui-tag-vip {
|
|
72
92
|
background-color: var(--bui-color-vip);
|
|
73
93
|
}
|
|
74
|
-
.bui-tag-
|
|
94
|
+
.bui-tag-subtle {
|
|
75
95
|
background-color: var(--bui-color-gray-light);
|
|
76
96
|
color: var(--bui-color-gray);
|
|
77
97
|
}
|
|
78
|
-
.bui-tag-
|
|
98
|
+
.bui-tag-subtle.bui-tag-primary {
|
|
79
99
|
background-color: var(--bui-color-primary-light);
|
|
80
100
|
color: var(--bui-color-primary);
|
|
81
101
|
}
|
|
82
|
-
.bui-tag-
|
|
102
|
+
.bui-tag-subtle.bui-tag-info {
|
|
83
103
|
background-color: var(--bui-color-info-light);
|
|
84
104
|
color: var(--bui-color-info);
|
|
85
105
|
}
|
|
86
|
-
.bui-tag-
|
|
106
|
+
.bui-tag-subtle.bui-tag-warning {
|
|
87
107
|
background-color: var(--bui-color-warning-light);
|
|
88
108
|
color: var(--bui-color-warning);
|
|
89
109
|
}
|
|
90
|
-
.bui-tag-
|
|
110
|
+
.bui-tag-subtle.bui-tag-success {
|
|
91
111
|
background-color: var(--bui-color-success-light);
|
|
92
112
|
color: var(--bui-color-success);
|
|
93
113
|
}
|
|
94
|
-
.bui-tag-
|
|
114
|
+
.bui-tag-subtle.bui-tag-danger {
|
|
95
115
|
background-color: var(--bui-color-danger-light);
|
|
96
116
|
color: var(--bui-color-danger);
|
|
97
117
|
}
|
|
98
|
-
.bui-tag-
|
|
99
|
-
|
|
118
|
+
.bui-tag-subtle.bui-tag-light {
|
|
119
|
+
color: var(--bui-color-bg-view);
|
|
120
|
+
}
|
|
121
|
+
.bui-tag-subtle.bui-tag-dark {
|
|
122
|
+
color: var(--bui-color-fg-default);
|
|
123
|
+
}
|
|
124
|
+
.bui-tag-subtle.bui-tag-vip {
|
|
125
|
+
background-color: var(--bui-tag-color-vip);
|
|
100
126
|
color: var(--bui-color-vip);
|
|
101
127
|
}
|
package/dist/Tag/Tag.js
CHANGED
|
@@ -77,9 +77,9 @@ const Tag = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
|
|
|
77
77
|
const _a = props, {
|
|
78
78
|
className,
|
|
79
79
|
style,
|
|
80
|
-
color,
|
|
80
|
+
color = "neutral",
|
|
81
81
|
htmlColor,
|
|
82
|
-
variant,
|
|
82
|
+
variant = "outlined",
|
|
83
83
|
onClick,
|
|
84
84
|
children
|
|
85
85
|
} = _a, others = __objRest(_a, [
|
|
@@ -98,7 +98,7 @@ const Tag = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
|
|
|
98
98
|
color: htmlColor,
|
|
99
99
|
borderColor: colorHandler(htmlColor, 0.4)
|
|
100
100
|
};
|
|
101
|
-
} else if (variant === "
|
|
101
|
+
} else if (variant === "subtle") {
|
|
102
102
|
customStyles = {
|
|
103
103
|
color: htmlColor,
|
|
104
104
|
backgroundColor: colorHandler(htmlColor, 0.3)
|
|
@@ -128,8 +128,4 @@ const Tag = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
|
|
|
128
128
|
);
|
|
129
129
|
});
|
|
130
130
|
Tag.displayName = "BuiTag";
|
|
131
|
-
Tag.defaultProps = {
|
|
132
|
-
variant: "outlined",
|
|
133
|
-
color: "default"
|
|
134
|
-
};
|
|
135
131
|
var Tag_default = Tag;
|
package/dist/Tag/Tag.types.d.ts
CHANGED
|
@@ -4,9 +4,9 @@ export type TagProps<D extends React.ElementType = 'div', P = {}> = OverrideProp
|
|
|
4
4
|
props: P & {
|
|
5
5
|
/**
|
|
6
6
|
* 预定义色彩
|
|
7
|
-
* @default '
|
|
7
|
+
* @default 'neutral'
|
|
8
8
|
*/
|
|
9
|
-
color?: ThemeColor | '
|
|
9
|
+
color?: ThemeColor | 'vip';
|
|
10
10
|
/**
|
|
11
11
|
* 自定义色彩
|
|
12
12
|
*/
|
|
@@ -14,10 +14,10 @@ export type TagProps<D extends React.ElementType = 'div', P = {}> = OverrideProp
|
|
|
14
14
|
/**
|
|
15
15
|
* - outlined: 描边
|
|
16
16
|
* - contained: 实心填充
|
|
17
|
-
* -
|
|
17
|
+
* - subtle: 柔和填充
|
|
18
18
|
* @default 'outlined'
|
|
19
19
|
*/
|
|
20
|
-
variant?: 'outlined' | 'contained' | '
|
|
20
|
+
variant?: 'outlined' | 'contained' | 'subtle';
|
|
21
21
|
};
|
|
22
22
|
defaultComponent: D;
|
|
23
23
|
}, D>;
|
package/dist/Tag/TagGroup.css
CHANGED
|
@@ -1,12 +1,16 @@
|
|
|
1
|
+
:root,
|
|
2
|
+
page,
|
|
3
|
+
xhs-page {
|
|
4
|
+
--bui-tag-group-divider-height: 13%;
|
|
5
|
+
--bui-tag-color: var(--bui-color-gray);
|
|
6
|
+
--bui-tag-border-color: var(--bui-color-border-gray);
|
|
7
|
+
--bui-tag-bg-color: var(--bui-color-gray);
|
|
8
|
+
--bui-tag-height: 15px;
|
|
9
|
+
--bui-tag-line-height: 15px;
|
|
10
|
+
--bui-tag-padding: 0 var(--bui-spacing-xs);
|
|
11
|
+
--bui-tag-color-vip: rgba(255, 134, 110, 0.3);
|
|
12
|
+
}
|
|
1
13
|
.bui-tag-group {
|
|
2
|
-
--height: var(--bui-tag-group-divider-height, 13%);
|
|
3
|
-
--tag-color: var(--bui-tag-color, var(--bui-color-gray));
|
|
4
|
-
--tag-border-color: var(--bui-tag-border-color, var(--bui-color-border-gray));
|
|
5
|
-
--tag-bg-color: var(--bui-tag-bg-color, var(--bui-color-gray));
|
|
6
|
-
--tag-height: var(--bui-tag-height, 15px);
|
|
7
|
-
--tag-line-height: var(--bui-tag-line-height, 15px);
|
|
8
|
-
--tag-padding: var(--bui-tag-padding, 0 var(--bui-spacing-xs));
|
|
9
|
-
--tag-bg-color-vip: var(--bui-tag-color-vip, rgba(255, 134, 110, 0.3));
|
|
10
14
|
display: inline-flex;
|
|
11
15
|
font-family: var(--bui-font-family);
|
|
12
16
|
}
|
|
@@ -32,9 +36,9 @@
|
|
|
32
36
|
position: absolute;
|
|
33
37
|
right: -1px;
|
|
34
38
|
width: 1px;
|
|
35
|
-
height: var(--height);
|
|
36
|
-
color:
|
|
37
|
-
background-color:
|
|
39
|
+
height: var(--bui-tag-group-divider-height);
|
|
40
|
+
color: var(--bui-color-white);
|
|
41
|
+
background-color: var(--bui-color-white);
|
|
38
42
|
border-right-style: solid;
|
|
39
43
|
}
|
|
40
44
|
.bui-tag-group .bui-tag:not(:last-child) {
|
package/dist/Tag/TagGroup.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TagGroupProps } from './TagGroup.types';
|
|
3
3
|
import './TagGroup.less';
|
|
4
|
-
declare const
|
|
5
|
-
export default
|
|
4
|
+
declare const TagGroup: React.ForwardRefExoticComponent<Omit<TagGroupProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export default TagGroup;
|
package/dist/Tag/TagGroup.js
CHANGED
|
@@ -60,17 +60,19 @@ var import_clsx = __toESM(require("clsx"));
|
|
|
60
60
|
var import_react = __toESM(require("react"));
|
|
61
61
|
var import_TagGroup2 = require("./TagGroup.css");
|
|
62
62
|
const prefixCls = "bui-tag-group";
|
|
63
|
-
const
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
63
|
+
const TagGroup = /* @__PURE__ */ import_react.default.forwardRef(
|
|
64
|
+
(props, ref) => {
|
|
65
|
+
const _a = props, { className, onClick, children } = _a, others = __objRest(_a, ["className", "onClick", "children"]);
|
|
66
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
67
|
+
"div",
|
|
68
|
+
__spreadValues({
|
|
69
|
+
ref,
|
|
70
|
+
onClick,
|
|
71
|
+
className: (0, import_clsx.default)(prefixCls, className)
|
|
72
|
+
}, others),
|
|
73
|
+
children
|
|
74
|
+
);
|
|
75
|
+
}
|
|
76
|
+
);
|
|
77
|
+
TagGroup.displayName = "BuiTagGroup";
|
|
78
|
+
var TagGroup_default = TagGroup;
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
:root,
|
|
2
|
+
page,
|
|
3
|
+
xhs-page {
|
|
4
|
+
--bui-tag-color: var(--bui-color-gray);
|
|
5
|
+
--bui-tag-border-color: var(--bui-color-border-gray);
|
|
6
|
+
--bui-tag-bg-color: var(--bui-color-gray);
|
|
7
|
+
--bui-tag-height: 15px;
|
|
8
|
+
--bui-tag-line-height: 15px;
|
|
9
|
+
--bui-tag-padding: 0 var(--bui-spacing-xs);
|
|
10
|
+
--bui-tag-color-vip: rgba(255, 134, 110, 0.3);
|
|
11
|
+
}
|
|
12
|
+
.bui-tag {
|
|
13
|
+
position: relative;
|
|
14
|
+
display: inline-flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
justify-content: center;
|
|
17
|
+
white-space: nowrap;
|
|
18
|
+
height: var(--bui-tag-height);
|
|
19
|
+
line-height: var(--bui-tag-line-height);
|
|
20
|
+
padding: var(--bui-tag-padding);
|
|
21
|
+
font-size: var(--bui-text-size-5);
|
|
22
|
+
font-weight: var(--bui-font-weight-normal);
|
|
23
|
+
border-radius: var(--bui-shape-radius-label);
|
|
24
|
+
border: 1px solid transparent;
|
|
25
|
+
box-sizing: border-box;
|
|
26
|
+
color: var(--bui-color-white);
|
|
27
|
+
font-family: var(--bui-font-family);
|
|
28
|
+
}
|
|
29
|
+
.bui-tag-outlined {
|
|
30
|
+
color: var(--bui-tag-color);
|
|
31
|
+
border: 1px solid var(--bui-tag-border-color);
|
|
32
|
+
}
|
|
33
|
+
.bui-tag-outlined.bui-tag-primary {
|
|
34
|
+
color: var(--bui-color-primary);
|
|
35
|
+
border: 1px solid var(--bui-color-border-primary);
|
|
36
|
+
}
|
|
37
|
+
.bui-tag-outlined.bui-tag-info {
|
|
38
|
+
color: var(--bui-color-info);
|
|
39
|
+
border: 1px solid var(--bui-color-border-info);
|
|
40
|
+
}
|
|
41
|
+
.bui-tag-outlined.bui-tag-warning {
|
|
42
|
+
color: var(--bui-color-warning);
|
|
43
|
+
border: 1px solid var(--bui-color-border-warning);
|
|
44
|
+
}
|
|
45
|
+
.bui-tag-outlined.bui-tag-success {
|
|
46
|
+
color: var(--bui-color-success);
|
|
47
|
+
border: 1px solid var(--bui-color-border-success);
|
|
48
|
+
}
|
|
49
|
+
.bui-tag-outlined.bui-tag-danger {
|
|
50
|
+
color: var(--bui-color-danger);
|
|
51
|
+
border: 1px solid var(--bui-color-border-danger);
|
|
52
|
+
}
|
|
53
|
+
.bui-tag-outlined.bui-tag-light {
|
|
54
|
+
color: var(--bui-color-bg-view);
|
|
55
|
+
border: 1px solid var(--bui-color-bg-view);
|
|
56
|
+
}
|
|
57
|
+
.bui-tag-outlined.bui-tag-dark {
|
|
58
|
+
color: var(--bui-color-fg-default);
|
|
59
|
+
border: 1px solid var(--bui-color-fg-default);
|
|
60
|
+
}
|
|
61
|
+
.bui-tag-outlined.bui-tag-vip {
|
|
62
|
+
color: var(--bui-color-primary);
|
|
63
|
+
border: 1px solid var(--bui-color-border-primary);
|
|
64
|
+
}
|
|
65
|
+
.bui-tag-contained {
|
|
66
|
+
background-color: var(--bui-tag-bg-color);
|
|
67
|
+
}
|
|
68
|
+
.bui-tag-contained.bui-tag-primary {
|
|
69
|
+
background-color: var(--bui-color-primary);
|
|
70
|
+
}
|
|
71
|
+
.bui-tag-contained.bui-tag-info {
|
|
72
|
+
background-color: var(--bui-color-info);
|
|
73
|
+
}
|
|
74
|
+
.bui-tag-contained.bui-tag-warning {
|
|
75
|
+
background-color: var(--bui-color-warning);
|
|
76
|
+
}
|
|
77
|
+
.bui-tag-contained.bui-tag-success {
|
|
78
|
+
background-color: var(--bui-color-success);
|
|
79
|
+
}
|
|
80
|
+
.bui-tag-contained.bui-tag-danger {
|
|
81
|
+
background-color: var(--bui-color-danger);
|
|
82
|
+
}
|
|
83
|
+
.bui-tag-contained.bui-tag-light {
|
|
84
|
+
color: var(--bui-color-fg-default);
|
|
85
|
+
background-color: var(--bui-color-bg-view);
|
|
86
|
+
}
|
|
87
|
+
.bui-tag-contained.bui-tag-dark {
|
|
88
|
+
color: var(--bui-color-bg-view);
|
|
89
|
+
background-color: var(--bui-color-fg-default);
|
|
90
|
+
}
|
|
91
|
+
.bui-tag-contained.bui-tag-vip {
|
|
92
|
+
background-color: var(--bui-color-vip);
|
|
93
|
+
}
|
|
94
|
+
.bui-tag-subtle {
|
|
95
|
+
background-color: var(--bui-color-gray-light);
|
|
96
|
+
color: var(--bui-color-gray);
|
|
97
|
+
}
|
|
98
|
+
.bui-tag-subtle.bui-tag-primary {
|
|
99
|
+
background-color: var(--bui-color-primary-light);
|
|
100
|
+
color: var(--bui-color-primary);
|
|
101
|
+
}
|
|
102
|
+
.bui-tag-subtle.bui-tag-info {
|
|
103
|
+
background-color: var(--bui-color-info-light);
|
|
104
|
+
color: var(--bui-color-info);
|
|
105
|
+
}
|
|
106
|
+
.bui-tag-subtle.bui-tag-warning {
|
|
107
|
+
background-color: var(--bui-color-warning-light);
|
|
108
|
+
color: var(--bui-color-warning);
|
|
109
|
+
}
|
|
110
|
+
.bui-tag-subtle.bui-tag-success {
|
|
111
|
+
background-color: var(--bui-color-success-light);
|
|
112
|
+
color: var(--bui-color-success);
|
|
113
|
+
}
|
|
114
|
+
.bui-tag-subtle.bui-tag-danger {
|
|
115
|
+
background-color: var(--bui-color-danger-light);
|
|
116
|
+
color: var(--bui-color-danger);
|
|
117
|
+
}
|
|
118
|
+
.bui-tag-subtle.bui-tag-light {
|
|
119
|
+
color: var(--bui-color-bg-view);
|
|
120
|
+
}
|
|
121
|
+
.bui-tag-subtle.bui-tag-dark {
|
|
122
|
+
color: var(--bui-color-fg-default);
|
|
123
|
+
}
|
|
124
|
+
.bui-tag-subtle.bui-tag-vip {
|
|
125
|
+
background-color: var(--bui-tag-color-vip);
|
|
126
|
+
color: var(--bui-color-vip);
|
|
127
|
+
}
|
|
128
|
+
:root,
|
|
129
|
+
page,
|
|
130
|
+
xhs-page {
|
|
131
|
+
--bui-tag-group-divider-height: 13%;
|
|
132
|
+
--bui-tag-color: var(--bui-color-gray);
|
|
133
|
+
--bui-tag-border-color: var(--bui-color-border-gray);
|
|
134
|
+
--bui-tag-bg-color: var(--bui-color-gray);
|
|
135
|
+
--bui-tag-height: 15px;
|
|
136
|
+
--bui-tag-line-height: 15px;
|
|
137
|
+
--bui-tag-padding: 0 var(--bui-spacing-xs);
|
|
138
|
+
--bui-tag-color-vip: rgba(255, 134, 110, 0.3);
|
|
139
|
+
}
|
|
140
|
+
.bui-tag-group {
|
|
141
|
+
display: inline-flex;
|
|
142
|
+
font-family: var(--bui-font-family);
|
|
143
|
+
}
|
|
144
|
+
.bui-tag-group .bui-tag-outlined {
|
|
145
|
+
background-color: var(--bui-color-white);
|
|
146
|
+
}
|
|
147
|
+
.bui-tag-group .bui-tag-outlined + .bui-tag-contained {
|
|
148
|
+
margin-left: -1px;
|
|
149
|
+
}
|
|
150
|
+
.bui-tag-group .bui-tag-outlined:not(:last-child) {
|
|
151
|
+
position: relative;
|
|
152
|
+
border-right-style: dotted;
|
|
153
|
+
}
|
|
154
|
+
.bui-tag-group .bui-tag-outlined:not(:last-child)::after {
|
|
155
|
+
top: 0;
|
|
156
|
+
}
|
|
157
|
+
.bui-tag-group .bui-tag-outlined:not(:last-child)::before {
|
|
158
|
+
bottom: 0;
|
|
159
|
+
}
|
|
160
|
+
.bui-tag-group .bui-tag-outlined:not(:last-child)::after,
|
|
161
|
+
.bui-tag-group .bui-tag-outlined:not(:last-child)::before {
|
|
162
|
+
content: "";
|
|
163
|
+
position: absolute;
|
|
164
|
+
right: -1px;
|
|
165
|
+
width: 1px;
|
|
166
|
+
height: var(--bui-tag-group-divider-height);
|
|
167
|
+
color: var(--bui-color-white);
|
|
168
|
+
background-color: var(--bui-color-white);
|
|
169
|
+
border-right-style: solid;
|
|
170
|
+
}
|
|
171
|
+
.bui-tag-group .bui-tag:not(:last-child) {
|
|
172
|
+
border-top-right-radius: 0;
|
|
173
|
+
border-bottom-right-radius: 0;
|
|
174
|
+
}
|
|
175
|
+
.bui-tag-group .bui-tag:not(:last-child):not(.bui-tag-outlined) {
|
|
176
|
+
border-right: 0;
|
|
177
|
+
}
|
|
178
|
+
.bui-tag-group .bui-tag:not(:first-child) {
|
|
179
|
+
border-top-left-radius: 0;
|
|
180
|
+
border-bottom-left-radius: 0;
|
|
181
|
+
border-left: 0;
|
|
182
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TextAreaProps } from './TextArea.types';
|
|
3
|
-
import './
|
|
3
|
+
import './index.less';
|
|
4
4
|
declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
5
|
export default TextArea;
|
|
@@ -62,7 +62,7 @@ module.exports = __toCommonJS(TextArea_exports);
|
|
|
62
62
|
var import_utils = require("@bifrostui/utils");
|
|
63
63
|
var import_clsx = __toESM(require("clsx"));
|
|
64
64
|
var import_react = __toESM(require("react"));
|
|
65
|
-
var
|
|
65
|
+
var import_index = require("./index.css");
|
|
66
66
|
const prefixCls = "bui-textarea";
|
|
67
67
|
const DEFAULT_ROWS = 2;
|
|
68
68
|
const TextArea = /* @__PURE__ */ import_react.default.forwardRef(
|
|
@@ -70,17 +70,17 @@ const TextArea = /* @__PURE__ */ import_react.default.forwardRef(
|
|
|
70
70
|
const _a = props, {
|
|
71
71
|
className,
|
|
72
72
|
value,
|
|
73
|
-
defaultValue,
|
|
73
|
+
defaultValue = "",
|
|
74
74
|
textareaProps,
|
|
75
75
|
textareaRef,
|
|
76
76
|
name,
|
|
77
77
|
placeholder,
|
|
78
78
|
disabled,
|
|
79
|
-
rows,
|
|
79
|
+
rows = DEFAULT_ROWS,
|
|
80
80
|
maxLength,
|
|
81
|
-
autoSize,
|
|
82
|
-
autoFocus,
|
|
83
|
-
showCount,
|
|
81
|
+
autoSize = false,
|
|
82
|
+
autoFocus = false,
|
|
83
|
+
showCount = false,
|
|
84
84
|
onChange
|
|
85
85
|
} = _a, others = __objRest(_a, [
|
|
86
86
|
"className",
|
|
@@ -205,11 +205,4 @@ const TextArea = /* @__PURE__ */ import_react.default.forwardRef(
|
|
|
205
205
|
}
|
|
206
206
|
);
|
|
207
207
|
TextArea.displayName = "BuiTextArea";
|
|
208
|
-
TextArea.defaultProps = {
|
|
209
|
-
defaultValue: "",
|
|
210
|
-
rows: DEFAULT_ROWS,
|
|
211
|
-
autoSize: false,
|
|
212
|
-
autoFocus: false,
|
|
213
|
-
showCount: false
|
|
214
|
-
};
|
|
215
208
|
var TextArea_default = TextArea;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
:root,
|
|
2
|
+
page,
|
|
3
|
+
xhs-page {
|
|
4
|
+
--bui-textarea-border-radius: var(--bui-shape-radius-label);
|
|
5
|
+
--bui-textarea-width: 100%;
|
|
6
|
+
--bui-textarea-background-color: var(--bui-color-bg-default);
|
|
7
|
+
--bui-textarea-text-color: var(--bui-color-fg-subtle);
|
|
8
|
+
--bui-textarea-count-background-color: var(--bui-textarea-background-color, var(--bui-color-bg-default));
|
|
9
|
+
--bui-textarea-count-color: var(--bui-color-fg-subtle);
|
|
10
|
+
--bui-textarea-text-font-size: var(--bui-text-size-2);
|
|
11
|
+
--bui-textarea-count-font-size: var(--bui-title-size-3);
|
|
12
|
+
--bui-textarea-padding: 8px;
|
|
13
|
+
--bui-textarea-count-padding: 0 4px;
|
|
14
|
+
--bui-textarea-placeholder-color: #ced1d6;
|
|
15
|
+
--bui-textarea-placeholder-line-height: 1.3;
|
|
16
|
+
}
|
|
17
|
+
.bui-textarea {
|
|
18
|
+
background: var(--bui-color-bg-default);
|
|
19
|
+
border-radius: var(--bui-textarea-border-radius);
|
|
20
|
+
font-family: var(--bui-font-family);
|
|
21
|
+
overflow: hidden;
|
|
22
|
+
}
|
|
23
|
+
.bui-textarea textarea {
|
|
24
|
+
font-size: var(--bui-textarea-text-font-size);
|
|
25
|
+
color: var(--bui-textarea-text-color);
|
|
26
|
+
line-height: var(--bui-line-height);
|
|
27
|
+
}
|
|
28
|
+
.bui-textarea .bui-mini-placeholder {
|
|
29
|
+
color: var(--bui-textarea-placeholder-color);
|
|
30
|
+
}
|
|
31
|
+
.bui-textarea-disabled {
|
|
32
|
+
pointer-events: none;
|
|
33
|
+
}
|
|
34
|
+
.bui-textarea .a-textarea-count-wrap {
|
|
35
|
+
display: none;
|
|
36
|
+
}
|
|
37
|
+
.bui-textarea-content {
|
|
38
|
+
width: var(--bui-textarea-width);
|
|
39
|
+
resize: none;
|
|
40
|
+
background-color: var(--bui-textarea-background-color);
|
|
41
|
+
padding: var(--bui-textarea-padding);
|
|
42
|
+
border: none;
|
|
43
|
+
outline: none;
|
|
44
|
+
word-break: break-all;
|
|
45
|
+
box-sizing: border-box;
|
|
46
|
+
}
|
|
47
|
+
.bui-textarea-content::placeholder {
|
|
48
|
+
color: var(--bui-textarea-placeholder-color);
|
|
49
|
+
line-height: var(--bui-textarea-placeholder-line-height);
|
|
50
|
+
}
|
|
51
|
+
.bui-textarea-count {
|
|
52
|
+
background-color: var(--bui-textarea-count-background-color);
|
|
53
|
+
color: var(--bui-textarea-count-color);
|
|
54
|
+
text-align: right;
|
|
55
|
+
padding: var(--bui-textarea-count-padding);
|
|
56
|
+
font-size: var(--bui-textarea-count-font-size);
|
|
57
|
+
}
|
|
@@ -45,7 +45,6 @@ const ThemeProvider = /* @__PURE__ */ import_react.default.forwardRef(
|
|
|
45
45
|
defaultLightToken,
|
|
46
46
|
defaultDarkToken,
|
|
47
47
|
dmLightToken,
|
|
48
|
-
dmDarkToken,
|
|
49
48
|
token,
|
|
50
49
|
children
|
|
51
50
|
} = props;
|
|
@@ -61,7 +60,7 @@ const ThemeProvider = /* @__PURE__ */ import_react.default.forwardRef(
|
|
|
61
60
|
});
|
|
62
61
|
}
|
|
63
62
|
(0, import_react.useEffect)(() => {
|
|
64
|
-
if (responsive || defaultLightToken || defaultDarkToken || dmLightToken ||
|
|
63
|
+
if (responsive || defaultLightToken || defaultDarkToken || dmLightToken || token) {
|
|
65
64
|
(0, import_mountTokens.mountTokens)({
|
|
66
65
|
isRoot,
|
|
67
66
|
containerId,
|
|
@@ -70,7 +69,6 @@ const ThemeProvider = /* @__PURE__ */ import_react.default.forwardRef(
|
|
|
70
69
|
defaultLightToken,
|
|
71
70
|
defaultDarkToken,
|
|
72
71
|
dmLightToken,
|
|
73
|
-
dmDarkToken,
|
|
74
72
|
token
|
|
75
73
|
});
|
|
76
74
|
}
|
|
@@ -81,7 +79,6 @@ const ThemeProvider = /* @__PURE__ */ import_react.default.forwardRef(
|
|
|
81
79
|
defaultLightToken,
|
|
82
80
|
defaultDarkToken,
|
|
83
81
|
dmLightToken,
|
|
84
|
-
dmDarkToken,
|
|
85
82
|
token
|
|
86
83
|
]);
|
|
87
84
|
return /* @__PURE__ */ import_react.default.createElement(import_hooks.ThemeContext.Provider, { value: theme }, childrenNode);
|
|
@@ -57,7 +57,6 @@ interface ThemeProps {
|
|
|
57
57
|
/**
|
|
58
58
|
* 当前ThemeProvider是否为最顶层
|
|
59
59
|
* 若当前应用会出现嵌套的ThemeProvider,则需要将最外层的ThemeProvider isRoot属性设置为true
|
|
60
|
-
* TODO 不通过属性判断
|
|
61
60
|
* @default false
|
|
62
61
|
*/
|
|
63
62
|
isRoot?: boolean;
|
|
@@ -91,26 +90,22 @@ interface ThemeProps {
|
|
|
91
90
|
*/
|
|
92
91
|
dmLightToken?: Record<string, string>;
|
|
93
92
|
/**
|
|
94
|
-
*
|
|
93
|
+
* 先锋版高亮主题Token
|
|
95
94
|
*/
|
|
96
|
-
|
|
95
|
+
pioneerLightToken?: Record<string, string>;
|
|
97
96
|
/**
|
|
98
|
-
*
|
|
97
|
+
* 组件Token
|
|
99
98
|
*/
|
|
100
99
|
token?: Record<string, string>;
|
|
101
100
|
}
|
|
102
101
|
/**
|
|
103
102
|
* 复写内置主题Tokens
|
|
104
103
|
*/
|
|
105
|
-
type BuiltInThemesTokenOptions = Pick<ThemeProps, 'defaultLightToken' | 'defaultDarkToken' | 'dmLightToken' | '
|
|
104
|
+
type BuiltInThemesTokenOptions = Pick<ThemeProps, 'defaultLightToken' | 'defaultDarkToken' | 'dmLightToken' | 'pioneerLightToken'>;
|
|
106
105
|
/**
|
|
107
106
|
* 挂载组件自定义Tokens参数
|
|
108
107
|
*/
|
|
109
108
|
export type MountComponentsTokenOptions = Pick<ThemeProps, 'isRoot' | 'container' | 'containerId' | 'token'>;
|
|
110
|
-
/**
|
|
111
|
-
* 挂载响应式Tokens参数
|
|
112
|
-
*/
|
|
113
|
-
type componentsTokenOptions = Pick<ThemeProps, 'token'>;
|
|
114
109
|
export type MountResponsiveTokenOptions = Pick<ThemeProps, 'responsive'> & {
|
|
115
110
|
breakpoints?: Breakpoints;
|
|
116
111
|
};
|
|
@@ -124,4 +119,4 @@ export type ThemeProviderProps<D extends React.ElementType = 'div', P = {}> = Ov
|
|
|
124
119
|
props: P & ThemeProps;
|
|
125
120
|
defaultComponent: D;
|
|
126
121
|
}, D>;
|
|
127
|
-
export { BaseLang, ResponsiveTokenOptions, ThemeProps, BuiltInThemesTokenOptions,
|
|
122
|
+
export { BaseLang, ResponsiveTokenOptions, ThemeProps, BuiltInThemesTokenOptions, };
|
|
@@ -54,7 +54,10 @@ const rootSelector = {
|
|
|
54
54
|
],
|
|
55
55
|
defaultDark: [".bui-dark", '[data-color-mode="dark"][data-theme="default"]'],
|
|
56
56
|
dmLight: [".bui-dm-light", '[data-color-mode="light"][data-theme="dm"]'],
|
|
57
|
-
|
|
57
|
+
pioneerLight: [
|
|
58
|
+
".bui-pioneer-light",
|
|
59
|
+
'[data-color-mode="light"][data-theme="pioneer"]'
|
|
60
|
+
]
|
|
58
61
|
};
|
|
59
62
|
const BUI_VAR_PREFIX = "bui-var-";
|
|
60
63
|
// Annotate the CommonJS export names for ESM import in node:
|