vue-micro-router 1.0.41 → 1.0.42
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/index.d.ts +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -347,7 +347,7 @@ export declare interface MicroDialog {
|
|
|
347
347
|
position?: DialogPosition;
|
|
348
348
|
/** Custom transition duration in ms. Defaults: slide=500ms, fade/scale=300ms */
|
|
349
349
|
transitionDuration?: number;
|
|
350
|
-
/** Animation type: 'fade' (
|
|
350
|
+
/** Animation type: 'fade' (pure opacity), 'scale' (pop), 'slide' (page-style) */
|
|
351
351
|
transition?: TransitionType;
|
|
352
352
|
/** If true (default), dialog has transparent background and no shadow */
|
|
353
353
|
seamless?: boolean;
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.route-page{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%;height:var(--mr-page-height, 100%);transform:translate(0)}.route-page__body{position:relative;width:100%;height:100%}.route-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s cubic-bezier(.65,0,.35,1);pointer-events:none;z-index:1}.route-page.deactive{transform:translate(-20%)}.route-page.deactive:before{opacity:1}.page-slide-enter-active,.page-slide-leave-active{transition:transform .5s cubic-bezier(.65,0,.35,1)}.page-slide-enter-from,.page-slide-leave-to{transform:translate(100%)}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .3s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}.micro-router-content-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.micro-router-gui-layer{position:fixed;width:0;top:0;left:0;right:0;overflow:visible;z-index:1000;opacity:0;transition:opacity .5s ease;pointer-events:none}.micro-router-gui-layer.gui-visible{opacity:1;pointer-events:auto}.control-fade-move,.control-fade-enter-active,.control-fade-leave-active{transition:opacity .5s ease}.control-fade-enter-from,.control-fade-leave-to{opacity:0}.control-fade-leave-active{position:absolute}.micro-dialog{border:none;padding:0;max-width:100%;max-height:100dvh;width:100%;background:transparent;color:inherit;overflow:visible;will-change:opacity,transform}.micro-dialog::backdrop{background:#00000080;animation:_dialog-fade-in .3s ease-out forwards}.micro-dialog--closing::backdrop{animation:_dialog-fade-out .2s ease-in forwards}.micro-dialog__content{position:relative}.micro-dialog--standard{display:flex;align-items:center;justify-content:center}.micro-dialog--top{display:flex;align-items:flex-start;justify-content:center}.micro-dialog--bottom{display:flex;align-items:flex-end;justify-content:center}.micro-dialog--left{display:flex;align-items:center;justify-content:flex-start}.micro-dialog--right{display:flex;align-items:center;justify-content:flex-end}.micro-dialog--fullscreen{border-radius:0;overflow:hidden}.micro-dialog--fullscreen .micro-dialog__content{height:100dvh;width:100%;overflow:hidden}.micro-dialog--seamless{background:transparent;box-shadow:none}.micro-dialog.micro-dialog--seamless::backdrop{background:transparent!important;animation:none!important}@keyframes _dialog-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes _dialog-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes _dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes _dialog-fade-out{0%{opacity:1}to{opacity:0}}@keyframes _dialog-scale-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes _dialog-scale-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes _dialog-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _dialog-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}.dialog-transition-fade:not(.micro-dialog--closing){animation:_dialog-
|
|
1
|
+
.route-page{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%;height:var(--mr-page-height, 100%);transform:translate(0)}.route-page__body{position:relative;width:100%;height:100%}.route-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s cubic-bezier(.65,0,.35,1);pointer-events:none;z-index:1}.route-page.deactive{transform:translate(-20%)}.route-page.deactive:before{opacity:1}.page-slide-enter-active,.page-slide-leave-active{transition:transform .5s cubic-bezier(.65,0,.35,1)}.page-slide-enter-from,.page-slide-leave-to{transform:translate(100%)}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .3s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}.micro-router-content-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.micro-router-gui-layer{position:fixed;width:0;top:0;left:0;right:0;overflow:visible;z-index:1000;opacity:0;transition:opacity .5s ease;pointer-events:none}.micro-router-gui-layer.gui-visible{opacity:1;pointer-events:auto}.control-fade-move,.control-fade-enter-active,.control-fade-leave-active{transition:opacity .5s ease}.control-fade-enter-from,.control-fade-leave-to{opacity:0}.control-fade-leave-active{position:absolute}.micro-dialog{border:none;padding:0;max-width:100%;max-height:100dvh;width:100%;background:transparent;color:inherit;overflow:visible;will-change:opacity,transform}.micro-dialog::backdrop{background:#00000080;animation:_dialog-fade-in .3s ease-out forwards}.micro-dialog--closing::backdrop{animation:_dialog-fade-out .2s ease-in forwards}.micro-dialog__content{position:relative}.micro-dialog--standard{display:flex;align-items:center;justify-content:center}.micro-dialog--top{display:flex;align-items:flex-start;justify-content:center}.micro-dialog--bottom{display:flex;align-items:flex-end;justify-content:center}.micro-dialog--left{display:flex;align-items:center;justify-content:flex-start}.micro-dialog--right{display:flex;align-items:center;justify-content:flex-end}.micro-dialog--fullscreen{border-radius:0;overflow:hidden}.micro-dialog--fullscreen .micro-dialog__content{height:100dvh;width:100%;overflow:hidden}.micro-dialog--seamless{background:transparent;box-shadow:none}.micro-dialog.micro-dialog--seamless::backdrop{background:transparent!important;animation:none!important}@keyframes _dialog-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes _dialog-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes _dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes _dialog-fade-out{0%{opacity:1}to{opacity:0}}@keyframes _dialog-scale-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes _dialog-scale-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes _dialog-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _dialog-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}.dialog-transition-fade:not(.micro-dialog--closing){animation:_dialog-fade-in .25s ease-out forwards}.dialog-transition-fade.micro-dialog--closing{animation:_dialog-fade-out .2s ease-in forwards}.dialog-transition-scale:not(.micro-dialog--closing){animation:_dialog-scale-pop-in .3s cubic-bezier(.22,1,.36,1) forwards}.dialog-transition-scale.micro-dialog--closing{animation:_dialog-scale-pop-out .3s cubic-bezier(.22,1,.36,1) forwards}.dialog-transition-slide:not(.micro-dialog--closing){animation:_dialog-slide-in var(--dialog-duration, .5s) cubic-bezier(.65,0,.35,1) forwards}.dialog-transition-slide.micro-dialog--closing{animation:_dialog-slide-out var(--dialog-duration, .5s) cubic-bezier(.65,0,.35,1) forwards}
|