@chaoswise/ui 3.0.22 → 3.1.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/lib/Alert/index.js +48 -2
- package/lib/Alert/index.style.js +36 -0
- package/lib/Antd5/_util/ActionButton.js +4 -2
- package/lib/Antd5/_util/ContextIsolator.js +27 -0
- package/lib/Antd5/_util/easings.js +2 -2
- package/lib/Antd5/_util/getScroll.js +9 -8
- package/lib/Antd5/_util/hooks/useClosable.js +3 -2
- package/lib/Antd5/_util/hooks/useUniqueMemo.js +123 -0
- package/lib/Antd5/_util/hooks/useZIndex.js +31 -15
- package/lib/Antd5/_util/motion.js +3 -2
- package/lib/Antd5/_util/placements.js +2 -2
- package/lib/Antd5/_util/scrollTo.js +1 -1
- package/lib/Antd5/_util/statusUtils.js +1 -1
- package/lib/Antd5/_util/toList.js +5 -0
- package/lib/Antd5/_util/warning.js +0 -1
- package/lib/Antd5/_util/wave/WaveEffect.js +2 -2
- package/lib/Antd5/_util/wave/interface.js +2 -1
- package/lib/Antd5/_util/wave/useWave.js +1 -1
- package/lib/Antd5/_util/wave/util.js +1 -9
- package/lib/Antd5/alert/Alert.js +1 -2
- package/lib/Antd5/alert/ErrorBoundary.js +1 -1
- package/lib/Antd5/alert/design/behavior-pattern.js +3 -3
- package/lib/Antd5/alert/style/index.js +6 -4
- package/lib/Antd5/anchor/Anchor.js +8 -7
- package/lib/Antd5/anchor/AnchorLink.js +4 -4
- package/lib/Antd5/app/index.js +2 -1
- package/lib/Antd5/app/style/index.js +5 -4
- package/lib/Antd5/auto-complete/index.js +1 -1
- package/lib/Antd5/avatar/group.js +35 -17
- package/lib/Antd5/avatar/style/index.js +18 -13
- package/lib/Antd5/back-top/index.js +3 -2
- package/lib/Antd5/badge/ScrollNumber.js +1 -1
- package/lib/Antd5/badge/SingleNumber.js +17 -16
- package/lib/Antd5/badge/style/index.js +6 -7
- package/lib/Antd5/badge/style/ribbon.js +3 -3
- package/lib/Antd5/breadcrumb/design/behavior-pattern.js +4 -4
- package/lib/Antd5/breadcrumb/style/index.js +2 -2
- package/lib/Antd5/button/LoadingIcon.js +5 -10
- package/lib/Antd5/button/button-group.js +0 -1
- package/lib/Antd5/button/button.js +70 -41
- package/lib/Antd5/button/buttonHelpers.js +7 -5
- package/lib/Antd5/button/style/{compactCmp.js → compact.js} +20 -27
- package/lib/Antd5/button/style/group.js +9 -7
- package/lib/Antd5/button/style/index.js +150 -110
- package/lib/Antd5/button/style/token.js +8 -1
- package/lib/Antd5/calendar/generateCalendar.js +25 -28
- package/lib/Antd5/calendar/style/index.js +4 -4
- package/lib/Antd5/card/Card.js +3 -3
- package/lib/Antd5/card/style/index.js +6 -9
- package/lib/Antd5/carousel/index.js +3 -3
- package/lib/Antd5/carousel/style/index.js +1 -1
- package/lib/Antd5/cascader/Panel.js +7 -2
- package/lib/Antd5/cascader/hooks/useBase.js +3 -2
- package/lib/Antd5/cascader/hooks/useColumnIcons.js +6 -3
- package/lib/Antd5/cascader/index.js +1 -1
- package/lib/Antd5/cascader/style/columns.js +6 -4
- package/lib/Antd5/checkbox/Checkbox.js +11 -5
- package/lib/Antd5/checkbox/style/index.js +6 -3
- package/lib/Antd5/collapse/Collapse.js +2 -1
- package/lib/Antd5/collapse/style/index.js +20 -13
- package/lib/Antd5/color-picker/ColorPicker.js +120 -78
- package/lib/Antd5/color-picker/ColorPickerPanel.js +44 -26
- package/lib/Antd5/color-picker/color.js +82 -10
- package/lib/Antd5/color-picker/components/ColorAlphaInput.js +2 -2
- package/lib/Antd5/color-picker/components/ColorClear.js +2 -2
- package/lib/Antd5/color-picker/components/ColorHexInput.js +5 -4
- package/lib/Antd5/color-picker/components/ColorInput.js +4 -3
- package/lib/Antd5/color-picker/components/ColorPresets.js +1 -1
- package/lib/Antd5/color-picker/components/ColorSlider.js +139 -0
- package/lib/Antd5/color-picker/components/ColorTrigger.js +52 -26
- package/lib/Antd5/color-picker/components/PanelPicker/GradientColorBar.js +130 -0
- package/lib/Antd5/color-picker/components/PanelPicker/index.js +194 -0
- package/lib/Antd5/color-picker/context.js +1 -5
- package/lib/Antd5/color-picker/hooks/useModeColor.js +87 -0
- package/lib/Antd5/color-picker/style/color-block.js +3 -2
- package/lib/Antd5/color-picker/style/index.js +33 -15
- package/lib/Antd5/color-picker/style/input.js +1 -1
- package/lib/Antd5/color-picker/style/picker.js +6 -33
- package/lib/Antd5/color-picker/style/slider.js +87 -0
- package/lib/Antd5/color-picker/util.js +53 -7
- package/lib/Antd5/config-provider/context.js +3 -1
- package/lib/Antd5/config-provider/cssVariables.js +0 -1
- package/lib/Antd5/config-provider/defaultRenderEmpty.js +8 -1
- package/lib/Antd5/config-provider/index.js +13 -5
- package/lib/Antd5/config-provider/style/index.js +0 -1
- package/lib/Antd5/date-picker/PickerButton.js +3 -2
- package/lib/Antd5/date-picker/design/behavior-pattern.js +15 -15
- package/lib/Antd5/date-picker/generatePicker/constant.js +15 -0
- package/lib/Antd5/date-picker/generatePicker/generateRangePicker.js +16 -11
- package/lib/Antd5/date-picker/generatePicker/generateSinglePicker.js +19 -15
- package/lib/Antd5/date-picker/generatePicker/index.js +2 -2
- package/lib/Antd5/date-picker/generatePicker/interface.js +1 -1
- package/lib/Antd5/date-picker/index.js +2 -17
- package/lib/Antd5/date-picker/locale/ar_EG.js +9 -1
- package/lib/Antd5/date-picker/locale/az_AZ.js +9 -1
- package/lib/Antd5/date-picker/locale/el_GR.js +9 -1
- package/lib/Antd5/date-picker/locale/ja_JP.js +11 -1
- package/lib/Antd5/date-picker/locale/kn_IN.js +9 -1
- package/lib/Antd5/date-picker/locale/pl_PL.js +9 -1
- package/lib/Antd5/date-picker/locale/uk_UA.js +10 -1
- package/lib/Antd5/date-picker/style/index.js +13 -10
- package/lib/Antd5/date-picker/style/panel.js +36 -32
- package/lib/Antd5/date-picker/style/token.js +1 -1
- package/lib/Antd5/date-picker/util.js +0 -48
- package/lib/Antd5/descriptions/hooks/useItems.js +5 -0
- package/lib/Antd5/descriptions/hooks/useRow.js +42 -34
- package/lib/Antd5/descriptions/style/index.js +20 -8
- package/lib/Antd5/divider/index.js +4 -3
- package/lib/Antd5/divider/style/index.js +19 -4
- package/lib/Antd5/drawer/DrawerPanel.js +11 -20
- package/lib/Antd5/drawer/index.js +39 -42
- package/lib/Antd5/drawer/style/index.js +10 -11
- package/lib/Antd5/dropdown/dropdown.js +5 -7
- package/lib/Antd5/dropdown/style/index.js +27 -11
- package/lib/Antd5/empty/empty.js +9 -3
- package/lib/Antd5/empty/simple.js +9 -3
- package/lib/Antd5/empty/style/index.js +1 -1
- package/lib/Antd5/float-button/BackTop.js +3 -2
- package/lib/Antd5/float-button/FloatButton.js +16 -5
- package/lib/Antd5/float-button/FloatButtonGroup.js +76 -52
- package/lib/Antd5/float-button/style/index.js +117 -76
- package/lib/Antd5/float-button/style/keyframes.js +118 -0
- package/lib/Antd5/form/ErrorList.js +14 -2
- package/lib/Antd5/form/Form.js +11 -3
- package/lib/Antd5/form/FormItem/ItemHolder.js +8 -4
- package/lib/Antd5/form/FormItem/index.js +6 -4
- package/lib/Antd5/form/FormItemInput.js +68 -28
- package/lib/Antd5/form/FormItemLabel.js +3 -3
- package/lib/Antd5/form/hooks/useForm.js +8 -1
- package/lib/Antd5/form/hooks/useVariants.js +10 -4
- package/lib/Antd5/form/style/explain.js +9 -8
- package/lib/Antd5/form/style/index.js +30 -18
- package/lib/Antd5/grid/row.js +2 -2
- package/lib/Antd5/image/index.js +3 -1
- package/lib/Antd5/image/style/index.js +17 -20
- package/lib/Antd5/index.js +2 -1
- package/lib/Antd5/input/Input.js +18 -38
- package/lib/Antd5/input/OTP/OTPInput.js +10 -5
- package/lib/Antd5/input/OTP/index.js +12 -4
- package/lib/Antd5/input/Password.js +6 -2
- package/lib/Antd5/input/Search.js +2 -4
- package/lib/Antd5/input/TextArea.js +1 -1
- package/lib/Antd5/input/style/index.js +72 -63
- package/lib/Antd5/input/style/otp.js +1 -1
- package/lib/Antd5/input/style/variants.js +38 -23
- package/lib/Antd5/input/utils.js +0 -1
- package/lib/Antd5/input-number/index.js +19 -22
- package/lib/Antd5/input-number/style/index.js +26 -16
- package/lib/Antd5/layout/Sider.js +15 -8
- package/lib/Antd5/layout/style/index.js +6 -96
- package/lib/Antd5/layout/style/sider.js +115 -0
- package/lib/Antd5/list/Item.js +18 -5
- package/lib/Antd5/list/index.js +15 -10
- package/lib/Antd5/list/style/index.js +40 -41
- package/lib/Antd5/locale/ar_EG.js +14 -1
- package/lib/Antd5/locale/az_AZ.js +78 -28
- package/lib/Antd5/locale/bn_BD.js +0 -1
- package/lib/Antd5/locale/by_BY.js +0 -1
- package/lib/Antd5/locale/ca_ES.js +0 -1
- package/lib/Antd5/locale/cs_CZ.js +0 -1
- package/lib/Antd5/locale/de_DE.js +0 -1
- package/lib/Antd5/locale/el_GR.js +104 -3
- package/lib/Antd5/locale/en_GB.js +0 -1
- package/lib/Antd5/locale/en_US.js +4 -2
- package/lib/Antd5/locale/es_ES.js +10 -6
- package/lib/Antd5/locale/et_EE.js +0 -1
- package/lib/Antd5/locale/eu_ES.js +4 -2
- package/lib/Antd5/locale/fa_IR.js +0 -1
- package/lib/Antd5/locale/fr_BE.js +5 -1
- package/lib/Antd5/locale/fr_CA.js +0 -1
- package/lib/Antd5/locale/fr_FR.js +5 -6
- package/lib/Antd5/locale/ga_IE.js +0 -1
- package/lib/Antd5/locale/gl_ES.js +0 -1
- package/lib/Antd5/locale/he_IL.js +0 -1
- package/lib/Antd5/locale/hi_IN.js +0 -1
- package/lib/Antd5/locale/hr_HR.js +0 -1
- package/lib/Antd5/locale/id_ID.js +4 -2
- package/lib/Antd5/locale/index.js +1 -1
- package/lib/Antd5/locale/it_IT.js +0 -1
- package/lib/Antd5/locale/ja_JP.js +4 -2
- package/lib/Antd5/locale/ka_GE.js +0 -1
- package/lib/Antd5/locale/kk_KZ.js +0 -1
- package/lib/Antd5/locale/km_KH.js +0 -1
- package/lib/Antd5/locale/kn_IN.js +82 -4
- package/lib/Antd5/locale/ko_KR.js +4 -2
- package/lib/Antd5/locale/lt_LT.js +4 -2
- package/lib/Antd5/locale/ml_IN.js +0 -1
- package/lib/Antd5/locale/mn_MN.js +86 -2
- package/lib/Antd5/locale/ms_MY.js +101 -18
- package/lib/Antd5/locale/my_MM.js +0 -1
- package/lib/Antd5/locale/nb_NO.js +0 -1
- package/lib/Antd5/locale/ne_NP.js +104 -2
- package/lib/Antd5/locale/nl_BE.js +5 -1
- package/lib/Antd5/locale/nl_NL.js +5 -1
- package/lib/Antd5/locale/pl_PL.js +0 -1
- package/lib/Antd5/locale/pt_BR.js +0 -1
- package/lib/Antd5/locale/pt_PT.js +55 -38
- package/lib/Antd5/locale/ro_RO.js +0 -1
- package/lib/Antd5/locale/ru_RU.js +9 -2
- package/lib/Antd5/locale/si_LK.js +0 -1
- package/lib/Antd5/locale/sk_SK.js +0 -1
- package/lib/Antd5/locale/sr_RS.js +0 -1
- package/lib/Antd5/locale/sv_SE.js +0 -1
- package/lib/Antd5/locale/th_TH.js +11 -3
- package/lib/Antd5/locale/tk_TK.js +0 -1
- package/lib/Antd5/locale/tr_TR.js +2 -1
- package/lib/Antd5/locale/uk_UA.js +1 -1
- package/lib/Antd5/locale/ur_PK.js +0 -1
- package/lib/Antd5/locale/uz_UZ.js +6 -7
- package/lib/Antd5/locale/zh_CN.js +4 -2
- package/lib/Antd5/locale/zh_HK.js +0 -1
- package/lib/Antd5/locale/zh_TW.js +0 -1
- package/lib/Antd5/mentions/index.js +4 -4
- package/lib/Antd5/menu/MenuItem.js +6 -5
- package/lib/Antd5/menu/OverrideContext.js +4 -3
- package/lib/Antd5/menu/SubMenu.js +2 -2
- package/lib/Antd5/menu/menu.js +2 -2
- package/lib/Antd5/menu/style/index.js +58 -40
- package/lib/Antd5/menu/style/theme.js +24 -20
- package/lib/Antd5/menu/style/vertical.js +10 -7
- package/lib/Antd5/message/PurePanel.js +22 -40
- package/lib/Antd5/message/style/index.js +8 -47
- package/lib/Antd5/message/useMessage.js +3 -15
- package/lib/Antd5/modal/Modal.js +50 -38
- package/lib/Antd5/modal/PurePanel.js +0 -1
- package/lib/Antd5/modal/confirm.js +4 -5
- package/lib/Antd5/modal/style/confirm.js +1 -2
- package/lib/Antd5/modal/style/index.js +13 -3
- package/lib/Antd5/modal/useModal/HookModal.js +4 -3
- package/lib/Antd5/modal/useModal/index.js +0 -1
- package/lib/Antd5/notification/index.js +6 -3
- package/lib/Antd5/notification/style/index.js +35 -3
- package/lib/Antd5/notification/useNotification.js +6 -1
- package/lib/Antd5/pagination/Pagination.js +10 -5
- package/lib/Antd5/pagination/design/behavior-pattern.js +3 -3
- package/lib/Antd5/pagination/style/bordered.js +1 -1
- package/lib/Antd5/pagination/style/index.js +27 -18
- package/lib/Antd5/popconfirm/PurePanel.js +7 -7
- package/lib/Antd5/popover/PurePanel.js +16 -6
- package/lib/Antd5/popover/index.js +7 -19
- package/lib/Antd5/popover/style/index.js +3 -1
- package/lib/Antd5/progress/Line.js +27 -19
- package/lib/Antd5/progress/design/behavior-pattern.js +3 -3
- package/lib/Antd5/progress/progress.js +37 -11
- package/lib/Antd5/progress/style/index.js +46 -11
- package/lib/Antd5/progress/utils.js +20 -18
- package/lib/Antd5/qr-code/QrcodeStatus.js +42 -0
- package/lib/Antd5/qr-code/index.js +31 -31
- package/lib/Antd5/rate/index.js +8 -2
- package/lib/Antd5/result/noFound.js +3 -1
- package/lib/Antd5/result/serverError.js +3 -1
- package/lib/Antd5/result/unauthorized.js +5 -3
- package/lib/Antd5/segmented/index.js +5 -3
- package/lib/Antd5/segmented/style/index.js +11 -3
- package/lib/Antd5/select/index.js +4 -2
- package/lib/Antd5/select/style/dropdown.js +1 -1
- package/lib/Antd5/select/style/index.js +21 -8
- package/lib/Antd5/select/style/multiple.js +18 -9
- package/lib/Antd5/select/style/single.js +8 -10
- package/lib/Antd5/select/style/token.js +9 -2
- package/lib/Antd5/select/style/variants.js +20 -11
- package/lib/Antd5/skeleton/Image.js +6 -4
- package/lib/Antd5/skeleton/Node.js +1 -3
- package/lib/Antd5/skeleton/Paragraph.js +1 -1
- package/lib/Antd5/skeleton/Title.js +9 -6
- package/lib/Antd5/skeleton/style/index.js +13 -13
- package/lib/Antd5/slider/Context.js +4 -0
- package/lib/Antd5/slider/SliderTooltip.js +9 -5
- package/lib/Antd5/slider/index.js +32 -31
- package/lib/Antd5/slider/style/index.js +60 -44
- package/lib/Antd5/space/Compact.js +1 -1
- package/lib/Antd5/space/index.js +3 -3
- package/lib/Antd5/spin/Indicator/Looper.js +29 -0
- package/lib/Antd5/spin/Indicator/Progress.js +78 -0
- package/lib/Antd5/spin/Indicator/index.js +21 -0
- package/lib/Antd5/spin/index.js +27 -45
- package/lib/Antd5/spin/style/index.js +54 -17
- package/lib/Antd5/spin/usePercent.js +40 -0
- package/lib/Antd5/splitter/Panel.js +36 -0
- package/lib/Antd5/splitter/SplitBar.js +124 -0
- package/lib/Antd5/splitter/Splitter.js +194 -0
- package/lib/Antd5/{_util/transButton.js → splitter/hooks/useItems.js} +28 -54
- package/lib/Antd5/splitter/hooks/useResizable.js +43 -0
- package/lib/Antd5/splitter/hooks/useResize.js +138 -0
- package/lib/Antd5/splitter/hooks/useSizes.js +109 -0
- package/lib/Antd5/splitter/index.js +5 -0
- package/lib/Antd5/splitter/interface.js +1 -0
- package/lib/Antd5/splitter/style/index.js +219 -0
- package/lib/Antd5/statistic/style/index.js +1 -1
- package/lib/Antd5/steps/style/custom-icon.js +1 -1
- package/lib/Antd5/steps/style/index.js +11 -8
- package/lib/Antd5/steps/style/inline.js +5 -4
- package/lib/Antd5/steps/style/progress-dot.js +2 -2
- package/lib/Antd5/steps/style/small.js +3 -3
- package/lib/Antd5/steps/style/vertical.js +2 -2
- package/lib/Antd5/style/index.js +37 -13
- package/lib/Antd5/style/motion/slide.js +6 -5
- package/lib/Antd5/style/placementArrow.js +15 -6
- package/lib/Antd5/switch/style/index.js +1 -1
- package/lib/Antd5/table/Column.js +2 -3
- package/lib/Antd5/table/ColumnGroup.js +2 -3
- package/lib/Antd5/table/ExpandIcon.js +6 -6
- package/lib/Antd5/table/InternalTable.js +6 -6
- package/lib/Antd5/table/RcTable/VirtualTable.js +3 -2
- package/lib/Antd5/table/RcTable/index.js +3 -2
- package/lib/Antd5/table/hooks/useFilter/FilterDropdown.js +82 -61
- package/lib/Antd5/table/hooks/useFilter/FilterSearch.js +7 -7
- package/lib/Antd5/table/hooks/useFilter/index.js +28 -26
- package/lib/Antd5/table/hooks/useLazyKVMap.js +5 -5
- package/lib/Antd5/table/hooks/useSelection.js +21 -11
- package/lib/Antd5/table/hooks/useSorter.js +66 -42
- package/lib/Antd5/table/hooks/useTitleColumns.js +9 -7
- package/lib/Antd5/table/interface.js +1 -1
- package/lib/Antd5/table/style/bordered.js +5 -3
- package/lib/Antd5/table/style/expand.js +44 -38
- package/lib/Antd5/table/style/filter.js +1 -1
- package/lib/Antd5/table/style/index.js +26 -21
- package/lib/Antd5/table/style/selection.js +3 -1
- package/lib/Antd5/table/style/sorter.js +3 -1
- package/lib/Antd5/table/style/virtual.js +2 -2
- package/lib/Antd5/table/util.js +9 -8
- package/lib/Antd5/tabs/style/index.js +2 -2
- package/lib/Antd5/tag/style/index.js +2 -2
- package/lib/Antd5/theme/index.js +12 -5
- package/lib/Antd5/theme/interface/cssinjs-utils.js +1 -0
- package/lib/Antd5/theme/internal.js +10 -5
- package/lib/Antd5/theme/themes/dark/colors.js +3 -0
- package/lib/Antd5/theme/themes/dark/index.js +1 -0
- package/lib/Antd5/theme/themes/default/colors.js +3 -0
- package/lib/Antd5/theme/themes/default/index.js +6 -2
- package/lib/Antd5/theme/themes/seed.js +5 -2
- package/lib/Antd5/theme/themes/shared/genColorMapToken.js +2 -0
- package/lib/Antd5/theme/themes/shared/genFontSizes.js +1 -1
- package/lib/Antd5/theme/useToken.js +2 -1
- package/lib/Antd5/theme/util/alias.js +1 -1
- package/lib/Antd5/theme/util/genStyleUtils.js +61 -0
- package/lib/Antd5/time-picker/index.js +15 -2
- package/lib/Antd5/time-picker/locale/az_AZ.js +2 -1
- package/lib/Antd5/time-picker/locale/it_IT.js +2 -1
- package/lib/Antd5/time-picker/locale/uk_UA.js +2 -1
- package/lib/Antd5/timeline/TimelineItemList.js +0 -1
- package/lib/Antd5/timeline/style/index.js +1 -1
- package/lib/Antd5/tooltip/index.js +3 -2
- package/lib/Antd5/tooltip/style/index.js +3 -1
- package/lib/Antd5/tooltip/util.js +0 -1
- package/lib/Antd5/tour/panelRender.js +7 -13
- package/lib/Antd5/tour/style/index.js +6 -13
- package/lib/Antd5/transfer/ListItem.js +3 -3
- package/lib/Antd5/transfer/hooks/useData.js +1 -1
- package/lib/Antd5/transfer/hooks/useSelection.js +26 -21
- package/lib/Antd5/transfer/style/index.js +12 -22
- package/lib/Antd5/tree/Tree.js +2 -0
- package/lib/Antd5/tree/style/directory.js +39 -0
- package/lib/Antd5/tree/style/index.js +115 -166
- package/lib/Antd5/tree/utils/dropIndicator.js +3 -2
- package/lib/Antd5/tree/utils/iconUtil.js +5 -1
- package/lib/Antd5/tree-select/index.js +47 -43
- package/lib/Antd5/typography/Base/CopyBtn.js +17 -17
- package/lib/Antd5/typography/Base/Ellipsis.js +48 -40
- package/lib/Antd5/typography/Base/index.js +20 -60
- package/lib/Antd5/typography/Base/util.js +31 -1
- package/lib/Antd5/typography/Editable.js +11 -10
- package/lib/Antd5/typography/Title.js +1 -6
- package/lib/Antd5/typography/Typography.js +2 -6
- package/lib/Antd5/typography/hooks/useCopyClick.js +3 -2
- package/lib/Antd5/typography/hooks/usePrevious.js +1 -1
- package/lib/Antd5/{message/assets/Close.js → typography/hooks/useTooltipProps.js} +24 -16
- package/lib/Antd5/typography/style/mixins.js +3 -9
- package/lib/Antd5/upload/Upload.js +55 -83
- package/lib/Antd5/upload/UploadList/ListItem.js +15 -9
- package/lib/Antd5/upload/UploadList/index.js +33 -47
- package/lib/Antd5/upload/style/dragger.js +5 -26
- package/lib/Antd5/upload/style/list.js +2 -7
- package/lib/Antd5/version/version.js +1 -1
- package/lib/Antd5/watermark/context.js +1 -1
- package/lib/Antd5/watermark/index.js +35 -18
- package/lib/Antd5/watermark/useClips.js +2 -1
- package/lib/Antd5/watermark/useRafDebounce.js +1 -1
- package/lib/Antd5/watermark/utils.js +1 -1
- package/lib/Button/index.style.js +1 -3
- package/lib/CWSelect/index.js +39 -1
- package/lib/CWSelect/index.style.js +39 -0
- package/lib/CWTree/index.js +3 -9
- package/lib/CWTree/index.style.js +2 -0
- package/lib/ConfigProvider/ConfigProvider.js +9 -10
- package/lib/ConfigProvider/customTheme.js +9 -2
- package/lib/ConfigProvider/theme/common.js +140 -0
- package/lib/ConfigProvider/theme/dark.js +2 -0
- package/lib/ConfigProvider/theme/default.js +115 -0
- package/lib/ConfigProvider/theme/utils.js +49 -0
- package/lib/QuickTransfer/index.js +44 -48
- package/lib/RangePicker/components/ExtraQuickSelect.js +1 -4
- package/lib/RangePicker/index.js +38 -26
- package/lib/RangePicker/utils/generate/dayjs.js +1 -1
- package/lib/Splitter/index.js +2 -0
- package/package.json +37 -35
- package/lib/Antd5/color-picker/components/PanelPicker.js +0 -53
- package/lib/Antd5/color-picker/hooks/useColorState.js +0 -53
- package/lib/Antd5/layout/style/light.js +0 -24
- package/lib/Antd5/style/operationUnit.js +0 -18
- package/lib/Antd5/theme/util/calc/CSSCalculator.js +0 -119
- package/lib/Antd5/theme/util/calc/NumCalculator.js +0 -81
- package/lib/Antd5/theme/util/calc/calculator.js +0 -10
- package/lib/Antd5/theme/util/calc/index.js +0 -9
- package/lib/Antd5/theme/util/genComponentStyleHook.js +0 -243
- package/lib/Antd5/theme/util/maxmin.js +0 -27
- package/lib/Antd5/theme/util/statistic.js +0 -74
- package/lib/Antd5/typography/hooks/useUpdatedEffect.js +0 -13
- package/lib/Antd5/version/token-meta.json +0 -1
- package/lib/Antd5/version/token.json +0 -1
- package/lib/ConfigProvider/customTheme.json +0 -163
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
export var defaultToken = {
|
|
2
|
+
colorPrimary: "#1890ff",
|
|
3
|
+
colorLink: "#1890ff",
|
|
4
|
+
colorInfo: "#1890ff",
|
|
5
|
+
colorError: "#f5222d",
|
|
6
|
+
colorText: "rgba(0, 0, 0, 0.85)",
|
|
7
|
+
colorBorder: "rgba(0, 0, 0, 0.15)",
|
|
8
|
+
colorBorderSecondary: "rgba(0, 0, 0, 0.06)",
|
|
9
|
+
// 一般用于边框分割线颜色
|
|
10
|
+
colorTextPlaceholder: "rgba(0,0,0,0.45)"
|
|
11
|
+
};
|
|
12
|
+
export var defaultComponentToken = {
|
|
13
|
+
Layout: {
|
|
14
|
+
bodyBg: "#F4F5FA",
|
|
15
|
+
headerBg: "#1E324E",
|
|
16
|
+
headerColor: ["colorWhite"]
|
|
17
|
+
},
|
|
18
|
+
Breadcrumb: {
|
|
19
|
+
colorBgTextHover: ["colorWhite"] // token变量 fff
|
|
20
|
+
},
|
|
21
|
+
Tooltip: {
|
|
22
|
+
colorBgSpotlight: ["colorWhite"],
|
|
23
|
+
// token变量 fff
|
|
24
|
+
colorTextLightSolid: ["colorText"] // token变量 colorText
|
|
25
|
+
},
|
|
26
|
+
Pagination: {
|
|
27
|
+
controlItemBgActiveDisabled: ["colorFillTertiary"] // token变量colorFillTertiary
|
|
28
|
+
},
|
|
29
|
+
Form: {
|
|
30
|
+
labelColor: ["colorTextSecondary"]
|
|
31
|
+
},
|
|
32
|
+
Slider: {
|
|
33
|
+
trackBgDisabled: "rgb(217, 217, 217)"
|
|
34
|
+
},
|
|
35
|
+
Select: {
|
|
36
|
+
colorText: ["colorText"] // token变量 colorText
|
|
37
|
+
},
|
|
38
|
+
Tag: {
|
|
39
|
+
colorBorder: "rgba(0,0,0,0.09)"
|
|
40
|
+
},
|
|
41
|
+
Table: {
|
|
42
|
+
headerColor: ["colorTextSecondary"],
|
|
43
|
+
// token变量 colorTextSecondary
|
|
44
|
+
rowHoverBg: "#fafafa",
|
|
45
|
+
// token变量 colorFillQuaternary
|
|
46
|
+
rowSelectedBg: "#fafafa",
|
|
47
|
+
// token变量 colorFillQuaternary
|
|
48
|
+
rowSelectedHoverBg: "#fafafa" // token变量 colorFillQuaternary
|
|
49
|
+
},
|
|
50
|
+
Tree: {
|
|
51
|
+
nodeHoverBg: ["colorPrimaryBg"],
|
|
52
|
+
// token变量,悬停色e6f7ff
|
|
53
|
+
nodeSelectedBg: ["colorPrimaryBg"],
|
|
54
|
+
// token变量,悬停色e6f7ff
|
|
55
|
+
directoryNodeSelectedBg: ["colorPrimaryBg"],
|
|
56
|
+
controlItemBgHover: ["colorPrimaryBg"],
|
|
57
|
+
colorBgContainer: "transparent",
|
|
58
|
+
directoryNodeSelectedColor: ["colorText"],
|
|
59
|
+
colorBgTextHover: "transparent"
|
|
60
|
+
},
|
|
61
|
+
Upload: {
|
|
62
|
+
colorFillAlter: ["colorWhite"]
|
|
63
|
+
},
|
|
64
|
+
Menu: {
|
|
65
|
+
itemHoverBg: "#F6F7F8",
|
|
66
|
+
itemActiveBg: "#F6F7F8",
|
|
67
|
+
itemSelectedBg: "#F6F7F8",
|
|
68
|
+
subMenuItemBg: "transparent",
|
|
69
|
+
itemBg: ["colorWhite"]
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
// 不可删除,因为组件中在使用
|
|
74
|
+
export var undeletableComponentToken = {
|
|
75
|
+
Layout: {
|
|
76
|
+
bodyBg: "#F4F5FA",
|
|
77
|
+
headerBg: "#1E324E",
|
|
78
|
+
headerColor: ["colorWhite"],
|
|
79
|
+
headerHeight: 48,
|
|
80
|
+
headerPadding: 0,
|
|
81
|
+
divisionBg: "rgba(255, 255, 255, 0.3)",
|
|
82
|
+
// 自定义分割线颜色
|
|
83
|
+
topNavMenuBg: "#FAFBFE" // 自定义头部下拉导航背景色
|
|
84
|
+
},
|
|
85
|
+
Notification: {
|
|
86
|
+
zIndexPopup: 950 // 不要删除
|
|
87
|
+
},
|
|
88
|
+
Button: {
|
|
89
|
+
btnMainPadding: "0 23px" // 主操作按钮padding
|
|
90
|
+
},
|
|
91
|
+
AbreastLayout: {
|
|
92
|
+
abreastLayoutContentPadding: "0 20px 0 16px",
|
|
93
|
+
// 左右布局内容区域padding
|
|
94
|
+
siderCollapseBtnBg: ["colorBorderSecondary"] // 左右布局收起按钮背景色
|
|
95
|
+
},
|
|
96
|
+
Tabs: {
|
|
97
|
+
tabsBorderColor: "rgba(0,0,0,0.09)"
|
|
98
|
+
},
|
|
99
|
+
BasicLayout: {
|
|
100
|
+
collapsedBtnBg: "#F6F7F8",
|
|
101
|
+
siderBtnColor: ["colorTextTertiary"],
|
|
102
|
+
versionColor: ["colorTextSecondary"],
|
|
103
|
+
siderBorderColor: "rgba(0, 0, 0, 0.09)"
|
|
104
|
+
},
|
|
105
|
+
Tag: {
|
|
106
|
+
checkableTagBg: "rgba(0, 0, 0, 0.06)",
|
|
107
|
+
checkableTagHoverBg: "rgba(0, 0, 0, 0.09)"
|
|
108
|
+
},
|
|
109
|
+
SearchBar: {
|
|
110
|
+
searchBarExpandIconBg: "#F2F3F5"
|
|
111
|
+
},
|
|
112
|
+
QuickTransfer: {
|
|
113
|
+
quickTransferDivisionBg: "#f5f5f5"
|
|
114
|
+
}
|
|
115
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import _Theme from "@chaoswise/ui/lib/Theme";
|
|
2
|
+
var _excluded = ["token", "components"];
|
|
3
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
4
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
5
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
6
|
+
import { commonToken, commonComponentToken } from "./common";
|
|
7
|
+
import { defaultToken, defaultComponentToken, undeletableComponentToken } from "./default";
|
|
8
|
+
import { merge } from "lodash-es";
|
|
9
|
+
// 生成组件相匹配的组件token,如果组件token中value是字符串组成的数组则进行主题token的替换
|
|
10
|
+
export var generateComponentToken = function generateComponentToken(token, ComponentToken) {
|
|
11
|
+
var _replaceValues = function replaceValues(obj) {
|
|
12
|
+
for (var key in obj) {
|
|
13
|
+
if (Array.isArray(obj[key])) {
|
|
14
|
+
// 替换数组中的值
|
|
15
|
+
obj[key] = token[obj[key][0]] || obj[key];
|
|
16
|
+
} else if (_typeof(obj[key]) === "object") {
|
|
17
|
+
_replaceValues(obj[key]);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
var newComponentToken = JSON.parse(JSON.stringify(ComponentToken));
|
|
22
|
+
|
|
23
|
+
// 开始替换
|
|
24
|
+
_replaceValues(newComponentToken);
|
|
25
|
+
return newComponentToken;
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
// 生成最终的主题信息,后续传入优先级更高
|
|
29
|
+
export var getFinalTheme = function getFinalTheme(theme) {
|
|
30
|
+
var _ref = theme || {},
|
|
31
|
+
_ref$token = _ref.token,
|
|
32
|
+
token = _ref$token === void 0 ? {} : _ref$token,
|
|
33
|
+
_ref$components = _ref.components,
|
|
34
|
+
components = _ref$components === void 0 ? {} : _ref$components,
|
|
35
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
36
|
+
var mergeToken = merge({}, commonToken, defaultToken, token);
|
|
37
|
+
var globalToken = _Theme.getDesignToken({
|
|
38
|
+
token: mergeToken
|
|
39
|
+
});
|
|
40
|
+
var generateReplaceComponentToken = generateComponentToken(globalToken, defaultComponentToken);
|
|
41
|
+
var generateUndeletableComponentToken = generateComponentToken(globalToken, undeletableComponentToken);
|
|
42
|
+
var mergeComponentToken = merge({}, commonComponentToken, generateReplaceComponentToken, generateUndeletableComponentToken, components);
|
|
43
|
+
var mergeDefaultThemeToken = merge({}, {
|
|
44
|
+
token: mergeToken
|
|
45
|
+
}, {
|
|
46
|
+
components: mergeComponentToken
|
|
47
|
+
}, rest);
|
|
48
|
+
return mergeDefaultThemeToken;
|
|
49
|
+
};
|
|
@@ -29,7 +29,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
|
29
29
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
30
30
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
31
31
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
32
|
-
import React, { useState, useEffect, Fragment, forwardRef, useMemo } from "react";
|
|
32
|
+
import React, { useState, useEffect, Fragment, forwardRef, useMemo, useCallback } from "react";
|
|
33
33
|
import { filterTreeByName, filterTree, filterTreeByNameTable, filterObj, getNotSelectKeys, getKeysAndTitle, getBottomKey, renderLeafNodetree, renderRelationNode, createTitle } from "./utils";
|
|
34
34
|
import classnames from "classnames";
|
|
35
35
|
import Drag from "./Drag";
|
|
@@ -231,11 +231,6 @@ var QuickTransfer = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
231
231
|
useEffect(function () {
|
|
232
232
|
// 设置数据源
|
|
233
233
|
setData(dataSource);
|
|
234
|
-
if (type === "list") {
|
|
235
|
-
if (targetKeys) {
|
|
236
|
-
setListCheckedStyle(targetKeys, dataSource);
|
|
237
|
-
}
|
|
238
|
-
}
|
|
239
234
|
}, [dataSource]);
|
|
240
235
|
useEffect(function () {
|
|
241
236
|
//传入的当前选中的key
|
|
@@ -277,18 +272,50 @@ var QuickTransfer = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
277
272
|
}
|
|
278
273
|
}
|
|
279
274
|
}, [targetKeys, dataSource]);
|
|
280
|
-
//触发前端自定义搜索
|
|
281
275
|
useEffect(function () {
|
|
282
|
-
|
|
283
|
-
|
|
276
|
+
// 左侧受控值绑定
|
|
277
|
+
if (searchValueLeft !== undefined && searchValueLeft !== saveSearchValueLeft) {
|
|
284
278
|
// 初始化搜索结果
|
|
285
279
|
setSaveSearchValueLeft(searchValueLeft);
|
|
286
280
|
}
|
|
287
|
-
|
|
281
|
+
}, [searchValueLeft, saveSearchValueLeft]);
|
|
282
|
+
useEffect(function () {
|
|
283
|
+
// 右侧受控值绑定
|
|
284
|
+
if (searchValueRight !== undefined && searchValueRight !== saveSearchValueRight) {
|
|
288
285
|
// 初始化搜索结果
|
|
289
286
|
setSaveSearchValueRight(searchValueRight);
|
|
290
287
|
}
|
|
291
|
-
}, [
|
|
288
|
+
}, [searchValueRight, saveSearchValueRight]);
|
|
289
|
+
|
|
290
|
+
// 左侧搜索框输入触发
|
|
291
|
+
var handleSearch = useCallback(function (searchValue) {
|
|
292
|
+
var newData = [];
|
|
293
|
+
var listCheckedKeys_ = [];
|
|
294
|
+
if (type === "list") {
|
|
295
|
+
dataSource.forEach(function (item, index) {
|
|
296
|
+
if (isMath(item.title, searchValue)) {
|
|
297
|
+
newData.push(dataSource[index]);
|
|
298
|
+
}
|
|
299
|
+
});
|
|
300
|
+
listCheckedKeys_ = newData.filter(function (item) {
|
|
301
|
+
return checkValue.find(function (i) {
|
|
302
|
+
return i.key == item.key;
|
|
303
|
+
});
|
|
304
|
+
}).map(function (item) {
|
|
305
|
+
return item.key;
|
|
306
|
+
});
|
|
307
|
+
setData(newData);
|
|
308
|
+
setListCheckedStyle(listCheckedKeys_, newData);
|
|
309
|
+
}
|
|
310
|
+
if (type === "table") {
|
|
311
|
+
newData = filterTreeByNameTable(dataSource, searchValue, searchColumns ? searchColumns : newSearchColumns);
|
|
312
|
+
setData(newData);
|
|
313
|
+
}
|
|
314
|
+
}, [dataSource, checkValue]);
|
|
315
|
+
useEffect(function () {
|
|
316
|
+
handleSearch(saveSearchValueLeft);
|
|
317
|
+
}, [handleSearch, saveSearchValueLeft]);
|
|
318
|
+
|
|
292
319
|
//获取左侧列表选中的key
|
|
293
320
|
useEffect(function () {
|
|
294
321
|
if (getTargetKeys) {
|
|
@@ -336,35 +363,6 @@ var QuickTransfer = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
336
363
|
setIndeterminate(!!listCheckedKeys.length && listCheckedKeys.length < dataSource.length);
|
|
337
364
|
setCheckAll(listCheckedKeys.length === dataSource.length);
|
|
338
365
|
};
|
|
339
|
-
// 左侧搜索框输入触发
|
|
340
|
-
var handleSearch = function handleSearch(searchValue) {
|
|
341
|
-
var newData = [];
|
|
342
|
-
var listCheckedKeys_ = [];
|
|
343
|
-
if (type === "list") {
|
|
344
|
-
dataSource.forEach(function (item, index) {
|
|
345
|
-
if (isMath(item.title, searchValue)) {
|
|
346
|
-
newData.push(dataSource[index]);
|
|
347
|
-
}
|
|
348
|
-
});
|
|
349
|
-
listCheckedKeys_ = newData.filter(function (item) {
|
|
350
|
-
return checkValue.find(function (i) {
|
|
351
|
-
return i.key == item.key;
|
|
352
|
-
});
|
|
353
|
-
}).map(function (item) {
|
|
354
|
-
return item.key;
|
|
355
|
-
});
|
|
356
|
-
setData(newData);
|
|
357
|
-
setListCheckedStyle(listCheckedKeys_, newData);
|
|
358
|
-
}
|
|
359
|
-
// if (type === "tree") {
|
|
360
|
-
// newData = filterTree(dataSource, searchValue);
|
|
361
|
-
// setData(newData);
|
|
362
|
-
// }
|
|
363
|
-
if (type === "table") {
|
|
364
|
-
newData = filterTreeByNameTable(dataSource, searchValue, searchColumns ? searchColumns : newSearchColumns);
|
|
365
|
-
setData(newData);
|
|
366
|
-
}
|
|
367
|
-
};
|
|
368
366
|
|
|
369
367
|
//type为list 左侧列表选中触发的事件
|
|
370
368
|
var onChangeChecked = function onChangeChecked(e, value) {
|
|
@@ -585,17 +583,15 @@ var QuickTransfer = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
585
583
|
var showSearchChange = function showSearchChange(e) {
|
|
586
584
|
onSearchChange && onSearchChange(e);
|
|
587
585
|
onLeftSearchChange && onLeftSearchChange(e);
|
|
588
|
-
//
|
|
589
|
-
if (searchValueLeft === undefined) {
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
}
|
|
586
|
+
// 保存搜索结果,实时保存不然受控模式中文会有问题
|
|
587
|
+
// if (searchValueLeft === undefined) {
|
|
588
|
+
setSaveSearchValueLeft(e.target.value);
|
|
589
|
+
// handleSearch(e.target.value);
|
|
590
|
+
// }
|
|
593
591
|
};
|
|
594
592
|
var showSearchChangeRight = function showSearchChangeRight(e) {
|
|
595
593
|
onRightSearchChange(e);
|
|
596
|
-
|
|
597
|
-
setSaveSearchValueRight(e.target.value);
|
|
598
|
-
}
|
|
594
|
+
setSaveSearchValueRight(e.target.value);
|
|
599
595
|
};
|
|
600
596
|
// 全选状态改变触发
|
|
601
597
|
var onCheckAllChange = function onCheckAllChange(e) {
|
|
@@ -6,16 +6,13 @@ export default function ExtraQuickSelect(props) {
|
|
|
6
6
|
ranges = _props$ranges === void 0 ? {} : _props$ranges,
|
|
7
7
|
quickClick = props.quickClick,
|
|
8
8
|
setDateValue = props.setDateValue,
|
|
9
|
-
setStartTimeParams = props.setStartTimeParams,
|
|
10
|
-
setEndTimeParams = props.setEndTimeParams,
|
|
11
9
|
recordBeforeDateRef = props.recordBeforeDateRef,
|
|
12
10
|
setAllDateTimeValue = props.setAllDateTimeValue,
|
|
13
11
|
recordQuickActiveKey = props.recordQuickActiveKey;
|
|
14
12
|
var rangesToArray = Object.entries(ranges);
|
|
15
13
|
var _onMouseEnter = function onMouseEnter(startDate, endDate) {
|
|
16
14
|
setDateValue([startDate, endDate]);
|
|
17
|
-
|
|
18
|
-
setEndTimeParams(endDate);
|
|
15
|
+
setAllDateTimeValue([startDate, endDate]);
|
|
19
16
|
};
|
|
20
17
|
var onMouseLeave = function onMouseLeave() {
|
|
21
18
|
setDateValue(recordBeforeDateRef.current);
|
package/lib/RangePicker/index.js
CHANGED
|
@@ -49,6 +49,18 @@ var _RangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
49
49
|
quickSelect = _props$quickSelect === void 0 ? false : _props$quickSelect,
|
|
50
50
|
dataSource = props.dataSource,
|
|
51
51
|
rest = _objectWithoutProperties(props, _excluded);
|
|
52
|
+
var _defaultTimeOption$st = defaultTimeOption.startTimeOption,
|
|
53
|
+
startTimeOption = _defaultTimeOption$st === void 0 ? dayjs().set("hour", 0).set("minute", 0).set("second", 0) : _defaultTimeOption$st,
|
|
54
|
+
_defaultTimeOption$en = defaultTimeOption.endTimeOption,
|
|
55
|
+
endTimeOption = _defaultTimeOption$en === void 0 ? dayjs().set("hour", 0).set("minute", 0).set("second", 0) : _defaultTimeOption$en;
|
|
56
|
+
var timeFormat = useRef("HH:mm:ss"); //timepicker默认的时间格式
|
|
57
|
+
var preConfirm = useRef(null); //记录上一次点击确定的值,包括初始传进来的值
|
|
58
|
+
var formatRef = useRef(showTime ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD");
|
|
59
|
+
var rangePickerRef = useRef(null); // 绑定在RangePicker组件上的Ref
|
|
60
|
+
var recordBeforeDateRef = useRef(null); // 取消悬停快捷选择需要恢复的日期
|
|
61
|
+
var recordQuickActiveKey = useRef(null); // 当前快捷选择活跃项
|
|
62
|
+
var isBtnRef = useRef(false); // 是否相当于点击了确定按钮
|
|
63
|
+
var wrapperRef = useRef(null);
|
|
52
64
|
var _useState = useState(defaultValue),
|
|
53
65
|
_useState2 = _slicedToArray(_useState, 2),
|
|
54
66
|
dateValue = _useState2[0],
|
|
@@ -57,22 +69,14 @@ var _RangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
57
69
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
58
70
|
visible = _useState4[0],
|
|
59
71
|
setVisible = _useState4[1]; //控制日期面板的显示隐藏
|
|
60
|
-
var _useState5 = useState(
|
|
72
|
+
var _useState5 = useState(startTimeOption),
|
|
61
73
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
62
74
|
startTimeParams = _useState6[0],
|
|
63
75
|
setStartTimeParams = _useState6[1]; //开始时间的参数
|
|
64
|
-
var _useState7 = useState(
|
|
76
|
+
var _useState7 = useState(endTimeOption),
|
|
65
77
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
66
78
|
endTimeParams = _useState8[0],
|
|
67
79
|
setEndTimeParams = _useState8[1]; //结束时间的参数
|
|
68
|
-
var timeFormat = useRef("HH:mm:ss"); //timepicker默认的时间格式
|
|
69
|
-
var preConfirm = useRef(null); //记录上一次点击确定的值,包括初始传进来的值
|
|
70
|
-
var formatRef = useRef(showTime ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD");
|
|
71
|
-
var rangePickerRef = useRef(null); // 绑定在RangePicker组件上的Ref
|
|
72
|
-
var recordBeforeDateRef = useRef(null); // 取消悬停快捷选择需要恢复的日期
|
|
73
|
-
var recordQuickActiveKey = useRef(null); // 当前快捷选择活跃项
|
|
74
|
-
var isBtnRef = useRef(false); // 是否相当于点击了确定按钮
|
|
75
|
-
var wrapperRef = useRef(null);
|
|
76
80
|
var _useConfigContext = useConfigContext(),
|
|
77
81
|
getPrefixCls = _useConfigContext.getPrefixCls;
|
|
78
82
|
var prefixCls = getPrefixCls();
|
|
@@ -81,10 +85,6 @@ var _RangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
81
85
|
wrapCSSVar = _useStyle2[0],
|
|
82
86
|
hashId = _useStyle2[1],
|
|
83
87
|
cssVarCls = _useStyle2[2];
|
|
84
|
-
var _defaultTimeOption$st = defaultTimeOption.startTimeOption,
|
|
85
|
-
startTimeOption = _defaultTimeOption$st === void 0 ? formatStringToDate("00:00:00", timeFormat.current) : _defaultTimeOption$st,
|
|
86
|
-
_defaultTimeOption$en = defaultTimeOption.endTimeOption,
|
|
87
|
-
endTimeOption = _defaultTimeOption$en === void 0 ? formatStringToDate("00:00:00", timeFormat.current) : _defaultTimeOption$en;
|
|
88
88
|
//监听外部控制面板的显示隐藏状态
|
|
89
89
|
useEffect(function () {
|
|
90
90
|
if ("open" in props) {
|
|
@@ -104,12 +104,12 @@ var _RangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
104
104
|
setDateValue(value);
|
|
105
105
|
recordBeforeDateRef.current = value;
|
|
106
106
|
preConfirm.current = value;
|
|
107
|
-
setAllDateTimeValue(value);
|
|
107
|
+
setAllDateTimeValue(Array.isArray(value) && !value.length ? null : value);
|
|
108
108
|
} else if ("defaultValue" in props) {
|
|
109
109
|
setDateValue(defaultValue);
|
|
110
110
|
recordBeforeDateRef.current = defaultValue;
|
|
111
111
|
preConfirm.current = defaultValue;
|
|
112
|
-
setAllDateTimeValue(defaultValue);
|
|
112
|
+
setAllDateTimeValue(Array.isArray(defaultValue) && !defaultValue.length ? null : defaultValue);
|
|
113
113
|
}
|
|
114
114
|
}, [defaultValue, value]);
|
|
115
115
|
var format = useMemo(function () {
|
|
@@ -128,7 +128,7 @@ var _RangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
128
128
|
}, [visible]);
|
|
129
129
|
//点击取消触发的事件
|
|
130
130
|
var handleCancel = function handleCancel() {
|
|
131
|
-
if (preConfirm.current && preConfirm.current
|
|
131
|
+
if (Array.isArray(preConfirm.current) && preConfirm.current.length) {
|
|
132
132
|
setStartTimeParams(preConfirm.current[0]);
|
|
133
133
|
setEndTimeParams(preConfirm.current[1]);
|
|
134
134
|
setDateValue(preConfirm.current);
|
|
@@ -161,8 +161,9 @@ var _RangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
161
161
|
var setAllDateTimeValue = function setAllDateTimeValue(value) {
|
|
162
162
|
if (!showTime) return;
|
|
163
163
|
if (value && value.length === 2) {
|
|
164
|
-
|
|
165
|
-
|
|
164
|
+
// 此次转化为修复日期组件的回显问题:0时区
|
|
165
|
+
setStartTimeParams(value[0].set("hour", value[0].get("hour")).set("minute", value[0].get("minute")).set("second", value[0].get("second")));
|
|
166
|
+
setEndTimeParams(value[1].set("hour", value[1].get("hour")).set("minute", value[1].get("minute")).set("second", value[1].get("second")));
|
|
166
167
|
} else {
|
|
167
168
|
setStartTimeParams(startTimeOption);
|
|
168
169
|
setEndTimeParams(endTimeOption);
|
|
@@ -171,6 +172,8 @@ var _RangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
171
172
|
// TimePicker开始时间改变触发的事件
|
|
172
173
|
var changeStartTime = function changeStartTime(newStartTime) {
|
|
173
174
|
if (!newStartTime) return;
|
|
175
|
+
// 此次转化为修复日期组件的回显问题:0时区
|
|
176
|
+
newStartTime = newStartTime.set("hour", newStartTime.get("hour")).set("minute", newStartTime.get("minute")).set("second", newStartTime.get("second"));
|
|
174
177
|
setStartTimeParams(newStartTime);
|
|
175
178
|
isBtnRef.current = false;
|
|
176
179
|
if (Array.isArray(dateValue)) {
|
|
@@ -189,6 +192,8 @@ var _RangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
189
192
|
// TimePicker结束时间改变触发的事件
|
|
190
193
|
var changeEndTime = function changeEndTime(newEndTime) {
|
|
191
194
|
if (!newEndTime) return;
|
|
195
|
+
// 此次转化为修复日期组件的回显问题:0时区
|
|
196
|
+
newEndTime = newEndTime.set("hour", newEndTime.get("hour")).set("minute", newEndTime.get("minute")).set("second", newEndTime.get("second"));
|
|
192
197
|
setEndTimeParams(newEndTime);
|
|
193
198
|
isBtnRef.current = false;
|
|
194
199
|
if (Array.isArray(dateValue)) {
|
|
@@ -261,7 +266,6 @@ var _RangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
261
266
|
};
|
|
262
267
|
//面板值改变触发的回调 主要用于处理时间
|
|
263
268
|
var handleCalendarChange = function handleCalendarChange(calendarDate, dateStrings, info) {
|
|
264
|
-
// rangePickerRef.current?.focus({index: info.range === "start" ? 1 : 0})
|
|
265
269
|
if (!calendarDate) {
|
|
266
270
|
_onCalendarChange(calendarDate, dateStrings, info);
|
|
267
271
|
setAllDateTimeValue(calendarDate);
|
|
@@ -317,9 +321,6 @@ var _RangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
317
321
|
if (dayjs(startDateTime).isAfter(endDateTime)) {
|
|
318
322
|
endTimeStr = leftTimeStr;
|
|
319
323
|
endDateTime = startDateTime;
|
|
320
|
-
if (startTimeParams) {
|
|
321
|
-
setEndTimeParams(startTimeParams);
|
|
322
|
-
}
|
|
323
324
|
}
|
|
324
325
|
setAllDateTimeValue([startDateTime, endDateTime]);
|
|
325
326
|
setDateValue([startDateTime, endDateTime]);
|
|
@@ -414,6 +415,19 @@ var _RangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
414
415
|
_useMemo2 = _slicedToArray(_useMemo, 2),
|
|
415
416
|
hasQuickSelect = _useMemo2[0],
|
|
416
417
|
_ranges = _useMemo2[1];
|
|
418
|
+
var _dateValue = useMemo(function () {
|
|
419
|
+
// 此次转化为修复日期组件的回显问题:0时区
|
|
420
|
+
var _dateValue = dateValue;
|
|
421
|
+
if (Array.isArray(_dateValue)) {
|
|
422
|
+
if (_dateValue[0]) {
|
|
423
|
+
_dateValue[0] = dayjs(_dateValue[0]);
|
|
424
|
+
}
|
|
425
|
+
if (_dateValue[1]) {
|
|
426
|
+
_dateValue[1] = dayjs(_dateValue[1]);
|
|
427
|
+
}
|
|
428
|
+
}
|
|
429
|
+
return _dateValue;
|
|
430
|
+
}, [dateValue]);
|
|
417
431
|
return wrapCSSVar(/*#__PURE__*/React.createElement("div", {
|
|
418
432
|
className: classnames(hashId, cssVarCls, "cw-new-range-picker-wrapper"),
|
|
419
433
|
ref: wrapperRef
|
|
@@ -428,8 +442,6 @@ var _RangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
428
442
|
ranges: _ranges,
|
|
429
443
|
quickClick: quickClick,
|
|
430
444
|
setDateValue: setDateValue,
|
|
431
|
-
setStartTimeParams: setStartTimeParams,
|
|
432
|
-
setEndTimeParams: setEndTimeParams,
|
|
433
445
|
recordBeforeDateRef: recordBeforeDateRef,
|
|
434
446
|
setAllDateTimeValue: setAllDateTimeValue,
|
|
435
447
|
recordQuickActiveKey: recordQuickActiveKey
|
|
@@ -445,7 +457,7 @@ var _RangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
445
457
|
format: format,
|
|
446
458
|
onChange: handleDateChange,
|
|
447
459
|
onCalendarChange: handleCalendarChange,
|
|
448
|
-
value:
|
|
460
|
+
value: _dateValue,
|
|
449
461
|
className: classnames(className),
|
|
450
462
|
ref: rangePickerRef,
|
|
451
463
|
inputReadOnly: true,
|
|
@@ -31,7 +31,7 @@ export function range(start, end) {
|
|
|
31
31
|
|
|
32
32
|
// 格式化时间为字符串
|
|
33
33
|
export function formatDateToString(dateTime, format) {
|
|
34
|
-
return dayjs(dateTime).format(format);
|
|
34
|
+
return originalDayjs.isDayjs(dateTime) ? dateTime.format(format) : dayjs(dateTime).format(format);
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
// 格式化时间为字符串,并将其切割date time的一个数组
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chaoswise/ui",
|
|
3
3
|
"packageName": "chaoswiseUI",
|
|
4
|
-
"version": "3.0
|
|
4
|
+
"version": "3.1.0",
|
|
5
5
|
"description": "公共UI库",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"ui",
|
|
@@ -19,15 +19,16 @@
|
|
|
19
19
|
"build": "gulp es --gulpfile ./scripts/gulpfile.js"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@ant-design/colors": "^7.0
|
|
22
|
+
"@ant-design/colors": "^7.1.0",
|
|
23
23
|
"@ant-design/create-react-context": "^0.2.6",
|
|
24
|
-
"@ant-design/cssinjs": "^1.
|
|
25
|
-
"@ant-design/
|
|
24
|
+
"@ant-design/cssinjs": "^1.21.1",
|
|
25
|
+
"@ant-design/cssinjs-utils": "^1.1.1",
|
|
26
|
+
"@ant-design/icons": "^5.5.1",
|
|
26
27
|
"@ant-design/react-slick": "~1.1.2",
|
|
27
28
|
"@antv/g6": "^4.8.24",
|
|
28
|
-
"@babel/runtime": "^7.
|
|
29
|
+
"@babel/runtime": "^7.25.7",
|
|
29
30
|
"@chaoswise/ace": "^1.4.13",
|
|
30
|
-
"@chaoswise/cssinjs": "^1.0.
|
|
31
|
+
"@chaoswise/cssinjs": "^1.0.6",
|
|
31
32
|
"@chaoswise/icons-svg": "^1.0.1",
|
|
32
33
|
"@chaoswise/utils": "^0.0.35",
|
|
33
34
|
"@ctrl/tinycolor": "^3.6.1",
|
|
@@ -37,53 +38,54 @@
|
|
|
37
38
|
"@emotion/server": "^11.11.0",
|
|
38
39
|
"@emotion/styled": "^11.11.0",
|
|
39
40
|
"@icon-park/react": "^1.4.2",
|
|
40
|
-
"@rc-component/color-picker": "~
|
|
41
|
+
"@rc-component/color-picker": "~2.0.1",
|
|
41
42
|
"@rc-component/mutate-observer": "^1.1.0",
|
|
42
|
-
"@rc-component/
|
|
43
|
-
"@rc-component/
|
|
43
|
+
"@rc-component/qrcode": "~1.0.0",
|
|
44
|
+
"@rc-component/tour": "~1.15.1",
|
|
45
|
+
"@rc-component/trigger": "^2.2.5",
|
|
44
46
|
"classnames": "^2.5.1",
|
|
45
47
|
"copy-to-clipboard": "^3.3.3",
|
|
46
|
-
"dayjs": "^1.11.
|
|
48
|
+
"dayjs": "^1.11.11",
|
|
47
49
|
"echarts": "^5.4.3",
|
|
48
50
|
"echarts-for-react": "^3.0.2",
|
|
49
51
|
"highlight.js": "^9.18.5",
|
|
50
52
|
"moment-timezone": "^0.5.46",
|
|
51
53
|
"omit.js": "^2.0.2",
|
|
52
54
|
"qrcode.react": "^3.1.0",
|
|
53
|
-
"rc-cascader": "~3.
|
|
55
|
+
"rc-cascader": "~3.30.0",
|
|
54
56
|
"rc-checkbox": "~3.3.0",
|
|
55
|
-
"rc-collapse": "~3.
|
|
56
|
-
"rc-dialog": "~9.
|
|
57
|
+
"rc-collapse": "~3.9.0",
|
|
58
|
+
"rc-dialog": "~9.6.0",
|
|
57
59
|
"rc-drawer": "~7.2.0",
|
|
58
60
|
"rc-dropdown": "~4.2.0",
|
|
59
|
-
"rc-field-form": "~2.
|
|
61
|
+
"rc-field-form": "~2.5.1",
|
|
60
62
|
"rc-form": "^2.4.12",
|
|
61
|
-
"rc-image": "~7.
|
|
63
|
+
"rc-image": "~7.11.0",
|
|
62
64
|
"rc-input": "~1.6.3",
|
|
63
|
-
"rc-input-number": "~9.
|
|
64
|
-
"rc-mentions": "~2.
|
|
65
|
-
"rc-menu": "~9.
|
|
66
|
-
"rc-motion": "^2.9.
|
|
67
|
-
"rc-notification": "~5.6.
|
|
68
|
-
"rc-pagination": "~4.
|
|
69
|
-
"rc-picker": "~4.
|
|
65
|
+
"rc-input-number": "~9.3.0",
|
|
66
|
+
"rc-mentions": "~2.17.0",
|
|
67
|
+
"rc-menu": "~9.16.0",
|
|
68
|
+
"rc-motion": "^2.9.3",
|
|
69
|
+
"rc-notification": "~5.6.2",
|
|
70
|
+
"rc-pagination": "~4.3.0",
|
|
71
|
+
"rc-picker": "~4.8.1",
|
|
70
72
|
"rc-progress": "~4.0.0",
|
|
71
73
|
"rc-rate": "~2.13.0",
|
|
72
74
|
"rc-resize-observer": "^1.4.0",
|
|
73
|
-
"rc-segmented": "~2.
|
|
74
|
-
"rc-select": "~14.
|
|
75
|
+
"rc-segmented": "~2.5.0",
|
|
76
|
+
"rc-select": "~14.16.3",
|
|
75
77
|
"rc-select-cascader": "npm:rc-select@^14.3.0",
|
|
76
|
-
"rc-slider": "~11.1.
|
|
78
|
+
"rc-slider": "~11.1.7",
|
|
77
79
|
"rc-steps": "~6.0.1",
|
|
78
80
|
"rc-switch": "~4.1.0",
|
|
79
|
-
"rc-table": "~7.
|
|
80
|
-
"rc-tabs": "~15.
|
|
81
|
-
"rc-textarea": "~1.8.
|
|
82
|
-
"rc-tooltip": "~6.2.
|
|
83
|
-
"rc-tree": "~5.
|
|
81
|
+
"rc-table": "~7.48.1",
|
|
82
|
+
"rc-tabs": "~15.4.0",
|
|
83
|
+
"rc-textarea": "~1.8.2",
|
|
84
|
+
"rc-tooltip": "~6.2.1",
|
|
85
|
+
"rc-tree": "~5.10.1",
|
|
84
86
|
"rc-tree-cascader": "npm:rc-tree@^5.7.12",
|
|
85
|
-
"rc-tree-select": "~5.
|
|
86
|
-
"rc-upload": "~4.
|
|
87
|
+
"rc-tree-select": "~5.24.4",
|
|
88
|
+
"rc-upload": "~4.8.1",
|
|
87
89
|
"rc-util": "^5.43.0",
|
|
88
90
|
"re-resizable": "^6.9.11",
|
|
89
91
|
"react-custom-scrollbars": "^4.2.1",
|
|
@@ -127,9 +129,9 @@
|
|
|
127
129
|
"gulp": "^4.0.2",
|
|
128
130
|
"gulp-babel": "^8.0.0",
|
|
129
131
|
"gulp-typescript": "^5.0.1",
|
|
130
|
-
"react": "^18.
|
|
131
|
-
"react-dom": "^18.
|
|
132
|
-
"react-router-dom": "^5.
|
|
132
|
+
"react": "^18.3.1",
|
|
133
|
+
"react-dom": "^18.3.1",
|
|
134
|
+
"react-router-dom": "^5.2.0",
|
|
133
135
|
"storybook": "^7.5.3",
|
|
134
136
|
"typescript": "^5.0.2",
|
|
135
137
|
"webpack": "^5.89.0",
|