{"id":"src/toast.vue","dependencies":[{"name":"/Users/lingdu/Documents/ling/微光/package.json","includedInParent":true,"mtime":1596458419282},{"name":"_css_loader","parent":"/Users/lingdu/Documents/ling/微光/src/toast.vue","resolved":"/Users/lingdu/Documents/ling/微光/node_modules/parcel-bundler/src/builtins/css-loader.js"},{"name":"vue-hot-reload-api","parent":"/Users/lingdu/Documents/ling/微光/src/toast.vue","resolved":"/Users/lingdu/Documents/ling/微光/node_modules/vue-hot-reload-api/dist/index.js"},{"name":"vue","parent":"/Users/lingdu/Documents/ling/微光/src/toast.vue","resolved":"/Users/lingdu/Documents/ling/微光/node_modules/vue/dist/vue.common.js"}],"generated":{"js":"\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nvar _default = {\n  name: 'WeiToast',\n  props: {\n    autoClose: {\n      type: [Boolean, Number],\n      default: 5,\n      validator: function validator(value) {\n        return value === false || typeof value === 'number';\n      }\n    },\n    closeButton: {\n      type: [Object, Boolean],\n      default: function _default() {\n        return {\n          text: '关闭',\n          callback: undefined\n        };\n      }\n    },\n    enableHtml: {\n      type: Boolean,\n      default: false\n    },\n    position: {\n      type: String,\n      default: 'top',\n      validator: function validator(value) {\n        return ['top', 'bottom', 'middle'].indexOf(value) >= 0;\n      }\n    }\n  },\n  computed: {\n    toastClasses: function toastClasses() {\n      return _defineProperty({}, \"position-\".concat(this.position), true);\n    }\n  },\n  mounted: function mounted() {\n    this.updateStyles();\n    this.execAutoClose();\n  },\n  methods: {\n    updateStyles: function updateStyles() {\n      var _this = this;\n\n      this.$nextTick(function () {\n        _this.$refs.line.style.height = \"\".concat(_this.$refs.toast.getBoundingClientRect().height, \"px\");\n      });\n    },\n    execAutoClose: function execAutoClose() {\n      var _this2 = this;\n\n      if (this.autoClose) {\n        setTimeout(function () {\n          _this2.close();\n        }, this.autoClose * 1000);\n      }\n    },\n    close: function close() {\n      this.$el.remove();\n      this.$emit('close');\n      this.$destroy();\n    },\n    onClickClose: function onClickClose() {\n      this.close();\n\n      if (this.closeButton && typeof this.closeButton.callback === 'function') {\n        this.closeButton.callback(this);\n      }\n    }\n  }\n};\nexports.default = _default;\n        var $a7b445 = exports.default || module.exports;\n      \n      if (typeof $a7b445 === 'function') {\n        $a7b445 = $a7b445.options;\n      }\n    \n        /* template */\n        Object.assign($a7b445, (function () {\n          var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"wrapper\", class: _vm.toastClasses }, [\n    _c(\n      \"div\",\n      { ref: \"toast\", staticClass: \"toast\" },\n      [\n        _c(\n          \"div\",\n          { staticClass: \"message\" },\n          [\n            !_vm.enableHtml\n              ? _vm._t(\"default\")\n              : _c(\"div\", {\n                  domProps: { innerHTML: _vm._s(_vm.$slots.default[0]) }\n                })\n          ],\n          2\n        ),\n        _vm._v(\" \"),\n        _vm.closeButton\n          ? [\n              _c(\"div\", { ref: \"line\", staticClass: \"line\" }),\n              _vm._v(\" \"),\n              _c(\n                \"span\",\n                { staticClass: \"close\", on: { click: _vm.onClickClose } },\n                [_vm._v(\"\\n      \" + _vm._s(_vm.closeButton.text) + \"\\n    \")]\n              )\n            ]\n          : _vm._e()\n      ],\n      2\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n          return {\n            render: render,\n            staticRenderFns: staticRenderFns,\n            _compiled: true,\n            _scopeId: \"data-v-a7b445\",\n            functional: undefined\n          };\n        })());\n      \n    /* hot reload */\n    (function () {\n      if (module.hot) {\n        var api = require('vue-hot-reload-api');\n        api.install(require('vue'));\n        if (api.compatible) {\n          module.hot.accept();\n          if (!module.hot.data) {\n            api.createRecord('$a7b445', $a7b445);\n          } else {\n            api.reload('$a7b445', $a7b445);\n          }\n        }\n\n        \n        var reloadCSS = require('_css_loader');\n        module.hot.dispose(reloadCSS);\n        module.hot.accept(reloadCSS);\n      \n      }\n    })();","css":"@keyframes slide-up-data-v-a7b445 {\n0% {\n    opacity: 0;\n    transform: translateY(100%);\n}\n100% {\n    opacity: 1;\n    transform: translateY(0%);\n}\n}\n@keyframes slide-dow-data-v-a7b445 {\n0% {\n    opacity: 0;\n    transform: translateY(-100%);\n}\n100% {\n    opacity: 1;\n    transform: translateY(0%);\n}\n}\n@keyframes fade-in-data-v-a7b445 {\n0% {\n    opacity: 0;\n}\n100% {\n    opacity: 1;\n}\n}\n.wrapper[data-v-a7b445] {\n  position: fixed;\n  left: 50%;\n  transform: translateX(-50%);\n}\n.wrapper.position-top[data-v-a7b445] {\n    top: 0;\n}\n.wrapper.position-top > .toast[data-v-a7b445] {\n      border-top-left-radius: 0;\n      border-top-right-radius: 0;\n      animation: slide-dow-data-v-a7b445 300ms;\n}\n.wrapper.position-bottom[data-v-a7b445] {\n    bottom: 0;\n}\n.wrapper.position-bottom > .toast[data-v-a7b445] {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n      animation: slide-up-data-v-a7b445 300ms;\n}\n.wrapper.position-middle[data-v-a7b445] {\n    top: 50%;\n    transform: translateX(-50%) translateY(-50%);\n}\n.wrapper.position-middle > .toast[data-v-a7b445] {\n      animation: fade-in-data-v-a7b445 300ms;\n}\n.wrapper .toast[data-v-a7b445] {\n    font-size: 14px;\n    line-height: 1.8;\n    min-height: 40px;\n    display: flex;\n    align-items: center;\n    border-radius: 4px;\n    background: rgba(190, 226, 248, 0.76);\n    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);\n    padding: 0 16px;\n}\n.wrapper .toast > .message[data-v-a7b445] {\n      padding: 8px 0;\n}\n.wrapper .toast > .close[data-v-a7b445] {\n      padding-left: 16px;\n      flex-shrink: 0;\n}\n.wrapper .toast > .line[data-v-a7b445] {\n      height: 100%;\n      border-left: 1px solid white;\n      margin-left: 16px;\n}\n"},"sourceMaps":{"js":{"mappings":[{"source":"src/toast.vue","name":null,"original":{"line":21,"column":0},"generated":{"line":29,"column":15}},{"source":"src/toast.vue","name":null,"original":{"line":22,"column":0},"generated":{"line":30,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":22,"column":0},"generated":{"line":30,"column":2}},{"source":"src/toast.vue","name":null,"original":{"line":22,"column":0},"generated":{"line":30,"column":6}},{"source":"src/toast.vue","name":null,"original":{"line":22,"column":0},"generated":{"line":30,"column":8}},{"source":"src/toast.vue","name":null,"original":{"line":21,"column":0},"generated":{"line":30,"column":18}},{"source":"src/toast.vue","name":null,"original":{"line":23,"column":0},"generated":{"line":31,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":23,"column":0},"generated":{"line":31,"column":2}},{"source":"src/toast.vue","name":null,"original":{"line":23,"column":0},"generated":{"line":31,"column":7}},{"source":"src/toast.vue","name":null,"original":{"line":23,"column":0},"generated":{"line":31,"column":9}},{"source":"src/toast.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":32,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":32,"column":4}},{"source":"src/toast.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":32,"column":13}},{"source":"src/toast.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":32,"column":15}},{"source":"src/toast.vue","name":null,"original":{"line":25,"column":0},"generated":{"line":33,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":25,"column":0},"generated":{"line":33,"column":6}},{"source":"src/toast.vue","name":null,"original":{"line":25,"column":0},"generated":{"line":33,"column":10}},{"source":"src/toast.vue","name":null,"original":{"line":25,"column":0},"generated":{"line":33,"column":12}},{"source":"src/toast.vue","name":null,"original":{"line":25,"column":0},"generated":{"line":33,"column":13}},{"source":"src/toast.vue","name":null,"original":{"line":25,"column":0},"generated":{"line":33,"column":20}},{"source":"src/toast.vue","name":null,"original":{"line":25,"column":0},"generated":{"line":33,"column":22}},{"source":"src/toast.vue","name":null,"original":{"line":25,"column":0},"generated":{"line":33,"column":28}},{"source":"src/toast.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":33,"column":29}},{"source":"src/toast.vue","name":null,"original":{"line":26,"column":0},"generated":{"line":34,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":26,"column":0},"generated":{"line":34,"column":6}},{"source":"src/toast.vue","name":null,"original":{"line":26,"column":0},"generated":{"line":34,"column":13}},{"source":"src/toast.vue","name":null,"original":{"line":26,"column":0},"generated":{"line":34,"column":15}},{"source":"src/toast.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":34,"column":16}},{"source":"src/toast.vue","name":null,"original":{"line":27,"column":0},"generated":{"line":35,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":27,"column":0},"generated":{"line":35,"column":6}},{"source":"src/toast.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":35,"column":15}},{"source":"src/toast.vue","name":null,"original":{"line":27,"column":0},"generated":{"line":35,"column":36}},{"source":"src/toast.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":35,"column":41}},{"source":"src/toast.vue","name":null,"original":{"line":27,"column":0},"generated":{"line":35,"column":43}},{"source":"src/toast.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":36,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":36,"column":15}},{"source":"src/toast.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":36,"column":20}},{"source":"src/toast.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":36,"column":25}},{"source":"src/toast.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":36,"column":30}},{"source":"src/toast.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":36,"column":34}},{"source":"src/toast.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":36,"column":41}},{"source":"src/toast.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":36,"column":46}},{"source":"src/toast.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":36,"column":51}},{"source":"src/toast.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":36,"column":59}},{"source":"src/toast.vue","name":null,"original":{"line":29,"column":0},"generated":{"line":37,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":38,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":23,"column":0},"generated":{"line":38,"column":5}},{"source":"src/toast.vue","name":null,"original":{"line":31,"column":0},"generated":{"line":39,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":31,"column":0},"generated":{"line":39,"column":4}},{"source":"src/toast.vue","name":null,"original":{"line":31,"column":0},"generated":{"line":39,"column":15}},{"source":"src/toast.vue","name":null,"original":{"line":31,"column":0},"generated":{"line":39,"column":17}},{"source":"src/toast.vue","name":null,"original":{"line":32,"column":0},"generated":{"line":40,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":32,"column":0},"generated":{"line":40,"column":6}},{"source":"src/toast.vue","name":null,"original":{"line":32,"column":0},"generated":{"line":40,"column":10}},{"source":"src/toast.vue","name":null,"original":{"line":32,"column":0},"generated":{"line":40,"column":12}},{"source":"src/toast.vue","name":null,"original":{"line":32,"column":0},"generated":{"line":40,"column":13}},{"source":"src/toast.vue","name":null,"original":{"line":32,"column":0},"generated":{"line":40,"column":19}},{"source":"src/toast.vue","name":null,"original":{"line":32,"column":0},"generated":{"line":40,"column":21}},{"source":"src/toast.vue","name":null,"original":{"line":32,"column":0},"generated":{"line":40,"column":28}},{"source":"src/toast.vue","name":null,"original":{"line":31,"column":0},"generated":{"line":40,"column":29}},{"source":"src/toast.vue","name":null,"original":{"line":33,"column":0},"generated":{"line":41,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":33,"column":0},"generated":{"line":41,"column":6}},{"source":"src/toast.vue","name":null,"original":{"line":33,"column":0},"generated":{"line":41,"column":13}},{"source":"src/toast.vue","name":null,"original":{"line":33,"column":0},"generated":{"line":41,"column":15}},{"source":"src/toast.vue","name":null,"original":{"line":33,"column":0},"generated":{"line":41,"column":35}},{"source":"src/toast.vue","name":null,"original":{"line":34,"column":0},"generated":{"line":42,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":34,"column":0},"generated":{"line":42,"column":15}},{"source":"src/toast.vue","name":null,"original":{"line":35,"column":0},"generated":{"line":43,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":35,"column":0},"generated":{"line":43,"column":10}},{"source":"src/toast.vue","name":null,"original":{"line":35,"column":0},"generated":{"line":43,"column":14}},{"source":"src/toast.vue","name":null,"original":{"line":35,"column":0},"generated":{"line":43,"column":16}},{"source":"src/toast.vue","name":null,"original":{"line":34,"column":0},"generated":{"line":43,"column":20}},{"source":"src/toast.vue","name":null,"original":{"line":35,"column":0},"generated":{"line":44,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":35,"column":0},"generated":{"line":44,"column":10}},{"source":"src/toast.vue","name":null,"original":{"line":35,"column":0},"generated":{"line":44,"column":18}},{"source":"src/toast.vue","name":null,"original":{"line":35,"column":0},"generated":{"line":44,"column":20}},{"source":"src/toast.vue","name":null,"original":{"line":34,"column":0},"generated":{"line":45,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":34,"column":0},"generated":{"line":45,"column":9}},{"source":"src/toast.vue","name":null,"original":{"line":37,"column":0},"generated":{"line":46,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":31,"column":0},"generated":{"line":47,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":23,"column":0},"generated":{"line":47,"column":5}},{"source":"src/toast.vue","name":null,"original":{"line":39,"column":0},"generated":{"line":48,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":39,"column":0},"generated":{"line":48,"column":4}},{"source":"src/toast.vue","name":null,"original":{"line":39,"column":0},"generated":{"line":48,"column":14}},{"source":"src/toast.vue","name":null,"original":{"line":39,"column":0},"generated":{"line":48,"column":16}},{"source":"src/toast.vue","name":null,"original":{"line":40,"column":0},"generated":{"line":49,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":40,"column":0},"generated":{"line":49,"column":6}},{"source":"src/toast.vue","name":null,"original":{"line":40,"column":0},"generated":{"line":49,"column":10}},{"source":"src/toast.vue","name":null,"original":{"line":40,"column":0},"generated":{"line":49,"column":12}},{"source":"src/toast.vue","name":null,"original":{"line":39,"column":0},"generated":{"line":49,"column":19}},{"source":"src/toast.vue","name":null,"original":{"line":41,"column":0},"generated":{"line":50,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":41,"column":0},"generated":{"line":50,"column":6}},{"source":"src/toast.vue","name":null,"original":{"line":41,"column":0},"generated":{"line":50,"column":13}},{"source":"src/toast.vue","name":null,"original":{"line":41,"column":0},"generated":{"line":50,"column":15}},{"source":"src/toast.vue","name":null,"original":{"line":39,"column":0},"generated":{"line":51,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":23,"column":0},"generated":{"line":51,"column":5}},{"source":"src/toast.vue","name":null,"original":{"line":43,"column":0},"generated":{"line":52,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":43,"column":0},"generated":{"line":52,"column":4}},{"source":"src/toast.vue","name":null,"original":{"line":43,"column":0},"generated":{"line":52,"column":12}},{"source":"src/toast.vue","name":null,"original":{"line":43,"column":0},"generated":{"line":52,"column":14}},{"source":"src/toast.vue","name":null,"original":{"line":44,"column":0},"generated":{"line":53,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":44,"column":0},"generated":{"line":53,"column":6}},{"source":"src/toast.vue","name":null,"original":{"line":44,"column":0},"generated":{"line":53,"column":10}},{"source":"src/toast.vue","name":null,"original":{"line":44,"column":0},"generated":{"line":53,"column":12}},{"source":"src/toast.vue","name":null,"original":{"line":43,"column":0},"generated":{"line":53,"column":18}},{"source":"src/toast.vue","name":null,"original":{"line":45,"column":0},"generated":{"line":54,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":45,"column":0},"generated":{"line":54,"column":6}},{"source":"src/toast.vue","name":null,"original":{"line":45,"column":0},"generated":{"line":54,"column":13}},{"source":"src/toast.vue","name":null,"original":{"line":45,"column":0},"generated":{"line":54,"column":15}},{"source":"src/toast.vue","name":null,"original":{"line":43,"column":0},"generated":{"line":54,"column":20}},{"source":"src/toast.vue","name":null,"original":{"line":46,"column":0},"generated":{"line":55,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":46,"column":0},"generated":{"line":55,"column":6}},{"source":"src/toast.vue","name":null,"original":{"line":43,"column":0},"generated":{"line":55,"column":15}},{"source":"src/toast.vue","name":null,"original":{"line":46,"column":0},"generated":{"line":55,"column":36}},{"source":"src/toast.vue","name":null,"original":{"line":43,"column":0},"generated":{"line":55,"column":41}},{"source":"src/toast.vue","name":null,"original":{"line":46,"column":0},"generated":{"line":55,"column":43}},{"source":"src/toast.vue","name":null,"original":{"line":47,"column":0},"generated":{"line":56,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":47,"column":0},"generated":{"line":56,"column":15}},{"source":"src/toast.vue","name":null,"original":{"line":47,"column":0},"generated":{"line":56,"column":16}},{"source":"src/toast.vue","name":null,"original":{"line":47,"column":0},"generated":{"line":56,"column":21}},{"source":"src/toast.vue","name":null,"original":{"line":47,"column":0},"generated":{"line":56,"column":23}},{"source":"src/toast.vue","name":null,"original":{"line":47,"column":0},"generated":{"line":56,"column":31}},{"source":"src/toast.vue","name":null,"original":{"line":47,"column":0},"generated":{"line":56,"column":33}},{"source":"src/toast.vue","name":null,"original":{"line":47,"column":0},"generated":{"line":56,"column":41}},{"source":"src/toast.vue","name":null,"original":{"line":47,"column":0},"generated":{"line":56,"column":43}},{"source":"src/toast.vue","name":null,"original":{"line":47,"column":0},"generated":{"line":56,"column":50}},{"source":"src/toast.vue","name":null,"original":{"line":47,"column":0},"generated":{"line":56,"column":51}},{"source":"src/toast.vue","name":null,"original":{"line":47,"column":0},"generated":{"line":56,"column":56}},{"source":"src/toast.vue","name":null,"original":{"line":47,"column":0},"generated":{"line":56,"column":61}},{"source":"src/toast.vue","name":null,"original":{"line":47,"column":0},"generated":{"line":56,"column":62}},{"source":"src/toast.vue","name":null,"original":{"line":48,"column":0},"generated":{"line":57,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":43,"column":0},"generated":{"line":58,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":23,"column":0},"generated":{"line":59,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":21,"column":0},"generated":{"line":59,"column":3}},{"source":"src/toast.vue","name":null,"original":{"line":51,"column":0},"generated":{"line":60,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":51,"column":0},"generated":{"line":60,"column":2}},{"source":"src/toast.vue","name":null,"original":{"line":51,"column":0},"generated":{"line":60,"column":10}},{"source":"src/toast.vue","name":null,"original":{"line":51,"column":0},"generated":{"line":60,"column":12}},{"source":"src/toast.vue","name":null,"original":{"line":52,"column":0},"generated":{"line":61,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":52,"column":0},"generated":{"line":61,"column":4}},{"source":"src/toast.vue","name":null,"original":{"line":51,"column":0},"generated":{"line":61,"column":16}},{"source":"src/toast.vue","name":null,"original":{"line":52,"column":0},"generated":{"line":61,"column":42}},{"source":"src/toast.vue","name":null,"original":{"line":53,"column":0},"generated":{"line":62,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":53,"column":0},"generated":{"line":62,"column":52}},{"source":"src/toast.vue","name":null,"original":{"line":53,"column":0},"generated":{"line":62,"column":57}},{"source":"src/toast.vue","name":null,"original":{"line":53,"column":0},"generated":{"line":62,"column":65}},{"source":"src/toast.vue","name":null,"original":{"line":53,"column":0},"generated":{"line":62,"column":68}},{"source":"src/toast.vue","name":null,"original":{"line":53,"column":0},"generated":{"line":62,"column":72}},{"source":"src/toast.vue","name":null,"original":{"line":54,"column":0},"generated":{"line":63,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":51,"column":0},"generated":{"line":64,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":21,"column":0},"generated":{"line":64,"column":3}},{"source":"src/toast.vue","name":null,"original":{"line":56,"column":0},"generated":{"line":65,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":56,"column":0},"generated":{"line":65,"column":2}},{"source":"src/toast.vue","name":null,"original":{"line":21,"column":0},"generated":{"line":65,"column":9}},{"source":"src/toast.vue","name":null,"original":{"line":56,"column":0},"generated":{"line":65,"column":30}},{"source":"src/toast.vue","name":null,"original":{"line":57,"column":0},"generated":{"line":66,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":57,"column":0},"generated":{"line":66,"column":9}},{"source":"src/toast.vue","name":null,"original":{"line":57,"column":0},"generated":{"line":66,"column":21}},{"source":"src/toast.vue","name":null,"original":{"line":58,"column":0},"generated":{"line":67,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":58,"column":0},"generated":{"line":67,"column":9}},{"source":"src/toast.vue","name":null,"original":{"line":58,"column":0},"generated":{"line":67,"column":22}},{"source":"src/toast.vue","name":null,"original":{"line":59,"column":0},"generated":{"line":68,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":21,"column":0},"generated":{"line":68,"column":3}},{"source":"src/toast.vue","name":null,"original":{"line":60,"column":0},"generated":{"line":69,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":60,"column":0},"generated":{"line":69,"column":2}},{"source":"src/toast.vue","name":null,"original":{"line":60,"column":0},"generated":{"line":69,"column":9}},{"source":"src/toast.vue","name":null,"original":{"line":60,"column":0},"generated":{"line":69,"column":11}},{"source":"src/toast.vue","name":null,"original":{"line":61,"column":0},"generated":{"line":70,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":61,"column":0},"generated":{"line":70,"column":4}},{"source":"src/toast.vue","name":null,"original":{"line":60,"column":0},"generated":{"line":70,"column":16}},{"source":"src/toast.vue","name":null,"original":{"line":61,"column":0},"generated":{"line":70,"column":42}},{"source":"src/toast.vue","name":null,"original":{"line":61,"column":0},"generated":{"line":71,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":62,"column":0},"generated":{"line":73,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":62,"column":0},"generated":{"line":73,"column":11}},{"source":"src/toast.vue","name":null,"original":{"line":62,"column":0},"generated":{"line":73,"column":20}},{"source":"src/toast.vue","name":null,"original":{"line":62,"column":0},"generated":{"line":73,"column":21}},{"source":"src/toast.vue","name":null,"original":{"line":62,"column":0},"generated":{"line":73,"column":33}},{"source":"src/toast.vue","name":null,"original":{"line":63,"column":0},"generated":{"line":74,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":63,"column":0},"generated":{"line":74,"column":8}},{"source":"src/toast.vue","name":null,"original":{"line":63,"column":0},"generated":{"line":74,"column":13}},{"source":"src/toast.vue","name":null,"original":{"line":63,"column":0},"generated":{"line":74,"column":14}},{"source":"src/toast.vue","name":null,"original":{"line":63,"column":0},"generated":{"line":74,"column":19}},{"source":"src/toast.vue","name":null,"original":{"line":63,"column":0},"generated":{"line":74,"column":20}},{"source":"src/toast.vue","name":null,"original":{"line":63,"column":0},"generated":{"line":74,"column":24}},{"source":"src/toast.vue","name":null,"original":{"line":63,"column":0},"generated":{"line":74,"column":25}},{"source":"src/toast.vue","name":null,"original":{"line":63,"column":0},"generated":{"line":74,"column":30}},{"source":"src/toast.vue","name":null,"original":{"line":63,"column":0},"generated":{"line":74,"column":31}},{"source":"src/toast.vue","name":null,"original":{"line":63,"column":0},"generated":{"line":74,"column":37}},{"source":"src/toast.vue","name":null,"original":{"line":64,"column":0},"generated":{"line":74,"column":50}},{"source":"src/toast.vue","name":null,"original":{"line":64,"column":0},"generated":{"line":74,"column":55}},{"source":"src/toast.vue","name":null,"original":{"line":64,"column":0},"generated":{"line":74,"column":56}},{"source":"src/toast.vue","name":null,"original":{"line":64,"column":0},"generated":{"line":74,"column":61}},{"source":"src/toast.vue","name":null,"original":{"line":64,"column":0},"generated":{"line":74,"column":62}},{"source":"src/toast.vue","name":null,"original":{"line":64,"column":0},"generated":{"line":74,"column":67}},{"source":"src/toast.vue","name":null,"original":{"line":64,"column":0},"generated":{"line":74,"column":68}},{"source":"src/toast.vue","name":null,"original":{"line":64,"column":0},"generated":{"line":74,"column":89}},{"source":"src/toast.vue","name":null,"original":{"line":64,"column":0},"generated":{"line":74,"column":92}},{"source":"src/toast.vue","name":null,"original":{"line":63,"column":0},"generated":{"line":74,"column":98}},{"source":"src/toast.vue","name":null,"original":{"line":65,"column":0},"generated":{"line":75,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":62,"column":0},"generated":{"line":75,"column":7}},{"source":"src/toast.vue","name":null,"original":{"line":66,"column":0},"generated":{"line":76,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":60,"column":0},"generated":{"line":76,"column":5}},{"source":"src/toast.vue","name":null,"original":{"line":67,"column":0},"generated":{"line":77,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":67,"column":0},"generated":{"line":77,"column":4}},{"source":"src/toast.vue","name":null,"original":{"line":60,"column":0},"generated":{"line":77,"column":17}},{"source":"src/toast.vue","name":null,"original":{"line":67,"column":0},"generated":{"line":77,"column":44}},{"source":"src/toast.vue","name":null,"original":{"line":67,"column":0},"generated":{"line":78,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":68,"column":0},"generated":{"line":80,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":68,"column":0},"generated":{"line":80,"column":10}},{"source":"src/toast.vue","name":null,"original":{"line":68,"column":0},"generated":{"line":80,"column":15}},{"source":"src/toast.vue","name":null,"original":{"line":68,"column":0},"generated":{"line":80,"column":24}},{"source":"src/toast.vue","name":null,"original":{"line":68,"column":0},"generated":{"line":80,"column":26}},{"source":"src/toast.vue","name":null,"original":{"line":69,"column":0},"generated":{"line":81,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":69,"column":0},"generated":{"line":81,"column":8}},{"source":"src/toast.vue","name":null,"original":{"line":69,"column":0},"generated":{"line":81,"column":18}},{"source":"src/toast.vue","name":null,"original":{"line":69,"column":0},"generated":{"line":81,"column":19}},{"source":"src/toast.vue","name":null,"original":{"line":69,"column":0},"generated":{"line":81,"column":31}},{"source":"src/toast.vue","name":null,"original":{"line":70,"column":0},"generated":{"line":82,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":70,"column":0},"generated":{"line":82,"column":10}},{"source":"src/toast.vue","name":null,"original":{"line":70,"column":0},"generated":{"line":82,"column":16}},{"source":"src/toast.vue","name":null,"original":{"line":70,"column":0},"generated":{"line":82,"column":17}},{"source":"src/toast.vue","name":null,"original":{"line":70,"column":0},"generated":{"line":82,"column":22}},{"source":"src/toast.vue","name":null,"original":{"line":71,"column":0},"generated":{"line":83,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":69,"column":0},"generated":{"line":83,"column":9}},{"source":"src/toast.vue","name":null,"original":{"line":71,"column":0},"generated":{"line":83,"column":11}},{"source":"src/toast.vue","name":null,"original":{"line":71,"column":0},"generated":{"line":83,"column":16}},{"source":"src/toast.vue","name":null,"original":{"line":71,"column":0},"generated":{"line":83,"column":25}},{"source":"src/toast.vue","name":null,"original":{"line":71,"column":0},"generated":{"line":83,"column":28}},{"source":"src/toast.vue","name":null,"original":{"line":69,"column":0},"generated":{"line":83,"column":32}},{"source":"src/toast.vue","name":null,"original":{"line":69,"column":0},"generated":{"line":83,"column":33}},{"source":"src/toast.vue","name":null,"original":{"line":72,"column":0},"generated":{"line":84,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":73,"column":0},"generated":{"line":85,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":60,"column":0},"generated":{"line":85,"column":5}},{"source":"src/toast.vue","name":null,"original":{"line":74,"column":0},"generated":{"line":86,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":74,"column":0},"generated":{"line":86,"column":4}},{"source":"src/toast.vue","name":null,"original":{"line":60,"column":0},"generated":{"line":86,"column":9}},{"source":"src/toast.vue","name":null,"original":{"line":74,"column":0},"generated":{"line":86,"column":28}},{"source":"src/toast.vue","name":null,"original":{"line":75,"column":0},"generated":{"line":87,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":75,"column":0},"generated":{"line":87,"column":11}},{"source":"src/toast.vue","name":null,"original":{"line":75,"column":0},"generated":{"line":87,"column":14}},{"source":"src/toast.vue","name":null,"original":{"line":75,"column":0},"generated":{"line":87,"column":15}},{"source":"src/toast.vue","name":null,"original":{"line":75,"column":0},"generated":{"line":87,"column":21}},{"source":"src/toast.vue","name":null,"original":{"line":76,"column":0},"generated":{"line":88,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":76,"column":0},"generated":{"line":88,"column":11}},{"source":"src/toast.vue","name":null,"original":{"line":76,"column":0},"generated":{"line":88,"column":16}},{"source":"src/toast.vue","name":null,"original":{"line":76,"column":0},"generated":{"line":88,"column":17}},{"source":"src/toast.vue","name":null,"original":{"line":76,"column":0},"generated":{"line":88,"column":24}},{"source":"src/toast.vue","name":null,"original":{"line":77,"column":0},"generated":{"line":89,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":77,"column":0},"generated":{"line":89,"column":11}},{"source":"src/toast.vue","name":null,"original":{"line":77,"column":0},"generated":{"line":89,"column":19}},{"source":"src/toast.vue","name":null,"original":{"line":78,"column":0},"generated":{"line":90,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":60,"column":0},"generated":{"line":90,"column":5}},{"source":"src/toast.vue","name":null,"original":{"line":79,"column":0},"generated":{"line":91,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":79,"column":0},"generated":{"line":91,"column":4}},{"source":"src/toast.vue","name":null,"original":{"line":60,"column":0},"generated":{"line":91,"column":16}},{"source":"src/toast.vue","name":null,"original":{"line":79,"column":0},"generated":{"line":91,"column":42}},{"source":"src/toast.vue","name":null,"original":{"line":80,"column":0},"generated":{"line":92,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":80,"column":0},"generated":{"line":92,"column":11}},{"source":"src/toast.vue","name":null,"original":{"line":80,"column":0},"generated":{"line":92,"column":16}},{"source":"src/toast.vue","name":null,"original":{"line":81,"column":0},"generated":{"line":94,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":81,"column":0},"generated":{"line":94,"column":10}},{"source":"src/toast.vue","name":null,"original":{"line":81,"column":0},"generated":{"line":94,"column":15}},{"source":"src/toast.vue","name":null,"original":{"line":81,"column":0},"generated":{"line":94,"column":26}},{"source":"src/toast.vue","name":null,"original":{"line":81,"column":0},"generated":{"line":94,"column":30}},{"source":"src/toast.vue","name":null,"original":{"line":81,"column":0},"generated":{"line":94,"column":37}},{"source":"src/toast.vue","name":null,"original":{"line":81,"column":0},"generated":{"line":94,"column":42}},{"source":"src/toast.vue","name":null,"original":{"line":81,"column":0},"generated":{"line":94,"column":53}},{"source":"src/toast.vue","name":null,"original":{"line":81,"column":0},"generated":{"line":94,"column":54}},{"source":"src/toast.vue","name":null,"original":{"line":81,"column":0},"generated":{"line":94,"column":62}},{"source":"src/toast.vue","name":null,"original":{"line":81,"column":0},"generated":{"line":94,"column":67}},{"source":"src/toast.vue","name":null,"original":{"line":81,"column":0},"generated":{"line":94,"column":77}},{"source":"src/toast.vue","name":null,"original":{"line":81,"column":0},"generated":{"line":94,"column":79}},{"source":"src/toast.vue","name":null,"original":{"line":82,"column":0},"generated":{"line":95,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":82,"column":0},"generated":{"line":95,"column":13}},{"source":"src/toast.vue","name":null,"original":{"line":82,"column":0},"generated":{"line":95,"column":24}},{"source":"src/toast.vue","name":null,"original":{"line":82,"column":0},"generated":{"line":95,"column":25}},{"source":"src/toast.vue","name":null,"original":{"line":82,"column":0},"generated":{"line":95,"column":33}},{"source":"src/toast.vue","name":null,"original":{"line":82,"column":0},"generated":{"line":95,"column":34}},{"source":"src/toast.vue","name":null,"original":{"line":82,"column":0},"generated":{"line":95,"column":38}},{"source":"src/toast.vue","name":null,"original":{"line":83,"column":0},"generated":{"line":96,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":84,"column":0},"generated":{"line":97,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":60,"column":0},"generated":{"line":98,"column":0}},{"source":"src/toast.vue","name":null,"original":{"line":21,"column":0},"generated":{"line":99,"column":0}}],"sources":{"src/toast.vue":"<template>\n  <div class=\"wrapper\" :class=\"toastClasses\">\n    <div class=\"toast\" ref=\"toast\" >\n      <div class=\"message\">\n        <slot v-if=\"!enableHtml\"></slot>\n        <div v-else v-html=\"$slots.default[0]\"></div>\n      </div>\n      <template v-if=\"closeButton\">\n        <div class=\"line\" ref=\"line\"></div>\n        <span class=\"close\"\n              @click=\"onClickClose\"\n        >\n        {{closeButton.text}}\n      </span>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: 'WeiToast',\n    props: {\n      autoClose: {\n        type: [Boolean,Number],\n        default: 5,\n      validator(value) {\n        return value === false || typeof value === 'number';\n      }\n      },\n      closeButton: {\n        type: [Object,Boolean],\n        default: () => {\n          return {\n            text: '关闭', callback: undefined\n          }\n        }\n      },\n      enableHtml: {\n        type: Boolean,\n        default: false\n      },\n      position: {\n        type: String,\n        default: 'top',\n        validator(value) {\n          return ['top', 'bottom', 'middle'].indexOf(value) >= 0\n        }\n      }\n    },\n    computed: {\n      toastClasses() {\n        return {[`position-${this.position}`]: true}\n      }\n    },\n    mounted() {\n      this.updateStyles()\n      this.execAutoClose()\n    },\n    methods: {\n      updateStyles() {\n        this.$nextTick(() => {\n          this.$refs.line.style.height =\n            `${this.$refs.toast.getBoundingClientRect().height}px`\n        })\n      },\n      execAutoClose() {\n        if (this.autoClose) {\n          setTimeout(() => {\n            this.close()\n          }, this.autoClose * 1000)\n        }\n      },\n      close() {\n        this.$el.remove()\n        this.$emit('close')\n        this.$destroy()\n      },\n      onClickClose() {\n        this.close()\n        if (this.closeButton && typeof this.closeButton.callback === 'function') {\n          this.closeButton.callback(this)\n        }\n      }\n    }\n  }\n</script>\n\n<style lang='scss' scoped>\n  $font-size: 14px;\n  $toast-height: 40px;\n  $toast-bg: rgba(190, 226, 248, 0.76);\n  $animation-duration:300ms;\n  @keyframes slide-up {\n    0% {\n      opacity: 0;\n      transform: translateY(100%)\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0%)\n    }\n  }\n  @keyframes slide-dow {\n    0% {\n      opacity: 0;\n      transform: translateY(-100%)\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0%)\n    }\n  }\n  @keyframes fade-in {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n  .wrapper {\n    position: fixed;\n    left: 50%;\n    transform: translateX(-50%);\n    &.position-top {\n      top: 0;\n      >.toast{\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        animation:slide-dow $animation-duration;\n      }\n    }\n\n    &.position-bottom {\n      bottom: 0;\n      >.toast{\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n        animation:slide-up $animation-duration;\n      }\n    }\n\n    &.position-middle {\n      top: 50%;\n      transform: translateX(-50%) translateY(-50%);\n      >.toast{\n        animation:fade-in $animation-duration;\n      }\n    }\n    .toast {\n      font-size: $font-size;\n      line-height: 1.8;\n      min-height: $toast-height;\n      display: flex;\n      align-items: center;\n      border-radius: 4px;\n      background: $toast-bg;\n      box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);\n      padding: 0 16px;\n      > .message {\n        padding: 8px 0;\n      }\n\n      > .close {\n        padding-left: 16px;\n        flex-shrink: 0;\n      }\n\n      > .line {\n        height: 100%;\n        border-left: 1px solid white;\n        margin-left: 16px;\n      }\n    }\n  }\n\n</style>"},"lineCount":null}},"error":null,"hash":"ef02e46e86f2dae80457c2541b939a59","cacheData":{"env":{}}}