gulu-vue2/docs/.vuepress/dist/assets/js/7.4f5e636d.js

用 Vue2 做的 UI 框架

(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{237:function(t,o,n){},238:function(t,o,n){},239:function(t,o,n){"use strict";n(237)},240:function(t,o,n){"use strict";var e={name:"GIcon",props:{name:{type:String,required:!0}},mounted(){const t=document.querySelector("script[data-ref]");if(t&&"iconScript"===t.dataset.ref)return;const o=document.createElement("script");o.src="//at.alicdn.com/t/font_718972_a5614fly5or.js",o.dataset.ref="iconScript",document.body.append(o)}},s=(n(239),n(14)),i=Object(s.a)(e,(function(){var t=this._self._c;return t("svg",{class:["g-icon",{loading:"loading"===this.name}],attrs:{"aria-hidden":"true"}},[t("use",{attrs:{"xlink:href":"#i-"+this.name}})])}),[],!1,null,"241b5f01",null);o.a=i.exports},242:function(t,o,n){"use strict";n(238)},243:function(t,o,n){"use strict";var e={name:"GButton",components:{"g-icon":n(240).a},props:{icon:{},iconPosition:{type:String,default:"left",validator:t=>["left","right"].includes(t)},loading:{type:Boolean,default:!1}}},s=(n(242),n(14)),i=Object(s.a)(e,(function(){var t=this,o=t._self._c;return o("button",{class:["g-button",{["icon-"+t.iconPosition]:t.icon}],on:{click:function(o){return t.$emit("click")}}},[t.icon&&!t.loading?o("g-icon",{staticClass:"icon",attrs:{name:t.icon}}):t._e(),t._v(" "),t.loading?o("g-icon",{staticClass:"icon",attrs:{name:"loading"}}):t._e(),t._v(" "),o("span",{staticClass:"content"},[t._t("default")],2)],1)}),[],!1,null,"43022fc6",null);o.a=i.exports},275:function(t,o,n){},313:function(t,o,n){"use strict";n(275)},323:function(t,o,n){"use strict";n.r(o);var e=n(0),s=n(243),i={name:"GToast",data:()=>({timer:null,show:!1}),props:{enableHtml:{type:Boolean,default:!1},autoClose:{type:Boolean,default:!1},closeDelay:{type:[String,Number],default:3},closeButton:{type:Object,default:()=>({text:"关闭",callback:null})},position:{type:String,default:"top",validator:t=>["top","middle","bottom"].includes(t)}},computed:{animationNames(){return{middle:["fadeIn","fadeOut"],top:["top-slideDown","top-slideUp"],bottom:["bottom-slideUp","bottom-slideDown"]}[this.position]}},mounted(){if(this.show=!0,this.autoClose){const t=1e3*Number(this.closeDelay);this.timer=setTimeout(()=>{this.close()},t)}},beforeDestroy(){clearTimeout(this.timer)},methods:{close(){this.show=!1,this.$refs.toast.addEventListener("animationend",()=>{this.$el.remove(),this.$emit("close"),this.$destroy()})},closeDirectly(){this.$el.remove(),this.$emit("close"),this.$destroy()},log(){console.log("测试")},handleCloseButton(){this.close();const{callback:t}=this.closeButton;t&&"function"==typeof t&&t(this)}}},a=(n(313),n(14)),l=Object(a.a)(i,(function(){var t=this,o=t._self._c;return o("div",{ref:"toast",class:["g-toast","position-"+t.position,{[t.animationNames[0]]:t.show,[t.animationNames[1]]:!t.show}]},[t.enableHtml?o("div",{staticClass:"content",domProps:{innerHTML:t._s(t.$slots.default[0])}}):o("span",{staticClass:"content"},[t._t("default")],2),t._v(" "),o("i",{staticClass:"line"}),t._v(" "),t.closeButton?o("span",{staticClass:"closeButton",on:{click:t.handleCloseButton}},[t._v(t._s(t.closeButton.text))]):t._e()])}),[],!1,null,"a11c634e",null).exports;let c;var u={install(t,o){t.prototype.$toast=function(o,n){c&&c.closeDirectly(),c=function({Vue:t,content:o,propsData:n,onClose:e}){const s=new(t.extend(l))({propsData:n});return s.$slots.default=[o],s.$mount(),s.$on("close",e),document.body.appendChild(s.$el),s}({Vue:t,content:o,propsData:n,onClose:()=>c=null})}}};e.a.use(u);var r={name:"Toast-demos",components:{"g-button":s.a},data:()=>({code1:"\n        <g-button @click=\"showToast('top')\">top</g-button>\n        <g-button @click=\"showToast('middle')\">middle</g-button>\n        <g-button @click=\"showToast('bottom')\">bottom</g-button>\n\n        showToast(position) {\n          this.$toast('内容内容内容', {\n            autoClose: true,\n            closeDelay: 2,\n            position,\n            closeButton: {\n              text: '关闭',\n              callback(toast) {\n                toast.log()\n              }\n            }\n          })\n        },\n      ".replace(/^ {8}/gm,"").trim()}),methods:{showToast(t){this.$toast("内容内容内容",{autoClose:!0,closeDelay:2,position:t,closeButton:{text:"关闭",callback(t){t.log()}}})}}},d=Object(a.a)(r,(function(){var t=this,o=t._self._c;return o("div",[o("section",[o("p",[t._v("设置弹出位置")]),t._v(" "),o("g-button",{on:{click:function(o){return t.showToast("top")}}},[t._v("top")]),t._v(" "),o("g-button",{on:{click:function(o){return t.showToast("middle")}}},[t._v("middle")]),t._v(" "),o("g-button",{on:{click:function(o){return t.showToast("bottom")}}},[t._v("bottom")]),t._v(" "),o("pre",[o("code",[t._v(t._s(t.code1))])])],1)])}),[],!1,null,"fb7e7106",null);o.default=d.exports}}]);