@oceanbase/design 1.0.0-alpha.9 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/design.min.js +1 -1
- package/es/_util/document.d.ts +11 -0
- package/es/_util/document.js +65 -0
- package/es/_util/genComponentStyleHook.d.ts +19 -2
- package/es/_util/genComponentStyleHook.js +55 -20
- package/es/_util/index.d.ts +2 -0
- package/es/_util/index.js +28 -1
- package/es/_util/styleChecker.js +1 -0
- package/es/affix/index.js +1 -0
- package/es/alert/index.d.ts +1 -1
- package/es/alert/index.js +16 -4
- package/es/alert/style/index.d.ts +1 -4
- package/es/alert/style/index.js +20 -18
- package/es/anchor/index.js +1 -0
- package/es/app/index.js +10 -2
- package/es/app/style/index.d.ts +1 -4
- package/es/app/style/index.js +3 -6
- 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 +39 -14
- package/es/badge/style/index.d.ts +1 -4
- package/es/badge/style/index.js +9 -7
- package/es/breadcrumb/Breadcrumb.js +1 -0
- package/es/breadcrumb/index.js +1 -0
- package/es/button/index.js +19 -6
- package/es/button/style/index.d.ts +3 -4
- package/es/button/style/index.js +43 -9
- package/es/calendar/index.js +1 -0
- package/es/card/index.d.ts +4 -0
- package/es/card/index.js +36 -18
- package/es/card/style/index.d.ts +1 -4
- package/es/card/style/index.js +72 -32
- 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 +1 -4
- package/es/checkbox/style/index.js +7 -8
- 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/index.d.ts +5 -0
- package/es/config-provider/index.js +99 -48
- package/es/date-picker/index.js +1 -0
- package/es/descriptions/hooks/useItems.d.ts +9 -9
- package/es/descriptions/hooks/useItems.js +1 -0
- package/es/descriptions/index.js +4 -2
- package/es/descriptions/style/index.d.ts +2 -5
- package/es/descriptions/style/index.js +18 -5
- package/es/divider/index.js +1 -0
- package/es/drawer/index.d.ts +2 -0
- package/es/drawer/index.js +38 -4
- package/es/drawer/style/index.d.ts +1 -4
- package/es/drawer/style/index.js +27 -8
- package/es/dropdown/dropdown-button.js +27 -6
- package/es/dropdown/index.js +29 -3
- package/es/dropdown/style/index.d.ts +6 -0
- package/es/dropdown/style/index.js +22 -0
- 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 +4 -2
- package/es/empty/style/index.d.ts +1 -4
- package/es/empty/style/index.js +5 -6
- package/es/filter/FilterContext.d.ts +27 -0
- package/es/filter/FilterContext.js +26 -0
- package/es/filter/components/ClearIcon.d.ts +6 -0
- package/es/filter/components/ClearIcon.js +26 -0
- package/es/filter/components/CountNumber.d.ts +8 -0
- package/es/filter/components/CountNumber.js +20 -0
- package/es/filter/components/FilterButton.d.ts +34 -0
- package/es/filter/components/FilterButton.js +221 -0
- package/es/filter/components/FilterCascader/components/CascaderOption/OptionCheckbox.d.ts +20 -0
- package/es/filter/components/FilterCascader/components/CascaderOption/OptionCheckbox.js +101 -0
- package/es/filter/components/FilterCascader/components/CascaderOption/OptionItem.d.ts +13 -0
- package/es/filter/components/FilterCascader/components/CascaderOption/OptionItem.js +44 -0
- package/es/filter/components/FilterCascader/components/FlatCascaderContent/index.d.ts +17 -0
- package/es/filter/components/FilterCascader/components/FlatCascaderContent/index.js +78 -0
- package/es/filter/components/FilterCascader/components/NormalCascaderContent.d.ts +24 -0
- package/es/filter/components/FilterCascader/components/NormalCascaderContent.js +279 -0
- package/es/filter/components/FilterCascader/constants.d.ts +7 -0
- package/es/filter/components/FilterCascader/constants.js +8 -0
- package/es/filter/components/FilterCascader/hooks/useCascaderCallbacks.d.ts +12 -0
- package/es/filter/components/FilterCascader/hooks/useCascaderCallbacks.js +101 -0
- package/es/filter/components/FilterCascader/hooks/useCascaderLabels.d.ts +9 -0
- package/es/filter/components/FilterCascader/hooks/useCascaderLabels.js +50 -0
- package/es/filter/components/FilterCascader/hooks/useNormalizedValue.d.ts +7 -0
- package/es/filter/components/FilterCascader/hooks/useNormalizedValue.js +53 -0
- package/es/filter/components/FilterCascader/index.d.ts +5 -0
- package/es/filter/components/FilterCascader/index.js +317 -0
- package/es/filter/components/FilterCascader/types.d.ts +56 -0
- package/es/filter/components/FilterCascader/types.js +1 -0
- package/es/filter/components/FilterCascader/utils/countUtils.d.ts +13 -0
- package/es/filter/components/FilterCascader/utils/countUtils.js +48 -0
- package/es/filter/components/FilterCascader/utils/pathUtils.d.ts +17 -0
- package/es/filter/components/FilterCascader/utils/pathUtils.js +91 -0
- package/es/filter/components/FilterCheckbox.d.ts +26 -0
- package/es/filter/components/FilterCheckbox.js +358 -0
- package/es/filter/components/FilterInput.d.ts +18 -0
- package/es/filter/components/FilterInput.js +148 -0
- package/es/filter/components/FilterRange.d.ts +19 -0
- package/es/filter/components/FilterRange.js +201 -0
- package/es/filter/components/FilterSelect.d.ts +23 -0
- package/es/filter/components/FilterSelect.js +245 -0
- package/es/filter/components/FilterSlot.d.ts +28 -0
- package/es/filter/components/FilterSlot.js +189 -0
- package/es/filter/components/FilterSwitch.d.ts +13 -0
- package/es/filter/components/FilterSwitch.js +102 -0
- package/es/filter/components/FilterWrap.d.ts +20 -0
- package/es/filter/components/FilterWrap.js +329 -0
- package/es/filter/components/ResponsiveFilterGroup.d.ts +27 -0
- package/es/filter/components/ResponsiveFilterGroup.js +477 -0
- package/es/filter/components/WrappedTagsDisplay.d.ts +22 -0
- package/es/filter/components/WrappedTagsDisplay.js +80 -0
- package/es/filter/hooks/index.d.ts +4 -0
- package/es/filter/hooks/index.js +3 -0
- package/es/filter/hooks/useControlledState.d.ts +9 -0
- package/es/filter/hooks/useControlledState.js +37 -0
- package/es/filter/hooks/useFilterCollapsed.d.ts +8 -0
- package/es/filter/hooks/useFilterCollapsed.js +15 -0
- package/es/filter/hooks/useFilterTooltip.d.ts +29 -0
- package/es/filter/hooks/useFilterTooltip.js +127 -0
- package/es/filter/index.d.ts +24 -0
- package/es/filter/index.js +27 -0
- package/es/filter/style/index.d.ts +15 -0
- package/es/filter/style/index.js +245 -0
- package/es/filter/type.d.ts +41 -0
- package/es/filter/type.js +1 -0
- package/es/filter/utils.d.ts +50 -0
- package/es/filter/utils.js +189 -0
- package/es/float-button/index.js +1 -0
- package/es/form/FormItem.d.ts +1 -1
- package/es/form/FormItem.js +10 -2
- package/es/form/index.js +10 -2
- package/es/form/style/index.d.ts +1 -4
- package/es/form/style/index.js +6 -7
- 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 +178 -1
- package/es/index.js +3 -1
- package/es/input/Input.js +10 -2
- package/es/input/Password.js +10 -2
- package/es/input/Search.js +10 -2
- package/es/input/TextArea.js +10 -2
- package/es/input/index.js +1 -0
- package/es/input/style/index.d.ts +1 -4
- package/es/input/style/index.js +23 -9
- package/es/input-number/index.js +10 -2
- package/es/input-number/style/index.d.ts +2 -5
- package/es/input-number/style/index.js +14 -10
- package/es/layout/index.js +1 -0
- package/es/list/index.js +1 -0
- package/es/locale/en-US.js +10 -2
- package/es/locale/index.d.ts +11 -0
- package/es/locale/index.js +1 -0
- package/es/locale/ja-JP.js +10 -2
- package/es/locale/zh-CN.js +10 -2
- package/es/locale/zh-TW.js +10 -2
- 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 +3 -1
- package/es/modal/Modal.js +49 -8
- package/es/modal/Progress.js +1 -0
- package/es/modal/index.js +1 -0
- package/es/modal/style/index.d.ts +1 -4
- package/es/modal/style/index.js +39 -13
- 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/RadioButton.d.ts +8 -0
- package/es/radio/RadioButton.js +42 -0
- package/es/radio/index.d.ts +4 -0
- package/es/radio/index.js +12 -3
- package/es/radio/style/index.d.ts +1 -4
- package/es/radio/style/index.js +27 -9
- 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.js +10 -2
- package/es/result/style/index.d.ts +1 -4
- package/es/result/style/index.js +3 -6
- package/es/segmented/index.js +10 -2
- package/es/segmented/style/index.d.ts +1 -4
- package/es/segmented/style/index.js +3 -6
- package/es/select/index.js +10 -2
- package/es/select/style/index.d.ts +1 -4
- package/es/select/style/index.js +13 -8
- package/es/skeleton/index.js +1 -0
- package/es/slider/index.js +10 -2
- package/es/slider/style/index.d.ts +1 -4
- package/es/slider/style/index.js +3 -6
- package/es/space/index.js +10 -2
- package/es/space/style/index.d.ts +1 -4
- package/es/space/style/index.js +3 -6
- package/es/spin/assets/spin-gray.json +1 -1
- package/es/spin/assets/spin.json +1 -1
- package/es/spin/index.js +10 -2
- package/es/spin/style/index.d.ts +1 -4
- package/es/spin/style/index.js +29 -30
- package/es/static-function/index.d.ts +176 -1
- package/es/static-function/index.js +5 -1
- package/es/statistic/index.js +1 -0
- package/es/steps/index.js +1 -0
- package/es/style/global.d.ts +1 -0
- package/es/style/global.js +59 -11
- package/es/switch/index.js +10 -2
- package/es/switch/style/index.d.ts +1 -4
- package/es/switch/style/index.js +7 -8
- package/es/table/index.d.ts +1 -4
- package/es/table/index.js +256 -22
- package/es/table/style/index.d.ts +1 -4
- package/es/table/style/index.js +166 -38
- 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 +1 -4
- package/es/tabs/style/index.js +6 -7
- package/es/tag/index.js +20 -5
- package/es/tag/style/index.d.ts +1 -4
- package/es/tag/style/index.js +43 -21
- package/es/theme/default.d.ts +17 -0
- package/es/theme/default.js +161 -27
- package/es/theme/index.d.ts +2 -0
- package/es/theme/index.js +13 -1
- package/es/theme/interface.d.ts +38 -0
- package/es/theme/obToken.d.ts +206 -0
- package/es/theme/obToken.js +255 -0
- package/es/{style/cssVariablesMeta.d.ts → theme/obTokenMeta.d.ts} +5 -5
- package/es/theme/obTokenMeta.js +937 -0
- package/es/theme/style/aliyun.less +1 -1
- package/es/theme/style/compact.less +65 -62
- package/es/theme/style/dark.less +1 -1
- package/es/theme/style/default.less +66 -63
- 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 +1 -4
- 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 +1 -4
- 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 +9 -8
- package/es/upload/index.js +1 -0
- package/es/watermark/index.js +1 -0
- package/lib/_util/document.d.ts +11 -0
- package/lib/_util/document.js +74 -0
- package/lib/_util/genComponentStyleHook.d.ts +19 -2
- package/lib/_util/genComponentStyleHook.js +60 -64
- package/lib/_util/getEllipsisConfig.js +16 -39
- package/lib/_util/index.d.ts +2 -0
- package/lib/_util/index.js +51 -29
- package/lib/_util/styleChecker.js +32 -53
- package/lib/_util/type.js +4 -16
- package/lib/_util/useFlexGapSupport.js +11 -36
- package/lib/affix/index.js +15 -22
- package/lib/alert/index.d.ts +1 -1
- package/lib/alert/index.js +65 -83
- package/lib/alert/style/index.d.ts +1 -4
- package/lib/alert/style/index.js +109 -113
- package/lib/anchor/index.js +26 -24
- package/lib/app/index.js +47 -55
- package/lib/app/style/index.d.ts +1 -4
- package/lib/app/style/index.js +14 -36
- package/lib/auto-complete/index.js +15 -22
- package/lib/avatar/index.js +26 -24
- package/lib/badge/index.d.ts +2 -0
- package/lib/badge/index.js +108 -105
- package/lib/badge/style/index.d.ts +1 -4
- package/lib/badge/style/index.js +25 -43
- package/lib/breadcrumb/Breadcrumb.js +15 -22
- package/lib/breadcrumb/index.js +31 -32
- package/lib/button/index.js +56 -61
- package/lib/button/style/index.d.ts +3 -4
- package/lib/button/style/index.js +69 -37
- package/lib/calendar/index.js +15 -22
- package/lib/card/Card.js +14 -21
- package/lib/card/index.d.ts +4 -0
- package/lib/card/index.js +202 -190
- package/lib/card/style/index.d.ts +1 -4
- package/lib/card/style/index.js +139 -87
- package/lib/carousel/index.js +15 -22
- package/lib/cascader/index.js +15 -22
- package/lib/checkbox/index.js +52 -70
- package/lib/checkbox/style/index.d.ts +1 -4
- package/lib/checkbox/style/index.js +24 -39
- package/lib/collapse/index.js +15 -22
- package/lib/color-picker/index.js +15 -22
- package/lib/color-picker/interface.js +14 -21
- package/lib/config-provider/DefaultRenderEmpty.js +34 -49
- package/lib/config-provider/SizeContext.js +14 -21
- package/lib/config-provider/context.js +14 -21
- package/lib/config-provider/index.d.ts +5 -0
- package/lib/config-provider/index.js +257 -233
- package/lib/config-provider/navigate.js +4 -16
- package/lib/date-picker/index.js +15 -22
- package/lib/descriptions/Item.js +6 -24
- package/lib/descriptions/hooks/useItems.d.ts +9 -9
- package/lib/descriptions/hooks/useItems.js +50 -73
- package/lib/descriptions/index.js +83 -102
- package/lib/descriptions/style/index.d.ts +2 -5
- package/lib/descriptions/style/index.js +69 -65
- package/lib/divider/index.js +15 -22
- package/lib/drawer/index.d.ts +2 -0
- package/lib/drawer/index.js +139 -128
- package/lib/drawer/style/index.d.ts +1 -4
- package/lib/drawer/style/index.js +64 -55
- package/lib/dropdown/dropdown-button.js +34 -29
- package/lib/dropdown/index.js +47 -47
- package/lib/dropdown/style/index.d.ts +6 -0
- package/lib/dropdown/style/index.js +35 -0
- package/lib/empty/colored.js +198 -315
- package/lib/empty/database.js +117 -186
- package/lib/empty/default.js +53 -49
- package/lib/empty/guide.js +145 -225
- package/lib/empty/index.js +77 -96
- package/lib/empty/style/index.d.ts +1 -4
- package/lib/empty/style/index.js +31 -47
- package/lib/filter/FilterContext.d.ts +27 -0
- package/lib/filter/FilterContext.js +33 -0
- package/lib/filter/components/ClearIcon.d.ts +6 -0
- package/lib/filter/components/ClearIcon.js +35 -0
- package/lib/filter/components/CountNumber.d.ts +8 -0
- package/lib/filter/components/CountNumber.js +30 -0
- package/lib/filter/components/FilterButton.d.ts +34 -0
- package/lib/filter/components/FilterButton.js +194 -0
- package/lib/filter/components/FilterCascader/components/CascaderOption/OptionCheckbox.d.ts +20 -0
- package/lib/filter/components/FilterCascader/components/CascaderOption/OptionCheckbox.js +91 -0
- package/lib/filter/components/FilterCascader/components/CascaderOption/OptionItem.d.ts +13 -0
- package/lib/filter/components/FilterCascader/components/CascaderOption/OptionItem.js +51 -0
- package/lib/filter/components/FilterCascader/components/FlatCascaderContent/index.d.ts +17 -0
- package/lib/filter/components/FilterCascader/components/FlatCascaderContent/index.js +77 -0
- package/lib/filter/components/FilterCascader/components/NormalCascaderContent.d.ts +24 -0
- package/lib/filter/components/FilterCascader/components/NormalCascaderContent.js +258 -0
- package/lib/filter/components/FilterCascader/constants.d.ts +7 -0
- package/lib/filter/components/FilterCascader/constants.js +14 -0
- package/lib/filter/components/FilterCascader/hooks/useCascaderCallbacks.d.ts +12 -0
- package/lib/filter/components/FilterCascader/hooks/useCascaderCallbacks.js +81 -0
- package/lib/filter/components/FilterCascader/hooks/useCascaderLabels.d.ts +9 -0
- package/lib/filter/components/FilterCascader/hooks/useCascaderLabels.js +56 -0
- package/lib/filter/components/FilterCascader/hooks/useNormalizedValue.d.ts +7 -0
- package/lib/filter/components/FilterCascader/hooks/useNormalizedValue.js +48 -0
- package/lib/filter/components/FilterCascader/index.d.ts +5 -0
- package/lib/filter/components/FilterCascader/index.js +298 -0
- package/lib/filter/components/FilterCascader/types.d.ts +56 -0
- package/lib/filter/components/FilterCascader/types.js +5 -0
- package/lib/filter/components/FilterCascader/utils/countUtils.d.ts +13 -0
- package/lib/filter/components/FilterCascader/utils/countUtils.js +49 -0
- package/lib/filter/components/FilterCascader/utils/pathUtils.d.ts +17 -0
- package/lib/filter/components/FilterCascader/utils/pathUtils.js +56 -0
- package/lib/filter/components/FilterCheckbox.d.ts +26 -0
- package/lib/filter/components/FilterCheckbox.js +319 -0
- package/lib/filter/components/FilterInput.d.ts +18 -0
- package/lib/filter/components/FilterInput.js +134 -0
- package/lib/filter/components/FilterRange.d.ts +19 -0
- package/lib/filter/components/FilterRange.js +186 -0
- package/lib/filter/components/FilterSelect.d.ts +23 -0
- package/lib/filter/components/FilterSelect.js +221 -0
- package/lib/filter/components/FilterSlot.d.ts +28 -0
- package/lib/filter/components/FilterSlot.js +174 -0
- package/lib/filter/components/FilterSwitch.d.ts +13 -0
- package/lib/filter/components/FilterSwitch.js +91 -0
- package/lib/filter/components/FilterWrap.d.ts +20 -0
- package/lib/filter/components/FilterWrap.js +306 -0
- package/lib/filter/components/ResponsiveFilterGroup.d.ts +27 -0
- package/lib/filter/components/ResponsiveFilterGroup.js +412 -0
- package/lib/filter/components/WrappedTagsDisplay.d.ts +22 -0
- package/lib/filter/components/WrappedTagsDisplay.js +84 -0
- package/lib/filter/hooks/index.d.ts +4 -0
- package/lib/filter/hooks/index.js +26 -0
- package/lib/filter/hooks/useControlledState.d.ts +9 -0
- package/lib/filter/hooks/useControlledState.js +34 -0
- package/lib/filter/hooks/useFilterCollapsed.d.ts +8 -0
- package/lib/filter/hooks/useFilterCollapsed.js +21 -0
- package/lib/filter/hooks/useFilterTooltip.d.ts +29 -0
- package/lib/filter/hooks/useFilterTooltip.js +121 -0
- package/lib/filter/index.d.ts +24 -0
- package/lib/filter/index.js +45 -0
- package/lib/filter/style/index.d.ts +15 -0
- package/lib/filter/style/index.js +308 -0
- package/lib/filter/type.d.ts +41 -0
- package/lib/filter/type.js +5 -0
- package/lib/filter/utils.d.ts +50 -0
- package/lib/filter/utils.js +192 -0
- package/lib/float-button/index.js +15 -22
- package/lib/float-button/interface.js +14 -21
- package/lib/form/FormItem.d.ts +1 -1
- package/lib/form/FormItem.js +78 -85
- package/lib/form/index.js +58 -79
- package/lib/form/interface.js +14 -21
- package/lib/form/style/index.d.ts +1 -4
- package/lib/form/style/index.js +20 -40
- package/lib/grid/col.js +28 -46
- package/lib/grid/index.js +25 -44
- package/lib/grid/row.js +30 -46
- package/lib/image/index.js +15 -22
- package/lib/index.d.ts +178 -1
- package/lib/index.js +363 -154
- package/lib/input/Input.js +64 -78
- package/lib/input/Password.js +59 -77
- package/lib/input/Search.js +59 -77
- package/lib/input/TextArea.js +59 -77
- package/lib/input/index.js +30 -50
- package/lib/input/style/index.d.ts +1 -4
- package/lib/input/style/index.js +45 -36
- package/lib/input-number/index.js +56 -77
- package/lib/input-number/style/index.d.ts +2 -5
- package/lib/input-number/style/index.js +30 -38
- package/lib/layout/index.js +15 -22
- package/lib/list/index.js +52 -60
- package/lib/locale/en-US.js +29 -48
- package/lib/locale/index.d.ts +11 -0
- package/lib/locale/index.js +24 -38
- package/lib/locale/ja-JP.js +29 -48
- package/lib/locale/useLocale.js +6 -24
- package/lib/locale/zh-CN.js +29 -48
- package/lib/locale/zh-TW.js +29 -48
- package/lib/lottie/index.js +61 -81
- package/lib/mentions/index.js +15 -22
- package/lib/menu/index.js +15 -22
- package/lib/menu/interface.js +14 -21
- package/lib/message/index.js +15 -22
- package/lib/message/interface.js +14 -21
- package/lib/modal/Modal.d.ts +3 -1
- package/lib/modal/Modal.js +99 -81
- package/lib/modal/Progress.js +44 -62
- package/lib/modal/index.js +23 -43
- package/lib/modal/interface.js +14 -21
- package/lib/modal/style/index.d.ts +1 -4
- package/lib/modal/style/index.js +67 -51
- package/lib/notification/index.js +15 -22
- package/lib/notification/interface.js +14 -21
- package/lib/pagination/index.js +15 -22
- package/lib/popconfirm/index.js +15 -22
- package/lib/popover/index.js +15 -22
- package/lib/progress/index.js +26 -24
- package/lib/progress/progress.js +14 -21
- package/lib/qrcode/index.js +15 -22
- package/lib/qrcode/interface.js +14 -21
- package/lib/radio/RadioButton.d.ts +8 -0
- package/lib/radio/RadioButton.js +44 -0
- package/lib/radio/index.d.ts +4 -0
- package/lib/radio/index.js +54 -63
- package/lib/radio/interface.js +14 -21
- package/lib/radio/style/index.d.ts +1 -4
- package/lib/radio/style/index.js +59 -38
- package/lib/rate/index.js +15 -22
- package/lib/result/403.js +164 -196
- package/lib/result/404.js +291 -355
- package/lib/result/500.js +156 -260
- package/lib/result/Error.js +126 -161
- package/lib/result/Processing.js +320 -253
- package/lib/result/Success.js +202 -262
- package/lib/result/Warning.js +302 -435
- package/lib/result/index.js +65 -81
- package/lib/result/style/index.d.ts +1 -4
- package/lib/result/style/index.js +16 -39
- package/lib/segmented/index.js +86 -84
- package/lib/segmented/style/index.d.ts +1 -4
- package/lib/segmented/style/index.js +20 -40
- package/lib/select/index.js +63 -82
- package/lib/select/style/index.d.ts +1 -4
- package/lib/select/style/index.js +29 -37
- package/lib/skeleton/index.js +15 -22
- package/lib/slider/index.js +48 -59
- package/lib/slider/style/index.d.ts +1 -4
- package/lib/slider/style/index.js +20 -41
- package/lib/space/index.js +62 -69
- package/lib/space/style/index.d.ts +1 -4
- package/lib/space/style/index.js +17 -40
- package/lib/spin/assets/spin-gray.json +1 -1
- package/lib/spin/assets/spin.json +1 -1
- package/lib/spin/index.js +58 -77
- package/lib/spin/style/index.d.ts +1 -4
- package/lib/spin/style/index.js +54 -58
- package/lib/static-function/index.d.ts +176 -1
- package/lib/static-function/index.js +51 -74
- package/lib/statistic/index.js +15 -22
- package/lib/steps/index.js +15 -22
- package/lib/style/global.d.ts +1 -0
- package/lib/style/global.js +187 -145
- package/lib/switch/index.js +52 -61
- package/lib/switch/style/index.d.ts +1 -4
- package/lib/switch/style/index.js +17 -37
- package/lib/table/hooks/useDefaultPagination.js +18 -46
- package/lib/table/index.d.ts +1 -4
- package/lib/table/index.js +413 -198
- package/lib/table/interface.js +14 -21
- package/lib/table/style/index.d.ts +1 -4
- package/lib/table/style/index.js +288 -94
- package/lib/tabs/TabPane.js +7 -25
- package/lib/tabs/hooks/useLegacyItems.js +27 -44
- package/lib/tabs/index.js +107 -125
- package/lib/tabs/style/index.d.ts +1 -4
- package/lib/tabs/style/index.js +26 -41
- package/lib/tag/index.js +81 -95
- package/lib/tag/style/index.d.ts +1 -4
- package/lib/tag/style/index.js +64 -64
- package/lib/theme/aliyun.js +7 -34
- package/lib/theme/compact.js +9 -36
- package/lib/theme/dark.js +9 -36
- package/lib/theme/default.d.ts +17 -0
- package/lib/theme/default.js +263 -229
- package/lib/theme/index.d.ts +2 -0
- package/lib/theme/index.js +61 -56
- package/lib/theme/interface.d.ts +38 -0
- package/lib/theme/interface.js +14 -21
- package/lib/theme/internal.js +14 -21
- package/lib/theme/obToken.d.ts +206 -0
- package/lib/theme/obToken.js +462 -0
- package/lib/{style/cssVariablesMeta.d.ts → theme/obTokenMeta.d.ts} +5 -5
- package/{es/style/cssVariablesMeta.js → lib/theme/obTokenMeta.js} +352 -383
- package/lib/theme/style/aliyun.less +1 -1
- package/lib/theme/style/compact.less +65 -62
- package/lib/theme/style/dark.less +1 -1
- package/lib/theme/style/default.less +66 -63
- 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 -22
- package/lib/timeline/index.js +15 -22
- package/lib/tooltip/MouseTooltip.js +84 -99
- package/lib/tooltip/ReactStickyMouseTooltip.js +63 -89
- package/lib/tooltip/hooks/useTooltipTypeList.js +28 -61
- package/lib/tooltip/index.js +122 -137
- package/lib/tooltip/style/index.d.ts +1 -4
- package/lib/tooltip/style/index.js +26 -50
- package/lib/tour/index.js +15 -22
- package/lib/tour/interface.js +14 -21
- package/lib/transfer/index.js +15 -22
- package/lib/transfer/interface.js +14 -21
- package/lib/tree/index.js +15 -22
- package/lib/tree-select/index.js +66 -85
- package/lib/tree-select/style/index.d.ts +1 -4
- package/lib/tree-select/style/index.js +10 -35
- package/lib/typography/Link.js +54 -69
- package/lib/typography/Paragraph.js +54 -69
- package/lib/typography/Text.d.ts +1 -0
- package/lib/typography/Text.js +55 -69
- package/lib/typography/Title.js +54 -69
- 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 -58
- package/lib/typography/style/index.d.ts +2 -5
- package/lib/typography/style/index.js +35 -49
- package/lib/upload/index.js +15 -22
- package/lib/upload/interface.js +14 -21
- package/lib/watermark/index.js +15 -22
- package/package.json +8 -8
- package/es/style/cssVariables.d.ts +0 -25
- package/es/style/cssVariables.js +0 -48
- package/lib/style/cssVariables.d.ts +0 -25
- package/lib/style/cssVariables.js +0 -261
- package/lib/style/cssVariablesMeta.js +0 -1059
package/lib/theme/default.js
CHANGED
|
@@ -1,141 +1,108 @@
|
|
|
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(default_exports, {
|
|
22
|
-
black: () => black,
|
|
23
|
-
blue1: () => blue1,
|
|
24
|
-
blue2: () => blue2,
|
|
25
|
-
blue3: () => blue3,
|
|
26
|
-
blue4: () => blue4,
|
|
27
|
-
blue5: () => blue5,
|
|
28
|
-
blue6: () => blue6,
|
|
29
|
-
colorNaviBg: () => colorNaviBg,
|
|
30
|
-
colorNaviBgHover: () => colorNaviBgHover,
|
|
31
|
-
default: () => default_default,
|
|
32
|
-
fontFamilyEn: () => fontFamilyEn,
|
|
33
|
-
fontWeightEn: () => fontWeightEn,
|
|
34
|
-
fontWeightStrongEn: () => fontWeightStrongEn,
|
|
35
|
-
fontWeightWeakEn: () => fontWeightWeakEn,
|
|
36
|
-
fuchsia1: () => fuchsia1,
|
|
37
|
-
fuchsia2: () => fuchsia2,
|
|
38
|
-
fuchsia3: () => fuchsia3,
|
|
39
|
-
fuchsia4: () => fuchsia4,
|
|
40
|
-
fuchsia5: () => fuchsia5,
|
|
41
|
-
fuchsia6: () => fuchsia6,
|
|
42
|
-
gray1: () => gray1,
|
|
43
|
-
gray10: () => gray10,
|
|
44
|
-
gray2: () => gray2,
|
|
45
|
-
gray3: () => gray3,
|
|
46
|
-
gray4: () => gray4,
|
|
47
|
-
gray5: () => gray5,
|
|
48
|
-
gray6: () => gray6,
|
|
49
|
-
gray7: () => gray7,
|
|
50
|
-
gray8: () => gray8,
|
|
51
|
-
gray9: () => gray9,
|
|
52
|
-
green1: () => green1,
|
|
53
|
-
green2: () => green2,
|
|
54
|
-
green3: () => green3,
|
|
55
|
-
green4: () => green4,
|
|
56
|
-
green5: () => green5,
|
|
57
|
-
green6: () => green6,
|
|
58
|
-
orange1: () => orange1,
|
|
59
|
-
orange2: () => orange2,
|
|
60
|
-
orange3: () => orange3,
|
|
61
|
-
orange4: () => orange4,
|
|
62
|
-
orange5: () => orange5,
|
|
63
|
-
orange6: () => orange6,
|
|
64
|
-
red1: () => red1,
|
|
65
|
-
red2: () => red2,
|
|
66
|
-
red3: () => red3,
|
|
67
|
-
red4: () => red4,
|
|
68
|
-
red5: () => red5,
|
|
69
|
-
red6: () => red6,
|
|
70
|
-
white: () => white
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
71
5
|
});
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
var
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
6
|
+
exports.green6 = exports.green5 = exports.green4 = exports.green3 = exports.green2 = exports.green1 = exports.gray9 = exports.gray8 = exports.gray7 = exports.gray6 = exports.gray5 = exports.gray4 = exports.gray3 = exports.gray2 = exports.gray10 = exports.gray1 = exports.fuchsia6 = exports.fuchsia5 = exports.fuchsia4 = exports.fuchsia3 = exports.fuchsia2 = exports.fuchsia1 = exports.fontWeightWeakEn = exports.fontWeightStrongEn = exports.fontWeightEn = exports.fontSizeEn = exports.fontSizeCn = exports.fontHeightCn = exports.fontFamilyEn = exports.default = exports.colorNaviBgHover = exports.colorNaviBg = exports.blue6 = exports.blue5 = exports.blue4 = exports.blue3 = exports.blue2 = exports.blue1 = exports.black = void 0;
|
|
7
|
+
exports.isCnLikeLocale = isCnLikeLocale;
|
|
8
|
+
exports.isEnLikeLocale = isEnLikeLocale;
|
|
9
|
+
exports.white = exports.tableCellFontSizeEn = exports.red6 = exports.red5 = exports.red4 = exports.red3 = exports.red2 = exports.red1 = exports.orange6 = exports.orange5 = exports.orange4 = exports.orange3 = exports.orange2 = exports.orange1 = exports.lineHeightCn = void 0;
|
|
10
|
+
var _format = require("./util/format");
|
|
11
|
+
// ==================== 基础颜色 Token ====================
|
|
12
|
+
// 中性色 Neutral
|
|
13
|
+
const white = exports.white = '#ffffff';
|
|
14
|
+
const gray1 = exports.gray1 = '#fbfcfe';
|
|
15
|
+
const gray2 = exports.gray2 = '#f5f7fc';
|
|
16
|
+
const gray3 = exports.gray3 = '#ebeff7';
|
|
17
|
+
const gray4 = exports.gray4 = '#e2e8f3';
|
|
18
|
+
const gray5 = exports.gray5 = '#cdd5e4';
|
|
19
|
+
const gray6 = exports.gray6 = '#b6c0d4';
|
|
20
|
+
const gray7 = exports.gray7 = '#8592ad';
|
|
21
|
+
const gray8 = exports.gray8 = '#5c6b8a';
|
|
22
|
+
const gray9 = exports.gray9 = '#3b4a69';
|
|
23
|
+
const gray10 = exports.gray10 = '#132039';
|
|
24
|
+
const black = exports.black = '#000000';
|
|
25
|
+
|
|
26
|
+
// 蓝色 Blue
|
|
27
|
+
const blue1 = exports.blue1 = '#f3f8fe';
|
|
28
|
+
const blue2 = exports.blue2 = '#b3d3ff';
|
|
29
|
+
const blue3 = exports.blue3 = '#619ef3';
|
|
30
|
+
const blue4 = exports.blue4 = '#0d6cf2';
|
|
31
|
+
const blue5 = exports.blue5 = '#0852bb';
|
|
32
|
+
const blue6 = exports.blue6 = '#0d3c80';
|
|
33
|
+
|
|
34
|
+
// 绿色 Green
|
|
35
|
+
const green1 = exports.green1 = '#f5faf8';
|
|
36
|
+
const green2 = exports.green2 = '#b3e6d5';
|
|
37
|
+
const green3 = exports.green3 = '#79d1b4';
|
|
38
|
+
const green4 = exports.green4 = '#16b882';
|
|
39
|
+
const green5 = exports.green5 = '#0a8c61';
|
|
40
|
+
const green6 = exports.green6 = '#09593f';
|
|
41
|
+
|
|
42
|
+
// 橙色 Orange
|
|
43
|
+
const orange1 = exports.orange1 = '#fff9ee';
|
|
44
|
+
const orange2 = exports.orange2 = '#ffe7c2';
|
|
45
|
+
const orange3 = exports.orange3 = '#fac373';
|
|
46
|
+
const orange4 = exports.orange4 = '#f49f25';
|
|
47
|
+
const orange5 = exports.orange5 = '#ac690b';
|
|
48
|
+
const orange6 = exports.orange6 = '#6c4408';
|
|
49
|
+
|
|
50
|
+
// 红色 Red
|
|
51
|
+
const red1 = exports.red1 = '#fff2f2';
|
|
52
|
+
const red2 = exports.red2 = '#ffd6d6';
|
|
53
|
+
const red3 = exports.red3 = '#f69898';
|
|
54
|
+
const red4 = exports.red4 = '#eb4242';
|
|
55
|
+
const red5 = exports.red5 = '#b52727';
|
|
56
|
+
const red6 = exports.red6 = '#8a1b1b';
|
|
57
|
+
|
|
58
|
+
// 紫色 Fuchsia
|
|
59
|
+
const fuchsia1 = exports.fuchsia1 = '#faf0fc';
|
|
60
|
+
const fuchsia2 = exports.fuchsia2 = '#e8caee';
|
|
61
|
+
const fuchsia3 = exports.fuchsia3 = '#d88ee7';
|
|
62
|
+
const fuchsia4 = exports.fuchsia4 = '#b04ec4';
|
|
63
|
+
const fuchsia5 = exports.fuchsia5 = '#802792';
|
|
64
|
+
const fuchsia6 = exports.fuchsia6 = '#580e67';
|
|
65
|
+
|
|
66
|
+
// 导航特殊色
|
|
67
|
+
const colorNaviBg = exports.colorNaviBg = '#f1f6ff';
|
|
68
|
+
const colorNaviBgHover = exports.colorNaviBgHover = '#e8effb';
|
|
69
|
+
|
|
70
|
+
// ==================== 基础 Token 别名 ====================
|
|
71
|
+
const colorPrimary = blue4;
|
|
72
|
+
const colorPrimarySecondary = '#598cf3';
|
|
73
|
+
const colorText = gray10;
|
|
74
|
+
const colorTextSecondary = gray8;
|
|
75
|
+
const colorTextTertiary = gray7;
|
|
76
|
+
const colorTextQuaternary = gray6;
|
|
77
|
+
const colorIcon = gray8;
|
|
78
|
+
const colorFill = gray5;
|
|
79
|
+
const colorFillSecondary = gray4;
|
|
80
|
+
const colorFillTertiary = gray3;
|
|
81
|
+
const colorFillQuaternary = gray2;
|
|
82
|
+
const colorBorder = gray5;
|
|
83
|
+
const colorBorderSecondary = gray4;
|
|
84
|
+
const fontSizeSM = 12;
|
|
85
|
+
const tagColorBorder = gray6;
|
|
86
|
+
const borderRadius = 4;
|
|
87
|
+
const borderRadiusMD = 6;
|
|
88
|
+
const borderRadiusLG = 8;
|
|
89
|
+
const fontFamilyEn = exports.fontFamilyEn = `Inter, 'Noto sans', sans-serif, Roboto, 'Open Sans', 'Segoe UI', 'Helvetica Neue', 'Helvetica, Arial', 'Apple Color Emoji'`;
|
|
90
|
+
const fontWeightWeakEn = exports.fontWeightWeakEn = 300;
|
|
91
|
+
const fontWeightEn = exports.fontWeightEn = 500;
|
|
92
|
+
const fontWeightStrongEn = exports.fontWeightStrongEn = 600;
|
|
93
|
+
|
|
94
|
+
/** 正文字号(非 Cn),与 token.fontSize 一致;命名对齐 fontFamilyEn / fontWeightEn */
|
|
95
|
+
const fontSizeEn = exports.fontSizeEn = 13;
|
|
96
|
+
|
|
97
|
+
/** Table 单元格字号(非 Cn),与 components.Table.cellFontSize 默认值一致 */
|
|
98
|
+
const tableCellFontSizeEn = exports.tableCellFontSizeEn = fontSizeSM;
|
|
99
|
+
|
|
100
|
+
/** Cn 正文/表内字号等 locale 主题补丁(由 config-provider `getLocaleFontSizeThemePatch` 消费) */
|
|
101
|
+
const fontSizeCn = exports.fontSizeCn = 14;
|
|
102
|
+
const fontHeightCn = exports.fontHeightCn = 22;
|
|
103
|
+
const lineHeightCn = exports.lineHeightCn = fontHeightCn / fontSizeCn;
|
|
104
|
+
const lineHeightSM = 20 / 12;
|
|
105
|
+
const defaultTheme = {
|
|
139
106
|
token: {
|
|
140
107
|
fontFamily: `-apple-system, 'Noto Sans', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,
|
|
141
108
|
fontFamilyCode: `Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace`,
|
|
@@ -147,65 +114,102 @@ var defaultTheme = {
|
|
|
147
114
|
borderRadiusMD,
|
|
148
115
|
borderRadiusLG,
|
|
149
116
|
fontSizeSM,
|
|
150
|
-
fontSize:
|
|
151
|
-
|
|
117
|
+
fontSize: fontSizeEn,
|
|
118
|
+
lineHeightSM: lineHeightSM,
|
|
119
|
+
lineHeight: 20 / fontSizeEn,
|
|
120
|
+
lineHeightLG: 24 / 16,
|
|
152
121
|
fontHeight: 20,
|
|
153
122
|
fontSizeLG: 16,
|
|
154
123
|
fontSizeHeading1: 24,
|
|
155
124
|
fontSizeHeading2: 20,
|
|
156
125
|
fontSizeHeading3: 18,
|
|
157
126
|
fontSizeHeading4: 16,
|
|
158
|
-
fontSizeHeading5:
|
|
127
|
+
fontSizeHeading5: fontSizeEn,
|
|
128
|
+
lineHeightHeading1: 32 / 24,
|
|
129
|
+
lineHeightHeading2: 28 / 20,
|
|
130
|
+
lineHeightHeading3: 26 / 18,
|
|
131
|
+
lineHeightHeading4: 24 / 16,
|
|
132
|
+
lineHeightHeading5: 20 / fontSizeEn,
|
|
159
133
|
controlHeightSM: 24,
|
|
160
134
|
controlHeight: 28,
|
|
161
|
-
|
|
135
|
+
colorLinkHover: blue5,
|
|
136
|
+
colorLinkActive: blue5,
|
|
137
|
+
colorPrimary: colorPrimary,
|
|
138
|
+
colorPrimaryBorder: blue3,
|
|
139
|
+
colorPrimaryBg: blue1,
|
|
140
|
+
colorPrimaryBgHover: blue2,
|
|
141
|
+
colorPrimaryHover: blue5,
|
|
142
|
+
colorPrimaryActive: blue5,
|
|
143
|
+
colorPrimaryText: blue6,
|
|
162
144
|
colorInfo: colorPrimary,
|
|
163
145
|
colorInfoBorder: blue3,
|
|
164
146
|
colorInfoBg: blue1,
|
|
147
|
+
colorInfoBgHover: blue2,
|
|
165
148
|
colorInfoHover: blue5,
|
|
166
149
|
colorInfoActive: blue5,
|
|
167
150
|
colorInfoText: blue6,
|
|
168
151
|
colorSuccess: green4,
|
|
169
152
|
colorSuccessBorder: green3,
|
|
170
153
|
colorSuccessBg: green1,
|
|
154
|
+
colorSuccessBgHover: green2,
|
|
155
|
+
colorSuccessHover: green5,
|
|
156
|
+
colorSuccessActive: green5,
|
|
171
157
|
colorSuccessText: green6,
|
|
172
158
|
colorWarning: orange4,
|
|
173
159
|
colorWarningBorder: orange3,
|
|
174
160
|
colorWarningBg: orange1,
|
|
161
|
+
colorWarningBgHover: orange2,
|
|
162
|
+
colorWarningHover: orange5,
|
|
163
|
+
colorWarningActive: orange5,
|
|
175
164
|
colorWarningText: orange6,
|
|
176
165
|
colorError: red4,
|
|
177
166
|
colorErrorBorder: red3,
|
|
178
167
|
colorErrorBg: red1,
|
|
168
|
+
colorErrorBgHover: red2,
|
|
169
|
+
colorErrorHover: red5,
|
|
170
|
+
colorErrorActive: red5,
|
|
179
171
|
colorErrorText: red6,
|
|
180
172
|
colorFuchsia: fuchsia4,
|
|
181
173
|
colorFuchsiaBorder: fuchsia3,
|
|
182
174
|
colorFuchsiaBg: fuchsia1,
|
|
175
|
+
colorFuchsiaBgHover: fuchsia2,
|
|
176
|
+
colorFuchsiaHover: fuchsia5,
|
|
177
|
+
colorFuchsiaActive: fuchsia5,
|
|
183
178
|
colorFuchsiaText: fuchsia6,
|
|
184
179
|
colorTextBase: black,
|
|
185
180
|
colorText,
|
|
186
181
|
colorTextSecondary,
|
|
187
182
|
colorTextTertiary,
|
|
188
183
|
colorTextQuaternary,
|
|
189
|
-
colorIcon
|
|
184
|
+
colorIcon,
|
|
190
185
|
colorBgBase: white,
|
|
191
186
|
colorBgContainer: white,
|
|
192
187
|
colorBgLayout: gray1,
|
|
193
|
-
|
|
188
|
+
colorBgTextHover: gray2,
|
|
189
|
+
colorBgTextActive: gray3,
|
|
190
|
+
colorBorder,
|
|
194
191
|
colorBorderSecondary,
|
|
195
192
|
colorFill,
|
|
196
193
|
colorFillSecondary,
|
|
197
194
|
colorFillTertiary,
|
|
198
195
|
colorFillQuaternary,
|
|
199
|
-
colorBgContainerDisabled:
|
|
200
|
-
colorBgMask:
|
|
196
|
+
colorBgContainerDisabled: gray2,
|
|
197
|
+
colorBgMask: 'rgba(19, 32, 57, 0.6)',
|
|
201
198
|
colorBgElevated: white,
|
|
202
199
|
colorBgSpotlight: white,
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
200
|
+
controlItemBgHover: gray2,
|
|
201
|
+
controlItemBgActive: gray2,
|
|
202
|
+
controlItemBgActiveHover: gray2,
|
|
203
|
+
// 导航特殊色
|
|
204
|
+
colorNaviBg,
|
|
205
|
+
colorNaviBgHover,
|
|
206
|
+
// 阴影
|
|
207
|
+
boxShadow: '0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05)',
|
|
208
|
+
boxShadowSecondary: '0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05)',
|
|
209
|
+
boxShadowTertiary: '0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02)',
|
|
206
210
|
wireframe: false,
|
|
207
|
-
//
|
|
208
|
-
lineWidthFocus:
|
|
211
|
+
// WCAG 2.4.7: visible focus ring for antd controls (align with antd seed default)
|
|
212
|
+
lineWidthFocus: 2,
|
|
209
213
|
// ==================== 基础颜色 Token ====================
|
|
210
214
|
// 黑白色
|
|
211
215
|
white,
|
|
@@ -227,6 +231,12 @@ var defaultTheme = {
|
|
|
227
231
|
blue4,
|
|
228
232
|
blue5,
|
|
229
233
|
blue6,
|
|
234
|
+
'blue-1': blue1,
|
|
235
|
+
'blue-2': blue2,
|
|
236
|
+
'blue-3': blue3,
|
|
237
|
+
'blue-4': blue4,
|
|
238
|
+
'blue-5': blue5,
|
|
239
|
+
'blue-6': blue6,
|
|
230
240
|
// 绿色 Green
|
|
231
241
|
green1,
|
|
232
242
|
green2,
|
|
@@ -234,6 +244,12 @@ var defaultTheme = {
|
|
|
234
244
|
green4,
|
|
235
245
|
green5,
|
|
236
246
|
green6,
|
|
247
|
+
'green-1': green1,
|
|
248
|
+
'green-2': green2,
|
|
249
|
+
'green-3': green3,
|
|
250
|
+
'green-4': green4,
|
|
251
|
+
'green-5': green5,
|
|
252
|
+
'green-6': green6,
|
|
237
253
|
// 橙色 Orange
|
|
238
254
|
orange1,
|
|
239
255
|
orange2,
|
|
@@ -241,6 +257,12 @@ var defaultTheme = {
|
|
|
241
257
|
orange4,
|
|
242
258
|
orange5,
|
|
243
259
|
orange6,
|
|
260
|
+
'orange-1': orange1,
|
|
261
|
+
'orange-2': orange2,
|
|
262
|
+
'orange-3': orange3,
|
|
263
|
+
'orange-4': orange4,
|
|
264
|
+
'orange-5': orange5,
|
|
265
|
+
'orange-6': orange6,
|
|
244
266
|
// 红色 Red
|
|
245
267
|
red1,
|
|
246
268
|
red2,
|
|
@@ -248,16 +270,19 @@ var defaultTheme = {
|
|
|
248
270
|
red4,
|
|
249
271
|
red5,
|
|
250
272
|
red6,
|
|
273
|
+
'red-1': red1,
|
|
274
|
+
'red-2': red2,
|
|
275
|
+
'red-3': red3,
|
|
276
|
+
'red-4': red4,
|
|
277
|
+
'red-5': red5,
|
|
278
|
+
'red-6': red6,
|
|
251
279
|
// 紫色 Fuchsia
|
|
252
280
|
fuchsia1,
|
|
253
281
|
fuchsia2,
|
|
254
282
|
fuchsia3,
|
|
255
283
|
fuchsia4,
|
|
256
284
|
fuchsia5,
|
|
257
|
-
fuchsia6
|
|
258
|
-
// 导航特殊色
|
|
259
|
-
colorNaviBg,
|
|
260
|
-
colorNaviBgHover
|
|
285
|
+
fuchsia6
|
|
261
286
|
},
|
|
262
287
|
components: {
|
|
263
288
|
Alert: {
|
|
@@ -268,6 +293,7 @@ var defaultTheme = {
|
|
|
268
293
|
},
|
|
269
294
|
Breadcrumb: {
|
|
270
295
|
fontSize: fontSizeSM,
|
|
296
|
+
lineHeight: lineHeightSM,
|
|
271
297
|
fontHeight: 20,
|
|
272
298
|
lastItemColor: colorTextSecondary
|
|
273
299
|
},
|
|
@@ -283,13 +309,20 @@ var defaultTheme = {
|
|
|
283
309
|
},
|
|
284
310
|
Card: {
|
|
285
311
|
headerFontSize: 16,
|
|
286
|
-
borderRadiusLG
|
|
312
|
+
borderRadiusLG: borderRadiusLG
|
|
287
313
|
},
|
|
288
314
|
Collapse: {
|
|
289
315
|
colorBorder: colorBorderSecondary
|
|
290
316
|
},
|
|
291
317
|
DatePicker: {
|
|
292
|
-
borderRadiusLG: borderRadiusMD
|
|
318
|
+
borderRadiusLG: borderRadiusMD,
|
|
319
|
+
colorTextQuaternary: gray8,
|
|
320
|
+
// work for TimePicker and DatePicker
|
|
321
|
+
hoverBorderColor: gray7,
|
|
322
|
+
activeBorderColor: gray7,
|
|
323
|
+
activeShadow: 'none',
|
|
324
|
+
warningActiveShadow: 'none',
|
|
325
|
+
errorActiveShadow: 'none'
|
|
293
326
|
},
|
|
294
327
|
Descriptions: {
|
|
295
328
|
labelColor: colorTextSecondary
|
|
@@ -298,12 +331,32 @@ var defaultTheme = {
|
|
|
298
331
|
borderRadiusLG: borderRadiusMD
|
|
299
332
|
},
|
|
300
333
|
Input: {
|
|
301
|
-
borderRadiusLG: borderRadiusMD
|
|
334
|
+
borderRadiusLG: borderRadiusMD,
|
|
335
|
+
colorTextQuaternary: gray8,
|
|
336
|
+
// work for Input, InputNumber and AutoComplete
|
|
337
|
+
hoverBorderColor: gray7,
|
|
338
|
+
activeShadow: 'none',
|
|
339
|
+
warningActiveShadow: 'none',
|
|
340
|
+
errorActiveShadow: 'none'
|
|
302
341
|
},
|
|
303
342
|
InputNumber: {
|
|
304
343
|
handleVisible: true,
|
|
344
|
+
borderRadiusLG: borderRadiusMD,
|
|
345
|
+
hoverBorderColor: gray7,
|
|
346
|
+
activeShadow: 'none',
|
|
347
|
+
warningActiveShadow: 'none',
|
|
348
|
+
errorActiveShadow: 'none'
|
|
349
|
+
},
|
|
350
|
+
Message: {
|
|
305
351
|
borderRadiusLG: borderRadiusMD
|
|
306
352
|
},
|
|
353
|
+
Notification: {
|
|
354
|
+
borderRadiusLG: borderRadiusMD,
|
|
355
|
+
colorSuccessBg: white,
|
|
356
|
+
colorErrorBg: white,
|
|
357
|
+
colorInfoBg: white,
|
|
358
|
+
colorWarningBg: white
|
|
359
|
+
},
|
|
307
360
|
Popover: {
|
|
308
361
|
borderRadiusLG: borderRadiusMD
|
|
309
362
|
},
|
|
@@ -312,37 +365,45 @@ var defaultTheme = {
|
|
|
312
365
|
},
|
|
313
366
|
Radio: {
|
|
314
367
|
// temporarily fix style for checked disabled Radio.Button
|
|
315
|
-
controlItemBgActiveDisabled: colorFillSecondary
|
|
368
|
+
controlItemBgActiveDisabled: colorFillSecondary,
|
|
369
|
+
// to match Button padding
|
|
370
|
+
buttonPaddingInline: 12
|
|
316
371
|
},
|
|
317
372
|
Segmented: {
|
|
318
|
-
trackBg:
|
|
373
|
+
trackBg: gray2,
|
|
374
|
+
itemHoverBg: gray3,
|
|
375
|
+
itemActiveBg: gray4,
|
|
376
|
+
itemColor: colorText
|
|
319
377
|
},
|
|
320
378
|
Select: {
|
|
379
|
+
colorTextQuaternary: gray8,
|
|
321
380
|
// work for all multiple select component, including Select, TreeSelect and Cascader and so on
|
|
322
381
|
borderRadiusLG: borderRadiusMD,
|
|
323
|
-
|
|
382
|
+
hoverBorderColor: gray7,
|
|
383
|
+
multipleItemBg: gray2,
|
|
324
384
|
multipleItemBorderColor: tagColorBorder,
|
|
325
385
|
multipleItemBorderColorDisabled: tagColorBorder
|
|
326
386
|
},
|
|
327
387
|
Slider: {
|
|
328
388
|
trackBg: colorPrimary,
|
|
329
|
-
|
|
330
|
-
|
|
389
|
+
// Deeper blue for hover/active track (better contrast vs white than #5189fb)
|
|
390
|
+
trackHoverBg: blue5,
|
|
391
|
+
trackBgDisabled: '#b3ccff',
|
|
331
392
|
handleColor: colorPrimary,
|
|
332
|
-
handleActiveColor:
|
|
333
|
-
handleColorDisabled:
|
|
393
|
+
handleActiveColor: blue5,
|
|
394
|
+
handleColorDisabled: '#b3ccff'
|
|
334
395
|
},
|
|
335
396
|
Skeleton: {
|
|
336
|
-
blockRadius:
|
|
397
|
+
blockRadius: 2
|
|
337
398
|
},
|
|
338
399
|
Tabs: {
|
|
339
400
|
horizontalItemGutter: 24,
|
|
340
401
|
itemActiveColor: colorText,
|
|
341
402
|
itemSelectedColor: colorText,
|
|
342
403
|
itemHoverColor: colorText,
|
|
343
|
-
horizontalItemPaddingSM:
|
|
344
|
-
horizontalItemPadding:
|
|
345
|
-
horizontalItemPaddingLG:
|
|
404
|
+
horizontalItemPaddingSM: '12px 0',
|
|
405
|
+
horizontalItemPadding: '16px 0',
|
|
406
|
+
horizontalItemPaddingLG: '16px 0'
|
|
346
407
|
},
|
|
347
408
|
Tag: {
|
|
348
409
|
colorBorder: tagColorBorder,
|
|
@@ -350,7 +411,7 @@ var defaultTheme = {
|
|
|
350
411
|
},
|
|
351
412
|
Table: {
|
|
352
413
|
cellFontSize: fontSizeSM,
|
|
353
|
-
headerSplitColor:
|
|
414
|
+
headerSplitColor: 'transparent',
|
|
354
415
|
cellPaddingBlock: 8,
|
|
355
416
|
cellPaddingInline: 16,
|
|
356
417
|
cellPaddingBlockMD: 6,
|
|
@@ -366,16 +427,19 @@ var defaultTheme = {
|
|
|
366
427
|
colorBgSpotlight: white,
|
|
367
428
|
colorTextLightSolid: colorText
|
|
368
429
|
},
|
|
430
|
+
Transfer: {
|
|
431
|
+
borderRadiusLG: borderRadiusMD
|
|
432
|
+
},
|
|
369
433
|
Menu: {
|
|
370
434
|
borderRadiusLG: borderRadiusMD,
|
|
371
435
|
paddingContentVertical: 0,
|
|
372
436
|
itemHeight: 30,
|
|
373
437
|
itemBorderRadius: borderRadius,
|
|
374
438
|
// 80 means 50% opacity
|
|
375
|
-
itemHoverBg:
|
|
376
|
-
itemActiveBg:
|
|
377
|
-
itemSelectedBg:
|
|
378
|
-
itemColor:
|
|
439
|
+
itemHoverBg: gray3,
|
|
440
|
+
itemActiveBg: gray3,
|
|
441
|
+
itemSelectedBg: gray3,
|
|
442
|
+
itemColor: gray9,
|
|
379
443
|
itemSelectedColor: colorText,
|
|
380
444
|
itemMarginBlock: 6,
|
|
381
445
|
groupTitleFontSize: 11,
|
|
@@ -383,64 +447,34 @@ var defaultTheme = {
|
|
|
383
447
|
}
|
|
384
448
|
}
|
|
385
449
|
};
|
|
386
|
-
var _a, _b, _c, _d;
|
|
387
450
|
defaultTheme.token = {
|
|
388
451
|
...defaultTheme.token,
|
|
389
452
|
// preset colors below should be same with semantic colors
|
|
390
|
-
blue:
|
|
391
|
-
green:
|
|
392
|
-
yellow:
|
|
393
|
-
red:
|
|
453
|
+
blue: defaultTheme?.token?.colorInfo,
|
|
454
|
+
green: defaultTheme?.token?.colorSuccess,
|
|
455
|
+
yellow: defaultTheme?.token?.colorWarning,
|
|
456
|
+
red: defaultTheme?.token?.colorError
|
|
394
457
|
};
|
|
395
|
-
var
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
gray10,
|
|
419
|
-
gray2,
|
|
420
|
-
gray3,
|
|
421
|
-
gray4,
|
|
422
|
-
gray5,
|
|
423
|
-
gray6,
|
|
424
|
-
gray7,
|
|
425
|
-
gray8,
|
|
426
|
-
gray9,
|
|
427
|
-
green1,
|
|
428
|
-
green2,
|
|
429
|
-
green3,
|
|
430
|
-
green4,
|
|
431
|
-
green5,
|
|
432
|
-
green6,
|
|
433
|
-
orange1,
|
|
434
|
-
orange2,
|
|
435
|
-
orange3,
|
|
436
|
-
orange4,
|
|
437
|
-
orange5,
|
|
438
|
-
orange6,
|
|
439
|
-
red1,
|
|
440
|
-
red2,
|
|
441
|
-
red3,
|
|
442
|
-
red4,
|
|
443
|
-
red5,
|
|
444
|
-
red6,
|
|
445
|
-
white
|
|
446
|
-
});
|
|
458
|
+
var _default = exports.default = (0, _format.formatTheme)(defaultTheme);
|
|
459
|
+
/**
|
|
460
|
+
* Whether the BCP 47 locale should use Cn typography sizing (14px body + table cells; zh/ja/ko).
|
|
461
|
+
*/
|
|
462
|
+
function isCnLikeLocale(locale) {
|
|
463
|
+
if (locale == null || locale === '') {
|
|
464
|
+
return false;
|
|
465
|
+
}
|
|
466
|
+
const primary = String(locale).toLowerCase().replace(/_/g, '-').split('-')[0];
|
|
467
|
+
return primary === 'zh' || primary === 'ja' || primary === 'ko';
|
|
468
|
+
}
|
|
469
|
+
|
|
470
|
+
/**
|
|
471
|
+
* Whether the BCP 47 locale uses English UI compact embedded controls in Table
|
|
472
|
+
* (matches {@link ConfigProvider} `locale.locale` values such as `en`, `en-gb`, `en-*`).
|
|
473
|
+
*/
|
|
474
|
+
function isEnLikeLocale(locale) {
|
|
475
|
+
if (locale == null || locale === '') {
|
|
476
|
+
return false;
|
|
477
|
+
}
|
|
478
|
+
const norm = String(locale).toLowerCase().replace(/_/g, '-');
|
|
479
|
+
return norm === 'en' || norm === 'en-gb' || norm.startsWith('en-');
|
|
480
|
+
}
|