text: webpackJsonp([18],{572:function(t,a,e){e(879);var o=e(32)(e(946),e(828),"data-v-542d4fe3",null);t.exports=o.exports},621:function(t,a,e){a=t.exports=e(537)(!1),a.push([t.i,".b-tag[data-v-5d8d9120]{background-color:#f5f5f5;display:inline-block;padding:0 5px;height:24px;line-height:22px;font-size:12px;color:#666;border-radius:4px;box-sizing:border-box;border:1px solid transparent;white-space:nowrap}.b-tag .b-tag-close[data-v-5d8d9120]{display:inline-block;border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;-webkit-transform:scale(.75);transform:scale(.75);height:20px;width:20px;line-height:20px;vertical-align:middle;top:-1px;right:-2px}.b-tag .b-tag-close[data-v-5d8d9120]:hover{box-shadow:inset 0 0 0 1000px rgba(0,0,0,.1)}.b-tag-gray[data-v-5d8d9120]{background-color:#e4f1ec;border-color:#e4f1ec;color:#486a59}.b-tag-gray .b-tag-close[data-v-5d8d9120]:hover{background-color:#486a59;color:#fff}.b-tag-gray.is-hit[data-v-5d8d9120]{border-color:#486a59}.b-tag-primary[data-v-5d8d9120]{background-color:rgba(32,160,255,.1);border-color:rgba(32,160,255,.2);color:#00a53c}.b-tag-primary .b-tag-close[data-v-5d8d9120]:hover{background-color:#00a53c;color:#fff}.b-tag-primary.is-hit[data-v-5d8d9120]{border-color:#00a53c}.b-tag-success[data-v-5d8d9120]{background-color:rgba(18,206,102,.1);border-color:rgba(18,206,102,.2);color:#13ce66}.b-tag-success .b-tag-close[data-v-5d8d9120]:hover{background-color:#13ce66;color:#fff}.b-tag-success.is-hit[data-v-5d8d9120]{border-color:#13ce66}.b-tag-warning[data-v-5d8d9120]{background-color:rgba(247,186,41,.1);border-color:rgba(247,186,41,.2);color:#f7ba2a}.b-tag-warning .b-tag-close[data-v-5d8d9120]:hover{background-color:#f7ba2a;color:#fff}.b-tag-warning.is-hit[data-v-5d8d9120]{border-color:#f7ba2a}.b-tag-danger[data-v-5d8d9120]{background-color:rgba(255,73,73,.1);border-color:rgba(255,73,73,.2);color:#ff4949}.b-tag-danger .b-tag-close[data-v-5d8d9120]:hover{background-color:#ff4949;color:#fff}.b-tag-danger.is-hit[data-v-5d8d9120]{border-color:#ff4949}",""])},626:function(t,a,e){e(632);var o=e(32)(e(643),e(630),"data-v-5d8d9120",null);t.exports=o.exports},630:function(t,a){t.exports={render:function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("transition",{attrs:{name:t.closeTransition?"":"b-zoom-in-center"}},[e("span",{staticClass:"b-tag",class:[t.type?"b-tag-"+t.type:"",{"is-hit":t.hit}],style:{backgroundColor:t.color}},[t._t("default"),t.closable?e("i",{staticClass:"b-tag-close iconfont icon-close",on:{click:t.handleClose}}):t._e()],2)])},staticRenderFns:[]}},632:function(t,a,e){var o=e(621);"string"==typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);e(538)("bcec6404",o,!0)},643:function(t,a,e){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={name:"BTag",props:{text:String,closable:Boolean,type:String,hit:Boolean,closeTransition:Boolean,color:String},methods:{handleClose:function(t){this.$emit("close",t)}}}},773:function(t,a,e){a=t.exports=e(537)(!1),a.push([t.i,".b-tag+.b-tag[data-v-542d4fe3]{margin-left:10px}.input-new-tag[data-v-542d4fe3]{display:inline-block;width:90px;margin-left:10px;vertical-align:bottom}",""])},828:function(t,a){t.exports={render:function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"sub-page-wrap"},[t._m(0),t._v(" "),e("section",{staticClass:"panel panb-default"},[t._m(1),t._v(" "),e("div",{staticClass:"panb-body"},[e("b-tag",[t._v("标签一")]),t._v(" "),e("b-tag",{attrs:{type:"success"}},[t._v("标签二")]),t._v(" "),e("b-tag",{attrs:{type:"info"}},[t._v("标签三")]),t._v(" "),e("b-tag",{attrs:{type:"warning"}},[t._v("标签四")]),t._v(" "),e("b-tag",{attrs:{type:"danger"}},[t._v("标签五")])],1)]),t._v(" "),e("section",{staticClass:"panel panb-default"},[t._m(2),t._v(" "),e("div",{staticClass:"panb-body"},t._l(t.tags,function(a){return e("b-tag",{key:a.name,attrs:{closable:"",type:a.type}},[t._v(t._s(a.name))])}))]),t._v(" "),e("section",{staticClass:"panel panb-default"},[t._m(3),t._v(" "),e("div",{staticClass:"panb-body"},[t._l(t.dynamicTags,function(a){return e("b-tag",{key:a,attrs:{closable:"","disable-transitions":!1},on:{close:function(e){t.handleClose(a)}}},[t._v(t._s(a))])}),t._v(" "),t.inputVisible?e("b-input",{ref:"saveTagInput",staticClass:"input-new-tag",attrs:{size:"sm"},on:{blur:t.handleInputConfirm},nativeOn:{keyup:function(a){if(!("button"in a)&&t._k(a.keyCode,"enter",13,a.key))return null;t.handleInputConfirm(a)}},model:{value:t.inputValue,callback:function(a){t.inputValue=a},expression:"inputValue"}}):e("button",{staticClass:"btn btn-sm",on:{click:t.showInput}},[t._v("+ New Tag")])],2)])])},staticRenderFns:[function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"form-demo-header"},[e("h3",[t._v("Tag 标签")]),t._v(" "),e("div",{staticClass:"text-muted"},[t._v("用于标记和选择。")])])},function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"panb-heading"},[e("h4",[t._v("基础用法")]),t._v(" "),e("div",{staticClass:"text-muted"},[t._v("由type属性来选择"),e("code",[t._v("tag")]),t._v("的类型，也可以通过"),e("code",[t._v("color")]),t._v("属性来自定义背景色。")])])},function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"panb-heading"},[e("h4",[t._v("可移除标签")]),t._v(" "),e("div",{staticClass:"text-muted"},[t._v("设置"),e("code",[t._v("closable")]),t._v("属性可以定义一个标签是否可移除。默认的标签移除时会附带渐变动画，如果不想使用，可以设置"),e("code",[t._v("disable-transitions")]),t._v("属性，它接受一个"),e("code",[t._v("Boolean")]),t._v("，true 为关闭。")])])},function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"panb-heading"},[e("h4",[t._v("动态编辑标签")]),t._v(" "),e("div",{staticClass:"text-muted"},[t._v("动态编辑标签可以通过点击标签关闭按钮后触发的"),e("code",[t._v("close")]),t._v("事件来实现")])])}]}},879:function(t,a,e){var o=e(773);"string"==typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);e(538)("e687e544",o,!0)},946:function(t,a,e){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var o=e(626),n=e.n(o),s=e(207);a.default={components:{BTag:n.a,BInput:s.a},data:function(){return{tags:[{name:"标签一",type:""},{name:"标签二",type:"success"},{name:"标签三",type:"info"},{name:"标签四",type:"warning"},{name:"标签五",type:"danger"}],dynamicTags:["标签一","标签二","标签三"],inputVisible:!1,inputValue:""}},methods:{handleClose:function(t){this.dynamicTags.splice(this.dynamicTags.indexOf(t),1)},showInput:function(){var t=this;this.inputVisible=!0,this.$nextTick(function(a){t.$refs.saveTagInput.$refs.input.focus()})},handleInputConfirm:function(){var t=this.inputValue;t&&this.dynamicTags.push(t),this.inputVisible=!1,this.inputValue=""}}}}});