{"id":"kIDZ","dependencies":[{"name":"E:\\mycode\\vue-ui\\kilok-ui\\package.json","includedInParent":true,"mtime":1598516771597},{"name":"E:\\mycode\\vue-ui\\kilok-ui\\.browserslistrc","includedInParent":true,"mtime":1598357166697},{"name":"vue","loc":{"line":12,"column":16},"parent":"E:\\mycode\\vue-ui\\kilok-ui\\src\\components\\button.vue","resolved":"E:\\mycode\\vue-ui\\kilok-ui\\node_modules\\vue\\dist\\vue.runtime.esm.js"},{"name":"./icon","loc":{"line":13,"column":17},"parent":"E:\\mycode\\vue-ui\\kilok-ui\\src\\components\\button.vue","resolved":"E:\\mycode\\vue-ui\\kilok-ui\\src\\components\\icon.vue"},{"name":"E:\\mycode\\vue-ui\\kilok-ui\\src\\components\\button.vue","includedInParent":true,"mtime":1598519107553}],"generated":{"js":"\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar _vue = _interopRequireDefault(require(\"vue\"));\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//\nvar _default = {\n  components: {\n    'g-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 $fef586 = exports.default || module.exports;\n      \n      if (typeof $fef586 === 'function') {\n        $fef586 = $fef586.options;\n      }\n    \n        /* template */\n        Object.assign($fef586, (function () {\n          var render = function () {\nvar _obj;\nvar _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:\"g-button test\",class:( _obj = {}, _obj[(\"icon-\" + _vm.iconPosition)] = true, _obj ),on:{\"click\":function($event){return _vm.$emit('click')}}},[(_vm.icon && !_vm.loading)?_c('g-icon',{staticClass:\"icon\",attrs:{\"name\":_vm.icon}}):_vm._e(),_vm._v(\" \"),(_vm.loading)?_c('g-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.g-button {\n  font-size: var(--font-size);\n  margin-top: 0.5em;\n  margin-right: 0.5em;\n  height: var(--button-height);\n  padding: 0 1em;\n  vertical-align: middle;\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}\n.g-button:hover {\n  border-color: var(--border-color-hover);\n}\n.g-button:active {\n  background-color: var(--button-active-bg);\n}\n.g-button:focus {\n  outline: none;\n}\n.g-button > .content {\n  order: 2;\n}\n.g-button > .icon {\n  order: 1;\n  margin-right: 0.1em;\n}\n.g-button.icon-right > .content {\n  order: 1;\n}\n.g-button.icon-right > .icon {\n  order: 2;\n  margin-right: 0em;\n  margin-left: 0.1em;\n}\n.g-button .loading {\n  animation: spin 2s infinite linear;\n}"},"sourceMaps":{"js":{"mappings":[{"source":"src/components/button.vue","name":null,"original":{"line":12,"column":0},"generated":{"line":8,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":13,"column":0},"generated":{"line":10,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":14,"column":0},"generated":{"line":24,"column":15}},{"source":"src/components/button.vue","name":null,"original":{"line":15,"column":0},"generated":{"line":25,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":15,"column":0},"generated":{"line":25,"column":2}},{"source":"src/components/button.vue","name":null,"original":{"line":15,"column":0},"generated":{"line":25,"column":12}},{"source":"src/components/button.vue","name":null,"original":{"line":15,"column":0},"generated":{"line":25,"column":14}},{"source":"src/components/button.vue","name":null,"original":{"line":16,"column":0},"generated":{"line":26,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":16,"column":0},"generated":{"line":26,"column":14}},{"source":"src/components/button.vue","name":null,"original":{"line":15,"column":0},"generated":{"line":27,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":14,"column":0},"generated":{"line":27,"column":3}},{"source":"src/components/button.vue","name":null,"original":{"line":18,"column":0},"generated":{"line":28,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":18,"column":0},"generated":{"line":28,"column":2}},{"source":"src/components/button.vue","name":null,"original":{"line":18,"column":0},"generated":{"line":28,"column":7}},{"source":"src/components/button.vue","name":null,"original":{"line":18,"column":0},"generated":{"line":28,"column":9}},{"source":"src/components/button.vue","name":null,"original":{"line":19,"column":0},"generated":{"line":29,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":19,"column":0},"generated":{"line":29,"column":4}},{"source":"src/components/button.vue","name":null,"original":{"line":19,"column":0},"generated":{"line":29,"column":8}},{"source":"src/components/button.vue","name":null,"original":{"line":19,"column":0},"generated":{"line":29,"column":10}},{"source":"src/components/button.vue","name":null,"original":{"line":18,"column":0},"generated":{"line":29,"column":12}},{"source":"src/components/button.vue","name":null,"original":{"line":20,"column":0},"generated":{"line":30,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":20,"column":0},"generated":{"line":30,"column":4}},{"source":"src/components/button.vue","name":null,"original":{"line":20,"column":0},"generated":{"line":30,"column":11}},{"source":"src/components/button.vue","name":null,"original":{"line":20,"column":0},"generated":{"line":30,"column":13}},{"source":"src/components/button.vue","name":null,"original":{"line":21,"column":0},"generated":{"line":31,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":21,"column":0},"generated":{"line":31,"column":6}},{"source":"src/components/button.vue","name":null,"original":{"line":21,"column":0},"generated":{"line":31,"column":10}},{"source":"src/components/button.vue","name":null,"original":{"line":21,"column":0},"generated":{"line":31,"column":12}},{"source":"src/components/button.vue","name":null,"original":{"line":20,"column":0},"generated":{"line":31,"column":19}},{"source":"src/components/button.vue","name":null,"original":{"line":22,"column":0},"generated":{"line":32,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":22,"column":0},"generated":{"line":32,"column":6}},{"source":"src/components/button.vue","name":null,"original":{"line":22,"column":0},"generated":{"line":32,"column":13}},{"source":"src/components/button.vue","name":null,"original":{"line":22,"column":0},"generated":{"line":32,"column":15}},{"source":"src/components/button.vue","name":null,"original":{"line":20,"column":0},"generated":{"line":33,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":18,"column":0},"generated":{"line":33,"column":5}},{"source":"src/components/button.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":34,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":34,"column":4}},{"source":"src/components/button.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":34,"column":16}},{"source":"src/components/button.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":34,"column":18}},{"source":"src/components/button.vue","name":null,"original":{"line":25,"column":0},"generated":{"line":35,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":25,"column":0},"generated":{"line":35,"column":6}},{"source":"src/components/button.vue","name":null,"original":{"line":25,"column":0},"generated":{"line":35,"column":10}},{"source":"src/components/button.vue","name":null,"original":{"line":25,"column":0},"generated":{"line":35,"column":12}},{"source":"src/components/button.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":35,"column":18}},{"source":"src/components/button.vue","name":null,"original":{"line":26,"column":0},"generated":{"line":36,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":26,"column":0},"generated":{"line":36,"column":6}},{"source":"src/components/button.vue","name":null,"original":{"line":26,"column":0},"generated":{"line":36,"column":13}},{"source":"src/components/button.vue","name":null,"original":{"line":26,"column":0},"generated":{"line":36,"column":15}},{"source":"src/components/button.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":36,"column":21}},{"source":"src/components/button.vue","name":null,"original":{"line":27,"column":0},"generated":{"line":37,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":27,"column":0},"generated":{"line":37,"column":6}},{"source":"src/components/button.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":37,"column":15}},{"source":"src/components/button.vue","name":null,"original":{"line":27,"column":0},"generated":{"line":37,"column":36}},{"source":"src/components/button.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":37,"column":41}},{"source":"src/components/button.vue","name":null,"original":{"line":27,"column":0},"generated":{"line":37,"column":43}},{"source":"src/components/button.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":38,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":38,"column":15}},{"source":"src/components/button.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":38,"column":20}},{"source":"src/components/button.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":38,"column":25}},{"source":"src/components/button.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":38,"column":31}},{"source":"src/components/button.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":38,"column":35}},{"source":"src/components/button.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":38,"column":40}},{"source":"src/components/button.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":38,"column":45}},{"source":"src/components/button.vue","name":null,"original":{"line":28,"column":0},"generated":{"line":38,"column":52}},{"source":"src/components/button.vue","name":null,"original":{"line":29,"column":0},"generated":{"line":39,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":24,"column":0},"generated":{"line":40,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":18,"column":0},"generated":{"line":41,"column":0}},{"source":"src/components/button.vue","name":null,"original":{"line":14,"column":0},"generated":{"line":42,"column":0}}],"sources":{"src/components/button.vue":"<template>\r\n  <button class=\"g-button test\" :class=\"{ [`icon-${iconPosition}`]: true }\" @click=\"$emit('click')\">\r\n   <g-icon class=\"icon\" v-if=\"icon && !loading\" :name=\"icon\"></g-icon>\r\n   <g-icon v-if=\"loading\" class=\"loading icon\" name=\"loading\"></g-icon>\r\n    <div class=\"content\">\r\n      <slot />\r\n    </div>\r\n  </button>\r\n</template>\r\n\r\n<script>\r\nimport Vue from 'vue'\r\nimport Icon from './icon'\r\nexport default {\r\n  components:{\r\n    'g-icon':Icon\r\n  },\r\n  props: {\r\n    icon: {},\r\n    loading:{\r\n      type:Boolean,\r\n      default:false\r\n    },\r\n    iconPosition: {\r\n      type: String,\r\n      default: \"left\",\r\n      validator(value) {\r\n        return value === \"left\" || value === \"right\" \r\n      },\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@keyframes spin{\r\n  0%{\r\n    transform:rotate(0deg);\r\n  }\r\n  100%{\r\n     transform:rotate(360deg);\r\n  }\r\n}\r\n.g-button {\r\n  font-size: var(--font-size);\r\n  margin-top:.5em;margin-right:.5em;height: var(--button-height);padding: 0 1em;vertical-align: middle;border-radius: var(--border-radius);\r\n  border: 1px solid var(--border-color);background: var(--button-bg);display: inline-flex;justify-content: center;align-items: center;\r\n  &:hover {border-color: var(--border-color-hover);}\r\n  &:active {background-color: var(--button-active-bg);}\r\n  &:focus {outline: none;}\r\n  > .content {order: 2;}\r\n  > .icon {order: 1;margin-right: 0.1em;}&.icon-right {\r\n    > .content { order: 1;}\r\n    > .icon {order: 2;margin-right: 0em;margin-left: 0.1em;}}\r\n  .loading{animation: spin 2s infinite linear;}\r\n  }\r\n</style>\r\n"},"lineCount":null}},"error":null,"hash":"396aebef10dbedc33b72d91b0fb338be","cacheData":{"env":{}}}