tiny-ui 1.0.1 → 1.0.3
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/styles/index.css +8 -64
- package/dist/styles/index.css.map +1 -1
- package/dist/styles/index.min.css +1 -1
- package/dist/styles/index.min.css.map +1 -1
- package/dist/tiny.min.js +1 -1
- package/dist/tiny.min.js.map +1 -1
- package/es/_utils/use-theme.js +1 -1
- package/es/_utils/use-theme.js.map +1 -1
- package/es/alert/alert.d.ts +4 -0
- package/es/alert/alert.js +56 -0
- package/es/alert/alert.js.map +1 -0
- package/es/alert/index.d.ts +1 -3
- package/es/alert/index.js +1 -54
- package/es/alert/index.js.map +1 -1
- package/es/anchor/anchor.js +9 -0
- package/es/anchor/anchor.js.map +1 -1
- package/es/aspect-ratio/aspect-ratio.d.ts +4 -0
- package/es/aspect-ratio/aspect-ratio.js +15 -0
- package/es/aspect-ratio/aspect-ratio.js.map +1 -0
- package/es/aspect-ratio/index.d.ts +1 -3
- package/es/aspect-ratio/index.js +1 -13
- package/es/aspect-ratio/index.js.map +1 -1
- package/es/back-top/back-top.d.ts +3 -0
- package/es/back-top/back-top.js +80 -0
- package/es/back-top/back-top.js.map +1 -0
- package/es/back-top/index.d.ts +1 -2
- package/es/back-top/index.js +1 -78
- package/es/back-top/index.js.map +1 -1
- package/es/badge/badge.d.ts +4 -0
- package/es/badge/badge.js +29 -0
- package/es/badge/badge.js.map +1 -0
- package/es/badge/index.d.ts +1 -3
- package/es/badge/index.js +1 -27
- package/es/badge/index.js.map +1 -1
- package/es/calendar/calendar.d.ts +4 -0
- package/es/calendar/calendar.js +117 -0
- package/es/calendar/calendar.js.map +1 -0
- package/es/calendar/index.d.ts +1 -3
- package/es/calendar/index.js +1 -115
- package/es/calendar/index.js.map +1 -1
- package/es/collapse-transition/collapse-transition.d.ts +10 -0
- package/es/collapse-transition/collapse-transition.js +89 -0
- package/es/collapse-transition/collapse-transition.js.map +1 -0
- package/es/collapse-transition/index.d.ts +1 -9
- package/es/collapse-transition/index.js +1 -87
- package/es/collapse-transition/index.js.map +1 -1
- package/es/config-provider/config-provider.d.ts +6 -0
- package/es/config-provider/config-provider.js +23 -0
- package/es/config-provider/config-provider.js.map +1 -0
- package/es/config-provider/index.d.ts +1 -5
- package/es/config-provider/index.js +1 -21
- package/es/config-provider/index.js.map +1 -1
- package/es/copy-to-clipboard/copy-to-clipboard.d.ts +7 -0
- package/es/copy-to-clipboard/copy-to-clipboard.js +47 -0
- package/es/copy-to-clipboard/copy-to-clipboard.js.map +1 -0
- package/es/copy-to-clipboard/index.d.ts +1 -6
- package/es/copy-to-clipboard/index.js +1 -45
- package/es/copy-to-clipboard/index.js.map +1 -1
- package/es/countdown/countdown.d.ts +4 -0
- package/es/countdown/countdown.js +42 -0
- package/es/countdown/countdown.js.map +1 -0
- package/es/countdown/index.d.ts +1 -3
- package/es/countdown/index.js +1 -40
- package/es/countdown/index.js.map +1 -1
- package/es/date-picker/date-picker.d.ts +6 -0
- package/es/date-picker/date-picker.js +142 -0
- package/es/date-picker/date-picker.js.map +1 -0
- package/es/date-picker/index.d.ts +1 -5
- package/es/date-picker/index.js +1 -140
- package/es/date-picker/index.js.map +1 -1
- package/es/divider/divider.d.ts +4 -0
- package/es/divider/divider.js +18 -0
- package/es/divider/divider.js.map +1 -0
- package/es/divider/index.d.ts +1 -3
- package/es/divider/index.js +1 -16
- package/es/divider/index.js.map +1 -1
- package/es/drawer/drawer.d.ts +4 -0
- package/es/drawer/drawer.js +67 -0
- package/es/drawer/drawer.js.map +1 -0
- package/es/drawer/index.d.ts +1 -3
- package/es/drawer/index.js +1 -65
- package/es/drawer/index.js.map +1 -1
- package/es/drawer/style/_index.scss +4 -0
- package/es/dropdown/dropdown.d.ts +6 -0
- package/es/dropdown/dropdown.js +101 -0
- package/es/dropdown/dropdown.js.map +1 -0
- package/es/dropdown/index.d.ts +1 -5
- package/es/dropdown/index.js +1 -99
- package/es/dropdown/index.js.map +1 -1
- package/es/empty/empty.d.ts +4 -0
- package/es/empty/empty.js +28 -0
- package/es/empty/empty.js.map +1 -0
- package/es/empty/index.d.ts +1 -3
- package/es/empty/index.js +1 -26
- package/es/empty/index.js.map +1 -1
- package/es/flex/flex.d.ts +4 -0
- package/es/flex/flex.js +29 -0
- package/es/flex/flex.js.map +1 -0
- package/es/flex/index.d.ts +1 -3
- package/es/flex/index.js +1 -27
- package/es/flex/index.js.map +1 -1
- package/es/grid/types.d.ts +1 -1
- package/es/icon/icon.d.ts +4 -0
- package/es/icon/icon.js +17 -0
- package/es/icon/icon.js.map +1 -0
- package/es/icon/index.d.ts +1 -3
- package/es/icon/index.js +1 -15
- package/es/icon/index.js.map +1 -1
- package/es/image/image.d.ts +6 -0
- package/es/image/image.js +34 -0
- package/es/image/image.js.map +1 -0
- package/es/image/index.d.ts +1 -5
- package/es/image/index.js +1 -32
- package/es/image/index.js.map +1 -1
- package/es/input-number/index.d.ts +1 -3
- package/es/input-number/index.js +1 -60
- package/es/input-number/index.js.map +1 -1
- package/es/input-number/input-number.d.ts +4 -0
- package/es/input-number/input-number.js +62 -0
- package/es/input-number/input-number.js.map +1 -0
- package/es/input-password/index.d.ts +1 -2
- package/es/input-password/index.js +1 -19
- package/es/input-password/index.js.map +1 -1
- package/es/input-password/input-password.d.ts +3 -0
- package/es/input-password/input-password.js +21 -0
- package/es/input-password/input-password.js.map +1 -0
- package/es/intl-provider/index.d.ts +1 -7
- package/es/intl-provider/index.js +1 -6
- package/es/intl-provider/index.js.map +1 -1
- package/es/intl-provider/intl-provider.d.ts +8 -0
- package/es/intl-provider/intl-provider.js +8 -0
- package/es/intl-provider/intl-provider.js.map +1 -0
- package/es/keyboard/index.d.ts +1 -3
- package/es/keyboard/index.js +1 -13
- package/es/keyboard/index.js.map +1 -1
- package/es/keyboard/keyboard.d.ts +4 -0
- package/es/keyboard/keyboard.js +15 -0
- package/es/keyboard/keyboard.js.map +1 -0
- package/es/link/index.d.ts +1 -6
- package/es/link/index.js +1 -19
- package/es/link/index.js.map +1 -1
- package/es/link/link.d.ts +7 -0
- package/es/link/link.js +21 -0
- package/es/link/link.js.map +1 -0
- package/es/list/list.js +2 -4
- package/es/list/list.js.map +1 -1
- package/es/list/style/_index.scss +0 -31
- package/es/list/types.d.ts +2 -1
- package/es/loader/index.d.ts +1 -3
- package/es/loader/index.js +1 -23
- package/es/loader/index.js.map +1 -1
- package/es/loader/loader.d.ts +4 -0
- package/es/loader/loader.js +25 -0
- package/es/loader/loader.js.map +1 -0
- package/es/message/index.d.ts +2 -9
- package/es/message/index.js +1 -61
- package/es/message/index.js.map +1 -1
- package/es/message/message-container.d.ts +10 -0
- package/es/message/message-container.js +63 -0
- package/es/message/message-container.js.map +1 -0
- package/es/modal/index.d.ts +1 -3
- package/es/modal/index.js +1 -80
- package/es/modal/index.js.map +1 -1
- package/es/modal/modal.d.ts +4 -0
- package/es/modal/modal.js +82 -0
- package/es/modal/modal.js.map +1 -0
- package/es/modal/style/_index.scss +2 -1
- package/es/notification/index.d.ts +1 -1
- package/es/notification/index.js +1 -72
- package/es/notification/index.js.map +1 -1
- package/es/notification/notification-container.d.ts +2 -0
- package/es/notification/notification-container.js +74 -0
- package/es/notification/notification-container.js.map +1 -0
- package/es/overlay/index.d.ts +1 -5
- package/es/overlay/index.js +1 -24
- package/es/overlay/index.js.map +1 -1
- package/es/overlay/overlay.d.ts +6 -0
- package/es/overlay/overlay.js +26 -0
- package/es/overlay/overlay.js.map +1 -0
- package/es/pagination/index.d.ts +1 -2
- package/es/pagination/index.js +1 -114
- package/es/pagination/index.js.map +1 -1
- package/es/pagination/pagination.d.ts +3 -0
- package/es/pagination/pagination.js +116 -0
- package/es/pagination/pagination.js.map +1 -0
- package/es/pop-confirm/index.d.ts +1 -5
- package/es/pop-confirm/index.js +1 -33
- package/es/pop-confirm/index.js.map +1 -1
- package/es/pop-confirm/pop-confirm.d.ts +6 -0
- package/es/pop-confirm/pop-confirm.js +35 -0
- package/es/pop-confirm/pop-confirm.js.map +1 -0
- package/es/popover/index.d.ts +1 -3
- package/es/popover/index.js +1 -15
- package/es/popover/index.js.map +1 -1
- package/es/popover/popover.d.ts +4 -0
- package/es/popover/popover.js +17 -0
- package/es/popover/popover.js.map +1 -0
- package/es/popup/index.d.ts +1 -2
- package/es/popup/index.js +1 -194
- package/es/popup/index.js.map +1 -1
- package/es/popup/popup.d.ts +3 -0
- package/es/popup/popup.js +196 -0
- package/es/popup/popup.js.map +1 -0
- package/es/portal/index.d.ts +1 -6
- package/es/portal/index.js +1 -5
- package/es/portal/index.js.map +1 -1
- package/es/portal/portal.d.ts +7 -0
- package/es/portal/portal.js +7 -0
- package/es/portal/portal.js.map +1 -0
- package/es/rate/index.d.ts +1 -3
- package/es/rate/index.js +1 -67
- package/es/rate/index.js.map +1 -1
- package/es/rate/rate.d.ts +4 -0
- package/es/rate/rate.js +69 -0
- package/es/rate/rate.js.map +1 -0
- package/es/result/index.d.ts +1 -3
- package/es/result/index.js +1 -35
- package/es/result/index.js.map +1 -1
- package/es/result/result.d.ts +4 -0
- package/es/result/result.js +37 -0
- package/es/result/result.js.map +1 -0
- package/es/scroll-indicator/index.d.ts +1 -6
- package/es/scroll-indicator/index.js +1 -36
- package/es/scroll-indicator/index.js.map +1 -1
- package/es/scroll-indicator/scroll-indicator.d.ts +7 -0
- package/es/scroll-indicator/scroll-indicator.js +38 -0
- package/es/scroll-indicator/scroll-indicator.js.map +1 -0
- package/es/skeleton/index.d.ts +1 -3
- package/es/skeleton/index.js +1 -16
- package/es/skeleton/index.js.map +1 -1
- package/es/skeleton/skeleton.d.ts +4 -0
- package/es/skeleton/skeleton.js +18 -0
- package/es/skeleton/skeleton.js.map +1 -0
- package/es/slider/index.d.ts +1 -3
- package/es/slider/index.js +1 -245
- package/es/slider/index.js.map +1 -1
- package/es/slider/slider.d.ts +4 -0
- package/es/slider/slider.js +247 -0
- package/es/slider/slider.js.map +1 -0
- package/es/space/index.d.ts +1 -3
- package/es/space/index.js +1 -27
- package/es/space/index.js.map +1 -1
- package/es/space/space.d.ts +4 -0
- package/es/space/space.js +29 -0
- package/es/space/space.js.map +1 -0
- package/es/split-button/index.d.ts +1 -6
- package/es/split-button/index.js +1 -17
- package/es/split-button/index.js.map +1 -1
- package/es/split-button/split-button.d.ts +7 -0
- package/es/split-button/split-button.js +19 -0
- package/es/split-button/split-button.js.map +1 -0
- package/es/sticky/index.d.ts +1 -5
- package/es/sticky/index.js +1 -125
- package/es/sticky/index.js.map +1 -1
- package/es/sticky/sticky.d.ts +6 -0
- package/es/sticky/sticky.js +127 -0
- package/es/sticky/sticky.js.map +1 -0
- package/es/strength-indicator/index.d.ts +1 -3
- package/es/strength-indicator/index.js +1 -22
- package/es/strength-indicator/index.js.map +1 -1
- package/es/strength-indicator/strength-indicator.d.ts +4 -0
- package/es/strength-indicator/strength-indicator.js +24 -0
- package/es/strength-indicator/strength-indicator.js.map +1 -0
- package/es/style/_theme.scss +3 -3
- package/es/style/index.css +8 -64
- package/es/switch/index.d.ts +1 -3
- package/es/switch/index.js +1 -35
- package/es/switch/index.js.map +1 -1
- package/es/switch/switch.d.ts +4 -0
- package/es/switch/switch.js +37 -0
- package/es/switch/switch.js.map +1 -0
- package/es/table/style/_index.scss +0 -38
- package/es/table/table.js +2 -4
- package/es/table/table.js.map +1 -1
- package/es/table/types.d.ts +2 -1
- package/es/textarea/index.d.ts +1 -3
- package/es/textarea/index.js +1 -25
- package/es/textarea/index.js.map +1 -1
- package/es/textarea/textarea.d.ts +4 -0
- package/es/textarea/textarea.js +27 -0
- package/es/textarea/textarea.js.map +1 -0
- package/es/tooltip/index.d.ts +1 -3
- package/es/tooltip/index.js +1 -15
- package/es/tooltip/index.js.map +1 -1
- package/es/tooltip/tooltip.d.ts +4 -0
- package/es/tooltip/tooltip.js +17 -0
- package/es/tooltip/tooltip.js.map +1 -0
- package/es/transition/index.d.ts +2 -16
- package/es/transition/index.js +1 -7
- package/es/transition/index.js.map +1 -1
- package/es/transition/transition.d.ts +17 -0
- package/es/transition/transition.js +9 -0
- package/es/transition/transition.js.map +1 -0
- package/lib/_utils/use-theme.js +1 -1
- package/lib/_utils/use-theme.js.map +1 -1
- package/lib/alert/alert.d.ts +4 -0
- package/lib/alert/alert.js +59 -0
- package/lib/alert/alert.js.map +1 -0
- package/lib/alert/index.d.ts +1 -3
- package/lib/alert/index.js +2 -55
- package/lib/alert/index.js.map +1 -1
- package/lib/anchor/anchor.js +9 -0
- package/lib/anchor/anchor.js.map +1 -1
- package/lib/aspect-ratio/aspect-ratio.d.ts +4 -0
- package/lib/aspect-ratio/aspect-ratio.js +18 -0
- package/lib/aspect-ratio/aspect-ratio.js.map +1 -0
- package/lib/aspect-ratio/index.d.ts +1 -3
- package/lib/aspect-ratio/index.js +2 -14
- package/lib/aspect-ratio/index.js.map +1 -1
- package/lib/back-top/back-top.d.ts +3 -0
- package/lib/back-top/back-top.js +83 -0
- package/lib/back-top/back-top.js.map +1 -0
- package/lib/back-top/index.d.ts +1 -2
- package/lib/back-top/index.js +2 -79
- package/lib/back-top/index.js.map +1 -1
- package/lib/badge/badge.d.ts +4 -0
- package/lib/badge/badge.js +32 -0
- package/lib/badge/badge.js.map +1 -0
- package/lib/badge/index.d.ts +1 -3
- package/lib/badge/index.js +2 -28
- package/lib/badge/index.js.map +1 -1
- package/lib/calendar/calendar.d.ts +4 -0
- package/lib/calendar/calendar.js +120 -0
- package/lib/calendar/calendar.js.map +1 -0
- package/lib/calendar/index.d.ts +1 -3
- package/lib/calendar/index.js +2 -116
- package/lib/calendar/index.js.map +1 -1
- package/lib/collapse-transition/collapse-transition.d.ts +10 -0
- package/lib/collapse-transition/collapse-transition.js +91 -0
- package/lib/collapse-transition/collapse-transition.js.map +1 -0
- package/lib/collapse-transition/index.d.ts +1 -9
- package/lib/collapse-transition/index.js +3 -88
- package/lib/collapse-transition/index.js.map +1 -1
- package/lib/config-provider/config-provider.d.ts +6 -0
- package/lib/config-provider/config-provider.js +26 -0
- package/lib/config-provider/config-provider.js.map +1 -0
- package/lib/config-provider/index.d.ts +1 -5
- package/lib/config-provider/index.js +2 -22
- package/lib/config-provider/index.js.map +1 -1
- package/lib/copy-to-clipboard/copy-to-clipboard.d.ts +7 -0
- package/lib/copy-to-clipboard/copy-to-clipboard.js +50 -0
- package/lib/copy-to-clipboard/copy-to-clipboard.js.map +1 -0
- package/lib/copy-to-clipboard/index.d.ts +1 -6
- package/lib/copy-to-clipboard/index.js +2 -46
- package/lib/copy-to-clipboard/index.js.map +1 -1
- package/lib/countdown/countdown.d.ts +4 -0
- package/lib/countdown/countdown.js +45 -0
- package/lib/countdown/countdown.js.map +1 -0
- package/lib/countdown/index.d.ts +1 -3
- package/lib/countdown/index.js +2 -41
- package/lib/countdown/index.js.map +1 -1
- package/lib/date-picker/date-picker.d.ts +6 -0
- package/lib/date-picker/date-picker.js +145 -0
- package/lib/date-picker/date-picker.js.map +1 -0
- package/lib/date-picker/index.d.ts +1 -5
- package/lib/date-picker/index.js +2 -141
- package/lib/date-picker/index.js.map +1 -1
- package/lib/divider/divider.d.ts +4 -0
- package/lib/divider/divider.js +21 -0
- package/lib/divider/divider.js.map +1 -0
- package/lib/divider/index.d.ts +1 -3
- package/lib/divider/index.js +2 -17
- package/lib/divider/index.js.map +1 -1
- package/lib/drawer/drawer.d.ts +4 -0
- package/lib/drawer/drawer.js +70 -0
- package/lib/drawer/drawer.js.map +1 -0
- package/lib/drawer/index.d.ts +1 -3
- package/lib/drawer/index.js +2 -66
- package/lib/drawer/index.js.map +1 -1
- package/lib/drawer/style/_index.scss +4 -0
- package/lib/dropdown/dropdown.d.ts +6 -0
- package/lib/dropdown/dropdown.js +104 -0
- package/lib/dropdown/dropdown.js.map +1 -0
- package/lib/dropdown/index.d.ts +1 -5
- package/lib/dropdown/index.js +2 -100
- package/lib/dropdown/index.js.map +1 -1
- package/lib/empty/empty.d.ts +4 -0
- package/lib/empty/empty.js +31 -0
- package/lib/empty/empty.js.map +1 -0
- package/lib/empty/index.d.ts +1 -3
- package/lib/empty/index.js +2 -27
- package/lib/empty/index.js.map +1 -1
- package/lib/flex/flex.d.ts +4 -0
- package/lib/flex/flex.js +32 -0
- package/lib/flex/flex.js.map +1 -0
- package/lib/flex/index.d.ts +1 -3
- package/lib/flex/index.js +2 -28
- package/lib/flex/index.js.map +1 -1
- package/lib/grid/types.d.ts +1 -1
- package/lib/icon/icon.d.ts +4 -0
- package/lib/icon/icon.js +20 -0
- package/lib/icon/icon.js.map +1 -0
- package/lib/icon/index.d.ts +1 -3
- package/lib/icon/index.js +2 -16
- package/lib/icon/index.js.map +1 -1
- package/lib/image/image.d.ts +6 -0
- package/lib/image/image.js +37 -0
- package/lib/image/image.js.map +1 -0
- package/lib/image/index.d.ts +1 -5
- package/lib/image/index.js +2 -33
- package/lib/image/index.js.map +1 -1
- package/lib/input-number/index.d.ts +1 -3
- package/lib/input-number/index.js +2 -61
- package/lib/input-number/index.js.map +1 -1
- package/lib/input-number/input-number.d.ts +4 -0
- package/lib/input-number/input-number.js +65 -0
- package/lib/input-number/input-number.js.map +1 -0
- package/lib/input-password/index.d.ts +1 -2
- package/lib/input-password/index.js +2 -20
- package/lib/input-password/index.js.map +1 -1
- package/lib/input-password/input-password.d.ts +3 -0
- package/lib/input-password/input-password.js +24 -0
- package/lib/input-password/input-password.js.map +1 -0
- package/lib/intl-provider/index.d.ts +1 -7
- package/lib/intl-provider/index.js +2 -7
- package/lib/intl-provider/index.js.map +1 -1
- package/lib/intl-provider/intl-provider.d.ts +8 -0
- package/lib/intl-provider/intl-provider.js +11 -0
- package/lib/intl-provider/intl-provider.js.map +1 -0
- package/lib/keyboard/index.d.ts +1 -3
- package/lib/keyboard/index.js +2 -14
- package/lib/keyboard/index.js.map +1 -1
- package/lib/keyboard/keyboard.d.ts +4 -0
- package/lib/keyboard/keyboard.js +18 -0
- package/lib/keyboard/keyboard.js.map +1 -0
- package/lib/link/index.d.ts +1 -6
- package/lib/link/index.js +2 -20
- package/lib/link/index.js.map +1 -1
- package/lib/link/link.d.ts +7 -0
- package/lib/link/link.js +24 -0
- package/lib/link/link.js.map +1 -0
- package/lib/list/list.js +2 -4
- package/lib/list/list.js.map +1 -1
- package/lib/list/style/_index.scss +0 -31
- package/lib/list/types.d.ts +2 -1
- package/lib/loader/index.d.ts +1 -3
- package/lib/loader/index.js +2 -24
- package/lib/loader/index.js.map +1 -1
- package/lib/loader/loader.d.ts +4 -0
- package/lib/loader/loader.js +28 -0
- package/lib/loader/loader.js.map +1 -0
- package/lib/message/index.d.ts +2 -9
- package/lib/message/index.js +2 -62
- package/lib/message/index.js.map +1 -1
- package/lib/message/message-container.d.ts +10 -0
- package/lib/message/message-container.js +66 -0
- package/lib/message/message-container.js.map +1 -0
- package/lib/modal/index.d.ts +1 -3
- package/lib/modal/index.js +2 -81
- package/lib/modal/index.js.map +1 -1
- package/lib/modal/modal.d.ts +4 -0
- package/lib/modal/modal.js +85 -0
- package/lib/modal/modal.js.map +1 -0
- package/lib/modal/style/_index.scss +2 -1
- package/lib/notification/index.d.ts +1 -1
- package/lib/notification/index.js +2 -73
- package/lib/notification/index.js.map +1 -1
- package/lib/notification/notification-container.d.ts +2 -0
- package/lib/notification/notification-container.js +77 -0
- package/lib/notification/notification-container.js.map +1 -0
- package/lib/overlay/index.d.ts +1 -5
- package/lib/overlay/index.js +2 -25
- package/lib/overlay/index.js.map +1 -1
- package/lib/overlay/overlay.d.ts +6 -0
- package/lib/overlay/overlay.js +29 -0
- package/lib/overlay/overlay.js.map +1 -0
- package/lib/pagination/index.d.ts +1 -2
- package/lib/pagination/index.js +2 -115
- package/lib/pagination/index.js.map +1 -1
- package/lib/pagination/pagination.d.ts +3 -0
- package/lib/pagination/pagination.js +119 -0
- package/lib/pagination/pagination.js.map +1 -0
- package/lib/pop-confirm/index.d.ts +1 -5
- package/lib/pop-confirm/index.js +2 -34
- package/lib/pop-confirm/index.js.map +1 -1
- package/lib/pop-confirm/pop-confirm.d.ts +6 -0
- package/lib/pop-confirm/pop-confirm.js +38 -0
- package/lib/pop-confirm/pop-confirm.js.map +1 -0
- package/lib/popover/index.d.ts +1 -3
- package/lib/popover/index.js +2 -16
- package/lib/popover/index.js.map +1 -1
- package/lib/popover/popover.d.ts +4 -0
- package/lib/popover/popover.js +20 -0
- package/lib/popover/popover.js.map +1 -0
- package/lib/popup/index.d.ts +1 -2
- package/lib/popup/index.js +2 -195
- package/lib/popup/index.js.map +1 -1
- package/lib/popup/popup.d.ts +3 -0
- package/lib/popup/popup.js +199 -0
- package/lib/popup/popup.js.map +1 -0
- package/lib/portal/index.d.ts +1 -6
- package/lib/portal/index.js +2 -6
- package/lib/portal/index.js.map +1 -1
- package/lib/portal/portal.d.ts +7 -0
- package/lib/portal/portal.js +10 -0
- package/lib/portal/portal.js.map +1 -0
- package/lib/rate/index.d.ts +1 -3
- package/lib/rate/index.js +2 -68
- package/lib/rate/index.js.map +1 -1
- package/lib/rate/rate.d.ts +4 -0
- package/lib/rate/rate.js +72 -0
- package/lib/rate/rate.js.map +1 -0
- package/lib/result/index.d.ts +1 -3
- package/lib/result/index.js +2 -36
- package/lib/result/index.js.map +1 -1
- package/lib/result/result.d.ts +4 -0
- package/lib/result/result.js +40 -0
- package/lib/result/result.js.map +1 -0
- package/lib/scroll-indicator/index.d.ts +1 -6
- package/lib/scroll-indicator/index.js +2 -37
- package/lib/scroll-indicator/index.js.map +1 -1
- package/lib/scroll-indicator/scroll-indicator.d.ts +7 -0
- package/lib/scroll-indicator/scroll-indicator.js +41 -0
- package/lib/scroll-indicator/scroll-indicator.js.map +1 -0
- package/lib/skeleton/index.d.ts +1 -3
- package/lib/skeleton/index.js +2 -17
- package/lib/skeleton/index.js.map +1 -1
- package/lib/skeleton/skeleton.d.ts +4 -0
- package/lib/skeleton/skeleton.js +21 -0
- package/lib/skeleton/skeleton.js.map +1 -0
- package/lib/slider/index.d.ts +1 -3
- package/lib/slider/index.js +2 -246
- package/lib/slider/index.js.map +1 -1
- package/lib/slider/slider.d.ts +4 -0
- package/lib/slider/slider.js +250 -0
- package/lib/slider/slider.js.map +1 -0
- package/lib/space/index.d.ts +1 -3
- package/lib/space/index.js +2 -28
- package/lib/space/index.js.map +1 -1
- package/lib/space/space.d.ts +4 -0
- package/lib/space/space.js +32 -0
- package/lib/space/space.js.map +1 -0
- package/lib/split-button/index.d.ts +1 -6
- package/lib/split-button/index.js +2 -18
- package/lib/split-button/index.js.map +1 -1
- package/lib/split-button/split-button.d.ts +7 -0
- package/lib/split-button/split-button.js +22 -0
- package/lib/split-button/split-button.js.map +1 -0
- package/lib/sticky/index.d.ts +1 -5
- package/lib/sticky/index.js +2 -126
- package/lib/sticky/index.js.map +1 -1
- package/lib/sticky/sticky.d.ts +6 -0
- package/lib/sticky/sticky.js +130 -0
- package/lib/sticky/sticky.js.map +1 -0
- package/lib/strength-indicator/index.d.ts +1 -3
- package/lib/strength-indicator/index.js +2 -23
- package/lib/strength-indicator/index.js.map +1 -1
- package/lib/strength-indicator/strength-indicator.d.ts +4 -0
- package/lib/strength-indicator/strength-indicator.js +27 -0
- package/lib/strength-indicator/strength-indicator.js.map +1 -0
- package/lib/style/_theme.scss +3 -3
- package/lib/style/index.css +8 -64
- package/lib/switch/index.d.ts +1 -3
- package/lib/switch/index.js +2 -36
- package/lib/switch/index.js.map +1 -1
- package/lib/switch/switch.d.ts +4 -0
- package/lib/switch/switch.js +40 -0
- package/lib/switch/switch.js.map +1 -0
- package/lib/table/style/_index.scss +0 -38
- package/lib/table/table.js +2 -4
- package/lib/table/table.js.map +1 -1
- package/lib/table/types.d.ts +2 -1
- package/lib/textarea/index.d.ts +1 -3
- package/lib/textarea/index.js +2 -26
- package/lib/textarea/index.js.map +1 -1
- package/lib/textarea/textarea.d.ts +4 -0
- package/lib/textarea/textarea.js +30 -0
- package/lib/textarea/textarea.js.map +1 -0
- package/lib/tooltip/index.d.ts +1 -3
- package/lib/tooltip/index.js +2 -16
- package/lib/tooltip/index.js.map +1 -1
- package/lib/tooltip/tooltip.d.ts +4 -0
- package/lib/tooltip/tooltip.js +20 -0
- package/lib/tooltip/tooltip.js.map +1 -0
- package/lib/transition/index.d.ts +2 -16
- package/lib/transition/index.js +3 -8
- package/lib/transition/index.js.map +1 -1
- package/lib/transition/transition.d.ts +17 -0
- package/lib/transition/transition.js +11 -0
- package/lib/transition/transition.js.map +1 -0
- package/package.json +3 -2
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
7
|
+
const config_context_1 = require("../config-provider/config-context");
|
|
8
|
+
const general_1 = require("../_utils/general");
|
|
9
|
+
const use_locale_1 = require("../_utils/use-locale");
|
|
10
|
+
const hooks_1 = require("../_utils/hooks");
|
|
11
|
+
const popup_1 = tslib_1.__importDefault(require("../popup"));
|
|
12
|
+
const picker_header_1 = tslib_1.__importDefault(require("./picker-header"));
|
|
13
|
+
const picker_day_1 = tslib_1.__importDefault(require("./picker-day"));
|
|
14
|
+
const picker_month_1 = tslib_1.__importDefault(require("./picker-month"));
|
|
15
|
+
const picker_year_1 = tslib_1.__importDefault(require("./picker-year"));
|
|
16
|
+
const CalendarIcon = () => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "64 64 896 896", width: "1em", height: "1em", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { d: "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zm0-448H184V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136z" }) }));
|
|
17
|
+
const ClearIcon = () => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "64 64 896 896", width: "1em", height: "1em", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" }) }));
|
|
18
|
+
function formatDate(date, format) {
|
|
19
|
+
const y = date.getFullYear();
|
|
20
|
+
const m = String(date.getMonth() + 1).padStart(2, '0');
|
|
21
|
+
const d = String(date.getDate()).padStart(2, '0');
|
|
22
|
+
return format
|
|
23
|
+
.replace('YYYY', String(y))
|
|
24
|
+
.replace('MM', m)
|
|
25
|
+
.replace('DD', d);
|
|
26
|
+
}
|
|
27
|
+
function getFormatByPicker(picker, customFormat) {
|
|
28
|
+
if (customFormat)
|
|
29
|
+
return customFormat;
|
|
30
|
+
switch (picker) {
|
|
31
|
+
case 'month': return 'YYYY-MM';
|
|
32
|
+
case 'year': return 'YYYY';
|
|
33
|
+
default: return 'YYYY-MM-DD';
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
const DatePicker = (props) => {
|
|
37
|
+
const { defaultValue, value, open: controlledOpen, picker = 'date', format: customFormat, disabled = false, placeholder, allowClear = true, size = 'md', showToday = true, inputReadOnly = true, disabledDate, renderExtraFooter, suffixIcon, onChange, onOpenChange, onPanelChange, className, style, prefixCls: customisedCls, } = props;
|
|
38
|
+
const locale = (0, use_locale_1.useLocale)();
|
|
39
|
+
const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
|
|
40
|
+
const prefixCls = (0, general_1.getPrefixCls)('date-picker', configContext.prefixCls, customisedCls);
|
|
41
|
+
const format = getFormatByPicker(picker, customFormat);
|
|
42
|
+
const [date, setDate] = (0, react_1.useState)(value ?? defaultValue ?? null);
|
|
43
|
+
const [panelDate, setPanelDate] = (0, react_1.useState)(value ?? defaultValue ?? new Date());
|
|
44
|
+
const [open, setOpen] = (0, react_1.useState)(false);
|
|
45
|
+
const [mode, setMode] = (0, react_1.useState)(picker === 'date' ? 'date' : picker);
|
|
46
|
+
const wrapperRef = (0, react_1.useRef)(null);
|
|
47
|
+
const isOpen = controlledOpen ?? open;
|
|
48
|
+
// Controlled value
|
|
49
|
+
(0, react_1.useEffect)(() => {
|
|
50
|
+
if (value !== undefined) {
|
|
51
|
+
setDate(value);
|
|
52
|
+
if (value)
|
|
53
|
+
setPanelDate(value);
|
|
54
|
+
}
|
|
55
|
+
}, [value]);
|
|
56
|
+
(0, react_1.useEffect)(() => {
|
|
57
|
+
if (controlledOpen !== undefined)
|
|
58
|
+
setOpen(controlledOpen);
|
|
59
|
+
}, [controlledOpen]);
|
|
60
|
+
(0, hooks_1.useClickOutside)(wrapperRef.current, () => {
|
|
61
|
+
if (controlledOpen === undefined)
|
|
62
|
+
setOpen(false);
|
|
63
|
+
onOpenChange?.(false);
|
|
64
|
+
});
|
|
65
|
+
const toggleOpen = (0, react_1.useCallback)((val) => {
|
|
66
|
+
if (controlledOpen === undefined)
|
|
67
|
+
setOpen(val);
|
|
68
|
+
onOpenChange?.(val);
|
|
69
|
+
if (val)
|
|
70
|
+
setMode(picker === 'date' ? 'date' : picker);
|
|
71
|
+
}, [controlledOpen, onOpenChange, picker]);
|
|
72
|
+
const fireChange = (0, react_1.useCallback)((d) => {
|
|
73
|
+
if (value === undefined)
|
|
74
|
+
setDate(d);
|
|
75
|
+
onChange?.(d, d ? formatDate(d, format) : '');
|
|
76
|
+
}, [value, onChange, format]);
|
|
77
|
+
const handleDateSelect = (0, react_1.useCallback)((d) => {
|
|
78
|
+
fireChange(d);
|
|
79
|
+
toggleOpen(false);
|
|
80
|
+
}, [fireChange, toggleOpen]);
|
|
81
|
+
const handleMonthSelect = (0, react_1.useCallback)((d) => {
|
|
82
|
+
if (picker === 'month') {
|
|
83
|
+
fireChange(d);
|
|
84
|
+
toggleOpen(false);
|
|
85
|
+
}
|
|
86
|
+
else {
|
|
87
|
+
setPanelDate(d);
|
|
88
|
+
setMode('date');
|
|
89
|
+
onPanelChange?.(d, 'date');
|
|
90
|
+
}
|
|
91
|
+
}, [picker, fireChange, toggleOpen, onPanelChange]);
|
|
92
|
+
const handleYearSelect = (0, react_1.useCallback)((d) => {
|
|
93
|
+
if (picker === 'year') {
|
|
94
|
+
fireChange(d);
|
|
95
|
+
toggleOpen(false);
|
|
96
|
+
}
|
|
97
|
+
else {
|
|
98
|
+
setPanelDate(d);
|
|
99
|
+
setMode(picker === 'month' ? 'month' : 'month');
|
|
100
|
+
onPanelChange?.(d, 'month');
|
|
101
|
+
}
|
|
102
|
+
}, [picker, fireChange, toggleOpen, onPanelChange]);
|
|
103
|
+
const handleModeChange = (0, react_1.useCallback)((m) => {
|
|
104
|
+
setMode(m);
|
|
105
|
+
onPanelChange?.(panelDate, m);
|
|
106
|
+
}, [panelDate, onPanelChange]);
|
|
107
|
+
const handleClear = (e) => {
|
|
108
|
+
e.stopPropagation();
|
|
109
|
+
fireChange(null);
|
|
110
|
+
toggleOpen(false);
|
|
111
|
+
};
|
|
112
|
+
const handleToday = () => {
|
|
113
|
+
const today = new Date();
|
|
114
|
+
today.setHours(0, 0, 0, 0);
|
|
115
|
+
fireChange(today);
|
|
116
|
+
setPanelDate(today);
|
|
117
|
+
toggleOpen(false);
|
|
118
|
+
};
|
|
119
|
+
const hasValue = date !== null;
|
|
120
|
+
const displayValue = hasValue ? formatDate(date, format) : '';
|
|
121
|
+
const defaultPlaceholder = placeholder ?? (picker === 'month' ? locale.DatePicker.selectMonth : picker === 'year' ? locale.DatePicker.selectYear : locale.DatePicker.selectDate);
|
|
122
|
+
const cls = (0, classnames_1.default)(prefixCls, className, `${prefixCls}_${size}`, {
|
|
123
|
+
[`${prefixCls}_disabled`]: disabled,
|
|
124
|
+
[`${prefixCls}_open`]: isOpen,
|
|
125
|
+
[`${prefixCls}_has-value`]: hasValue,
|
|
126
|
+
});
|
|
127
|
+
const renderPanel = () => {
|
|
128
|
+
switch (mode) {
|
|
129
|
+
case 'year':
|
|
130
|
+
return (0, jsx_runtime_1.jsx)(picker_year_1.default, { date: date, panelDate: panelDate, onChange: handleYearSelect, prefixCls: prefixCls });
|
|
131
|
+
case 'month':
|
|
132
|
+
return (0, jsx_runtime_1.jsx)(picker_month_1.default, { date: date, panelDate: panelDate, months: locale.DatePicker.months, onChange: handleMonthSelect, prefixCls: prefixCls });
|
|
133
|
+
default:
|
|
134
|
+
return ((0, jsx_runtime_1.jsx)(picker_day_1.default, { date: date, panelDate: panelDate, weeks: locale.DatePicker.weeks, disabledDate: disabledDate, onChange: handleDateSelect, panelOnChange: setPanelDate, prefixCls: prefixCls }));
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
const renderOverlay = () => ((0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__dropdown`, children: [(0, jsx_runtime_1.jsx)(picker_header_1.default, { date: panelDate, mode: mode, months: locale.DatePicker.months, onChange: setPanelDate, onModeChange: handleModeChange, prefixCls: prefixCls }), renderPanel(), (showToday && mode === 'date' && picker === 'date') || renderExtraFooter ? ((0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__footer`, children: [renderExtraFooter?.(mode), showToday && mode === 'date' && picker === 'date' && ((0, jsx_runtime_1.jsx)("a", { className: `${prefixCls}__today-btn`, onClick: handleToday, children: locale.DatePicker.today }))] })) : null] }));
|
|
138
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: cls, style: style, ref: wrapperRef, children: (0, jsx_runtime_1.jsx)(popup_1.default, { trigger: "manual", placement: "bottom", arrow: false, visible: isOpen, content: renderOverlay(), children: (0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__input`, onClick: () => !disabled && toggleOpen(!isOpen), children: [(0, jsx_runtime_1.jsx)("input", { className: `${prefixCls}__input-field`, readOnly: inputReadOnly, disabled: disabled, placeholder: defaultPlaceholder, value: displayValue, "aria-expanded": isOpen, "aria-haspopup": "dialog", onKeyDown: (e) => {
|
|
139
|
+
if (e.key === 'Escape' && isOpen)
|
|
140
|
+
toggleOpen(false);
|
|
141
|
+
} }), (0, jsx_runtime_1.jsxs)("span", { className: `${prefixCls}__suffix`, children: [allowClear && hasValue && !disabled ? ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__clear`, onClick: handleClear, "aria-label": "Clear date", children: (0, jsx_runtime_1.jsx)(ClearIcon, {}) })) : null, (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__icon`, children: suffixIcon ?? (0, jsx_runtime_1.jsx)(CalendarIcon, {}) })] })] }) }) }));
|
|
142
|
+
};
|
|
143
|
+
DatePicker.displayName = 'DatePicker';
|
|
144
|
+
exports.default = DatePicker;
|
|
145
|
+
//# sourceMappingURL=date-picker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../components/date-picker/date-picker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
import
|
|
1
|
+
import DatePicker from './date-picker';
|
|
2
2
|
export type { DatePickerProps, PanelMode, PickerType } from './types';
|
|
3
|
-
declare const DatePicker: {
|
|
4
|
-
(props: DatePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
displayName: string;
|
|
6
|
-
};
|
|
7
3
|
export default DatePicker;
|
package/lib/date-picker/index.js
CHANGED
|
@@ -1,145 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
7
|
-
const config_context_1 = require("../config-provider/config-context");
|
|
8
|
-
const general_1 = require("../_utils/general");
|
|
9
|
-
const use_locale_1 = require("../_utils/use-locale");
|
|
10
|
-
const hooks_1 = require("../_utils/hooks");
|
|
11
|
-
const popup_1 = tslib_1.__importDefault(require("../popup"));
|
|
12
|
-
const picker_header_1 = tslib_1.__importDefault(require("./picker-header"));
|
|
13
|
-
const picker_day_1 = tslib_1.__importDefault(require("./picker-day"));
|
|
14
|
-
const picker_month_1 = tslib_1.__importDefault(require("./picker-month"));
|
|
15
|
-
const picker_year_1 = tslib_1.__importDefault(require("./picker-year"));
|
|
16
|
-
const CalendarIcon = () => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "64 64 896 896", width: "1em", height: "1em", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { d: "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zm0-448H184V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136z" }) }));
|
|
17
|
-
const ClearIcon = () => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "64 64 896 896", width: "1em", height: "1em", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" }) }));
|
|
18
|
-
function formatDate(date, format) {
|
|
19
|
-
const y = date.getFullYear();
|
|
20
|
-
const m = String(date.getMonth() + 1).padStart(2, '0');
|
|
21
|
-
const d = String(date.getDate()).padStart(2, '0');
|
|
22
|
-
return format
|
|
23
|
-
.replace('YYYY', String(y))
|
|
24
|
-
.replace('MM', m)
|
|
25
|
-
.replace('DD', d);
|
|
26
|
-
}
|
|
27
|
-
function getFormatByPicker(picker, customFormat) {
|
|
28
|
-
if (customFormat)
|
|
29
|
-
return customFormat;
|
|
30
|
-
switch (picker) {
|
|
31
|
-
case 'month': return 'YYYY-MM';
|
|
32
|
-
case 'year': return 'YYYY';
|
|
33
|
-
default: return 'YYYY-MM-DD';
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
const DatePicker = (props) => {
|
|
37
|
-
const { defaultValue, value, open: controlledOpen, picker = 'date', format: customFormat, disabled = false, placeholder, allowClear = true, size = 'md', showToday = true, inputReadOnly = true, disabledDate, renderExtraFooter, suffixIcon, onChange, onOpenChange, onPanelChange, className, style, prefixCls: customisedCls, } = props;
|
|
38
|
-
const locale = (0, use_locale_1.useLocale)();
|
|
39
|
-
const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
|
|
40
|
-
const prefixCls = (0, general_1.getPrefixCls)('date-picker', configContext.prefixCls, customisedCls);
|
|
41
|
-
const format = getFormatByPicker(picker, customFormat);
|
|
42
|
-
const [date, setDate] = (0, react_1.useState)(value ?? defaultValue ?? null);
|
|
43
|
-
const [panelDate, setPanelDate] = (0, react_1.useState)(value ?? defaultValue ?? new Date());
|
|
44
|
-
const [open, setOpen] = (0, react_1.useState)(false);
|
|
45
|
-
const [mode, setMode] = (0, react_1.useState)(picker === 'date' ? 'date' : picker);
|
|
46
|
-
const wrapperRef = (0, react_1.useRef)(null);
|
|
47
|
-
const isOpen = controlledOpen ?? open;
|
|
48
|
-
// Controlled value
|
|
49
|
-
(0, react_1.useEffect)(() => {
|
|
50
|
-
if (value !== undefined) {
|
|
51
|
-
setDate(value);
|
|
52
|
-
if (value)
|
|
53
|
-
setPanelDate(value);
|
|
54
|
-
}
|
|
55
|
-
}, [value]);
|
|
56
|
-
(0, react_1.useEffect)(() => {
|
|
57
|
-
if (controlledOpen !== undefined)
|
|
58
|
-
setOpen(controlledOpen);
|
|
59
|
-
}, [controlledOpen]);
|
|
60
|
-
(0, hooks_1.useClickOutside)(wrapperRef.current, () => {
|
|
61
|
-
if (controlledOpen === undefined)
|
|
62
|
-
setOpen(false);
|
|
63
|
-
onOpenChange?.(false);
|
|
64
|
-
});
|
|
65
|
-
const toggleOpen = (0, react_1.useCallback)((val) => {
|
|
66
|
-
if (controlledOpen === undefined)
|
|
67
|
-
setOpen(val);
|
|
68
|
-
onOpenChange?.(val);
|
|
69
|
-
if (val)
|
|
70
|
-
setMode(picker === 'date' ? 'date' : picker);
|
|
71
|
-
}, [controlledOpen, onOpenChange, picker]);
|
|
72
|
-
const fireChange = (0, react_1.useCallback)((d) => {
|
|
73
|
-
if (value === undefined)
|
|
74
|
-
setDate(d);
|
|
75
|
-
onChange?.(d, d ? formatDate(d, format) : '');
|
|
76
|
-
}, [value, onChange, format]);
|
|
77
|
-
const handleDateSelect = (0, react_1.useCallback)((d) => {
|
|
78
|
-
fireChange(d);
|
|
79
|
-
toggleOpen(false);
|
|
80
|
-
}, [fireChange, toggleOpen]);
|
|
81
|
-
const handleMonthSelect = (0, react_1.useCallback)((d) => {
|
|
82
|
-
if (picker === 'month') {
|
|
83
|
-
fireChange(d);
|
|
84
|
-
toggleOpen(false);
|
|
85
|
-
}
|
|
86
|
-
else {
|
|
87
|
-
setPanelDate(d);
|
|
88
|
-
setMode('date');
|
|
89
|
-
onPanelChange?.(d, 'date');
|
|
90
|
-
}
|
|
91
|
-
}, [picker, fireChange, toggleOpen, onPanelChange]);
|
|
92
|
-
const handleYearSelect = (0, react_1.useCallback)((d) => {
|
|
93
|
-
if (picker === 'year') {
|
|
94
|
-
fireChange(d);
|
|
95
|
-
toggleOpen(false);
|
|
96
|
-
}
|
|
97
|
-
else {
|
|
98
|
-
setPanelDate(d);
|
|
99
|
-
setMode(picker === 'month' ? 'month' : 'month');
|
|
100
|
-
onPanelChange?.(d, 'month');
|
|
101
|
-
}
|
|
102
|
-
}, [picker, fireChange, toggleOpen, onPanelChange]);
|
|
103
|
-
const handleModeChange = (0, react_1.useCallback)((m) => {
|
|
104
|
-
setMode(m);
|
|
105
|
-
onPanelChange?.(panelDate, m);
|
|
106
|
-
}, [panelDate, onPanelChange]);
|
|
107
|
-
const handleClear = (e) => {
|
|
108
|
-
e.stopPropagation();
|
|
109
|
-
fireChange(null);
|
|
110
|
-
toggleOpen(false);
|
|
111
|
-
};
|
|
112
|
-
const handleToday = () => {
|
|
113
|
-
const today = new Date();
|
|
114
|
-
today.setHours(0, 0, 0, 0);
|
|
115
|
-
fireChange(today);
|
|
116
|
-
setPanelDate(today);
|
|
117
|
-
toggleOpen(false);
|
|
118
|
-
};
|
|
119
|
-
const hasValue = date !== null;
|
|
120
|
-
const displayValue = hasValue ? formatDate(date, format) : '';
|
|
121
|
-
const defaultPlaceholder = placeholder ?? (picker === 'month' ? locale.DatePicker.selectMonth : picker === 'year' ? locale.DatePicker.selectYear : locale.DatePicker.selectDate);
|
|
122
|
-
const cls = (0, classnames_1.default)(prefixCls, className, `${prefixCls}_${size}`, {
|
|
123
|
-
[`${prefixCls}_disabled`]: disabled,
|
|
124
|
-
[`${prefixCls}_open`]: isOpen,
|
|
125
|
-
[`${prefixCls}_has-value`]: hasValue,
|
|
126
|
-
});
|
|
127
|
-
const renderPanel = () => {
|
|
128
|
-
switch (mode) {
|
|
129
|
-
case 'year':
|
|
130
|
-
return (0, jsx_runtime_1.jsx)(picker_year_1.default, { date: date, panelDate: panelDate, onChange: handleYearSelect, prefixCls: prefixCls });
|
|
131
|
-
case 'month':
|
|
132
|
-
return (0, jsx_runtime_1.jsx)(picker_month_1.default, { date: date, panelDate: panelDate, months: locale.DatePicker.months, onChange: handleMonthSelect, prefixCls: prefixCls });
|
|
133
|
-
default:
|
|
134
|
-
return ((0, jsx_runtime_1.jsx)(picker_day_1.default, { date: date, panelDate: panelDate, weeks: locale.DatePicker.weeks, disabledDate: disabledDate, onChange: handleDateSelect, panelOnChange: setPanelDate, prefixCls: prefixCls }));
|
|
135
|
-
}
|
|
136
|
-
};
|
|
137
|
-
const renderOverlay = () => ((0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__dropdown`, children: [(0, jsx_runtime_1.jsx)(picker_header_1.default, { date: panelDate, mode: mode, months: locale.DatePicker.months, onChange: setPanelDate, onModeChange: handleModeChange, prefixCls: prefixCls }), renderPanel(), (showToday && mode === 'date' && picker === 'date') || renderExtraFooter ? ((0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__footer`, children: [renderExtraFooter?.(mode), showToday && mode === 'date' && picker === 'date' && ((0, jsx_runtime_1.jsx)("a", { className: `${prefixCls}__today-btn`, onClick: handleToday, children: locale.DatePicker.today }))] })) : null] }));
|
|
138
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: cls, style: style, ref: wrapperRef, children: (0, jsx_runtime_1.jsx)(popup_1.default, { trigger: "manual", placement: "bottom", arrow: false, visible: isOpen, content: renderOverlay(), children: (0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__input`, onClick: () => !disabled && toggleOpen(!isOpen), children: [(0, jsx_runtime_1.jsx)("input", { className: `${prefixCls}__input-field`, readOnly: inputReadOnly, disabled: disabled, placeholder: defaultPlaceholder, value: displayValue, "aria-expanded": isOpen, "aria-haspopup": "dialog", onKeyDown: (e) => {
|
|
139
|
-
if (e.key === 'Escape' && isOpen)
|
|
140
|
-
toggleOpen(false);
|
|
141
|
-
} }), (0, jsx_runtime_1.jsxs)("span", { className: `${prefixCls}__suffix`, children: [allowClear && hasValue && !disabled ? ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__clear`, onClick: handleClear, "aria-label": "Clear date", children: (0, jsx_runtime_1.jsx)(ClearIcon, {}) })) : null, (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__icon`, children: suffixIcon ?? (0, jsx_runtime_1.jsx)(CalendarIcon, {}) })] })] }) }) }));
|
|
142
|
-
};
|
|
143
|
-
DatePicker.displayName = 'DatePicker';
|
|
144
|
-
exports.default = DatePicker;
|
|
4
|
+
const date_picker_1 = tslib_1.__importDefault(require("./date-picker"));
|
|
5
|
+
exports.default = date_picker_1.default;
|
|
145
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/date-picker/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/date-picker/index.tsx"],"names":[],"mappings":";;;AAAA,wEAAuC;AAGvC,kBAAe,qBAAU,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
+
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
7
|
+
const config_context_1 = require("../config-provider/config-context");
|
|
8
|
+
const general_1 = require("../_utils/general");
|
|
9
|
+
const Divider = react_1.default.forwardRef((props, ref) => {
|
|
10
|
+
const { type = 'horizontal', dashed = false, align = 'center', prefixCls: customisedCls, className, children, ...otherProps } = props;
|
|
11
|
+
const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
|
|
12
|
+
const prefixCls = (0, general_1.getPrefixCls)('divider', configContext.prefixCls, customisedCls);
|
|
13
|
+
const cls = (0, classnames_1.default)(prefixCls, className, `${prefixCls}_${type}`, `${prefixCls}_${align}`, {
|
|
14
|
+
[`${prefixCls}_${type}-dashed`]: dashed,
|
|
15
|
+
[`${prefixCls}_text`]: children,
|
|
16
|
+
});
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)("div", { ...otherProps, ref: ref, role: "separator", className: cls, children: children && (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}_inner-text`, children: children }) }));
|
|
18
|
+
});
|
|
19
|
+
Divider.displayName = 'Divider';
|
|
20
|
+
exports.default = Divider;
|
|
21
|
+
//# sourceMappingURL=divider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../components/divider/divider.tsx"],"names":[],"mappings":";;;;AAAA,uDAA0C;AAC1C,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5E,MAAM,EACJ,IAAI,GAAG,YAAY,EACnB,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,QAAQ,EAChB,SAAS,EAAE,aAAa,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,SAAS,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAClF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,IAAI,EAAE,EAAE,GAAG,SAAS,IAAI,KAAK,EAAE,EAAE;QAC5F,CAAC,GAAG,SAAS,IAAI,IAAI,SAAS,CAAC,EAAE,MAAM;QACvC,CAAC,GAAG,SAAS,OAAO,CAAC,EAAE,QAAQ;KAChC,CAAC,CAAC;IAEH,OAAO,CACL,mCAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,WAAW,EAAC,SAAS,EAAE,GAAG,YAC3D,QAAQ,IAAI,iCAAM,SAAS,EAAE,GAAG,SAAS,aAAa,YAAG,QAAQ,GAAQ,GACtE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,kBAAe,OAAO,CAAC"}
|
package/lib/divider/index.d.ts
CHANGED
package/lib/divider/index.js
CHANGED
|
@@ -1,21 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
7
|
-
const config_context_1 = require("../config-provider/config-context");
|
|
8
|
-
const general_1 = require("../_utils/general");
|
|
9
|
-
const Divider = react_1.default.forwardRef((props, ref) => {
|
|
10
|
-
const { type = 'horizontal', dashed = false, align = 'center', prefixCls: customisedCls, className, children, ...otherProps } = props;
|
|
11
|
-
const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
|
|
12
|
-
const prefixCls = (0, general_1.getPrefixCls)('divider', configContext.prefixCls, customisedCls);
|
|
13
|
-
const cls = (0, classnames_1.default)(prefixCls, className, `${prefixCls}_${type}`, `${prefixCls}_${align}`, {
|
|
14
|
-
[`${prefixCls}_${type}-dashed`]: dashed,
|
|
15
|
-
[`${prefixCls}_text`]: children,
|
|
16
|
-
});
|
|
17
|
-
return ((0, jsx_runtime_1.jsx)("div", { ...otherProps, ref: ref, role: "separator", className: cls, children: children && (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}_inner-text`, children: children }) }));
|
|
18
|
-
});
|
|
19
|
-
Divider.displayName = 'Divider';
|
|
20
|
-
exports.default = Divider;
|
|
4
|
+
const divider_1 = tslib_1.__importDefault(require("./divider"));
|
|
5
|
+
exports.default = divider_1.default;
|
|
21
6
|
//# sourceMappingURL=index.js.map
|
package/lib/divider/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/divider/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/divider/index.tsx"],"names":[],"mappings":";;;AAAA,gEAAgC;AAEhC,kBAAe,iBAAO,CAAC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
+
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
7
|
+
const react_transition_group_1 = require("react-transition-group");
|
|
8
|
+
const overlay_1 = tslib_1.__importDefault(require("../overlay"));
|
|
9
|
+
const config_context_1 = require("../config-provider/config-context");
|
|
10
|
+
const general_1 = require("../_utils/general");
|
|
11
|
+
const Drawer = react_1.default.forwardRef((props, ref) => {
|
|
12
|
+
const { visible, placement = 'right', size = 256, closable = true, unmountOnClose = true, maskType = 'default', maskClosable = true, onClose, prefixCls: customisedCls, afterClose, zIndex = 1000, header, footer, className, maskStyle, style, children, } = props;
|
|
13
|
+
const [drawerVisible, setDrawerVisible] = (0, react_1.useState)(visible);
|
|
14
|
+
const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
|
|
15
|
+
const prefixCls = (0, general_1.getPrefixCls)('drawer', configContext.prefixCls, customisedCls);
|
|
16
|
+
const cls = (0, classnames_1.default)(prefixCls, className, `${prefixCls}_${placement}`);
|
|
17
|
+
const sty = placement === 'top' || placement === 'bottom' ? { height: size } : { width: size };
|
|
18
|
+
const nodeRef = (0, react_1.useRef)(null);
|
|
19
|
+
const previousFocusRef = (0, react_1.useRef)(null);
|
|
20
|
+
const titleId = (0, react_1.useId)();
|
|
21
|
+
// Focus trap + Escape key
|
|
22
|
+
(0, react_1.useEffect)(() => {
|
|
23
|
+
if (!visible)
|
|
24
|
+
return;
|
|
25
|
+
previousFocusRef.current = document.activeElement;
|
|
26
|
+
const handleKeyDown = (e) => {
|
|
27
|
+
if (e.key === 'Escape') {
|
|
28
|
+
onClose?.(e);
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
if (e.key === 'Tab' && nodeRef.current) {
|
|
32
|
+
const focusable = nodeRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
33
|
+
if (focusable.length === 0)
|
|
34
|
+
return;
|
|
35
|
+
const first = focusable[0];
|
|
36
|
+
const last = focusable[focusable.length - 1];
|
|
37
|
+
if (e.shiftKey) {
|
|
38
|
+
if (document.activeElement === first) {
|
|
39
|
+
e.preventDefault();
|
|
40
|
+
last.focus();
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
else {
|
|
44
|
+
if (document.activeElement === last) {
|
|
45
|
+
e.preventDefault();
|
|
46
|
+
first.focus();
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
52
|
+
requestAnimationFrame(() => {
|
|
53
|
+
if (nodeRef.current) {
|
|
54
|
+
const focusable = nodeRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
55
|
+
if (focusable.length > 0)
|
|
56
|
+
focusable[0].focus();
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
return () => {
|
|
60
|
+
document.removeEventListener('keydown', handleKeyDown);
|
|
61
|
+
previousFocusRef.current?.focus();
|
|
62
|
+
};
|
|
63
|
+
}, [visible, onClose]);
|
|
64
|
+
return ((0, jsx_runtime_1.jsx)(overlay_1.default, { onEnter: () => setDrawerVisible(true), onExit: () => setDrawerVisible(false), zIndex: zIndex, type: maskType, unmountOnExit: unmountOnClose, isShow: visible, onExited: afterClose, clickCallback: (e) => {
|
|
65
|
+
maskClosable && onClose ? onClose(e) : undefined;
|
|
66
|
+
}, style: maskStyle, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, className: cls, style: { ...style, ...sty }, children: (0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { appear: true, nodeRef: nodeRef, in: drawerVisible, timeout: 0, classNames: `${prefixCls}__content_move`, children: (0, jsx_runtime_1.jsxs)("div", { ref: nodeRef, className: `${prefixCls}__content`, role: "dialog", "aria-modal": "true", "aria-labelledby": header ? titleId : undefined, onClick: (e) => e.stopPropagation(), children: [closable && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__close-btn`, onClick: onClose, "aria-label": "Close", children: "\u2715" })), header && (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__header`, id: titleId, children: header }), (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__body`, children: children }), footer && (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__footer`, children: footer })] }) }) }) }));
|
|
67
|
+
});
|
|
68
|
+
Drawer.displayName = 'Drawer';
|
|
69
|
+
exports.default = Drawer;
|
|
70
|
+
//# sourceMappingURL=drawer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../components/drawer/drawer.tsx"],"names":[],"mappings":";;;;AAAA,uDAA8E;AAC9E,oEAAoC;AACpC,mEAAuD;AACvD,iEAAiC;AACjC,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,MAAM,GAAG,eAAK,CAAC,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EACJ,OAAO,EACP,SAAS,GAAG,OAAO,EACnB,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,IAAI,EACf,cAAc,GAAG,IAAI,EACrB,QAAQ,GAAG,SAAS,EACpB,YAAY,GAAG,IAAI,EACnB,OAAO,EACP,SAAS,EAAE,aAAa,EACxB,UAAU,EACV,MAAM,GAAG,IAAI,EACb,MAAM,EACN,MAAM,EACN,SAAS,EACT,SAAS,EACT,KAAK,EACL,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IAC5D,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,QAAQ,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACjF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC;IAC1E,MAAM,GAAG,GACP,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IACrF,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,gBAAgB,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IAExB,0BAA0B;IAC1B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,gBAAgB,CAAC,OAAO,GAAG,QAAQ,CAAC,aAA4B,CAAC;QAEjE,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;YACzC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACvB,OAAO,EAAE,CAAC,CAAgC,CAAC,CAAC;gBAC5C,OAAO;YACT,CAAC;YACD,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACvC,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAChD,0EAA0E,CAC3E,CAAC;gBACF,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;oBAAE,OAAO;gBACnC,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;gBAC3B,MAAM,IAAI,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAC7C,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;oBACf,IAAI,QAAQ,CAAC,aAAa,KAAK,KAAK,EAAE,CAAC;wBAAC,CAAC,CAAC,cAAc,EAAE,CAAC;wBAAC,IAAI,CAAC,KAAK,EAAE,CAAC;oBAAC,CAAC;gBAC7E,CAAC;qBAAM,CAAC;oBACN,IAAI,QAAQ,CAAC,aAAa,KAAK,IAAI,EAAE,CAAC;wBAAC,CAAC,CAAC,cAAc,EAAE,CAAC;wBAAC,KAAK,CAAC,KAAK,EAAE,CAAC;oBAAC,CAAC;gBAC7E,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAEpD,qBAAqB,CAAC,GAAG,EAAE;YACzB,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACpB,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAChD,0EAA0E,CAC3E,CAAC;gBACF,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC;oBAAE,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;YACjD,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACvD,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,uBAAC,iBAAO,IACN,OAAO,EAAE,GAAS,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAC3C,MAAM,EAAE,GAAS,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAC3C,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,QAAQ,EACd,aAAa,EAAE,cAAc,EAC7B,MAAM,EAAE,OAAO,EACf,QAAQ,EAAE,UAAU,EACpB,aAAa,EAAE,CAAC,CAAmB,EAAQ,EAAE;YAC3C,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACnD,CAAC,EACD,KAAK,EAAE,SAAS,YAChB,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,GAAG,EAAE,YACxD,uBAAC,sCAAa,IACZ,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,aAAa,EACjB,OAAO,EAAE,CAAC,EACV,UAAU,EAAE,GAAG,SAAS,gBAAgB,YACxC,iCACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,GAAG,SAAS,WAAW,EAClC,IAAI,EAAC,QAAQ,gBACF,MAAM,qBACA,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC7C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aAClC,QAAQ,IAAI,CACX,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,GAAG,SAAS,aAAa,EAAE,OAAO,EAAE,OAAO,gBAAa,OAAO,uBAEvF,CACV,EACA,MAAM,IAAI,gCAAK,SAAS,EAAE,GAAG,SAAS,UAAU,EAAE,EAAE,EAAE,OAAO,YAAG,MAAM,GAAO,EAC9E,gCAAK,SAAS,EAAE,GAAG,SAAS,QAAQ,YAAG,QAAQ,GAAO,EACrD,MAAM,IAAI,gCAAK,SAAS,EAAE,GAAG,SAAS,UAAU,YAAG,MAAM,GAAO,IAC7D,GACQ,GACZ,GACE,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,kBAAe,MAAM,CAAC"}
|
package/lib/drawer/index.d.ts
CHANGED
package/lib/drawer/index.js
CHANGED
|
@@ -1,70 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
7
|
-
const react_transition_group_1 = require("react-transition-group");
|
|
8
|
-
const overlay_1 = tslib_1.__importDefault(require("../overlay"));
|
|
9
|
-
const config_context_1 = require("../config-provider/config-context");
|
|
10
|
-
const general_1 = require("../_utils/general");
|
|
11
|
-
const Drawer = react_1.default.forwardRef((props, ref) => {
|
|
12
|
-
const { visible, placement = 'right', size = 256, closable = true, unmountOnClose = true, maskType = 'default', maskClosable = true, onClose, prefixCls: customisedCls, afterClose, zIndex = 1000, header, footer, className, maskStyle, style, children, } = props;
|
|
13
|
-
const [drawerVisible, setDrawerVisible] = (0, react_1.useState)(visible);
|
|
14
|
-
const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
|
|
15
|
-
const prefixCls = (0, general_1.getPrefixCls)('drawer', configContext.prefixCls, customisedCls);
|
|
16
|
-
const cls = (0, classnames_1.default)(prefixCls, className, `${prefixCls}_${placement}`);
|
|
17
|
-
const sty = placement === 'top' || placement === 'bottom' ? { height: size } : { width: size };
|
|
18
|
-
const nodeRef = (0, react_1.useRef)(null);
|
|
19
|
-
const previousFocusRef = (0, react_1.useRef)(null);
|
|
20
|
-
const titleId = (0, react_1.useId)();
|
|
21
|
-
// Focus trap + Escape key
|
|
22
|
-
(0, react_1.useEffect)(() => {
|
|
23
|
-
if (!visible)
|
|
24
|
-
return;
|
|
25
|
-
previousFocusRef.current = document.activeElement;
|
|
26
|
-
const handleKeyDown = (e) => {
|
|
27
|
-
if (e.key === 'Escape') {
|
|
28
|
-
onClose?.(e);
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
if (e.key === 'Tab' && nodeRef.current) {
|
|
32
|
-
const focusable = nodeRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
33
|
-
if (focusable.length === 0)
|
|
34
|
-
return;
|
|
35
|
-
const first = focusable[0];
|
|
36
|
-
const last = focusable[focusable.length - 1];
|
|
37
|
-
if (e.shiftKey) {
|
|
38
|
-
if (document.activeElement === first) {
|
|
39
|
-
e.preventDefault();
|
|
40
|
-
last.focus();
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
else {
|
|
44
|
-
if (document.activeElement === last) {
|
|
45
|
-
e.preventDefault();
|
|
46
|
-
first.focus();
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
document.addEventListener('keydown', handleKeyDown);
|
|
52
|
-
requestAnimationFrame(() => {
|
|
53
|
-
if (nodeRef.current) {
|
|
54
|
-
const focusable = nodeRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
55
|
-
if (focusable.length > 0)
|
|
56
|
-
focusable[0].focus();
|
|
57
|
-
}
|
|
58
|
-
});
|
|
59
|
-
return () => {
|
|
60
|
-
document.removeEventListener('keydown', handleKeyDown);
|
|
61
|
-
previousFocusRef.current?.focus();
|
|
62
|
-
};
|
|
63
|
-
}, [visible, onClose]);
|
|
64
|
-
return ((0, jsx_runtime_1.jsx)(overlay_1.default, { onEnter: () => setDrawerVisible(true), onExit: () => setDrawerVisible(false), zIndex: zIndex, type: maskType, unmountOnExit: unmountOnClose, isShow: visible, onExited: afterClose, clickCallback: (e) => {
|
|
65
|
-
maskClosable && onClose ? onClose(e) : undefined;
|
|
66
|
-
}, style: maskStyle, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, className: cls, style: { ...style, ...sty }, children: (0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { appear: true, nodeRef: nodeRef, in: drawerVisible, timeout: 0, classNames: `${prefixCls}__content_move`, children: (0, jsx_runtime_1.jsxs)("div", { ref: nodeRef, className: `${prefixCls}__content`, role: "dialog", "aria-modal": "true", "aria-labelledby": header ? titleId : undefined, onClick: (e) => e.stopPropagation(), children: [closable && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__close-btn`, onClick: onClose, "aria-label": "Close", children: "\u2715" })), header && (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__header`, id: titleId, children: header }), (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__body`, children: children }), footer && (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__footer`, children: footer })] }) }) }) }));
|
|
67
|
-
});
|
|
68
|
-
Drawer.displayName = 'Drawer';
|
|
69
|
-
exports.default = Drawer;
|
|
4
|
+
const drawer_1 = tslib_1.__importDefault(require("./drawer"));
|
|
5
|
+
exports.default = drawer_1.default;
|
|
70
6
|
//# sourceMappingURL=index.js.map
|
package/lib/drawer/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/drawer/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/drawer/index.tsx"],"names":[],"mappings":";;;AAAA,8DAA8B;AAE9B,kBAAe,gBAAM,CAAC"}
|