vft 0.0.452 → 0.0.455
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/attributes.json +1 -1
- package/dist/index.css +1 -1
- package/es/components/modal/modal.vue.d.ts +1 -8
- package/es/components/modal/types.d.ts +42 -11
- package/es/components/router-view-content/index.d.ts +0 -18
- package/es/components/router-view-content/router-view-content.vue.d.ts +0 -4
- package/es/components/router-view-content/router-view-content.vue2.js +23 -26
- package/es/package.json.d.ts +1 -1
- package/es/package.json.js +1 -1
- package/lib/components/modal/modal.vue.d.ts +1 -8
- package/lib/components/modal/types.d.ts +42 -11
- package/lib/components/router-view-content/index.d.ts +0 -18
- package/lib/components/router-view-content/router-view-content.vue.d.ts +0 -4
- package/lib/components/router-view-content/router-view-content.vue2.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/lib/package.json.d.ts +1 -1
- package/package.json +5 -5
- package/tags.json +1 -1
- package/theme-style/index.css +1 -1
- package/theme-style/src/common/var.scss +2 -2
- package/theme-style/src/dialog.scss +3 -3
- package/theme-style/vft-dialog.css +1 -1
- package/web-types.json +1 -1
|
@@ -1257,8 +1257,8 @@ $dialog: map.merge(
|
|
|
1257
1257
|
'title-font-size': getCssVar('font-size-large'),
|
|
1258
1258
|
'content-font-size': 14px,
|
|
1259
1259
|
'font-line-height': getCssVar('font-line-height-primary'),
|
|
1260
|
-
'padding-primary':
|
|
1261
|
-
'border-radius': getCssVar('border-radius-
|
|
1260
|
+
'padding-primary': 16px 24px,
|
|
1261
|
+
'border-radius': getCssVar('border-radius-large'),
|
|
1262
1262
|
),
|
|
1263
1263
|
$dialog
|
|
1264
1264
|
);
|
|
@@ -55,11 +55,11 @@ $name: dialog;
|
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
@include e(header) {
|
|
58
|
-
padding-bottom:
|
|
58
|
+
padding-bottom: 16px;
|
|
59
59
|
|
|
60
60
|
&.show-close {
|
|
61
61
|
padding-right: calc(
|
|
62
|
-
|
|
62
|
+
16px +
|
|
63
63
|
var(
|
|
64
64
|
#{getCssVarName('message-close-size')},
|
|
65
65
|
map.get($message, 'close-size')
|
|
@@ -92,7 +92,7 @@ $name: dialog;
|
|
|
92
92
|
|
|
93
93
|
@include e(footer) {
|
|
94
94
|
box-sizing: border-box;
|
|
95
|
-
padding-top:
|
|
95
|
+
padding-top: 16px;
|
|
96
96
|
text-align: right;
|
|
97
97
|
}
|
|
98
98
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vft-dialog{--vft-dialog-width:50%;--vft-dialog-margin-top:15vh;--vft-dialog-bg-color:var(--vft-bg-color);--vft-dialog-box-shadow:var(--vft-box-shadow);--vft-dialog-title-font-size:var(--vft-font-size-large);--vft-dialog-content-font-size:14px;--vft-dialog-font-line-height:var(--vft-font-line-height-primary);--vft-dialog-padding-primary:
|
|
1
|
+
.vft-dialog{--vft-dialog-width:50%;--vft-dialog-margin-top:15vh;--vft-dialog-bg-color:var(--vft-bg-color);--vft-dialog-box-shadow:var(--vft-box-shadow);--vft-dialog-title-font-size:var(--vft-font-size-large);--vft-dialog-content-font-size:14px;--vft-dialog-font-line-height:var(--vft-font-line-height-primary);--vft-dialog-padding-primary:16px 24px;--vft-dialog-border-radius:var(--vft-border-radius-large);position:relative;box-sizing:border-box;width:var(--vft-dialog-width,50%);margin:var(--vft-dialog-margin-top,15vh) auto 50px;padding:var(--vft-dialog-padding-primary);border-radius:var(--vft-dialog-border-radius);background:var(--vft-dialog-bg-color);box-shadow:var(--vft-dialog-box-shadow);overflow-wrap:break-word}.vft-dialog:focus{outline:0!important}.vft-dialog.is-align-center{margin:auto}.vft-dialog.is-fullscreen{--vft-dialog-width:100%;--vft-dialog-margin-top:0;height:100%;margin-bottom:0;overflow:auto;border-radius:0}.vft-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;overflow:auto}.vft-dialog.is-draggable .vft-dialog__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-dialog__header{padding-bottom:16px}.vft-dialog__header.show-close{padding-right:calc(16px + var(--vft-message-close-size,))}.vft-dialog__headerbtn{position:absolute;top:20px;right:20px;color:var(--vft-text-placeholder-color)}.vft-dialog__headerbtn:hover{color:var(--vft-primary-color)}.vft-dialog__title{color:var(--vft-text-primary-color);font-size:var(--vft-dialog-title-font-size);line-height:var(--vft-dialog-font-line-height)}.vft-dialog__body{color:var(--vft-text-regular-color);font-size:var(--vft-dialog-content-font-size)}.vft-dialog__footer{box-sizing:border-box;padding-top:16px;text-align:right}.vft-dialog--center{text-align:center}.vft-dialog--center .vft-dialog__body{text-align:initial}.vft-dialog--center .vft-dialog__footer{text-align:inherit}.vft-dialog .icon-close{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M764.288 214.592L512 466.88L259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512L214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-modal-dialog.is-penetrable{pointer-events:none}.vft-modal-dialog.is-penetrable .vft-dialog{pointer-events:auto}.vft-overlay-dialog{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto}.dialog-fade-enter-active{animation:modal-fade-in var(--vft-transition-duration)}.dialog-fade-enter-active .vft-overlay-dialog{animation:dialog-fade-in var(--vft-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--vft-transition-duration)}.dialog-fade-leave-active .vft-overlay-dialog{animation:dialog-fade-out var(--vft-transition-duration)}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}100%{opacity:0}}
|