{"id":"qcet","dependencies":[{"name":"/Users/lingdu/Documents/ling/微光/package.json","includedInParent":true,"mtime":1595246340579},{"name":"./icon","loc":{"line":13,"column":17},"parent":"/Users/lingdu/Documents/ling/微光/src/button.vue","resolved":"/Users/lingdu/Documents/ling/微光/src/icon.vue"},{"name":"/Users/lingdu/Documents/ling/微光/src/button.vue","includedInParent":true,"mtime":1595246712051}],"generated":{"js":"\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar _icon = _interopRequireDefault(require(\"./icon\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nvar _default = {\n  components: {\n    'w-icon': _icon.default\n  },\n  props: {\n    icon: {},\n    loading: {\n      type: Boolean,\n      default: false\n    },\n    iconPosition: {\n      type: String,\n      default: 'left',\n      validator: function validator(value) {\n        return value === 'left' || value === 'right';\n      }\n    }\n  }\n};\nexports.default = _default;\n        var $c45d33 = exports.default || module.exports;\n      \n      if (typeof $c45d33 === 'function') {\n        $c45d33 = $c45d33.options;\n      }\n    \n        /* template */\n        Object.assign($c45d33, (function () {\n          var render = function () {\nvar _obj;\nvar _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:\"w-button\",class:( _obj = {}, _obj[(\"icon-\" + _vm.iconPosition)] = true, _obj ),on:{\"click\":function($event){return _vm.$emit('click')}}},[(_vm.icon && !_vm.loading)?_c('w-icon',{staticClass:\"icon\",attrs:{\"name\":_vm.icon}}):_vm._e(),_vm._v(\" \"),(_vm.loading)?_c('w-icon',{staticClass:\"loading icon\",attrs:{\"name\":\"loading\"}}):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"content\"},[_vm._t(\"default\")],2)],1)}\nvar staticRenderFns = []\n\n          return {\n            render: render,\n            staticRenderFns: staticRenderFns,\n            _compiled: true,\n            _scopeId: null,\n            functional: undefined\n          };\n        })());\n      ","css":"@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.w-button {\n  font-size: var(--font-size);\n  height: var(--button-height);\n  padding: 0 1em;\n  border-radius: var(--border-radius);\n  border: 1px solid var(--border-color);\n  background: var(--button-bg);\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: middle;\n}\n.w-button:hover {\n  border-color: var(--border-color-hover);\n}\n.w-button:active {\n  background-color: var(--button-active-bg);\n}\n.w-button:focus {\n  outline: none;\n}\n.w-button > .icon {\n  order: 1;\n  margin-right: 0.1em;\n}\n.w-button > .content {\n  order: 2;\n}\n.w-button.icon-right > .icon {\n  order: 2;\n  margin-left: 0.1em;\n  margin-right: 0;\n}\n.w-button.icon-right > .content {\n  order: 1;\n}\n.w-button .loading {\n  animation: spin 1s infinite linear;\n}"},"sourceMaps":{"js":{"mappings":[{"source":"../src/button.vue","name":null,"original":{"line":13,"column":0},"generated":{"line":8,"column":0}},{"source":"../src/button.vue","name":null,"original":{"line":14,"column":0},"generated":{"line":23,"column":15}},{"source":"../src/button.vue","name":null,"original":{"line":15,"column":0},"generated":{"line":24,"column":0}},{"source":"../src/button.vue","name":null,"original":{"line":15,"column":0},"generated":{"line":24,"column":2}},{"source":"../src/button.vue","name":null,"original":{"line":15,"column":0},"generated":{"line":24,"column":12}},{"source":"../src/button.vue","name":null,"original":{"line":15,"column":0},"generated":{"line":24,"column":14}},{"source":"../src/button.vue","name":null,"original":{"line":16,"column":0},"generated":{"line":25,"column":0}},{"source":"../src/button.vue","name":null,"original":{"line":16,"column":0},"generated":{"line":25,"column":14}},{"source":"../src/button.vue","name":null,"original":{"line":15,"column":0},"generated":{"line":26,"column":0}},{"source":"../src/button.vue","name":null,"original":{"line":14,"column":0},"generated":{"line":26,"column":3}},{"source":"../src/button.vue","name":null,"original":{"line":18,"column":0},"generated":{"line":27,"column":0}},{"source":"../src/button.vue","name":null,"original":{"line":18,"column":0},"generated":{"line":27,"column":2}},{"source":"../src/button.vue","name":null,"original":{"line":18,"column":0},"generated":{"line":27,"column":7}},{"source":"../src/button.vue","name":null,"original":{"line":18,"column":0},"generated":{"line":27,"column":9}},{"source":"../src/button.vue","name":null,"original":{"line":19,"column":0},"generated":{"line":28,"column":0}},{"source":"../src/button.vue","name":null,"original":{"line":19,"column":0},"generated":{"line":28,"column":4}},{"source":"../src/button.vue","name":null,"original":{"line":19,"column":0},"generated":{"line":28,"column":8}},{"source":"../src/button.vue","name":null,"original":{"line":19,"column":0},"generated":{"line":28,"column":10}},{"source":"../src/button.vue","name":null,"original":{"line":18,"column":0},"generated":{"line":28,"column":12}},{"source":"../src/button.vue","name":null,"original":{"line":20,"column":0},"generated":{"line":29,"column":0}},{"source":"../src/button.vue","name":null,"original":{"line":20,"column":0},"generated":{"line":29,"column":4}},{"source":"../src/button.vue","name":null,"original":{"line":20,"column":0},"generated":{"line":29,"column":11}},{"source":"../src/button.vue","name":null,"original":{"line":20,"column":0},"generated":{"line":29,"column":13}},{"source":"../src/button.vue","name":null,"original":{"line":21,"column":0},"generated":{"line":30,"column":0}},{"source":"../src/button.vue","name":null,"original":{"line":21,"column":0},"generated":{"line":30,"column":6}},{"source":"../src/button.vue","name":null,"original":{"line":21,"column":0},"generated":{"line":30,"column":10}},{"source":"../src/button.vue","name":null,"original":{"line":21,"column":0},"generated":{"line":30,"column":12}},{"source":"../src/button.vue","name":null,"original":{"line":20,"column":0},"generated":{"line":30,"column":19}},{"source":"../src/button.vue","name":null,"original":{"line":22,"column":0},"generated":{"line":31,"column":0}},{"source":"../src/button.vue","name":null,"original":{"line":22,"column":0},"generated":{"line":31,"column":6}},{"source":"../src/button.vue","name":null,"original":{"line":22,"column":0},"generated":{"line":31,"column":13}},{"source":"../src/button.vue","name":null,"original":{"line":22,"column":0},"generated":{"line":31,"column":15}},{"source":"../src/button.vue","name":null,"original":{"line":20,"column":0},"generated":{"line":32,"column":0}},{"source":"../src/button.vue","name":null,"original":{"line":18,"column":0},"generated":{"line":32,"column":5}},{"source":"../src/button.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":33,"column":0}},{"source":"../src/button.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":33,"column":4}},{"source":"../src/button.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":33,"column":16}},{"source":"../src/button.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":33,"column":18}},{"source":"../src/button.vue","name":null,"original":{"line":25,"column":0},"generated":{"line":34,"column":0}},{"source":"../src/button.vue","name":null,"original":{"line":25,"column":0},"generated":{"line":34,"column":6}},{"source":"../src/button.vue","name":null,"original":{"line":25,"column":0},"generated":{"line":34,"column":10}},{"source":"../src/button.vue","name":null,"original":{"line":25,"column":0},"generated":{"line":34,"column":12}},{"source":"../src/button.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":34,"column":18}},{"source":"../src/button.vue","name":null,"original":{"line":26,"column":0},"generated":{"line":35,"column":0}},{"source":"../src/button.vue","name":null,"original":{"line":26,"column":0},"generated":{"line":35,"column":6}},{"source":"../src/button.vue","name":null,"original":{"line":26,"column":0},"generated":{"line":35,"column":13}},{"source":"../src/button.vue","name":null,"original":{"line":26,"column":0},"generated":{"line":35,"column":15}},{"source":"../src/button.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":35,"column":21}},{"source":"../src/button.vue","name":null,"original":{"line":27,"column":0},"generated":{"line":36,"column":0}},{"source":"../src/button.vue","name":null,"original":{"line":27,"column":0},"generated":{"line":36,"column":6}},{"source":"../src/button.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":36,"column":15}},{"source":"../src/button.vue","name":null,"original":{"line":27,"column":0},"generated":{"line":36,"column":36}},{"source":"../src/button.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":36,"column":41}},{"source":"../src/button.vue","name":null,"original":{"line":27,"column":0},"generated":{"line":36,"column":43}},{"source":"../src/button.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":37,"column":0}},{"source":"../src/button.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":37,"column":15}},{"source":"../src/button.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":37,"column":20}},{"source":"../src/button.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":37,"column":25}},{"source":"../src/button.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":37,"column":31}},{"source":"../src/button.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":37,"column":35}},{"source":"../src/button.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":37,"column":40}},{"source":"../src/button.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":37,"column":45}},{"source":"../src/button.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":37,"column":52}},{"source":"../src/button.vue","name":null,"original":{"line":29,"column":0},"generated":{"line":38,"column":0}},{"source":"../src/button.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":39,"column":0}},{"source":"../src/button.vue","name":null,"original":{"line":18,"column":0},"generated":{"line":40,"column":0}},{"source":"../src/button.vue","name":null,"original":{"line":14,"column":0},"generated":{"line":41,"column":0}}],"sources":{"../src/button.vue":"<template>\n  <button class=\"w-button\"\n          :class=\"{[`icon-${iconPosition}`]:true}\"\n          @click=\"$emit('click')\">\n    <w-icon v-if=\"icon && !loading\" :name=\"icon\" class=\"icon\" ></w-icon>\n    <w-icon class=\"loading icon\" v-if=\"loading\" name=\"loading\"></w-icon>\n    <div class=\"content\">\n      <slot ></slot>\n    </div>\n  </button>\n</template>\n<script>\n  import Icon from './icon'\n  export default {\n    components:{\n      'w-icon':Icon\n    },\n    props:{\n      icon:{},\n      loading:{\n        type:Boolean,\n        default: false\n      },\n      iconPosition:{\n        type:String,\n        default:'left',\n        validator(value){\n         return value === 'left' || value === 'right'\n        }\n      }\n    }\n  }\n</script>\n<style lang=\"scss\">\n  @keyframes  spin{\n    0%{transform: rotate(0deg)}\n    100%{transform: rotate(360deg)}\n  }\n  .w-button{\n    font-size: var(--font-size);\n    height: var(--button-height);\n    padding: 0 1em;\n    border-radius: var(--border-radius);\n    border: 1px solid var(--border-color);\n    background: var(--button-bg);\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    &:hover {\n      border-color: var(--border-color-hover);\n    }\n    &:active{\n      background-color:var(--button-active-bg) ;\n    }\n    &:focus{\n      outline: none;\n    }\n    >.icon{\n      order: 1;\n      margin-right: .1em;\n    }\n    >.content{\n      order: 2;\n    }\n    &.icon-right{\n      >.icon{\n        order: 2;\n        margin-left: .1em;\n        margin-right: 0;\n      }\n      >.content{\n        order: 1;\n      }\n    }\n    .loading{\n      animation:spin 1s infinite linear;\n    }\n  }\n</style>"},"lineCount":null}},"error":null,"hash":"1ddf4f9778edd8c744370e5717b9d5b2","cacheData":{"env":{}}}