t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 1.03 kB
JavaScript
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("./index3.js"),c=require("../../svg-icon/index.js"),a=require("../../_components/svg/index8.js"),u=e.defineComponent({name:"FLoading"}),d=e.defineComponent({...u,props:l.Props,setup(s){const n=s,i=o=>{n.closeEnd&&n.closeEnd(o)},r=e.computed(()=>{const{background:o,opacity:t}=n;return{background:o,opacity:t}});return(o,t)=>o.show?(e.openBlock(),e.createElementBlock("div",{key:0,class:"f-loading",style:e.normalizeStyle(e.unref(r)),onClick:i},[e.createVNode(e.unref(c.FSvgIcon),{size:20,class:"f-loading__animation",icon:o.icon},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"icon",{},()=>[e.createVNode(e.unref(a.default))])]),_:3},8,["icon"]),e.createElementVNode("span",{class:"f-loading__title",style:e.normalizeStyle({fontSize:o.fontSize,color:o.fontColor})},e.toDisplayString(o.text||" \u73A9\u547D\u52A0\u8F7D\u4E2D..."),5)],4)):e.createCommentVNode("",!0)}});exports.default=d;