@oceanbase/design 1.0.0-alpha.1 → 1.0.0-alpha.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/design.min.css +1 -1
- package/dist/design.min.js +1 -1
- package/dist/reset.css +2 -1
- package/dist/static/Inter-Medium.ea234620.woff2 +0 -0
- package/dist/static/Inter-Regular.34ba43c9.woff2 +0 -0
- package/dist/static/Inter-SemiBold.95439fb4.woff2 +0 -0
- package/es/_util/genComponentStyleHook.d.ts +21 -4
- package/es/_util/genComponentStyleHook.js +68 -20
- package/es/_util/index.js +1 -0
- package/es/_util/styleChecker.js +1 -0
- package/es/affix/index.js +1 -0
- package/es/alert/index.d.ts +2 -2
- package/es/alert/index.js +25 -6
- package/es/alert/style/index.d.ts +2 -5
- package/es/alert/style/index.js +166 -67
- package/es/anchor/index.js +1 -0
- package/es/app/index.d.ts +8 -0
- package/es/app/index.js +44 -1
- package/es/app/style/index.d.ts +6 -0
- package/es/app/style/index.js +9 -0
- package/es/auto-complete/index.js +1 -0
- package/es/avatar/index.js +1 -0
- package/es/badge/index.d.ts +2 -0
- package/es/badge/index.js +38 -14
- package/es/badge/style/index.d.ts +2 -5
- package/es/badge/style/index.js +15 -18
- package/es/breadcrumb/Breadcrumb.js +1 -0
- package/es/breadcrumb/index.js +1 -0
- package/es/button/index.js +11 -4
- package/es/button/style/index.d.ts +4 -5
- package/es/button/style/index.js +40 -7
- package/es/calendar/index.js +1 -0
- package/es/card/index.d.ts +11 -0
- package/es/card/index.js +153 -9
- package/es/card/style/index.d.ts +2 -5
- package/es/card/style/index.js +85 -18
- package/es/carousel/index.js +1 -0
- package/es/cascader/index.js +1 -0
- package/es/checkbox/index.js +10 -2
- package/es/checkbox/style/index.d.ts +2 -5
- package/es/checkbox/style/index.js +14 -11
- package/es/collapse/index.js +1 -0
- package/es/color-picker/index.js +1 -0
- package/es/config-provider/DefaultRenderEmpty.js +1 -0
- package/es/config-provider/context.d.ts +11 -0
- package/es/config-provider/context.js +2 -1
- package/es/config-provider/index.d.ts +4 -3
- package/es/config-provider/index.js +93 -40
- package/es/date-picker/index.js +1 -0
- package/es/descriptions/hooks/useItems.d.ts +4 -4
- package/es/descriptions/hooks/useItems.js +1 -0
- package/es/descriptions/index.d.ts +10 -0
- package/es/descriptions/index.js +63 -5
- package/es/descriptions/style/index.d.ts +3 -6
- package/es/descriptions/style/index.js +70 -10
- package/es/divider/index.js +1 -0
- package/es/drawer/index.js +11 -7
- package/es/drawer/style/index.d.ts +2 -5
- package/es/drawer/style/index.js +44 -17
- package/es/dropdown/dropdown-button.js +27 -6
- package/es/dropdown/index.js +1 -0
- package/es/dropdown/style/index.d.ts +6 -0
- package/es/{_util/genStyle.js → dropdown/style/index.js} +14 -11
- package/es/empty/colored.js +1 -0
- package/es/empty/database.js +1 -0
- package/es/empty/default.js +1 -0
- package/es/empty/guide.js +1 -0
- package/es/empty/index.js +5 -3
- package/es/empty/style/index.d.ts +2 -5
- package/es/empty/style/index.js +10 -10
- package/es/float-button/index.js +1 -0
- package/es/fonts/Inter-Medium.woff2 +0 -0
- package/es/fonts/Inter-Regular.woff2 +0 -0
- package/es/fonts/Inter-SemiBold.woff2 +0 -0
- package/es/form/FormItem.d.ts +1 -0
- package/es/form/FormItem.js +27 -11
- package/es/form/index.js +10 -2
- package/es/form/style/index.d.ts +2 -5
- package/es/form/style/index.js +19 -8
- package/es/grid/col.js +1 -0
- package/es/grid/index.js +1 -0
- package/es/grid/row.js +1 -0
- package/es/image/index.js +1 -0
- package/es/index.d.ts +4 -3
- package/es/index.js +2 -1
- package/es/input/Input.d.ts +2 -0
- package/es/input/Input.js +31 -7
- package/es/input/Password.js +25 -5
- package/es/input/Search.js +25 -5
- package/es/input/TextArea.js +25 -5
- package/es/input/index.js +1 -0
- package/es/input/style/index.d.ts +6 -0
- package/es/input/style/index.js +32 -0
- package/es/input-number/index.d.ts +2 -1
- package/es/input-number/index.js +19 -4
- package/es/input-number/style/index.d.ts +6 -0
- package/es/input-number/style/index.js +19 -0
- package/es/layout/index.js +1 -0
- package/es/list/index.js +1 -0
- package/es/locale/en-US.js +4 -1
- package/es/locale/index.d.ts +2 -0
- package/es/locale/index.js +1 -0
- package/es/locale/ja-JP.d.ts +3 -0
- package/es/locale/ja-JP.js +31 -0
- package/es/locale/zh-CN.js +4 -1
- package/es/locale/zh-TW.js +4 -1
- package/es/lottie/index.js +1 -0
- package/es/mentions/index.js +1 -0
- package/es/menu/index.js +1 -0
- package/es/message/index.js +1 -0
- package/es/modal/Modal.d.ts +1 -1
- package/es/modal/Modal.js +36 -12
- package/es/modal/Progress.js +1 -0
- package/es/modal/index.js +1 -0
- package/es/modal/style/index.d.ts +2 -5
- package/es/modal/style/index.js +71 -26
- package/es/notification/index.js +1 -0
- package/es/pagination/index.js +1 -0
- package/es/popconfirm/index.js +1 -0
- package/es/popover/index.js +1 -0
- package/es/progress/index.js +1 -0
- package/es/qrcode/index.js +1 -0
- package/es/radio/index.js +10 -2
- package/es/radio/style/index.d.ts +2 -5
- package/es/radio/style/index.js +16 -10
- package/es/rate/index.js +1 -0
- package/es/result/403.js +1 -0
- package/es/result/404.js +1 -0
- package/es/result/500.js +1 -0
- package/es/result/Error.js +1 -0
- package/es/result/Processing.js +1 -0
- package/es/result/Success.js +1 -0
- package/es/result/Warning.js +1 -0
- package/es/result/index.d.ts +2 -2
- package/es/result/index.js +15 -6
- package/es/result/style/index.d.ts +2 -5
- package/es/result/style/index.js +3 -6
- package/es/segmented/index.d.ts +1 -0
- package/es/segmented/index.js +25 -9
- package/es/segmented/style/index.d.ts +1 -4
- package/es/segmented/style/index.js +4 -6
- package/es/select/index.js +10 -2
- package/es/select/style/index.d.ts +2 -5
- package/es/select/style/index.js +6 -7
- package/es/skeleton/index.js +1 -0
- package/es/slider/index.js +10 -2
- package/es/slider/style/index.d.ts +2 -5
- package/es/slider/style/index.js +11 -11
- package/es/space/index.js +10 -2
- package/es/space/style/index.d.ts +2 -5
- package/es/space/style/index.js +3 -6
- package/es/spin/index.js +10 -2
- package/es/spin/style/index.d.ts +2 -5
- package/es/spin/style/index.js +27 -27
- package/es/static-function/index.js +14 -4
- package/es/statistic/index.js +1 -0
- package/es/steps/index.js +1 -0
- package/es/style/cssVariables.d.ts +25 -0
- package/es/style/cssVariables.js +49 -0
- package/es/style/cssVariablesMeta.d.ts +24 -0
- package/es/style/cssVariablesMeta.js +974 -0
- package/es/style/global.d.ts +8 -0
- package/es/style/global.js +122 -0
- package/es/style/reset.css +2 -1
- package/es/switch/index.js +10 -2
- package/es/switch/style/index.d.ts +2 -5
- package/es/switch/style/index.js +3 -6
- package/es/table/index.d.ts +1 -4
- package/es/table/index.js +12 -2
- package/es/table/style/index.d.ts +2 -5
- package/es/table/style/index.js +68 -40
- package/es/tabs/TabPane.js +1 -0
- package/es/tabs/hooks/useLegacyItems.js +1 -0
- package/es/tabs/index.js +10 -2
- package/es/tabs/style/index.d.ts +2 -5
- package/es/tabs/style/index.js +10 -10
- package/es/tag/index.d.ts +1 -0
- package/es/tag/index.js +18 -4
- package/es/tag/style/index.d.ts +3 -8
- package/es/tag/style/index.js +42 -35
- package/es/theme/compact.d.ts +1 -1
- package/es/theme/compact.js +2 -6
- package/es/theme/dark.d.ts +1 -48
- package/es/theme/default.d.ts +48 -2
- package/es/theme/default.js +324 -62
- package/es/theme/index.d.ts +20 -57
- package/es/theme/index.js +1 -0
- package/es/theme/interface.d.ts +137 -0
- package/es/theme/interface.js +4 -1
- package/es/theme/style/aliyun.less +42 -42
- package/es/theme/style/compact.less +166 -137
- package/es/theme/style/dark.less +59 -59
- package/es/theme/style/default.less +169 -140
- package/es/time-picker/index.js +1 -0
- package/es/timeline/index.js +1 -0
- package/es/tooltip/MouseTooltip.js +1 -0
- package/es/tooltip/ReactStickyMouseTooltip.js +1 -0
- package/es/tooltip/index.js +5 -4
- package/es/tooltip/style/index.d.ts +2 -5
- package/es/tooltip/style/index.js +10 -13
- package/es/tour/index.js +1 -0
- package/es/transfer/index.js +1 -0
- package/es/tree/index.js +1 -0
- package/es/tree-select/index.js +10 -2
- package/es/tree-select/style/index.d.ts +2 -5
- package/es/tree-select/style/index.js +3 -6
- package/es/typography/Link.js +10 -2
- package/es/typography/Paragraph.js +10 -2
- package/es/typography/Text.d.ts +1 -0
- package/es/typography/Text.js +13 -4
- package/es/typography/Title.js +10 -2
- package/es/typography/hooks/useClassName.d.ts +1 -1
- package/es/typography/hooks/useClassName.js +2 -2
- package/es/typography/index.d.ts +12 -1
- package/es/typography/index.js +3 -1
- package/es/typography/style/index.d.ts +2 -5
- package/es/typography/style/index.js +36 -28
- package/es/upload/index.js +1 -0
- package/es/watermark/index.js +1 -0
- package/lib/_util/genComponentStyleHook.d.ts +21 -4
- package/lib/_util/genComponentStyleHook.js +69 -57
- package/lib/_util/getEllipsisConfig.js +16 -39
- package/lib/_util/index.js +13 -29
- package/lib/_util/styleChecker.js +33 -53
- package/lib/_util/type.js +4 -16
- package/lib/_util/useFlexGapSupport.js +11 -36
- package/lib/affix/index.js +15 -21
- package/lib/alert/index.d.ts +2 -2
- package/lib/alert/index.js +68 -78
- package/lib/alert/style/index.d.ts +2 -5
- package/lib/alert/style/index.js +203 -105
- package/lib/anchor/index.js +26 -23
- package/lib/app/index.d.ts +8 -0
- package/lib/app/index.js +49 -21
- package/lib/app/style/index.d.ts +6 -0
- package/lib/app/style/index.js +18 -0
- package/lib/auto-complete/index.js +15 -21
- package/lib/avatar/index.js +26 -23
- package/lib/badge/index.d.ts +2 -0
- package/lib/badge/index.js +108 -101
- package/lib/badge/style/index.d.ts +2 -5
- package/lib/badge/style/index.js +28 -49
- package/lib/breadcrumb/Breadcrumb.js +15 -21
- package/lib/breadcrumb/index.js +31 -31
- package/lib/button/index.js +50 -59
- package/lib/button/style/index.d.ts +4 -5
- package/lib/button/style/index.js +52 -35
- package/lib/calendar/index.js +15 -21
- package/lib/card/Card.js +14 -21
- package/lib/card/index.d.ts +11 -0
- package/lib/card/index.js +247 -108
- package/lib/card/style/index.d.ts +2 -5
- package/lib/card/style/index.js +164 -64
- package/lib/carousel/index.js +15 -21
- package/lib/cascader/index.js +15 -21
- package/lib/checkbox/index.js +52 -68
- package/lib/checkbox/style/index.d.ts +2 -5
- package/lib/checkbox/style/index.js +25 -38
- package/lib/collapse/index.js +15 -21
- package/lib/color-picker/index.js +15 -21
- package/lib/color-picker/interface.js +14 -21
- package/lib/config-provider/DefaultRenderEmpty.js +34 -47
- package/lib/config-provider/SizeContext.js +14 -21
- package/lib/config-provider/context.d.ts +11 -0
- package/lib/config-provider/context.js +14 -21
- package/lib/config-provider/index.d.ts +4 -3
- package/lib/config-provider/index.js +204 -134
- package/lib/config-provider/navigate.js +4 -16
- package/lib/date-picker/index.js +15 -21
- package/lib/descriptions/Item.js +6 -24
- package/lib/descriptions/hooks/useItems.d.ts +4 -4
- package/lib/descriptions/hooks/useItems.js +50 -72
- package/lib/descriptions/index.d.ts +10 -0
- package/lib/descriptions/index.js +104 -74
- package/lib/descriptions/style/index.d.ts +3 -6
- package/lib/descriptions/style/index.js +142 -50
- package/lib/divider/index.js +15 -21
- package/lib/drawer/index.js +109 -117
- package/lib/drawer/style/index.d.ts +2 -5
- package/lib/drawer/style/index.js +67 -52
- package/lib/dropdown/dropdown-button.js +34 -38
- package/lib/dropdown/index.js +30 -46
- package/lib/dropdown/style/index.d.ts +6 -0
- package/lib/dropdown/style/index.js +27 -0
- package/lib/empty/colored.js +325 -355
- package/lib/empty/database.js +227 -250
- package/lib/empty/default.js +53 -53
- package/lib/empty/guide.js +147 -209
- package/lib/empty/index.js +77 -90
- package/lib/empty/style/index.d.ts +2 -5
- package/lib/empty/style/index.js +31 -47
- package/lib/float-button/index.js +15 -21
- package/lib/float-button/interface.js +14 -21
- package/lib/fonts/Inter-Medium.woff2 +0 -0
- package/lib/fonts/Inter-Regular.woff2 +0 -0
- package/lib/fonts/Inter-SemiBold.woff2 +0 -0
- package/lib/form/FormItem.d.ts +1 -0
- package/lib/form/FormItem.js +81 -76
- package/lib/form/index.js +58 -75
- package/lib/form/interface.js +14 -21
- package/lib/form/style/index.d.ts +2 -5
- package/lib/form/style/index.js +40 -38
- package/lib/grid/col.js +28 -44
- package/lib/grid/index.js +26 -44
- package/lib/grid/row.js +30 -44
- package/lib/image/index.js +15 -21
- package/lib/index.d.ts +4 -3
- package/lib/index.js +333 -152
- package/lib/input/Input.d.ts +2 -0
- package/lib/input/Input.js +63 -52
- package/lib/input/Password.js +59 -58
- package/lib/input/Search.js +55 -52
- package/lib/input/TextArea.js +59 -58
- package/lib/input/index.js +30 -49
- package/lib/input/style/index.d.ts +6 -0
- package/lib/input/style/index.js +57 -0
- package/lib/input-number/index.d.ts +2 -1
- package/lib/input-number/index.js +56 -60
- package/lib/input-number/style/index.d.ts +6 -0
- package/lib/input-number/style/index.js +29 -0
- package/lib/layout/index.js +15 -21
- package/lib/list/index.js +52 -58
- package/lib/locale/en-US.js +24 -48
- package/lib/locale/index.d.ts +2 -0
- package/lib/locale/index.js +25 -38
- package/lib/locale/ja-JP.d.ts +3 -0
- package/lib/locale/ja-JP.js +36 -0
- package/lib/locale/useLocale.js +6 -24
- package/lib/locale/zh-CN.js +24 -48
- package/lib/locale/zh-TW.js +24 -48
- package/lib/lottie/index.js +61 -79
- package/lib/mentions/index.js +15 -21
- package/lib/menu/index.js +15 -21
- package/lib/menu/interface.js +14 -21
- package/lib/message/index.js +15 -21
- package/lib/message/interface.js +14 -21
- package/lib/modal/Modal.d.ts +1 -1
- package/lib/modal/Modal.js +82 -69
- package/lib/modal/Progress.js +44 -57
- package/lib/modal/index.js +23 -42
- package/lib/modal/interface.js +14 -21
- package/lib/modal/style/index.d.ts +2 -5
- package/lib/modal/style/index.js +105 -60
- package/lib/notification/index.js +15 -21
- package/lib/notification/interface.js +14 -21
- package/lib/pagination/index.js +15 -21
- package/lib/popconfirm/index.js +15 -21
- package/lib/popover/index.js +15 -21
- package/lib/progress/index.js +26 -23
- package/lib/progress/progress.js +14 -21
- package/lib/qrcode/index.js +15 -21
- package/lib/qrcode/interface.js +14 -21
- package/lib/radio/index.js +53 -61
- package/lib/radio/interface.js +14 -21
- package/lib/radio/style/index.d.ts +2 -5
- package/lib/radio/style/index.js +32 -38
- package/lib/rate/index.js +15 -21
- package/lib/result/403.js +166 -162
- package/lib/result/404.js +302 -304
- package/lib/result/500.js +226 -291
- package/lib/result/Error.js +127 -133
- package/lib/result/Processing.js +348 -247
- package/lib/result/Success.js +208 -203
- package/lib/result/Warning.js +513 -549
- package/lib/result/index.d.ts +2 -2
- package/lib/result/index.js +65 -79
- package/lib/result/style/index.d.ts +2 -5
- package/lib/result/style/index.js +16 -39
- package/lib/segmented/index.d.ts +1 -0
- package/lib/segmented/index.js +86 -72
- package/lib/segmented/style/index.d.ts +1 -4
- package/lib/segmented/style/index.js +21 -40
- package/lib/select/index.js +63 -80
- package/lib/select/style/index.d.ts +2 -5
- package/lib/select/style/index.js +17 -37
- package/lib/skeleton/index.js +15 -21
- package/lib/slider/index.js +48 -57
- package/lib/slider/style/index.d.ts +2 -5
- package/lib/slider/style/index.js +23 -40
- package/lib/space/index.js +63 -68
- package/lib/space/style/index.d.ts +2 -5
- package/lib/space/style/index.js +17 -40
- package/lib/spin/index.js +58 -75
- package/lib/spin/style/index.d.ts +2 -5
- package/lib/spin/style/index.js +54 -60
- package/lib/static-function/index.js +49 -68
- package/lib/statistic/index.js +15 -21
- package/lib/steps/index.js +15 -21
- package/lib/style/cssVariables.d.ts +25 -0
- package/lib/style/cssVariables.js +242 -0
- package/lib/style/cssVariablesMeta.d.ts +24 -0
- package/lib/style/cssVariablesMeta.js +980 -0
- package/lib/style/global.d.ts +8 -0
- package/lib/style/global.js +140 -0
- package/lib/style/reset.css +2 -1
- package/lib/switch/index.js +52 -59
- package/lib/switch/style/index.d.ts +2 -5
- package/lib/switch/style/index.js +13 -36
- package/lib/table/hooks/useDefaultPagination.js +18 -46
- package/lib/table/index.d.ts +1 -4
- package/lib/table/index.js +178 -172
- package/lib/table/interface.js +14 -21
- package/lib/table/style/index.d.ts +2 -5
- package/lib/table/style/index.js +102 -80
- package/lib/tabs/TabPane.js +7 -24
- package/lib/tabs/hooks/useLegacyItems.js +27 -43
- package/lib/tabs/index.js +107 -119
- package/lib/tabs/style/index.d.ts +2 -5
- package/lib/tabs/style/index.js +32 -43
- package/lib/tag/index.d.ts +1 -0
- package/lib/tag/index.js +78 -88
- package/lib/tag/style/index.d.ts +3 -8
- package/lib/tag/style/index.js +65 -78
- package/lib/theme/aliyun.js +7 -34
- package/lib/theme/compact.d.ts +1 -1
- package/lib/theme/compact.js +9 -40
- package/lib/theme/dark.d.ts +1 -48
- package/lib/theme/dark.js +9 -36
- package/lib/theme/default.d.ts +48 -2
- package/lib/theme/default.js +344 -104
- package/lib/theme/index.d.ts +20 -57
- package/lib/theme/index.js +48 -55
- package/lib/theme/interface.d.ts +137 -0
- package/lib/theme/interface.js +14 -21
- package/lib/theme/internal.js +14 -21
- package/lib/theme/style/aliyun.less +42 -42
- package/lib/theme/style/compact.less +166 -137
- package/lib/theme/style/dark.less +59 -59
- package/lib/theme/style/default.less +169 -140
- package/lib/theme/themes/compact/index.js +19 -39
- package/lib/theme/themes/dark/index.js +19 -39
- package/lib/theme/themes/default/index.js +19 -39
- package/lib/theme/themes/seed.js +24 -43
- package/lib/theme/util/alias.js +19 -39
- package/lib/theme/util/format.js +15 -35
- package/lib/time-picker/index.js +15 -21
- package/lib/timeline/index.js +15 -21
- package/lib/tooltip/MouseTooltip.js +66 -76
- package/lib/tooltip/ReactStickyMouseTooltip.js +62 -86
- package/lib/tooltip/hooks/useTooltipTypeList.js +28 -61
- package/lib/tooltip/index.js +123 -133
- package/lib/tooltip/style/index.d.ts +2 -5
- package/lib/tooltip/style/index.js +26 -50
- package/lib/tour/index.js +15 -21
- package/lib/tour/interface.js +14 -21
- package/lib/transfer/index.js +15 -21
- package/lib/transfer/interface.js +14 -21
- package/lib/tree/index.js +15 -21
- package/lib/tree-select/index.js +67 -84
- package/lib/tree-select/style/index.d.ts +2 -5
- package/lib/tree-select/style/index.js +10 -35
- package/lib/typography/Link.js +54 -67
- package/lib/typography/Paragraph.js +54 -67
- package/lib/typography/Text.d.ts +1 -0
- package/lib/typography/Text.js +55 -67
- package/lib/typography/Title.js +54 -67
- package/lib/typography/hooks/useClassName.d.ts +1 -1
- package/lib/typography/hooks/useClassName.js +12 -42
- package/lib/typography/index.d.ts +12 -1
- package/lib/typography/index.js +89 -57
- package/lib/typography/style/index.d.ts +2 -5
- package/lib/typography/style/index.js +56 -64
- package/lib/upload/index.js +15 -21
- package/lib/upload/interface.js +14 -21
- package/lib/watermark/index.js +15 -21
- package/package.json +10 -9
- package/dist/static/Inter.f6bcdfb6.woff2 +0 -0
- package/es/_util/genStyle.d.ts +0 -2
- package/es/_util/getWeakenBorderColor.d.ts +0 -1
- package/es/_util/getWeakenBorderColor.js +0 -4
- package/es/fonts/Inter.woff2 +0 -0
- package/es/global.css +0 -48
- package/lib/_util/genStyle.d.ts +0 -2
- package/lib/_util/genStyle.js +0 -43
- package/lib/_util/getWeakenBorderColor.d.ts +0 -1
- package/lib/_util/getWeakenBorderColor.js +0 -32
- package/lib/fonts/Inter.woff2 +0 -0
- package/lib/global.css +0 -48
package/lib/tabs/index.js
CHANGED
|
@@ -1,125 +1,113 @@
|
|
|
1
|
-
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all)
|
|
9
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from))
|
|
14
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
17
|
-
return to;
|
|
18
|
-
};
|
|
19
|
-
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
29
2
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
__export(tabs_exports, {
|
|
33
|
-
default: () => tabs_default
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
34
5
|
});
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
|
|
46
|
-
var
|
|
47
|
-
|
|
6
|
+
var _exportNames = {};
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _antd = require("antd");
|
|
10
|
+
var _util = require("@oceanbase/util");
|
|
11
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
12
|
+
var _badge = _interopRequireDefault(require("../badge"));
|
|
13
|
+
var _configProvider = _interopRequireDefault(require("../config-provider"));
|
|
14
|
+
var _useLegacyItems = _interopRequireDefault(require("./hooks/useLegacyItems"));
|
|
15
|
+
var _style = _interopRequireWildcard(require("./style"));
|
|
16
|
+
var _TabPane = _interopRequireDefault(require("./TabPane"));
|
|
17
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
+
var _tabs = require("antd/es/tabs");
|
|
19
|
+
Object.keys(_tabs).forEach(function (key) {
|
|
20
|
+
if (key === "default" || key === "__esModule") return;
|
|
21
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
22
|
+
if (key in exports && exports[key] === _tabs[key]) return;
|
|
23
|
+
Object.defineProperty(exports, key, {
|
|
24
|
+
enumerable: true,
|
|
25
|
+
get: function () {
|
|
26
|
+
return _tabs[key];
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
31
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
32
|
+
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; }
|
|
33
|
+
"use client";
|
|
34
|
+
const isReactNode = item => {
|
|
35
|
+
return /*#__PURE__*/_react.default.isValidElement(item);
|
|
48
36
|
};
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
37
|
+
const Tabs = /*#__PURE__*/_react.default.forwardRef(({
|
|
38
|
+
children,
|
|
39
|
+
divider = false,
|
|
40
|
+
items,
|
|
41
|
+
type,
|
|
42
|
+
tabPosition,
|
|
43
|
+
prefixCls: customizePrefixCls,
|
|
44
|
+
className,
|
|
45
|
+
...restProps
|
|
46
|
+
}, ref) => {
|
|
47
|
+
const {
|
|
48
|
+
getPrefixCls
|
|
49
|
+
} = (0, _react.useContext)(_configProvider.default.ConfigContext);
|
|
50
|
+
const prefixCls = getPrefixCls('tabs', customizePrefixCls);
|
|
51
|
+
const [wrapCSSVar] = (0, _style.default)(prefixCls);
|
|
52
|
+
const tabsCls = (0, _classnames.default)(className, {
|
|
53
|
+
[`${prefixCls}-no-divider`]: !divider
|
|
54
|
+
});
|
|
55
|
+
const isHorizontal = !tabPosition || tabPosition === 'top' || tabPosition === 'bottom';
|
|
56
|
+
const dividerList = items?.filter(item => item.divider) || [];
|
|
57
|
+
const renderBadge = (0, _react.useCallback)(badge => {
|
|
58
|
+
if (typeof badge === 'object' && !isReactNode(badge)) {
|
|
59
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_badge.default, {
|
|
60
|
+
...badge,
|
|
61
|
+
className: (0, _classnames.default)(`${prefixCls}-tab-badge`, badge.className)
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_badge.default, {
|
|
65
|
+
className: `${prefixCls}-tab-badge`,
|
|
66
|
+
count: badge
|
|
67
|
+
});
|
|
68
|
+
}, [prefixCls]);
|
|
69
|
+
let newItems = (0, _useLegacyItems.default)(items, children);
|
|
70
|
+
newItems = newItems?.map(item => {
|
|
71
|
+
if (!(0, _util.isNullValue)(item.divider)) {
|
|
72
|
+
return {
|
|
73
|
+
...item,
|
|
74
|
+
key: `divider-${dividerList?.indexOf(item)}`,
|
|
75
|
+
label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Divider
|
|
76
|
+
// horizontal tabs => vertical divider
|
|
77
|
+
, {
|
|
78
|
+
type: isHorizontal ? 'vertical' : 'horizontal',
|
|
79
|
+
className: `${prefixCls}-divider`
|
|
80
|
+
}),
|
|
81
|
+
disabled: true
|
|
82
|
+
};
|
|
83
|
+
} else if (!(0, _util.isNullValue)(item.tag) || !(0, _util.isNullValue)(item.badge)) {
|
|
84
|
+
return {
|
|
85
|
+
...item,
|
|
86
|
+
label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
|
|
87
|
+
size: 4,
|
|
88
|
+
children: [item.label, item.badge && renderBadge(item.badge), !(0, _util.isNullValue)(item.tag) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tag, {
|
|
89
|
+
bordered: false,
|
|
90
|
+
className: `${prefixCls}-tab-tag`,
|
|
91
|
+
children: item.tag
|
|
92
|
+
})]
|
|
93
|
+
})
|
|
94
|
+
};
|
|
95
|
+
}
|
|
96
|
+
return item;
|
|
97
|
+
});
|
|
98
|
+
return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tabs, {
|
|
99
|
+
ref: ref,
|
|
100
|
+
items: newItems,
|
|
101
|
+
type: type,
|
|
102
|
+
tabPosition: tabPosition,
|
|
56
103
|
prefixCls: customizePrefixCls,
|
|
57
|
-
className,
|
|
104
|
+
className: tabsCls,
|
|
58
105
|
...restProps
|
|
59
|
-
}
|
|
60
|
-
const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
|
|
61
|
-
const prefixCls = getPrefixCls("tabs", customizePrefixCls);
|
|
62
|
-
const { wrapSSR } = (0, import_style.default)(prefixCls);
|
|
63
|
-
const tabsCls = (0, import_classnames.default)(className, {
|
|
64
|
-
[`${prefixCls}-no-divider`]: !divider
|
|
65
|
-
});
|
|
66
|
-
const isHorizontal = !tabPosition || tabPosition === "top" || tabPosition === "bottom";
|
|
67
|
-
const dividerList = (items == null ? void 0 : items.filter((item) => item.divider)) || [];
|
|
68
|
-
const renderBadge = (0, import_react.useCallback)(
|
|
69
|
-
(badge) => {
|
|
70
|
-
if (typeof badge === "object" && !isReactNode(badge)) {
|
|
71
|
-
return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { ...badge, className: (0, import_classnames.default)(`${prefixCls}-tab-badge`, badge.className) });
|
|
72
|
-
}
|
|
73
|
-
return /* @__PURE__ */ import_react.default.createElement(import_badge.default, { className: `${prefixCls}-tab-badge`, count: badge });
|
|
74
|
-
},
|
|
75
|
-
[prefixCls]
|
|
76
|
-
);
|
|
77
|
-
let newItems = (0, import_useLegacyItems.default)(items, children);
|
|
78
|
-
newItems = newItems == null ? void 0 : newItems.map((item) => {
|
|
79
|
-
if (!(0, import_util.isNullValue)(item.divider)) {
|
|
80
|
-
return {
|
|
81
|
-
...item,
|
|
82
|
-
key: `divider-${dividerList == null ? void 0 : dividerList.indexOf(item)}`,
|
|
83
|
-
label: /* @__PURE__ */ import_react.default.createElement(
|
|
84
|
-
import_antd.Divider,
|
|
85
|
-
{
|
|
86
|
-
type: isHorizontal ? "vertical" : "horizontal",
|
|
87
|
-
className: `${prefixCls}-divider`
|
|
88
|
-
}
|
|
89
|
-
),
|
|
90
|
-
disabled: true
|
|
91
|
-
};
|
|
92
|
-
} else if (!(0, import_util.isNullValue)(item.tag) || !(0, import_util.isNullValue)(item.badge)) {
|
|
93
|
-
return {
|
|
94
|
-
...item,
|
|
95
|
-
label: /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, item.label, item.badge && renderBadge(item.badge), !(0, import_util.isNullValue)(item.tag) && /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { bordered: false, className: `${prefixCls}-tab-tag` }, item.tag))
|
|
96
|
-
};
|
|
97
|
-
}
|
|
98
|
-
return item;
|
|
99
|
-
});
|
|
100
|
-
return wrapSSR(
|
|
101
|
-
/* @__PURE__ */ import_react.default.createElement(
|
|
102
|
-
import_antd.Tabs,
|
|
103
|
-
{
|
|
104
|
-
ref,
|
|
105
|
-
items: newItems,
|
|
106
|
-
type,
|
|
107
|
-
tabPosition,
|
|
108
|
-
prefixCls: customizePrefixCls,
|
|
109
|
-
className: tabsCls,
|
|
110
|
-
...restProps
|
|
111
|
-
}
|
|
112
|
-
)
|
|
113
|
-
);
|
|
114
|
-
}
|
|
115
|
-
);
|
|
116
|
-
Tabs.TabPane = import_TabPane.default;
|
|
117
|
-
Tabs.genTabsStyle = import_style.genTabsStyle;
|
|
118
|
-
if (process.env.NODE_ENV !== "production") {
|
|
119
|
-
Tabs.displayName = import_antd.Tabs.displayName;
|
|
120
|
-
}
|
|
121
|
-
var tabs_default = Tabs;
|
|
122
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
123
|
-
0 && (module.exports = {
|
|
124
|
-
...require("antd/es/tabs")
|
|
106
|
+
}));
|
|
125
107
|
});
|
|
108
|
+
Tabs.TabPane = _TabPane.default;
|
|
109
|
+
Tabs.genTabsStyle = _style.genTabsStyle;
|
|
110
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
111
|
+
Tabs.displayName = _antd.Tabs.displayName;
|
|
112
|
+
}
|
|
113
|
+
var _default = exports.default = Tabs;
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { CSSObject } from '@ant-design/cssinjs';
|
|
3
|
-
import type { FullToken } from '
|
|
3
|
+
import type { FullToken } from '../../theme/interface';
|
|
4
4
|
export type TabsToken = FullToken<'Tabs'>;
|
|
5
5
|
export declare const genTabsStyle: (token: Partial<TabsToken>) => CSSObject;
|
|
6
|
-
declare const _default: (prefixCls: string) =>
|
|
7
|
-
wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
8
|
-
hashId: string;
|
|
9
|
-
};
|
|
6
|
+
declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
|
|
10
7
|
export default _default;
|
package/lib/tabs/style/index.js
CHANGED
|
@@ -1,50 +1,45 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
18
2
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
__export(style_exports, {
|
|
22
|
-
default: () => style_default,
|
|
23
|
-
genTabsStyle: () => genTabsStyle
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
24
5
|
});
|
|
25
|
-
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
const {
|
|
6
|
+
exports.genTabsStyle = exports.default = void 0;
|
|
7
|
+
var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
|
|
8
|
+
const genTabsStyle = token => {
|
|
9
|
+
const {
|
|
10
|
+
antCls,
|
|
11
|
+
componentCls,
|
|
12
|
+
colorInfo,
|
|
13
|
+
colorInfoBg,
|
|
14
|
+
colorTextSecondary,
|
|
15
|
+
colorFillQuaternary
|
|
16
|
+
} = token;
|
|
29
17
|
return {
|
|
30
18
|
[componentCls]: {
|
|
31
19
|
[`&${componentCls}-no-divider`]: {
|
|
32
20
|
// divider prop work for top and bottom tabs
|
|
33
21
|
[`&${componentCls}-top, &${componentCls}-bottom`]: {
|
|
34
22
|
[`${componentCls}-nav::before`]: {
|
|
35
|
-
border:
|
|
23
|
+
border: 'none'
|
|
36
24
|
}
|
|
37
25
|
}
|
|
38
26
|
},
|
|
27
|
+
[`&${componentCls}-left, &${componentCls}-right`]: {
|
|
28
|
+
[`${componentCls}-tab[data-node-key^=divider-]`]: {
|
|
29
|
+
paddingBlock: 0
|
|
30
|
+
}
|
|
31
|
+
},
|
|
39
32
|
[`${componentCls}-tab`]: {
|
|
33
|
+
[`${componentCls}-tab-btn:hover`]: {
|
|
34
|
+
textShadow: '0 0 0.25px currentcolor'
|
|
35
|
+
},
|
|
40
36
|
/** @deprecated */
|
|
41
37
|
[`${componentCls}-tab-tag`]: {
|
|
42
38
|
color: colorTextSecondary,
|
|
43
|
-
fontFamily: "PingFangSC",
|
|
44
39
|
fontSize: 12,
|
|
45
40
|
borderRadius: 12,
|
|
46
41
|
marginInlineEnd: 0,
|
|
47
|
-
height:
|
|
42
|
+
height: token.controlHeightSM
|
|
48
43
|
},
|
|
49
44
|
[`${componentCls}-tab-badge`]: {
|
|
50
45
|
[`>${antCls}-badge-count`]: {
|
|
@@ -66,35 +61,29 @@ var genTabsStyle = (token) => {
|
|
|
66
61
|
}
|
|
67
62
|
},
|
|
68
63
|
[`${componentCls}-tab[data-node-key^=divider-]`]: {
|
|
69
|
-
cursor:
|
|
64
|
+
cursor: 'default',
|
|
70
65
|
[`${componentCls}-tab-btn`]: {
|
|
71
66
|
// make horizontal divider width 100% work
|
|
72
|
-
width:
|
|
67
|
+
width: '100%',
|
|
73
68
|
[`${componentCls}-divider`]: {
|
|
74
69
|
margin: 0,
|
|
75
70
|
[`&${antCls}-divider-vertical`]: {
|
|
76
71
|
height: token.sizeMD
|
|
77
72
|
},
|
|
78
73
|
[`&${antCls}-divider-horizontal`]: {
|
|
79
|
-
width:
|
|
74
|
+
width: '100%'
|
|
80
75
|
}
|
|
81
76
|
}
|
|
82
77
|
}
|
|
83
78
|
},
|
|
84
79
|
[`${componentCls}-ink-bar`]: {
|
|
85
80
|
// inkbar 带圆角
|
|
86
|
-
borderRadius:
|
|
81
|
+
borderRadius: '1px'
|
|
87
82
|
}
|
|
88
83
|
}
|
|
89
84
|
};
|
|
90
85
|
};
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
return useStyle(prefixCls);
|
|
96
|
-
};
|
|
97
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
98
|
-
0 && (module.exports = {
|
|
99
|
-
genTabsStyle
|
|
100
|
-
});
|
|
86
|
+
exports.genTabsStyle = genTabsStyle;
|
|
87
|
+
var _default = exports.default = (0, _genComponentStyleHook.genStyleHooks)('Tabs', token => {
|
|
88
|
+
return [genTabsStyle(token)];
|
|
89
|
+
});
|
package/lib/tag/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ import type { Ellipsis } from '../_util/getEllipsisConfig';
|
|
|
4
4
|
export * from 'antd/es/tag';
|
|
5
5
|
export interface TagProps extends AntTagProps {
|
|
6
6
|
ellipsis?: Ellipsis;
|
|
7
|
+
pill?: boolean;
|
|
7
8
|
}
|
|
8
9
|
declare const _default: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>> & {
|
|
9
10
|
CheckableTag: React.ForwardRefExoticComponent<import("antd/es/tag").CheckableTagProps & React.RefAttributes<HTMLSpanElement>>;
|
package/lib/tag/index.js
CHANGED
|
@@ -1,92 +1,82 @@
|
|
|
1
|
-
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all)
|
|
9
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from))
|
|
14
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
17
|
-
return to;
|
|
18
|
-
};
|
|
19
|
-
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
29
2
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
__export(tag_exports, {
|
|
33
|
-
default: () => tag_default
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
34
5
|
});
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
|
|
44
|
-
var
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
}, ref) => {
|
|
57
|
-
const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
|
|
58
|
-
const prefixCls = getPrefixCls("tag", customizePrefixCls);
|
|
59
|
-
const { wrapSSR } = (0, import_style.default)(prefixCls);
|
|
60
|
-
const ellipsisConfig = (0, import_getEllipsisConfig.getEllipsisConfig)(ellipsis, children);
|
|
61
|
-
const tagCls = (0, import_classnames.default)(
|
|
62
|
-
{
|
|
63
|
-
[`${prefixCls}-ellipsis`]: !!ellipsisConfig
|
|
64
|
-
},
|
|
65
|
-
className
|
|
66
|
-
);
|
|
67
|
-
const realIcon = icon ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-icon` }, icon) : null;
|
|
68
|
-
return wrapSSR(
|
|
69
|
-
/* @__PURE__ */ import_react.default.createElement(
|
|
70
|
-
import_antd.Tag,
|
|
71
|
-
{
|
|
72
|
-
ref,
|
|
73
|
-
prefixCls: customizePrefixCls,
|
|
74
|
-
className: tagCls,
|
|
75
|
-
icon: ellipsisConfig ? null : icon,
|
|
76
|
-
...restProps
|
|
77
|
-
},
|
|
78
|
-
ellipsisConfig ? /* @__PURE__ */ import_react.default.createElement(import_typography.default.Text, { ellipsis: ellipsisConfig }, realIcon, children) : children
|
|
79
|
-
)
|
|
80
|
-
);
|
|
81
|
-
}
|
|
82
|
-
);
|
|
83
|
-
if (process.env.NODE_ENV !== "production") {
|
|
84
|
-
Tag.displayName = import_antd.Tag.displayName;
|
|
85
|
-
}
|
|
86
|
-
var tag_default = Object.assign(Tag, {
|
|
87
|
-
CheckableTag: import_antd.Tag.CheckableTag
|
|
6
|
+
var _exportNames = {};
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _antd = require("antd");
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
+
var _configProvider = _interopRequireDefault(require("../config-provider"));
|
|
12
|
+
var _typography = _interopRequireDefault(require("../typography"));
|
|
13
|
+
var _style = _interopRequireDefault(require("./style"));
|
|
14
|
+
var _getEllipsisConfig = require("../_util/getEllipsisConfig");
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
+
var _tag = require("antd/es/tag");
|
|
17
|
+
Object.keys(_tag).forEach(function (key) {
|
|
18
|
+
if (key === "default" || key === "__esModule") return;
|
|
19
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
20
|
+
if (key in exports && exports[key] === _tag[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _tag[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
88
27
|
});
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
28
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
29
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
30
|
+
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; }
|
|
31
|
+
"use client";
|
|
32
|
+
const Tag = /*#__PURE__*/_react.default.forwardRef(({
|
|
33
|
+
children,
|
|
34
|
+
prefixCls: customizePrefixCls,
|
|
35
|
+
icon,
|
|
36
|
+
className,
|
|
37
|
+
color: colorProp,
|
|
38
|
+
ellipsis = {
|
|
39
|
+
tooltip: {
|
|
40
|
+
title: children
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
pill,
|
|
44
|
+
...restProps
|
|
45
|
+
}, ref) => {
|
|
46
|
+
const {
|
|
47
|
+
getPrefixCls
|
|
48
|
+
} = (0, _react.useContext)(_configProvider.default.ConfigContext);
|
|
49
|
+
const prefixCls = getPrefixCls('tag', customizePrefixCls);
|
|
50
|
+
const [wrapCSSVar] = (0, _style.default)(prefixCls);
|
|
51
|
+
const isCritical = colorProp === 'critical';
|
|
52
|
+
const ellipsisConfig = (0, _getEllipsisConfig.getEllipsisConfig)(ellipsis, children);
|
|
53
|
+
const tagCls = (0, _classnames.default)({
|
|
54
|
+
[`${prefixCls}-ellipsis`]: !!ellipsisConfig,
|
|
55
|
+
[`${prefixCls}-pill`]: pill,
|
|
56
|
+
[`${prefixCls}-critical`]: isCritical
|
|
57
|
+
}, className);
|
|
58
|
+
const realIcon = icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
59
|
+
className: `${prefixCls}-icon`,
|
|
60
|
+
children: icon
|
|
61
|
+
}) : null;
|
|
62
|
+
return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tag, {
|
|
63
|
+
ref: ref,
|
|
64
|
+
prefixCls: customizePrefixCls,
|
|
65
|
+
className: tagCls,
|
|
66
|
+
icon: ellipsisConfig ? null : icon
|
|
67
|
+
// treat critical as preset status, avoid being treated as custom color
|
|
68
|
+
,
|
|
69
|
+
color: isCritical ? undefined : colorProp,
|
|
70
|
+
...restProps,
|
|
71
|
+
children: ellipsisConfig ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_typography.default.Text, {
|
|
72
|
+
ellipsis: ellipsisConfig,
|
|
73
|
+
children: [realIcon, children]
|
|
74
|
+
}) : children
|
|
75
|
+
}));
|
|
92
76
|
});
|
|
77
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
78
|
+
Tag.displayName = _antd.Tag.displayName;
|
|
79
|
+
}
|
|
80
|
+
var _default = exports.default = Object.assign(Tag, {
|
|
81
|
+
CheckableTag: _antd.Tag.CheckableTag
|
|
82
|
+
});
|
package/lib/tag/style/index.d.ts
CHANGED
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { type FullToken } from 'antd/es/theme/internal';
|
|
3
2
|
import type { CSSObject } from '@ant-design/cssinjs';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
};
|
|
3
|
+
import type { FullToken } from '../../theme/interface';
|
|
4
|
+
export type TagToken = FullToken<'Tag'>;
|
|
7
5
|
export declare const genTagStyle: (token: TagToken) => CSSObject;
|
|
8
|
-
declare const _default: (prefixCls: string) =>
|
|
9
|
-
wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
10
|
-
hashId: string;
|
|
11
|
-
};
|
|
6
|
+
declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
|
|
12
7
|
export default _default;
|