File tree Expand file tree Collapse file tree 3 files changed +7
-7
lines changed
Expand file tree Collapse file tree 3 files changed +7
-7
lines changed Original file line number Diff line number Diff line change 44
55😎 ** Modern** and 🚀 ** Performant** Bottom Sheet for Vue.js
66
7- [ Demo] ( https://megaarmos.douxcode.com/vue-spring-bottom-sheet/ ) 👀
7+ [ Demo] ( https://vue-spring-bottom-sheet.douxcode.com/ ) 👀
8+
9+ | ![ ] ( https://vue-spring-bottom-sheet.douxcode.com/example_basic.png ) | ![ ] ( https://vue-spring-bottom-sheet.douxcode.com/example_snap.png ) | ![ ] ( https://vue-spring-bottom-sheet.douxcode.com/example_blocking.png ) | ![ ] ( https://vue-spring-bottom-sheet.douxcode.com/example_sticky.png ) |
10+ | :-----------------------------------------------------------------: | :----------------------------------------------------------------: | :--------------------------------------------------------------------: | :------------------------------------------------------------------: |
811
912# Installation
1013
Original file line number Diff line number Diff line change 2727 "type" : " git" ,
2828 "url" : " https://github.com/megaarmos/vue-spring-bottom-sheet.git"
2929 },
30- "homepage" : " https://megaarmos.douxcode.com/ vue-spring-bottom-sheet/" ,
30+ "homepage" : " https://vue-spring-bottom-sheet.douxcode.com /" ,
3131 "bugs" : {
3232 "url" : " https://github.com/megaarmos/vue-spring-bottom-sheet/issues"
3333 },
3434 "private" : false ,
35- "version" : " 1.2.2 " ,
35+ "version" : " 1.2.3 " ,
3636 "type" : " module" ,
3737 "exports" : {
3838 "." : {
Original file line number Diff line number Diff line change @@ -96,12 +96,10 @@ const {
9696const isWindowScrollLocked = useScrollLock (document .body )
9797const isWindowRootScrollLocked = useScrollLock (document .documentElement )
9898
99- // Keyboard event handler
10099const handleEscapeKey = (e : KeyboardEvent ) => {
101100 if (e .key === ' Escape' ) close ()
102101}
103102
104- // Open sheet method
105103const open = () => {
106104 if (! sheet .value ) return
107105
@@ -132,7 +130,7 @@ const open = () => {
132130 }, props .duration )
133131 }
134132}
135- // Close sheet method
133+
136134const close = () => {
137135 if (! sheet .value ) return
138136
@@ -159,7 +157,6 @@ const close = () => {
159157 }, props .duration )
160158}
161159
162- // Backdrop click handler
163160const backdropClick = () => {
164161 if (props .canBackdropClose ) close ()
165162}
You can’t perform that action at this time.
0 commit comments