xzy/components/uni-transition/uni-transition.js

(global.webpackJsonp = global.webpackJsonp || []).push([ [ "components/uni-transition/uni-transition" ], {
    556: function(t, n, e) {
        e.r(n);
        var r = e(557), o = e(559);
        for (var i in o) "default" !== i && function(t) {
            e.d(n, t, function() {
                return o[t];
            });
        }(i);
        e(561);
        var a = e(13), c = Object(a.default)(o.default, r.render, r.staticRenderFns, !1, null, null, null, !1, r.components, void 0);
        c.options.__file = "components/uni-transition/uni-transition.vue", n.default = c.exports;
    },
    557: function(t, n, e) {
        e.r(n);
        var r = e(558);
        e.d(n, "render", function() {
            return r.render;
        }), e.d(n, "staticRenderFns", function() {
            return r.staticRenderFns;
        }), e.d(n, "recyclableRender", function() {
            return r.recyclableRender;
        }), e.d(n, "components", function() {
            return r.components;
        });
    },
    558: function(t, n, e) {
        e.r(n), e.d(n, "render", function() {
            return r;
        }), e.d(n, "staticRenderFns", function() {
            return i;
        }), e.d(n, "recyclableRender", function() {
            return o;
        }), e.d(n, "components", function() {});
        var r = function() {
            var t = this;
            t.$createElement;
            t._self._c;
        }, o = !1, i = [];
        r._withStripped = !0;
    },
    559: function(t, n, e) {
        e.r(n);
        var r = e(560), o = e.n(r);
        for (var i in r) "default" !== i && function(t) {
            e.d(n, t, function() {
                return r[t];
            });
        }(i);
        n.default = o.a;
    },
    560: function(t, n, e) {
        function r(t, n) {
            var e = Object.keys(t);
            if (Object.getOwnPropertySymbols) {
                var r = Object.getOwnPropertySymbols(t);
                n && (r = r.filter(function(n) {
                    return Object.getOwnPropertyDescriptor(t, n).enumerable;
                })), e.push.apply(e, r);
            }
            return e;
        }
        function o(t) {
            for (var n = 1; n < arguments.length; n++) {
                var e = null != arguments[n] ? arguments[n] : {};
                n % 2 ? r(Object(e), !0).forEach(function(n) {
                    i(t, n, e[n]);
                }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(e)) : r(Object(e)).forEach(function(n) {
                    Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(e, n));
                });
            }
            return t;
        }
        function i(t, n, e) {
            return n in t ? Object.defineProperty(t, n, {
                value: e,
                enumerable: !0,
                configurable: !0,
                writable: !0
            }) : t[n] = e, t;
        }
        Object.defineProperty(n, "__esModule", {
            value: !0
        }), n.default = void 0;
        var a = {
            name: "uniTransition",
            props: {
                show: {
                    type: Boolean,
                    default: !1
                },
                modeClass: {
                    type: Array,
                    default: function() {
                        return [];
                    }
                },
                duration: {
                    type: Number,
                    default: 300
                },
                styles: {
                    type: Object,
                    default: function() {
                        return {};
                    }
                }
            },
            data: function() {
                return {
                    isShow: !1,
                    transform: "",
                    ani: {
                        in: "",
                        active: ""
                    }
                };
            },
            watch: {
                show: {
                    handler: function(t) {
                        t ? this.open() : this.close();
                    },
                    immediate: !0
                }
            },
            computed: {
                stylesObject: function() {
                    var t = o(o({}, this.styles), {}, {
                        "transition-duration": this.duration / 1e3 + "s"
                    }), n = "";
                    for (var e in t) n += this.toLine(e) + ":" + t[e] + ";";
                    return n;
                }
            },
            created: function() {},
            methods: {
                change: function() {
                    this.$emit("click", {
                        detail: this.isShow
                    });
                },
                open: function() {
                    var t = this;
                    for (var n in clearTimeout(this.timer), this.isShow = !0, this.transform = "", this.ani.in = "", 
                    this.getTranfrom(!1)) "opacity" === n ? this.ani.in = "fade-in" : this.transform += "".concat(this.getTranfrom(!1)[n], " ");
                    this.$nextTick(function() {
                        setTimeout(function() {
                            t._animation(!0);
                        }, 50);
                    });
                },
                close: function(t) {
                    clearTimeout(this.timer), this._animation(!1);
                },
                _animation: function(t) {
                    var n = this, e = this.getTranfrom(t);
                    for (var r in this.transform = "", e) "opacity" === r ? this.ani.in = "fade-".concat(t ? "out" : "in") : this.transform += "".concat(e[r], " ");
                    this.timer = setTimeout(function() {
                        t || (n.isShow = !1), n.$emit("change", {
                            detail: n.isShow
                        });
                    }, this.duration);
                },
                getTranfrom: function(t) {
                    var n = {
                        transform: ""
                    };
                    return this.modeClass.forEach(function(e) {
                        switch (e) {
                          case "fade":
                            n.opacity = t ? 1 : 0;
                            break;

                          case "slide-top":
                            n.transform += "translateY(".concat(t ? "0" : "-100%", ") ");
                            break;

                          case "slide-right":
                            n.transform += "translateX(".concat(t ? "0" : "100%", ") ");
                            break;

                          case "slide-bottom":
                            n.transform += "translateY(".concat(t ? "0" : "100%", ") ");
                            break;

                          case "slide-left":
                            n.transform += "translateX(".concat(t ? "0" : "-100%", ") ");
                            break;

                          case "zoom-in":
                            n.transform += "scale(".concat(t ? 1 : .8, ") ");
                            break;

                          case "zoom-out":
                            n.transform += "scale(".concat(t ? 1 : 1.2, ") ");
                        }
                    }), n;
                },
                _modeClassArr: function(t) {
                    var n = this.modeClass;
                    if ("string" != typeof n) {
                        var e = "";
                        return n.forEach(function(n) {
                            e += n + "-" + t + ",";
                        }), e.substr(0, e.length - 1);
                    }
                    return n + "-" + t;
                },
                toLine: function(t) {
                    return t.replace(/([A-Z])/g, "-$1").toLowerCase();
                }
            }
        };
        n.default = a;
    },
    561: function(t, n, e) {
        e.r(n);
        var r = e(562), o = e.n(r);
        for (var i in r) "default" !== i && function(t) {
            e.d(n, t, function() {
                return r[t];
            });
        }(i);
        n.default = o.a;
    },
    562: function(t, n, e) {}
} ]), (global.webpackJsonp = global.webpackJsonp || []).push([ "components/uni-transition/uni-transition-create-component", {
    "components/uni-transition/uni-transition-create-component": function(t, n, e) {
        e("1").createComponent(e(556));
    }
}, [ [ "components/uni-transition/uni-transition-create-component" ] ] ]);