zan-poster/dist/zan-component/index-86f0f68f.js

通过json在canvas上绘制图像, 基于cax画图框架开发, 本画图组件是json2canvas库的改造、优化版本 (详情查看README.md文档末说明)。

const e="zan-component";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:false,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:false,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:false,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:false,propNumber:false,propString:false,reflect:false,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:false,slotChildNodesFix:false,slotRelocation:false,state:true,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:false,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:true};var n=Object.defineProperty;var l=(e,t)=>{for(var l in t)n(e,l,{get:t[l],enumerable:true})};var s=new WeakMap;var r=e=>s.get(e);var o=(e,t)=>s.set(t.t=e,t);var a=(e,t)=>{const n={l:0,$hostElement$:e,o:t,i:new Map};{n.u=new Promise((e=>n.v=e))}{n.h=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}return s.set(e,n)};var i=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,n)=>{const l=e.m.replace(/-/g,"_");const s=e.S;if(!s){return void 0}const r=c.get(s);if(r){return r[l]}
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${s}.entry.js${""}`).then((e=>{{c.set(s,e)}return e[l]}),f)};var v=new Map;var d="{visibility:hidden}.hydrated{visibility:inherit}";var h="slot-fb{display:contents}slot-fb[hidden]{display:none}";var p=typeof window!=="undefined"?window:{};var m=p.document||{head:{}};var y={l:0,$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)};var b=e=>Promise.resolve(e);var w=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var S=false;var $=[];var g=[];var C=(e,t)=>n=>{e.push(n);if(!S){S=true;if(t&&y.l&4){x(j)}else{y.raf(j)}}};var k=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var j=()=>{k($);{k(g);if(S=$.length>0){y.raf(j)}}};var x=e=>b().then(e);var O=C(g,true);var T={};var E=e=>e!=null;var L=e=>{e=typeof e;return e==="object"||e==="function"};function D(e){var t,n,l;return(l=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?l:void 0}var M={};l(M,{err:()=>F,map:()=>P,ok:()=>R,unwrap:()=>A,unwrapErr:()=>N});var R=e=>({isOk:true,isErr:false,value:e});var F=e=>({isOk:false,isErr:true,value:e});function P(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>R(e)))}else{return R(n)}}if(e.isErr){const t=e.value;return F(t)}throw"should never get here"}var A=e=>{if(e.isOk){return e.value}else{throw e.value}};var N=e=>{if(e.isErr){return e.value}else{throw e.value}};var U=(e,t="")=>{{return()=>{}}};var W=(e,t)=>{{return()=>{}}};var z=(e,t,...n)=>{let l=null;let s=null;let r=false;let o=false;const a=[];const i=t=>{for(let n=0;n<t.length;n++){l=t[n];if(Array.isArray(l)){i(l)}else if(l!=null&&typeof l!=="boolean"){if(r=typeof e!=="function"&&!L(l)){l=String(l)}if(r&&o){a[a.length-1].C+=l}else{a.push(r?H(null,l):l)}o=r}}};i(n);if(t){if(t.key){s=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}const f=H(e,null);f.k=t;if(a.length>0){f.j=a}{f.O=s}return f};var H=(e,t)=>{const n={l:0,T:e,C:t,L:null,j:null};{n.k=null}{n.O=null}return n};var B={};var Q=e=>e&&e.T===B;var q=(e,t)=>{if(e!=null&&!L(e)){if(t&4){return e==="false"?false:e===""||!!e}return e}return e};var G=e=>r(e).$hostElement$;var I=(e,t,n)=>{const l=G(e);return{emit:e=>K(l,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var K=(e,t,n)=>{const l=y.ce(t,n);e.dispatchEvent(l);return l};var V=new WeakMap;var X=(e,t,n)=>{let l=v.get(e);if(w&&n){l=l||new CSSStyleSheet;if(typeof l==="string"){l=t}else{l.replaceSync(t)}}else{l=t}v.set(e,l)};var _=(e,t,n)=>{var l;const s=Y(t);const r=v.get(s);e=e.nodeType===11?e:m;if(r){if(typeof r==="string"){e=e.head||e;let n=V.get(e);let o;if(!n){V.set(e,n=new Set)}if(!n.has(s)){{o=m.createElement("style");o.innerHTML=r;const n=(l=y.D)!=null?l:D(m);if(n!=null){o.setAttribute("nonce",n)}const s=!(t.l&1)||t.l&1&&e.nodeName!=="HEAD";if(s){e.insertBefore(o,e.querySelector("link"))}}if(t.l&4){o.innerHTML+=h}if(n){n.add(s)}}}else if(!e.adoptedStyleSheets.includes(r)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,r]}}return s};var J=e=>{const t=e.o;const n=e.$hostElement$;const l=t.l;const s=U("attachStyles",t.m);const r=_(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(l&10&&l&2){n["s-sc"]=r;n.classList.add(r+"-h")}s()};var Y=(e,t)=>"sc-"+e.m;var Z=(e,t,n,l,s,r)=>{if(n!==l){let o=i(e,t);let a=t.toLowerCase();if(t==="class"){const t=e.classList;const s=te(n);const r=te(l);t.remove(...s.filter((e=>e&&!r.includes(e))));t.add(...r.filter((e=>e&&!s.includes(e))))}else if(t==="style"){{for(const t in n){if(!l||l[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in l){if(!n||l[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,l[t])}else{e.style[t]=l[t]}}}}else if(t==="key");else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(i(p,a)){t=a.slice(2)}else{t=a[2]+t.slice(3)}if(n||l){const s=t.endsWith(ne);t=t.replace(le,"");if(n){y.rel(e,t,n,s)}if(l){y.ael(e,t,l,s)}}}else{const a=L(l);if((o||a&&l!==null)&&!s){try{if(!e.tagName.includes("-")){const s=l==null?"":l;if(t==="list"){o=false}else if(n==null||e[t]!=s){e[t]=s}}else{e[t]=l}}catch(e){}}if(l==null||l===false){if(l!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!o||r&4||s)&&!a){l=l===true?"":l;{e.setAttribute(t,l)}}}}};var ee=/\s/;var te=e=>!e?[]:e.split(ee);var ne="Capture";var le=new RegExp(ne+"$");var se=(e,t,n)=>{const l=t.L.nodeType===11&&t.L.host?t.L.host:t.L;const s=e&&e.k||T;const r=t.k||T;{for(const e of re(Object.keys(s))){if(!(e in r)){Z(l,e,s[e],void 0,n,t.l)}}}for(const e of re(Object.keys(r))){Z(l,e,s[e],r[e],n,t.l)}};function re(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var oe;var ae;var ie=false;var fe=false;var ce=(e,n,l,s)=>{const r=n.j[l];let o=0;let a;let i;if(r.C!==null){a=r.L=m.createTextNode(r.C)}else{a=r.L=m.createElement(!ie&&t.slotRelocation&&r.l&2?"slot-fb":r.T);{se(null,r,fe)}const n=a.getRootNode();const l=!n.querySelector("body");if(!l&&t.scoped&&E(oe)&&a["s-si"]!==oe){a.classList.add(a["s-si"]=oe)}if(r.j){for(o=0;o<r.j.length;++o){i=ce(e,r,o);if(i){a.appendChild(i)}}}}a["s-hn"]=ae;return a};var ue=(e,t,n,l,s,r)=>{let o=e;let a;if(o.shadowRoot&&o.tagName===ae){o=o.shadowRoot}for(;s<=r;++s){if(l[s]){a=ce(null,n,s);if(a){l[s].L=a;me(o,a,t)}}}};var ve=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.L;if(e){e.remove()}}}};var de=(e,t,n,l,s=false)=>{let r=0;let o=0;let a=0;let i=0;let f=t.length-1;let c=t[0];let u=t[f];let v=l.length-1;let d=l[0];let h=l[v];let p;let m;while(r<=f&&o<=v){if(c==null){c=t[++r]}else if(u==null){u=t[--f]}else if(d==null){d=l[++o]}else if(h==null){h=l[--v]}else if(he(c,d,s)){pe(c,d,s);c=t[++r];d=l[++o]}else if(he(u,h,s)){pe(u,h,s);u=t[--f];h=l[--v]}else if(he(c,h,s)){pe(c,h,s);me(e,c.L,u.L.nextSibling);c=t[++r];h=l[--v]}else if(he(u,d,s)){pe(u,d,s);me(e,u.L,c.L);u=t[--f];d=l[++o]}else{a=-1;{for(i=r;i<=f;++i){if(t[i]&&t[i].O!==null&&t[i].O===d.O){a=i;break}}}if(a>=0){m=t[a];if(m.T!==d.T){p=ce(t&&t[o],n,a)}else{pe(m,d,s);t[a]=void 0;p=m.L}d=l[++o]}else{p=ce(t&&t[o],n,o);d=l[++o]}if(p){{me(c.L.parentNode,p,c.L)}}}}if(r>f){ue(e,l[v+1]==null?null:l[v+1].L,n,l,o,v)}else if(o>v){ve(t,r,f)}};var he=(e,t,n=false)=>{if(e.T===t.T){if(!n){return e.O===t.O}return true}return false};var pe=(e,n,l=false)=>{const s=n.L=e.L;const r=e.j;const o=n.j;const a=n.C;if(a===null){{{se(e,n,fe)}}if(r!==null&&o!==null){de(s,r,n,o,l)}else if(o!==null){if(e.C!==null){s.textContent=""}ue(s,null,n,o,0,o.length-1)}else if(!l&&t.updatable&&r!==null){ve(r,0,r.length-1)}}else if(e.C!==a){s.data=a}};var me=(e,t,n)=>{const l=e==null?void 0:e.insertBefore(t,n);return l};var ye=(e,t,n=false)=>{const l=e.$hostElement$;const s=e.o;const r=e.M||H(null,null);const o=Q(t)?t:z(null,null,t);ae=l.tagName;if(n&&o.k){for(const e of Object.keys(o.k)){if(l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){o.k[e]=l[e]}}}o.T=null;o.l|=4;e.M=o;o.L=r.L=l.shadowRoot||l;{oe=l["s-sc"]}ie=(s.l&1)!==0;pe(r,o,n)};var be=(e,t)=>{if(t&&!e.R&&t["s-p"]){t["s-p"].push(new Promise((t=>e.R=t)))}};var we=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}be(e,e.F);const n=()=>Se(e,t);return O(n)};var Se=(e,t)=>{const n=e.$hostElement$;const l=U("scheduleUpdate",e.o.m);const s=e.t;if(!s){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let r;if(t){{r=Oe(s,"componentWillLoad")}}l();return $e(r,(()=>Ce(e,s,t)))};var $e=(e,t)=>ge(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var ge=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Ce=async(e,t,n)=>{var l;const s=e.$hostElement$;const r=U("update",e.o.m);const o=s["s-rc"];if(n){J(e)}const a=U("render",e.o.m);{ke(e,t,s,n)}if(o){o.map((e=>e()));s["s-rc"]=void 0}a();r();{const t=(l=s["s-p"])!=null?l:[];const n=()=>je(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var ke=(e,t,n,l)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{ye(e,t,l)}}}}catch(t){f(t,e.$hostElement$)}return null};var je=e=>{const t=e.o.m;const n=e.$hostElement$;const l=U("postUpdate",t);const s=e.F;if(!(e.l&64)){e.l|=64;{Te(n)}l();{e.p(n);if(!s){xe()}}}else{l()}{e.v(n)}{if(e.R){e.R();e.R=void 0}if(e.l&512){x((()=>we(e,false)))}e.l&=~(4|512)}};var xe=t=>{{Te(m.documentElement)}x((()=>K(p,"appload",{detail:{namespace:e}})))};var Oe=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){f(e)}}return void 0};var Te=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Ee=(e,t)=>r(e).i.get(t);var Le=(e,t,n,l)=>{const s=r(e);if(!s){throw new Error(`Couldn't find host element for "${l.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const o=s.$hostElement$;const a=s.i.get(t);const i=s.l;const c=s.t;n=q(n,l.P[t][0]);const u=Number.isNaN(a)&&Number.isNaN(n);const v=n!==a&&!u;if((!(i&8)||a===void 0)&&v){s.i.set(t,n);if(c){if(l.A&&i&128){const e=l.A[t];if(e){e.map((e=>{try{c[e](n,a,t)}catch(e){f(e,o)}}))}}if((i&(2|16))===2){we(s,false)}}}};var De=(e,t,n)=>{var l,s;const o=e.prototype;if(t.P||(t.A||e.watchers)){if(e.watchers&&!t.A){t.A=e.watchers}const a=Object.entries((l=t.P)!=null?l:{});a.map((([e,[l]])=>{if(l&31||n&2&&l&32){Object.defineProperty(o,e,{get(){return Ee(this,e)},set(n){Le(this,e,n,t)},configurable:true,enumerable:true})}else if(n&1&&l&64){Object.defineProperty(o,e,{value(...t){var n;const l=r(this);return(n=l==null?void 0:l.u)==null?void 0:n.then((()=>{var n;return(n=l.t)==null?void 0:n[e](...t)}))}})}}));if(n&1){const n=new Map;o.attributeChangedCallback=function(e,l,s){y.jmp((()=>{var a;const i=n.get(e);if(this.hasOwnProperty(i)){s=this[i];delete this[i]}else if(o.hasOwnProperty(i)&&typeof this[i]==="number"&&this[i]==s){return}else if(i==null){const n=r(this);const o=n==null?void 0:n.l;if(o&&!(o&8)&&o&128&&s!==l){const r=n.t;const o=(a=t.A)==null?void 0:a[e];o==null?void 0:o.forEach((t=>{if(r[t]!=null){r[t].call(r,s,l,e)}}))}return}this[i]=s===null&&typeof this[i]==="boolean"?false:s}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=t.A)!=null?s:{}),...a.filter((([e,t])=>t[0]&15)).map((([e,t])=>{const l=t[1]||e;n.set(l,e);return l}))]))}}return e};var Me=async(e,t,n,l)=>{let s;if((t.l&32)===0){t.l|=32;const l=n.S;if(l){const e=u(n);if(e&&"then"in e){const t=W();s=await e;t()}else{s=e}if(!s){throw new Error(`Constructor for "${n.m}#${t.N}" was not found`)}if(!s.isProxied){{n.A=s.watchers}De(s,n,2);s.isProxied=true}const l=U("createInstance",n.m);{t.l|=8}try{new s(t)}catch(e){f(e)}{t.l&=~8}{t.l|=128}l()}else{s=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.l|=128))}if(s&&s.style){let e;if(typeof s.style==="string"){e=s.style}const t=Y(n);if(!v.has(t)){const l=U("registerStyles",n.m);X(t,e,!!(n.l&1));l()}}}const r=t.F;const o=()=>we(t,true);if(r&&r["s-rc"]){r["s-rc"].push(o)}else{o()}};var Re=e=>{};var Fe=e=>{if((y.l&1)===0){const t=r(e);const n=t.o;const l=U("connectedCallback",n.m);if(!(t.l&1)){t.l|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){be(t,t.F=n);break}}}if(n.P){Object.entries(n.P).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Me(e,t,n)}}else{if(t==null?void 0:t.t);else if(t==null?void 0:t.h){t.h.then((()=>Re()))}}l()}};var Pe=e=>{};var Ae=async e=>{if((y.l&1)===0){const t=r(e);if(t==null?void 0:t.t);else if(t==null?void 0:t.h){t.h.then((()=>Pe()))}}};var Ne=(e,t={})=>{var n;const l=U();const s=[];const o=t.exclude||[];const i=p.customElements;const f=m.head;const c=f.querySelector("meta[charset]");const u=m.createElement("style");const v=[];let b;let w=true;Object.assign(y,t);y.$=new URL(t.resourcesUrl||"./",m.baseURI).href;let S=false;e.map((e=>{e[1].map((t=>{var n;const l={l:t[0],m:t[1],P:t[2],U:t[3]};if(l.l&4){S=true}{l.P=t[2]}{l.A=(n=t[4])!=null?n:{}}const f=l.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;a(e,l);if(l.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${l.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){r(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(b){clearTimeout(b);b=null}if(w){v.push(this)}else{y.jmp((()=>Fe(this)))}}disconnectedCallback(){y.jmp((()=>Ae(this)))}componentOnReady(){return r(this).h}};l.S=e[0];if(!o.includes(f)&&!i.get(f)){s.push(f);i.define(f,De(c,l,1))}}))}));if(s.length>0){if(S){u.textContent+=h}{u.textContent+=s.sort()+d}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=y.D)!=null?n:D(m);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}w=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{y.jmp((()=>b=setTimeout(xe,30)))}}l()};var Ue=e=>y.D=e;export{Ne as b,I as c,G as g,z as h,b as p,o as r,Ue as s};
//# sourceMappingURL=index-86f0f68f.js.map