@vue-lynx-example/main-thread 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/README.md +22 -0
  2. package/dist/background-draggable.lynx.bundle +0 -0
  3. package/dist/background-draggable.web.bundle +1 -0
  4. package/dist/cross-thread-calls.lynx.bundle +0 -0
  5. package/dist/cross-thread-calls.web.bundle +1 -0
  6. package/dist/main-thread-draggable-raw.lynx.bundle +0 -0
  7. package/dist/main-thread-draggable-raw.web.bundle +1 -0
  8. package/dist/main-thread-draggable.lynx.bundle +0 -0
  9. package/dist/main-thread-draggable.web.bundle +1 -0
  10. package/dist/shared-module.lynx.bundle +0 -0
  11. package/dist/shared-module.web.bundle +1 -0
  12. package/lynx.config.ts +27 -0
  13. package/package.json +30 -0
  14. package/src/background-draggable/App.vue +39 -0
  15. package/src/background-draggable/BackgroundDraggable.vue +20 -0
  16. package/src/background-draggable/index.ts +6 -0
  17. package/src/cross-thread-calls/App.vue +80 -0
  18. package/src/cross-thread-calls/index.ts +22 -0
  19. package/src/main-thread-draggable/App.vue +62 -0
  20. package/src/main-thread-draggable/BackgroundDraggable.vue +20 -0
  21. package/src/main-thread-draggable/MainThreadDraggable.vue +22 -0
  22. package/src/main-thread-draggable/index.ts +6 -0
  23. package/src/main-thread-draggable-raw/App.vue +58 -0
  24. package/src/main-thread-draggable-raw/BackgroundDraggable.vue +20 -0
  25. package/src/main-thread-draggable-raw/MainThreadDraggable.vue +22 -0
  26. package/src/main-thread-draggable-raw/index.ts +6 -0
  27. package/src/shared-module/App.vue +77 -0
  28. package/src/shared-module/color-utils.ts +21 -0
  29. package/src/shared-module/index.ts +17 -0
  30. package/src/shims-vue.d.ts +11 -0
  31. package/tsconfig.json +10 -0
@@ -0,0 +1 @@
1
+ {"styleInfo":{},"manifest":{"/app-service.js":"\"use strict\";var e,t={};t.g=(()=>{if(\"object\"==typeof globalThis)return globalThis;try{return this||Function(\"return this\")()}catch(e){if(\"object\"==typeof window)return window}})();let l=\"__VUE_LYNX_EVENT_REGISTRY__\";function n(e,t){var n;let r,i;null==(n=(!(i=(r=globalThis)[l])&&Object.defineProperty(r,l,{value:i={signCounter:0,handlers:new Map},configurable:!0,enumerable:!1,writable:!0}),i).handlers.get(e))||n(t)}let r=globalThis;\"u\">typeof lynxCoreInject&&(null==(e=lynxCoreInject)?void 0:e.tt)&&(lynxCoreInject.tt.publishEvent=n,lynxCoreInject.tt.publicComponentEvent=(e,t,l)=>{n(t,l)}),r.publishEvent=n,r.updatePage=function(e){},(()=>{let e,l,n,r,i,s,o,a,u,c;function f(e){let t=Object.create(null);for(let l of e.split(\",\"))t[l]=1;return e=>e in t}let p={};let d=[];let h=()=>{};let g=()=>!1;let _=e=>111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97);let y=e=>e.startsWith(\"onUpdate:\");let m=Object.assign;let b=Object.prototype.hasOwnProperty;let x=(e,t)=>b.call(e,t);let S=Array.isArray;let w=e=>\"function\"==typeof e;let C=e=>\"string\"==typeof e;let k=e=>\"symbol\"==typeof e;let O=e=>null!==e&&\"object\"==typeof e;let j=e=>(O(e)||w(e))&&w(e.then)&&w(e.catch);let F=Object.prototype.toString;let T=e=>C(e)&&\"NaN\"!==e&&\"-\"!==e[0]&&\"\"+parseInt(e,10)===e;let P=f(\",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted\");let E=e=>{let t=Object.create(null);return l=>t[l]||(t[l]=e(l))};let I=/-\\w/g;let M=E(e=>e.replace(I,e=>e.slice(1).toUpperCase()));let R=/\\B([A-Z])/g;let A=E(e=>e.replace(R,\"-$1\").toLowerCase());let D=E(e=>e.charAt(0).toUpperCase()+e.slice(1));let $=E(e=>e?`on${D(e)}`:\"\");let L=(e,...t)=>{for(let l=0;l<e.length;l++)e[l](...t)};let V=(e,t,l,n=!1)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,writable:n,value:l})};let N=e=>{let t=parseFloat(e);return isNaN(t)?e:t};let U=()=>e||(e=\"u\">typeof globalThis?globalThis:\"u\">typeof self?self:\"u\">typeof window?window:void 0!==t.g?t.g:{});function B(e){if(S(e)){let t={};for(let l=0;l<e.length;l++){let n=e[l];let r=C(n)?function(e){let t={};return e.replace(z,\"\").split(W).forEach(e=>{if(e){let l=e.split(J);l.length>1&&(t[l[0].trim()]=l[1].trim())}}),t}(n):B(n);if(r)for(let e in r)t[e]=r[e]}return t}if(C(e)||O(e))return e}let W=/;(?![^(]*\\))/g;let J=/:([^]+)/;let z=/\\/\\*[^]*?\\*\\//g;function H(e){let t=\"\";if(C(e))t=e;else if(S(e))for(let l=0;l<e.length;l++){let n=H(e[l]);n&&(t+=n+\" \")}else if(O(e))for(let l in e)e[l]&&(t+=l+\" \");return t.trim()}let G=e=>!!(e&&!0===e.__v_isRef);let Y=e=>C(e)?e:null==e?\"\":S(e)||O(e)&&(e.toString===F||!w(e.toString))?G(e)?Y(e.value):JSON.stringify(e,q,2):String(e);let q=(e,t)=>{let l;if(G(t))return q(e,t.value);if(\"[object Map]\"===(l=t,F.call(l)))return{[`Map(${t.size})`]:[...t.entries()].reduce((e,[t,l],n)=>(e[K(t,n)+\" =>\"]=l,e),{})};{let e;if(\"[object Set]\"===(e=t,F.call(e)))return{[`Set(${t.size})`]:[...t.values()].map(e=>K(e))};else{if(k(t))return K(t);let e;if(O(t)&&!S(t)&&\"[object Object]\"!==(e=t,F.call(e)))return String(t)}}return t};let K=(e,t=\"\")=>{var l;return k(e)?`Symbol(${null!=(l=e.description)?l:t})`:e};class X{get active(){return this._active}pause(){if(this._active){let e,t;if(this._isPaused=!0,this.scopes)for(e=0,t=this.scopes.length;e<t;e++)this.scopes[e].pause();for(e=0,t=this.effects.length;e<t;e++)this.effects[e].pause()}}resume(){if(this._active&&this._isPaused){let e,t;if(this._isPaused=!1,this.scopes)for(e=0,t=this.scopes.length;e<t;e++)this.scopes[e].resume();for(e=0,t=this.effects.length;e<t;e++)this.effects[e].resume()}}run(e){if(this._active){let t=l;try{return l=this,e()}finally{l=t}}}on(){1===++this._on&&(this.prevScope=l,l=this)}off(){this._on>0&&0===--this._on&&(l=this.prevScope,this.prevScope=void 0)}stop(e){if(this._active){let t,l;for(t=0,this._active=!1,l=this.effects.length;t<l;t++)this.effects[t].stop();for(t=0,this.effects.length=0,l=this.cleanups.length;t<l;t++)this.cleanups[t]();if(this.cleanups.length=0,this.scopes){for(t=0,l=this.scopes.length;t<l;t++)this.scopes[t].stop(!0);this.scopes.length=0}if(!this.detached&&this.parent&&!e){let e=this.parent.scopes.pop();e&&e!==this&&(this.parent.scopes[this.index]=e,e.index=this.index)}this.parent=void 0}}constructor(e=!1){this.detached=e,this._active=!0,this._on=0,this.effects=[],this.cleanups=[],this._isPaused=!1,this.__v_skip=!0,this.parent=l,!e&&l&&(this.index=(l.scopes||(l.scopes=[])).push(this)-1)}}let Z=new WeakSet;class Q{pause(){this.flags|=64}resume(){64&this.flags&&(this.flags&=-65,Z.has(this)&&(Z.delete(this),this.trigger()))}notify(){(!(2&this.flags)||32&this.flags)&&(8&this.flags||et(this))}run(){if(!(1&this.flags))return this.fn();this.flags|=2,ep(this),en(this);let e=n;let t=ea;n=this,ea=!0;try{return this.fn()}finally{er(this),n=e,ea=t,this.flags&=-3}}stop(){if(1&this.flags){for(let e=this.deps;e;e=e.nextDep)eo(e);this.deps=this.depsTail=void 0,ep(this),this.onStop&&this.onStop(),this.flags&=-2}}trigger(){64&this.flags?Z.add(this):this.scheduler?this.scheduler():this.runIfDirty()}runIfDirty(){ei(this)&&this.run()}get dirty(){return ei(this)}constructor(e){this.fn=e,this.deps=void 0,this.depsTail=void 0,this.flags=5,this.next=void 0,this.cleanup=void 0,this.scheduler=void 0,l&&l.active&&l.effects.push(this)}}let ee=0;function et(e,t=!1){if(e.flags|=8,t){e.next=i,i=e;return}e.next=r,r=e}function el(){let e;if(!(--ee>0)){if(i){let e=i;for(i=void 0;e;){let t=e.next;e.next=void 0,e.flags&=-9,e=t}}for(;r;){let t=r;for(r=void 0;t;){let l=t.next;if(t.next=void 0,t.flags&=-9,1&t.flags)try{t.trigger()}catch(t){e||(e=t)}t=l}}if(e)throw e}}function en(e){for(let t=e.deps;t;t=t.nextDep)t.version=-1,t.prevActiveLink=t.dep.activeLink,t.dep.activeLink=t}function er(e){let t;let l=e.depsTail;let n=l;for(;n;){let e=n.prevDep;-1===n.version?(n===l&&(l=e),eo(n),function(e){let{prevDep:t,nextDep:l}=e;t&&(t.nextDep=l,e.prevDep=void 0),l&&(l.prevDep=t,e.nextDep=void 0)}(n)):t=n,n.dep.activeLink=n.prevActiveLink,n.prevActiveLink=void 0,n=e}e.deps=t,e.depsTail=l}function ei(e){for(let t=e.deps;t;t=t.nextDep)if(t.dep.version!==t.version||t.dep.computed&&(es(t.dep.computed)||t.dep.version!==t.version))return!0;return!!e._dirty}function es(e){if(4&e.flags&&!(16&e.flags)||(e.flags&=-17,e.globalVersion===ed)||(e.globalVersion=ed,!e.isSSR&&128&e.flags&&(!e.deps&&!e._dirty||!ei(e))))return;e.flags|=2;let t=e.dep;let l=n;let r=ea;n=e,ea=!0;try{let l;en(e);let n=e.fn(e._value);(0===t.version||(l=e._value,!Object.is(n,l)))&&(e.flags|=128,e._value=n,t.version++)}catch(e){throw t.version++,e}finally{n=l,ea=r,er(e),e.flags&=-3}}function eo(e,t=!1){let{dep:l,prevSub:n,nextSub:r}=e;if(n&&(n.nextSub=r,e.prevSub=void 0),r&&(r.prevSub=n,e.nextSub=void 0),l.subs===e&&(l.subs=n,!n&&l.computed)){l.computed.flags&=-5;for(let e=l.computed.deps;e;e=e.nextDep)eo(e,!0)}t||--l.sc||!l.map||l.map.delete(l.key)}let ea=!0;let eu=[];function ec(){eu.push(ea),ea=!1}function ef(){let e=eu.pop();ea=void 0===e||e}function ep(e){let{cleanup:t}=e;if(e.cleanup=void 0,t){let e=n;n=void 0;try{t()}finally{n=e}}}let ed=0;class eh{constructor(e,t){this.sub=e,this.dep=t,this.version=t.version,this.nextDep=this.prevDep=this.nextSub=this.prevSub=this.prevActiveLink=void 0}}class ev{track(e){if(!n||!ea||n===this.computed)return;let t=this.activeLink;if(void 0===t||t.sub!==n)t=this.activeLink=new eh(n,this),n.deps?(t.prevDep=n.depsTail,n.depsTail.nextDep=t,n.depsTail=t):n.deps=n.depsTail=t,function e(t){if(t.dep.sc++,4&t.sub.flags){let l=t.dep.computed;if(l&&!t.dep.subs){l.flags|=20;for(let t=l.deps;t;t=t.nextDep)e(t)}let n=t.dep.subs;n!==t&&(t.prevSub=n,n&&(n.nextSub=t)),t.dep.subs=t}}(t);else if(-1===t.version&&(t.version=this.version,t.nextDep)){let e=t.nextDep;e.prevDep=t.prevDep,t.prevDep&&(t.prevDep.nextDep=e),t.prevDep=n.depsTail,t.nextDep=void 0,n.depsTail.nextDep=t,n.depsTail=t,n.deps===t&&(n.deps=e)}return t}trigger(e){this.version++,ed++,this.notify(e)}notify(e){ee++;try{for(let e=this.subs;e;e=e.prevSub)e.sub.notify()&&e.sub.dep.notify()}finally{el()}}constructor(e){this.computed=e,this.version=0,this.activeLink=void 0,this.subs=void 0,this.map=void 0,this.key=void 0,this.sc=0,this.__v_skip=!0}}let eg=new WeakMap;let e_=Symbol(\"\");let ey=Symbol(\"\");let em=Symbol(\"\");function eb(e,t,l){if(ea&&n){let t=eg.get(e);t||eg.set(e,t=new Map);let n=t.get(l);n||(t.set(l,n=new ev),n.map=t,n.key=l),n.track()}}function ex(e,t,l,n,r,i){let s=eg.get(e);if(!s)return void ed++;let o=e=>{e&&e.trigger()};if(ee++,\"clear\"===t)s.forEach(o);else{let r=S(e);let i=r&&T(l);if(r&&\"length\"===l){let e=Number(n);s.forEach((t,l)=>{(\"length\"===l||l===em||!k(l)&&l>=e)&&o(t)})}else switch((void 0!==l||s.has(void 0))&&o(s.get(l)),i&&o(s.get(em)),t){case\"add\":if(r)i&&o(s.get(\"length\"));else{let t;o(s.get(e_));\"[object Map]\"===(t=e,F.call(t))&&o(s.get(ey))}break;case\"delete\":if(!r){let t;o(s.get(e_));\"[object Map]\"===(t=e,F.call(t))&&o(s.get(ey))}break;case\"set\":let a;\"[object Map]\"===(a=e,F.call(a))&&o(s.get(e_))}}el()}function eS(e){let t=e8(e);return t===e?t:(eb(t,\"iterate\",em),e2(e)?t:t.map(e4))}function ew(e){return eb(e=e8(e),\"iterate\",em),e}function eC(e,t){return e1(e)?e0(e)?e3(e4(t)):e3(t):e4(t)}let ek={__proto__:null,[Symbol.iterator](){return eO(this,Symbol.iterator,e=>eC(this,e))},concat(...e){return eS(this).concat(...e.map(e=>S(e)?eS(e):e))},entries(){return eO(this,\"entries\",e=>(e[1]=eC(this,e[1]),e))},every(e,t){return eF(this,\"every\",e,t,void 0,arguments)},filter(e,t){return eF(this,\"filter\",e,t,e=>e.map(e=>eC(this,e)),arguments)},find(e,t){return eF(this,\"find\",e,t,e=>eC(this,e),arguments)},findIndex(e,t){return eF(this,\"findIndex\",e,t,void 0,arguments)},findLast(e,t){return eF(this,\"findLast\",e,t,e=>eC(this,e),arguments)},findLastIndex(e,t){return eF(this,\"findLastIndex\",e,t,void 0,arguments)},forEach(e,t){return eF(this,\"forEach\",e,t,void 0,arguments)},includes(...e){return eP(this,\"includes\",e)},indexOf(...e){return eP(this,\"indexOf\",e)},join(e){return eS(this).join(e)},lastIndexOf(...e){return eP(this,\"lastIndexOf\",e)},map(e,t){return eF(this,\"map\",e,t,void 0,arguments)},pop(){return eE(this,\"pop\")},push(...e){return eE(this,\"push\",e)},reduce(e,...t){return eT(this,\"reduce\",e,t)},reduceRight(e,...t){return eT(this,\"reduceRight\",e,t)},shift(){return eE(this,\"shift\")},some(e,t){return eF(this,\"some\",e,t,void 0,arguments)},splice(...e){return eE(this,\"splice\",e)},toReversed(){return eS(this).toReversed()},toSorted(e){return eS(this).toSorted(e)},toSpliced(...e){return eS(this).toSpliced(...e)},unshift(...e){return eE(this,\"unshift\",e)},values(){return eO(this,\"values\",e=>eC(this,e))}};function eO(e,t,l){let n=ew(e);let r=n[t]();return n===e||e2(e)||(r._next=r.next,r.next=()=>{let e=r._next();return e.done||(e.value=l(e.value)),e}),r}let ej=Array.prototype;function eF(e,t,l,n,r,i){let s=ew(e);let o=s!==e&&!e2(e);let a=s[t];if(a!==ej[t]){let t=a.apply(e,i);return o?e4(t):t}let u=l;s!==e&&(o?u=function(t,n){return l.call(this,eC(e,t),n,e)}:l.length>2&&(u=function(t,n){return l.call(this,t,n,e)}));let c=a.call(s,u,n);return o&&r?r(c):c}function eT(e,t,l,n){let r=ew(e);let i=r!==e&&!e2(e);let s=l;let o=!1;r!==e&&(i?(o=0===n.length,s=function(t,n,r){return o&&(o=!1,t=eC(e,t)),l.call(this,t,eC(e,n),r,e)}):l.length>3&&(s=function(t,n,r){return l.call(this,t,n,r,e)}));let a=r[t](s,...n);return o?eC(e,a):a}function eP(e,t,l){let n=e8(e);eb(n,\"iterate\",em);let r=n[t](...l);return(-1===r||!1===r)&&e6(l[0])?(l[0]=e8(l[0]),n[t](...l)):r}function eE(e,t,l=[]){ec(),ee++;let n=e8(e)[t].apply(e,l);return el(),ef(),n}let eI=f(\"__proto__,__v_isRef,__isVue\");let eM=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>\"arguments\"!==e&&\"caller\"!==e).map(e=>Symbol[e]).filter(k));function eR(e){k(e)||(e=String(e));let t=e8(this);return eb(t,\"has\",e),t.hasOwnProperty(e)}class eA{get(e,t,l){if(\"__v_skip\"===t)return e.__v_skip;let n=this._isReadonly,r=this._isShallow;if(\"__v_isReactive\"===t)return!n;if(\"__v_isReadonly\"===t)return n;if(\"__v_isShallow\"===t)return r;if(\"__v_raw\"===t)return l===(n?r?eK:eq:r?eY:eG).get(e)||Object.getPrototypeOf(e)===Object.getPrototypeOf(l)?e:void 0;let i=S(e);if(!n){let e;if(i&&(e=ek[t]))return e;if(\"hasOwnProperty\"===t)return eR}let s=Reflect.get(e,t,e5(e)?e:l);if((k(t)?eM.has(t):eI(t))||(n||eb(e,\"get\",t),r))return s;if(e5(s)){let e=i&&T(t)?s:s.value;return n&&O(e)?eZ(e):e}return O(s)?n?eZ(s):eX(s):s}constructor(e=!1,t=!1){this._isReadonly=e,this._isShallow=t}}class eD extends eA{set(e,t,l,n){let r=e[t];let i=S(e)&&T(t);if(!this._isShallow){let e=e1(r);if(e2(l)||e1(l)||(r=e8(r),l=e8(l)),!i&&e5(r)&&!e5(l))if(e)return!0;else return r.value=l,!0}let s=i?Number(t)<e.length:x(e,t);let o=Reflect.set(e,t,l,e5(e)?e:n);return e===e8(n)&&(s?Object.is(l,r)||ex(e,\"set\",t,l,r):ex(e,\"add\",t,l)),o}deleteProperty(e,t){let l=x(e,t);let n=e[t];let r=Reflect.deleteProperty(e,t);return r&&l&&ex(e,\"delete\",t,void 0,n),r}has(e,t){let l=Reflect.has(e,t);return k(t)&&eM.has(t)||eb(e,\"has\",t),l}ownKeys(e){return eb(e,\"iterate\",S(e)?\"length\":e_),Reflect.ownKeys(e)}constructor(e=!1){super(!1,e)}}class e$ extends eA{set(e,t){return!0}deleteProperty(e,t){return!0}constructor(e=!1){super(!0,e)}}let eL=new eD;let eV=new e$;let eN=new eD(!0);let eU=e=>e;function eB(e){return function(){return\"delete\"!==e&&(\"clear\"===e?void 0:this)}}function eW(e,t){let l;let n=(m(l={get(l){let n=this.__v_raw;let r=e8(n);let i=e8(l);e||(Object.is(l,i)||eb(r,\"get\",l),eb(r,\"get\",i));let{has:s}=Reflect.getPrototypeOf(r);let o=t?eU:e?e3:e4;return s.call(r,l)?o(n.get(l)):s.call(r,i)?o(n.get(i)):void(n!==r&&n.get(l))},get size(){let t=this.__v_raw;return e||eb(e8(t),\"iterate\",e_),t.size},has(t){let l=this.__v_raw;let n=e8(l);let r=e8(t);return e||(Object.is(t,r)||eb(n,\"has\",t),eb(n,\"has\",r)),t===r?l.has(t):l.has(t)||l.has(r)},forEach(l,n){let r=this;let i=r.__v_raw;let s=e8(i);let o=t?eU:e?e3:e4;return e||eb(s,\"iterate\",e_),i.forEach((e,t)=>l.call(n,o(e),o(t),r))}},e?{add:eB(\"add\"),set:eB(\"set\"),delete:eB(\"delete\"),clear:eB(\"clear\")}:{add(e){let l=e8(this);let n=Reflect.getPrototypeOf(l);let r=e8(e);let i=t||e2(e)||e1(e)?e:r;return n.has.call(l,i)||!Object.is(e,i)&&n.has.call(l,e)||!Object.is(r,i)&&n.has.call(l,r)||(l.add(i),ex(l,\"add\",i,i)),this},set(e,l){t||e2(l)||e1(l)||(l=e8(l));let n=e8(this);let{has:r,get:i}=Reflect.getPrototypeOf(n);let s=r.call(n,e);s||(e=e8(e),s=r.call(n,e));let o=i.call(n,e);return(n.set(e,l),s)?Object.is(l,o)||ex(n,\"set\",e,l,o):ex(n,\"add\",e,l),this},delete(e){let t=e8(this);let{has:l,get:n}=Reflect.getPrototypeOf(t);let r=l.call(t,e);r||(e=e8(e),r=l.call(t,e));let i=n?n.call(t,e):void 0;let s=t.delete(e);return r&&ex(t,\"delete\",e,void 0,i),s},clear(){let e=e8(this);let t=0!==e.size;let l=e.clear();return t&&ex(e,\"clear\",void 0,void 0,void 0),l}}),[\"keys\",\"values\",\"entries\",Symbol.iterator].forEach(n=>{l[n]=function(...l){let r,i=this.__v_raw;let s=e8(i);let o=\"[object Map]\"===(r=s,F.call(r));let a=\"entries\"===n||n===Symbol.iterator&&o;let u=i[n](...l);let c=t?eU:e?e3:e4;return e||eb(s,\"iterate\",\"keys\"===n&&o?ey:e_),m(Object.create(u),{next(){let{value:e,done:t}=u.next();return t?{value:e,done:t}:{value:a?[c(e[0]),c(e[1])]:c(e),done:t}}})}}),l);return(t,l,r)=>\"__v_isReactive\"===l?!e:\"__v_isReadonly\"===l?e:\"__v_raw\"===l?t:Reflect.get(x(n,l)&&l in t?n:t,l,r)}let eJ={get:eW(!1,!1)};let ez={get:eW(!1,!0)};let eH={get:eW(!0,!1)};let eG=new WeakMap;let eY=new WeakMap;let eq=new WeakMap;let eK=new WeakMap;function eX(e){return e1(e)?e:eQ(e,!1,eL,eJ,eG)}function eZ(e){return eQ(e,!0,eV,eH,eq)}function eQ(e,t,l,n,r){var i;let s;if(!O(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;let o=(i=e).__v_skip||!Object.isExtensible(i)?0:function(e){switch(e){case\"Object\":case\"Array\":return 1;case\"Map\":case\"Set\":case\"WeakMap\":case\"WeakSet\":return 2;default:return 0}}((s=i,F.call(s)).slice(8,-1));if(0===o)return e;let a=r.get(e);if(a)return a;let u=new Proxy(e,2===o?n:l);return r.set(e,u),u}function e0(e){return e1(e)?e0(e.__v_raw):!!(e&&e.__v_isReactive)}function e1(e){return!!(e&&e.__v_isReadonly)}function e2(e){return!!(e&&e.__v_isShallow)}function e6(e){return!!e&&!!e.__v_raw}function e8(e){let t=e&&e.__v_raw;return t?e8(t):e}let e4=e=>O(e)?eX(e):e;let e3=e=>O(e)?eZ(e):e;function e5(e){return!!e&&!0===e.__v_isRef}function e7(e,t){return e5(e)?e:new e9(e,t)}class e9{get value(){return this.dep.track(),this._value}set value(e){let t=this._rawValue;let l=this.__v_isShallow||e2(e)||e1(e);Object.is(e=l?e:e8(e),t)||(this._rawValue=e,this._value=l?e:e4(e),this.dep.trigger())}constructor(e,t){this.dep=new ev,this.__v_isRef=!0,this.__v_isShallow=!1,this._rawValue=t?e:e8(e),this._value=t?e:e4(e),this.__v_isShallow=t}}function te(e){return e5(e)?e.value:e}let tt={get:(e,t,l)=>\"__v_raw\"===t?e:te(Reflect.get(e,t,l)),set:(e,t,l,n)=>{let r=e[t];return e5(r)&&!e5(l)?(r.value=l,!0):Reflect.set(e,t,l,n)}};function tl(e){return e0(e)?e:new Proxy(e,tt)}class tn{notify(){if(this.flags|=16,!(8&this.flags)&&n!==this)return et(this,!0),!0}get value(){let e=this.dep.track();return es(this),e&&(e.version=this.dep.version),this._value}set value(e){this.setter&&this.setter(e)}constructor(e,t,l){this.fn=e,this.setter=t,this._value=void 0,this.dep=new ev(this),this.__v_isRef=!0,this.deps=void 0,this.depsTail=void 0,this.flags=16,this.globalVersion=ed-1,this.next=void 0,this.effect=this,this.__v_isReadonly=!t,this.isSSR=l}}function tr(e,t,l,n){try{return n?e(...n):e()}catch(e){ts(e,t,l)}}function ti(e,t,l,n){if(w(e)){let r=tr(e,t,l,n);return r&&j(r)&&r.catch(e=>{ts(e,t,l)}),r}if(S(e)){let r=[];for(let i=0;i<e.length;i++)r.push(ti(e[i],t,l,n));return r}}function ts(e,t,l,n=!0){t&&t.vnode;let{errorHandler:r,throwUnhandledErrorInProduction:i}=t&&t.appContext.config||p;if(t){let n=t.parent;let i=t.proxy;let s=`https://vuejs.org/error-reference/#runtime-${l}`;for(;n;){let t=n.ec;if(t){for(let l=0;l<t.length;l++)if(!1===t[l](e,i,s))return}n=n.parent}if(r){ec(),tr(r,null,10,[e,i,s]),ef();return}}(function(e,t=!0,l=!1){if(l)throw e;console.error(e)})(e,n,i)}let to=[];let ta=-1;let tu=[];let tc=null;let tf=0;let tp=Promise.resolve();let td=null;function th(e){let t=td||tp;return e?t.then(this?e.bind(this):e):t}function tv(e){if(!(1&e.flags)){let t=tb(e);let l=to[to.length-1];!l||!(2&e.flags)&&t>=tb(l)?to.push(e):to.splice(function(e){let t=ta+1;let l=to.length;for(;t<l;){let n=t+l>>>1;let r=to[n];let i=tb(r);i<e||i===e&&2&r.flags?t=n+1:l=n}return t}(t),0,e),e.flags|=1,tg()}}function tg(){td||(td=tp.then(function e(t){try{for(ta=0;ta<to.length;ta++){let e=to[ta];e&&!(8&e.flags)&&(4&e.flags&&(e.flags&=-2),tr(e,e.i,e.i?15:14),4&e.flags||(e.flags&=-2))}}finally{for(;ta<to.length;ta++){let e=to[ta];e&&(e.flags&=-2)}ta=-1,to.length=0,tm(t),td=null,(to.length||tu.length)&&e(t)}}))}function t_(e){S(e)?tu.push(...e):tc&&-1===e.id?tc.splice(tf+1,0,e):1&e.flags||(tu.push(e),e.flags|=1),tg()}function ty(e,t,l=ta+1){for(;l<to.length;l++){let t=to[l];if(t&&2&t.flags){if(e&&t.id!==e.uid)continue;to.splice(l,1),l--,4&t.flags&&(t.flags&=-2),t(),4&t.flags||(t.flags&=-2)}}}function tm(e){if(tu.length){let e=[...new Set(tu)].sort((e,t)=>tb(e)-tb(t));if(tu.length=0,tc)return void tc.push(...e);for(tf=0,tc=e;tf<tc.length;tf++){let e=tc[tf];4&e.flags&&(e.flags&=-2),8&e.flags||e(),e.flags&=-2}tc=null,tf=0}}let tb=e=>null==e.id?2&e.flags?-1:1/0:e.id;let tx=null;let tS=null;function tw(e){let t=tx;return tx=e,tS=e&&e.type.__scopeId||null,t}function tC(e,t,l,n){let r=e.dirs;let i=t&&t.dirs;for(let s=0;s<r.length;s++){let o=r[s];i&&(o.oldValue=i[s].value);let a=o.dir[n];a&&(ec(),ti(a,l,8,[e.el,o,e,t]),ef())}}let tk=Symbol(\"_vte\");let tO=Symbol(\"_leaveCb\");let tj=Symbol(\"_enterCb\");function tF(){let e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return tB(()=>{e.isMounted=!0}),tW(()=>{e.isUnmounting=!0}),e}let tT=e=>{let t=e.subTree;return t.component?tT(t.component):t};function tP(e,t){let{leavingVNodes:l}=e;let n=l.get(t.type);return n||(n=Object.create(null),l.set(t.type,n)),n}function tE(e,t,l,n,r){let{appear:i,mode:s,persisted:o=!1,onBeforeEnter:a,onEnter:u,onAfterEnter:c,onEnterCancelled:f,onBeforeLeave:p,onLeave:d,onAfterLeave:h,onLeaveCancelled:g,onBeforeAppear:_,onAppear:y,onAfterAppear:m,onAppearCancelled:b}=t;let x=String(e.key);let w=tP(l,e);let C=(e,t)=>{e&&ti(e,n,9,t)};let k=(e,t)=>{let l=t[1];C(e,t),S(e)?e.every(e=>e.length<=1)&&l():e.length<=1&&l()};let O={mode:s,persisted:o,beforeEnter(t){let n=a;if(!l.isMounted)if(!i)return;else n=_||a;t[tO]&&t[tO](!0);let r=w[x];r&&lm(e,r)&&r.el[tO]&&r.el[tO](),C(n,[t])},enter(t){if(w[x]===e)return;let n=u;let r=c;let s=f;if(!l.isMounted)if(!i)return;else n=y||u,r=m||c,s=b||f;let o=!1;t[tj]=e=>{o||(o=!0,e?C(s,[t]):C(r,[t]),O.delayedLeave&&O.delayedLeave(),t[tj]=void 0)};let a=t[tj].bind(null,!1);n?k(n,[t,a]):a()},leave(t,n){let r=String(e.key);if(t[tj]&&t[tj](!0),l.isUnmounting)return n();C(p,[t]);let i=!1;t[tO]=l=>{i||(i=!0,n(),l?C(g,[t]):C(h,[t]),t[tO]=void 0,w[r]===e&&delete w[r])};let s=t[tO].bind(null,!1);w[r]=e,d?k(d,[t,s]):s()},clone(e){let i=tE(e,t,l,n,r);return r&&r(i),i}};return O}function tI(e,t){6&e.shapeFlag&&e.component?(e.transition=t,tI(e.component.subTree,t)):128&e.shapeFlag?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function tM(e,t=!1,l){let n=[];let r=0;for(let i=0;i<e.length;i++){let s=e[i];let o=null==l?s.key:String(l)+String(null!=s.key?s.key:i);s.type===lc?(128&s.patchFlag&&r++,n=n.concat(tM(s.children,t,o))):(t||s.type!==lp)&&n.push(null!=o?lC(s,{key:o}):s)}if(r>1)for(let e=0;e<n.length;e++)n[e].patchFlag=-2;return n}function tR(e,t){return w(e)?m({name:e.name},t,{setup:e}):e}function tA(e,t){let l;return!!((l=Object.getOwnPropertyDescriptor(e,t))&&!l.configurable)}let tD=new WeakMap;function t$(e,t,l,n,r=!1){if(S(e))return void e.forEach((e,i)=>t$(e,t&&(S(t)?t[i]:t),l,n,r));if(tV(n)&&!r){512&n.shapeFlag&&n.type.__asyncResolved&&n.component.subTree.component&&t$(e,t,l,n.component.subTree);return}let i=4&n.shapeFlag?lN(n.component):n.el;let s=r?null:i;let{i:o,r:a}=e;let u=t&&t.r;let c=o.refs===p?o.refs={}:o.refs;let f=o.setupState;let d=e8(f);let h=f===p?g:e=>!tA(c,e)&&x(d,e);let _=(e,t)=>!(t&&tA(c,t));if(null!=u&&u!==a&&(tL(t),C(u)?(c[u]=null,h(u)&&(f[u]=null)):e5(u)&&(_(u,t.k)&&(u.value=null),t.k&&(c[t.k]=null))),w(a))tr(a,o,12,[s,c]);else{let t=C(a);let n=e5(a);if(t||n){let o=()=>{if(e.f){let n=t?h(a)?f[a]:c[a]:_(a)||!e.k?a.value:c[e.k];if(r){var l,o;let e;S(n)&&(l=n,o=i,(e=l.indexOf(o))>-1&&l.splice(e,1))}else if(S(n))n.includes(i)||n.push(i);else if(t)c[a]=[i],h(a)&&(f[a]=c[a]);else{let t=[i];_(a,e.k)&&(a.value=t),e.k&&(c[e.k]=t)}}else t?(c[a]=s,h(a)&&(f[a]=s)):n&&(_(a,e.k)&&(a.value=s),e.k&&(c[e.k]=s))};if(s){let t=()=>{o(),tD.delete(e)};t.id=-1,tD.set(e,t),ls(t,l)}else tL(e),o()}}}function tL(e){let t=tD.get(e);t&&(t.flags|=8,tD.delete(e))}U().requestIdleCallback,U().cancelIdleCallback;let tV=e=>!!e.type.__asyncLoader;let tN=e=>e.type.__isKeepAlive;let tU=e=>(t,l=lE)=>{lD&&\"sp\"!==e||function(e,t,l=lE,n=!1){if(l){let r=l[e]||(l[e]=[]);let i=t.__weh||(t.__weh=(...n)=>{ec();let r=lM(l);let i=ti(t,l,e,n);return r(),ef(),i});return n?r.unshift(i):r.push(i),i}}(e,(...e)=>t(...e),l)};tU(\"bm\");let tB=tU(\"m\");tU(\"bu\"),tU(\"u\");let tW=tU(\"bum\");tU(\"um\"),tU(\"sp\"),tU(\"rtg\"),tU(\"rtc\");let tJ=Symbol.for(\"v-ndc\");let tz=e=>e?lA(e)?lN(e):tz(e.parent):null;let tH=m(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>tz(e.parent),$root:e=>tz(e.root),$host:e=>e.ce,$emit:e=>e.emit,$options:e=>e.type,$forceUpdate:e=>e.f||(e.f=()=>{tv(e.update)}),$nextTick:e=>e.n||(e.n=th.bind(e.proxy)),$watch:e=>h});let tG=(e,t)=>e!==p&&!e.__isScriptSetup&&x(e,t);let tY={get({_:e},t){let l,n;if(\"__v_skip\"===t)return!0;let{ctx:r,setupState:i,data:s,props:o,accessCache:a,type:u,appContext:c}=e;if(\"$\"!==t[0]){let e=a[t];if(void 0!==e)switch(e){case 1:return i[t];case 2:return s[t];case 4:return r[t];case 3:return o[t]}else if(tG(i,t))return a[t]=1,i[t];else if(1)if(x(o,t))return a[t]=3,o[t];else{if(r!==p&&x(r,t))return a[t]=4,r[t];a[t]=0}}let f=tH[t];return f?(\"$attrs\"===t&&eb(e.attrs,\"get\",\"\"),f(e)):(l=u.__cssModules)&&(l=l[t])?l:r!==p&&x(r,t)?(a[t]=4,r[t]):x(n=c.config.globalProperties,t)?n[t]:void 0},set({_:e},t,l){let{data:n,setupState:r,ctx:i}=e;if(tG(r,t))return r[t]=l,!0;if(1&&x(e.props,t))return!1;return!(\"$\"===t[0]&&t.slice(1)in e)&&(i[t]=l,!0)},has({_:{data:e,setupState:t,accessCache:l,ctx:n,appContext:r,props:i,type:s}},o){let a;return!!(l[o]||tG(t,o)||x(i,o)||x(n,o)||x(tH,o)||x(r.config.globalProperties,o)||(a=s.__cssModules)&&a[o])},defineProperty(e,t,l){return null!=l.get?e._.accessCache[t]=0:x(l,\"value\")&&this.set(e,t,l.value,null),Reflect.defineProperty(e,t,l)}};function tq(){return{app:null,config:{isNativeTag:g,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}let tK=0;let tX=null;function tZ(e,t,...l){let n;if(e.isUnmounted)return;let r=e.vnode.props||p;let i=l;let s=t.startsWith(\"update:\");let o;let a=s&&(\"modelValue\"===(o=t.slice(7))||\"model-value\"===o?r.modelModifiers:r[`${o}Modifiers`]||r[`${M(o)}Modifiers`]||r[`${A(o)}Modifiers`]);a&&(a.trim&&(i=l.map(e=>C(e)?e.trim():e)),a.number&&(i=l.map(N)));let u=r[n=$(t)]||r[n=$(M(t))];!u&&s&&(u=r[n=$(A(t))]),u&&ti(u,e,6,i);let c=r[n+\"Once\"];if(c){if(e.emitted){if(e.emitted[n])return}else e.emitted={};e.emitted[n]=!0,ti(c,e,6,i)}}function tQ(e,t){return!!e&&!!_(t)&&(x(e,(t=t.slice(2).replace(/Once$/,\"\"))[0].toLowerCase()+t.slice(1))||x(e,A(t))||x(e,t))}function t0(e){let t,l;let{type:n,vnode:r,proxy:i,withProxy:s,propsOptions:[o],slots:a,attrs:u,emit:c,render:f,renderCache:p,props:d,data:h,setupState:g,ctx:_,inheritAttrs:m}=e;let b=tw(e);try{if(4&r.shapeFlag){let e=s||i;t=lk(f.call(e,e,p,d,g,h,_)),l=u}else t=lk(n.length>1?n(d,{attrs:u,slots:a,emit:c}):n(d,null)),l=n.props?u:t1(u)}catch(l){lh.length=0,ts(l,e,1),t=lw(lp)}let x=t;if(l&&!1!==m){let e=Object.keys(l);let{shapeFlag:t}=x;e.length&&7&t&&(o&&e.some(y)&&(l=t2(l,o)),x=lC(x,l,!1,!0))}return r.dirs&&((x=lC(x,null,!1,!0)).dirs=x.dirs?x.dirs.concat(r.dirs):r.dirs),r.transition&&tI(x,r.transition),t=x,tw(b),t}let t1=e=>{let t;for(let l in e)(\"class\"===l||\"style\"===l||_(l))&&((t||(t={}))[l]=e[l]);return t};let t2=(e,t)=>{let l={};for(let n in e)y(n)&&n.slice(9)in t||(l[n]=e[n]);return l};function t6(e,t,l){let n=Object.keys(t);if(n.length!==Object.keys(e).length)return!0;for(let r=0;r<n.length;r++){let i=n[r];if(t8(t,e,i)&&!tQ(l,i))return!0}return!1}function t8(e,t,l){let n=e[l];let r=t[l];return\"style\"===l&&O(n)&&O(r)?!function e(t,l){let n,r;if(t===l)return!0;let i=\"[object Date]\"===(n=t,F.call(n));let s=\"[object Date]\"===(r=l,F.call(r));if(i||s)return!!i&&!!s&&t.getTime()===l.getTime();if(i=k(t),s=k(l),i||s)return t===l;if(i=S(t),s=S(l),i||s)return!!i&&!!s&&function(t,l){if(t.length!==l.length)return!1;let n=!0;for(let r=0;n&&r<t.length;r++)n=e(t[r],l[r]);return n}(t,l);if(i=O(t),s=O(l),i||s){if(!i||!s||Object.keys(t).length!==Object.keys(l).length)return!1;for(let n in t){let r=t.hasOwnProperty(n);let i=l.hasOwnProperty(n);if(r&&!i||!r&&i||!e(t[n],l[n]))return!1}}return String(t)===String(l)}(n,r):n!==r}let t4={};let t3=e=>Object.getPrototypeOf(e)===t4;function t5(e,t,l,n){let r;let[i,s]=e.propsOptions;let o=!1;if(t)for(let a in t){let u;if(P(a))continue;let c=t[a];i&&x(i,u=M(a))?s&&s.includes(u)?(r||(r={}))[u]=c:l[u]=c:tQ(e.emitsOptions,a)||a in n&&c===n[a]||(n[a]=c,o=!0)}if(s){let t=e8(l);let n=r||p;for(let r=0;r<s.length;r++){let o=s[r];l[o]=t7(i,t,o,n[o],e,!x(n,o))}}return o}function t7(e,t,l,n,r,i){let s=e[l];if(null!=s){let e=x(s,\"default\");if(e&&void 0===n){let e=s.default;if(s.type!==Function&&!s.skipFactory&&w(e)){let{propsDefaults:i}=r;if(l in i)n=i[l];else{let s=lM(r);n=i[l]=e.call(null,t),s()}}else n=e;r.ce&&r.ce._setProp(l,n)}s[0]&&(i&&!e?n=!1:s[1]&&(\"\"===n||n===A(l))&&(n=!0))}return n}function t9(e){return!(\"$\"===e[0]||P(e))}let le=e=>\"_\"===e||\"_ctx\"===e||\"$stable\"===e;let lt=e=>S(e)?e.map(lk):[lk(e)];let ll=(e,t,l)=>{if(t._n)return t;let n=function(e,t=tx){if(!t||e._n)return e;let l=(...n)=>{let r;l._d&&l_(-1);let i=tw(t);try{r=e(...n)}finally{tw(i),l._d&&l_(1)}return r};return l._n=!0,l._c=!0,l._d=!0,l}((...e)=>lt(t(...e)),l);return n._c=!1,n};let ln=(e,t,l)=>{let n=e._ctx;for(let l in e){if(le(l))continue;let r=e[l];if(w(r))t[l]=ll(l,r,n);else if(null!=r){let e=lt(r);t[l]=()=>e}}};let lr=(e,t)=>{let l=lt(t);e.slots.default=()=>l};let li=(e,t,l)=>{for(let n in t)(l||!le(n))&&(e[n]=t[n])};let ls=function(e,t){t&&t.pendingBranch?S(e)?t.effects.push(...e):t.effects.push(e):t_(e)};function lo({type:e,props:t},l){return\"svg\"===l&&\"foreignObject\"===e||\"mathml\"===l&&\"annotation-xml\"===e&&t&&t.encoding&&t.encoding.includes(\"html\")?void 0:l}function la({effect:e,job:t},l){l?(e.flags|=32,t.flags|=4):(e.flags&=-33,t.flags&=-5)}function lu(e){if(e)for(let t=0;t<e.length;t++)e[t].flags|=8}let lc=Symbol.for(\"v-fgt\");let lf=Symbol.for(\"v-txt\");let lp=Symbol.for(\"v-cmt\");let ld=Symbol.for(\"v-stc\");let lh=[];let lv=null;let lg=1;function l_(e,t=!1){lg+=e,e<0&&lv&&t&&(lv.hasOnce=!0)}function ly(e){return!!e&&!0===e.__v_isVNode}function lm(e,t){return e.type===t.type&&e.key===t.key}let lb=({key:e})=>null!=e?e:null;let lx=({ref:e,ref_key:t,ref_for:l})=>(\"number\"==typeof e&&(e=\"\"+e),null!=e?C(e)||e5(e)||w(e)?{i:tx,r:e,k:t,f:!!l}:e:null);function lS(e,t=null,l=null,n=0,r=null,i=+(e!==lc),s=!1,o=!1){let a={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&lb(t),ref:t&&lx(t),scopeId:tS,slotScopeIds:null,children:l,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetStart:null,targetAnchor:null,staticCount:0,shapeFlag:i,patchFlag:n,dynamicProps:r,dynamicChildren:null,appContext:null,ctx:tx};return o?(lj(a,l),128&i&&e.normalize(a)):l&&(a.shapeFlag|=C(l)?8:16),lg>0&&!s&&lv&&(a.patchFlag>0||6&i)&&32!==a.patchFlag&&lv.push(a),a}let lw=function(e,t=null,l=null,n=0,r=null,i=!1){var s,o;if(e&&e!==tJ||(e=lp),ly(e)){let n=lC(e,t,!0);return l&&lj(n,l),lg>0&&!i&&lv&&(6&n.shapeFlag?lv[lv.indexOf(e)]=n:lv.push(n)),n.patchFlag=-2,n}if(w(s=e)&&\"__vccOpts\"in s&&(e=e.__vccOpts),t){let{class:e,style:l}=t=(o=t)?e6(o)||t3(o)?m({},o):o:null;e&&!C(e)&&(t.class=H(e)),O(l)&&(e6(l)&&!S(l)&&(l=m({},l)),t.style=B(l))}let a=C(e)?1:e.__isSuspense?128:e.__isTeleport?64:O(e)?4:2*!!w(e);return lS(e,t,l,n,r,a,i,!0)};function lC(e,t,l=!1,n=!1){let{props:r,ref:i,patchFlag:s,children:o,transition:a}=e;let u=t?function(...e){let t={};for(let l=0;l<e.length;l++){let n=e[l];for(let e in n)if(\"class\"===e)t.class!==n.class&&(t.class=H([t.class,n.class]));else if(\"style\"===e)t.style=B([t.style,n.style]);else if(_(e)){let l=t[e];let r=n[e];r&&l!==r&&!(S(l)&&l.includes(r))&&(t[e]=l?[].concat(l,r):r)}else\"\"!==e&&(t[e]=n[e])}return t}(r||{},t):r;let c={__v_isVNode:!0,__v_skip:!0,type:e.type,props:u,key:u&&lb(u),ref:t&&t.ref?l&&i?S(i)?i.concat(lx(t)):[i,lx(t)]:lx(t):i,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:o,target:e.target,targetStart:e.targetStart,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==lc?-1===s?16:16|s:s,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:a,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&lC(e.ssContent),ssFallback:e.ssFallback&&lC(e.ssFallback),placeholder:e.placeholder,el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce};return a&&n&&tI(c,a.clone(c)),c}function lk(e){return null==e||\"boolean\"==typeof e?lw(lp):S(e)?lw(lc,null,e.slice()):ly(e)?lO(e):lw(lf,null,String(e))}function lO(e){return null===e.el&&-1!==e.patchFlag||e.memo?e:lC(e)}function lj(e,t){let l=0;let{shapeFlag:n}=e;if(null==t)t=null;else if(S(t))l=16;else if(\"object\"==typeof t)if(65&n){let l=t.default;l&&(l._c&&(l._d=!1),lj(e,l()),l._c&&(l._d=!0));return}else{l=32;let n=t._;n||t3(t)?3===n&&tx&&(1===tx.slots._?t._=1:(t._=2,e.patchFlag|=1024)):t._ctx=tx}else w(t)?(t={default:t,_ctx:tx},l=32):(t=String(t),64&n?(l=16,t=[function(e=\" \",t=0){return lw(lf,null,e,t)}(t)]):l=8);e.children=t,e.shapeFlag|=l}function lF(e,t,l,n=null){ti(e,t,7,[l,n])}let lT=tq();let lP=0;let lE=null;let lI=()=>lE||tx;{let e=U();let t=(t,l)=>{let n;return(n=e[t])||(n=e[t]=[]),n.push(l),e=>{n.length>1?n.forEach(t=>t(e)):n[0](e)}};s=t(\"__VUE_INSTANCE_SETTERS__\",e=>lE=e),o=t(\"__VUE_SSR_SETTERS__\",e=>lD=e)}let lM=e=>{let t=lE;return s(e),e.scope.on(),()=>{e.scope.off(),s(t)}};let lR=()=>{lE&&lE.scope.off(),s(null)};function lA(e){return 4&e.vnode.shapeFlag}let lD=!1;function l$(e,t,l){w(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:O(t)&&(e.setupState=tl(t)),lL(e,l)}function lL(e,t,l){let n=e.type;if(!e.render){if(!t&&a&&!n.render){let t=n.template||!1;if(t){let{isCustomElement:l,compilerOptions:r}=e.appContext.config;let{delimiters:i,compilerOptions:s}=n;n.render=a(t,m(m({isCustomElement:l,delimiters:i},r),s))}}e.render=n.render||h,u&&u(e)}}let lV={get:(e,t)=>(eb(e,\"get\",\"\"),e[t])};function lN(e){var t;return e.exposed?e.exposeProxy||(e.exposeProxy=new Proxy(tl((!x(t=e.exposed,\"__v_skip\")&&Object.isExtensible(t)&&V(t,\"__v_skip\",!0),t)),{get:(t,l)=>l in t?t[l]:l in tH?tH[l](e):void 0,has:(e,t)=>t in e||t in tH})):e.proxy}function lU(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}let lB=[];function lW(...e){for(let t of e)lB.push(t)}let lJ=1;class lz{get value(){return this._ref.value}set value(e){}get current(){return this._ref.value}set current(e){}get _initValue(){return this._ref.value}toJSON(){return{_wvid:this._wvid,_initValue:this._ref.value}}constructor(e){lU(this,\"_wvid\",void 0),lU(this,\"_ref\",void 0),this._wvid=lJ++,this._ref=e7(e,!0),lW(13,this._wvid,e)}}let lH=\"__VUE_LYNX_EVENT_REGISTRY__\";function lG(){let e=globalThis;let t=e[lH];return t||Object.defineProperty(e,lH,{value:t={signCounter:0,handlers:new Map},configurable:!0,enumerable:!1,writable:!0}),t}function lY(e){let t=lG();let l=`vue:${t.signCounter++}`;return t.handlers.set(l,e),l}function lq(e){lG().handlers.delete(e)}let lK=!1;let lX=null;let lZ=null;function lQ(){return null!=lZ?lZ:Promise.resolve()}function l0(){lK||(lK=!0,t_(l1))}function l1(){var e,t;let l;lK=!1;let n=(l=lB,lB=[],l);if(0===n.length)return;lZ=new Promise(e=>{lX=e});let r=null==lynx||null==(e=lynx.getNativeApp)?void 0:e.call(lynx);null==r||null==(t=r.callLepusMethod)||t.call(r,\"vuePatchUpdate\",{data:JSON.stringify(n)},()=>{null==lX||lX(),lX=null,lZ=null})}class l2{add(e){let t=++this.lastIndex;return this.map.set(t,e),t}get(e){return this.map.get(e)}remove(e){this.map.delete(e)}constructor(){lU(this,\"lastIndex\",0),lU(this,\"map\",new Map)}}class l6 extends l2{add(e){let t=super.add(e);return e._execId=t,t}findJsFnHandle(e,t){let l=this.get(e);if(!l)return;let n=new Set;let r=e=>{if(null!==e&&\"object\"==typeof e&&!n.has(e)){if(n.add(e),\"_jsFnId\"in e&&e._jsFnId===t)return e;for(let t in e){let l=r(e[t]);if(l)return l}}};return r(l)}}function l8(e){let t=JSON.parse(e.data);let l=c.findJsFnHandle(t.obj._execId,t.obj._jsFnId);if(!(null==l?void 0:l._fn))throw Error(`runOnBackground: JS function not found (execId=${t.obj._execId}, fnId=${t.obj._jsFnId})`);let n=l._fn(...t.params);lynx.getCoreContext().dispatchEvent({type:\"Lynx.Worklet.FunctionCallRet\",data:JSON.stringify({resolveId:t.resolveId,returnValue:n})})}class l4{get _selector(){return`[vue-ref-${this.id}]`}_select(){return lynx.createSelectorQuery().select(this._selector)}invoke(e){return this._select().invoke(e)}setNativeProps(e){return this._select().setNativeProps(e)}fields(e,t){return this._select().fields(e,t)}path(e){return this._select().path(e)}animate(e){return this._select().animate(e)}playAnimation(e){return this._select().playAnimation(e)}pauseAnimation(e){return this._select().pauseAnimation(e)}cancelAnimation(e){return this._select().cancelAnimation(e)}insertBefore(e,t){if(e.parent&&e.parent.removeChild(e),e.parent=this,t){let l=t.prev;e.next=t,e.prev=l,t.prev=e,l?l.next=e:this.firstChild=e}else this.lastChild?(this.lastChild.next=e,e.prev=this.lastChild):(this.firstChild=e,e.prev=null),this.lastChild=e,e.next=null}removeChild(e){let t=e.prev;let l=e.next;t?t.next=l:this.firstChild=l,l?l.prev=t:this.lastChild=t,e.parent=null,e.prev=null,e.next=null}constructor(e,t){lU(this,\"id\",void 0),lU(this,\"type\",void 0),lU(this,\"parent\",null),lU(this,\"firstChild\",null),lU(this,\"lastChild\",null),lU(this,\"prev\",null),lU(this,\"next\",null),lU(this,\"_style\",{}),lU(this,\"_vShowHidden\",!1),lU(this,\"_baseClass\",\"\"),lU(this,\"_transitionClasses\",new Set),void 0===t?this.id=l4.nextId++:this.id=t,this.type=e}}lU(l4,\"nextId\",2);let l3=new Set([\"flex\",\"flexGrow\",\"flexShrink\",\"flexOrder\",\"order\",\"opacity\",\"zIndex\",\"aspectRatio\",\"fontWeight\",\"lineClamp\"]);function l5(e){return e.startsWith(\"global-bind\")?{type:\"bindGlobalEvent\",name:e.slice(11)}:e.startsWith(\"global-catch\")?{type:\"catchGlobalEvent\",name:e.slice(12)}:e.startsWith(\"catch\")?{type:\"catchEvent\",name:e.slice(5)}:/^bind(?!ingx)/.test(e)?{type:\"bindEvent\",name:e.slice(4)}:/^on[A-Z]/.test(e)?{type:\"bindEvent\",name:e.slice(2,3).toLowerCase()+e.slice(3)}:null}let l7=new Map;function l9(e){if(0===e._transitionClasses.size)return e._baseClass;let t=[];for(let l of(e._baseClass&&t.push(e._baseClass),e._transitionClasses))t.push(l);return t.join(\" \")}let ne=0;function nt(e,t){e._transitionClasses.add(t),lW(9,e.id,l9(e)),l0()}function nl(e,t){e._transitionClasses.delete(t),lW(9,e.id,l9(e)),l0()}function nn(e){t_(()=>{lQ().then(()=>{\"function\"==typeof requestAnimationFrame?requestAnimationFrame(e):e()})})}function nr(e,t,l){let n=\"animation\"===t?\"animationend\":\"transitionend\";let r=!1;let i=lY(t=>{r||(r=!0,lq(i),lW(7,e.id,\"bindEvent\",n),l0(),l())});lW(6,e.id,\"bindEvent\",n,i),l0()}function ni(e){return\"number\"==typeof e?{enter:e,leave:e}:e&&\"object\"==typeof e?{enter:e.enter,leave:e.leave}:{enter:0,leave:0}}function ns(e){return null!=e.duration}function no(e,t){e&&e(...t)}tR({name:\"TransitionGroup\",props:{tag:{type:String,default:\"view\"},name:{type:String,default:\"v\"},type:{type:String},duration:{type:[Number,Object]},appear:Boolean,persisted:Boolean,enterFromClass:String,enterActiveClass:String,enterToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,moveClass:String},setup(e,{slots:t}){let l=lI();let n=tF();return()=>{let r=tM(t.default?t.default():[]);let i=e.name||\"v\";let s=e.enterFromClass||`${i}-enter-from`;let o=e.enterActiveClass||`${i}-enter-active`;let a=e.enterToClass||`${i}-enter-to`;let u=e.leaveFromClass||`${i}-leave-from`;let c=e.leaveActiveClass||`${i}-leave-active`;let f=e.leaveToClass||`${i}-leave-to`;for(let t of r){if(null==t.key)continue;let r=tE(t,{mode:void 0,appear:!n.isMounted&&!!e.appear,persisted:!1,onBeforeEnter(t){no(e.onBeforeEnter,[t]),nt(t,s),nt(t,o)},onEnter(t,l){nn(()=>{nl(t,s),nt(t,a),ns(e)?setTimeout(l,ni(e.duration).enter):nr(t,e.type,l)}),no(e.onEnter,[t,l])},onAfterEnter(t){nl(t,o),nl(t,a),no(e.onAfterEnter,[t])},onEnterCancelled(t){nl(t,s),nl(t,o),nl(t,a),no(e.onEnterCancelled,[t])},onBeforeLeave(t){no(e.onBeforeLeave,[t]),nt(t,u),nt(t,c)},onLeave(t,l){nn(()=>{nl(t,u),nt(t,f),ns(e)?setTimeout(l,ni(e.duration).leave):nr(t,e.type,l)}),no(e.onLeave,[t,l])},onAfterLeave(t){nl(t,c),nl(t,f),no(e.onAfterLeave,[t])},onLeaveCancelled(t){nl(t,u),nl(t,c),nl(t,f),no(e.onLeaveCancelled,[t])}},n,l);tI(t,r)}return function(e,t,l){try{l_(-1);let n=arguments.length;if(2!==n)return n>3?l=Array.prototype.slice.call(arguments,2):3===n&&ly(l)&&(l=[l]),lw(e,t,l);if(!O(t)||S(t))return lw(e,null,t);if(ly(t))return lw(e,null,[t]);return lw(e,t)}finally{l_(1)}}(e.tag,null,r)}}});let na=function(e){var t;let l,n;U().__VUE__=!0;let{insert:r,remove:i,patchProp:s,createElement:a,createText:u,createComment:c,setText:f,setElementText:g,parentNode:_,nextSibling:y,setScopeId:b=h,insertStaticContent:C}=e;let k=(e,t,l,n=null,r=null,i=null,s,o=null,a=!!t.dynamicChildren)=>{if(e===t)return;e&&!lm(e,t)&&(n=eo(e),el(e,r,i,!0),e=null),-2===t.patchFlag&&(a=!1,t.dynamicChildren=null);let{type:u,ref:c,shapeFlag:f}=t;switch(u){case lf:F(e,t,l,n);break;case lp:T(e,t,l,n);break;case ld:null==e&&E(t,l,n,s);break;case lc:J(e,t,l,n,r,i,s,o,a);break;default:1&f?I(e,t,l,n,r,i,s,o,a):6&f?z(e,t,l,n,r,i,s,o,a):(64&f||128&f)&&u.process(e,t,l,n,r,i,s,o,a,ep)}null!=c&&r?t$(c,e&&e.ref,i,t||e,!t):null==c&&e&&null!=e.ref&&t$(e.ref,null,i,e,!0)};let F=(e,t,l,n)=>{if(null==e)r(t.el=u(t.children),l,n);else{let l=t.el=e.el;t.children!==e.children&&f(l,t.children)}};let T=(e,t,l,n)=>{null==e?r(t.el=c(t.children||\"\"),l,n):t.el=e.el};let E=(e,t,l,n)=>{[e.el,e.anchor]=C(e.children,t,l,n,e.el,e.anchor)};let I=(e,t,l,n,r,i,s,o,a)=>{if(\"svg\"===t.type?s=\"svg\":\"math\"===t.type&&(s=\"mathml\"),null==e)R(t,l,n,r,i,s,o,a);else{let l=e.el&&e.el._isVueCE?e.el:null;try{l&&l._beginPatch(),N(e,t,r,i,s,o,a)}finally{l&&l._endPatch()}}};let R=(e,t,l,n,i,o,u,c)=>{var f,p;let d;let h;let{props:_,shapeFlag:y,transition:m,dirs:b}=e;if(d=e.el=a(e.type,o,_&&_.is,_),8&y?g(d,e.children):16&y&&$(e.children,d,null,n,i,lo(e,o),u,c),b&&tC(e,null,n,\"created\"),D(d,e,e.scopeId,u,n),_){for(let e in _)\"value\"===e||P(e)||s(d,e,null,_[e],o,n);\"value\"in _&&s(d,\"value\",null,_.value,o),(h=_.onVnodeBeforeMount)&&lF(h,n,e)}b&&tC(e,null,n,\"beforeMount\");let x=(f=i,p=m,(!f||f&&!f.pendingBranch)&&p&&!p.persisted);x&&m.beforeEnter(d),r(d,t,l),((h=_&&_.onVnodeMounted)||x||b)&&ls(()=>{h&&lF(h,n,e),x&&m.enter(d),b&&tC(e,null,n,\"mounted\")},i)};let D=(e,t,l,n,r)=>{if(l&&b(e,l),n)for(let t=0;t<n.length;t++)b(e,n[t]);if(r){let l=r.subTree;if(t===l||l.type.__isSuspense&&(l.ssContent===t||l.ssFallback===t)){let t=r.vnode;D(e,t,t.scopeId,t.slotScopeIds,r.parent)}}};let $=(e,t,l,n,r,i,s,o,a=0)=>{for(let u=a;u<e.length;u++)k(null,e[u]=o?lO(e[u]):lk(e[u]),t,l,n,r,i,s,o)};let N=(e,t,l,n,r,i,o)=>{let a;let u=t.el=e.el;let{patchFlag:c,dynamicChildren:f,dirs:d}=t;c|=16&e.patchFlag;let h=e.props||p;let _=t.props||p;if(l&&la(l,!1),(a=_.onVnodeBeforeUpdate)&&lF(a,l,t,e),d&&tC(t,e,l,\"beforeUpdate\"),l&&la(l,!0),(h.innerHTML&&null==_.innerHTML||h.textContent&&null==_.textContent)&&g(u,\"\"),f?B(e.dynamicChildren,f,u,l,n,lo(t,r),i):o||K(e,t,u,null,l,n,lo(t,r),i,!1),c>0){if(16&c)W(u,h,_,l,r);else if(2&c&&h.class!==_.class&&s(u,\"class\",null,_.class,r),4&c&&s(u,\"style\",h.style,_.style,r),8&c){let e=t.dynamicProps;for(let t=0;t<e.length;t++){let n=e[t];let i=h[n];let o=_[n];(o!==i||\"value\"===n)&&s(u,n,i,o,r,l)}}1&c&&e.children!==t.children&&g(u,t.children)}else o||null!=f||W(u,h,_,l,r);((a=_.onVnodeUpdated)||d)&&ls(()=>{a&&lF(a,l,t,e),d&&tC(t,e,l,\"updated\")},n)};let B=(e,t,l,n,r,i,s)=>{for(let o=0;o<t.length;o++){let a=e[o];let u=t[o];let c=a.el&&(a.type===lc||!lm(a,u)||198&a.shapeFlag)?_(a.el):l;k(a,u,c,null,n,r,i,s,!0)}};let W=(e,t,l,n,r)=>{if(t!==l){if(t!==p)for(let i in t)P(i)||i in l||s(e,i,t[i],null,r,n);for(let i in l){if(P(i))continue;let o=l[i];let a=t[i];o!==a&&\"value\"!==i&&s(e,i,a,o,r,n)}\"value\"in l&&s(e,\"value\",t.value,l.value,r)}};let J=(e,t,l,n,i,s,o,a,c)=>{let f=t.el=e?e.el:u(\"\");let p=t.anchor=e?e.anchor:u(\"\");let{patchFlag:d,dynamicChildren:h,slotScopeIds:g}=t;(g&&(a=a?a.concat(g):g),null==e)?(r(f,l,n),r(p,l,n),$(t.children||[],l,p,i,s,o,a,c)):d>0&&64&d&&h&&e.dynamicChildren&&e.dynamicChildren.length===h.length?(B(e.dynamicChildren,h,l,i,s,o,a),(null!=t.key||i&&t===i.subTree)&&function e(t,l,n=!1){let r=t.children;let i=l.children;if(S(r)&&S(i))for(let t=0;t<r.length;t++){let l=r[t];let s=i[t];1&s.shapeFlag&&!s.dynamicChildren&&((s.patchFlag<=0||32===s.patchFlag)&&((s=i[t]=lO(i[t])).el=l.el),n||-2===s.patchFlag||e(l,s)),s.type===lf&&(-1===s.patchFlag&&(s=i[t]=lO(s)),s.el=l.el),s.type!==lp||s.el||(s.el=l.el)}}(e,t,!0)):K(e,t,l,p,i,s,o,a,c)};let z=(e,t,l,n,r,i,s,o,a)=>{t.slotScopeIds=o,null==e?512&t.shapeFlag?r.ctx.activate(t,l,n,s,a):H(t,l,n,r,i,s,a):G(e,t,a)};let H=(e,t,l,n,r,i,s)=>{var a,u,c;let f,h,g;let _=(a=e,u=n,c=r,f=a.type,h=(u?u.appContext:a.appContext)||lT,(g={uid:lP++,vnode:a,type:f,parent:u,appContext:h,root:null,next:null,subTree:null,effect:null,update:null,job:null,scope:new X(!0),render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,provides:u?u.provides:Object.create(h.provides),ids:u?u.ids:[\"\",0,0],accessCache:null,renderCache:[],components:null,directives:null,propsOptions:function(e,t){let l=t.propsCache;let n=l.get(e);if(n)return n;let r=e.props;let i={};let s=[];if(!r)return O(e)&&l.set(e,d),d;if(S(r))for(let e=0;e<r.length;e++){let t=M(r[e]);t9(t)&&(i[t]=p)}else if(r)for(let e in r){let t=M(e);if(t9(t)){let l=r[e];let n=i[t]=S(l)||w(l)?{type:l}:m({},l);let o=n.type;let a=!1;let u=!0;if(S(o))for(let e=0;e<o.length;++e){let t=o[e];let l=w(t)&&t.name;if(\"Boolean\"===l){a=!0;break}\"String\"===l&&(u=!1)}else a=w(o)&&\"Boolean\"===o.name;n[0]=a,n[1]=u,(a||x(n,\"default\"))&&s.push(t)}}let o=[i,s];return O(e)&&l.set(e,o),o}(f,h),emitsOptions:function(e,t){let l=t.emitsCache;let n=l.get(e);if(void 0!==n)return n;let r=e.emits;let i={};return r?(S(r)?r.forEach(e=>i[e]=null):m(i,r),O(e)&&l.set(e,i),i):(O(e)&&l.set(e,null),null)}(f,h),emit:null,emitted:null,propsDefaults:p,inheritAttrs:f.inheritAttrs,ctx:p,data:p,props:p,attrs:p,slots:p,refs:p,setupState:p,setupContext:null,suspense:c,suspenseId:c?c.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null}).ctx={_:g},g.root=u?u.root:g,g.emit=tZ.bind(null,g),a.ce&&a.ce(g),e.component=g);if(tN(e)&&(_.ctx.renderer=ep),function(e,t=!1,l=!1){t&&o(t);let{props:n,children:r}=e.vnode;let i=lA(e);(function(e,t,l,n=!1){let r={};let i=Object.create(t4);for(let l in e.propsDefaults=Object.create(null),t5(e,t,r,i),e.propsOptions[0])l in r||(r[l]=void 0);l?e.props=n?r:eQ(r,!1,eN,ez,eY):e.type.props?e.props=r:e.props=i,e.attrs=i})(e,n,i,t);var s=l||t;let a=e.slots=Object.create(t4);if(32&e.vnode.shapeFlag){let e=r._;e?(li(a,r,s),s&&V(a,\"_\",e,!0)):ln(r,a)}else r&&lr(e,r);let u=i?function(e,t){let l=e.type;e.accessCache=Object.create(null),e.proxy=new Proxy(e.ctx,tY);let{setup:n}=l;if(n){var r;ec();let l=e.setupContext=n.length>1?{attrs:new Proxy((r=e).attrs,lV),slots:r.slots,emit:r.emit,expose:e=>{r.exposed=e||{}}}:null;let i=lM(e);let s=tr(n,e,0,[e.props,l]);let o=j(s);if(ef(),i(),(o||e.sp)&&!tV(e)&&(e.ids=[e.ids[0]+e.ids[2]+++\"-\",0,0]),o){if(s.then(lR,lR),t)return s.then(l=>{l$(e,l,t)}).catch(t=>{ts(t,e,0)});e.asyncDep=s}else l$(e,s,t)}else lL(e,t)}(e,t):void 0;return t&&o(!1),u}(_,!1,s),_.asyncDep){if(r&&r.registerDep(_,Y,s),!e.el){let n=_.subTree=lw(lp);T(null,n,t,l),e.placeholder=n.el}}else Y(_,e,t,l,r,i,s)};let G=(e,t,l)=>{let n=t.component=e.component;if(function(e,t,l){let{props:n,children:r,component:i}=e;let{props:s,children:o,patchFlag:a}=t;let u=i.emitsOptions;if(t.dirs||t.transition)return!0;if(!l||!(a>=0))return(!!r||!!o)&&(!o||!o.$stable)||n!==s&&(n?!s||t6(n,s,u):!!s);if(1024&a)return!0;if(16&a)return n?t6(n,s,u):!!s;if(8&a){let e=t.dynamicProps;for(let t=0;t<e.length;t++){let l=e[t];if(t8(s,n,l)&&!tQ(u,l))return!0}}return!1}(e,t,l))if(n.asyncDep&&!n.asyncResolved)return void q(n,t,l);else n.next=t,n.update();else t.el=e.el,n.vnode=t};let Y=(e,t,l,r,i,s,o)=>{e.scope.on();let a=e.effect=new Q(()=>{if(e.isMounted){let t,{next:l,bu:n,u:r,parent:a,vnode:c}=e;{let t=function e(t){let l=t.subTree.component;if(l)if(l.asyncDep&&!l.asyncResolved)return l;else return e(l)}(e);if(t){l&&(l.el=c.el,q(e,l,o)),t.asyncDep.then(()=>{ls(()=>{e.isUnmounted||u()},i)});return}}let f=l;la(e,!1),l?(l.el=c.el,q(e,l,o)):l=c,n&&L(n),(t=l.props&&l.props.onVnodeBeforeUpdate)&&lF(t,a,l,c),la(e,!0);let p=t0(e);let d=e.subTree;e.subTree=p,k(d,p,_(d.el),eo(d),e,i,s),l.el=p.el,null===f&&function({vnode:e,parent:t},l){for(;t;){let n=t.subTree;if(n.suspense&&n.suspense.activeBranch===e&&(n.el=e.el),n===e)(e=t.vnode).el=l,t=t.parent;else break}}(e,p.el),r&&ls(r,i),(t=l.props&&l.props.onVnodeUpdated)&&ls(()=>lF(t,a,l,c),i)}else{let o;let{el:a,props:u}=t;let{bm:c,m:f,parent:p,root:d,type:h}=e;let g=tV(t);if(la(e,!1),c&&L(c),!g&&(o=u&&u.onVnodeBeforeMount)&&lF(o,p,t),la(e,!0),a&&n){let t=()=>{e.subTree=t0(e),n(a,e.subTree,e,i,null)};g&&h.__asyncHydrate?h.__asyncHydrate(a,e,t):t()}else{d.ce&&d.ce._hasShadowRoot()&&d.ce._injectChildStyle(h,e.parent?e.parent.type:void 0);let n=e.subTree=t0(e);k(null,n,l,r,e,i,s),t.el=n.el}if(f&&ls(f,i),!g&&(o=u&&u.onVnodeMounted)){let e=t;ls(()=>lF(o,p,e),i)}(256&t.shapeFlag||p&&tV(p.vnode)&&256&p.vnode.shapeFlag)&&e.a&&ls(e.a,i),e.isMounted=!0,t=l=r=null}});e.scope.off();let u=e.update=a.run.bind(a);let c=e.job=a.runIfDirty.bind(a);c.i=e,c.id=e.uid,a.scheduler=()=>tv(c),la(e,!0),u()};let q=(e,t,l)=>{t.component=e;let n=e.vnode.props;e.vnode=t,e.next=null,function(e,t,l,n){let{props:r,attrs:i,vnode:{patchFlag:s}}=e;let o=e8(r);let[a]=e.propsOptions;let u=!1;if((n||s>0)&&!(16&s)){if(8&s){let l=e.vnode.dynamicProps;for(let n=0;n<l.length;n++){let s=l[n];if(tQ(e.emitsOptions,s))continue;let c=t[s];if(a)if(x(i,s))c!==i[s]&&(i[s]=c,u=!0);else{let t=M(s);r[t]=t7(a,o,t,c,e,!1)}else c!==i[s]&&(i[s]=c,u=!0)}}}else{let n;for(let s in t5(e,t,r,i)&&(u=!0),o)t&&(x(t,s)||(n=A(s))!==s&&x(t,n))||(a?l&&(void 0!==l[s]||void 0!==l[n])&&(r[s]=t7(a,o,s,void 0,e,!0)):delete r[s]);if(i!==o)for(let e in i)t&&x(t,e)||(delete i[e],u=!0)}u&&ex(e.attrs,\"set\",\"\")}(e,t.props,n,l),((e,t,l)=>{let{vnode:n,slots:r}=e;let i=!0;let s=p;if(32&n.shapeFlag){let e=t._;e?l&&1===e?i=!1:li(r,t,l):(i=!t.$stable,ln(t,r)),s=t}else t&&(lr(e,t),s={default:1});if(i)for(let e in r)le(e)||null!=s[e]||delete r[e]})(e,t.children,l),ec(),ty(e),ef()};let K=(e,t,l,n,r,i,s,o,a=!1)=>{let u=e&&e.children;let c=e?e.shapeFlag:0;let f=t.children;let{patchFlag:p,shapeFlag:d}=t;if(p>0){if(128&p)return void ee(u,f,l,n,r,i,s,o,a);else if(256&p)return void Z(u,f,l,n,r,i,s,o,a)}8&d?(16&c&&es(u,r,i),f!==u&&g(l,f)):16&c?16&d?ee(u,f,l,n,r,i,s,o,a):es(u,r,i,!0):(8&c&&g(l,\"\"),16&d&&$(f,l,n,r,i,s,o,a))};let Z=(e,t,l,n,r,i,s,o,a)=>{let u;e=e||d,t=t||d;let c=e.length;let f=t.length;let p=Math.min(c,f);for(u=0;u<p;u++){let n=t[u]=a?lO(t[u]):lk(t[u]);k(e[u],n,l,null,r,i,s,o,a)}c>f?es(e,r,i,!0,!1,p):$(t,l,n,r,i,s,o,a,p)};let ee=(e,t,l,n,r,i,s,o,a)=>{let u=0;let c=t.length;let f=e.length-1;let p=c-1;for(;u<=f&&u<=p;){let n=e[u];let c=t[u]=a?lO(t[u]):lk(t[u]);if(lm(n,c))k(n,c,l,null,r,i,s,o,a);else break;u++}for(;u<=f&&u<=p;){let n=e[f];let u=t[p]=a?lO(t[p]):lk(t[p]);if(lm(n,u))k(n,u,l,null,r,i,s,o,a);else break;f--,p--}if(u>f){if(u<=p){let e=p+1;let f=e<c?t[e].el:n;for(;u<=p;)k(null,t[u]=a?lO(t[u]):lk(t[u]),l,f,r,i,s,o,a),u++}}else if(u>p)for(;u<=f;)el(e[u],r,i,!0),u++;else{let h;let g=u;let _=u;let y=new Map;for(u=_;u<=p;u++){let e=t[u]=a?lO(t[u]):lk(t[u]);null!=e.key&&y.set(e.key,u)}let m=0;let b=p-_+1;let x=!1;let S=0;let w=Array(b);for(u=0;u<b;u++)w[u]=0;for(u=g;u<=f;u++){let n;let c=e[u];if(m>=b){el(c,r,i,!0);continue}if(null!=c.key)n=y.get(c.key);else for(h=_;h<=p;h++)if(0===w[h-_]&&lm(c,t[h])){n=h;break}void 0===n?el(c,r,i,!0):(w[n-_]=u+1,n>=S?S=n:x=!0,k(c,t[n],l,null,r,i,s,o,a),m++)}let C=x?function(e){let t,l,n,r,i;let s=e.slice();let o=[0];let a=e.length;for(t=0;t<a;t++){let a=e[t];if(0!==a){if(e[l=o[o.length-1]]<a){s[t]=l,o.push(t);continue}for(n=0,r=o.length-1;n<r;)e[o[i=n+r>>1]]<a?n=i+1:r=i;a<e[o[n]]&&(n>0&&(s[t]=o[n-1]),o[n]=t)}}for(n=o.length,r=o[n-1];n-- >0;)o[n]=r,r=s[r];return o}(w):d;for(h=C.length-1,u=b-1;u>=0;u--){let e=_+u;let f=t[e];let p=t[e+1];let d=e+1<c?p.el||function e(t){if(t.placeholder)return t.placeholder;let l=t.component;return l?e(l.subTree):null}(p):n;0===w[u]?k(null,f,l,d,r,i,s,o,a):x&&(h<0||u!==C[h]?et(f,l,d,2):h--)}}};let et=(e,t,l,n,s=null)=>{let{el:o,type:a,transition:u,children:c,shapeFlag:f}=e;if(6&f)return void et(e.component.subTree,t,l,n);if(128&f)return void e.suspense.move(t,l,n);if(64&f)return void a.move(e,t,l,ep);if(a===lc){r(o,t,l);for(let e=0;e<c.length;e++)et(c[e],t,l,n);r(e.anchor,t,l);return}if(a===ld)return void(({el:e,anchor:t},l,n)=>{let i;for(;e&&e!==t;)i=y(e),r(e,l,n),e=i;r(t,l,n)})(e,t,l);if(2!==n&&1&f&&u)if(0===n)u.beforeEnter(o),r(o,t,l),ls(()=>u.enter(o),s);else{let{leave:n,delayLeave:s,afterLeave:a}=u;let c=()=>{e.ctx.isUnmounted?i(o):r(o,t,l)};let f=()=>{o._isLeaving&&o[tO](!0),n(o,()=>{c(),a&&a()})};s?s(o,c,f):f()}else r(o,t,l)};let el=(e,t,l,n=!1,r=!1)=>{let i;let{type:s,props:o,ref:a,children:u,dynamicChildren:c,shapeFlag:f,patchFlag:p,dirs:d,cacheIndex:h}=e;if(-2===p&&(r=!1),null!=a&&(ec(),t$(a,null,l,e,!0),ef()),null!=h&&(t.renderCache[h]=void 0),256&f)return void t.ctx.deactivate(e);let g=1&f&&d;let _=!tV(e);if(_&&(i=o&&o.onVnodeBeforeUnmount)&&lF(i,t,e),6&f)ei(e.component,l,n);else{if(128&f)return void e.suspense.unmount(l,n);g&&tC(e,null,t,\"beforeUnmount\"),64&f?e.type.remove(e,t,l,ep,n):c&&!c.hasOnce&&(s!==lc||p>0&&64&p)?es(c,t,l,!1,!0):(s===lc&&384&p||!r&&16&f)&&es(u,t,l),n&&en(e)}(_&&(i=o&&o.onVnodeUnmounted)||g)&&ls(()=>{i&&lF(i,t,e),g&&tC(e,null,t,\"unmounted\")},l)};let en=e=>{let{type:t,el:l,anchor:n,transition:r}=e;if(t===lc)return void er(l,n);if(t===ld)return void(({el:e,anchor:t})=>{let l;for(;e&&e!==t;)l=y(e),i(e),e=l;i(t)})(e);let s=()=>{i(l),r&&!r.persisted&&r.afterLeave&&r.afterLeave()};if(1&e.shapeFlag&&r&&!r.persisted){let{leave:t,delayLeave:n}=r;let i=()=>t(l,s);n?n(e.el,s,i):i()}else s()};let er=(e,t)=>{let l;for(;e!==t;)l=y(e),i(e),e=l;i(t)};let ei=(e,t,l)=>{let{bum:n,scope:r,job:i,subTree:s,um:o,m:a,a:u}=e;lu(a),lu(u),n&&L(n),r.stop(),i&&(i.flags|=8,el(s,e,t,l)),o&&ls(o,t),ls(()=>{e.isUnmounted=!0},t)};let es=(e,t,l,n=!1,r=!1,i=0)=>{for(let s=i;s<e.length;s++)el(e[s],t,l,n,r)};let eo=e=>{if(6&e.shapeFlag)return eo(e.component.subTree);if(128&e.shapeFlag)return e.suspense.next();let t=y(e.anchor||e.el);let l=t&&t[tk];return l?y(l):t};let ea=!1;let eu=(e,t,l)=>{let n;null==e?t._vnode&&(el(t._vnode,null,null,!0),n=t._vnode.component):k(t._vnode||null,e,t,null,null,null,l),t._vnode=e,ea||(ea=!0,ty(n),tm(),ea=!1)};let ep={p:k,um:el,m:et,r:en,mt:H,mc:$,pc:K,pbc:B,n:eo,o:e};return{render:eu,hydrate:l,createApp:(t=l,function(e,l=null){w(e)||(e=m({},e)),null==l||O(l)||(l=null);let n=tq();let r=new WeakSet;let i=[];let s=!1;let o=n.app={_uid:tK++,_component:e,_props:l,_container:null,_context:n,_instance:null,version:\"3.5.30\",get config(){return n.config},set config(v){},use:(e,...t)=>(r.has(e)||(e&&w(e.install)?(r.add(e),e.install(o,...t)):w(e)&&(r.add(e),e(o,...t))),o),mixin:e=>o,component:(e,t)=>t?(n.components[e]=t,o):n.components[e],directive:(e,t)=>t?(n.directives[e]=t,o):n.directives[e],mount(r,i,a){if(s);else{let u=o._ceVNode||lw(e,l);return u.appContext=n,!0===a?a=\"svg\":!1===a&&(a=void 0),i&&t?t(u,r):eu(u,r,a),s=!0,o._container=r,r.__vue_app__=o,lN(u.component)}},onUnmount(e){i.push(e)},unmount(){s&&(ti(i,o._instance,16),eu(null,o._container),delete o._container.__vue_app__)},provide:(e,t)=>(n.provides[e]=t,o),runWithContext(e){let t=tX;tX=o;try{return e()}finally{tX=t}}};return o})}}({createElement(e){let t=new l4(e);return lW(0,t.id,e),l0(),t},createText(e){let t=new l4(\"#text\");return lW(1,t.id),e&&lW(5,t.id,e),l0(),t},createComment(e){let t=new l4(\"#comment\");return lW(0,t.id,\"__comment\"),l0(),t},setText(e,t){lW(5,e.id,t),l0()},setElementText(e,t){for(;e.firstChild;){let t=e.firstChild;e.removeChild(t),lW(3,e.id,t.id)}lW(5,e.id,t),l0()},insert(e,t,l){if(t.insertBefore(e,null!=l?l:null),\"list\"===t.type&&(\"#comment\"===e.type||\"#text\"===e.type))return;let n=null!=l?l:null;if(\"list\"===t.type)for(;n&&(\"#comment\"===n.type||\"#text\"===n.type);)n=n.next;let r=n?n.id:-1;lW(2,t.id,e.id,r),l0()},remove(e){if(e.parent){let t=e.parent.id;e.parent.removeChild(e),lW(3,t,e.id),l0()}},patchProp(e,t,l,n){var r,i;if(t.startsWith(\"main-thread-\")){let l=t.slice(12);if(\"ref\"===l)null!=n&&\"object\"==typeof n&&\"_wvid\"in n&&lW(12,e.id,n.toJSON());else{let t=l5(l);t&&null!=n?(c||(c=new l6,lynx.getCoreContext().addEventListener(\"Lynx.Worklet.runOnBackground\",l8)),c.add(n),lW(11,e.id,t.type,t.name,n)):t&&lW(7,e.id,t.type,t.name)}l0();return}let s=l5(t);if(s){let l=l7.get(e.id);let r=null==l?void 0:l.get(t);if(null!=n)if(r)lG().handlers.set(r,n);else{let r=lY(n);l||(l=new Map,l7.set(e.id,l)),l.set(t,r),lW(6,e.id,s.type,s.name,r)}else r&&(lq(r),l.delete(t),lW(7,e.id,s.type,s.name))}else if(\"style\"===t){let t=null!=n&&\"object\"==typeof n?function(e){let t={};for(let l of Object.keys(e)){let n=e[l];\"number\"!=typeof n||l3.has(l)?t[l]=n:t[l]=0===n?0:`${n}px`}return t}(n):{};e._style=t;let l=e._vShowHidden?(r=function(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};var n=Object.keys(l);\"function\"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(l).filter(function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable}))),n.forEach(function(t){lU(e,t,l[t])})}return e}({},t),i=i={display:\"none\"},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(i)):(function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t.push.apply(t,l)}return t})(Object(i)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(i,e))}),r):t;lW(8,e.id,l)}else\"class\"===t?(e._baseClass=null!=n?n:\"\",lW(9,e.id,l9(e))):\"id\"===t?lW(10,e.id,n):lW(4,e.id,t,n);l0()},parentNode:e=>e.parent,nextSibling:e=>e.next}).createApp;Symbol.for(\"v-stc\");let nu=[\"#4FC3F7\",\"#81C784\",\"#FFB74D\",\"#E57373\",\"#BA68C8\"];function nc(){return nu.length}var nf=function(e){let t=++ne;return\"function\"!=typeof e?{_jsFnId:t,_error:`Argument of runOnBackground should be a function, got [${typeof e}]`}:(null!=e.toJSON||(e.toJSON=()=>\"[BackgroundFunction]\"),{_jsFnId:t,_fn:e})};let np;let nd;(np=na(tR({__name:\"App\",setup(e){let t=e7(0,!1);let l=function(e,t=!1){let l;let n;return w(e)?l=e:(l=e.get,n=e.set),new tn(l,n,t)}(()=>nu[t.value%nu.length],lD);let n=new lz(null);let r={_c:{boxRef:n},_wkltId:\"971b:7d5b3:1\",_jsFn:{_jsFn1:nf(function(){t.value++})}};return(e,i)=>{var s,o,a;return function(e=!1){lh.push(lv=e?null:[])}(),s={style:{width:\"100%\",height:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",backgroundColor:\"white\"}},o=[lS(\"view\",{\"main-thread-ref\":te(n),\"main-thread-bindtap\":r,style:B({width:\"200px\",height:\"200px\",backgroundColor:l.value,display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",borderRadius:\"16px\"})},[lS(\"text\",{style:{fontSize:16,color:\"white\",fontWeight:\"bold\"}},\" Tap to cycle \"),lS(\"text\",{style:{fontSize:14,color:\"white\",marginTop:\"8px\"}},\" Color \"+Y(t.value%te(nc)()+1)+\"/\"+Y(te(nc)()),1)],12,[\"main-thread-ref\"])],(a=lS(\"view\",s,o,void 0,void 0,void 0,!0)).dynamicChildren=lg>0?lv||d:null,lh.pop(),lv=lh[lh.length-1]||null,lg>0&&lv&&lv.push(a),a}}}),void 0),nd={get config(){return np.config},use:(e,...t)=>(np.use(e,...t),nd),provide:(e,t)=>(np.provide(e,t),nd),mount(){let e=new l4(\"page\",1);np.mount(e)},unmount(){np.unmount()}}).mount()})();"},"cardType":"react","appType":"card","pageConfig":{"enableFiberArch":true,"useLepusNG":true,"enableReuseContext":true,"bundleModuleMode":"ReturnByFunction","templateDebugUrl":"","debugInfoOutside":true,"defaultDisplayLinear":true,"enableCSSInvalidation":true,"enableCSSSelector":true,"enableLepusDebug":false,"enableRemoveCSSScope":true,"targetSdkVersion":"3.2","defaultOverflowVisible":true,"lepusStrict":true,"useNewSwiper":true,"enableNewIntersectionObserver":true,"enableNativeList":true,"enableA11y":true,"enableAccessibilityElement":false,"enableCSSInheritance":false,"enableNewGesture":false,"removeDescendantSelectorScope":true},"lepusCode":{"worklet-runtime":"(()=>{\"use strict\";var e,t,n;let r,l,i;function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class a{cancel(){return __ElementAnimate(this.effect.target.element,[3,this.id])}pause(){return __ElementAnimate(this.effect.target.element,[2,this.id])}play(){return __ElementAnimate(this.effect.target.element,[1,this.id])}start(){return __ElementAnimate(this.effect.target.element,[0,this.id,this.effect.keyframes,this.effect.options])}constructor(e){o(this,\"effect\",void 0),o(this,\"id\",void 0),this.effect=e,this.id=\"__lynx-inner-js-animation-\"+a.count++,this.start()}}function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}o(a,\"count\",0);class s{constructor(e,t,n){u(this,\"target\",void 0),u(this,\"keyframes\",void 0),u(this,\"options\",void 0),this.target=e,this.keyframes=t,this.options=n}}function c(e,t){var n;let r=(null!=(n=SystemInfo.lynxSdkVersion)?n:\"1.0\").split(\".\");return Number(r[0])>e||Number(r[0])==e&&Number(r[1])>t}let d=!1,f=!0;class y{setAttribute(e,t){__SetAttribute(this.element,e,t),this.flushElementTree()}setStyleProperty(e,t){__AddInlineStyle(this.element,e,t),this.flushElementTree()}setStyleProperties(e){for(let t in e)__AddInlineStyle(this.element,t,e[t]);this.flushElementTree()}getAttribute(e){return __GetAttributeByName(this.element,e)}getAttributeNames(){return __GetAttributeNames(this.element)}querySelector(e){let t=__QuerySelector(this.element,e,{});return t?new y(t):null}querySelectorAll(e){return __QuerySelectorAll(this.element,e,{}).map(e=>new y(e))}getComputedStyleProperty(e){if(!c(3,4))throw Error(\"getComputedStyleProperty requires Lynx sdk version 3.5\");if(!e)throw Error(\"getComputedStyleProperty: key is required\");return __GetComputedStyleByKey(this.element,e)}animate(e,t){return new a(new s(this,e,\"number\"==typeof t?{duration:t}:null!=t?t:{}))}invoke(e,t){return new Promise((n,r)=>{__InvokeUIMethod(this.element,e,null!=t?t:{},e=>{0===e.code?n(e.data):r(Error(\"UI method invoke: \"+JSON.stringify(e)))}),this.flushElementTree()})}flushElementTree(){!d&&f&&(d=!0,Promise.resolve().then(()=>{d=!1,__FlushElementTree()}))}constructor(e){!function(e,t,n){t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n}(this,\"element\",void 0),Object.defineProperty(this,\"element\",{get:()=>e})}}class m{static get(){return null!=m.pageElement||(m.pageElement=__GetPageElement()),m.pageElement}}function h(e,t,n){let r;try{r=runWorklet(e,t)}finally{lynx.getJSContext().dispatchEvent({type:\"Lynx.Worklet.FunctionCallRet\",data:JSON.stringify({resolveId:n,returnValue:r})})}}t=void 0,(e=\"pageElement\")in m?Object.defineProperty(m,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):m[e]=t;let _=(e,t)=>({current:t,_wvid:e}),p=e=>{let t,n=e._wvid;return n<0?(t=r._firstScreenWorkletRefMap[n])||(t=r._firstScreenWorkletRefMap[n]=_(n,e._initValue)):t=r._workletRefMap[n],t};function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t,n){lynxWorkletImpl._workletMap[t]=n}let v=new WeakMap;function I(e,t){if(\"object\"!=typeof e||null===e)return e;if(t){let t=v.get(e);if(t)return t}let n={main:e};return x(n,0,e),t&&v.set(e,n.main),n.main}let x=(e,t,n)=>{if(++t>=1e3)throw Error(\"Depth of value exceeds limit of 1000.\");if(\"object\"==typeof e&&null!==e)for(let l in e){let i=e[l];if(\"object\"==typeof i&&null!==i){if(\"elementRefptr\"in i){e[l]=new y(i.elementRefptr);continue}if(!(i instanceof y)){if(x(i,t,n),\"_wvid\"in i){e[l]=p(i);continue}if(\"_wkltId\"in i){e[l]=lynxWorkletImpl._workletMap[i._wkltId].bind({...i}),e[l].ctx=i;continue}if(\"_jsFnId\"in i){var r;i._execId=n._execId,null==(r=lynxWorkletImpl._jsFunctionLifecycleManager)||r.addRef(n._execId,i);continue}}}}};if(void 0===globalThis.lynxWorkletImpl){let e,t;globalThis.lynxWorkletImpl={_workletMap:{},_refImpl:r={_workletRefMap:{},_firstScreenWorkletRefMap:{},updateWorkletRef:function(e,t){p(e).current=t?new y(t):null},updateWorkletRefInitValueChanges:function(e){e.forEach(([e,t])=>{r._workletRefMap[e]||(r._workletRefMap[e]=_(e,t))})},clearFirstScreenWorkletRefMap:function(){r._firstScreenWorkletRefMap={}}},_runOnBackgroundDelayImpl:l={delayedBackgroundFunctionArray:[],delayRunOnBackground:function(e,t){var n;l.delayedBackgroundFunctionArray.push({task:t}),(null!=(n=e._delayIndices)?n:e._delayIndices=[]).push(l.delayedBackgroundFunctionArray.length-1)},runDelayedBackgroundFunctions:function(){for(let e of l.delayedBackgroundFunctionArray)e.jsFnHandle&&e.task(e.jsFnHandle._jsFnId,e.jsFnHandle._execId);l.delayedBackgroundFunctionArray.length=0}},_hydrateCtx:function(e,t){!function e(t,n,r){if(t&&\"object\"==typeof t&&n&&\"object\"==typeof n&&(!t._wkltId||t._wkltId===n._wkltId))for(let o in t)if(\"_wvid\"===o){var l,i;l=t[o],\"_initValue\"in(i=n)||(lynxWorkletImpl._refImpl._workletRefMap[l]=i)}else if(\"_jsFn\"===o)!function(e,t,n){for(let r in e){let l=e[r],i=t[r];if(!(null==i?void 0:i._delayIndices)){i&&(i._isFirstScreen=!1,i._execId=n,Object.assign(i,l));continue}for(let e of i._delayIndices){let t=lynxWorkletImpl._runOnBackgroundDelayImpl.delayedBackgroundFunctionArray[e];l._execId=n,t.jsFnHandle=l}}}(t[o],n[o],r);else{let l=\"function\"==typeof n[o]?n[o].ctx:n[o];e(t[o],l,r)}}(e,t,e._execId)},_eventDelayImpl:i={_delayedWorkletParamsMap:new Map,runDelayedWorklet:function(e,t){(()=>{let n=i._delayedWorkletParamsMap.get(e._wkltId);if(void 0===n)return;let r=[];n.forEach(n=>{var l;let i=n[0];(null==i||null==(l=i.currentTarget)?void 0:l.elementRefptr)===t?setTimeout(()=>{runWorklet(e,n)},0):r.push(n)}),i._delayedWorkletParamsMap.set(e._wkltId,r)})()},clearDelayedWorklets:function(){i._delayedWorkletParamsMap.clear()}},_eomImpl:{setShouldFlush:function(e){f=e}},_runRunOnMainThreadTask:h},c(2,15)&&(globalThis.lynxWorkletImpl._jsFunctionLifecycleManager=new class e{addRef(e,t){var n;this.execIdRefCount.set(e,(null!=(n=this.execIdRefCount.get(e))?n:0)+1),this.registry.register(t,e)}removeRef(e){let t=this.execIdRefCount.get(e);t>1?this.execIdRefCount.set(e,t-1):(this.execIdRefCount.delete(e),this.execIdSetToFire.add(e),this.willFire||(this.willFire=!0,Promise.resolve().then(()=>{this.fire()})))}fire(){lynx.getJSContext().dispatchEvent({type:\"Lynx.Worklet.releaseBackgroundWorkletCtx\",data:Array.from(this.execIdSetToFire)}),this.execIdSetToFire.clear(),this.willFire=!1}constructor(){k(this,\"execIdRefCount\",new Map),k(this,\"execIdSetToFire\",new Set),k(this,\"willFire\",!1),k(this,\"registry\",void 0),this.registry=new FinalizationRegistry(this.removeRef.bind(this))}}),globalThis.registerWorklet=g,globalThis.registerWorkletInternal=g,globalThis.runWorklet=function(e,t,n){var r,l,o;let a,u;return\"object\"==typeof(r=e)&&null!==r&&(\"_wkltId\"in r||\"_lepusWorkletHash\"in r)?\"_lepusWorkletHash\"in e?void(l=e._lepusWorkletHash,o=t,(u=(a=i._delayedWorkletParamsMap).get(l))?u.push(o):a.set(l,[o])):function(e,t,n){let r=(e._wkltId,I(e,!0)),l=I(t||[],!1),[i,o]=function(e,t){if(!Array.isArray(e)||\"object\"!=typeof e[0]||null===e[0]||(!t||1!==t.source)&&1)return[!1,{}];let n={},r=e[0];return r.stopPropagation=function(){var e;n._eventReturnResult=(null!=(e=n._eventReturnResult)?e:0)|1},r.stopImmediatePropagation=function(){var e;n._eventReturnResult=(null!=(e=n._eventReturnResult)?e:0)|2},[!0,n]}(l,n),a=r(...l);return i?{returnValue:a,eventReturnResult:o._eventReturnResult}:a}(e,t,n):void console.warn(\"MainThreadFunction: Invalid function object: \"+JSON.stringify(e))},lynx.querySelector=function(e){let t=__QuerySelector(m.get(),e,{});return t?new y(t):null},lynx.querySelectorAll=function(e){return __QuerySelectorAll(m.get(),e,{}).map(e=>new y(e))},globalThis.setTimeout=lynx.setTimeout,globalThis.setInterval=lynx.setInterval,globalThis.clearTimeout=lynx.clearTimeout,globalThis.clearInterval=null!=(n=lynx.clearInterval)?n:lynx.clearTimeInterval,e=lynx.requestAnimationFrame,lynx.requestAnimationFrame=globalThis.requestAnimationFrame=t=>{if(!c(2,15))throw Error(\"requestAnimationFrame in main thread script requires Lynx sdk version 2.16\");return e(t)},globalThis.cancelAnimationFrame=lynx.cancelAnimationFrame,(t=lynx.getJSContext()).addEventListener(\"Lynx.Worklet.runWorkletCtx\",e=>{let t=JSON.parse(e.data);h(t.worklet,t.params,t.resolveId)}),t.addEventListener(\"Lynx.Worklet.releaseWorkletRef\",e=>{var t;t=e.data.id,delete r._workletRefMap[t]})}})();","root":"\"use strict\";var e={268(){var e;let t;let n=new Map;let l=1;let r=new Map;let o=new Set;let a=new Map;let i=new Set([\"item-key\",\"estimated-main-axis-size-px\",\"estimated-height-px\",\"estimated-height\",\"reuse-identifier\",\"full-span\",\"sticky-top\",\"sticky-bottom\",\"recyclable\"]);let u=new Map;let s=new Map;function _(){}function c(){if(\"u\">typeof globalThis&&\"lynxWorkletImpl\"in globalThis)return globalThis.lynxWorkletImpl}function d(e,t,n,l,r,o,a){try{var i=e[o](a);var u=i.value}catch(e){n(e);return}i.done?t(u):Promise.resolve(u).then(l,r)}let p=1;function f(e,t,n,l){lynx.getJSContext().dispatchEvent({type:\"Lynx.Worklet.runOnBackground\",data:JSON.stringify({obj:{_jsFnId:e,_execId:n},params:t,resolveId:l})})}let m=globalThis;if(m.SystemInfo=null!=(e=\"u\">typeof lynx&&lynx.SystemInfo)?e:{},m.runOnBackground=function(e){return(...n)=>{var l;return(l=function*(){return new Promise(l=>{var r;t||(t=new Map,lynx.getJSContext().addEventListener(\"Lynx.Worklet.FunctionCallRet\",e=>{let{resolveId:n,returnValue:l}=JSON.parse(e.data);let r=t.get(n);r&&(t.delete(n),r(l))}));let o=p++;(t.set(o,l),e._isFirstScreen&&\"u\">typeof lynxWorkletImpl&&(null==(r=lynxWorkletImpl)?void 0:r._runOnBackgroundDelayImpl))?lynxWorkletImpl._runOnBackgroundDelayImpl.delayRunOnBackground(e,(e,t)=>{f(e,n,t,o)}):f(e._jsFnId,n,e._execId,o)})},function(){var e=this,t=arguments;return new Promise(function(n,r){var o=l.apply(e,t);function a(e){d(o,n,r,a,i,\"next\",e)}function i(e){d(o,n,r,a,i,\"throw\",e)}a(void 0)})})()}},\"u\"<typeof __LoadLepusChunk)console.warn(\"[vue-mt] __LoadLepusChunk not available, worklet events will not work\");else{let e={chunkType:0};\"u\">typeof globDynamicComponentEntry&&(e.dynamicComponentEntry=globDynamicComponentEntry),__LoadLepusChunk(\"worklet-runtime\",e)?console.info(\"[vue-mt] worklet-runtime chunk loaded\"):console.error('[vue-mt] __LoadLepusChunk(\"worklet-runtime\") returned false — registerWorkletInternal will not be available. Check browser console for loadScriptSync errors.')}m.processData=function(e,t){return null!=e?e:{}},m.renderPage=function(e){console.info(\"[vue-mt] renderPage called\"),n.clear(),l=1,r.clear(),o.clear(),a.clear(),u.clear(),s.clear();let t=__CreatePage(\"0\",0);let i=__CreateComponent(__GetElementUniqueID(t),\"vue-root\",0,\"u\">typeof globDynamicComponentEntry?globDynamicComponentEntry:\"\",\"vue-root\",\"/\",null,null);__AppendElement(t,i),l=__GetElementUniqueID(i),n.set(1,i),__FlushElementTree(t),console.info(\"[vue-mt] renderPage done, page root id=1 stored\")},m.updatePage=function(e){},m.updateGlobalProps=function(e){},m.vuePatchUpdate=function({data:e}){(function(e){let t=e.length;if(0===t)return;if(t>=3&&0===e[0]){let t=e[1];if(n.has(t))return}let d=0;for(;d<t;)switch(e[d++]){case 0:{let t;let a=e[d++];let i=e[d++];\"__comment\"===i?t=__CreateRawText(\"\"):\"list\"===i?t=function(e){o.add(e),r.set(e,[]),s.set(e,0);let t={componentAtIndex:(t,n,l,o)=>{let a=r.get(e);if(!a||l<0||l>=a.length)return;let i=a[l].el;__AppendElement(t,i);let u=__GetElementUniqueID(i);return __FlushElementTree(i,{triggerLayout:!0,operationID:o,elementID:u,listID:n}),u},enqueueComponent:_,componentAtIndexes:(t,n,l,o)=>{let a=r.get(e);if(!a)return;let i=[];for(let e=0;e<l.length;e++){let n=l[e];if(o[e],n<0||n>=a.length){i.push(-1);continue}let r=a[n].el;__AppendElement(t,r);let u=__GetElementUniqueID(r);i.push(u)}__FlushElementTree(t,{triggerLayout:!0,operationIDs:o,elementIDs:i,listID:n})}};let n=__CreateList(l,t.componentAtIndex,t.enqueueComponent,{},t.componentAtIndexes);return __SetCSSId([n],0),n}(a):__SetCSSId([t=function(e,t){switch(e){case\"view\":return __CreateView(t);case\"text\":return __CreateText(t);case\"image\":return __CreateImage(t);case\"scroll-view\":return __CreateScrollView(t);default:return __CreateElement(e,t)}}(i,l)],0),n.set(a,t),\"__comment\"!==i&&__SetAttribute(t,`vue-ref-${a}`,1);break}case 1:{let t=e[d++];let r=__CreateText(l);__SetCSSId([r],0),n.set(t,r),__SetAttribute(r,`vue-ref-${t}`,1);break}case 2:{let t=e[d++];let l=e[d++];let a=e[d++];let i=n.get(t);let u=n.get(l);if(i&&u)if(o.has(t))(function(e,t,n){let l=r.get(e);l&&l.push({el:t,bgId:n})})(t,u,l);else if(-1===a)__AppendElement(i,u);else{let e=n.get(a);e&&__InsertElementBefore(i,u,e)}break}case 3:{let t=e[d++];let l=e[d++];let r=n.get(t);let o=n.get(l);r&&o&&__RemoveElement(r,o);break}case 4:{let t=e[d++];let l=e[d++];let r=e[d++];if(i.has(l))(function(e,t,n){let l=u.get(e);l?l[t]=n:u.set(e,{[t]:n}),\"item-key\"===t&&a.set(e,String(n))})(t,l,r);else{let e=n.get(t);e&&__SetAttribute(e,l,r)}break}case 5:{let t=e[d++];let l=e[d++];let r=n.get(t);r&&__SetAttribute(r,\"text\",l);break}case 6:{let t=e[d++];let l=e[d++];let r=e[d++];let o=e[d++];let a=n.get(t);console.info(\"[vue-mt] SET_EVENT id=\",t,\"type=\",l,\"name=\",r,\"sign=\",o,\"el found=\",null!=a),a&&__AddEvent(a,l,r,o);break}case 7:{let t=e[d++];let l=e[d++];let r=e[d++];let o=n.get(t);o&&__AddEvent(o,l,r,void 0);break}case 8:{let t=e[d++];let l=e[d++];let r=n.get(t);r&&__SetInlineStyles(r,l);break}case 9:{let t=e[d++];let l=e[d++];let r=n.get(t);r&&__SetClasses(r,l);break}case 10:{let t=e[d++];let l=e[d++];let r=n.get(t);r&&__SetID(r,null!=l?l:void 0);break}case 11:(function(e,t,l,r){let o=n.get(e);console.info(\"[vue-mt] SET_WORKLET_EVENT id=\",e,\"type=\",t,\"name=\",l,\"ctx=\",r,\"el found=\",null!=o),o&&(r._workletType=\"main-thread\",__AddEvent(o,t,l,{type:\"worklet\",value:r}))})(e[d++],e[d++],e[d++],e[d++]);break;case 12:(function(e,t){let l=n.get(e);if(console.info(\"[vue-mt] SET_MT_REF id=\",e,\"refImpl=\",t,\"el found=\",null!=l),l){let e=c();if((null==e?void 0:e._refImpl)&&null!=t._wvid){var r;let n=e._refImpl._workletRefMap;!n||t._wvid in n||(n[t._wvid]={current:null!=(r=t._initValue)?r:null,_wvid:t._wvid}),e._refImpl.updateWorkletRef(t,l)}}})(e[d++],e[d++]);break;case 13:(function(e,t){let n=c();if(null==n?void 0:n._refImpl){let l=n._refImpl._workletRefMap;!l||e in l||(l[e]={current:t,_wvid:e})}})(e[d++],e[d++])}(function(){for(let[l,o]of r){var e,t;let r=null!=(e=s.get(l))?e:0;if(o.length<=r)continue;let i=n.get(l);if(!i)continue;let _=[];for(let e=r;e<o.length;e++){let n=o[e];let l={position:e,type:\"list-item\",\"item-key\":null!=(t=a.get(n.bgId))?t:String(e)};let r=u.get(n.bgId);r&&Object.assign(l,r),_.push(l)}__SetAttribute(i,\"update-list-info\",{insertAction:_,removeAction:[],updateAction:[]}),s.set(l,o.length)}})(),__FlushElementTree()})(JSON.parse(e))}},538(){var e=[\"#4FC3F7\",\"#81C784\",\"#FFB74D\",\"#E57373\",\"#BA68C8\"];registerWorkletInternal(\"main-thread\",\"971b:7d5b3:1\",function(){var t,n,l;let{_jsFn1:r}=this._jsFn;let{boxRef:o}=this._c;let a=(null!=(t=null==(n=o.current)?void 0:n.__colorIdx)?t:0)+1;let i=e[a%e.length];let u=o.current;null==u||null==(l=u.setStyleProperty)||l.call(u,\"background-color\",i),u&&(u.__colorIdx=a),runOnBackground(r)()})}};var t={};function n(l){var r=t[l];if(void 0!==r)return r.exports;var o=t[l]={exports:{}};return e[l](o,o.exports,n),o.exports}n.x=()=>(n(268),n(538)),n.x();"},"customSections":{},"elementTemplates":{}}
package/lynx.config.ts ADDED
@@ -0,0 +1,27 @@
1
+ import { defineConfig } from '@lynx-js/rspeedy';
2
+ import { pluginVueLynx } from 'vue-lynx/plugin';
3
+
4
+ export default defineConfig({
5
+ environments: {
6
+ web: {},
7
+ lynx: {},
8
+ },
9
+ source: {
10
+ entry: {
11
+ 'background-draggable': './src/background-draggable/index.ts',
12
+ 'main-thread-draggable': './src/main-thread-draggable/index.ts',
13
+ 'main-thread-draggable-raw': './src/main-thread-draggable-raw/index.ts',
14
+ 'cross-thread-calls': './src/cross-thread-calls/index.ts',
15
+ 'shared-module': './src/shared-module/index.ts',
16
+ },
17
+ },
18
+ plugins: [
19
+ pluginVueLynx({
20
+ optionsApi: false,
21
+ enableCSSSelector: true,
22
+ }),
23
+ ],
24
+ output: {
25
+ filename: '[name].[platform].bundle',
26
+ },
27
+ });
package/package.json ADDED
@@ -0,0 +1,30 @@
1
+ {
2
+ "name": "@vue-lynx-example/main-thread",
3
+ "version": "0.1.1",
4
+ "private": false,
5
+ "description": "Vue-Lynx main thread demo — draggable examples comparing Main Thread vs Background Thread updates",
6
+ "type": "module",
7
+ "files": [
8
+ "dist",
9
+ "src",
10
+ "lynx.config.ts",
11
+ "tsconfig.json"
12
+ ],
13
+ "repository": {
14
+ "type": "git",
15
+ "url": "https://github.com/Huxpro/vue-lynx",
16
+ "directory": "examples/main-thread"
17
+ },
18
+ "scripts": {
19
+ "build": "rspeedy build",
20
+ "dev": "rspeedy dev"
21
+ },
22
+ "dependencies": {
23
+ "vue-lynx": "workspace:*"
24
+ },
25
+ "devDependencies": {
26
+ "@lynx-js/rspeedy": "^0.13.5",
27
+ "@rsbuild/plugin-vue": "^1.2.6",
28
+ "typescript": "^5.0.0"
29
+ }
30
+ }
@@ -0,0 +1,39 @@
1
+ <script setup lang="ts">
2
+ import { ref } from 'vue'
3
+
4
+ import BackgroundDraggable from './BackgroundDraggable.vue'
5
+
6
+ const DEFAULT_X = 0
7
+ const DEFAULT_Y = 500
8
+
9
+ const posX = ref(DEFAULT_X)
10
+ const posY = ref(DEFAULT_Y)
11
+
12
+ function onScroll(event: { detail?: { scrollTop?: number } }) {
13
+ const scrollTop = event.detail?.scrollTop ?? 0
14
+ posX.value = DEFAULT_X
15
+ posY.value = DEFAULT_Y - scrollTop
16
+ }
17
+ </script>
18
+
19
+ <template>
20
+ <view :style="{ width: '100%', height: '100%', position: 'relative', backgroundColor: 'white' }">
21
+ <view :style="{ display: 'flex', flexDirection: 'row', width: '100%', height: '100%' }">
22
+ <!-- Left half: Scroll View -->
23
+ <scroll-view
24
+ :style="{ width: '50%', height: '100%' }"
25
+ scroll-orientation="vertical"
26
+ @scroll="onScroll"
27
+ >
28
+ <view :style="{ backgroundColor: 'yellow', width: '100%', height: 500 }" />
29
+ <view :style="{ backgroundColor: 'lightskyblue', width: '100%', height: 100 }" />
30
+ <view :style="{ backgroundColor: 'yellow', width: '100%', height: 1000 }" />
31
+ </scroll-view>
32
+
33
+ <!-- Right half: Draggable box -->
34
+ <view :style="{ width: '50%', height: '100%', display: 'flex', flexDirection: 'row' }">
35
+ <BackgroundDraggable :size="100" :pos-x="posX" :pos-y="posY" />
36
+ </view>
37
+ </view>
38
+ </view>
39
+ </template>
@@ -0,0 +1,20 @@
1
+ <script setup lang="ts">
2
+ defineProps<{
3
+ size: number
4
+ posX: number
5
+ posY: number
6
+ }>()
7
+ </script>
8
+
9
+ <template>
10
+ <view
11
+ :style="{
12
+ height: `${size}px`,
13
+ width: `${size}px`,
14
+ backgroundColor: 'lightskyblue',
15
+ transform: `translate(${posX}px, ${posY}px)`,
16
+ }"
17
+ >
18
+ <text :style="{ fontSize: 12, color: '#333' }">BGDraggable</text>
19
+ </view>
20
+ </template>
@@ -0,0 +1,6 @@
1
+ import { createApp } from 'vue-lynx';
2
+
3
+ import App from './App.vue';
4
+
5
+ const app = createApp(App);
6
+ app.mount();
@@ -0,0 +1,80 @@
1
+ <!-- Copyright 2025 The Lynx Authors. All rights reserved.
2
+ Licensed under the Apache License Version 2.0 that can be found in the
3
+ LICENSE file in the root directory of this source tree. -->
4
+
5
+ <!--
6
+ Cross-Thread Calls Demo
7
+
8
+ Tap the colored box to trigger the following round trip:
9
+
10
+ 1. Main Thread: onTap fires, calls runOnBackground(incrementCount)()
11
+ 2. Background: incrementCount() bumps the reactive `count` ref
12
+ 3. Background: watch(count) fires, calls runOnMainThread(applyColor)(nextColor)
13
+ 4. Main Thread: applyColor() sets background-color via setStyleProperty()
14
+
15
+ This demonstrates both directions of cross-thread async function calls.
16
+ -->
17
+ <script setup lang="ts">
18
+ import { ref, watch } from 'vue'
19
+ import {
20
+ useMainThreadRef,
21
+ runOnMainThread,
22
+ runOnBackground,
23
+ } from 'vue-lynx'
24
+
25
+ const COLORS = ['#4FC3F7', '#81C784', '#FFB74D', '#E57373', '#BA68C8']
26
+
27
+ // --- Background Thread state ---
28
+ const count = ref(0)
29
+
30
+ function incrementCount() {
31
+ count.value++
32
+ }
33
+
34
+ // --- Main Thread function ---
35
+ const boxRef = useMainThreadRef(null)
36
+
37
+ const applyColor = (color: string) => {
38
+ 'main thread'
39
+ const el = (boxRef as unknown as {
40
+ current?: { setStyleProperty?(k: string, v: string): void }
41
+ }).current
42
+ el?.setStyleProperty?.('background-color', color)
43
+ }
44
+
45
+ // --- Cross-thread wiring ---
46
+ // When count changes on the BG thread, pick the next color and
47
+ // call the MT function to apply it.
48
+ watch(count, (newCount) => {
49
+ const nextColor = COLORS[newCount % COLORS.length]!
50
+ runOnMainThread(applyColor)(nextColor)
51
+ })
52
+
53
+ // Main Thread tap handler → calls BG function
54
+ const onTap = () => {
55
+ 'main thread'
56
+ runOnBackground(incrementCount)()
57
+ }
58
+ </script>
59
+
60
+ <template>
61
+ <view :style="{ width: '100%', height: '100%', display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: 'white' }">
62
+ <view
63
+ :main-thread-ref="boxRef"
64
+ :main-thread-bindtap="onTap"
65
+ :style="{
66
+ width: '200px',
67
+ height: '200px',
68
+ backgroundColor: COLORS[0],
69
+ display: 'flex',
70
+ alignItems: 'center',
71
+ justifyContent: 'center',
72
+ borderRadius: '16px',
73
+ }"
74
+ >
75
+ <text :style="{ fontSize: 16, color: 'white', fontWeight: 'bold' }">
76
+ Tap count: {{ count }}
77
+ </text>
78
+ </view>
79
+ </view>
80
+ </template>
@@ -0,0 +1,22 @@
1
+ // Copyright 2025 The Lynx Authors. All rights reserved.
2
+ // Licensed under the Apache License Version 2.0 that can be found in the
3
+ // LICENSE file in the root directory of this source tree.
4
+
5
+ /**
6
+ * Cross-Thread Calls Demo
7
+ *
8
+ * Demonstrates runOnMainThread() and runOnBackground() for bidirectional
9
+ * async communication between the Background Thread and the Main Thread.
10
+ *
11
+ * - Tap the box: Main Thread handler calls runOnBackground() to update
12
+ * reactive state (tap count) on the Background Thread.
13
+ * - The Background Thread watcher calls runOnMainThread() to change the
14
+ * box's background color on the Main Thread based on the count.
15
+ */
16
+
17
+ import { createApp } from 'vue-lynx';
18
+
19
+ import App from './App.vue';
20
+
21
+ const app = createApp(App);
22
+ app.mount();
@@ -0,0 +1,62 @@
1
+ <script setup lang="ts">
2
+ import { ref } from 'vue'
3
+ import { useMainThreadRef } from 'vue-lynx'
4
+
5
+ import MainThreadDraggable from './MainThreadDraggable.vue'
6
+ import BackgroundDraggable from './BackgroundDraggable.vue'
7
+
8
+ const DEFAULT_X = 0
9
+ const DEFAULT_Y = 500
10
+
11
+ // MainThreadRef for the MT draggable box
12
+ const mtDraggableRef = useMainThreadRef(null)
13
+
14
+ // Main Thread scroll handler — SWC captures mtDraggableRef in _c.
15
+ // On MT, the worklet-runtime hydrates _wvid refs, providing .current
16
+ // that points to the actual PAPI element.
17
+ const onMTScroll = (event: { detail?: { scrollTop?: number } }) => {
18
+ 'main thread'
19
+ const scrollTop = event.detail?.scrollTop ?? 0
20
+ const newY = DEFAULT_Y - scrollTop
21
+
22
+ // mtDraggableRef is captured from _c — on MT it's hydrated as { current: element }
23
+ const el = (mtDraggableRef as unknown as { current?: { setStyleProperty?(k: string, v: string): void } }).current
24
+ if (el?.setStyleProperty) {
25
+ el.setStyleProperty('transform', `translate(${DEFAULT_X}px, ${newY}px)`)
26
+ }
27
+ }
28
+
29
+ // --- Background Thread Scroll Handler ---
30
+ const bgPosX = ref(DEFAULT_X)
31
+ const bgPosY = ref(DEFAULT_Y)
32
+
33
+ function onBGScroll(event: { detail?: { scrollTop?: number } }) {
34
+ const scrollTop = event.detail?.scrollTop ?? 0
35
+ bgPosX.value = DEFAULT_X
36
+ bgPosY.value = DEFAULT_Y - scrollTop
37
+ }
38
+ </script>
39
+
40
+ <template>
41
+ <view :style="{ width: '100%', height: '100%', position: 'relative', backgroundColor: 'white' }">
42
+ <view :style="{ display: 'flex', flexDirection: 'row', width: '100%', height: '100%' }">
43
+ <!-- Left half: Scroll View -->
44
+ <scroll-view
45
+ :style="{ width: '50%', height: '100%' }"
46
+ scroll-orientation="vertical"
47
+ :main-thread-bindscroll="onMTScroll"
48
+ @scroll="onBGScroll"
49
+ >
50
+ <view :style="{ backgroundColor: 'yellow', width: '100%', height: 500 }" />
51
+ <view :style="{ backgroundColor: 'lightskyblue', width: '100%', height: 100 }" />
52
+ <view :style="{ backgroundColor: 'yellow', width: '100%', height: 1000 }" />
53
+ </scroll-view>
54
+
55
+ <!-- Right half: Draggable boxes -->
56
+ <view :style="{ width: '50%', height: '100%', display: 'flex', flexDirection: 'row' }">
57
+ <MainThreadDraggable :size="100" :mt-ref="mtDraggableRef" />
58
+ <BackgroundDraggable :size="100" :pos-x="bgPosX" :pos-y="bgPosY" />
59
+ </view>
60
+ </view>
61
+ </view>
62
+ </template>
@@ -0,0 +1,20 @@
1
+ <script setup lang="ts">
2
+ defineProps<{
3
+ size: number
4
+ posX: number
5
+ posY: number
6
+ }>()
7
+ </script>
8
+
9
+ <template>
10
+ <view
11
+ :style="{
12
+ height: `${size}px`,
13
+ width: `${size}px`,
14
+ backgroundColor: 'lightskyblue',
15
+ transform: `translate(${posX}px, ${posY}px)`,
16
+ }"
17
+ >
18
+ <text :style="{ fontSize: 12, color: '#333' }">BGDraggable</text>
19
+ </view>
20
+ </template>
@@ -0,0 +1,22 @@
1
+ <script setup lang="ts">
2
+ import type { MainThreadRef } from 'vue-lynx'
3
+
4
+ defineProps<{
5
+ size: number
6
+ mtRef: MainThreadRef
7
+ }>()
8
+ </script>
9
+
10
+ <template>
11
+ <view
12
+ :main-thread-ref="mtRef"
13
+ :style="{
14
+ height: `${size}px`,
15
+ width: `${size}px`,
16
+ backgroundColor: 'lightskyblue',
17
+ transform: 'translate(0px, 500px)',
18
+ }"
19
+ >
20
+ <text :style="{ fontSize: 12, color: '#333' }">MTDraggable</text>
21
+ </view>
22
+ </template>
@@ -0,0 +1,6 @@
1
+ import { createApp } from 'vue-lynx';
2
+
3
+ import App from './App.vue';
4
+
5
+ const app = createApp(App);
6
+ app.mount();
@@ -0,0 +1,58 @@
1
+ <script setup lang="ts">
2
+ import { ref } from 'vue'
3
+ import { useMainThreadRef } from 'vue-lynx'
4
+
5
+ import MainThreadDraggable from './MainThreadDraggable.vue'
6
+ import BackgroundDraggable from './BackgroundDraggable.vue'
7
+
8
+ const DEFAULT_X = 0
9
+ const DEFAULT_Y = 500
10
+
11
+ // --- Main Thread Scroll Handler (worklet context) ---
12
+ const onMTScrollCtx = {
13
+ _wkltId: 'main-thread-draggable-raw:onScroll',
14
+ _workletType: 'main-thread',
15
+ _c: {} as Record<string, unknown>,
16
+ }
17
+
18
+ // MainThreadRef for the MT draggable box
19
+ const mtDraggableRef = useMainThreadRef(null)
20
+
21
+ // Stamp the ref's _wvid into the worklet context so the MT handler
22
+ // can resolve it via lynxWorkletImpl._refImpl._workletRefMap
23
+ onMTScrollCtx._c = { _mtRef: mtDraggableRef.toJSON() }
24
+
25
+ // --- Background Thread Scroll Handler ---
26
+ const bgPosX = ref(DEFAULT_X)
27
+ const bgPosY = ref(DEFAULT_Y)
28
+
29
+ function onBGScroll(event: { detail?: { scrollTop?: number } }) {
30
+ const scrollTop = event.detail?.scrollTop ?? 0
31
+ bgPosX.value = DEFAULT_X
32
+ bgPosY.value = DEFAULT_Y - scrollTop
33
+ }
34
+ </script>
35
+
36
+ <template>
37
+ <view :style="{ width: '100%', height: '100%', position: 'relative', backgroundColor: 'white' }">
38
+ <view :style="{ display: 'flex', flexDirection: 'row', width: '100%', height: '100%' }">
39
+ <!-- Left half: Scroll View -->
40
+ <scroll-view
41
+ :style="{ width: '50%', height: '100%' }"
42
+ scroll-orientation="vertical"
43
+ :main-thread-bindscroll="onMTScrollCtx"
44
+ @scroll="onBGScroll"
45
+ >
46
+ <view :style="{ backgroundColor: 'yellow', width: '100%', height: 500 }" />
47
+ <view :style="{ backgroundColor: 'lightskyblue', width: '100%', height: 100 }" />
48
+ <view :style="{ backgroundColor: 'yellow', width: '100%', height: 1000 }" />
49
+ </scroll-view>
50
+
51
+ <!-- Right half: Draggable boxes -->
52
+ <view :style="{ width: '50%', height: '100%', display: 'flex', flexDirection: 'row' }">
53
+ <MainThreadDraggable :size="100" :mt-ref="mtDraggableRef" />
54
+ <BackgroundDraggable :size="100" :pos-x="bgPosX" :pos-y="bgPosY" />
55
+ </view>
56
+ </view>
57
+ </view>
58
+ </template>
@@ -0,0 +1,20 @@
1
+ <script setup lang="ts">
2
+ defineProps<{
3
+ size: number
4
+ posX: number
5
+ posY: number
6
+ }>()
7
+ </script>
8
+
9
+ <template>
10
+ <view
11
+ :style="{
12
+ height: `${size}px`,
13
+ width: `${size}px`,
14
+ backgroundColor: 'lightskyblue',
15
+ transform: `translate(${posX}px, ${posY}px)`,
16
+ }"
17
+ >
18
+ <text :style="{ fontSize: 12, color: '#333' }">BGDraggable</text>
19
+ </view>
20
+ </template>
@@ -0,0 +1,22 @@
1
+ <script setup lang="ts">
2
+ import type { MainThreadRef } from 'vue-lynx'
3
+
4
+ defineProps<{
5
+ size: number
6
+ mtRef: MainThreadRef
7
+ }>()
8
+ </script>
9
+
10
+ <template>
11
+ <view
12
+ :main-thread-ref="mtRef"
13
+ :style="{
14
+ height: `${size}px`,
15
+ width: `${size}px`,
16
+ backgroundColor: 'lightskyblue',
17
+ transform: 'translate(0px, 500px)',
18
+ }"
19
+ >
20
+ <text :style="{ fontSize: 12, color: '#333' }">MTDraggable</text>
21
+ </view>
22
+ </template>