donghy 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +422 -0
- package/dist/cjs/components/Button/Button.js +66 -0
- package/dist/cjs/components/Button/Button.module.css +137 -0
- package/dist/cjs/components/Button/index.js +14 -0
- package/dist/cjs/components/common/Affix/Affix.js +152 -0
- package/dist/cjs/components/common/Affix/Affix.module.css +11 -0
- package/dist/cjs/components/common/Affix/index.js +21 -0
- package/dist/cjs/components/common/Anchor/Anchor.js +224 -0
- package/dist/cjs/components/common/Anchor/Anchor.module.css +104 -0
- package/dist/cjs/components/common/Anchor/index.js +12 -0
- package/dist/cjs/components/common/App/App.js +214 -0
- package/dist/cjs/components/common/App/App.module.css +2 -0
- package/dist/cjs/components/common/App/index.js +12 -0
- package/dist/cjs/components/common/BackTop/BackTop.js +105 -0
- package/dist/cjs/components/common/BackTop/BackTop.module.css +43 -0
- package/dist/cjs/components/common/BackTop/index.js +12 -0
- package/dist/cjs/components/common/Button/Button.js +413 -0
- package/dist/cjs/components/common/Button/Button.module.css +122 -0
- package/dist/cjs/components/common/Button/index.js +12 -0
- package/dist/cjs/components/common/ConfigProvider/ConfigProvider.js +102 -0
- package/dist/cjs/components/common/ConfigProvider/ConfigProvider.module.css +2 -0
- package/dist/cjs/components/common/ConfigProvider/index.js +24 -0
- package/dist/cjs/components/common/FloatButton/FloatButton.js +552 -0
- package/dist/cjs/components/common/FloatButton/FloatButton.module.css +221 -0
- package/dist/cjs/components/common/FloatButton/index.js +24 -0
- package/dist/cjs/components/common/Icon/Icon.js +662 -0
- package/dist/cjs/components/common/Icon/Icon.module.css +26 -0
- package/dist/cjs/components/common/Icon/index.js +16 -0
- package/dist/cjs/components/common/Icon/style.css +26 -0
- package/dist/cjs/components/common/Typography/Typography.js +605 -0
- package/dist/cjs/components/common/Typography/Typography.module.css +303 -0
- package/dist/cjs/components/common/Typography/index.js +36 -0
- package/dist/cjs/components/common/Watermark/Watermark.js +248 -0
- package/dist/cjs/components/common/Watermark/Watermark.module.css +11 -0
- package/dist/cjs/components/common/Watermark/index.js +12 -0
- package/dist/cjs/components/common/index.js +115 -0
- package/dist/cjs/components/display/avatar/Avatar.js +127 -0
- package/dist/cjs/components/display/avatar/Avatar.module.css +95 -0
- package/dist/cjs/components/display/avatar/AvatarGroup.js +66 -0
- package/dist/cjs/components/display/avatar/index.js +19 -0
- package/dist/cjs/components/display/badge/Badge.js +152 -0
- package/dist/cjs/components/display/badge/Badge.module.css +161 -0
- package/dist/cjs/components/display/badge/BadgeRibbon.js +63 -0
- package/dist/cjs/components/display/badge/index.js +19 -0
- package/dist/cjs/components/display/calendar/Calendar.js +400 -0
- package/dist/cjs/components/display/calendar/Calendar.module.css +284 -0
- package/dist/cjs/components/display/calendar/index.js +12 -0
- package/dist/cjs/components/display/card/Card.js +201 -0
- package/dist/cjs/components/display/card/Card.module.css +222 -0
- package/dist/cjs/components/display/card/CardGrid.js +31 -0
- package/dist/cjs/components/display/card/CardMeta.js +63 -0
- package/dist/cjs/components/display/card/index.js +26 -0
- package/dist/cjs/components/display/carousel/Carousel.js +316 -0
- package/dist/cjs/components/display/carousel/Carousel.module.css +144 -0
- package/dist/cjs/components/display/carousel/index.js +12 -0
- package/dist/cjs/components/display/collapse/Collapse.js +183 -0
- package/dist/cjs/components/display/collapse/Collapse.module.css +149 -0
- package/dist/cjs/components/display/collapse/index.js +12 -0
- package/dist/cjs/components/display/descriptions/Descriptions.js +218 -0
- package/dist/cjs/components/display/descriptions/Descriptions.module.css +106 -0
- package/dist/cjs/components/display/descriptions/index.js +12 -0
- package/dist/cjs/components/display/empty/Empty.js +158 -0
- package/dist/cjs/components/display/empty/Empty.module.css +32 -0
- package/dist/cjs/components/display/empty/index.js +12 -0
- package/dist/cjs/components/display/image/Image.js +481 -0
- package/dist/cjs/components/display/image/Image.module.css +223 -0
- package/dist/cjs/components/display/image/ImagePreviewGroup.js +142 -0
- package/dist/cjs/components/display/image/index.js +19 -0
- package/dist/cjs/components/display/index.js +187 -0
- package/dist/cjs/components/display/list/List.js +215 -0
- package/dist/cjs/components/display/list/List.module.css +212 -0
- package/dist/cjs/components/display/list/index.js +12 -0
- package/dist/cjs/components/display/popover/Popover.js +142 -0
- package/dist/cjs/components/display/popover/Popover.module.css +138 -0
- package/dist/cjs/components/display/popover/index.js +12 -0
- package/dist/cjs/components/display/qrcode/QRCode.js +233 -0
- package/dist/cjs/components/display/qrcode/QRCode.module.css +91 -0
- package/dist/cjs/components/display/qrcode/index.js +12 -0
- package/dist/cjs/components/display/segmented/Segmented.js +177 -0
- package/dist/cjs/components/display/segmented/Segmented.module.css +82 -0
- package/dist/cjs/components/display/segmented/index.js +12 -0
- package/dist/cjs/components/display/statistic/Statistic.js +114 -0
- package/dist/cjs/components/display/statistic/Statistic.module.css +58 -0
- package/dist/cjs/components/display/statistic/StatisticTimer.js +174 -0
- package/dist/cjs/components/display/statistic/index.js +19 -0
- package/dist/cjs/components/display/table/Table.js +718 -0
- package/dist/cjs/components/display/table/Table.module.css +322 -0
- package/dist/cjs/components/display/table/index.js +12 -0
- package/dist/cjs/components/display/tag/CheckableTag.js +51 -0
- package/dist/cjs/components/display/tag/Tag.js +195 -0
- package/dist/cjs/components/display/tag/Tag.module.css +84 -0
- package/dist/cjs/components/display/tag/index.js +19 -0
- package/dist/cjs/components/display/timeline/Timeline.js +150 -0
- package/dist/cjs/components/display/timeline/Timeline.module.css +133 -0
- package/dist/cjs/components/display/timeline/index.js +12 -0
- package/dist/cjs/components/display/tooltip/Tooltip.js +121 -0
- package/dist/cjs/components/display/tooltip/Tooltip.module.css +118 -0
- package/dist/cjs/components/display/tooltip/index.js +12 -0
- package/dist/cjs/components/display/tour/Tour.js +450 -0
- package/dist/cjs/components/display/tour/Tour.module.css +318 -0
- package/dist/cjs/components/display/tour/index.js +12 -0
- package/dist/cjs/components/display/tree/Tree.js +837 -0
- package/dist/cjs/components/display/tree/Tree.module.css +235 -0
- package/dist/cjs/components/display/tree/index.js +12 -0
- package/dist/cjs/components/entry/auto-complete/AutoComplete.js +229 -0
- package/dist/cjs/components/entry/auto-complete/AutoComplete.module.css +113 -0
- package/dist/cjs/components/entry/auto-complete/index.js +12 -0
- package/dist/cjs/components/entry/cascader/Cascader.js +237 -0
- package/dist/cjs/components/entry/cascader/Cascader.module.css +124 -0
- package/dist/cjs/components/entry/cascader/index.js +12 -0
- package/dist/cjs/components/entry/choice/Checkbox.js +161 -0
- package/dist/cjs/components/entry/choice/Checkbox.module.css +88 -0
- package/dist/cjs/components/entry/choice/Radio.js +143 -0
- package/dist/cjs/components/entry/choice/Radio.module.css +85 -0
- package/dist/cjs/components/entry/choice/Switch.js +104 -0
- package/dist/cjs/components/entry/choice/Switch.module.css +86 -0
- package/dist/cjs/components/entry/choice/index.js +26 -0
- package/dist/cjs/components/entry/common.js +5 -0
- package/dist/cjs/components/entry/date-picker/DatePicker.js +212 -0
- package/dist/cjs/components/entry/date-picker/DatePicker.module.css +153 -0
- package/dist/cjs/components/entry/date-picker/index.js +12 -0
- package/dist/cjs/components/entry/form/Form.js +505 -0
- package/dist/cjs/components/entry/form/Form.module.css +124 -0
- package/dist/cjs/components/entry/form/Form.tokens.css +22 -0
- package/dist/cjs/components/entry/form/index.js +12 -0
- package/dist/cjs/components/entry/index.js +136 -0
- package/dist/cjs/components/entry/input/Input.js +257 -0
- package/dist/cjs/components/entry/input/Input.module.css +172 -0
- package/dist/cjs/components/entry/input/index.js +12 -0
- package/dist/cjs/components/entry/input-number/InputNumber.js +170 -0
- package/dist/cjs/components/entry/input-number/InputNumber.module.css +89 -0
- package/dist/cjs/components/entry/input-number/index.js +12 -0
- package/dist/cjs/components/entry/mention/Mention.js +170 -0
- package/dist/cjs/components/entry/mention/Mention.module.css +77 -0
- package/dist/cjs/components/entry/mention/index.js +12 -0
- package/dist/cjs/components/entry/range-picker/RangePicker.js +326 -0
- package/dist/cjs/components/entry/range-picker/RangePicker.module.css +193 -0
- package/dist/cjs/components/entry/range-picker/index.js +12 -0
- package/dist/cjs/components/entry/rate/Rate.js +123 -0
- package/dist/cjs/components/entry/rate/Rate.module.css +76 -0
- package/dist/cjs/components/entry/rate/index.js +12 -0
- package/dist/cjs/components/entry/select/Select.js +303 -0
- package/dist/cjs/components/entry/select/Select.module.css +202 -0
- package/dist/cjs/components/entry/select/index.js +12 -0
- package/dist/cjs/components/entry/slider/Slider.js +190 -0
- package/dist/cjs/components/entry/slider/Slider.module.css +196 -0
- package/dist/cjs/components/entry/slider/index.js +12 -0
- package/dist/cjs/components/entry/textarea/TextArea.js +99 -0
- package/dist/cjs/components/entry/textarea/TextArea.module.css +54 -0
- package/dist/cjs/components/entry/textarea/index.js +12 -0
- package/dist/cjs/components/entry/time-picker/TimePicker.js +213 -0
- package/dist/cjs/components/entry/time-picker/TimePicker.module.css +137 -0
- package/dist/cjs/components/entry/time-picker/index.js +12 -0
- package/dist/cjs/components/entry/tokens/index.js +151 -0
- package/dist/cjs/components/entry/transfer/Transfer.js +243 -0
- package/dist/cjs/components/entry/transfer/Transfer.module.css +170 -0
- package/dist/cjs/components/entry/transfer/index.js +12 -0
- package/dist/cjs/components/entry/tree-select/TreeSelect.js +225 -0
- package/dist/cjs/components/entry/tree-select/TreeSelect.module.css +138 -0
- package/dist/cjs/components/entry/tree-select/index.js +12 -0
- package/dist/cjs/components/entry/types.d.ts +10 -0
- package/dist/cjs/components/entry/upload/Upload.js +381 -0
- package/dist/cjs/components/entry/upload/Upload.module.css +150 -0
- package/dist/cjs/components/entry/upload/index.js +12 -0
- package/dist/cjs/components/feedback/alert/Alert.js +153 -0
- package/dist/cjs/components/feedback/alert/Alert.module.css +131 -0
- package/dist/cjs/components/feedback/alert/index.js +12 -0
- package/dist/cjs/components/feedback/drawer/Drawer.js +196 -0
- package/dist/cjs/components/feedback/drawer/Drawer.module.css +135 -0
- package/dist/cjs/components/feedback/drawer/index.js +12 -0
- package/dist/cjs/components/feedback/index.js +75 -0
- package/dist/cjs/components/feedback/message/Message.js +316 -0
- package/dist/cjs/components/feedback/message/Message.module.css +130 -0
- package/dist/cjs/components/feedback/message/index.js +12 -0
- package/dist/cjs/components/feedback/modal/Modal.js +193 -0
- package/dist/cjs/components/feedback/modal/Modal.module.css +123 -0
- package/dist/cjs/components/feedback/modal/index.js +12 -0
- package/dist/cjs/components/feedback/notification/Notification.js +339 -0
- package/dist/cjs/components/feedback/notification/Notification.module.css +262 -0
- package/dist/cjs/components/feedback/notification/index.js +12 -0
- package/dist/cjs/components/feedback/popconfirm/Popconfirm.js +169 -0
- package/dist/cjs/components/feedback/popconfirm/Popconfirm.module.css +180 -0
- package/dist/cjs/components/feedback/popconfirm/index.js +12 -0
- package/dist/cjs/components/feedback/progress/Progress.js +258 -0
- package/dist/cjs/components/feedback/progress/Progress.module.css +166 -0
- package/dist/cjs/components/feedback/progress/index.js +12 -0
- package/dist/cjs/components/feedback/result/Result.js +232 -0
- package/dist/cjs/components/feedback/result/Result.module.css +63 -0
- package/dist/cjs/components/feedback/result/index.js +12 -0
- package/dist/cjs/components/feedback/skeleton/Skeleton.js +174 -0
- package/dist/cjs/components/feedback/skeleton/Skeleton.module.css +96 -0
- package/dist/cjs/components/feedback/skeleton/index.js +12 -0
- package/dist/cjs/components/feedback/spin/Spin.js +178 -0
- package/dist/cjs/components/feedback/spin/Spin.module.css +86 -0
- package/dist/cjs/components/feedback/spin/index.js +12 -0
- package/dist/cjs/components/feedback/tokens/index.js +97 -0
- package/dist/cjs/components/index.js +1269 -0
- package/dist/cjs/components/layout/divider/Divider.js +45 -0
- package/dist/cjs/components/layout/divider/Divider.module.css +77 -0
- package/dist/cjs/components/layout/divider/index.js +12 -0
- package/dist/cjs/components/layout/flex/Flex.js +110 -0
- package/dist/cjs/components/layout/flex/Flex.module.css +26 -0
- package/dist/cjs/components/layout/flex/index.js +24 -0
- package/dist/cjs/components/layout/grid/Grid.js +171 -0
- package/dist/cjs/components/layout/grid/Grid.module.css +22 -0
- package/dist/cjs/components/layout/grid/index.js +18 -0
- package/dist/cjs/components/layout/index.js +79 -0
- package/dist/cjs/components/layout/layout/Layout.js +201 -0
- package/dist/cjs/components/layout/layout/Layout.module.css +92 -0
- package/dist/cjs/components/layout/layout/index.js +12 -0
- package/dist/cjs/components/layout/masonry/Masonry.js +53 -0
- package/dist/cjs/components/layout/masonry/Masonry.module.css +8 -0
- package/dist/cjs/components/layout/masonry/index.js +12 -0
- package/dist/cjs/components/layout/space/Space.js +76 -0
- package/dist/cjs/components/layout/space/Space.module.css +39 -0
- package/dist/cjs/components/layout/space/index.js +12 -0
- package/dist/cjs/components/layout/splitter/Splitter.js +192 -0
- package/dist/cjs/components/layout/splitter/Splitter.module.css +39 -0
- package/dist/cjs/components/layout/splitter/index.js +12 -0
- package/dist/cjs/components/layout/stack/Stack.js +45 -0
- package/dist/cjs/components/layout/stack/Stack.module.css +52 -0
- package/dist/cjs/components/layout/stack/index.js +12 -0
- package/dist/cjs/components/nav/breadcrumb/Breadcrumb.js +74 -0
- package/dist/cjs/components/nav/breadcrumb/Breadcrumb.module.css +60 -0
- package/dist/cjs/components/nav/breadcrumb/index.js +12 -0
- package/dist/cjs/components/nav/dropdown/Dropdown.js +134 -0
- package/dist/cjs/components/nav/dropdown/Dropdown.module.css +148 -0
- package/dist/cjs/components/nav/dropdown/index.js +12 -0
- package/dist/cjs/components/nav/index.js +47 -0
- package/dist/cjs/components/nav/menu/Menu.js +308 -0
- package/dist/cjs/components/nav/menu/Menu.module.css +250 -0
- package/dist/cjs/components/nav/menu/index.js +18 -0
- package/dist/cjs/components/nav/pagination/Pagination.js +277 -0
- package/dist/cjs/components/nav/pagination/Pagination.module.css +126 -0
- package/dist/cjs/components/nav/pagination/index.js +12 -0
- package/dist/cjs/components/nav/steps/Steps.js +135 -0
- package/dist/cjs/components/nav/steps/Steps.module.css +170 -0
- package/dist/cjs/components/nav/steps/index.js +12 -0
- package/dist/cjs/components/nav/tabs/Tabs.js +190 -0
- package/dist/cjs/components/nav/tabs/Tabs.module.css +251 -0
- package/dist/cjs/components/nav/tabs/index.js +12 -0
- package/dist/cjs/components/shared/constants/breakpoint.js +15 -0
- package/dist/cjs/components/shared/constants/index.js +18 -0
- package/dist/cjs/components/shared/hooks/index.js +53 -0
- package/dist/cjs/components/shared/hooks/useClickOutside.js +26 -0
- package/dist/cjs/components/shared/hooks/useControllableState.js +31 -0
- package/dist/cjs/components/shared/hooks/useEscapeKey.js +22 -0
- package/dist/cjs/components/shared/hooks/useMatchMedia.js +69 -0
- package/dist/cjs/components/shared/hooks/usePikaContext.js +40 -0
- package/dist/cjs/components/shared/hooks/useScrollListener.js +39 -0
- package/dist/cjs/components/shared/hooks/useZenContext.js +40 -0
- package/dist/cjs/components/shared/index.js +117 -0
- package/dist/cjs/components/shared/overlay/index.js +37 -0
- package/dist/cjs/components/shared/overlay/placement.js +105 -0
- package/dist/cjs/components/shared/overlay/useOverlay.js +183 -0
- package/dist/cjs/components/shared/types/common.js +5 -0
- package/dist/cjs/components/shared/types/css.js +5 -0
- package/dist/cjs/components/shared/types/index.js +5 -0
- package/dist/cjs/components/shared/utils/classNames.js +12 -0
- package/dist/cjs/components/shared/utils/index.js +38 -0
- package/dist/cjs/components/shared/utils/portal.js +20 -0
- package/dist/cjs/components/shared/utils/semantic.js +18 -0
- package/dist/cjs/global.css +247 -0
- package/dist/cjs/index.js +27 -0
- package/dist/cjs/theme/dark.css +56 -0
- package/dist/cjs/theme/dumi.css +695 -0
- package/dist/cjs/theme/tokens.js +133 -0
- package/dist/esm/components/Button/Button.js +60 -0
- package/dist/esm/components/Button/Button.module.css +137 -0
- package/dist/esm/components/Button/index.js +3 -0
- package/dist/esm/components/common/Affix/Affix.js +146 -0
- package/dist/esm/components/common/Affix/Affix.module.css +11 -0
- package/dist/esm/components/common/Affix/index.js +1 -0
- package/dist/esm/components/common/Anchor/Anchor.js +220 -0
- package/dist/esm/components/common/Anchor/Anchor.module.css +104 -0
- package/dist/esm/components/common/Anchor/index.js +1 -0
- package/dist/esm/components/common/App/App.js +206 -0
- package/dist/esm/components/common/App/App.module.css +2 -0
- package/dist/esm/components/common/App/index.js +1 -0
- package/dist/esm/components/common/BackTop/BackTop.js +99 -0
- package/dist/esm/components/common/BackTop/BackTop.module.css +43 -0
- package/dist/esm/components/common/BackTop/index.js +1 -0
- package/dist/esm/components/common/Button/Button.js +408 -0
- package/dist/esm/components/common/Button/Button.module.css +122 -0
- package/dist/esm/components/common/Button/index.js +1 -0
- package/dist/esm/components/common/ConfigProvider/ConfigProvider.js +99 -0
- package/dist/esm/components/common/ConfigProvider/ConfigProvider.module.css +2 -0
- package/dist/esm/components/common/ConfigProvider/index.js +2 -0
- package/dist/esm/components/common/FloatButton/FloatButton.js +572 -0
- package/dist/esm/components/common/FloatButton/FloatButton.module.css +221 -0
- package/dist/esm/components/common/FloatButton/index.js +1 -0
- package/dist/esm/components/common/Icon/Icon.js +651 -0
- package/dist/esm/components/common/Icon/Icon.module.css +26 -0
- package/dist/esm/components/common/Icon/index.js +2 -0
- package/dist/esm/components/common/Icon/style.css +26 -0
- package/dist/esm/components/common/Typography/Typography.js +599 -0
- package/dist/esm/components/common/Typography/Typography.module.css +303 -0
- package/dist/esm/components/common/Typography/index.js +1 -0
- package/dist/esm/components/common/Watermark/Watermark.js +243 -0
- package/dist/esm/components/common/Watermark/Watermark.module.css +11 -0
- package/dist/esm/components/common/Watermark/index.js +1 -0
- package/dist/esm/components/common/index.js +10 -0
- package/dist/esm/components/display/avatar/Avatar.js +128 -0
- package/dist/esm/components/display/avatar/Avatar.module.css +95 -0
- package/dist/esm/components/display/avatar/AvatarGroup.js +58 -0
- package/dist/esm/components/display/avatar/index.js +2 -0
- package/dist/esm/components/display/badge/Badge.js +153 -0
- package/dist/esm/components/display/badge/Badge.module.css +161 -0
- package/dist/esm/components/display/badge/BadgeRibbon.js +56 -0
- package/dist/esm/components/display/badge/index.js +2 -0
- package/dist/esm/components/display/calendar/Calendar.js +399 -0
- package/dist/esm/components/display/calendar/Calendar.module.css +284 -0
- package/dist/esm/components/display/calendar/index.js +1 -0
- package/dist/esm/components/display/card/Card.js +202 -0
- package/dist/esm/components/display/card/Card.module.css +222 -0
- package/dist/esm/components/display/card/CardGrid.js +22 -0
- package/dist/esm/components/display/card/CardMeta.js +56 -0
- package/dist/esm/components/display/card/index.js +3 -0
- package/dist/esm/components/display/carousel/Carousel.js +324 -0
- package/dist/esm/components/display/carousel/Carousel.module.css +144 -0
- package/dist/esm/components/display/carousel/index.js +1 -0
- package/dist/esm/components/display/collapse/Collapse.js +186 -0
- package/dist/esm/components/display/collapse/Collapse.module.css +149 -0
- package/dist/esm/components/display/collapse/index.js +1 -0
- package/dist/esm/components/display/descriptions/Descriptions.js +221 -0
- package/dist/esm/components/display/descriptions/Descriptions.module.css +106 -0
- package/dist/esm/components/display/descriptions/index.js +1 -0
- package/dist/esm/components/display/empty/Empty.js +157 -0
- package/dist/esm/components/display/empty/Empty.module.css +32 -0
- package/dist/esm/components/display/empty/index.js +1 -0
- package/dist/esm/components/display/image/Image.js +479 -0
- package/dist/esm/components/display/image/Image.module.css +223 -0
- package/dist/esm/components/display/image/ImagePreviewGroup.js +135 -0
- package/dist/esm/components/display/image/index.js +2 -0
- package/dist/esm/components/display/index.js +27 -0
- package/dist/esm/components/display/list/List.js +208 -0
- package/dist/esm/components/display/list/List.module.css +212 -0
- package/dist/esm/components/display/list/index.js +1 -0
- package/dist/esm/components/display/popover/Popover.js +144 -0
- package/dist/esm/components/display/popover/Popover.module.css +138 -0
- package/dist/esm/components/display/popover/index.js +1 -0
- package/dist/esm/components/display/qrcode/QRCode.js +226 -0
- package/dist/esm/components/display/qrcode/QRCode.module.css +91 -0
- package/dist/esm/components/display/qrcode/index.js +1 -0
- package/dist/esm/components/display/segmented/Segmented.js +170 -0
- package/dist/esm/components/display/segmented/Segmented.module.css +82 -0
- package/dist/esm/components/display/segmented/index.js +1 -0
- package/dist/esm/components/display/statistic/Statistic.js +107 -0
- package/dist/esm/components/display/statistic/Statistic.module.css +58 -0
- package/dist/esm/components/display/statistic/StatisticTimer.js +167 -0
- package/dist/esm/components/display/statistic/index.js +2 -0
- package/dist/esm/components/display/table/Table.js +712 -0
- package/dist/esm/components/display/table/Table.module.css +322 -0
- package/dist/esm/components/display/table/index.js +1 -0
- package/dist/esm/components/display/tag/CheckableTag.js +42 -0
- package/dist/esm/components/display/tag/Tag.js +188 -0
- package/dist/esm/components/display/tag/Tag.module.css +84 -0
- package/dist/esm/components/display/tag/index.js +2 -0
- package/dist/esm/components/display/timeline/Timeline.js +147 -0
- package/dist/esm/components/display/timeline/Timeline.module.css +133 -0
- package/dist/esm/components/display/timeline/index.js +1 -0
- package/dist/esm/components/display/tooltip/Tooltip.js +117 -0
- package/dist/esm/components/display/tooltip/Tooltip.module.css +118 -0
- package/dist/esm/components/display/tooltip/index.js +1 -0
- package/dist/esm/components/display/tour/Tour.js +449 -0
- package/dist/esm/components/display/tour/Tour.module.css +318 -0
- package/dist/esm/components/display/tour/index.js +1 -0
- package/dist/esm/components/display/tree/Tree.js +837 -0
- package/dist/esm/components/display/tree/Tree.module.css +235 -0
- package/dist/esm/components/display/tree/index.js +1 -0
- package/dist/esm/components/entry/auto-complete/AutoComplete.js +229 -0
- package/dist/esm/components/entry/auto-complete/AutoComplete.module.css +113 -0
- package/dist/esm/components/entry/auto-complete/index.js +1 -0
- package/dist/esm/components/entry/cascader/Cascader.js +229 -0
- package/dist/esm/components/entry/cascader/Cascader.module.css +124 -0
- package/dist/esm/components/entry/cascader/index.js +1 -0
- package/dist/esm/components/entry/choice/Checkbox.js +160 -0
- package/dist/esm/components/entry/choice/Checkbox.module.css +88 -0
- package/dist/esm/components/entry/choice/Radio.js +140 -0
- package/dist/esm/components/entry/choice/Radio.module.css +85 -0
- package/dist/esm/components/entry/choice/Switch.js +104 -0
- package/dist/esm/components/entry/choice/Switch.module.css +86 -0
- package/dist/esm/components/entry/choice/index.js +3 -0
- package/dist/esm/components/entry/common.js +1 -0
- package/dist/esm/components/entry/date-picker/DatePicker.js +213 -0
- package/dist/esm/components/entry/date-picker/DatePicker.module.css +153 -0
- package/dist/esm/components/entry/date-picker/index.js +1 -0
- package/dist/esm/components/entry/form/Form.js +518 -0
- package/dist/esm/components/entry/form/Form.module.css +124 -0
- package/dist/esm/components/entry/form/Form.tokens.css +22 -0
- package/dist/esm/components/entry/form/index.js +1 -0
- package/dist/esm/components/entry/index.js +19 -0
- package/dist/esm/components/entry/input/Input.js +252 -0
- package/dist/esm/components/entry/input/Input.module.css +172 -0
- package/dist/esm/components/entry/input/index.js +1 -0
- package/dist/esm/components/entry/input-number/InputNumber.js +168 -0
- package/dist/esm/components/entry/input-number/InputNumber.module.css +89 -0
- package/dist/esm/components/entry/input-number/index.js +1 -0
- package/dist/esm/components/entry/mention/Mention.js +169 -0
- package/dist/esm/components/entry/mention/Mention.module.css +77 -0
- package/dist/esm/components/entry/mention/index.js +1 -0
- package/dist/esm/components/entry/range-picker/RangePicker.js +320 -0
- package/dist/esm/components/entry/range-picker/RangePicker.module.css +193 -0
- package/dist/esm/components/entry/range-picker/index.js +1 -0
- package/dist/esm/components/entry/rate/Rate.js +120 -0
- package/dist/esm/components/entry/rate/Rate.module.css +76 -0
- package/dist/esm/components/entry/rate/index.js +1 -0
- package/dist/esm/components/entry/select/Select.js +303 -0
- package/dist/esm/components/entry/select/Select.module.css +202 -0
- package/dist/esm/components/entry/select/index.js +1 -0
- package/dist/esm/components/entry/slider/Slider.js +183 -0
- package/dist/esm/components/entry/slider/Slider.module.css +196 -0
- package/dist/esm/components/entry/slider/index.js +1 -0
- package/dist/esm/components/entry/textarea/TextArea.js +95 -0
- package/dist/esm/components/entry/textarea/TextArea.module.css +54 -0
- package/dist/esm/components/entry/textarea/index.js +1 -0
- package/dist/esm/components/entry/time-picker/TimePicker.js +211 -0
- package/dist/esm/components/entry/time-picker/TimePicker.module.css +137 -0
- package/dist/esm/components/entry/time-picker/index.js +1 -0
- package/dist/esm/components/entry/tokens/index.js +145 -0
- package/dist/esm/components/entry/transfer/Transfer.js +242 -0
- package/dist/esm/components/entry/transfer/Transfer.module.css +170 -0
- package/dist/esm/components/entry/transfer/index.js +1 -0
- package/dist/esm/components/entry/tree-select/TreeSelect.js +221 -0
- package/dist/esm/components/entry/tree-select/TreeSelect.module.css +138 -0
- package/dist/esm/components/entry/tree-select/index.js +1 -0
- package/dist/esm/components/entry/types.d.ts +10 -0
- package/dist/esm/components/entry/upload/Upload.js +382 -0
- package/dist/esm/components/entry/upload/Upload.module.css +150 -0
- package/dist/esm/components/entry/upload/index.js +1 -0
- package/dist/esm/components/feedback/alert/Alert.js +152 -0
- package/dist/esm/components/feedback/alert/Alert.module.css +131 -0
- package/dist/esm/components/feedback/alert/index.js +1 -0
- package/dist/esm/components/feedback/drawer/Drawer.js +190 -0
- package/dist/esm/components/feedback/drawer/Drawer.module.css +135 -0
- package/dist/esm/components/feedback/drawer/index.js +1 -0
- package/dist/esm/components/feedback/index.js +10 -0
- package/dist/esm/components/feedback/message/Message.js +317 -0
- package/dist/esm/components/feedback/message/Message.module.css +130 -0
- package/dist/esm/components/feedback/message/index.js +1 -0
- package/dist/esm/components/feedback/modal/Modal.js +191 -0
- package/dist/esm/components/feedback/modal/Modal.module.css +123 -0
- package/dist/esm/components/feedback/modal/index.js +1 -0
- package/dist/esm/components/feedback/notification/Notification.js +342 -0
- package/dist/esm/components/feedback/notification/Notification.module.css +262 -0
- package/dist/esm/components/feedback/notification/index.js +1 -0
- package/dist/esm/components/feedback/popconfirm/Popconfirm.js +165 -0
- package/dist/esm/components/feedback/popconfirm/Popconfirm.module.css +180 -0
- package/dist/esm/components/feedback/popconfirm/index.js +1 -0
- package/dist/esm/components/feedback/progress/Progress.js +262 -0
- package/dist/esm/components/feedback/progress/Progress.module.css +166 -0
- package/dist/esm/components/feedback/progress/index.js +1 -0
- package/dist/esm/components/feedback/result/Result.js +224 -0
- package/dist/esm/components/feedback/result/Result.module.css +63 -0
- package/dist/esm/components/feedback/result/index.js +1 -0
- package/dist/esm/components/feedback/skeleton/Skeleton.js +174 -0
- package/dist/esm/components/feedback/skeleton/Skeleton.module.css +96 -0
- package/dist/esm/components/feedback/skeleton/index.js +1 -0
- package/dist/esm/components/feedback/spin/Spin.js +175 -0
- package/dist/esm/components/feedback/spin/Spin.module.css +86 -0
- package/dist/esm/components/feedback/spin/index.js +1 -0
- package/dist/esm/components/feedback/tokens/index.js +91 -0
- package/dist/esm/components/index.js +24 -0
- package/dist/esm/components/layout/divider/Divider.js +36 -0
- package/dist/esm/components/layout/divider/Divider.module.css +77 -0
- package/dist/esm/components/layout/divider/index.js +1 -0
- package/dist/esm/components/layout/flex/Flex.js +108 -0
- package/dist/esm/components/layout/flex/Flex.module.css +26 -0
- package/dist/esm/components/layout/flex/index.js +1 -0
- package/dist/esm/components/layout/grid/Grid.js +167 -0
- package/dist/esm/components/layout/grid/Grid.module.css +22 -0
- package/dist/esm/components/layout/grid/index.js +1 -0
- package/dist/esm/components/layout/index.js +16 -0
- package/dist/esm/components/layout/layout/Layout.js +208 -0
- package/dist/esm/components/layout/layout/Layout.module.css +92 -0
- package/dist/esm/components/layout/layout/index.js +1 -0
- package/dist/esm/components/layout/masonry/Masonry.js +47 -0
- package/dist/esm/components/layout/masonry/Masonry.module.css +8 -0
- package/dist/esm/components/layout/masonry/index.js +1 -0
- package/dist/esm/components/layout/space/Space.js +70 -0
- package/dist/esm/components/layout/space/Space.module.css +39 -0
- package/dist/esm/components/layout/space/index.js +1 -0
- package/dist/esm/components/layout/splitter/Splitter.js +189 -0
- package/dist/esm/components/layout/splitter/Splitter.module.css +39 -0
- package/dist/esm/components/layout/splitter/index.js +1 -0
- package/dist/esm/components/layout/stack/Stack.js +38 -0
- package/dist/esm/components/layout/stack/Stack.module.css +52 -0
- package/dist/esm/components/layout/stack/index.js +1 -0
- package/dist/esm/components/nav/breadcrumb/Breadcrumb.js +66 -0
- package/dist/esm/components/nav/breadcrumb/Breadcrumb.module.css +60 -0
- package/dist/esm/components/nav/breadcrumb/index.js +1 -0
- package/dist/esm/components/nav/dropdown/Dropdown.js +128 -0
- package/dist/esm/components/nav/dropdown/Dropdown.module.css +148 -0
- package/dist/esm/components/nav/dropdown/index.js +1 -0
- package/dist/esm/components/nav/index.js +6 -0
- package/dist/esm/components/nav/menu/Menu.js +304 -0
- package/dist/esm/components/nav/menu/Menu.module.css +250 -0
- package/dist/esm/components/nav/menu/index.js +1 -0
- package/dist/esm/components/nav/pagination/Pagination.js +274 -0
- package/dist/esm/components/nav/pagination/Pagination.module.css +126 -0
- package/dist/esm/components/nav/pagination/index.js +1 -0
- package/dist/esm/components/nav/steps/Steps.js +132 -0
- package/dist/esm/components/nav/steps/Steps.module.css +170 -0
- package/dist/esm/components/nav/steps/index.js +1 -0
- package/dist/esm/components/nav/tabs/Tabs.js +187 -0
- package/dist/esm/components/nav/tabs/Tabs.module.css +251 -0
- package/dist/esm/components/nav/tabs/index.js +1 -0
- package/dist/esm/components/shared/constants/breakpoint.js +9 -0
- package/dist/esm/components/shared/constants/index.js +1 -0
- package/dist/esm/components/shared/hooks/index.js +6 -0
- package/dist/esm/components/shared/hooks/useClickOutside.js +20 -0
- package/dist/esm/components/shared/hooks/useControllableState.js +25 -0
- package/dist/esm/components/shared/hooks/useEscapeKey.js +16 -0
- package/dist/esm/components/shared/hooks/useMatchMedia.js +62 -0
- package/dist/esm/components/shared/hooks/usePikaContext.js +34 -0
- package/dist/esm/components/shared/hooks/useScrollListener.js +33 -0
- package/dist/esm/components/shared/hooks/useZenContext.js +34 -0
- package/dist/esm/components/shared/index.js +10 -0
- package/dist/esm/components/shared/overlay/index.js +2 -0
- package/dist/esm/components/shared/overlay/placement.js +98 -0
- package/dist/esm/components/shared/overlay/useOverlay.js +177 -0
- package/dist/esm/components/shared/types/common.js +1 -0
- package/dist/esm/components/shared/types/css.js +1 -0
- package/dist/esm/components/shared/types/index.js +1 -0
- package/dist/esm/components/shared/utils/classNames.js +6 -0
- package/dist/esm/components/shared/utils/index.js +3 -0
- package/dist/esm/components/shared/utils/portal.js +13 -0
- package/dist/esm/components/shared/utils/semantic.js +11 -0
- package/dist/esm/global.css +247 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/theme/dark.css +56 -0
- package/dist/esm/theme/dumi.css +695 -0
- package/dist/esm/theme/tokens.js +127 -0
- package/package.json +109 -0
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _Affix = require("./Affix");
|
|
7
|
+
Object.keys(_Affix).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _Affix[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _Affix[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
var _Anchor = require("./Anchor");
|
|
18
|
+
Object.keys(_Anchor).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _Anchor[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function get() {
|
|
24
|
+
return _Anchor[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
var _App = require("./App");
|
|
29
|
+
Object.keys(_App).forEach(function (key) {
|
|
30
|
+
if (key === "default" || key === "__esModule") return;
|
|
31
|
+
if (key in exports && exports[key] === _App[key]) return;
|
|
32
|
+
Object.defineProperty(exports, key, {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function get() {
|
|
35
|
+
return _App[key];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
var _BackTop = require("./BackTop");
|
|
40
|
+
Object.keys(_BackTop).forEach(function (key) {
|
|
41
|
+
if (key === "default" || key === "__esModule") return;
|
|
42
|
+
if (key in exports && exports[key] === _BackTop[key]) return;
|
|
43
|
+
Object.defineProperty(exports, key, {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
get: function get() {
|
|
46
|
+
return _BackTop[key];
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
var _Button = require("./Button");
|
|
51
|
+
Object.keys(_Button).forEach(function (key) {
|
|
52
|
+
if (key === "default" || key === "__esModule") return;
|
|
53
|
+
if (key in exports && exports[key] === _Button[key]) return;
|
|
54
|
+
Object.defineProperty(exports, key, {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function get() {
|
|
57
|
+
return _Button[key];
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
});
|
|
61
|
+
var _ConfigProvider = require("./ConfigProvider");
|
|
62
|
+
Object.keys(_ConfigProvider).forEach(function (key) {
|
|
63
|
+
if (key === "default" || key === "__esModule") return;
|
|
64
|
+
if (key in exports && exports[key] === _ConfigProvider[key]) return;
|
|
65
|
+
Object.defineProperty(exports, key, {
|
|
66
|
+
enumerable: true,
|
|
67
|
+
get: function get() {
|
|
68
|
+
return _ConfigProvider[key];
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
});
|
|
72
|
+
var _FloatButton = require("./FloatButton");
|
|
73
|
+
Object.keys(_FloatButton).forEach(function (key) {
|
|
74
|
+
if (key === "default" || key === "__esModule") return;
|
|
75
|
+
if (key in exports && exports[key] === _FloatButton[key]) return;
|
|
76
|
+
Object.defineProperty(exports, key, {
|
|
77
|
+
enumerable: true,
|
|
78
|
+
get: function get() {
|
|
79
|
+
return _FloatButton[key];
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
});
|
|
83
|
+
var _Icon = require("./Icon");
|
|
84
|
+
Object.keys(_Icon).forEach(function (key) {
|
|
85
|
+
if (key === "default" || key === "__esModule") return;
|
|
86
|
+
if (key in exports && exports[key] === _Icon[key]) return;
|
|
87
|
+
Object.defineProperty(exports, key, {
|
|
88
|
+
enumerable: true,
|
|
89
|
+
get: function get() {
|
|
90
|
+
return _Icon[key];
|
|
91
|
+
}
|
|
92
|
+
});
|
|
93
|
+
});
|
|
94
|
+
var _Typography = require("./Typography");
|
|
95
|
+
Object.keys(_Typography).forEach(function (key) {
|
|
96
|
+
if (key === "default" || key === "__esModule") return;
|
|
97
|
+
if (key in exports && exports[key] === _Typography[key]) return;
|
|
98
|
+
Object.defineProperty(exports, key, {
|
|
99
|
+
enumerable: true,
|
|
100
|
+
get: function get() {
|
|
101
|
+
return _Typography[key];
|
|
102
|
+
}
|
|
103
|
+
});
|
|
104
|
+
});
|
|
105
|
+
var _Watermark = require("./Watermark");
|
|
106
|
+
Object.keys(_Watermark).forEach(function (key) {
|
|
107
|
+
if (key === "default" || key === "__esModule") return;
|
|
108
|
+
if (key in exports && exports[key] === _Watermark[key]) return;
|
|
109
|
+
Object.defineProperty(exports, key, {
|
|
110
|
+
enumerable: true,
|
|
111
|
+
get: function get() {
|
|
112
|
+
return _Watermark[key];
|
|
113
|
+
}
|
|
114
|
+
});
|
|
115
|
+
});
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = exports.Avatar = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _AvatarModule = _interopRequireDefault(require("./Avatar.module.css"));
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
17
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
18
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
19
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
20
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
21
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
22
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
23
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
24
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**
|
|
25
|
+
* 头像形状类型
|
|
26
|
+
*/ /**
|
|
27
|
+
* 头像尺寸类型
|
|
28
|
+
*/ /**
|
|
29
|
+
* 头像语义化 DOM 节点
|
|
30
|
+
*/ /**
|
|
31
|
+
* 头像组件属性
|
|
32
|
+
*/
|
|
33
|
+
var SIZE_PX_MAP = {
|
|
34
|
+
small: 24,
|
|
35
|
+
middle: 32,
|
|
36
|
+
large: 40
|
|
37
|
+
};
|
|
38
|
+
function resolveSizePx(size, pixelSize) {
|
|
39
|
+
if (pixelSize !== undefined) return pixelSize;
|
|
40
|
+
return SIZE_PX_MAP[size];
|
|
41
|
+
}
|
|
42
|
+
function resolveDataSize(pixelSize, size) {
|
|
43
|
+
if (pixelSize !== undefined) return 'custom';
|
|
44
|
+
return size !== null && size !== void 0 ? size : 'middle';
|
|
45
|
+
}
|
|
46
|
+
var Avatar = exports.Avatar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
47
|
+
var src = _ref.src,
|
|
48
|
+
alt = _ref.alt,
|
|
49
|
+
icon = _ref.icon,
|
|
50
|
+
_ref$shape = _ref.shape,
|
|
51
|
+
shape = _ref$shape === void 0 ? 'circle' : _ref$shape,
|
|
52
|
+
_ref$size = _ref.size,
|
|
53
|
+
size = _ref$size === void 0 ? 'middle' : _ref$size,
|
|
54
|
+
pixelSize = _ref.pixelSize,
|
|
55
|
+
_ref$gap = _ref.gap,
|
|
56
|
+
gap = _ref$gap === void 0 ? 4 : _ref$gap,
|
|
57
|
+
_ref$draggable = _ref.draggable,
|
|
58
|
+
draggable = _ref$draggable === void 0 ? true : _ref$draggable,
|
|
59
|
+
onError = _ref.onError,
|
|
60
|
+
classNamesProp = _ref.classNames,
|
|
61
|
+
stylesProp = _ref.styles,
|
|
62
|
+
className = _ref.className,
|
|
63
|
+
style = _ref.style,
|
|
64
|
+
children = _ref.children;
|
|
65
|
+
var _useState = (0, _react.useState)(false),
|
|
66
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
67
|
+
imgFailed = _useState2[0],
|
|
68
|
+
setImgFailed = _useState2[1];
|
|
69
|
+
var textRef = (0, _react.useRef)(null);
|
|
70
|
+
var sizePx = resolveSizePx(size, pixelSize);
|
|
71
|
+
var dataSize = resolveDataSize(pixelSize, size);
|
|
72
|
+
var handleError = (0, _react.useCallback)(function () {
|
|
73
|
+
var recover = onError === null || onError === void 0 ? void 0 : onError();
|
|
74
|
+
if (recover !== false) {
|
|
75
|
+
setImgFailed(true);
|
|
76
|
+
}
|
|
77
|
+
}, [onError]);
|
|
78
|
+
(0, _react.useEffect)(function () {
|
|
79
|
+
setImgFailed(false);
|
|
80
|
+
}, [src]);
|
|
81
|
+
(0, _react.useEffect)(function () {
|
|
82
|
+
var textEl = textRef.current;
|
|
83
|
+
if (!textEl) return;
|
|
84
|
+
var avatarSize = sizePx;
|
|
85
|
+
var textWidth = textEl.offsetWidth || 0;
|
|
86
|
+
var scale = avatarSize - gap * 2 < textWidth ? (avatarSize - gap * 2) / textWidth : 1;
|
|
87
|
+
var translateX = scale === 1 ? '0%' : "".concat((1 - scale) * 50, "%");
|
|
88
|
+
textEl.style.transform = "scale(".concat(scale, ") translateX(").concat(translateX, ")");
|
|
89
|
+
}, [sizePx, gap, size, children]);
|
|
90
|
+
var hasImage = src && !imgFailed;
|
|
91
|
+
var isIcon = !hasImage && icon;
|
|
92
|
+
var isText = !hasImage && !icon && children;
|
|
93
|
+
var rootClass = [_AvatarModule.default.root, classNamesProp === null || classNamesProp === void 0 ? void 0 : classNamesProp.root, className].filter(Boolean).join(' ');
|
|
94
|
+
var rootStyle = _objectSpread(_objectSpread(_objectSpread({}, style), stylesProp === null || stylesProp === void 0 ? void 0 : stylesProp.root), dataSize === 'custom' ? {
|
|
95
|
+
'--_size': "".concat(sizePx, "px"),
|
|
96
|
+
'--_font-size': "".concat(Math.round(sizePx * 0.45), "px")
|
|
97
|
+
} : {});
|
|
98
|
+
var imageClass = [_AvatarModule.default.image, classNamesProp === null || classNamesProp === void 0 ? void 0 : classNamesProp.image].filter(Boolean).join(' ');
|
|
99
|
+
var iconClass = [_AvatarModule.default.icon, classNamesProp === null || classNamesProp === void 0 ? void 0 : classNamesProp.icon].filter(Boolean).join(' ');
|
|
100
|
+
var textClass = [_AvatarModule.default.text, classNamesProp === null || classNamesProp === void 0 ? void 0 : classNamesProp.text].filter(Boolean).join(' ');
|
|
101
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
102
|
+
ref: ref,
|
|
103
|
+
className: rootClass,
|
|
104
|
+
style: rootStyle,
|
|
105
|
+
"data-size": dataSize,
|
|
106
|
+
"data-shape": shape,
|
|
107
|
+
children: [hasImage && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
108
|
+
className: imageClass,
|
|
109
|
+
style: stylesProp === null || stylesProp === void 0 ? void 0 : stylesProp.image,
|
|
110
|
+
src: src,
|
|
111
|
+
alt: alt,
|
|
112
|
+
draggable: draggable,
|
|
113
|
+
onError: handleError
|
|
114
|
+
}), isIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
115
|
+
className: iconClass,
|
|
116
|
+
style: stylesProp === null || stylesProp === void 0 ? void 0 : stylesProp.icon,
|
|
117
|
+
children: icon
|
|
118
|
+
}), isText && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
119
|
+
ref: textRef,
|
|
120
|
+
className: textClass,
|
|
121
|
+
style: stylesProp === null || stylesProp === void 0 ? void 0 : stylesProp.text,
|
|
122
|
+
children: children
|
|
123
|
+
})]
|
|
124
|
+
});
|
|
125
|
+
});
|
|
126
|
+
Avatar.displayName = 'Avatar';
|
|
127
|
+
var _default = exports.default = Avatar;
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
.root {
|
|
2
|
+
position: relative;
|
|
3
|
+
display: inline-flex;
|
|
4
|
+
align-items: center;
|
|
5
|
+
justify-content: center;
|
|
6
|
+
overflow: hidden;
|
|
7
|
+
white-space: nowrap;
|
|
8
|
+
text-align: center;
|
|
9
|
+
vertical-align: middle;
|
|
10
|
+
background: var(--nv-color-bg-secondary, #F5F5F5);
|
|
11
|
+
color: var(--nv-color-text-secondary, rgba(0, 0, 0, 0.65));
|
|
12
|
+
font-size: var(--_font-size);
|
|
13
|
+
width: var(--_size);
|
|
14
|
+
height: var(--_size);
|
|
15
|
+
line-height: var(--_size);
|
|
16
|
+
border-radius: var(--_radius);
|
|
17
|
+
transition:
|
|
18
|
+
background var(--nv-motion-duration-fast, 0.15s) var(--nv-motion-easing-default, cubic-bezier(0.4, 0, 0.2, 1)),
|
|
19
|
+
color var(--nv-motion-duration-fast, 0.15s) var(--nv-motion-easing-default, cubic-bezier(0.4, 0, 0.2, 1));
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.root[data-shape='circle'] {
|
|
23
|
+
--_radius: 50%;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.root[data-shape='square'] {
|
|
27
|
+
--_radius: var(--nv-radius-small, 4px);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.root[data-size='small'] {
|
|
31
|
+
--_size: 24px;
|
|
32
|
+
--_font-size: 12px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.root[data-size='middle'] {
|
|
36
|
+
--_size: 32px;
|
|
37
|
+
--_font-size: 14px;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.root[data-size='large'] {
|
|
41
|
+
--_size: 40px;
|
|
42
|
+
--_font-size: 16px;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.image {
|
|
46
|
+
width: 100%;
|
|
47
|
+
height: 100%;
|
|
48
|
+
object-fit: cover;
|
|
49
|
+
display: block;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.icon {
|
|
53
|
+
display: inline-flex;
|
|
54
|
+
align-items: center;
|
|
55
|
+
justify-content: center;
|
|
56
|
+
font-size: calc(var(--_size) * 0.5);
|
|
57
|
+
line-height: 0;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.text {
|
|
61
|
+
transform: scale(1) translateX(0%);
|
|
62
|
+
user-select: none;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.group {
|
|
66
|
+
display: inline-flex;
|
|
67
|
+
align-items: center;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.group > * {
|
|
71
|
+
margin-inline-start: -8px;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.group > *:first-child {
|
|
75
|
+
margin-inline-start: 0;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.group > *:hover {
|
|
79
|
+
z-index: 1;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.overflow {
|
|
83
|
+
display: inline-flex;
|
|
84
|
+
align-items: center;
|
|
85
|
+
justify-content: center;
|
|
86
|
+
width: var(--_size);
|
|
87
|
+
height: var(--_size);
|
|
88
|
+
line-height: var(--_size);
|
|
89
|
+
font-size: var(--_font-size);
|
|
90
|
+
background: var(--nv-color-bg-secondary, #F5F5F5);
|
|
91
|
+
color: var(--nv-color-text-secondary, rgba(0, 0, 0, 0.65));
|
|
92
|
+
border-radius: var(--_radius);
|
|
93
|
+
border: 2px solid var(--nv-color-bg, #FFFFFF);
|
|
94
|
+
user-select: none;
|
|
95
|
+
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.AvatarGroup = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _AvatarModule = _interopRequireDefault(require("./Avatar.module.css"));
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
14
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
17
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
18
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
19
|
+
var AvatarGroup = exports.AvatarGroup = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
20
|
+
var _max$count;
|
|
21
|
+
var max = _ref.max,
|
|
22
|
+
size = _ref.size,
|
|
23
|
+
pixelSize = _ref.pixelSize,
|
|
24
|
+
shape = _ref.shape,
|
|
25
|
+
children = _ref.children,
|
|
26
|
+
className = _ref.className,
|
|
27
|
+
style = _ref.style,
|
|
28
|
+
classNamesProp = _ref.classNames,
|
|
29
|
+
stylesProp = _ref.styles;
|
|
30
|
+
var childArray = _react.Children.toArray(children).filter(_react.isValidElement);
|
|
31
|
+
var maxCount = (_max$count = max === null || max === void 0 ? void 0 : max.count) !== null && _max$count !== void 0 ? _max$count : childArray.length;
|
|
32
|
+
var displayChildren = childArray.slice(0, maxCount);
|
|
33
|
+
var overflowCount = childArray.length - maxCount;
|
|
34
|
+
var rootClass = [_AvatarModule.default.group, classNamesProp === null || classNamesProp === void 0 ? void 0 : classNamesProp.root, className].filter(Boolean).join(' ');
|
|
35
|
+
var dataSize = pixelSize !== undefined ? 'custom' : size !== null && size !== void 0 ? size : 'middle';
|
|
36
|
+
var sizePx = pixelSize;
|
|
37
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
38
|
+
ref: ref,
|
|
39
|
+
className: rootClass,
|
|
40
|
+
style: _objectSpread(_objectSpread({}, style), stylesProp === null || stylesProp === void 0 ? void 0 : stylesProp.root),
|
|
41
|
+
children: [displayChildren.map(function (child) {
|
|
42
|
+
var _stylesProp$item;
|
|
43
|
+
var childProps = {};
|
|
44
|
+
if (size !== undefined) childProps.size = size;
|
|
45
|
+
if (pixelSize !== undefined) childProps.pixelSize = pixelSize;
|
|
46
|
+
if (shape !== undefined) childProps.shape = shape;
|
|
47
|
+
childProps.className = classNamesProp === null || classNamesProp === void 0 ? void 0 : classNamesProp.item;
|
|
48
|
+
childProps.style = _objectSpread({
|
|
49
|
+
border: '2px solid var(--nv-color-bg, #FFFFFF)'
|
|
50
|
+
}, (_stylesProp$item = stylesProp === null || stylesProp === void 0 ? void 0 : stylesProp.item) !== null && _stylesProp$item !== void 0 ? _stylesProp$item : {});
|
|
51
|
+
return /*#__PURE__*/(0, _react.cloneElement)(child, childProps);
|
|
52
|
+
}), overflowCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
53
|
+
className: _AvatarModule.default.overflow,
|
|
54
|
+
style: _objectSpread({
|
|
55
|
+
'--_size': sizePx ? "".concat(sizePx, "px") : undefined,
|
|
56
|
+
'--_font-size': sizePx ? "".concat(Math.round(sizePx * 0.45), "px") : undefined,
|
|
57
|
+
'--_radius': shape === 'square' ? 'var(--nv-radius-small, 4px)' : '50%'
|
|
58
|
+
}, max === null || max === void 0 ? void 0 : max.style),
|
|
59
|
+
"data-size": dataSize,
|
|
60
|
+
"data-shape": shape,
|
|
61
|
+
children: ["+", overflowCount]
|
|
62
|
+
})]
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
AvatarGroup.displayName = 'AvatarGroup';
|
|
66
|
+
var _default = exports.default = AvatarGroup;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Avatar", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _Avatar.Avatar;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "AvatarGroup", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _AvatarGroup.AvatarGroup;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
var _Avatar = require("./Avatar");
|
|
19
|
+
var _AvatarGroup = require("./AvatarGroup");
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.Badge = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _BadgeModule = _interopRequireDefault(require("./Badge.module.css"));
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
14
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
17
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
18
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /**
|
|
19
|
+
* 徽章状态类型
|
|
20
|
+
*/ /**
|
|
21
|
+
* 徽章尺寸类型
|
|
22
|
+
*/ /**
|
|
23
|
+
* 徽章语义化 DOM 节点
|
|
24
|
+
*/ /**
|
|
25
|
+
* 徽章组件属性
|
|
26
|
+
*/
|
|
27
|
+
var STATUS_COLOR_MAP = {
|
|
28
|
+
default: '#d9d9d9',
|
|
29
|
+
success: '#00B894',
|
|
30
|
+
warning: '#FDCB6E',
|
|
31
|
+
error: '#FF7675',
|
|
32
|
+
info: '#74B9FF'
|
|
33
|
+
};
|
|
34
|
+
var SIZE_MAP = {
|
|
35
|
+
small: 12,
|
|
36
|
+
middle: 16,
|
|
37
|
+
large: 24
|
|
38
|
+
};
|
|
39
|
+
function getSemantic(part, defaultClass, classNamesProp, stylesProp) {
|
|
40
|
+
var classExtra = classNamesProp === null || classNamesProp === void 0 ? void 0 : classNamesProp[part];
|
|
41
|
+
var styleExtra = stylesProp === null || stylesProp === void 0 ? void 0 : stylesProp[part];
|
|
42
|
+
return {
|
|
43
|
+
className: [defaultClass, classExtra].filter(Boolean).join(' '),
|
|
44
|
+
style: styleExtra || {}
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
var Badge = exports.Badge = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
48
|
+
var count = _ref.count,
|
|
49
|
+
_ref$showZero = _ref.showZero,
|
|
50
|
+
showZero = _ref$showZero === void 0 ? false : _ref$showZero,
|
|
51
|
+
_ref$overflowCount = _ref.overflowCount,
|
|
52
|
+
overflowCount = _ref$overflowCount === void 0 ? 99 : _ref$overflowCount,
|
|
53
|
+
_ref$dot = _ref.dot,
|
|
54
|
+
dot = _ref$dot === void 0 ? false : _ref$dot,
|
|
55
|
+
status = _ref.status,
|
|
56
|
+
color = _ref.color,
|
|
57
|
+
text = _ref.text,
|
|
58
|
+
_ref$size = _ref.size,
|
|
59
|
+
size = _ref$size === void 0 ? 'middle' : _ref$size,
|
|
60
|
+
offset = _ref.offset,
|
|
61
|
+
title = _ref.title,
|
|
62
|
+
classNamesProp = _ref.classNames,
|
|
63
|
+
stylesProp = _ref.styles,
|
|
64
|
+
className = _ref.className,
|
|
65
|
+
style = _ref.style,
|
|
66
|
+
children = _ref.children;
|
|
67
|
+
var hasChildren = children !== undefined && children !== null;
|
|
68
|
+
var numericCount = typeof count === 'number' ? count : NaN;
|
|
69
|
+
var isZero = numericCount === 0;
|
|
70
|
+
var shouldHide = isZero && !showZero && !dot && !status;
|
|
71
|
+
var displayCount = !isNaN(numericCount) && numericCount > overflowCount ? "".concat(overflowCount, "+") : count;
|
|
72
|
+
var isStandalone = !hasChildren;
|
|
73
|
+
var rootSemantic = getSemantic('root', _BadgeModule.default.root, classNamesProp, stylesProp);
|
|
74
|
+
var indicatorSemantic = getSemantic('indicator', _BadgeModule.default.indicator, classNamesProp, stylesProp);
|
|
75
|
+
var rootCls = [rootSemantic.className, className].filter(Boolean).join(' ');
|
|
76
|
+
var rootStyle = _objectSpread(_objectSpread({}, rootSemantic.style), style);
|
|
77
|
+
var indicatorStyle = _objectSpread({}, indicatorSemantic.style);
|
|
78
|
+
if (offset) {
|
|
79
|
+
indicatorStyle.marginTop = offset[1];
|
|
80
|
+
indicatorStyle.marginInlineStart = offset[0];
|
|
81
|
+
}
|
|
82
|
+
if (status) {
|
|
83
|
+
var _statusColor = color !== null && color !== void 0 ? color : STATUS_COLOR_MAP[status];
|
|
84
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
85
|
+
ref: ref,
|
|
86
|
+
className: rootCls,
|
|
87
|
+
style: rootStyle,
|
|
88
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
89
|
+
className: [_BadgeModule.default.status, indicatorSemantic.className].filter(Boolean).join(' '),
|
|
90
|
+
style: indicatorStyle,
|
|
91
|
+
"data-status": status,
|
|
92
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
93
|
+
className: _BadgeModule.default.statusDot,
|
|
94
|
+
style: color ? {
|
|
95
|
+
background: color
|
|
96
|
+
} : undefined,
|
|
97
|
+
"data-status": status
|
|
98
|
+
}), text && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
99
|
+
className: _BadgeModule.default.statusText,
|
|
100
|
+
children: text
|
|
101
|
+
})]
|
|
102
|
+
})
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
if (shouldHide) {
|
|
106
|
+
return hasChildren ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
107
|
+
ref: ref,
|
|
108
|
+
className: rootCls,
|
|
109
|
+
style: rootStyle,
|
|
110
|
+
children: children
|
|
111
|
+
}) : null;
|
|
112
|
+
}
|
|
113
|
+
if (dot) {
|
|
114
|
+
var dotStyle = _objectSpread(_objectSpread({}, indicatorStyle), {}, {
|
|
115
|
+
background: color || undefined,
|
|
116
|
+
width: SIZE_MAP[size],
|
|
117
|
+
height: SIZE_MAP[size]
|
|
118
|
+
});
|
|
119
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
120
|
+
ref: ref,
|
|
121
|
+
className: rootCls,
|
|
122
|
+
style: rootStyle,
|
|
123
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
124
|
+
className: [_BadgeModule.default.dot, indicatorSemantic.className].filter(Boolean).join(' '),
|
|
125
|
+
style: dotStyle,
|
|
126
|
+
"data-size": size !== 'middle' ? size : undefined,
|
|
127
|
+
"data-dot": true,
|
|
128
|
+
"data-standalone": isStandalone || undefined,
|
|
129
|
+
title: title
|
|
130
|
+
}), children]
|
|
131
|
+
});
|
|
132
|
+
}
|
|
133
|
+
var countStyle = _objectSpread(_objectSpread({}, indicatorStyle), {}, {
|
|
134
|
+
background: color || undefined,
|
|
135
|
+
height: SIZE_MAP[size]
|
|
136
|
+
});
|
|
137
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
138
|
+
ref: ref,
|
|
139
|
+
className: rootCls,
|
|
140
|
+
style: rootStyle,
|
|
141
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
142
|
+
className: [_BadgeModule.default.count, indicatorSemantic.className].filter(Boolean).join(' '),
|
|
143
|
+
style: countStyle,
|
|
144
|
+
"data-size": size !== 'middle' ? size : undefined,
|
|
145
|
+
"data-standalone": isStandalone || undefined,
|
|
146
|
+
title: title,
|
|
147
|
+
children: displayCount
|
|
148
|
+
}), children]
|
|
149
|
+
});
|
|
150
|
+
});
|
|
151
|
+
Badge.displayName = 'Badge';
|
|
152
|
+
var _default = exports.default = Badge;
|