vue-micro-router 1.0.45 → 1.0.46
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/index.mjs +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -349,7 +349,7 @@ export declare interface MicroDialog {
|
|
|
349
349
|
transitionDuration?: number;
|
|
350
350
|
/** Animation type: 'fade' (pure opacity), 'scale' (pop), 'slide' (page-style) */
|
|
351
351
|
transition?: TransitionType;
|
|
352
|
-
/** If true
|
|
352
|
+
/** If true, dialog has no backdrop overlay (see-through to app behind). Default: false */
|
|
353
353
|
seamless?: boolean;
|
|
354
354
|
/** Prime mobile keyboard on open — set true for dialogs with autofocus inputs */
|
|
355
355
|
focusInput?: boolean;
|
package/dist/index.mjs
CHANGED
|
@@ -1046,7 +1046,7 @@ const st = 'button:not([disabled]), [href], input:not([disabled]), select:not([d
|
|
|
1046
1046
|
setup(e, { emit: o }) {
|
|
1047
1047
|
const n = e, i = o, { getDialogAttrs: t, updateDialogAttrs: l } = q();
|
|
1048
1048
|
let c = !1;
|
|
1049
|
-
const r = ne(null), f = ne(null), a = C(() => n.dialog.transition ?? "scale"), v = C(() => n.dialog.transitionDuration != null ? n.dialog.transitionDuration : a.value === "slide" ? 500 : 300), A = C(() => n.dialog.position ?? "standard"), b = C(() => n.dialog.seamless ?? !
|
|
1049
|
+
const r = ne(null), f = ne(null), a = C(() => n.dialog.transition ?? "scale"), v = C(() => n.dialog.transitionDuration != null ? n.dialog.transitionDuration : a.value === "slide" ? 500 : 300), A = C(() => n.dialog.position ?? "standard"), b = C(() => n.dialog.seamless ?? !1), T = C(
|
|
1050
1050
|
() => n.dialog.activated || !!n.dialog.closing
|
|
1051
1051
|
);
|
|
1052
1052
|
function L() {
|
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-portal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:auto}.micro-dialog--standard{align-items:center;justify-content:center}.micro-dialog--top{align-items:flex-start;justify-content:center}.micro-dialog--bottom{align-items:flex-end;justify-content:center}.micro-dialog--left{align-items:center;justify-content:flex-start}.micro-dialog--right{align-items:center;justify-content:flex-end}.micro-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;pointer-events:none;animation:_dialog-fade-in .3s ease-out forwards}.micro-dialog-backdrop--closing{animation:_dialog-fade-out .2s ease-in forwards}.micro-dialog{position:relative;outline:none;pointer-events:none;
|
|
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-portal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:auto}.micro-dialog--standard{align-items:center;justify-content:center}.micro-dialog--top{align-items:flex-start;justify-content:center}.micro-dialog--bottom{align-items:flex-end;justify-content:center}.micro-dialog--left{align-items:center;justify-content:flex-start}.micro-dialog--right{align-items:center;justify-content:flex-end}.micro-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;pointer-events:none;animation:_dialog-fade-in .3s ease-out forwards}.micro-dialog-backdrop--closing{animation:_dialog-fade-out .2s ease-in forwards}.micro-dialog{position:relative;outline:none;pointer-events:none;width:100%;max-width:100%;max-height:100dvh;will-change:opacity,transform}.micro-dialog__content{position:relative;pointer-events:auto}.micro-dialog--fullscreen .micro-dialog{width:100vw;height:100dvh}.micro-dialog--fullscreen .micro-dialog__content{width:100%;height:100dvh;overflow:hidden}.micro-dialog--closing{pointer-events:none}@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}
|