quarkd
Version:
Mobile UI Components built on Web Components.
2 lines (1 loc) • 4.38 kB
JavaScript
import{_ as t,a as e}from"../typeof.js";import{_ as n,a as i,b as r,c as o,H as a,A as p,d as s,N as l,B as m}from"../index2.js";import{_ as c}from"../defineProperty.js";function u(t){var e=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 r,o=n(t);if(e){var a=n(this).constructor;r=Reflect.construct(o,arguments,a)}else r=o.apply(this,arguments);return i(this,r)}}var y=function(n){r(s,a);var i=u(s);function s(){var e;t(this,s);for(var n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return e=i.call.apply(i,[this].concat(r)),c(o(e),"title",""),c(o(e),"desc",""),c(o(e),"image",""),c(o(e),"buttontext",""),c(o(e),"type","global"),e}return e(s,[{key:"render",value:function(){return a.h(p,null,a.h("div",{class:"quark-empty",part:"root"},a.h("img",{part:"image",style:{width:~["px","rem","em","vw","vh"].indexOf(this.imagesize)?this.imagesize:"".concat(this.imagesize,"px")},class:"quark-empty-image",src:this.image?this.image:"https://m.hellobike.com/resource/helloyun/16682/-UzYw-6Q1G.png?x-oss-process=image/quality,q_80",alt:"empty-image"}),this.title&&a.h("div",{class:"quark-empty-title",part:"title"},this.title),this.desc&&a.h("div",{class:"quark-empty-desc",part:"desc"},this.desc),a.h("slot",{name:"footer"},this.buttontext&&a.h("div",{class:"quark-empty-button",part:"btn"},this.buttontext))))}}]),s}();s([l()],y.prototype,"title",void 0),s([l()],y.prototype,"desc",void 0),s([l()],y.prototype,"image",void 0),s([l()],y.prototype,"imagesize",void 0),s([l()],y.prototype,"buttontext",void 0),s([l()],y.prototype,"type",void 0);var v=y=s([m({tag:"quark-empty",style:':host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #fff;\n}\n\n:host .quark-empty {\n padding: var(--empty-padding, 8.53333vw 0);\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n}\n\n:host .quark-empty-image {\n width: var(--empty-image-width, 50.93333vw);\n}\n\n:host .quark-empty-title {\n margin-top: 3.2vw;\n text-align: center;\n font-size: var(--empty-title-font-size, 4.26667vw);\n line-height: var(--empty-title-line-height, 5.86667vw);\n color: var(--empty-title-color, #242729);\n white-space: var(--empty-white-space, pre-wrap);\n}\n\n:host .quark-empty-title:empty {\n margin-top: 0;\n}\n\n:host .quark-empty-desc {\n margin-top: 2.13333vw;\n font-size: var(--empty-desc-font-size, 3.73333vw);\n color: var(--empty-desc-color, #969799);\n width: var(--empty-desc-width);\n white-space: var(--empty-white-space, pre-wrap);\n line-height: var(--empty-title-line-height, 5.33333vw);\n text-align: center;\n}\n\n:host .quark-empty-desc:empty {\n margin-top: 0;\n}\n:host .quark-empty-button {\n display: flex;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n font-size: var(--empty-button-font-size, 4.26667vw);\n color: var(--empty-button-text-color, #fff);\n font-weight: 500;\n font-family: PingFangSC-Medium, PingFang SC;\n margin-top: var(--empty-button-margin-top, 5.33333vw);;\n background-color: var(--empty-button-background-color, #0088ff);\n line-height: var(--empty-button-line-height, 5.86667vw);\n padding: var(--empty-button-padding-column, 2.4vw) var(--empty-button-padding-row, 9.06667vw);\n border-radius: var(--empty-button-border-radius, 5.33333vw);\n}\n\n:host([type="local"]) .quark-empty-title {\n margin-top: 1.06667vw;\n font-size: var(--empty-title-font-size, 3.73333vw);\n line-height: var(--empty-title-line-height, 5.33333vw);\n}\n\n:host([type="local"]) .quark-empty-desc {\n margin-top: 1.6vw;\n font-size: var(--empty-desc-font-size, 3.2vw);\n line-height: var(--empty-title-line-height, 4.53333vw);\n}\n\n:host([type="local"]) .quark-empty-button {\n font-size: var(--empty-button-font-size, 3.73333vw);\n margin-top: var(--empty-button-margin-top, 3.2vw);;\n line-height: var(--empty-button-line-height, 5.33333vw);\n padding: var(--empty-button-padding-column, 1.6vw) var(--empty-button-padding-row, 6.93333vw);\n border-radius: var(--empty-button-border-radius, 4.26667vw);\n}\n'})],y);export{v as default};