blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

[new feature] Toast: add get-container prop (#2724)

Browse Source
This commit is contained in:
neverland 2019-02-12 19:39:45 +08:00 committed by GitHub
parent c778a50cd4
commit ba811b50b0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 18 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/mixins/popup/index.js
View File

@ -140,18 +140,22 @@ export default {
move() { move() {
let container; let container;
const { getContainer } = this; const { getContainer } = this;
if (getContainer) { if (getContainer) {
container = if (typeof getContainer === 'string') {
typeof getContainer === 'string' container =
? document.querySelector(getContainer) getContainer === 'body'
: getContainer(); ? document.body
: document.querySelector(getContainer);
} else {
container = getContainer();
}
} else if (this.$parent) { } else if (this.$parent) {
container = this.$parent.$el; container = this.$parent.$el;
} }
if (container) { if (container && container !== this.$el.parentNode) {
container.appendChild(this.$el); container.appendChild(this.$el);
} }
}, },

1
packages/toast/en-US.md
View File

@ -106,3 +106,4 @@ toast2.clear();
| loadingType | Loading icon type, can be set to `spinner` | `String` | `circular` | | loadingType | Loading icon type, can be set to `spinner` | `String` | `circular` |
| duration | Toast duration(ms), won't disappear if value is 0 | `Number` | `3000` | | duration | Toast duration(ms), won't disappear if value is 0 | `Number` | `3000` |
| className | Custom className | `String | Array | Object` | - | | className | Custom className | `String | Array | Object` | - |
| get-container | Return the mount node for Popup | `String | () => HTMLElement` | `body` |

9
packages/toast/index.js
View File

@ -5,14 +5,15 @@ import { isObj, isServer } from '../utils';
const defaultOptions = { const defaultOptions = {
type: 'text', type: 'text',
mask: false, mask: false,
message: '',
value: true, value: true,
duration: 3000, message: '',
className: '', className: '',
duration: 3000,
position: 'middle', position: 'middle',
loadingType: 'circular',
forbidClick: false, forbidClick: false,
overlayStyle: {} loadingType: 'circular',
getContainer: 'body',
overlayStyle: null
}; };
const parseOptions = message => (isObj(message) ? message : { message }); const parseOptions = message => (isObj(message) ? message : { message });

3
packages/toast/zh-CN.md
View File

@ -95,7 +95,7 @@ toast2.clear();
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |
|------|------|------|------|------| |------|------|------|------|------|
| type | 提示类型，可选值为 `loading` `success` `fail` `html` | `String` | `text` | - | | type | 提示类型，可选值为 `loading` `success`<br>`fail` `html` | `String` | `text` | - |
| position | 位置，可选值为 `top` `middle` `bottom` | `String` | `middle` | - | | position | 位置，可选值为 `top` `middle` `bottom` | `String` | `middle` | - |
| message | 内容 | `String` | `''` | - | - | | message | 内容 | `String` | `''` | - | - |
| mask | 是否显示背景蒙层 | `Boolean` | `false` | - | | mask | 是否显示背景蒙层 | `Boolean` | `false` | - |
@ -103,3 +103,4 @@ toast2.clear();
| loadingType | 加载图标类型, 可选值为 `spinner` | `String` | `circular` | 1.1.3 | | loadingType | 加载图标类型, 可选值为 `spinner` | `String` | `circular` | 1.1.3 |
| duration | 展示时长(ms)，值为 0 时，toast 不会消失 | `Number` | `3000` | - | | duration | 展示时长(ms)，值为 0 时，toast 不会消失 | `Number` | `3000` | - |
| className | 自定义类名 | `String | Array | Object` | - | 1.6.0 | | className | 自定义类名 | `String | Array | Object` | - | 1.6.0 |
| getContainer | 指定挂载的节点，可以传入选择器，<br>或一个返回节点的函数 | `String | () => HTMLElement` | `body` | 1.6.3 |