blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-05 19:41:45 +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({
properties: {
customStyle: String,
show: {
value: true,
type: Boolean,
observer(value) {
if (value) {
this.show();
} else {
export default function(showDefaultValue) {
return Behavior({
properties: {
customStyle: String,
show: {
value: showDefaultValue,
type: Boolean,
observer(value) {
if (value) {
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({
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
},
externalClasses: [
'custom-class',
'overlay-class'
],
externalClasses: ['custom-class'],
behaviors: [transitionBehaviors],
behaviors: [transitionBehaviors(false)],
properties: {
overlayStyle: String,
show: {
value: false,
type: Boolean,
observer(value) {
if (value) {
this.show();
} else {
this.setData({
type: 'leave'
});
}
}
},
overlay: {
type: Boolean,
value: true

2
dist/transition/index.js vendored
View File

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

96
packages/behaviors/transition.js
View File

@ -1,52 +1,54 @@
export default Behavior({
properties: {
customStyle: String,
show: {
value: true,
type: Boolean,
observer(value) {
if (value) {
this.show();
} else {
export default function(showDefaultValue) {
return Behavior({
properties: {
customStyle: String,
show: {
value: showDefaultValue,
type: Boolean,
observer(value) {
if (value) {
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({
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
},
externalClasses: [
'custom-class',
'overlay-class'
],
externalClasses: ['custom-class'],
behaviors: [transitionBehaviors],
behaviors: [transitionBehaviors(false)],
properties: {
overlayStyle: String,
show: {
value: false,
type: Boolean,
observer(value) {
if (value) {
this.show();
} else {
this.setData({
type: 'leave'
});
}
}
},
overlay: {
type: Boolean,
value: true

2
packages/transition/index.js
View File

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