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

[improvement] optimize transition behavior (#500)

Browse Source
This commit is contained in:
neverland 2018-09-05 14:49:34 +08:00 committed by GitHub
parent 63bddbddfb
commit be87ff828c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 104 additions and 132 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
dist/behaviors/transition.js vendored
View File

@ -1,52 +1,54 @@
export default Behavior({ export default function(showDefaultValue) {
properties: { return Behavior({
customStyle: String, properties: {
show: { customStyle: String,
value: true, show: {
type: Boolean, value: showDefaultValue,
observer(value) { type: Boolean,
if (value) { observer(value) {
this.show(); if (value) {
} else { this.show();
} else {
this.setData({
type: 'leave'
});
}
}
},
duration: {
type: Number,
value: 300
}
},
data: {
type: '',
inited: false,
display: false
},
attached() {
if (this.data.show) {
this.show();
}
},
methods: {
show() {
this.setData({
inited: true,
display: true,
type: 'enter'
});
},
onAnimationEnd() {
if (!this.data.show) {
this.setData({ this.setData({
type: 'leave' display: false
}); });
} }
} }
},
duration: {
type: Number,
value: 300
} }
}, });
}
data: {
type: '',
inited: false,
display: false
},
attached() {
if (this.data.show) {
this.show();
}
},
methods: {
show() {
this.setData({
inited: true,
display: true,
type: 'enter'
});
},
onAnimationEnd() {
if (!this.data.show) {
this.setData({
display: false
});
}
}
}
});

20
dist/popup/index.js vendored
View File

@ -5,28 +5,12 @@ Component({
addGlobalClass: true addGlobalClass: true
}, },
externalClasses: [ externalClasses: ['custom-class'],
'custom-class',
'overlay-class'
],
behaviors: [transitionBehaviors], behaviors: [transitionBehaviors(false)],
properties: { properties: {
overlayStyle: String, overlayStyle: String,
show: {
value: false,
type: Boolean,
observer(value) {
if (value) {
this.show();
} else {
this.setData({
type: 'leave'
});
}
}
},
overlay: { overlay: {
type: Boolean, type: Boolean,
value: true value: true

2
dist/transition/index.js vendored
View File

@ -7,7 +7,7 @@ Component({
externalClasses: ['custom-class'], externalClasses: ['custom-class'],
behaviors: [transitionBehaviors], behaviors: [transitionBehaviors(true)],
properties: { properties: {
name: { name: {

96
packages/behaviors/transition.js
View File

@ -1,52 +1,54 @@
export default Behavior({ export default function(showDefaultValue) {
properties: { return Behavior({
customStyle: String, properties: {
show: { customStyle: String,
value: true, show: {
type: Boolean, value: showDefaultValue,
observer(value) { type: Boolean,
if (value) { observer(value) {
this.show(); if (value) {
} else { this.show();
} else {
this.setData({
type: 'leave'
});
}
}
},
duration: {
type: Number,
value: 300
}
},
data: {
type: '',
inited: false,
display: false
},
attached() {
if (this.data.show) {
this.show();
}
},
methods: {
show() {
this.setData({
inited: true,
display: true,
type: 'enter'
});
},
onAnimationEnd() {
if (!this.data.show) {
this.setData({ this.setData({
type: 'leave' display: false
}); });
} }
} }
},
duration: {
type: Number,
value: 300
} }
}, });
}
data: {
type: '',
inited: false,
display: false
},
attached() {
if (this.data.show) {
this.show();
}
},
methods: {
show() {
this.setData({
inited: true,
display: true,
type: 'enter'
});
},
onAnimationEnd() {
if (!this.data.show) {
this.setData({
display: false
});
}
}
}
});

20
packages/popup/index.js
View File

@ -5,28 +5,12 @@ Component({
addGlobalClass: true addGlobalClass: true
}, },
externalClasses: [ externalClasses: ['custom-class'],
'custom-class',
'overlay-class'
],
behaviors: [transitionBehaviors], behaviors: [transitionBehaviors(false)],
properties: { properties: {
overlayStyle: String, overlayStyle: String,
show: {
value: false,
type: Boolean,
observer(value) {
if (value) {
this.show();
} else {
this.setData({
type: 'leave'
});
}
}
},
overlay: { overlay: {
type: Boolean, type: Boolean,
value: true value: true

2
packages/transition/index.js
View File

@ -7,7 +7,7 @@ Component({
externalClasses: ['custom-class'], externalClasses: ['custom-class'],
behaviors: [transitionBehaviors], behaviors: [transitionBehaviors(true)],
properties: { properties: {
name: { name: {