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 @@
|
|
|
1
|
+
{"version":3,"file":"space.js","sourceRoot":"","sources":["../../components/space/space.tsx"],"names":[],"mappings":";;;;AAAA,uDAA0C;AAC1C,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AAIjD,MAAM,SAAS,GAAG;IAChB,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,KAAK,GAAG,eAAK,CAAC,UAAU,CAC5B,CAAC,KAAiB,EAAE,GAAG,EAAe,EAAE;IACtC,MAAM,EACJ,SAAS,GAAG,YAAY,EACxB,KAAK,GAAG,QAAQ,EAChB,SAAS,EACT,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAChF,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,KAAK,IAAI,IAAI,CAAC;IACvD,MAAM,GAAG,GAAG,IAAA,oBAAU,EACpB,SAAS,EACT,SAAS,EACT,GAAG,SAAS,IAAI,SAAS,EAAE,EAC3B,GAAG,SAAS,IAAI,KAAK,EAAE,CACxB,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,GAAW,EAAuB,EAAE;QACxD,IAAI,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,GAAG,EAAE,CAAC;YAC/C,OAAO;gBACL,CAAC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,EACzD,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAgB,CAAC;aACtE,CAAC;QACJ,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACL,mCAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,YAC1C,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,gCAAe,SAAS,EAAE,GAAG,SAAS,QAAQ,EAAE,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,YACrE,KAAK,IADE,GAAG,CAEP,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,kBAAe,KAAK,CAAC"}
|
|
@@ -1,22 +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 components_1 = require("../_utils/components");
|
|
10
|
-
const button_group_1 = tslib_1.__importDefault(require("../button/button-group"));
|
|
11
|
-
const button_1 = tslib_1.__importDefault(require("../button/button"));
|
|
12
|
-
const dropdown_1 = tslib_1.__importDefault(require("../dropdown"));
|
|
13
|
-
const SplitButton = (props) => {
|
|
14
|
-
const { size = 'md', btnType = 'default', disabled = false, loading = false, dropdownPlacement = 'bottom-end', dropdownTrigger = 'hover', onClick, overlay, className, children, prefixCls: customisedCls, ...otherProps } = props;
|
|
15
|
-
const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
|
|
16
|
-
const prefixCls = (0, general_1.getPrefixCls)('split-button', configContext.prefixCls, customisedCls);
|
|
17
|
-
const cls = (0, classnames_1.default)(prefixCls, className);
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)(button_group_1.default, { ...otherProps, className: cls, btnType: btnType, disabled: disabled, size: size, children: [(0, jsx_runtime_1.jsx)(button_1.default, { onClick: onClick, loading: loading, children: children }), (0, jsx_runtime_1.jsx)(dropdown_1.default, { overlay: overlay, trigger: dropdownTrigger, placement: dropdownPlacement, children: (0, jsx_runtime_1.jsx)(button_1.default, { className: `${prefixCls}__dropdown-btn`, btnType: btnType, disabled: disabled, size: size, children: (0, jsx_runtime_1.jsx)(components_1.ArrowDown, { size: 10 }) }) })] }));
|
|
19
|
-
};
|
|
20
|
-
SplitButton.displayName = 'SplitButton';
|
|
21
|
-
exports.default = SplitButton;
|
|
4
|
+
const split_button_1 = tslib_1.__importDefault(require("./split-button"));
|
|
5
|
+
exports.default = split_button_1.default;
|
|
22
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/split-button/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/split-button/index.tsx"],"names":[],"mappings":";;;AAAA,0EAAyC;AAEzC,kBAAe,sBAAW,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
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 components_1 = require("../_utils/components");
|
|
10
|
+
const button_group_1 = tslib_1.__importDefault(require("../button/button-group"));
|
|
11
|
+
const button_1 = tslib_1.__importDefault(require("../button/button"));
|
|
12
|
+
const dropdown_1 = tslib_1.__importDefault(require("../dropdown"));
|
|
13
|
+
const SplitButton = (props) => {
|
|
14
|
+
const { size = 'md', btnType = 'default', disabled = false, loading = false, dropdownPlacement = 'bottom-end', dropdownTrigger = 'hover', onClick, overlay, className, children, prefixCls: customisedCls, ...otherProps } = props;
|
|
15
|
+
const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
|
|
16
|
+
const prefixCls = (0, general_1.getPrefixCls)('split-button', configContext.prefixCls, customisedCls);
|
|
17
|
+
const cls = (0, classnames_1.default)(prefixCls, className);
|
|
18
|
+
return ((0, jsx_runtime_1.jsxs)(button_group_1.default, { ...otherProps, className: cls, btnType: btnType, disabled: disabled, size: size, children: [(0, jsx_runtime_1.jsx)(button_1.default, { onClick: onClick, loading: loading, children: children }), (0, jsx_runtime_1.jsx)(dropdown_1.default, { overlay: overlay, trigger: dropdownTrigger, placement: dropdownPlacement, children: (0, jsx_runtime_1.jsx)(button_1.default, { className: `${prefixCls}__dropdown-btn`, btnType: btnType, disabled: disabled, size: size, children: (0, jsx_runtime_1.jsx)(components_1.ArrowDown, { size: 10 }) }) })] }));
|
|
19
|
+
};
|
|
20
|
+
SplitButton.displayName = 'SplitButton';
|
|
21
|
+
exports.default = SplitButton;
|
|
22
|
+
//# sourceMappingURL=split-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"split-button.js","sourceRoot":"","sources":["../../components/split-button/split-button.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0C;AAC1C,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AACjD,qDAAiD;AAEjD,kFAAiD;AACjD,sEAAsC;AACtC,mEAAmC;AAEnC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAsB,EAAE;IAClE,MAAM,EACJ,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,iBAAiB,GAAG,YAAY,EAChC,eAAe,GAAG,OAAO,EACzB,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,cAAc,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACvF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,OAAO,CACL,wBAAC,sBAAW,OAAK,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,aAC3F,uBAAC,gBAAM,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,YACvC,QAAQ,GACF,EACT,uBAAC,kBAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,iBAAiB,YAChF,uBAAC,gBAAM,IACL,SAAS,EAAE,GAAG,SAAS,gBAAgB,EACvC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,YACV,uBAAC,sBAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAChB,GACA,IACC,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,kBAAe,WAAW,CAAC"}
|
package/lib/sticky/index.d.ts
CHANGED
package/lib/sticky/index.js
CHANGED
|
@@ -1,130 +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 dom_1 = require("../_utils/dom");
|
|
10
|
-
const Sticky = (props) => {
|
|
11
|
-
const { offsetTop, offsetBottom, container = () => window, onChange, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
|
|
12
|
-
const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
|
|
13
|
-
const prefixCls = (0, general_1.getPrefixCls)('sticky', configContext.prefixCls, customisedCls);
|
|
14
|
-
const cls = (0, classnames_1.default)(prefixCls, className);
|
|
15
|
-
const placeholderRef = (0, react_1.useRef)(null);
|
|
16
|
-
const stickyRef = (0, react_1.useRef)(null);
|
|
17
|
-
const [stickyStyle, setStickyStyle] = (0, react_1.useState)({});
|
|
18
|
-
const [placeholderStyle, setPlaceholderStyle] = (0, react_1.useState)({});
|
|
19
|
-
const [stickyContainer, setStickyContainer] = (0, react_1.useState)(container());
|
|
20
|
-
const getStickyMode = () => {
|
|
21
|
-
const mode = {
|
|
22
|
-
top: false,
|
|
23
|
-
bottom: false,
|
|
24
|
-
offset: 0,
|
|
25
|
-
};
|
|
26
|
-
if (typeof offsetTop !== 'number' && typeof offsetBottom !== 'number') {
|
|
27
|
-
mode.top = true;
|
|
28
|
-
}
|
|
29
|
-
else if (typeof offsetTop === 'number') {
|
|
30
|
-
mode.top = true;
|
|
31
|
-
mode.bottom = false;
|
|
32
|
-
mode.offset = offsetTop || 0;
|
|
33
|
-
}
|
|
34
|
-
else if (typeof offsetBottom === 'number') {
|
|
35
|
-
mode.bottom = true;
|
|
36
|
-
mode.top = false;
|
|
37
|
-
mode.offset = offsetBottom || 0;
|
|
38
|
-
}
|
|
39
|
-
return mode;
|
|
40
|
-
};
|
|
41
|
-
const [stickyMode] = (0, react_1.useState)(getStickyMode());
|
|
42
|
-
const getOffset = (0, react_1.useCallback)((placeholderNode, stickyContainer) => {
|
|
43
|
-
const rect = placeholderNode.getBoundingClientRect();
|
|
44
|
-
const containerRect = (0, dom_1.getRect)(stickyContainer);
|
|
45
|
-
const containerScrollTop = (0, dom_1.getScroll)(stickyContainer, true);
|
|
46
|
-
const containerScrollLeft = (0, dom_1.getScroll)(stickyContainer, false);
|
|
47
|
-
return {
|
|
48
|
-
top: rect.top - containerRect.top + containerScrollTop,
|
|
49
|
-
left: rect.left - containerRect.left + containerScrollLeft,
|
|
50
|
-
width: rect.width,
|
|
51
|
-
height: rect.height,
|
|
52
|
-
};
|
|
53
|
-
}, []);
|
|
54
|
-
const updateStickyStyle = (0, react_1.useCallback)((stickyStyle, stuck = false) => {
|
|
55
|
-
setStickyStyle({ ...stickyStyle });
|
|
56
|
-
if (stuck) {
|
|
57
|
-
onChange && onChange(true);
|
|
58
|
-
}
|
|
59
|
-
else if (!stickyStyle) {
|
|
60
|
-
onChange && onChange(false);
|
|
61
|
-
}
|
|
62
|
-
}, [onChange]);
|
|
63
|
-
const updatePlaceholderStyle = (placeholderStyle) => {
|
|
64
|
-
setPlaceholderStyle({ ...placeholderStyle });
|
|
65
|
-
};
|
|
66
|
-
const updateNodePosition = (0, react_1.useCallback)(() => {
|
|
67
|
-
const placeholderNode = placeholderRef.current;
|
|
68
|
-
const stickyNode = stickyRef.current;
|
|
69
|
-
if (!placeholderNode || !stickyContainer || !stickyNode) {
|
|
70
|
-
return;
|
|
71
|
-
}
|
|
72
|
-
const containerScrollTop = (0, dom_1.getScroll)(stickyContainer, true);
|
|
73
|
-
const placeholderOffset = getOffset(placeholderNode, stickyContainer);
|
|
74
|
-
const containerHeight = (0, dom_1.getNodeHeight)(stickyContainer);
|
|
75
|
-
const placeholderHeight = placeholderNode.offsetHeight;
|
|
76
|
-
const containerRect = (0, dom_1.getRect)(stickyContainer);
|
|
77
|
-
const stickyHeight = stickyNode.offsetHeight;
|
|
78
|
-
const stickyStyle = {
|
|
79
|
-
width: placeholderOffset.width,
|
|
80
|
-
};
|
|
81
|
-
const placeholderStyle = {
|
|
82
|
-
width: placeholderOffset.width,
|
|
83
|
-
height: stickyHeight,
|
|
84
|
-
};
|
|
85
|
-
if (stickyMode.top && containerScrollTop > placeholderOffset.top - stickyMode.offset) {
|
|
86
|
-
// sticky top
|
|
87
|
-
stickyStyle.position = 'fixed';
|
|
88
|
-
stickyStyle.top = stickyMode.offset + containerRect.top;
|
|
89
|
-
updateStickyStyle(stickyStyle, true);
|
|
90
|
-
updatePlaceholderStyle(placeholderStyle);
|
|
91
|
-
}
|
|
92
|
-
else if (stickyMode.bottom &&
|
|
93
|
-
containerScrollTop <
|
|
94
|
-
placeholderOffset.top + placeholderHeight + stickyMode.offset - containerHeight) {
|
|
95
|
-
// sticky bottom
|
|
96
|
-
stickyStyle.height = placeholderHeight;
|
|
97
|
-
stickyStyle.position = 'fixed';
|
|
98
|
-
stickyStyle.bottom = stickyMode.offset;
|
|
99
|
-
updateStickyStyle(stickyStyle, true);
|
|
100
|
-
updatePlaceholderStyle(placeholderStyle);
|
|
101
|
-
}
|
|
102
|
-
else {
|
|
103
|
-
updateStickyStyle({});
|
|
104
|
-
updatePlaceholderStyle({});
|
|
105
|
-
}
|
|
106
|
-
}, [stickyContainer, updateStickyStyle, stickyMode, getOffset]);
|
|
107
|
-
/**
|
|
108
|
-
* If the container is changed, update the listeners
|
|
109
|
-
*/
|
|
110
|
-
(0, react_1.useEffect)(() => {
|
|
111
|
-
const stickyContainer = container();
|
|
112
|
-
if (!stickyContainer) {
|
|
113
|
-
return;
|
|
114
|
-
}
|
|
115
|
-
setStickyContainer(stickyContainer);
|
|
116
|
-
stickyContainer.addEventListener('scroll', updateNodePosition);
|
|
117
|
-
stickyContainer.addEventListener('resize', updateNodePosition);
|
|
118
|
-
return () => {
|
|
119
|
-
stickyContainer.removeEventListener('scroll', updateNodePosition);
|
|
120
|
-
stickyContainer.removeEventListener('resize', updateNodePosition);
|
|
121
|
-
};
|
|
122
|
-
}, [updateNodePosition, container]);
|
|
123
|
-
(0, react_1.useEffect)(() => {
|
|
124
|
-
updateNodePosition();
|
|
125
|
-
}, [updateNodePosition]);
|
|
126
|
-
return ((0, jsx_runtime_1.jsx)("div", { ref: placeholderRef, style: placeholderStyle, children: (0, jsx_runtime_1.jsx)("div", { ...otherProps, className: cls, ref: stickyRef, style: { ...stickyStyle, ...style }, children: children }) }));
|
|
127
|
-
};
|
|
128
|
-
Sticky.displayName = 'Sticky';
|
|
129
|
-
exports.default = Sticky;
|
|
4
|
+
const sticky_1 = tslib_1.__importDefault(require("./sticky"));
|
|
5
|
+
exports.default = sticky_1.default;
|
|
130
6
|
//# sourceMappingURL=index.js.map
|
package/lib/sticky/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/sticky/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/sticky/index.tsx"],"names":[],"mappings":";;;AAAA,8DAA8B;AAE9B,kBAAe,gBAAM,CAAC"}
|
|
@@ -0,0 +1,130 @@
|
|
|
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 dom_1 = require("../_utils/dom");
|
|
10
|
+
const Sticky = (props) => {
|
|
11
|
+
const { offsetTop, offsetBottom, container = () => window, onChange, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
|
|
12
|
+
const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
|
|
13
|
+
const prefixCls = (0, general_1.getPrefixCls)('sticky', configContext.prefixCls, customisedCls);
|
|
14
|
+
const cls = (0, classnames_1.default)(prefixCls, className);
|
|
15
|
+
const placeholderRef = (0, react_1.useRef)(null);
|
|
16
|
+
const stickyRef = (0, react_1.useRef)(null);
|
|
17
|
+
const [stickyStyle, setStickyStyle] = (0, react_1.useState)({});
|
|
18
|
+
const [placeholderStyle, setPlaceholderStyle] = (0, react_1.useState)({});
|
|
19
|
+
const [stickyContainer, setStickyContainer] = (0, react_1.useState)(container());
|
|
20
|
+
const getStickyMode = () => {
|
|
21
|
+
const mode = {
|
|
22
|
+
top: false,
|
|
23
|
+
bottom: false,
|
|
24
|
+
offset: 0,
|
|
25
|
+
};
|
|
26
|
+
if (typeof offsetTop !== 'number' && typeof offsetBottom !== 'number') {
|
|
27
|
+
mode.top = true;
|
|
28
|
+
}
|
|
29
|
+
else if (typeof offsetTop === 'number') {
|
|
30
|
+
mode.top = true;
|
|
31
|
+
mode.bottom = false;
|
|
32
|
+
mode.offset = offsetTop || 0;
|
|
33
|
+
}
|
|
34
|
+
else if (typeof offsetBottom === 'number') {
|
|
35
|
+
mode.bottom = true;
|
|
36
|
+
mode.top = false;
|
|
37
|
+
mode.offset = offsetBottom || 0;
|
|
38
|
+
}
|
|
39
|
+
return mode;
|
|
40
|
+
};
|
|
41
|
+
const [stickyMode] = (0, react_1.useState)(getStickyMode());
|
|
42
|
+
const getOffset = (0, react_1.useCallback)((placeholderNode, stickyContainer) => {
|
|
43
|
+
const rect = placeholderNode.getBoundingClientRect();
|
|
44
|
+
const containerRect = (0, dom_1.getRect)(stickyContainer);
|
|
45
|
+
const containerScrollTop = (0, dom_1.getScroll)(stickyContainer, true);
|
|
46
|
+
const containerScrollLeft = (0, dom_1.getScroll)(stickyContainer, false);
|
|
47
|
+
return {
|
|
48
|
+
top: rect.top - containerRect.top + containerScrollTop,
|
|
49
|
+
left: rect.left - containerRect.left + containerScrollLeft,
|
|
50
|
+
width: rect.width,
|
|
51
|
+
height: rect.height,
|
|
52
|
+
};
|
|
53
|
+
}, []);
|
|
54
|
+
const updateStickyStyle = (0, react_1.useCallback)((stickyStyle, stuck = false) => {
|
|
55
|
+
setStickyStyle({ ...stickyStyle });
|
|
56
|
+
if (stuck) {
|
|
57
|
+
onChange && onChange(true);
|
|
58
|
+
}
|
|
59
|
+
else if (!stickyStyle) {
|
|
60
|
+
onChange && onChange(false);
|
|
61
|
+
}
|
|
62
|
+
}, [onChange]);
|
|
63
|
+
const updatePlaceholderStyle = (placeholderStyle) => {
|
|
64
|
+
setPlaceholderStyle({ ...placeholderStyle });
|
|
65
|
+
};
|
|
66
|
+
const updateNodePosition = (0, react_1.useCallback)(() => {
|
|
67
|
+
const placeholderNode = placeholderRef.current;
|
|
68
|
+
const stickyNode = stickyRef.current;
|
|
69
|
+
if (!placeholderNode || !stickyContainer || !stickyNode) {
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
const containerScrollTop = (0, dom_1.getScroll)(stickyContainer, true);
|
|
73
|
+
const placeholderOffset = getOffset(placeholderNode, stickyContainer);
|
|
74
|
+
const containerHeight = (0, dom_1.getNodeHeight)(stickyContainer);
|
|
75
|
+
const placeholderHeight = placeholderNode.offsetHeight;
|
|
76
|
+
const containerRect = (0, dom_1.getRect)(stickyContainer);
|
|
77
|
+
const stickyHeight = stickyNode.offsetHeight;
|
|
78
|
+
const stickyStyle = {
|
|
79
|
+
width: placeholderOffset.width,
|
|
80
|
+
};
|
|
81
|
+
const placeholderStyle = {
|
|
82
|
+
width: placeholderOffset.width,
|
|
83
|
+
height: stickyHeight,
|
|
84
|
+
};
|
|
85
|
+
if (stickyMode.top && containerScrollTop > placeholderOffset.top - stickyMode.offset) {
|
|
86
|
+
// sticky top
|
|
87
|
+
stickyStyle.position = 'fixed';
|
|
88
|
+
stickyStyle.top = stickyMode.offset + containerRect.top;
|
|
89
|
+
updateStickyStyle(stickyStyle, true);
|
|
90
|
+
updatePlaceholderStyle(placeholderStyle);
|
|
91
|
+
}
|
|
92
|
+
else if (stickyMode.bottom &&
|
|
93
|
+
containerScrollTop <
|
|
94
|
+
placeholderOffset.top + placeholderHeight + stickyMode.offset - containerHeight) {
|
|
95
|
+
// sticky bottom
|
|
96
|
+
stickyStyle.height = placeholderHeight;
|
|
97
|
+
stickyStyle.position = 'fixed';
|
|
98
|
+
stickyStyle.bottom = stickyMode.offset;
|
|
99
|
+
updateStickyStyle(stickyStyle, true);
|
|
100
|
+
updatePlaceholderStyle(placeholderStyle);
|
|
101
|
+
}
|
|
102
|
+
else {
|
|
103
|
+
updateStickyStyle({});
|
|
104
|
+
updatePlaceholderStyle({});
|
|
105
|
+
}
|
|
106
|
+
}, [stickyContainer, updateStickyStyle, stickyMode, getOffset]);
|
|
107
|
+
/**
|
|
108
|
+
* If the container is changed, update the listeners
|
|
109
|
+
*/
|
|
110
|
+
(0, react_1.useEffect)(() => {
|
|
111
|
+
const stickyContainer = container();
|
|
112
|
+
if (!stickyContainer) {
|
|
113
|
+
return;
|
|
114
|
+
}
|
|
115
|
+
setStickyContainer(stickyContainer);
|
|
116
|
+
stickyContainer.addEventListener('scroll', updateNodePosition);
|
|
117
|
+
stickyContainer.addEventListener('resize', updateNodePosition);
|
|
118
|
+
return () => {
|
|
119
|
+
stickyContainer.removeEventListener('scroll', updateNodePosition);
|
|
120
|
+
stickyContainer.removeEventListener('resize', updateNodePosition);
|
|
121
|
+
};
|
|
122
|
+
}, [updateNodePosition, container]);
|
|
123
|
+
(0, react_1.useEffect)(() => {
|
|
124
|
+
updateNodePosition();
|
|
125
|
+
}, [updateNodePosition]);
|
|
126
|
+
return ((0, jsx_runtime_1.jsx)("div", { ref: placeholderRef, style: placeholderStyle, children: (0, jsx_runtime_1.jsx)("div", { ...otherProps, className: cls, ref: stickyRef, style: { ...stickyStyle, ...style }, children: children }) }));
|
|
127
|
+
};
|
|
128
|
+
Sticky.displayName = 'Sticky';
|
|
129
|
+
exports.default = Sticky;
|
|
130
|
+
//# sourceMappingURL=sticky.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sticky.js","sourceRoot":"","sources":["../../components/sticky/sticky.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { StrengthIndicatorProps } from './types';
|
|
3
|
-
declare const StrengthIndicator: React.ForwardRefExoticComponent<Omit<StrengthIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1
|
+
import StrengthIndicator from './strength-indicator';
|
|
4
2
|
export default StrengthIndicator;
|
|
@@ -1,27 +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 StrengthIndicator = react_1.default.forwardRef((props, ref) => {
|
|
10
|
-
const { current = 0, blocks = 3, colors = ['#f44336', '#ff9800', '#52c41a'], className, prefixCls: customisedCls, ...otherProps } = props;
|
|
11
|
-
const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
|
|
12
|
-
const prefixCls = (0, general_1.getPrefixCls)('strength-indicator', configContext.prefixCls, customisedCls);
|
|
13
|
-
const cls = (0, classnames_1.default)(prefixCls, className);
|
|
14
|
-
const displayLabels = Array.isArray(props.labels)
|
|
15
|
-
? props.labels
|
|
16
|
-
: ['Weak', 'Medium', 'Strong'];
|
|
17
|
-
return ((0, jsx_runtime_1.jsx)("div", { ...otherProps, className: cls, ref: ref, role: "progressbar", "aria-valuenow": current, "aria-valuemin": 0, "aria-valuemax": blocks, children: Array.from(new Array(blocks)).map((item, idx) => {
|
|
18
|
-
const itemCls = (0, classnames_1.default)(`${prefixCls}__item`, {
|
|
19
|
-
[`${prefixCls}__item_active`]: idx < current,
|
|
20
|
-
});
|
|
21
|
-
const bgColor = idx < current ? colors[current - 1] : undefined;
|
|
22
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: itemCls, children: [(0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__inner`, style: { backgroundColor: bgColor } }), 'labels' in props && ((0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__label`, children: displayLabels[idx] }))] }, idx));
|
|
23
|
-
}) }));
|
|
24
|
-
});
|
|
25
|
-
StrengthIndicator.displayName = 'StrengthIndicator';
|
|
26
|
-
exports.default = StrengthIndicator;
|
|
4
|
+
const strength_indicator_1 = tslib_1.__importDefault(require("./strength-indicator"));
|
|
5
|
+
exports.default = strength_indicator_1.default;
|
|
27
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/strength-indicator/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/strength-indicator/index.tsx"],"names":[],"mappings":";;;AAAA,sFAAqD;AAErD,kBAAe,4BAAiB,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
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 StrengthIndicator = react_1.default.forwardRef((props, ref) => {
|
|
10
|
+
const { current = 0, blocks = 3, colors = ['#f44336', '#ff9800', '#52c41a'], className, prefixCls: customisedCls, ...otherProps } = props;
|
|
11
|
+
const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
|
|
12
|
+
const prefixCls = (0, general_1.getPrefixCls)('strength-indicator', configContext.prefixCls, customisedCls);
|
|
13
|
+
const cls = (0, classnames_1.default)(prefixCls, className);
|
|
14
|
+
const displayLabels = Array.isArray(props.labels)
|
|
15
|
+
? props.labels
|
|
16
|
+
: ['Weak', 'Medium', 'Strong'];
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)("div", { ...otherProps, className: cls, ref: ref, role: "progressbar", "aria-valuenow": current, "aria-valuemin": 0, "aria-valuemax": blocks, children: Array.from(new Array(blocks)).map((item, idx) => {
|
|
18
|
+
const itemCls = (0, classnames_1.default)(`${prefixCls}__item`, {
|
|
19
|
+
[`${prefixCls}__item_active`]: idx < current,
|
|
20
|
+
});
|
|
21
|
+
const bgColor = idx < current ? colors[current - 1] : undefined;
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: itemCls, children: [(0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__inner`, style: { backgroundColor: bgColor } }), 'labels' in props && ((0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__label`, children: displayLabels[idx] }))] }, idx));
|
|
23
|
+
}) }));
|
|
24
|
+
});
|
|
25
|
+
StrengthIndicator.displayName = 'StrengthIndicator';
|
|
26
|
+
exports.default = StrengthIndicator;
|
|
27
|
+
//# sourceMappingURL=strength-indicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"strength-indicator.js","sourceRoot":"","sources":["../../components/strength-indicator/strength-indicator.tsx"],"names":[],"mappings":";;;;AAAA,uDAA0C;AAC1C,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,iBAAiB,GAAG,eAAK,CAAC,UAAU,CACxC,CAAC,KAA6B,EAAE,GAAG,EAAsB,EAAE;IACzD,MAAM,EACJ,OAAO,GAAG,CAAC,EACX,MAAM,GAAG,CAAC,EACV,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,EAC1C,SAAS,EACT,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,oBAAoB,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC7F,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAsB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;QAClE,CAAC,CAAC,KAAK,CAAC,MAAM;QACd,CAAC,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEjC,OAAO,CACL,mCAAS,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,aAAa,mBAAgB,OAAO,mBAAiB,CAAC,mBAAiB,MAAM,YAC9H,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;YAC/C,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,GAAG,SAAS,QAAQ,EAAE;gBAC/C,CAAC,GAAG,SAAS,eAAe,CAAC,EAAE,GAAG,GAAG,OAAO;aAC7C,CAAC,CAAC;YACH,MAAM,OAAO,GAAG,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YAChE,OAAO,CACL,iCAAe,SAAS,EAAE,OAAO,aAC/B,gCAAK,SAAS,EAAE,GAAG,SAAS,SAAS,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,GAAI,EAC7E,QAAQ,IAAI,KAAK,IAAI,CACpB,gCAAK,SAAS,EAAE,GAAG,SAAS,SAAS,YAAG,aAAa,CAAC,GAAG,CAAC,GAAO,CAClE,KAJO,GAAG,CAKP,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEpD,kBAAe,iBAAiB,CAAC"}
|
package/lib/style/_theme.scss
CHANGED
|
@@ -14,13 +14,13 @@
|
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
// Dark theme (explicit)
|
|
17
|
-
html[data-theme='dark'] {
|
|
17
|
+
html[data-tiny-theme='dark'] {
|
|
18
18
|
@include generate-theme-vars($dark-theme);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
// System preference (
|
|
21
|
+
// System preference (opt-in via data-tiny-theme="system")
|
|
22
22
|
@media (prefers-color-scheme: dark) {
|
|
23
|
-
html
|
|
23
|
+
html[data-tiny-theme='system'] {
|
|
24
24
|
@include generate-theme-vars($dark-theme);
|
|
25
25
|
}
|
|
26
26
|
}
|
package/lib/style/index.css
CHANGED
|
@@ -265,7 +265,7 @@
|
|
|
265
265
|
--ty-calendar-hover: #f6f9fc;
|
|
266
266
|
}
|
|
267
267
|
|
|
268
|
-
html[data-theme=dark] {
|
|
268
|
+
html[data-tiny-theme=dark] {
|
|
269
269
|
--ty-color-bg: #141414;
|
|
270
270
|
--ty-color-bg-elevated: #1f1f1f;
|
|
271
271
|
--ty-color-bg-container: #1f1f1f;
|
|
@@ -533,7 +533,7 @@ html[data-theme=dark] {
|
|
|
533
533
|
}
|
|
534
534
|
|
|
535
535
|
@media (prefers-color-scheme: dark) {
|
|
536
|
-
html
|
|
536
|
+
html[data-tiny-theme=system] {
|
|
537
537
|
--ty-color-bg: #141414;
|
|
538
538
|
--ty-color-bg-elevated: #1f1f1f;
|
|
539
539
|
--ty-color-bg-container: #1f1f1f;
|
|
@@ -3132,6 +3132,7 @@ template {
|
|
|
3132
3132
|
}
|
|
3133
3133
|
.ty-drawer_top .ty-drawer__content_move-enter {
|
|
3134
3134
|
transform: translateY(-100%);
|
|
3135
|
+
transition: none;
|
|
3135
3136
|
}
|
|
3136
3137
|
.ty-drawer_top .ty-drawer__content_move-enter-done {
|
|
3137
3138
|
transform: translateY(0);
|
|
@@ -3147,6 +3148,7 @@ template {
|
|
|
3147
3148
|
}
|
|
3148
3149
|
.ty-drawer_bottom .ty-drawer__content_move-enter {
|
|
3149
3150
|
transform: translateY(100%);
|
|
3151
|
+
transition: none;
|
|
3150
3152
|
}
|
|
3151
3153
|
.ty-drawer_bottom .ty-drawer__content_move-enter-done {
|
|
3152
3154
|
transform: translateY(0);
|
|
@@ -3162,6 +3164,7 @@ template {
|
|
|
3162
3164
|
}
|
|
3163
3165
|
.ty-drawer_right .ty-drawer__content_move-enter {
|
|
3164
3166
|
transform: translateX(100%);
|
|
3167
|
+
transition: none;
|
|
3165
3168
|
}
|
|
3166
3169
|
.ty-drawer_right .ty-drawer__content_move-enter-done {
|
|
3167
3170
|
transform: translateX(0);
|
|
@@ -3177,6 +3180,7 @@ template {
|
|
|
3177
3180
|
}
|
|
3178
3181
|
.ty-drawer_left .ty-drawer__content_move-enter {
|
|
3179
3182
|
transform: translateX(-100%);
|
|
3183
|
+
transition: none;
|
|
3180
3184
|
}
|
|
3181
3185
|
.ty-drawer_left .ty-drawer__content_move-enter-done {
|
|
3182
3186
|
transform: translateX(0);
|
|
@@ -6337,34 +6341,6 @@ template {
|
|
|
6337
6341
|
text-align: center;
|
|
6338
6342
|
color: var(--ty-color-text-secondary, #adb5bd);
|
|
6339
6343
|
}
|
|
6340
|
-
.ty-list__pagination {
|
|
6341
|
-
display: flex;
|
|
6342
|
-
justify-content: flex-end;
|
|
6343
|
-
padding: 16px;
|
|
6344
|
-
gap: 4px;
|
|
6345
|
-
}
|
|
6346
|
-
.ty-list__page-btn {
|
|
6347
|
-
display: inline-flex;
|
|
6348
|
-
align-items: center;
|
|
6349
|
-
justify-content: center;
|
|
6350
|
-
min-width: 32px;
|
|
6351
|
-
height: 32px;
|
|
6352
|
-
padding: 0 6px;
|
|
6353
|
-
border: 1px solid var(--ty-list-border, #dee2e6);
|
|
6354
|
-
border-radius: 2px;
|
|
6355
|
-
background: transparent;
|
|
6356
|
-
cursor: pointer;
|
|
6357
|
-
font-size: 0.875rem;
|
|
6358
|
-
}
|
|
6359
|
-
.ty-list__page-btn:hover {
|
|
6360
|
-
color: var(--ty-color-primary, #6e41bf);
|
|
6361
|
-
border-color: var(--ty-color-primary, #6e41bf);
|
|
6362
|
-
}
|
|
6363
|
-
.ty-list__page-btn_active {
|
|
6364
|
-
color: var(--ty-color-primary, #6e41bf);
|
|
6365
|
-
border-color: var(--ty-color-primary, #6e41bf);
|
|
6366
|
-
font-weight: 500;
|
|
6367
|
-
}
|
|
6368
6344
|
|
|
6369
6345
|
.ty-list-item {
|
|
6370
6346
|
display: flex;
|
|
@@ -6805,6 +6781,7 @@ template {
|
|
|
6805
6781
|
}
|
|
6806
6782
|
.ty-modal__content_slide-enter {
|
|
6807
6783
|
transform: translateY(-20px);
|
|
6784
|
+
transition: none;
|
|
6808
6785
|
}
|
|
6809
6786
|
.ty-modal__content_slide-enter-done {
|
|
6810
6787
|
transform: translateY(0);
|
|
@@ -6817,6 +6794,7 @@ template {
|
|
|
6817
6794
|
}
|
|
6818
6795
|
.ty-modal__content_scale-enter {
|
|
6819
6796
|
transform: scale(0);
|
|
6797
|
+
transition: none;
|
|
6820
6798
|
}
|
|
6821
6799
|
.ty-modal__content_scale-enter-done {
|
|
6822
6800
|
transform: scale(1);
|
|
@@ -6867,7 +6845,6 @@ template {
|
|
|
6867
6845
|
.ty-modal__footer {
|
|
6868
6846
|
box-sizing: border-box;
|
|
6869
6847
|
padding: 12px 16px;
|
|
6870
|
-
text-align: right;
|
|
6871
6848
|
border-top: 1px solid var(--ty-modal-footer-border);
|
|
6872
6849
|
border-radius: 0 0 4px 4px;
|
|
6873
6850
|
}
|
|
@@ -8806,39 +8783,6 @@ template {
|
|
|
8806
8783
|
padding: 32px !important;
|
|
8807
8784
|
color: var(--ty-color-text-secondary, #adb5bd);
|
|
8808
8785
|
}
|
|
8809
|
-
.ty-table__pagination {
|
|
8810
|
-
display: flex;
|
|
8811
|
-
justify-content: flex-end;
|
|
8812
|
-
padding: 16px 0;
|
|
8813
|
-
gap: 4px;
|
|
8814
|
-
}
|
|
8815
|
-
.ty-table__page-btn {
|
|
8816
|
-
display: inline-flex;
|
|
8817
|
-
align-items: center;
|
|
8818
|
-
justify-content: center;
|
|
8819
|
-
min-width: 32px;
|
|
8820
|
-
height: 32px;
|
|
8821
|
-
padding: 0 6px;
|
|
8822
|
-
border: 1px solid var(--ty-table-border, #dee2e6);
|
|
8823
|
-
border-radius: 2px;
|
|
8824
|
-
background: transparent;
|
|
8825
|
-
cursor: pointer;
|
|
8826
|
-
font-size: 0.875rem;
|
|
8827
|
-
color: var(--ty-color-text, #525f7f);
|
|
8828
|
-
}
|
|
8829
|
-
.ty-table__page-btn:hover:not(:disabled) {
|
|
8830
|
-
color: var(--ty-color-primary, #6e41bf);
|
|
8831
|
-
border-color: var(--ty-color-primary, #6e41bf);
|
|
8832
|
-
}
|
|
8833
|
-
.ty-table__page-btn:disabled {
|
|
8834
|
-
opacity: 0.4;
|
|
8835
|
-
cursor: not-allowed;
|
|
8836
|
-
}
|
|
8837
|
-
.ty-table__page-btn_active {
|
|
8838
|
-
color: var(--ty-color-primary, #6e41bf);
|
|
8839
|
-
border-color: var(--ty-color-primary, #6e41bf);
|
|
8840
|
-
font-weight: 500;
|
|
8841
|
-
}
|
|
8842
8786
|
|
|
8843
8787
|
.ty-tabs {
|
|
8844
8788
|
position: relative;
|