quarkd
Version:
Mobile UI Components built on Web Components.
2 lines (1 loc) • 8.17 kB
JavaScript
import{_ as t,a as o}from"../typeof.js";import{_ as n,a as i,b as e,c as a,H as r,A as l,d as s,N as c,O as p,B as h}from"../index2.js";import{_ as d}from"../defineProperty.js";function f(t){var o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var e,a=n(t);if(o){var r=n(this).constructor;e=Reflect.construct(a,arguments,r)}else e=a.apply(this,arguments);return i(this,e)}}var u=function(n){e(s,r);var i=f(s);function s(){var o;t(this,s);for(var n=arguments.length,e=new Array(n),l=0;l<n;l++)e[l]=arguments[l];return o=i.call.apply(i,[this].concat(e)),d(a(o),"type","spinner"),d(a(o),"vertical",!1),d(a(o),"color","#879099"),d(a(o),"size",void 0),d(a(o),"rotate",0),d(a(o),"renderLoadingSvg",(function(){var t=o.getFontSize(),n="rotate(".concat(o.rotate,"deg)");return"circular"===o.type?r.h("svg",{style:{fontSize:t,transform:n},class:"quark-loading-spinner",part:"svg",t:"1680062076772",viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"3938",width:"200",height:"200"},r.h("path",{d:"M512 25.6a486.4 486.4 0 1 0 0 972.8 486.4 486.4 0 0 0 0-972.8zM512 102.4a409.6 409.6 0 1 1 0 819.2 409.6 409.6 0 0 1 0-819.2z",fill:o.color,"fill-opacity":".2","p-id":"3939"}),r.h("path",{d:"M298.9056 949.3504a38.4 38.4 0 0 1 33.6896-69.0176A409.6 409.6 0 1 0 512 102.4a38.4 38.4 0 0 1 0-76.8 486.4 486.4 0 1 1-213.0944 923.7504zM512 25.6A38.4 38.4 0 1 1 512 102.4a408.6784 408.6784 0 0 0-319.1296 152.832 38.4 38.4 0 1 1-59.8528-48.128A485.4784 485.4784 0 0 1 512 25.6z",fill:o.color,"p-id":"3940"})):"pullrefresh"===o.type?r.h("svg",{style:{fontSize:t,transform:n},class:"quark-loading-spinner",part:"loading-spinner",width:"24px",height:"24px",viewBox:"0 0 24 24",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},r.h("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},r.h("g",{stroke:o.color,"stroke-width":"1.91304348"},r.h("g",{transform:"translate(1.000000, 1.000000)"},r.h("rect",{id:"Base","stroke-opacity":"0.2",x:"0",y:"0",width:"22",height:"22",rx:"11"}),r.h("path",{d:"M11,0 C17.0751322,-1.11598369e-15 22,4.92486775 22,11 C22,17.0751322 17.0751322,22 11,22 C4.92486775,22 7.43989126e-16,17.0751322 0,11 C-7.43989126e-16,4.92486775 4.92486775,1.11598369e-15 11,0 Z","stroke-linecap":"round","stroke-dasharray":"39.85507368004841,19.9275368400242"}))))):r.h("svg",{class:"quark-loading-spinner",part:"loading-spinner-svg",style:{fontSize:t,transform:n},t:"1680072702745",viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"3310",width:"200",height:"200"},r.h("path",{d:"M1023.99296 511.99648a50.559652 50.559652 0 0 1-50.239655 50.239655h-155.51893A50.559652 50.559652 0 0 1 767.99472 511.99648a50.559652 50.559652 0 0 1 50.239655-50.239655h155.51893A50.559652 50.559652 0 0 1 1023.99296 511.99648z",fill:o.color||"#BCC4CC","fill-opacity":".751","p-id":"3311"}),r.h("path",{d:"M948.153481 778.426648a51.839644 51.839644 0 0 1-69.247523 18.94387l-134.591075-77.759465a51.839644 51.839644 0 0 1-19.007869-69.183525 51.839644 51.839644 0 0 1 69.247523-18.943869l134.655075 77.695465a51.007649 51.007649 0 0 1 18.943869 69.247524z",fill:o.color||"#BCC4CC","fill-opacity":".834","p-id":"3312"}),r.h("path",{d:"M763.258753 946.233495a50.431653 50.431653 0 0 1-69.247524-18.94387L616.315763 793.594544a50.431653 50.431653 0 0 1 18.94387-69.183524 50.431653 50.431653 0 0 1 69.183524 18.943869l77.759465 134.655075a51.007649 51.007649 0 0 1-18.943869 68.223531z",fill:o.color||"#BCC4CC","fill-opacity":".917","p-id":"3313"}),r.h("path",{d:"M521.468415 1023.99296a50.559652 50.559652 0 0 1-50.239655-50.239655v-155.51893A50.559652 50.559652 0 0 1 521.468415 767.99472a50.559652 50.559652 0 0 1 50.239655 50.239655v155.51893a49.40766 49.40766 0 0 1-50.239655 50.239655z",fill:o.color||"#BCC4CC","p-id":"3314"}),r.h("path",{d:"M260.734207 946.233495a51.839644 51.839644 0 0 1-18.943869-69.183525L319.549803 742.394896a51.839644 51.839644 0 0 1 69.183524-18.94387 51.839644 51.839644 0 0 1 18.94387 69.183525L329.981731 927.353624a50.175655 50.175655 0 0 1-69.247524 18.94387z",fill:o.color||"#BCC4CC","fill-opacity":".087","p-id":"3315"}),r.h("path",{d:"M56.895609 778.426648a50.431653 50.431653 0 0 1 18.94387-69.247524L210.558552 631.483659a50.431653 50.431653 0 0 1 69.183525 18.943869c14.271902 23.679837 5.75996 55.039622-18.94387 69.183525l-135.551068 76.799472a49.599659 49.599659 0 0 1-68.287531-17.983877z",fill:o.color||"#BCC4CC","fill-opacity":".17","p-id":"3316"}),r.h("path",{d:"M0 511.99648a50.559652 50.559652 0 0 1 50.239655-50.239655h155.51893A50.559652 50.559652 0 0 1 255.99824 511.99648a50.559652 50.559652 0 0 1-50.239655 50.239655H50.239655A50.559652 50.559652 0 0 1 0 511.99648z",fill:o.color||"#BCC4CC","fill-opacity":".253","p-id":"3317"}),r.h("path",{d:"M56.895609 245.566312a51.839644 51.839644 0 0 1 69.183524-18.94387l134.655074 77.759465a51.839644 51.839644 0 0 1 18.94387 69.183525 51.839644 51.839644 0 0 1-69.183524 18.943869L75.839479 314.877835A50.175655 50.175655 0 0 1 56.959608 245.566312z",fill:o.color||"#BCC4CC","fill-opacity":".336","p-id":"3318"}),r.h("path",{d:"M260.734207 57.855602a50.431653 50.431653 0 0 1 69.247524 18.94387L407.677197 210.494553c14.271902 23.679837 5.75996 55.039622-18.94387 69.183524a50.431653 50.431653 0 0 1-69.183524-18.94387L241.790338 126.079133A50.751651 50.751651 0 0 1 260.734207 57.855602z",fill:o.color||"#BCC4CC","fill-opacity":".419","p-id":"3319"}),r.h("path",{d:"M521.468415 0a50.559652 50.559652 0 0 1 50.239655 50.239655v155.51893A50.559652 50.559652 0 0 1 521.468415 255.99824a50.559652 50.559652 0 0 1-50.239655-50.239655V50.239655A50.559652 50.559652 0 0 1 521.468415 0z",fill:o.color||"#BCC4CC","fill-opacity":".502","p-id":"3320"}),r.h("path",{d:"M763.258753 57.855602a51.839644 51.839644 0 0 1 18.943869 69.183525L704.443157 261.7582a51.839644 51.839644 0 0 1-69.183524 18.94387 51.839644 51.839644 0 0 1-18.94387-69.183524l77.695466-135.615068a50.751651 50.751651 0 0 1 69.247524-17.983876z",fill:o.color||"#BCC4CC","fill-opacity":".585","p-id":"3321"}),r.h("path",{d:"M948.153481 245.566312c14.207902 23.679837 5.695961 55.039622-18.943869 69.247524l-134.655075 77.695465a50.431653 50.431653 0 0 1-69.247523-18.943869 50.431653 50.431653 0 0 1 19.007869-69.183525l134.591075-76.799472a50.94365 50.94365 0 0 1 69.247523 17.983877z",fill:o.color||"#BCC4CC","fill-opacity":".668","p-id":"3322"}))})),o}return o(s,[{key:"getFontSize",value:function(){return this.size&&/\d(px|rem|em|vh|vw)$/.test(this.size)?this.size:"".concat(this.size,"px")}},{key:"iconRotate",value:function(){var t=this;requestAnimationFrame((function(){t.rotate>360&&(t.rotate=t.rotate-360),t.rotate+=4.3,t.iconRotate()}))}},{key:"componentDidMount",value:function(){this.iconRotate()}},{key:"render",value:function(){return r.h(l,null,this.renderLoadingSvg(),r.h("span",{class:"quark-loading-text",part:"loading-text"},r.h("slot",null)))}}]),s}();s([c()],u.prototype,"type",void 0),s([c({type:Boolean})],u.prototype,"vertical",void 0),s([c()],u.prototype,"color",void 0),s([c()],u.prototype,"size",void 0),s([p()],u.prototype,"rotate",void 0);var v=u=s([h({tag:"quark-loading",style:":host {\n font-size: 8vw;\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n\n:host([vertical]) {\n font-size: 8vw;\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n\n:host .quark-loading-spinner {\n display: block;\n fill: currentcolor;\n overflow: hidden;\n width: 1em;\n height: 1em;\n margin: auto;\n color: #c8c9cc;\n}\n\n:host .quark-loading-text {\n text-indent: 2.13333vw;\n color: var(--loading-text-color, #969799);\n font-size: var(--loading-text-font-size, 3.73333vw);\n}\n\n:host([vertical]) .quark-loading-text {\n margin-left: 0;\n margin-top: 2.13333vw;\n text-indent: 0;\n}\n\n:host slot:empty .quark-loading-text {\n font-size: 0;\n margin: 0;\n}\n"})],u);export{v as default};