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,413 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.Button = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _ButtonModule = _interopRequireDefault(require("./Button.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 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; }
|
|
14
|
+
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; }
|
|
15
|
+
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; }
|
|
16
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
17
|
+
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); }
|
|
18
|
+
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); } /* ─── Types ─── */
|
|
19
|
+
/* ─── Constants ─── */
|
|
20
|
+
|
|
21
|
+
var PRESET_COLORS = {
|
|
22
|
+
blue: '#1677FF',
|
|
23
|
+
purple: '#722ED1',
|
|
24
|
+
cyan: '#13C2C2',
|
|
25
|
+
green: '#52C41A',
|
|
26
|
+
magenta: '#EB2F96',
|
|
27
|
+
pink: '#EB2F96',
|
|
28
|
+
red: '#F5222D',
|
|
29
|
+
orange: '#FA8C16',
|
|
30
|
+
yellow: '#FADB14',
|
|
31
|
+
volcano: '#FA541C',
|
|
32
|
+
geekblue: '#2F54EB',
|
|
33
|
+
lime: '#A0D911',
|
|
34
|
+
gold: '#FAAD14'
|
|
35
|
+
};
|
|
36
|
+
var SIZE_MAP = {
|
|
37
|
+
small: {
|
|
38
|
+
height: '32px',
|
|
39
|
+
paddingInline: '12px',
|
|
40
|
+
fontSize: '12px',
|
|
41
|
+
iconSize: '12px',
|
|
42
|
+
gap: '4px',
|
|
43
|
+
radius: '8px',
|
|
44
|
+
roundRadius: '16px'
|
|
45
|
+
},
|
|
46
|
+
middle: {
|
|
47
|
+
height: '40px',
|
|
48
|
+
paddingInline: '16px',
|
|
49
|
+
fontSize: '14px',
|
|
50
|
+
iconSize: '14px',
|
|
51
|
+
gap: '8px',
|
|
52
|
+
radius: '10px',
|
|
53
|
+
roundRadius: '20px'
|
|
54
|
+
},
|
|
55
|
+
large: {
|
|
56
|
+
height: '48px',
|
|
57
|
+
paddingInline: '20px',
|
|
58
|
+
fontSize: '16px',
|
|
59
|
+
iconSize: '16px',
|
|
60
|
+
gap: '8px',
|
|
61
|
+
radius: '12px',
|
|
62
|
+
roundRadius: '24px'
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
/* ─── Helpers ─── */
|
|
67
|
+
|
|
68
|
+
function getColorHex(color) {
|
|
69
|
+
if (color === 'default') return 'transparent';
|
|
70
|
+
if (color === 'primary') return '#6C5CE7';
|
|
71
|
+
if (color === 'danger') return '#FF4D4F';
|
|
72
|
+
return PRESET_COLORS[color] || '#6C5CE7';
|
|
73
|
+
}
|
|
74
|
+
function lighten(hex, amount) {
|
|
75
|
+
var num = parseInt(hex.replace('#', ''), 16);
|
|
76
|
+
var r = Math.min(255, (num >> 16) + amount);
|
|
77
|
+
var g = Math.min(255, (num >> 8 & 0xff) + amount);
|
|
78
|
+
var b = Math.min(255, (num & 0xff) + amount);
|
|
79
|
+
return "rgb(".concat(r, ", ").concat(g, ", ").concat(b, ")");
|
|
80
|
+
}
|
|
81
|
+
function darken(hex, amount) {
|
|
82
|
+
var num = parseInt(hex.replace('#', ''), 16);
|
|
83
|
+
var r = Math.max(0, (num >> 16) - amount);
|
|
84
|
+
var g = Math.max(0, (num >> 8 & 0xff) - amount);
|
|
85
|
+
var b = Math.max(0, (num & 0xff) - amount);
|
|
86
|
+
return "rgb(".concat(r, ", ").concat(g, ", ").concat(b, ")");
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
/* ─── Variant token computation (object map) ─── */
|
|
90
|
+
|
|
91
|
+
var VARIANT_TOKEN_FNS = {
|
|
92
|
+
solid: function solid(hex, isNeutral) {
|
|
93
|
+
if (isNeutral) {
|
|
94
|
+
return {
|
|
95
|
+
bg: 'rgba(0,0,0,0.88)',
|
|
96
|
+
text: '#fff',
|
|
97
|
+
border: 'rgba(0,0,0,0.88)',
|
|
98
|
+
hoverBg: 'rgba(0,0,0,0.75)',
|
|
99
|
+
hoverBorder: 'rgba(0,0,0,0.75)',
|
|
100
|
+
hoverText: '#fff',
|
|
101
|
+
activeBg: 'rgba(0,0,0,0.95)',
|
|
102
|
+
activeBorder: 'rgba(0,0,0,0.95)',
|
|
103
|
+
activeText: '#fff'
|
|
104
|
+
};
|
|
105
|
+
}
|
|
106
|
+
return {
|
|
107
|
+
bg: hex,
|
|
108
|
+
text: '#fff',
|
|
109
|
+
border: hex,
|
|
110
|
+
hoverBg: lighten(hex, 16),
|
|
111
|
+
hoverBorder: lighten(hex, 16),
|
|
112
|
+
hoverText: '#fff',
|
|
113
|
+
activeBg: darken(hex, 24),
|
|
114
|
+
activeBorder: darken(hex, 24),
|
|
115
|
+
activeText: '#fff'
|
|
116
|
+
};
|
|
117
|
+
},
|
|
118
|
+
outline: function outline(hex, isNeutral) {
|
|
119
|
+
if (isNeutral) {
|
|
120
|
+
return {
|
|
121
|
+
bg: '#fff',
|
|
122
|
+
text: 'rgba(0,0,0,0.88)',
|
|
123
|
+
border: '#d9d9d9',
|
|
124
|
+
hoverBg: '#fff',
|
|
125
|
+
hoverBorder: '#4096ff',
|
|
126
|
+
hoverText: '#4096ff',
|
|
127
|
+
activeBg: '#fff',
|
|
128
|
+
activeBorder: '#0958d9',
|
|
129
|
+
activeText: '#0958d9'
|
|
130
|
+
};
|
|
131
|
+
}
|
|
132
|
+
return {
|
|
133
|
+
bg: '#fff',
|
|
134
|
+
text: hex,
|
|
135
|
+
border: hex,
|
|
136
|
+
hoverBg: "".concat(hex, "08"),
|
|
137
|
+
hoverBorder: lighten(hex, 16),
|
|
138
|
+
hoverText: lighten(hex, 16),
|
|
139
|
+
activeBg: "".concat(hex, "08"),
|
|
140
|
+
activeBorder: darken(hex, 24),
|
|
141
|
+
activeText: darken(hex, 24)
|
|
142
|
+
};
|
|
143
|
+
},
|
|
144
|
+
dashed: function dashed(hex, isNeutral) {
|
|
145
|
+
return VARIANT_TOKEN_FNS.outline(hex, isNeutral);
|
|
146
|
+
},
|
|
147
|
+
filled: function filled(hex, isNeutral) {
|
|
148
|
+
if (isNeutral) {
|
|
149
|
+
return {
|
|
150
|
+
bg: '#f5f5f5',
|
|
151
|
+
text: 'rgba(0,0,0,0.88)',
|
|
152
|
+
border: 'transparent',
|
|
153
|
+
hoverBg: '#d9d9d9',
|
|
154
|
+
hoverBorder: 'transparent',
|
|
155
|
+
hoverText: 'rgba(0,0,0,0.88)',
|
|
156
|
+
activeBg: 'rgba(0,0,0,0.25)',
|
|
157
|
+
activeBorder: 'transparent',
|
|
158
|
+
activeText: 'rgba(0,0,0,0.88)'
|
|
159
|
+
};
|
|
160
|
+
}
|
|
161
|
+
return {
|
|
162
|
+
bg: "".concat(hex, "1A"),
|
|
163
|
+
text: hex,
|
|
164
|
+
border: 'transparent',
|
|
165
|
+
hoverBg: "".concat(hex, "33"),
|
|
166
|
+
hoverBorder: 'transparent',
|
|
167
|
+
hoverText: hex,
|
|
168
|
+
activeBg: hex,
|
|
169
|
+
activeBorder: 'transparent',
|
|
170
|
+
activeText: '#fff'
|
|
171
|
+
};
|
|
172
|
+
},
|
|
173
|
+
text: function text(hex, isNeutral) {
|
|
174
|
+
return {
|
|
175
|
+
bg: 'transparent',
|
|
176
|
+
text: isNeutral ? 'rgba(0,0,0,0.88)' : hex,
|
|
177
|
+
border: 'transparent',
|
|
178
|
+
hoverBg: 'rgba(0,0,0,0.04)',
|
|
179
|
+
hoverBorder: 'transparent',
|
|
180
|
+
hoverText: isNeutral ? 'rgba(0,0,0,0.88)' : hex,
|
|
181
|
+
activeBg: 'rgba(0,0,0,0.08)',
|
|
182
|
+
activeBorder: 'transparent',
|
|
183
|
+
activeText: isNeutral ? 'rgba(0,0,0,0.88)' : darken(hex, 24)
|
|
184
|
+
};
|
|
185
|
+
},
|
|
186
|
+
link: function link(hex) {
|
|
187
|
+
var effectiveHex = hex === 'transparent' ? '#6C5CE7' : hex;
|
|
188
|
+
return {
|
|
189
|
+
bg: 'transparent',
|
|
190
|
+
text: effectiveHex,
|
|
191
|
+
border: 'transparent',
|
|
192
|
+
hoverBg: 'transparent',
|
|
193
|
+
hoverBorder: 'transparent',
|
|
194
|
+
hoverText: lighten(effectiveHex, 16),
|
|
195
|
+
activeBg: 'transparent',
|
|
196
|
+
activeBorder: 'transparent',
|
|
197
|
+
activeText: darken(effectiveHex, 24)
|
|
198
|
+
};
|
|
199
|
+
},
|
|
200
|
+
ghost: function ghost(hex, isNeutral) {
|
|
201
|
+
if (isNeutral) {
|
|
202
|
+
return {
|
|
203
|
+
bg: 'rgba(255,255,255,0.1)',
|
|
204
|
+
text: '#fff',
|
|
205
|
+
border: 'rgba(255,255,255,0.2)',
|
|
206
|
+
hoverBg: 'rgba(255,255,255,0.2)',
|
|
207
|
+
hoverBorder: 'rgba(255,255,255,0.3)',
|
|
208
|
+
hoverText: '#fff',
|
|
209
|
+
activeBg: 'rgba(255,255,255,0.3)',
|
|
210
|
+
activeBorder: 'rgba(255,255,255,0.4)',
|
|
211
|
+
activeText: '#fff'
|
|
212
|
+
};
|
|
213
|
+
}
|
|
214
|
+
return {
|
|
215
|
+
bg: 'rgba(108,92,231,0.1)',
|
|
216
|
+
text: hex,
|
|
217
|
+
border: "".concat(hex, "40"),
|
|
218
|
+
hoverBg: 'rgba(108,92,231,0.2)',
|
|
219
|
+
hoverBorder: "".concat(hex, "80"),
|
|
220
|
+
hoverText: hex,
|
|
221
|
+
activeBg: 'rgba(108,92,231,0.3)',
|
|
222
|
+
activeBorder: hex,
|
|
223
|
+
activeText: hex
|
|
224
|
+
};
|
|
225
|
+
}
|
|
226
|
+
};
|
|
227
|
+
|
|
228
|
+
/* ─── Component ─── */
|
|
229
|
+
|
|
230
|
+
var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
231
|
+
var color = _ref.color,
|
|
232
|
+
variant = _ref.variant,
|
|
233
|
+
_ref$size = _ref.size,
|
|
234
|
+
size = _ref$size === void 0 ? 'middle' : _ref$size,
|
|
235
|
+
_ref$shape = _ref.shape,
|
|
236
|
+
shape = _ref$shape === void 0 ? 'default' : _ref$shape,
|
|
237
|
+
status = _ref.status,
|
|
238
|
+
_ref$disabled = _ref.disabled,
|
|
239
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
240
|
+
_ref$loading = _ref.loading,
|
|
241
|
+
loading = _ref$loading === void 0 ? false : _ref$loading,
|
|
242
|
+
_ref$fullWidth = _ref.fullWidth,
|
|
243
|
+
fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
|
|
244
|
+
block = _ref.block,
|
|
245
|
+
icon = _ref.icon,
|
|
246
|
+
_ref$iconPosition = _ref.iconPosition,
|
|
247
|
+
iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
|
|
248
|
+
_autoInsertSpace = _ref.autoInsertSpace,
|
|
249
|
+
classNamesProp = _ref.classNames,
|
|
250
|
+
stylesProp = _ref.styles,
|
|
251
|
+
href = _ref.href,
|
|
252
|
+
target = _ref.target,
|
|
253
|
+
download = _ref.download,
|
|
254
|
+
rel = _ref.rel,
|
|
255
|
+
children = _ref.children,
|
|
256
|
+
style = _ref.style,
|
|
257
|
+
className = _ref.className,
|
|
258
|
+
htmlType = _ref.htmlType,
|
|
259
|
+
onClick = _ref.onClick,
|
|
260
|
+
nativeAttrs = _ref.nativeAttrs;
|
|
261
|
+
var resolvedColor = function () {
|
|
262
|
+
if (color) return color;
|
|
263
|
+
if (status === 'error') return 'danger';
|
|
264
|
+
return 'default';
|
|
265
|
+
}();
|
|
266
|
+
var resolvedVariant = variant !== null && variant !== void 0 ? variant : 'outline';
|
|
267
|
+
var resolvedIconPosition = iconPosition;
|
|
268
|
+
var resolvedFullWidth = fullWidth || block;
|
|
269
|
+
var hex = getColorHex(resolvedColor);
|
|
270
|
+
var isNeutral = resolvedColor === 'default';
|
|
271
|
+
var tokens = (0, _react.useMemo)(function () {
|
|
272
|
+
return VARIANT_TOKEN_FNS[resolvedVariant](hex, isNeutral);
|
|
273
|
+
}, [resolvedVariant, hex, isNeutral]);
|
|
274
|
+
var sizes = SIZE_MAP[size];
|
|
275
|
+
var isLink = href !== undefined && href !== null;
|
|
276
|
+
var isDisabled = disabled || !!loading;
|
|
277
|
+
var isIconOnly = icon && !children;
|
|
278
|
+
var showLoading = !!loading;
|
|
279
|
+
var resolvedHtmlType = isLink ? undefined : htmlType !== null && htmlType !== void 0 ? htmlType : 'button';
|
|
280
|
+
var loadingIcon = _typeof(loading) === 'object' && loading.icon ? loading.icon : null;
|
|
281
|
+
var cssVars = {
|
|
282
|
+
'--_bg': tokens.bg,
|
|
283
|
+
'--_text-color': tokens.text,
|
|
284
|
+
'--_border-color': tokens.border,
|
|
285
|
+
'--_border-width': resolvedVariant === 'link' || resolvedVariant === 'text' ? '0' : '1px',
|
|
286
|
+
'--_border-style': resolvedVariant === 'dashed' ? 'dashed' : 'solid',
|
|
287
|
+
'--_radius': shape === 'circle' ? '50%' : shape === 'pill' ? '980px' : shape === 'round' ? sizes.roundRadius : sizes.radius,
|
|
288
|
+
'--_font-size': sizes.fontSize,
|
|
289
|
+
'--_font-weight': '400',
|
|
290
|
+
'--_padding-block': '0',
|
|
291
|
+
'--_padding-inline': isIconOnly ? '0' : sizes.paddingInline,
|
|
292
|
+
'--_height': sizes.height,
|
|
293
|
+
'--_min-width': isIconOnly ? sizes.height : 'auto',
|
|
294
|
+
'--_icon-size': sizes.iconSize,
|
|
295
|
+
'--_gap': sizes.gap,
|
|
296
|
+
'--_hover-bg': tokens.hoverBg,
|
|
297
|
+
'--_hover-border-color': tokens.hoverBorder,
|
|
298
|
+
'--_hover-text-color': tokens.hoverText,
|
|
299
|
+
'--_active-bg': tokens.activeBg,
|
|
300
|
+
'--_active-border-color': tokens.activeBorder,
|
|
301
|
+
'--_active-text-color': tokens.activeText
|
|
302
|
+
};
|
|
303
|
+
var renderInfo = {
|
|
304
|
+
color: resolvedColor,
|
|
305
|
+
variant: resolvedVariant,
|
|
306
|
+
size: size,
|
|
307
|
+
shape: shape,
|
|
308
|
+
status: status,
|
|
309
|
+
disabled: disabled,
|
|
310
|
+
loading: loading,
|
|
311
|
+
fullWidth: resolvedFullWidth,
|
|
312
|
+
icon: icon,
|
|
313
|
+
iconPosition: resolvedIconPosition,
|
|
314
|
+
href: href,
|
|
315
|
+
children: children
|
|
316
|
+
};
|
|
317
|
+
function getSemantic(part, defaultClass) {
|
|
318
|
+
var classExtra;
|
|
319
|
+
if (typeof classNamesProp === 'function') {
|
|
320
|
+
classExtra = classNamesProp(renderInfo)[part];
|
|
321
|
+
} else if (classNamesProp) {
|
|
322
|
+
classExtra = classNamesProp[part];
|
|
323
|
+
}
|
|
324
|
+
var styleExtra;
|
|
325
|
+
if (typeof stylesProp === 'function') {
|
|
326
|
+
styleExtra = stylesProp(renderInfo)[part];
|
|
327
|
+
} else if (stylesProp) {
|
|
328
|
+
styleExtra = stylesProp[part];
|
|
329
|
+
}
|
|
330
|
+
return {
|
|
331
|
+
className: [defaultClass, classExtra].filter(Boolean).join(' '),
|
|
332
|
+
style: styleExtra || {}
|
|
333
|
+
};
|
|
334
|
+
}
|
|
335
|
+
var rootSemantic = getSemantic('root', '');
|
|
336
|
+
var iconSemantic = getSemantic('icon', _ButtonModule.default.icon);
|
|
337
|
+
var contentSemantic = getSemantic('content', _ButtonModule.default.content);
|
|
338
|
+
var iconEl = showLoading && !loadingIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
339
|
+
className: iconSemantic.className,
|
|
340
|
+
"data-loading": true,
|
|
341
|
+
style: iconSemantic.style,
|
|
342
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
|
|
343
|
+
viewBox: "0 0 1024 1024",
|
|
344
|
+
width: "1em",
|
|
345
|
+
height: "1em",
|
|
346
|
+
fill: "currentColor",
|
|
347
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
348
|
+
d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16.1 36-35.9 36z"
|
|
349
|
+
})
|
|
350
|
+
})
|
|
351
|
+
}) : loadingIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
352
|
+
className: iconSemantic.className,
|
|
353
|
+
"data-loading": true,
|
|
354
|
+
style: iconSemantic.style,
|
|
355
|
+
children: loadingIcon
|
|
356
|
+
}) : icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
357
|
+
className: iconSemantic.className,
|
|
358
|
+
style: iconSemantic.style,
|
|
359
|
+
children: icon
|
|
360
|
+
}) : null;
|
|
361
|
+
var rootClass = [_ButtonModule.default.root, rootSemantic.className, className].filter(Boolean).join(' ');
|
|
362
|
+
var rootStyle = _objectSpread(_objectSpread(_objectSpread({}, cssVars), style), {}, {
|
|
363
|
+
display: 'inline-flex',
|
|
364
|
+
alignItems: 'center',
|
|
365
|
+
justifyContent: 'center',
|
|
366
|
+
verticalAlign: 'middle',
|
|
367
|
+
gap: sizes.gap,
|
|
368
|
+
lineHeight: 1
|
|
369
|
+
});
|
|
370
|
+
var dataAttrs = {
|
|
371
|
+
'data-variant': resolvedVariant,
|
|
372
|
+
'data-size': size,
|
|
373
|
+
'data-shape': shape !== 'default' ? shape : undefined,
|
|
374
|
+
'data-status': status || undefined,
|
|
375
|
+
'data-disabled': isDisabled || undefined,
|
|
376
|
+
'data-loading': showLoading || undefined,
|
|
377
|
+
'data-full-width': resolvedFullWidth || undefined,
|
|
378
|
+
'data-icon-only': isIconOnly || undefined
|
|
379
|
+
};
|
|
380
|
+
var contentEl = children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
381
|
+
className: contentSemantic.className,
|
|
382
|
+
style: contentSemantic.style,
|
|
383
|
+
children: children
|
|
384
|
+
}) : null;
|
|
385
|
+
if (isLink) {
|
|
386
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread({
|
|
387
|
+
ref: ref,
|
|
388
|
+
className: rootClass,
|
|
389
|
+
style: rootStyle,
|
|
390
|
+
href: isDisabled ? undefined : href,
|
|
391
|
+
target: target,
|
|
392
|
+
download: download,
|
|
393
|
+
rel: rel,
|
|
394
|
+
"aria-disabled": isDisabled || undefined,
|
|
395
|
+
onClick: onClick
|
|
396
|
+
}, dataAttrs), {}, {
|
|
397
|
+
children: [resolvedIconPosition === 'left' && iconEl, contentEl, resolvedIconPosition === 'right' && iconEl]
|
|
398
|
+
}));
|
|
399
|
+
}
|
|
400
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread(_objectSpread({
|
|
401
|
+
ref: ref,
|
|
402
|
+
className: rootClass,
|
|
403
|
+
style: rootStyle,
|
|
404
|
+
type: resolvedHtmlType,
|
|
405
|
+
disabled: isDisabled || undefined,
|
|
406
|
+
"aria-disabled": isDisabled || undefined,
|
|
407
|
+
onClick: onClick
|
|
408
|
+
}, dataAttrs), nativeAttrs), {}, {
|
|
409
|
+
children: [resolvedIconPosition === 'left' && iconEl, contentEl, resolvedIconPosition === 'right' && iconEl]
|
|
410
|
+
}));
|
|
411
|
+
});
|
|
412
|
+
Button.displayName = 'Button';
|
|
413
|
+
var _default = exports.default = Button;
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
.root {
|
|
2
|
+
position: relative;
|
|
3
|
+
display: inline-flex;
|
|
4
|
+
align-items: center;
|
|
5
|
+
justify-content: center;
|
|
6
|
+
gap: var(--_gap);
|
|
7
|
+
outline: none;
|
|
8
|
+
line-height: 1;
|
|
9
|
+
vertical-align: middle;
|
|
10
|
+
cursor: pointer;
|
|
11
|
+
user-select: none;
|
|
12
|
+
text-decoration: none;
|
|
13
|
+
border: var(--_border-width) var(--_border-style) var(--_border-color);
|
|
14
|
+
border-radius: var(--_radius);
|
|
15
|
+
background: var(--_bg);
|
|
16
|
+
color: var(--_text-color);
|
|
17
|
+
font-size: var(--_font-size);
|
|
18
|
+
font-weight: var(--_font-weight);
|
|
19
|
+
padding: var(--_padding-block) var(--_padding-inline);
|
|
20
|
+
height: var(--_height);
|
|
21
|
+
min-width: var(--_min-width);
|
|
22
|
+
overflow: hidden;
|
|
23
|
+
white-space: nowrap;
|
|
24
|
+
text-overflow: ellipsis;
|
|
25
|
+
transition:
|
|
26
|
+
background var(--nv-motion-fast, 100ms) var(--nv-motion-ease-out, cubic-bezier(0.23, 1, 0.32, 1)),
|
|
27
|
+
border-color var(--nv-motion-fast, 100ms) var(--nv-motion-ease-out, cubic-bezier(0.23, 1, 0.32, 1)),
|
|
28
|
+
color var(--nv-motion-fast, 100ms) var(--nv-motion-ease-out, cubic-bezier(0.23, 1, 0.32, 1)),
|
|
29
|
+
box-shadow var(--nv-motion-fast, 100ms) var(--nv-motion-ease-out, cubic-bezier(0.23, 1, 0.32, 1)),
|
|
30
|
+
opacity var(--nv-motion-fast, 100ms) var(--nv-motion-ease-out, cubic-bezier(0.23, 1, 0.32, 1));
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.root:focus-visible {
|
|
34
|
+
outline: 2px solid var(--nv-color-primary, #6C5CE7);
|
|
35
|
+
outline-offset: 1px;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.root:hover:not(:disabled):not([data-disabled]) {
|
|
39
|
+
background: var(--_hover-bg);
|
|
40
|
+
border-color: var(--_hover-border-color);
|
|
41
|
+
color: var(--_hover-text-color);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.root:active:not(:disabled):not([data-disabled]) {
|
|
45
|
+
background: var(--_active-bg);
|
|
46
|
+
border-color: var(--_active-border-color);
|
|
47
|
+
color: var(--_active-text-color);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.root:disabled,
|
|
51
|
+
.root[data-disabled] {
|
|
52
|
+
cursor: not-allowed;
|
|
53
|
+
opacity: 0.65;
|
|
54
|
+
pointer-events: none;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.root[data-full-width] {
|
|
58
|
+
display: flex;
|
|
59
|
+
width: 100%;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.root[data-ghost] {
|
|
63
|
+
background: transparent !important;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.root[data-ghost]:not(:disabled):not([data-disabled]) {
|
|
67
|
+
color: var(--_ghost-text-color, var(--_text-color));
|
|
68
|
+
border-color: var(--_ghost-border-color, var(--_border-color));
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.root[data-ghost]:hover:not(:disabled):not([data-disabled]) {
|
|
72
|
+
color: var(--_ghost-hover-text-color, var(--_hover-text-color));
|
|
73
|
+
border-color: var(--_ghost-hover-border-color, var(--_hover-border-color));
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.root[data-variant='link'] {
|
|
77
|
+
padding: 0;
|
|
78
|
+
height: auto;
|
|
79
|
+
min-width: 0;
|
|
80
|
+
border: none;
|
|
81
|
+
background: transparent;
|
|
82
|
+
line-height: var(--nv-line-height-md, 22px);
|
|
83
|
+
text-decoration: none;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.root[data-variant='link']:hover:not(:disabled):not([data-disabled]) {
|
|
87
|
+
text-decoration: underline;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.root[data-icon-only] {
|
|
91
|
+
min-width: var(--_height);
|
|
92
|
+
padding: 0;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.icon {
|
|
96
|
+
display: inline-flex;
|
|
97
|
+
align-items: center;
|
|
98
|
+
font-size: var(--_icon-size);
|
|
99
|
+
line-height: 0;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.icon[data-loading] {
|
|
103
|
+
display: inline-flex;
|
|
104
|
+
align-items: center;
|
|
105
|
+
animation: nv-spin 1s linear infinite;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.content {
|
|
109
|
+
flex: 1;
|
|
110
|
+
overflow: hidden;
|
|
111
|
+
text-overflow: ellipsis;
|
|
112
|
+
white-space: nowrap;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
@keyframes nv-spin {
|
|
116
|
+
from {
|
|
117
|
+
transform: rotate(0deg);
|
|
118
|
+
}
|
|
119
|
+
to {
|
|
120
|
+
transform: rotate(360deg);
|
|
121
|
+
}
|
|
122
|
+
}
|
|
@@ -0,0 +1,102 @@
|
|
|
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.ConfigProvider = exports.ConfigContext = void 0;
|
|
8
|
+
exports.useConfig = useConfig;
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _ConfigProviderModule = _interopRequireDefault(require("./ConfigProvider.module.css"));
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
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); }
|
|
14
|
+
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; }
|
|
15
|
+
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; }
|
|
16
|
+
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; }
|
|
17
|
+
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; }
|
|
18
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
19
|
+
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); }
|
|
20
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
21
|
+
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."); }
|
|
22
|
+
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); }
|
|
23
|
+
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; }
|
|
24
|
+
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; } }
|
|
25
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**
|
|
26
|
+
* 主题算法类型
|
|
27
|
+
*/ /**
|
|
28
|
+
* 配置提供者组件属性接口
|
|
29
|
+
*/ /**
|
|
30
|
+
* 配置上下文值接口
|
|
31
|
+
*/
|
|
32
|
+
var defaultConfig = {
|
|
33
|
+
prefixCls: 'nv',
|
|
34
|
+
iconPrefixCls: 'nv-icon'
|
|
35
|
+
};
|
|
36
|
+
var ConfigContext = exports.ConfigContext = /*#__PURE__*/(0, _react.createContext)(defaultConfig);
|
|
37
|
+
function useConfig() {
|
|
38
|
+
return (0, _react.useContext)(ConfigContext);
|
|
39
|
+
}
|
|
40
|
+
var ALGORITHM_DARK = 'dark';
|
|
41
|
+
function isDarkAlgorithm(algorithm) {
|
|
42
|
+
if (!algorithm) return false;
|
|
43
|
+
if (Array.isArray(algorithm)) return algorithm.includes(ALGORITHM_DARK);
|
|
44
|
+
return algorithm === ALGORITHM_DARK;
|
|
45
|
+
}
|
|
46
|
+
function buildCssVars(colorPrimary, token) {
|
|
47
|
+
var vars = {};
|
|
48
|
+
if (colorPrimary) {
|
|
49
|
+
vars['--nv-color-primary'] = colorPrimary;
|
|
50
|
+
}
|
|
51
|
+
if (token) {
|
|
52
|
+
Object.entries(token).forEach(function (_ref) {
|
|
53
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
54
|
+
key = _ref2[0],
|
|
55
|
+
value = _ref2[1];
|
|
56
|
+
var cssKey = key.startsWith('--nv-') ? key : "--nv-".concat(key);
|
|
57
|
+
vars[cssKey] = String(value);
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
return vars;
|
|
61
|
+
}
|
|
62
|
+
var ConfigProvider = exports.ConfigProvider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, ref) {
|
|
63
|
+
var theme = _ref3.theme,
|
|
64
|
+
locale = _ref3.locale,
|
|
65
|
+
zIndex = _ref3.zIndex,
|
|
66
|
+
colorPrimary = _ref3.colorPrimary,
|
|
67
|
+
_ref3$iconPrefixCls = _ref3.iconPrefixCls,
|
|
68
|
+
iconPrefixCls = _ref3$iconPrefixCls === void 0 ? 'nv-icon' : _ref3$iconPrefixCls,
|
|
69
|
+
_ref3$prefixCls = _ref3.prefixCls,
|
|
70
|
+
prefixCls = _ref3$prefixCls === void 0 ? 'nv' : _ref3$prefixCls,
|
|
71
|
+
getPopupContainer = _ref3.getPopupContainer,
|
|
72
|
+
children = _ref3.children;
|
|
73
|
+
var contextValue = (0, _react.useMemo)(function () {
|
|
74
|
+
return {
|
|
75
|
+
theme: theme,
|
|
76
|
+
locale: locale,
|
|
77
|
+
zIndex: zIndex,
|
|
78
|
+
colorPrimary: colorPrimary,
|
|
79
|
+
iconPrefixCls: iconPrefixCls,
|
|
80
|
+
prefixCls: prefixCls,
|
|
81
|
+
getPopupContainer: getPopupContainer
|
|
82
|
+
};
|
|
83
|
+
}, [theme, locale, zIndex, colorPrimary, iconPrefixCls, prefixCls, getPopupContainer]);
|
|
84
|
+
var isDark = theme ? isDarkAlgorithm(theme.algorithm) : false;
|
|
85
|
+
var cssVars = buildCssVars(colorPrimary, theme === null || theme === void 0 ? void 0 : theme.token);
|
|
86
|
+
var wrapperStyle = _objectSpread({}, cssVars);
|
|
87
|
+
var dataAttrs = {
|
|
88
|
+
'data-theme': isDark ? 'dark' : undefined
|
|
89
|
+
};
|
|
90
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(ConfigContext.Provider, {
|
|
91
|
+
value: contextValue,
|
|
92
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
|
|
93
|
+
ref: ref,
|
|
94
|
+
className: _ConfigProviderModule.default.wrapper,
|
|
95
|
+
style: Object.keys(cssVars).length > 0 ? wrapperStyle : undefined
|
|
96
|
+
}, dataAttrs), {}, {
|
|
97
|
+
children: children
|
|
98
|
+
}))
|
|
99
|
+
});
|
|
100
|
+
});
|
|
101
|
+
ConfigProvider.displayName = 'ConfigProvider';
|
|
102
|
+
var _default = exports.default = ConfigProvider;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "ConfigContext", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _ConfigProvider.ConfigContext;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "ConfigProvider", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _ConfigProvider.ConfigProvider;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "useConfig", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _ConfigProvider.useConfig;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
var _ConfigProvider = require("./ConfigProvider");
|