-
-
Notifications
You must be signed in to change notification settings - Fork 3.7k
/
metas.yml
209 lines (194 loc) · 5.64 KB
/
metas.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
category:
en: Feedback
zh-CN: 弹窗提示
icon: ''
tags:
en:
- dialog
zh-CN:
- 弹窗
tips:
zh-CN:
-
q: rem 适配时 dialog 宽度过小
a: >
[#2578](https://github.com/airyland/vux/issues/2578) 原因是由于 viewport 影响,样式里针对大屏的样式生效:
``` css
@media screen and (min-width: 1024px) {
.weui-dialog {
width: 35%;
}
}
```
目前只能手动覆盖该样式,如果你有更好的解决方式欢迎建议或者提 `PR`。
extra:
en: |
::: warning
if you use `XDialog` inside `ViewBox` or use `overflowScrolling:touch`,please should import `directive:transfer-dom` to fix `z-index` invalid issue。
<br>
<br>
otherwise, you don't need to use `v-transfer-dom`.
:::
``` js
import { TransferDomDirective as TransferDom } from 'vux'
export default {
directives: {
TransferDom
}
}
```
``` html
<div v-transfer-dom>
<x-dialog></x-dialog>
</div>
```
zh-CN: |
::: warning
如果当前组件某一父级使用了 `ViewBox` 组件或者直接使用了 Safari 的 `overflowScrolling:touch`,请引入指令 `transfer-dom` 以解决其带来的 `z-index` 失效问题。
<br>
<br>
如果你没有使用,那么不需要参照 demo 加上`v-transfer-dom`
:::
``` js
import { TransferDomDirective as TransferDom } from 'vux'
export default {
directives: {
TransferDom
}
}
```
``` html
<div v-transfer-dom>
<x-dialog></x-dialog>
</div>
```
::: warning
`scroll` 属性已经在 v2.5.12 废弃,因为它并没有实现阻止 body 滚动。
<br>
如果你是 `100%` 布局,按照下面配置布局可以实现阻止滚动。
:::
``` js
import { ConfigPlugin } from 'vux'
Vue.use(ConfigPlugin, {
$layout: 'VIEW_BOX'
})
```
props:
show:
type: Boolean
default: false
en: 'visibility of the dialog, supports the .sync modifier'
zh-CN: '弹窗是否可见,使用 `v-model` 绑定,在 v2.5.3 之后版本支持.sync修饰符'
mask-transition:
default: vux-mask
en: transition of mask
zh-CN: 遮罩层动画
dialog-transition:
default: vux-dialog
en: transition of dialog body
zh-CN: 弹窗动画
hide-on-blur:
type: Boolean
default: false
en: if closing dialog when clicking on mask
zh-CN: 是否在点击遮罩时自动关闭弹窗
scroll:
type: Boolean
deprecated: true
default: true
en: '[deprecated]if body content can scroll when scrolling on dialog'
zh-CN: '【废弃】是否在弹窗上滚动时 body 内容也滚动'
dialog-style:
version: v2.2.2
type: Object
en: set dialog styles, you can use it for overwritting default width and background style
zh-CN: 设置内部弹窗样式,覆盖原有的宽度、背景颜色等样式
mask-z-index:
version: v2.6.4
type: Number, String
default: 1000
en: zIndex of mask
zh-CN: 遮罩层 z-index 值
events:
on-show:
en: emits when opening dialog
zh-CN: 弹窗可见时触发
on-hide:
en: emits when closing dialog
zh-CN: 弹窗关闭时触发
slots:
default:
en: main content of the dialog
zh-CN: 弹窗的主体内容
changes:
v2.9.0:
en:
- '[feature] support variable dialog-gap-width #2640'
- '[enhance] support dialog-width and dialog-max-width variable #2577'
zh-CN:
- '[feature] 支持样式变量 dialog-gap-width #2640'
- '[enhance] 支持样式变量 dialog-width and dialog-max-width #2577'
v2.7.4:
en:
- '[fix] fix position:absolute issue #2220'
zh-CN:
- '[fix] 修复定位为 absolute 导致的定位问题 #2220'
v2.7.1:
en:
- '[fix] fix prevent-body-scroll.css not found (less-loader issue) #2118'
zh-CN:
- '[fix] 修复 prevent-body-scroll.css 无法找到问题(less-loader) #2118'
v2.7.0:
en:
- '[feature] add event:on-click-mask #2102'
zh-CN:
- '[feature] 添加事件 on-click-mask #2102'
v2.6.4:
en:
- '[feature] support prop:mask-z-index'
zh-CN:
- '[feature] 支持属性 mask-z-index 设置遮罩 z-index'
v2.6.0:
en:
- '[fix] fix body still scrolls when scrolling on dialog'
zh-CN:
- '[fix] 修复弹窗滑动时 body 区域依然会滚动的问题'
v2.5.12:
en:
- '[change] prop:scroll is deprecated #1858 #1877'
zh-CN:
- '[change] 属性 scroll 已经废弃,仅对配置为 100% 布局的情况实现阻止滚动 #1858 #1877'
v2.5.3:
en:
- '[feature] Add prop:show, supports the .sync modifier'
zh-CN:
- '[feature] 新增 prop:show 并且支持.sync修饰符'
v2.2.2:
en:
- '[feature] Support prop:dialog-style #1282'
zh-CN:
- '[feature] 支持 prop:dialog-style 覆写原有弹窗容器样式 #1282'
v2.1.1-rc.14:
en:
- '[fix] Fix cannot set value to true initially #1138'
zh-CN:
- '[fix] 修复初始化时 value 值为 true 无效的问题 #1138'
v2.1.1-rc.11:
en:
- '[enhance] Better mask transition and dialog transition'
- '[enhance] Add transfer-dom demo'
- '[enhance] Clean unused code'
zh-CN:
- '[enhance] 更流畅的遮罩动画和弹窗动画'
- '[enhance] 添加 dom 转移到 body 下的 demo'
- '[enhance] 移除无用代码'
v2.1.1-rc.2:
en:
- '[fix] fix button text color variables'
zh-CN:
- '[fix] 修复按钮文字颜色变量'
v2.1.0:
en:
- '[fix] fix `transition` binding'
zh-CN:
- '[fix] 修复`transition`绑定'