{"size": 11909, "ext": "js", "max_stars_repo_path": "docs/.vuepress/dist/assets/js/7.7957e80f.js", "max_stars_repo_name": "suchengyong/simple-ui", "max_stars_repo_stars_event_min_datetime": "2020-05-12T09:28:30.000Z", "max_stars_repo_stars_event_max_datetime": "2020-05-12T09:31:47.000Z", "max_issues_repo_path": "docs/.vuepress/dist/assets/js/7.7957e80f.js", "max_issues_repo_name": "suchengyong/simple-ui", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "docs/.vuepress/dist/assets/js/7.7957e80f.js", "max_forks_repo_name": "suchengyong/simple-ui", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 2, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 11909.0, "max_line_length": 11909, "alphanum_fraction": 0.6347300361}
(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{140:function(t,e,n){"use strict";var a=n(13),s=n(98)(!0);a(a.P,"Array",{includes:function(t){return s(this,t,arguments.length>1?arguments[1]:void 0)}}),n(97)("includes")},141:function(t,e,n){"use strict";var a=n(13),s=n(144);a(a.P+a.F*n(145)("includes"),"String",{includes:function(t){return!!~s(this,t,"includes").indexOf(t,arguments.length>1?arguments[1]:void 0)}})},144:function(t,e,n){var a=n(68),s=n(20);t.exports=function(t,e,n){if(a(e))throw TypeError("String#"+n+" doesn't accept regex!");return String(s(t))}},145:function(t,e,n){var a=n(2)("match");t.exports=function(t){var e=/./;try{"/./"[t](e)}catch(n){try{return e[a]=!1,!"/./"[t](e)}catch(t){}}return!0}},236:function(t,e,n){},237:function(t,e,n){},238:function(t,e,n){},239:function(t,e,n){},240:function(t,e,n){},522:function(t,e,n){"use strict";var a=n(236);n.n(a).a},523:function(t,e,n){"use strict";var a=n(237);n.n(a).a},524:function(t,e,n){"use strict";var a=n(238);n.n(a).a},525:function(t,e,n){"use strict";var a=n(239);n.n(a).a},526:function(t,e,n){"use strict";var a=n(240);n.n(a).a},535:function(t,e,n){"use strict";n.r(e);n(9),n(16),n(4),n(140),n(141);var a=n(0),s={name:"s-tab",props:{value:{type:String},tabPosition:{default:"top",validator:function(t){return["top","left"].includes(t)}},test:{}},data:function(){return{eventBus:new a.default}},provide:function(){return{eventBus:this.eventBus}},mounted:function(){var t=this;this.$children.forEach((function(e){"s-tab-head"===e.$options.name&&e.$children.forEach((function(e){e.name===t.value&&t.eventBus.$emit("update:selected",t.value,e)}))})),this.eventBus.$on("update:selected",(function(e){t.$emit("input",e)})),"left"===this.tabPosition&&this.$children.forEach((function(t){t.align="s-tab-head"===t.$options.name?"left":""}))}},i=(n(522),n(1)),o=Object(i.a)(s,(function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"s-tab",class:"tab-"+this.tabPosition},[this._t("default")],2)}),[],!1,null,"13efd185",null).exports,c={name:"s-tab-head",data:function(){return{align:"top"}},inject:["eventBus"],computed:{tabPosition:function(){return"tab-".concat(this.align)},headClass:function(){var t="top"===this.align?"column":"row";return"head-in-".concat(t)},itemWrapperClass:function(){var t="top"===this.align?"row":"column";return"item-in-".concat(t)},lineStyle:function(){return"top"===this.align?{width:"100px",borderBottom:"2px solid #3ba0e9"}:{height:"20px",borderLeft:"2px solid #3ba0e9"}}},mounted:function(){var t=this;this.eventBus.$on("update:selected",(function(e,n){t.$nextTick((function(){var e=t.$refs.tabHead.getBoundingClientRect(),a=n.$refs.item.getBoundingClientRect(),s=a.width,i=a.left,o=a.height,c=a.top;"top"===t.align?(t.$refs.line.style.width="".concat(s,"px"),t.$refs.line.style.left="".concat(i-e.left,"px")):(t.$refs.line.style.height="".concat(o,"px"),t.$refs.line.style.top="".concat(c-e.top,"px"))}))}))}},r=(n(523),Object(i.a)(c,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",{ref:"tabHead",staticClass:"s-tab-head",class:this.headClass},[e("div",{staticClass:"item-wrapper",class:this.itemWrapperClass},[this._t("default")],2),this._v(" "),e("div",{ref:"line",staticClass:"line",style:this.lineStyle})])}),[],!1,null,"0840b94e",null).exports),l={name:"s-tab-item",inject:["eventBus"],props:{name:{type:String},disabled:{type:Boolean}},data:function(){return{active:!1,hasIcon:!1}},created:function(){var t=this;this.eventBus.$on("update:selected",(function(e){t.active=e===t.name}))},mounted:function(){var t=this;this.$children.forEach((function(e){t.hasIcon="s-icon"===e.$options.name}))},methods:{changeSelect:function(){this.disabled||this.eventBus.$emit("update:selected",this.name,this)}}},u=(n(524),Object(i.a)(l,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",{ref:"item",staticClass:"s-tab-item",class:{active:this.active,disabled:this.disabled},on:{click:this.changeSelect}},[[this._t("icon")],this._v(" "),e("div",{class:{hasIcon:this.hasIcon}},[this._t("default")],2)],2)}),[],!1,null,"71188c86",null).exports),b={name:"s-tab-body"},d=(n(525),Object(i.a)(b,(function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"s-tab-body"},[this._t("default")],2)}),[],!1,null,"874663fc",null).exports),m={name:"s-tab-pane",inject:["eventBus"],props:{name:{type:String}},data:function(){return{visible:!0}},created:function(){var t=this;this.eventBus.$on("update:selected",(function(e){t.visible=e===t.name}))}},h={data:function(){return{selected1:"紫式部",selected:"herb",code1:'\n        <s-tab v-model="selected">\n          <s-tab-head>\n            <s-tab-item name="x" disabled>源氏</s-tab-item>\n            <s-tab-item name="bee">\n              桐壶更衣\n              <s-icon name="heart" slot="icon" color="#BF827E"></s-icon>\n            </s-tab-item>\n            <s-tab-item name="flower">\n              若紫\n              <s-icon name="flower" color="plum" slot="icon"></s-icon>\n            </s-tab-item>\n            <s-tab-item name="grass">\n              葵姬\n              <s-icon name="shamrock" color="#B74D55" slot="icon"></s-icon>\n            </s-tab-item>\n            <s-tab-item name="herb">\n              夕颜\n              <s-icon name="clover" color="#E6A4A5" slot="icon"></s-icon>\n            </s-tab-item>\n            <s-tab-item name="tree">\n              明石姬\n              <s-icon name="star-fill" color="#E3CBA8" slot="icon"></s-icon>\n            </s-tab-item>\n          </s-tab-head>\n          <s-tab-body>\n            <s-tab-pane name="x"></s-tab-pane>\n            <s-tab-pane name="bee">紫式部小说《源氏物语》中的角色。她是书中主角光源氏的母亲，也是桐壶帝的宠妃。她的父亲是按察大纳言，母亲则是拥有皇族血统的女子。</s-tab-pane>\n            <s-tab-pane name="flower">也叫做紫儿、若紫，日本国宝级古典名著《源氏物语》中的女主角，是一位美丽温顺的女子，兵部卿宫的私生女，藤壶中宫的侄女。光源氏第一任正妻葵之上过世后，在实质上是光源氏的正室，后来在六条院里是春之町的女主人。</s-tab-pane>\n            <s-tab-pane name="grass">其夫为源氏，其子夕雾。葵端庄温柔，款款大方，相貌出众，气质高贵。产后因遭阴物袭击，当场身亡。</s-tab-pane>\n            <s-tab-pane name="herb">夕颜的名字是源自于以她为主角的夕颜一帖，文中对此女以夕颜花来形容，因此得名。夕颜是源氏的情人之一，也是头中将的情人，是玉鬘的母亲。</s-tab-pane>\n            <s-tab-pane name="tree">日本古典名著《源氏物语》中的人物，是光源氏的侧室，明石中宫的生母。</s-tab-pane>\n          </s-tab-body>\n        </s-tab>\n        '.replace(/^ {8}/gm,"").trim(),code2:'\n        <s-tab tab-position="left" v-model="selected1">\n          <s-tab-head>\n            <s-tab-item name="紫式部">\n              紫式部\n            </s-tab-item>\n            <s-tab-item name="清少纳言">清少纳言</s-tab-item>\n            <s-tab-item name="和泉式部">和泉式部</s-tab-item>\n          </s-tab-head>\n          <s-tab-body>\n            <s-tab-pane name="紫式部">\n              <p>紫式部（约973年—？），日本平安时代女作家，中古三十六歌仙之一。本姓藤原，字不详，式部是她在宫廷服务期间的称呼，因其兄曾任式部丞，当时宫中女官多以父兄之官衔为名，故称为藤式部。后来她写成《源氏物语》，书中女主人公紫姬为世人传诵，遂又称作紫式部。一般认为其名不可考，亦有人认为其本名为藤原香子或藤原则子。 主要作品有长篇小说《源氏物语》，作品描写人物心理细腻，文字典雅，情节曲折，被认为是世界最早的长篇小说，对往后日本文学之影响极大。另著《紫式部日记》，成书于公元1010年秋。</p>\n              <p>她出身于贵族文人世家，幼时从父学习汉学，通晓音律和佛典。父兄都擅长汉诗、和歌。1004年4月，紫式部丧夫寡居，同年秋开始创作《源氏物语》。36岁那年冬天，紫式部受召入宫侍奉一条天皇的中宫藤原彰子。“</p>\n            </s-tab-pane>\n            <s-tab-pane name="清少纳言">\n              <p>清少纳言（约966~约1025），清是姓，少纳言是她在宫中的官职。日本平安时期著名的女作家，中古三十六歌仙之一，与紫式部、和泉式部并称平安时期的三大才女，曾任一条天皇皇后藤原定子的女官。她的随笔作品《枕草子》执笔于在宫中供职的时候，成书于离开宫廷之后。</p>\n              <p>作品记叙她在宫廷里的所见所闻，作者出身于中层贵族，这部作品虽然反映了社会等级之间的不平等和对时代的忧虑，但是着力渲染的还是对皇后定子的赞美，对日本贵族社会的肯定。在《枕草子》之前，日本已经出现了物语文学和日记文学，清少纳言的《枕草子》开拓了一个新的领域，她的随笔为日本散文奠定了基础。</p>\n            </s-tab-pane>\n            <s-tab-pane name="和泉式部">\n              <p>和泉式部，（987～1048年），日本平安时期的女诗人。她不仅是天才的诗人，而且是个热情奔放的绝代佳人。她的一生是颇多恋爱纠葛并为之所苦的一生。她的诗歌直抒胸怀，构思奇特，充满了新颖别致的魅力。她位列中古三十六歌仙。她与《枕草子》作者清少纳言、《源氏物语》作者紫式部并称平安时代的“王朝文学三才媛”。</p>\n            </s-tab-pane>\n          </s-tab-body>\n        </s-tab>\n      '.replace(/^ {8}/gm,"").trim()}},components:{"s-tab":o,"s-tab-head":r,"s-tab-item":u,"s-tab-body":d,"s-tab-pane":Object(i.a)(m,(function(){var t=this.$createElement;return(this._self._c||t)("div",{directives:[{name:"show",rawName:"v-show",value:this.visible,expression:"visible"}]},[this._t("default")],2)}),[],!1,null,"00f8caec",null).exports,"s-icon":n(150).a}},p=(n(526),Object(i.a)(h,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("h3",[t._v("基础用法")]),t._v(" "),n("simple-card",{scopedSlots:t._u([{key:"code",fn:function(){return[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"vue"},[t._v(t._s(t.code1))])])]},proxy:!0}])},[n("s-tab",{model:{value:t.selected,callback:function(e){t.selected=e},expression:"selected"}},[n("s-tab-head",[n("s-tab-item",{attrs:{name:"x",disabled:""}},[t._v("源氏")]),t._v(" "),n("s-tab-item",{attrs:{name:"bee"}},[t._v("\n             桐壶更衣\n            "),n("s-icon",{attrs:{slot:"icon",name:"heart",color:"#BF827E"},slot:"icon"})],1),t._v(" "),n("s-tab-item",{attrs:{name:"flower"}},[t._v("\n             若紫\n            "),n("s-icon",{attrs:{slot:"icon",name:"flower",color:"plum"},slot:"icon"})],1),t._v(" "),n("s-tab-item",{attrs:{name:"grass"}},[t._v("\n            葵姬\n            "),n("s-icon",{attrs:{slot:"icon",name:"shamrock",color:"#B74D55"},slot:"icon"})],1),t._v(" "),n("s-tab-item",{attrs:{name:"herb"}},[t._v("\n            夕颜\n            "),n("s-icon",{attrs:{slot:"icon",name:"clover",color:"#E6A4A5"},slot:"icon"})],1),t._v(" "),n("s-tab-item",{attrs:{name:"tree"}},[t._v("\n            明石姬\n             "),n("s-icon",{attrs:{slot:"icon",name:"star-fill",color:"#E3CBA8"},slot:"icon"})],1)],1),t._v(" "),n("s-tab-body",[n("s-tab-pane",{attrs:{name:"x"}}),t._v(" "),n("s-tab-pane",{attrs:{name:"bee"}},[t._v("紫式部小说《源氏物语》中的角色。她是书中主角光源氏的母亲，也是桐壶帝的宠妃。她的父亲是按察大纳言，母亲则是拥有皇族血统的女子。")]),t._v(" "),n("s-tab-pane",{attrs:{name:"flower"}},[t._v("也叫做紫儿、若紫，日本国宝级古典名著《源氏物语》中的女主角，是一位美丽温顺的女子，兵部卿宫的私生女，藤壶中宫的侄女。光源氏第一任正妻葵之上过世后，在实质上是光源氏的正室，后来在六条院里是春之町的女主人。")]),t._v(" "),n("s-tab-pane",{attrs:{name:"grass"}},[t._v("其夫为源氏，其子夕雾。葵端庄温柔，款款大方，相貌出众，气质高贵。产后因遭阴物袭击，当场身亡。")]),t._v(" "),n("s-tab-pane",{attrs:{name:"herb"}},[t._v("夕颜的名字是源自于以她为主角的夕颜一帖，文中对此女以夕颜花来形容，因此得名。夕颜是源氏的情人之一，也是头中将的情人，是玉鬘的母亲。")]),t._v(" "),n("s-tab-pane",{attrs:{name:"tree"}},[t._v("日本古典名著《源氏物语》中的人物，是光源氏的侧室，明石中宫的生母。")])],1)],1)],1),t._v(" "),n("h3",[t._v("垂直标签")]),t._v(" "),n("simple-card",{scopedSlots:t._u([{key:"code",fn:function(){return[n("pre",{directives:[{name:"highlightjs",rawName:"v-highlightjs"}]},[n("code",{staticClass:"vue"},[t._v(t._s(t.code2))])])]},proxy:!0}])},[n("p",[t._v("当前选中的标签是： "),n("span",{staticClass:"highlight"},[t._v(t._s(t.selected1))])]),t._v(" "),n("s-tab",{attrs:{"tab-position":"left"},model:{value:t.selected1,callback:function(e){t.selected1=e},expression:"selected1"}},[n("s-tab-head",[n("s-tab-item",{attrs:{name:"紫式部"}},[t._v("\n            紫式部\n          ")]),t._v(" "),n("s-tab-item",{attrs:{name:"清少纳言"}},[t._v("清少纳言")]),t._v(" "),n("s-tab-item",{attrs:{name:"和泉式部"}},[t._v("和泉式部")])],1),t._v(" "),n("s-tab-body",[n("s-tab-pane",{attrs:{name:"紫式部"}},[n("p",[t._v("紫式部（约973年—？），日本平安时代女作家，中古三十六歌仙之一。本姓藤原，字不详，式部是她在宫廷服务期间的称呼，因其兄曾任式部丞，当时宫中女官多以父兄之官衔为名，故称为藤式部。后来她写成《源氏物语》，书中女主人公紫姬为世人传诵，遂又称作紫式部。一般认为其名不可考，亦有人认为其本名为藤原香子或藤原则子。 主要作品有长篇小说《源氏物语》，作品描写人物心理细腻，文字典雅，情节曲折，被认为是世界最早的长篇小说，对往后日本文学之影响极大。另著《紫式部日记》，成书于公元1010年秋。")]),t._v(" "),n("p",[t._v("她出身于贵族文人世家，幼时从父学习汉学，通晓音律和佛典。父兄都擅长汉诗、和歌。1004年4月，紫式部丧夫寡居，同年秋开始创作《源氏物语》。36岁那年冬天，紫式部受召入宫侍奉一条天皇的中宫藤原彰子。“")])]),t._v(" "),n("s-tab-pane",{attrs:{name:"清少纳言"}},[n("p",[t._v("清少纳言（约966~约1025），清是姓，少纳言是她在宫中的官职。日本平安时期著名的女作家，中古三十六歌仙之一，与紫式部、和泉式部并称平安时期的三大才女，曾任一条天皇皇后藤原定子的女官。\n她的随笔作品《枕草子》执笔于在宫中供职的时候，成书于离开宫廷之后。")]),t._v(" "),n("p",[t._v("作品记叙她在宫廷里的所见所闻，作者出身于中层贵族，这部作品虽然反映了社会等级之间的不平等和对时代的忧虑，但是着力渲染的还是对皇后定子的赞美，对日本贵族社会的肯定。\n在《枕草子》之前，日本已经出现了物语文学和日记文学，清少纳言的《枕草子》开拓了一个新的领域，她的随笔为日本散文奠定了基础。")])]),t._v(" "),n("s-tab-pane",{attrs:{name:"和泉式部"}},[n("p",[t._v("和泉式部，（987～1048年），日本平安时期的女诗人。她不仅是天才的诗人，而且是个热情奔放的绝代佳人。她的一生是颇多恋爱纠葛并为之所苦的一生。她的诗歌直抒胸怀，构思奇特，充满了新颖别致的魅力。她位列中古三十六歌仙。她与《枕草子》作者清少纳言、《源氏物语》作者紫式部并称平安时代的“王朝文学三才媛”。")])])],1)],1)],1)],1)}),[],!1,null,"7c5795c0",null));e.default=p.exports}}]);