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
package/es/list/list.js
CHANGED
|
@@ -4,6 +4,7 @@ import classNames from 'classnames';
|
|
|
4
4
|
import { ConfigContext } from '../config-provider/config-context';
|
|
5
5
|
import { getPrefixCls } from '../_utils/general';
|
|
6
6
|
import { useVirtualScroll } from '../_utils/use-virtual-scroll';
|
|
7
|
+
import Pagination from '../pagination';
|
|
7
8
|
const ITEM_HEIGHT_MAP = { sm: 41, md: 49, lg: 57 };
|
|
8
9
|
const List = React.forwardRef((props, ref) => {
|
|
9
10
|
const { dataSource = [], renderItem, header, footer, loading = false, bordered = false, split = true, size, grid, locale, virtual = false, height, itemHeight: itemHeightProp, pagination, prefixCls: customisedCls, className, style, children, ...otherProps } = props;
|
|
@@ -75,7 +76,6 @@ const List = React.forwardRef((props, ref) => {
|
|
|
75
76
|
const showPagination = pagination && !isVirtual;
|
|
76
77
|
const paginationConfig = pagination && typeof pagination === 'object' ? pagination : undefined;
|
|
77
78
|
const totalItems = paginationConfig?.total ?? dataSource.length;
|
|
78
|
-
const totalPages = Math.ceil(totalItems / pageSize);
|
|
79
79
|
const activePage = paginationConfig?.current ?? currentPage;
|
|
80
80
|
const bodyCls = classNames(`${prefixCls}__body`, {
|
|
81
81
|
[`${prefixCls}__body_virtual`]: isVirtual,
|
|
@@ -83,9 +83,7 @@ const List = React.forwardRef((props, ref) => {
|
|
|
83
83
|
const bodyStyle = isVirtual
|
|
84
84
|
? { height, overflowY: 'auto' }
|
|
85
85
|
: undefined;
|
|
86
|
-
return (_jsxs("div", { ...otherProps, ref: ref, className: cls, style: style, children: [header && _jsx("div", { className: `${prefixCls}__header`, children: header }), _jsx("div", { className: bodyCls, style: bodyStyle, onScroll: isVirtual ? onScroll : undefined, children: loading ? (_jsx("div", { className: `${prefixCls}__loading`, children: "Loading..." })) : (renderItems()) }), footer && _jsx("div", { className: `${prefixCls}__footer`, children: footer }), showPagination &&
|
|
87
|
-
[`${prefixCls}__page-btn_active`]: page === activePage,
|
|
88
|
-
}), onClick: () => handlePageChange(page), children: page }, page))) }))] }));
|
|
86
|
+
return (_jsxs("div", { ...otherProps, ref: ref, className: cls, style: style, children: [header && _jsx("div", { className: `${prefixCls}__header`, children: header }), _jsx("div", { className: bodyCls, style: bodyStyle, onScroll: isVirtual ? onScroll : undefined, children: loading ? (_jsx("div", { className: `${prefixCls}__loading`, children: "Loading..." })) : (renderItems()) }), footer && _jsx("div", { className: `${prefixCls}__footer`, children: footer }), showPagination && (_jsx(Pagination, { current: activePage, total: totalItems, pageSize: pageSize, align: paginationConfig?.align ?? 'right', size: paginationConfig?.size, disabled: paginationConfig?.disabled, onChange: (page) => handlePageChange(page), style: { padding: 16 } }))] }));
|
|
89
87
|
});
|
|
90
88
|
List.displayName = 'List';
|
|
91
89
|
export default List;
|
package/es/list/list.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../components/list/list.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../components/list/list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -61,37 +61,6 @@
|
|
|
61
61
|
color: var(--ty-color-text-secondary, #{$gray-500});
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
-
&__pagination {
|
|
65
|
-
display: flex;
|
|
66
|
-
justify-content: flex-end;
|
|
67
|
-
padding: 16px;
|
|
68
|
-
gap: 4px;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
&__page-btn {
|
|
72
|
-
display: inline-flex;
|
|
73
|
-
align-items: center;
|
|
74
|
-
justify-content: center;
|
|
75
|
-
min-width: 32px;
|
|
76
|
-
height: 32px;
|
|
77
|
-
padding: 0 6px;
|
|
78
|
-
border: 1px solid var(--ty-list-border, #{$gray-300});
|
|
79
|
-
border-radius: $border-radius;
|
|
80
|
-
background: transparent;
|
|
81
|
-
cursor: pointer;
|
|
82
|
-
font-size: $font-size-sm;
|
|
83
|
-
|
|
84
|
-
&:hover {
|
|
85
|
-
color: var(--ty-color-primary, #{$primary-color});
|
|
86
|
-
border-color: var(--ty-color-primary, #{$primary-color});
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
&_active {
|
|
90
|
-
color: var(--ty-color-primary, #{$primary-color});
|
|
91
|
-
border-color: var(--ty-color-primary, #{$primary-color});
|
|
92
|
-
font-weight: 500;
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
64
|
}
|
|
96
65
|
|
|
97
66
|
.#{$prefix}-list-item {
|
package/es/list/types.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BaseProps, SizeType } from '../_utils/props';
|
|
3
|
+
import { PaginationProps } from '../pagination/types';
|
|
3
4
|
export interface ListProps<T = any> extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'children'> {
|
|
4
5
|
dataSource?: T[];
|
|
5
6
|
renderItem?: (item: T, index: number) => React.ReactNode;
|
|
@@ -23,7 +24,7 @@ export interface ListGridType {
|
|
|
23
24
|
gutter?: number;
|
|
24
25
|
column?: number;
|
|
25
26
|
}
|
|
26
|
-
export interface ListPaginationProps {
|
|
27
|
+
export interface ListPaginationProps extends Pick<PaginationProps, 'size' | 'align' | 'disabled'> {
|
|
27
28
|
current?: number;
|
|
28
29
|
pageSize?: number;
|
|
29
30
|
total?: number;
|
package/es/loader/index.d.ts
CHANGED
package/es/loader/index.js
CHANGED
|
@@ -1,25 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
import React, { useContext } from 'react';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
import Indicator from './indicator';
|
|
5
|
-
import { ConfigContext } from '../config-provider/config-context';
|
|
6
|
-
import { getPrefixCls } from '../_utils/general';
|
|
7
|
-
const Loader = React.forwardRef((props, ref) => {
|
|
8
|
-
const { size = 'md', loading = true, vertical = false, blurred = true, indicator, tip, className, children, prefixCls: customisedCls, ...otherProps } = props;
|
|
9
|
-
const configContext = useContext(ConfigContext);
|
|
10
|
-
const prefixCls = getPrefixCls('loader', configContext.prefixCls, customisedCls);
|
|
11
|
-
const cls = classNames(prefixCls, className, `${prefixCls}_${size}`, {
|
|
12
|
-
[`${prefixCls}_spinning`]: loading,
|
|
13
|
-
});
|
|
14
|
-
const indicatorCls = classNames(`${prefixCls}__loader-container`, {
|
|
15
|
-
[`${prefixCls}__loader-container_vertical`]: vertical,
|
|
16
|
-
});
|
|
17
|
-
const containerCls = classNames(`${prefixCls}__container`, {
|
|
18
|
-
[`${prefixCls}__container_loading`]: loading,
|
|
19
|
-
[`${prefixCls}__container_blurred`]: loading && blurred,
|
|
20
|
-
});
|
|
21
|
-
return (_jsxs("div", { ...otherProps, ref: ref, className: cls, role: "status", "aria-busy": loading, children: [loading && (_jsxs("div", { className: indicatorCls, children: [indicator ? indicator : _jsx(Indicator, { className: `${prefixCls}__indicator`, size: size }), tip && _jsx("span", { className: `${prefixCls}__label`, children: tip })] })), children && _jsx("div", { className: containerCls, children: children })] }));
|
|
22
|
-
});
|
|
23
|
-
Loader.displayName = 'Loader';
|
|
1
|
+
import Loader from './loader';
|
|
24
2
|
export default Loader;
|
|
25
3
|
//# sourceMappingURL=index.js.map
|
package/es/loader/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/loader/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/loader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React, { useContext } from 'react';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import Indicator from './indicator';
|
|
5
|
+
import { ConfigContext } from '../config-provider/config-context';
|
|
6
|
+
import { getPrefixCls } from '../_utils/general';
|
|
7
|
+
const Loader = React.forwardRef((props, ref) => {
|
|
8
|
+
const { size = 'md', loading = true, vertical = false, blurred = true, indicator, tip, className, children, prefixCls: customisedCls, ...otherProps } = props;
|
|
9
|
+
const configContext = useContext(ConfigContext);
|
|
10
|
+
const prefixCls = getPrefixCls('loader', configContext.prefixCls, customisedCls);
|
|
11
|
+
const cls = classNames(prefixCls, className, `${prefixCls}_${size}`, {
|
|
12
|
+
[`${prefixCls}_spinning`]: loading,
|
|
13
|
+
});
|
|
14
|
+
const indicatorCls = classNames(`${prefixCls}__loader-container`, {
|
|
15
|
+
[`${prefixCls}__loader-container_vertical`]: vertical,
|
|
16
|
+
});
|
|
17
|
+
const containerCls = classNames(`${prefixCls}__container`, {
|
|
18
|
+
[`${prefixCls}__container_loading`]: loading,
|
|
19
|
+
[`${prefixCls}__container_blurred`]: loading && blurred,
|
|
20
|
+
});
|
|
21
|
+
return (_jsxs("div", { ...otherProps, ref: ref, className: cls, role: "status", "aria-busy": loading, children: [loading && (_jsxs("div", { className: indicatorCls, children: [indicator ? indicator : _jsx(Indicator, { className: `${prefixCls}__indicator`, size: size }), tip && _jsx("span", { className: `${prefixCls}__label`, children: tip })] })), children && _jsx("div", { className: containerCls, children: children })] }));
|
|
22
|
+
});
|
|
23
|
+
Loader.displayName = 'Loader';
|
|
24
|
+
export default Loader;
|
|
25
|
+
//# sourceMappingURL=loader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../components/loader/loader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EACJ,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,EACd,SAAS,EACT,GAAG,EACH,SAAS,EACT,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACjF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,IAAI,EAAE,EAAE;QACnE,CAAC,GAAG,SAAS,WAAW,CAAC,EAAE,OAAO;KACnC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,SAAS,oBAAoB,EAAE;QAChE,CAAC,GAAG,SAAS,6BAA6B,CAAC,EAAE,QAAQ;KACtD,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,SAAS,aAAa,EAAE;QACzD,CAAC,GAAG,SAAS,qBAAqB,CAAC,EAAE,OAAO;QAC5C,CAAC,GAAG,SAAS,qBAAqB,CAAC,EAAE,OAAO,IAAI,OAAO;KACxD,CAAC,CAAC;IAEH,OAAO,CACL,kBAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,eAAY,OAAO,aAC5E,OAAO,IAAI,CACV,eAAK,SAAS,EAAE,YAAY,aACzB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,SAAS,EAAE,GAAG,SAAS,aAAa,EAAE,IAAI,EAAE,IAAI,GAAI,EACvF,GAAG,IAAI,eAAM,SAAS,EAAE,GAAG,SAAS,SAAS,YAAG,GAAG,GAAQ,IACxD,CACP,EACA,QAAQ,IAAI,cAAK,SAAS,EAAE,YAAY,YAAG,QAAQ,GAAO,IACvD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,eAAe,MAAM,CAAC"}
|
package/es/message/index.d.ts
CHANGED
|
@@ -1,10 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
export type Options
|
|
3
|
-
top?: number;
|
|
4
|
-
offset?: number;
|
|
5
|
-
icon?: ReactNode;
|
|
6
|
-
extra?: ReactNode;
|
|
7
|
-
className?: string;
|
|
8
|
-
};
|
|
9
|
-
declare const messageContainer: any;
|
|
1
|
+
import messageContainer from './message-container';
|
|
2
|
+
export type { Options } from './message-container';
|
|
10
3
|
export default messageContainer;
|
package/es/message/index.js
CHANGED
|
@@ -1,63 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { createRoot } from 'react-dom/client';
|
|
3
|
-
import Message from './message';
|
|
4
|
-
const className = '.ty-message-container';
|
|
5
|
-
const rootMap = new Map();
|
|
6
|
-
let offset;
|
|
7
|
-
const unmountDom = (containerDiv, top, height, onClose) => {
|
|
8
|
-
const root = rootMap.get(containerDiv);
|
|
9
|
-
if (root) {
|
|
10
|
-
root.unmount();
|
|
11
|
-
rootMap.delete(containerDiv);
|
|
12
|
-
}
|
|
13
|
-
document.body.removeChild(containerDiv);
|
|
14
|
-
requestAnimationFrame(() => {
|
|
15
|
-
const containers = document.querySelectorAll(className);
|
|
16
|
-
const len = containers.length;
|
|
17
|
-
for (let i = 0; i < len; i++) {
|
|
18
|
-
const element = containers[i];
|
|
19
|
-
const elementTop = parseInt(element.style.top || '0', 10);
|
|
20
|
-
elementTop > top && (element.style.top = `${elementTop - height - offset}px`);
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
onClose && onClose();
|
|
24
|
-
};
|
|
25
|
-
const createComponent = (type, content, duration = 3000, onClose, options = {}) => {
|
|
26
|
-
const containers = document.querySelectorAll(className);
|
|
27
|
-
const lastContainer = containers.length > 0 ? containers[containers.length - 1] : null;
|
|
28
|
-
offset = options.offset || 16;
|
|
29
|
-
const top = lastContainer
|
|
30
|
-
? parseInt(lastContainer.style.top || '0', 10) + lastContainer.offsetHeight + offset
|
|
31
|
-
: options.top || 15;
|
|
32
|
-
const div = document.createElement('div');
|
|
33
|
-
div.className = 'ty-message-container';
|
|
34
|
-
document.body.appendChild(div);
|
|
35
|
-
div.style.top = `${top}px`;
|
|
36
|
-
const props = {
|
|
37
|
-
type,
|
|
38
|
-
content,
|
|
39
|
-
duration,
|
|
40
|
-
icon: options.icon,
|
|
41
|
-
extra: options.extra,
|
|
42
|
-
className: options.className,
|
|
43
|
-
willUnmount: (height) => {
|
|
44
|
-
const updatedTop = parseInt(div.style.top || '0', 10);
|
|
45
|
-
unmountDom(div, updatedTop, height, onClose);
|
|
46
|
-
},
|
|
47
|
-
};
|
|
48
|
-
const component = React.createElement(Message, props);
|
|
49
|
-
const root = createRoot(div);
|
|
50
|
-
rootMap.set(div, root);
|
|
51
|
-
root.render(component);
|
|
52
|
-
};
|
|
53
|
-
const messageContainer = (content, duration, onClose, options) => {
|
|
54
|
-
createComponent(undefined, content, duration, onClose, options);
|
|
55
|
-
};
|
|
56
|
-
['success', 'error', 'warning', 'info', 'loading'].forEach((type) => {
|
|
57
|
-
messageContainer[type] = (content, duration, onClose, options) => {
|
|
58
|
-
createComponent(type, content, duration, onClose, options);
|
|
59
|
-
};
|
|
60
|
-
});
|
|
61
|
-
messageContainer.warn = messageContainer.warning;
|
|
1
|
+
import messageContainer from './message-container';
|
|
62
2
|
export default messageContainer;
|
|
63
3
|
//# sourceMappingURL=index.js.map
|
package/es/message/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/message/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/message/index.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AAGnD,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { createRoot } from 'react-dom/client';
|
|
3
|
+
import Message from './message';
|
|
4
|
+
const className = '.ty-message-container';
|
|
5
|
+
const rootMap = new Map();
|
|
6
|
+
let offset;
|
|
7
|
+
const unmountDom = (containerDiv, top, height, onClose) => {
|
|
8
|
+
const root = rootMap.get(containerDiv);
|
|
9
|
+
if (root) {
|
|
10
|
+
root.unmount();
|
|
11
|
+
rootMap.delete(containerDiv);
|
|
12
|
+
}
|
|
13
|
+
document.body.removeChild(containerDiv);
|
|
14
|
+
requestAnimationFrame(() => {
|
|
15
|
+
const containers = document.querySelectorAll(className);
|
|
16
|
+
const len = containers.length;
|
|
17
|
+
for (let i = 0; i < len; i++) {
|
|
18
|
+
const element = containers[i];
|
|
19
|
+
const elementTop = parseInt(element.style.top || '0', 10);
|
|
20
|
+
elementTop > top && (element.style.top = `${elementTop - height - offset}px`);
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
onClose && onClose();
|
|
24
|
+
};
|
|
25
|
+
const createComponent = (type, content, duration = 3000, onClose, options = {}) => {
|
|
26
|
+
const containers = document.querySelectorAll(className);
|
|
27
|
+
const lastContainer = containers.length > 0 ? containers[containers.length - 1] : null;
|
|
28
|
+
offset = options.offset || 16;
|
|
29
|
+
const top = lastContainer
|
|
30
|
+
? parseInt(lastContainer.style.top || '0', 10) + lastContainer.offsetHeight + offset
|
|
31
|
+
: options.top || 15;
|
|
32
|
+
const div = document.createElement('div');
|
|
33
|
+
div.className = 'ty-message-container';
|
|
34
|
+
document.body.appendChild(div);
|
|
35
|
+
div.style.top = `${top}px`;
|
|
36
|
+
const props = {
|
|
37
|
+
type,
|
|
38
|
+
content,
|
|
39
|
+
duration,
|
|
40
|
+
icon: options.icon,
|
|
41
|
+
extra: options.extra,
|
|
42
|
+
className: options.className,
|
|
43
|
+
willUnmount: (height) => {
|
|
44
|
+
const updatedTop = parseInt(div.style.top || '0', 10);
|
|
45
|
+
unmountDom(div, updatedTop, height, onClose);
|
|
46
|
+
},
|
|
47
|
+
};
|
|
48
|
+
const component = React.createElement(Message, props);
|
|
49
|
+
const root = createRoot(div);
|
|
50
|
+
rootMap.set(div, root);
|
|
51
|
+
root.render(component);
|
|
52
|
+
};
|
|
53
|
+
const messageContainer = (content, duration, onClose, options) => {
|
|
54
|
+
createComponent(undefined, content, duration, onClose, options);
|
|
55
|
+
};
|
|
56
|
+
['success', 'error', 'warning', 'info', 'loading'].forEach((type) => {
|
|
57
|
+
messageContainer[type] = (content, duration, onClose, options) => {
|
|
58
|
+
createComponent(type, content, duration, onClose, options);
|
|
59
|
+
};
|
|
60
|
+
});
|
|
61
|
+
messageContainer.warn = messageContainer.warning;
|
|
62
|
+
export default messageContainer;
|
|
63
|
+
//# sourceMappingURL=message-container.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-container.js","sourceRoot":"","sources":["../../components/message/message-container.tsx"],"names":[],"mappings":"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"}
|
package/es/modal/index.d.ts
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { ModalProps } from './types';
|
|
1
|
+
import Modal from './modal';
|
|
3
2
|
import { ModalProvider, useModal } from './modal-context';
|
|
4
3
|
import type { ModalProviderProps, UseModalReturn } from './modal-context';
|
|
5
|
-
declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
4
|
type ModalComponent = typeof Modal & {
|
|
7
5
|
Provider: typeof ModalProvider;
|
|
8
6
|
useModal: typeof useModal;
|
package/es/modal/index.js
CHANGED
|
@@ -1,84 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import React, { useContext, useEffect, useId, useRef, useState } from 'react';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
import { CSSTransition } from 'react-transition-group';
|
|
5
|
-
import Overlay from '../overlay';
|
|
6
|
-
import Button from '../button/button';
|
|
7
|
-
import { ConfigContext } from '../config-provider/config-context';
|
|
8
|
-
import { getPrefixCls } from '../_utils/general';
|
|
9
|
-
import { useLocale } from '../_utils/use-locale';
|
|
1
|
+
import Modal from './modal';
|
|
10
2
|
import { ModalProvider, useModal } from './modal-context';
|
|
11
|
-
const Modal = React.forwardRef((props, ref) => {
|
|
12
|
-
const locale = useLocale();
|
|
13
|
-
const { visible = false, width = 520, centered = false, closable = true, unmountOnClose = true, maskType = 'default', maskClosable = true, confirmText = locale.Modal.okText, cancelText = locale.Modal.cancelText, confirmLoading = false, animation = 'slide', zIndex = 1000, onConfirm, onCancel: onCancelProp, onClose: onCloseProp, top, header, footer, afterClose, confirmButtonProps, cancelButtonProps, className, children, style, maskStyle, headerStyle, bodyStyle, footerStyle, prefixCls: customisedCls, } = props;
|
|
14
|
-
const onCancel = onCloseProp ?? onCancelProp;
|
|
15
|
-
const [modalVisible, setModalVisible] = useState(visible);
|
|
16
|
-
const configContext = useContext(ConfigContext);
|
|
17
|
-
const prefixCls = getPrefixCls('modal', configContext.prefixCls, customisedCls);
|
|
18
|
-
const cls = classNames(prefixCls, className, { [`${prefixCls}_centered`]: centered });
|
|
19
|
-
const nodeRef = useRef(null);
|
|
20
|
-
const previousFocusRef = useRef(null);
|
|
21
|
-
const titleId = useId();
|
|
22
|
-
// Focus trap + Escape key
|
|
23
|
-
useEffect(() => {
|
|
24
|
-
if (!visible)
|
|
25
|
-
return;
|
|
26
|
-
previousFocusRef.current = document.activeElement;
|
|
27
|
-
const handleKeyDown = (e) => {
|
|
28
|
-
if (e.key === 'Escape') {
|
|
29
|
-
onCancel?.(e);
|
|
30
|
-
return;
|
|
31
|
-
}
|
|
32
|
-
if (e.key === 'Tab' && nodeRef.current) {
|
|
33
|
-
const focusable = nodeRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
34
|
-
if (focusable.length === 0)
|
|
35
|
-
return;
|
|
36
|
-
const first = focusable[0];
|
|
37
|
-
const last = focusable[focusable.length - 1];
|
|
38
|
-
if (e.shiftKey) {
|
|
39
|
-
if (document.activeElement === first) {
|
|
40
|
-
e.preventDefault();
|
|
41
|
-
last.focus();
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
else {
|
|
45
|
-
if (document.activeElement === last) {
|
|
46
|
-
e.preventDefault();
|
|
47
|
-
first.focus();
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
document.addEventListener('keydown', handleKeyDown);
|
|
53
|
-
// Focus first focusable element
|
|
54
|
-
requestAnimationFrame(() => {
|
|
55
|
-
if (nodeRef.current) {
|
|
56
|
-
const focusable = nodeRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
57
|
-
if (focusable.length > 0)
|
|
58
|
-
focusable[0].focus();
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
return () => {
|
|
62
|
-
document.removeEventListener('keydown', handleKeyDown);
|
|
63
|
-
previousFocusRef.current?.focus();
|
|
64
|
-
};
|
|
65
|
-
}, [visible, onCancel]);
|
|
66
|
-
const renderFooter = () => {
|
|
67
|
-
if (React.isValidElement(footer)) {
|
|
68
|
-
return footer;
|
|
69
|
-
}
|
|
70
|
-
else if (footer === null) {
|
|
71
|
-
return null;
|
|
72
|
-
}
|
|
73
|
-
else {
|
|
74
|
-
return (_jsxs("div", { className: `${prefixCls}__footer`, style: footerStyle, children: [_jsx(Button, { onClick: onCancel, className: `${prefixCls}__footer-btn`, ...cancelButtonProps, children: cancelText }), _jsx(Button, { loading: confirmLoading, onClick: onConfirm, btnType: "primary", className: `${prefixCls}__footer-btn`, ...confirmButtonProps, children: confirmText })] }));
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
return (_jsx(Overlay, { onEnter: () => setModalVisible(true), onExit: () => setModalVisible(false), zIndex: zIndex, type: maskType, unmountOnExit: unmountOnClose, isShow: visible, onExited: afterClose, clickCallback: (e) => {
|
|
78
|
-
maskClosable && onCancel ? onCancel(e) : undefined;
|
|
79
|
-
}, style: maskStyle, children: _jsx("div", { ref: ref, className: cls, style: { top }, children: _jsx("div", { style: { width, ...style }, children: _jsx(CSSTransition, { appear: true, nodeRef: nodeRef, in: modalVisible, classNames: `${prefixCls}__content_${animation}`, timeout: 0, children: _jsxs("div", { ref: nodeRef, className: `${prefixCls}__content`, role: "dialog", "aria-modal": "true", "aria-labelledby": header ? titleId : undefined, onClick: (e) => e.stopPropagation(), children: [closable && (_jsx("button", { type: "button", className: `${prefixCls}__close-btn`, onClick: onCancel, "aria-label": "Close", children: "\u2715" })), header && (_jsx("div", { className: `${prefixCls}__header`, style: headerStyle, children: _jsx("div", { className: `${prefixCls}__title`, id: titleId, children: header }) })), _jsx("div", { className: `${prefixCls}__body`, style: bodyStyle, children: children }), renderFooter()] }) }) }) }) }));
|
|
80
|
-
});
|
|
81
|
-
Modal.displayName = 'Modal';
|
|
82
3
|
const ModalWithContext = Modal;
|
|
83
4
|
ModalWithContext.Provider = ModalProvider;
|
|
84
5
|
ModalWithContext.useModal = useModal;
|
package/es/modal/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/modal/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAQ1D,MAAM,gBAAgB,GAAG,KAAuB,CAAC;AACjD,gBAAgB,CAAC,QAAQ,GAAG,aAAa,CAAC;AAC1C,gBAAgB,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAErC,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React, { useContext, useEffect, useId, useRef, useState } from 'react';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import { CSSTransition } from 'react-transition-group';
|
|
5
|
+
import Overlay from '../overlay';
|
|
6
|
+
import { Button, Flex } from '..';
|
|
7
|
+
import { ConfigContext } from '../config-provider/config-context';
|
|
8
|
+
import { getPrefixCls } from '../_utils/general';
|
|
9
|
+
import { useLocale } from '../_utils/use-locale';
|
|
10
|
+
const Modal = React.forwardRef((props, ref) => {
|
|
11
|
+
const locale = useLocale();
|
|
12
|
+
const { visible = false, width = 520, centered = false, closable = true, unmountOnClose = true, maskType = 'default', maskClosable = true, confirmText = locale.Modal.okText, cancelText = locale.Modal.cancelText, confirmLoading = false, animation = 'slide', zIndex = 1000, onConfirm, onCancel: onCancelProp, onClose: onCloseProp, top, header, footer, afterClose, confirmButtonProps, cancelButtonProps, className, children, style, maskStyle, headerStyle, bodyStyle, footerStyle, prefixCls: customisedCls, } = props;
|
|
13
|
+
const onCancel = onCloseProp ?? onCancelProp;
|
|
14
|
+
const [modalVisible, setModalVisible] = useState(visible);
|
|
15
|
+
const configContext = useContext(ConfigContext);
|
|
16
|
+
const prefixCls = getPrefixCls('modal', configContext.prefixCls, customisedCls);
|
|
17
|
+
const cls = classNames(prefixCls, className, { [`${prefixCls}_centered`]: centered });
|
|
18
|
+
const nodeRef = useRef(null);
|
|
19
|
+
const previousFocusRef = useRef(null);
|
|
20
|
+
const titleId = useId();
|
|
21
|
+
// Focus trap + Escape key
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
if (!visible)
|
|
24
|
+
return;
|
|
25
|
+
previousFocusRef.current = document.activeElement;
|
|
26
|
+
const handleKeyDown = (e) => {
|
|
27
|
+
if (e.key === 'Escape') {
|
|
28
|
+
onCancel?.(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
|
+
// Focus first focusable element
|
|
53
|
+
requestAnimationFrame(() => {
|
|
54
|
+
if (nodeRef.current) {
|
|
55
|
+
const focusable = nodeRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
56
|
+
if (focusable.length > 0)
|
|
57
|
+
focusable[0].focus();
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
return () => {
|
|
61
|
+
document.removeEventListener('keydown', handleKeyDown);
|
|
62
|
+
previousFocusRef.current?.focus();
|
|
63
|
+
};
|
|
64
|
+
}, [visible, onCancel]);
|
|
65
|
+
const renderFooter = () => {
|
|
66
|
+
if (React.isValidElement(footer)) {
|
|
67
|
+
return footer;
|
|
68
|
+
}
|
|
69
|
+
else if (footer === null) {
|
|
70
|
+
return null;
|
|
71
|
+
}
|
|
72
|
+
else {
|
|
73
|
+
return (_jsxs(Flex, { gap: "sm", justify: 'end', className: `${prefixCls}__footer`, style: footerStyle, children: [_jsx(Button, { onClick: onCancel, className: `${prefixCls}__footer-btn`, ...cancelButtonProps, children: cancelText }), _jsx(Button, { loading: confirmLoading, onClick: onConfirm, btnType: "primary", className: `${prefixCls}__footer-btn`, ...confirmButtonProps, children: confirmText })] }));
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
return (_jsx(Overlay, { onEnter: () => setModalVisible(true), onExit: () => setModalVisible(false), zIndex: zIndex, type: maskType, unmountOnExit: unmountOnClose, isShow: visible, onExited: afterClose, clickCallback: (e) => {
|
|
77
|
+
maskClosable && onCancel ? onCancel(e) : undefined;
|
|
78
|
+
}, style: maskStyle, children: _jsx("div", { ref: ref, className: cls, style: { top }, children: _jsx("div", { style: { width, ...style }, children: _jsx(CSSTransition, { appear: true, nodeRef: nodeRef, in: modalVisible, classNames: `${prefixCls}__content_${animation}`, timeout: 0, children: _jsxs("div", { ref: nodeRef, className: `${prefixCls}__content`, role: "dialog", "aria-modal": "true", "aria-labelledby": header ? titleId : undefined, onClick: (e) => e.stopPropagation(), children: [closable && (_jsx("button", { type: "button", className: `${prefixCls}__close-btn`, onClick: onCancel, "aria-label": "Close", children: "\u2715" })), header && (_jsx("div", { className: `${prefixCls}__header`, style: headerStyle, children: _jsx("div", { className: `${prefixCls}__title`, id: titleId, children: header }) })), _jsx("div", { className: `${prefixCls}__body`, style: bodyStyle, children: children }), renderFooter()] }) }) }) }) }));
|
|
79
|
+
});
|
|
80
|
+
Modal.displayName = 'Modal';
|
|
81
|
+
export default Modal;
|
|
82
|
+
//# sourceMappingURL=modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../components/modal/modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
&_slide {
|
|
22
22
|
&-enter {
|
|
23
23
|
transform: translateY(-20px);
|
|
24
|
+
transition: none;
|
|
24
25
|
}
|
|
25
26
|
|
|
26
27
|
&-enter-done {
|
|
@@ -39,6 +40,7 @@
|
|
|
39
40
|
&_scale {
|
|
40
41
|
&-enter {
|
|
41
42
|
transform: scale(0);
|
|
43
|
+
transition: none;
|
|
42
44
|
}
|
|
43
45
|
|
|
44
46
|
&-enter-done {
|
|
@@ -99,7 +101,6 @@
|
|
|
99
101
|
&__footer {
|
|
100
102
|
box-sizing: border-box;
|
|
101
103
|
padding: 12px 16px;
|
|
102
|
-
text-align: right;
|
|
103
104
|
border-top: 1px solid var(--ty-modal-footer-border);
|
|
104
105
|
border-radius: 0 0 4px 4px;
|
|
105
106
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import notificationContainer from './notification-container';
|
|
2
2
|
export default notificationContainer;
|