bkui-vue 1.0.3-beta.67.dialog.4 → 1.0.3-beta.67.dialog.5
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.cjs.js +2 -2
- package/dist/index.esm.js +4 -0
- package/dist/index.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/dialog/dialog.css +4 -0
- package/lib/dialog/dialog.variable.css +4 -0
- package/lib/dialog/index.js +1 -0
- package/lib/modal/index.js +4 -0
- package/lib/modal/modal.css +4 -0
- package/lib/modal/modal.less +4 -0
- package/lib/modal/modal.variable.css +4 -0
- package/lib/sideslider/index.js +1 -0
- package/package.json +1 -1
package/lib/dialog/dialog.css
CHANGED
|
@@ -86,12 +86,16 @@
|
|
|
86
86
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
87
87
|
}
|
|
88
88
|
.bk-modal-content {
|
|
89
|
+
position: relative;
|
|
89
90
|
max-height: 100vh;
|
|
90
91
|
font-size: 0;
|
|
91
92
|
}
|
|
92
93
|
.bk-modal-content div {
|
|
93
94
|
font-size: 12px;
|
|
94
95
|
}
|
|
96
|
+
.bk-modal-footer {
|
|
97
|
+
position: relative;
|
|
98
|
+
}
|
|
95
99
|
.bk-modal-close {
|
|
96
100
|
position: absolute;
|
|
97
101
|
top: 6px;
|
|
@@ -215,12 +215,16 @@
|
|
|
215
215
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
216
216
|
}
|
|
217
217
|
.bk-modal-content {
|
|
218
|
+
position: relative;
|
|
218
219
|
max-height: 100vh;
|
|
219
220
|
font-size: 0;
|
|
220
221
|
}
|
|
221
222
|
.bk-modal-content div {
|
|
222
223
|
font-size: 12px;
|
|
223
224
|
}
|
|
225
|
+
.bk-modal-footer {
|
|
226
|
+
position: relative;
|
|
227
|
+
}
|
|
224
228
|
.bk-modal-close {
|
|
225
229
|
position: absolute;
|
|
226
230
|
top: 6px;
|
package/lib/dialog/index.js
CHANGED
|
@@ -942,6 +942,7 @@ function _isSlot(s) {
|
|
|
942
942
|
"quickClose": props.quickClose,
|
|
943
943
|
"showMask": props.showMask,
|
|
944
944
|
"transfer": props.transfer,
|
|
945
|
+
"renderDirective": props.renderDirective,
|
|
945
946
|
"left": props.fullscreen ? '0px' : positionData.moveStyle.left,
|
|
946
947
|
"top": props.fullscreen ? '0px' : positionData.moveStyle.top,
|
|
947
948
|
"zIndex": props.zIndex,
|
package/lib/modal/index.js
CHANGED
|
@@ -131,6 +131,10 @@ var useContentResize = function useContentResize(root, resizeTarget, props) {
|
|
|
131
131
|
var isContentScroll = (0,external_vue_namespaceObject.ref)(false);
|
|
132
132
|
var contentStyles = (0,external_vue_namespaceObject.ref)({});
|
|
133
133
|
var calcContentScroll = (0,throttle_namespaceObject["default"])(function () {
|
|
134
|
+
if (!props.isShow) {
|
|
135
|
+
// onMouted 时监听了 window resize事件这个时候 DOM 可能不存在
|
|
136
|
+
return;
|
|
137
|
+
}
|
|
134
138
|
var _root$value$querySele = root.value.querySelector(".".concat(resolveClassName('modal-header'))).getBoundingClientRect(),
|
|
135
139
|
headerHeight = _root$value$querySele.height;
|
|
136
140
|
var _root$value$querySele2 = root.value.querySelector(".".concat(resolveClassName('modal-content'), " div")).getBoundingClientRect(),
|
package/lib/modal/modal.css
CHANGED
|
@@ -86,12 +86,16 @@
|
|
|
86
86
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
87
87
|
}
|
|
88
88
|
.bk-modal-content {
|
|
89
|
+
position: relative;
|
|
89
90
|
max-height: 100vh;
|
|
90
91
|
font-size: 0;
|
|
91
92
|
}
|
|
92
93
|
.bk-modal-content div {
|
|
93
94
|
font-size: 12px;
|
|
94
95
|
}
|
|
96
|
+
.bk-modal-footer {
|
|
97
|
+
position: relative;
|
|
98
|
+
}
|
|
95
99
|
.bk-modal-close {
|
|
96
100
|
position: absolute;
|
|
97
101
|
top: 6px;
|
package/lib/modal/modal.less
CHANGED
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
.@{bk-prefix}-modal-content {
|
|
26
|
+
position: relative;
|
|
26
27
|
max-height: 100vh;
|
|
27
28
|
font-size: 0;
|
|
28
29
|
|
|
@@ -30,6 +31,9 @@
|
|
|
30
31
|
font-size: 12px;
|
|
31
32
|
}
|
|
32
33
|
}
|
|
34
|
+
.@{bk-prefix}-modal-footer {
|
|
35
|
+
position: relative;
|
|
36
|
+
}
|
|
33
37
|
|
|
34
38
|
.@{bk-prefix}-modal-close {
|
|
35
39
|
position: absolute;
|
|
@@ -215,12 +215,16 @@
|
|
|
215
215
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
216
216
|
}
|
|
217
217
|
.bk-modal-content {
|
|
218
|
+
position: relative;
|
|
218
219
|
max-height: 100vh;
|
|
219
220
|
font-size: 0;
|
|
220
221
|
}
|
|
221
222
|
.bk-modal-content div {
|
|
222
223
|
font-size: 12px;
|
|
223
224
|
}
|
|
225
|
+
.bk-modal-footer {
|
|
226
|
+
position: relative;
|
|
227
|
+
}
|
|
224
228
|
.bk-modal-close {
|
|
225
229
|
position: absolute;
|
|
226
230
|
top: 6px;
|
package/lib/sideslider/index.js
CHANGED
|
@@ -681,6 +681,7 @@ sliderProps.width["default"] = '400';
|
|
|
681
681
|
"quickClose": props.quickClose,
|
|
682
682
|
"showMask": props.showMask,
|
|
683
683
|
"transfer": props.transfer,
|
|
684
|
+
"renderDirective": props.renderDirective,
|
|
684
685
|
"zIndex": props.zIndex,
|
|
685
686
|
"onHidden": handleHidden,
|
|
686
687
|
"onShown": handleShown,
|