diff --git a/README.md b/README.md
index ec1ae65..182f671 100644
--- a/README.md
+++ b/README.md
@@ -83,19 +83,19 @@ const app = new QUI({
         // Custom EVENT
     },
     when: {
-        before_render: function () {
+        beforeRender: function () {
             // Stop rendering
         },
         rendered: function () {
             // Rendered
         },
-        before_update: function () {
+        beforeUpdate: function () {
             // Stop updating
         },
         updated: function () {
             // Updated
         },
-        before_destroy: function () {
+        beforeDestroy: function () {
             // Stop destruction
         },
         destroyed: function () {
diff --git a/README.zh.md b/README.zh.md
index 71b3683..b36caa0 100644
--- a/README.zh.md
+++ b/README.zh.md
@@ -83,19 +83,19 @@ const app = new QUI({
         // 自訂 EVENT
     },
     when: {
-        before_render: function () {
+        beforeRender: function () {
             // 停止渲染
         },
         rendered: function () {
             // 已渲染
         },
-        before_update: function () {
+        beforeUpdate: function () {
             // 停止更新
         },
         updated: function () {
             // 已更新
         },
-        before_destroy: function () {
+        beforeDestroy: function () {
             // 停止銷毀
         },
         destroyed: function () {
diff --git a/dist/QuickUI.esm.js b/dist/QuickUI.esm.js
index 47063aa..6b31a8f 100644
--- a/dist/QuickUI.esm.js
+++ b/dist/QuickUI.esm.js
@@ -1 +1 @@
-!function(){"use strict";const e=document,t=String,n=Number,i=Array,o=Object,r=Boolean,a=JSON,s=URL,l=Date,c=Math,d=RegExp,u=Promise,f=Node,h=parseInt,g=isNaN,p=structuredClone,m=setTimeout,y=IntersectionObserver,b=/\{\{\s*(((CALC|LENGTH|UPPER|LOWER|DATE)\(\s*[\w\.\s\+\-\*\/\,\s\/\\:]+\s*\))|[\w\.]+)\s*\}\}/i,k=/\s+([\w\.]+)\s*$/i,M=/\s*[\!\>\<\=]+\=*\s*/,w=/([\w\.]+)\s*([\+\-\*\/\%])\s*([\d\.]+)/,C=/\.([\w_-]+)?/gi,A=/\#([\w_-]+)?/i,D=/^\w+(?=[\#\.]*)/i,I=":path",N=":for",x=":if",v=":else-if",T=":elif",E=":else",j="addEventListener",O="animation",P="appendChild",z="attributes",L="body",S="children",R="class",Y="classList",Z="cloneNode",B="createTextNode",H="data",$="effect",U="ELEMENT_NODE",V="error",_="event",W="from",G="getAttribute",q="head",Q="id",X="index",F="indexOf",J="innerHTML",K="isArray",ee="join",te="key",ne="keys",ie="lazyload",oe="length",re="toLowerCase",ae="match",se="next",le="nodeType",ce="now",de="observe",ue="parentElement",fe="parentNode",he="parse",ge="props",pe="push",me="querySelectorAll",ye="remove",be="removeAttribute",ke="render",Me="replace",we="script",Ce="setAttribute",Ae="shift",De="slice",Ie="splice",Ne="split",xe="src",ve="startsWith",Te="stringify",Ee="style",je="tag",Oe="tagName",Pe="temp",ze="test",Le="TEXT_NODE",Se="textContent",Re="toString",Ye="toUpperCase",Ze="trim",Be="type",He="unobserve",$e="value",Ue="vdom",Ve={[x]:null,[v]:null,[T]:null,[E]:null},_e={":id":"id",":src":xe,":alt":"alt",":href":"href",tagHtml:"innerHTML"},We={":margin":"margin",":padding":"padding",":border":"border",":border-radius":"borderRadius",":outline":"outline",":box-sahdow":"boxShadow",":background-image":"backgroundImage",":background-attachment":"backgroundAttachment",":background-blend-mode":"backgroundBlendMode",":background-clip":"backgroundClip",":background-origin":"backgroundOrigin",":background-position":"backgroundPosition",":background-position-x":"backgroundPositionX",":background-position-y":"backgroundPositionY",":background-repeat":"backgroundRepeat",":background-size":"backgroundSize",":background-color":"backgroundColor",":color":"color",":bg-image":"backgroundImage",":bg-attachment":"backgroundAttachment",":bg-blend-mode":"backgroundBlendMode",":bg-clip":"backgroundClip",":bg-origin":"backgroundOrigin",":bg-position":"backgroundPosition",":bg-position-x":"backgroundPositionX",":bg-position-y":"backgroundPositionY",":bg-repeat":"backgroundRepeat",":bg-size":"backgroundSize",":bg-color":"backgroundColor",":borderRadius":"borderRadius",":boxSahdow":"boxShadow",":backgroundImage":"backgroundImage",":backgroundAttachment":"backgroundAttachment",":backgroundBlendMode":"backgroundBlendMode",":backgroundClip":"backgroundClip",":backgroundOrigin":"backgroundOrigin",":backgroundPosition":"backgroundPosition",":backgroundPositionX":"backgroundPositionX",":backgroundPositionY":"backgroundPositionY",":backgroundRepeat":"backgroundRepeat",":backgroundSize":"backgroundSize",":backgroundColor":"backgroundColor"},Ge="beforeRender",qe="beforeUpdate",Qe="beforeDestroy",Xe="rendered",Fe="updated",Je="destroyed",Ke="before_render",et="before_update",tt="before_destroy",nt={create:"CREATE",append:"APPEND",replace:"REPLACE",text:"TEXT",prop:"PROP",remove:"REMOVE"},it={domId:"ID: 未提供。",dom:"元素: 不存在。",vdomModel:"虛擬 DOM: 未初始化。",vdomTemp:"虛擬 DOM: 未創建。"};e[q][P](st("style",'\n*[\\:effect="fade-in"],\n*[effect="fade-in"] {\n    opacity: 0;\n    transition: opacity 0.3s ease-in 0s;\n}\n\n*[\\:effect="fade-in"].show,\n*[effect="fade-in"].show {\n    opacity: 1;\n}\n\n*[\\:effect="expand"],\n*[effect="expand"] {\n    min-height: 0;\n    height: 0;\n    overflow: hidden;\n    transition: min-height 0.3s ease-in 0s;\n}\n\n*[\\:effect="expand"].show,\n*[effect="expand"].show {\n    opacity: 1;\n}\n\n*[\\:animation="fade-in"],\n*[animation="fade-in"] {\n    opacity: 0;\n    transition: opacity 0.3s ease-in 0s;\n}\n\n*[\\:animation="fade-in"].show,\n*[animation="fade-in"].show {\n    opacity: 1;\n}\n\n*[\\:animation="expand"],\n*[animation="expand"] {\n    min-height: 0;\n    height: 0;\n    overflow: hidden;\n    transition: min-height 0.3s ease-in 0s;\n}\n\n*[\\:animation="expand"].show,\n*[animation="expand"].show {\n    opacity: 1;\n}\n\n*[\\:mask="1=true"],\n*[mask="true"],\n*[\\:mask="1"],\n*[mask="1"] {\n    position: relative;\n}\n\n*[\\:mask="1=true"]::after,\n*[mask="true"]::after,\n*[\\:mask="1"]::after,\n*[mask="1"]::after {\n    content: \'\';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(to right, #e0e0e0 25%, #f0f0f0, #e0e0e0 75%);\n    /* 使用灰色漸層 */\n    background-size: 200% 100%;\n    /* 背景尺寸兩倍寬度 */\n    animation: loading-animation 1.5s infinite alternate;\n    /* 來回移動動畫 */\n    z-index: 10;\n    transition: 0.3s;\n}\n\n*[\\:mask="1=true"]::after,\n*[mask="true"]::after,\n*[\\:mask="1"].show::after,\n*[mask="1"].show::after {\n    opacity: 0;\n}\n\n@keyframes loading-animation {\n    0% {\n        background-position: -100% 0;\n    }\n\n    100% {\n        background-position: 100% 0;\n    }\n}\n\nimg[lazyload]:not([lazyload=""]):[effect="circle"] {\n    animation: spin 2s ease-in-out infinite;\n    width: 1.25rem !important;\n    height: 1.25rem !important;\n}\n\nimg[lazyload]:not([lazyload=""]):not([effect="circle"]) {\n    min-width: 1.25rem !important;\n    min-height: 1.25rem !important;\n    border-radius: 0.625rem !important;\n    background: linear-gradient(90deg, #e0e0e0 15%, #f0f0f0, #e0e0e0 85%);\n    background-size: 200% 100%;\n    animation: shimmer 1.5s infinite;\n}\n\n@keyframes spin {\n    0% {\n        transform: rotate(0deg);\n    }\n\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n@keyframes shimmer {\n    0% {\n        background-position: 200% 0;\n    }\n    100% {\n        background-position: -200% 0;\n    }\n}'));const ot="\ndata:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI1OTVfMzA1OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2IDEwQzE2IDExLjc3NyAxNS4yMjc1IDEzLjM3MzYgMTQgMTQuNDcyMkMxMi45Mzg1IDE1LjQyMjMgMTEuNTM2NyAxNiAxMCAxNlYyMEMxMS40MjIyIDIwIDEyLjc3NTEgMTkuNzAzMSAxNCAxOS4xNjc5QzE3LjUzMTggMTcuNjI0OCAyMCAxNC4xMDA2IDIwIDEwQzIwIDUuODk5MzYgMTcuNTMxOCAyLjM3NTIgMTQgMC44MzIwODdDMTIuNzc1MSAwLjI5Njg5NSAxMS40MjIyIDAgMTAgMFY0QzExLjUzNjcgNCAxMi45Mzg1IDQuNTc3NzEgMTQgNS41Mjc3OUMxNS4yMjc1IDYuNjI2NDMgMTYgOC4yMjMgMTYgMTBaIiBmaWxsPSIjMzQ5OERCIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNCAxMEM0IDExLjc3NyA0Ljc3MjUgMTMuMzczNiA2IDE0LjQ3MjJDNy4wNjE1MSAxNS40MjIzIDguNDYzMjkgMTYgMTAgMTZWMjBDOC41Nzc3OSAyMCA3LjIyNDkyIDE5LjcwMzEgNiAxOS4xNjc5QzIuNDY4MTkgMTcuNjI0OCAwIDE0LjEwMDYgMCAxMEMwIDUuODk5MzYgMi40NjgxOSAyLjM3NTIgNiAwLjgzMjA4N0M3LjIyNDkyIDAuMjk2ODk1IDguNTc3NzkgMCAxMCAwVjRDOC40NjMyOSA0IDcuMDYxNTEgNC41Nzc3MSA2IDUuNTI3NzlDNC43NzI1IDYuNjI2NDMgNCA4LjIyMyA0IDEwWiIgZmlsbD0iI0Q5RDlEOSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI1OTVfMzA1OSI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\n";function rt(e,t,i){return e=n(e),i=n(i),g(e)||g(i)?void 0:"+"===t?e+i:"-"===t?e-i:"*"===t?e*i:"/"===t?e/i:"%"===t?e%i:e}async function at(e,t=!1){return new u((async(n,i)=>{try{const o=await fetch(e);if(o.ok){const e=o.headers.get("Content-Type");if(e&&e[ve]("image")){if("image/svg+xml"==e&&!t)return void n(o);const r=await o.blob(),a=new Image,l=s.createObjectURL(r);a[xe]=l,a.crossOrigin="anonymous",a.onload=e=>n({[xe]:l,img:a}),a.onerror=e=>{s.revokeObjectURL(l),i(e)}}else n(o)}else i(new Error(`HTTP error! status: ${o.status}`))}catch(e){i(e)}}))}function st(n="",o,r){const a=((n[ae](D)||[])[0]||"")[Ze](),s=((n[ae](A)||[])[1]||"")[Ze](),l=(C[ze](n)&&n[ae](C)||[]).map((e=>e[Me](/^\./,"")));if(a[oe]<1)return;let c,d,u,f=!1;"temp"===n?(f=!0,c=e.createDocumentFragment()):c=e.createElement(a),s[oe]&&(c[Q]=s);for(let e of l)c[Y].add(e);if(null==o&&null!=r&&([o,r]=[r,null]),null!=o&&null!=r)[d,u]=[o,r];else if(null==r)"string"==typeof o||"number"==typeof o||i[K](o)?u=o:d=o;else if(null==o)return c;if("object"==typeof d&&null!=d)for(const e in d){if(!d.hasOwnProperty(e))continue;const t=d[e];-1!=["value","innerText",J,"textContent","contentEditable"][F](e)?c[e]=t:-1!=["color","backgroundColor","width","height","display","float"][F](e)?c[Ee][e]=t:null!=t&&c[Ce](e,t)}if(null!=u){const n="string"==typeof u,o="number"==typeof u,r=i[K](u);if(n||o){const t=u;"img"===a||"source"===a?c[xe]=t:f?c[P](e[B](u)):c[J]=t}else if(r)for(let n of u){const i=n instanceof Element;"string"==typeof n||"number"==typeof n?c[P](e[B](t(n))):i&&c[P](n)}}return c}function lt(e,t,n){return new Proxy(e,{get(e,i,o){const r=Reflect.get(e,i,o),a=t?`${t}.${i[Re]()}`:i[Re]();return"object"==typeof r&&null!==r?lt(r,a,n):r},set(e,i,o,r){const a=e[i],s=Reflect.set(e,i,o,r),l=t?`${t}.${i[Re]()}`:i[Re]();return a!==o&&n(l,o,a),s}})}function ct(e,n="yyyy/MM/DD (ddd) HH:mm:ss"){const i=new Date(1e3*e),o=t(i.getFullYear()),r=t(i.getMonth()+1),a=t(i.getDate()),s=t(i.getDay()),l=t(i.getHours()),c=t(i.getMinutes()),d=t(i.getSeconds()),u=t(i.getMilliseconds());let f={YYYY:o,yyyy:o,YY:o[De](-2),yy:o[De](-2),Y:o[De](-2),y:o[De](-2),M:r,MM:("0"+r)[De](-2),D:a,DD:("0"+a)[De](-2),d:s,dd:("0"+s)[De](-2),H:l,HH:("0"+l)[De](-2),h:t(h(l)%12||12),hh:("0"+(h(l)%12||12))[De](-2),m:c,mm:("0"+c)[De](-2),s:d,ss:("0"+d)[De](-2),SSS:("00"+u)[De](-3),a:h(l)>=12?"pm":"am",A:h(l)>=12?"PM":"AM"};const g=/zh/.test(navigator.language||"")?["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];return f.ddd=g[h(s)][De](0,3),f.dddd=g[h(s)],n.replace(/YYYY|YY|Y|yyyy|yy|y|MM|M|DD|D|HH|H|hh|h|mm|m|ss|s|SSS|a|A|ddd|dddd/g,(e=>f[e]))}let dt,ut,ft=new Map;function ht(e){return pt(gt(e[Ze]()[Me](/\s*([\{\}\[\]\:,])\s*/g,"$1")))}function gt(e){const t=[];let n=0;for(;n<e[oe];){let i=mt(e,n),o=yt(e,n);if(null==o&&null==i)break;if(null!=o&&null==i)t[pe](o[$e]),n=o[se];else if(null!=i){let o={[je]:i[je],[Q]:i[Q],[R]:i[R],[z]:{}};for(;"}"!==e[n];){if(e[De](n,n+9)===S+":"){n+=9;const t=kt(e,n);o[S]=t[$e],n=t[se]}const t=bt(e,n,[Q,R,S]);t?(o[z][t[te]]=t[$e],n=t[se]):n++}n++,t[pe](o)}}return t}function pt(t){const n=st(Pe);if(!i[K](t))return n;for(let i of t){if(null==t)continue;const o=i[je]+(null==i[Q]?"":"#"+i[Q])+(null==i[R]?"":"."+i[R][Me](/\s/g,".")),r="string"==typeof i?e[B](i):st(o,i[z]||{});null!=r&&("string"!=typeof i&&r[P](pt(i[S])),n[P](r))}return n}function mt(e,t){let n=t,i="",o="",r=[];for(;/[\s\,]/[ze](e[n]);)n++;for(;/[a-zA-Z]/[ze](e[n]);)i+=e[n],n++;if("#"===e[n])for(n++;/[a-zA-Z0-9_-]/[ze](e[n]);)o+=e[n],n++;for(;"."===e[n];){n++;let t="";for(;/[a-zA-Z0-9_-]/[ze](e[n]);)t+=e[n],n++;r[pe](t)}const a=r[ee](" ");for(;/\s/[ze](e[n]);)n++;return"{"===e[n]?(n++,{[je]:i[Ze](),[Q]:o||null,[R]:a||null,[se]:n}):null}function yt(e,t){let n=t,i="";for(;/\s/[ze](e[n]);)n++;for(;'"'!==e[n];)n++;for(n++;'"'!==e[n];)i+=e[n],n++;return n++,{[$e]:i,[se]:n}}function bt(e,t,n=[]){let i=t,o="",r="";for(;/\s/[ze](e[i]);)i++;for(;/[a-zA-Z_-]/[ze](e[i]);)o+=e[i],i++;if(n.includes(o[Ze]()))return null;if(":"===e[i]){i++;const t=yt(e,i);return r=t[$e],i=t[se],{[te]:o[Ze](),[$e]:r,[se]:i}}return null}function kt(e,t){let n=t,i=[],o=0,r="";for(;/\s/[ze](e[n]);)n++;for(;"["!==e[n];)n++;for(n++;n<e[oe];){const t=e[n];if("{"===t)o++,r+=t;else if("}"===t)o--,r+=t;else{if("]"===t&&0===o){i=gt(r);break}r+=t}n++}return{[$e]:i,[se]:n}}function Mt(t,...n){const i=st(we,`console.${t}.apply(void 0, ${a[Te](n)});`);e[L][P](i),i[ye]()}class wt{#e;#t;#n;#i;#o;#r;#a;#s;#l;constructor(e={}){this.#e=e[Ke]||void 0,this.#t=e[Xe]||void 0,this.#n=e[et]||void 0,this.#i=e[Fe]||void 0,this.#o=e[tt]||void 0,this.#r=e[Je]||void 0}async#c(e){return new u(((t,n)=>{t(!1!==e())}))}#d(e){e(!1)}async render(e){this.#a=l.now(),null!=this.#e&&!1===await this.#c(this.#e)||(await e(),this.#s=l[ce]()-this.#a,Mt("log","渲染耗時:",this.#s/1e3),null!=this.#t&&this.#d(this.#t))}async update(e){clearTimeout(this.#l),this.#l=m((async()=>{this.#a=l.now(),null!=this.#n&&!1===await this.#c(this.#n)||(await e(),this.#s=l[ce]()-this.#a,Mt("log","更新耗時:",this.#s/1e3),null!=this.#i&&this.#d(this.#i))}),300)}async destroy(e){this.#a=l.now(),null!=this.#o&&!1===await this.#c(this.#o)||(await e(),this.#s=l[ce]()-this.#a,Mt("log","銷毀耗時:",this.#s/1e3),null!=this.#r&&this.#d(this.#r))}}var Ct;window.QUI=class{body;data={};event={};isScheduled=!1;lazyloadObserver;#u=!0;#f=null;#h=null;#g=null;#p=null;constructor(n){const o=t(n[Q]||"")[Ze]();let r;if(o[oe]<1){if("function"!=typeof n[ke])return void Mt(V,it.domId);{const t=n[ke]();r=e.createElement("section"),r.id=function(e){const t="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",n=t[oe];let o="";do{o=i[W]({length:e},(e=>t.charAt(c.floor(c.random()*n))))[ee]("")}while(ft.has(o));return ft.set(o,1),o}(64),r.className="QUIFragment",r[P](ht(t))}}else r=e.getElementById(o);if(null!=r){if(this.#f=r[Z](!0),this.#g=new At(this.#f),"function"==typeof n[ke]){const e=n[ke](),t=st(Pe),i=r[Z](!0);t[P](ht(e)),i.replaceChildren(t),this.#f=i}this.#m(n).then((e=>{this[L]=r,this[H]=lt(e,"",(e=>{this.#p?.update((()=>this.#y()))})),this[_]=n[_]||{};const t=n.option||{};!1!==t.svg&&function(){ut=new y((async(e,t)=>{for(let t of e){const e=t.target;if(!t.isIntersecting)continue;const n=(e[G](xe)||"")[Ze]();if(n[oe]<1)return;await at(n).then((t=>{ut[He](e),t.text().then((t=>{const n=st("div");n[J]=t;const i=n[S][0];i.id=e.id,e.classList.forEach((e=>i.classList.add(e))),i.onclick=e.onclick,null!=e[ue]&&e[ue].insertBefore(i,e),e.remove()})).catch((t=>{e[J]="☒"}))})).catch((t=>{e[J]="☒"}))}}));for(let e of[][De].call(document.body.querySelectorAll("temp-svg[src]:not([src=''])")||[]))ut[de](e)}(),!1!==t[ie]&&(!function(){dt=new y(((e,t)=>{const n=[];for(let t of e){const e=t.target;if(!t.isIntersecting)continue;dt[He](e);const i=(e[G](ie)||"")[Ze]();i[oe]>0&&n.push({dom:e,src:i})}Promise.all(n.map((({dom:e,src:t})=>at(t,!0).then((t=>{e[xe]=t[xe]})).catch((()=>{e[xe]="https://cdn.jsdelivr.net/gh/pardnchiu/PDRenderKit@latest/static/image/404.svg"})).finally((()=>{e[be](ie),e[be]($)})))))}));const e=document.body.querySelectorAll("img[lazyload]:not([lazyload=''])");for(let t of Array.from(e))dt[de](t)}(),this.lazyloadObserver=dt);const i=n.when||n.lifecycle||n||{};this.#p=new wt({before_render:i[Ke]||i[Ge],rendered:i[Xe],before_update:i[et]||i[qe],updated:i[Fe],before_destroy:i[tt]||i[Qe],destroyed:i[Je]}),this.#p.render((async()=>{await this.#y(),this.#u=!1}))}))}else Mt(V,it.dom)}lang(e){o.hasOwn(this.data.quickui_i18n,e)&&(this.data.quickui_i18nLang=e)}async#m(e={}){let t=e[H]||{};if("object"==typeof e.i18n&&null!=e.i18n){const n=e.i18n;t.quickui_i18n={};for(const[e,i]of Object.entries(n))if("string"==typeof i&&i.trim().length>0)try{const n=await fetch(i.trim());if(!n.ok)throw new Error(`Failed to load i18n file for ${e}`);const o=await n.json();t.quickui_i18n[e]=o}catch(n){t.quickui_i18n[e]={}}else t.quickui_i18n[e]=i}else t.quickui_i18n={};return t.quickui_i18nLang=e.i18nLang||"zh",t}#y(){return new u((async e=>{null!=this.#f?(this.#h=new At(this.#f),null!=this.#h?(this.#h[H]=a[he](a[Te](this[H])),await this.#h.updateChildren(),this.isScheduled=!0,requestAnimationFrame((()=>{this.#b(),this.isScheduled=!1,e(!0)}))):Mt(V,it.vdomTemp)):Mt(V,it.vdomModel)}))}#b(){const e=this[L];if(null==e)return void Mt("error",it.dom);const t=this.#h?.getPatches(this.#g);i[K](t)&&this.#k(e,t);for(let t of e[me]("*[\\:if]"))t[be](":if");e[Y].add("show"),"expand"!=e[G]($)&&"expand"!=e[G](O)||(e[Ee].minHeight=e.scrollHeight+"px"),m((()=>{e[be]($),e[be](O),e[be]("mask"),e[Y][ye]("fade-in"),e[Y][ye]("loading-block"),e[Y][ye]("expand"),e[Y][ye]("show")}),300),this.#g=this.#h,this.#h=null}#k(e,t){if(null!=e&&i[K](t)){this.#M(e,t);for(const n of t){const{index:t}=n,i=a[he](a[Te](t||[]));let o;n.type===nt.append&&(o=i?.pop());const r=i?this.#w(e,i):e;r&&(n.type===nt.create&&Ue in n?this.#C(r,n):n.type===nt.replace&&Ue in n&&null!=r[fe]?this.#A(r,n):n.type===nt.append&&Ue in n&&null!=o?this.#D(r,n,o):n.type===nt.prop&&te in n&&$e in n&&r instanceof Element?this.#I(r,n.key,n.value||"",n[Ue]):n.type===nt.text&&$e in n&&r.nodeType===f[Le]&&(r[Se]=n.value||""))}}}#M(e,t){const n=t.filter((e=>e.type===nt.remove)).sort(((e,t)=>{const n=(t.index.length||0)-(e.index.length||0);if(0!==n)return n;for(let n=0;n<(e.index.length||0);n++)if((e.index[n]||0)!==(t.index[n]||0))return(t.index[n]||0)-(e.index[n]||0);return 0}));for(const t of n){const n=this.#w(e,t.index);null!=n&&null!=n[fe]&&n[fe].removeChild(n)}}#C(t,n){if(n.type!==nt.create||!(Ue in n))return;const i="string"==typeof n[Ue]?e[B](n[Ue]):this.#N(n[Ue]);null!=t[ue]&&t[ue][P](i)}#A(t,n){if(n.type!==nt.replace||!(Ue in n)||null==t[fe])return;const i="string"==typeof n[Ue]?e[B](n[Ue]):this.#N(n[Ue]);if(t[fe].replaceChild(i,t),!(i instanceof Text||"string"==typeof n[Ue])){for(const e in n[Ue][ge])this.#I(i,e,n[Ue][ge][e]||"",n[Ue]);this.#x(n[Ue],i)}}#D(t,n,i){if(n.type!==nt.append||!(Ue in n)||null==i)return;const r="string"==typeof n[Ue]?e[B](n[Ue]):this.#N(n[Ue]);if(i+1>t[S][oe]?t[P](r):t.insertBefore(r,t[S][i+1]),"string"!=typeof n[Ue]){for(const[e,r]of o.entries(n[Ue][ge]))this.#I(t[S][i],e,r||"",n[Ue]);this.#x(n[Ue],t[S][i])}}#I(e,t,n,i){let o=n;if(n&&"string"==typeof n&&n.startsWith("i18n.")){const e=n.replace(/^i18n\./,""),t=this[H].quickui_i18nLang,i=this[H].quickui_i18n[t];i&&i[e]&&(o=i[e])}null==o?e[be](t):t[ve](":@")||t[ve]("@")?this.#v(e,t,o,i):t[re]()[ve](":model")?this.#T(e,t,o):t[ve](":")?this.#E(e,t,o,i):null!=e&&e[Ce](t,o)}#v(e,t,n,i){(()=>{if(!1===t[ve]("@"))return;const o=t[Me](/^\@/,"on"),r=this.#j(n,i[H])||n,a=this[_][r];e[o]=a})(),e[be](t)}#T(t,n,i){if(null==i||!/(input|select|textarea)/i[ze](t[Oe]))return;const o=t instanceof HTMLInputElement,r=t instanceof HTMLTextAreaElement,a=t instanceof HTMLSelectElement,s=t[G]("type");!o||"checkbox"!==s&&"radio"!==s?a?t[j]("change",(e=>{this[H][i]=e.target[$e]||""})):(o||r)&&(t[j]("keyup",(e=>{this[H][i]=e.target[$e]||""})),t[j]("change",(e=>{this[H][i]=e.target[$e]||""}))):t[j]("change",(t=>{this[H][i]=[...e.body.querySelectorAll("input[name='"+t.target.name+"'][type='"+s+"']:checked")].map((e=>e.value)).join(",")})),t[be](n)}#E(e,t,n,i){const o=t[re](),a=null==this.#j(n,i[H])?n:this.#j(n,i[H]),s=(_e[o]||"")[Ze](),l=(We[o]||"")[Ze](),c=t[Re]()[Me](/^\:/g,"")[Me](/-+/g," ")[Me](/(?:^\w|[A-Z]|\b\w)/g,(function(e,t){return 0===t?e[re]():e[Ye]()}))[Me](/\s+/g,"");if(o===":"+ie&&n[Ze]()[oe]>0)if(this.#u){const t=e[G](":"+$)||"";e.src="circle"===t?ot:"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px'/%3E",dt[de](e)}else{if(null==e[G](ie))return void(e.src=a);e.src=ot,dt[de](e)}if(":html"===o&&n[Ze]()[oe]>0)e[J]=a||n;else if(o===N||o in Ve);else if(":src"===o&&"temp-svg"===i.tag[re]()&&n[Ze]()[oe]>0){const t=this.#j(n,i[H])||n;e[Ce](xe,t),ut[de](e)}else o in _e?e[s]=a:o in We?e[Ee][l]=a:!(c in e[Ee])||t===":"+O&&/(fade-in|expand)/[ze](n)?":hide"===o&&r(g(+a)?a:+a)?e[Ee].display="none":e[Ce](`${t[Me](/^:/,"")}`,a):e[Ee][c]=a;e[be](t)}#x(e,t){if("string"!=typeof e)for(const n in e.children.filter((e=>"string"!=typeof e))){if(null==t)continue;const i=e.children[+n],r=t.children[+n];if("string"!=typeof i){for(const[e,t]of o.entries(i[ge]))this.#I(r,e,t||"",i);this.#x(i,r)}}}#j(e,n){if(e[Ze]()[oe]<1)return;const r=b[ze](e);let a="",s="";r&&(a=e[Ne](b)[0]||"",s=e[Ne](b)[4]||"",e=e[ae](b)[1]);const l=/^LENGTH\(.+\)/[ze](e);l&&(e=e[Me](/^LENGTH\(|\)$/g,""));const c=/^CALC\(.*\)$/[ze](e);let d="",u=0;if(c){const t=(e=e[Me](/^CALC\(|\)$/g,""))[ae](w);e=t[1],d=t[2],u=+t[3]||0}const f=/^UPPER\(.*\)$/[ze](e),h=/^LOWER\(.*\)$/[ze](e);(f||h)&&(e=e[Me](/^(UPPER|LOWER)\(|\)$/g,""));const g=/^DATE\([\w\,\-\s\:]*\)$/[ze](e);let p="";if(g){const t=(e=e[Me](/^DATE\(|\)$/g,""))[ae](/(\w+),\s*([^\n]+)/);e=t[1],p=t[2]}let m=e[Ne](/\./),y=n||this[H],k=m[0],M=y[k];for(m[Ae]();m[oe]>0;)y=M||{},k=m[0],M=y[k],m[Ae]();if(null==M)for(m=e[Ne](/\./),y=this[H],k=m[0],M=y[k],m[Ae]();m[oe]>0;)y=M||{},k=m[0],M=y[k],m[Ae]();let C="";if(null!=M&&M instanceof Object&&!i[K](M)?C=t(o[ne](M)[oe]):null!=M&&(C=M[oe]),r){if(l)return a+C+s;if(c&&(M=rt(M,d,u),null==M))return;return a+M+s}if(l)return C;if(c){if(M=rt(M,d,u),null==M)return}else{if(f)return M[Ye]();if(h)return M[re]();if(g)return ct(+M,p)}return M}#w(e,t){let n=e,o=i.from(n.childNodes).filter((e=>e.nodeType===f[U]||e.nodeType===f[Le]&&""!==e[Se]?.trim()))||[];for(const e of t)n=o[e],null!=n&&(o=i.from(n.childNodes).filter((e=>e.nodeType===f[U]||e.nodeType===f[Le]&&""!==e[Se]?.trim()))||[]);return n}#N(t){const n=e.createElement(t.tag);if(t[ge])for(const[e,i]of o.entries(t[ge]))e[ve](":")||e[ve]("@")||void 0!==i&&n[Ce](e,i);for(const i of t[S])"string"==typeof i?n[P](e[B](i)):n[P](this.#N(i));return n}};class At{tag="";props={};children=[];data=null;constructor(t){if(t[Oe][re]()===we){let n=!1;for(const i of e[q][me](we)||[])if(null!=t[xe]&&i[xe]===t[xe]||null!=t[Se]&&i[Se]===t[Se]){n=!0;break}n||e[q][P](t),this[je]=we}this[je]=t[Oe][re](),this[ge]=[...t.attributes].reduce(((e,t)=>(e[t.name]=t.value.trim(),e)),{}),this[S]=function(e){return i[W](e.childNodes).filter((e=>e[le]===f[U]||e[le]===f[Le]&&e[Se]&&e[Se][Ze]()[oe]>0))}(t).map((e=>e.nodeType===Node[U]?new Ct(e):(e[Se]||"")[Ze]()))}async updateChildren(){this.#O(this),this.#P(this),await this.#z(this),this.#O(this),this.#P(this),this.#L(this)}getPatches(e){return this.#S(e,this)}#O(e){let t=0;if(!("string"==typeof e||e[S][oe]<1)){for(;t<e[S][oe];){const n=e[S][t];if("string"==typeof n||null==n){t++;continue}if(null==n[H]&&(n[H]=e[H]),!(N in n[ge])){t++;continue}const o=n[ge][N],r=(o[ae](/^\(?\s*(\w+)/)||[])[1],s=(o[ae](/\,\s*(\w+)/)||[])[1],l=(o[ae](k)||[])[1];let c=this.#j(l,e[H]),d=[];if(delete n[ge][N],i[K](c)){c=a[he](a[Te](c));for(const e in c){const t=a[he](a[Te](c[+e]));let i=p(n);i[H]=a[he](a[Te]({[r]:t,[l]:c})),null!=s&&(i[H][s]=+e),d.push(i)}e[S][Ie](t,1,...d),t+=d[oe]-2}else if(null!=c&&"object"==typeof c){c=a[he](a[Te](c));for(const e in c){const t=a[he](a[Te](c[e]));let i=p(n);i[H]=a[he](a[Te]({[r]:e,[s]:t,[l]:c})),d.push(i)}e[S][Ie](t,1,...d),t+=d[oe]-2}else t++}for(let t of e[S])this.#O(t)}}#P(e){let i=0;if(!("string"==typeof e||e[S][oe]<1)){for(;i<e[S][oe];){const o=e[S][i];if("string"==typeof o){i++;continue}if(!(x in o[ge])){delete o[ge][v],delete o[ge][T],delete o[ge][E],i++;continue}let a=i+1,s=e[S][a],l=[i],c=!1;(()=>{for(;!c;){if(l[pe](a),a+=1,s=e[S][a],null==s||"string"==typeof s){c=!0;continue}const t=s[ge]||{};c=null==(t[v]||t[T]||t[E])}})();let d=!1,u=!1;for(let o of l){const a=e[S][o];if(null==a||"string"==typeof a)return;const s=a[ge][x]||a[ge][v]||a[ge][T],c=null!=a[ge][E];if(c&&(u=!0),d)return;if(c)e[S][Ie](i,l.length,a);else if(null!=s){const o=s[Ne](M)[0],c=s[Ne](M)[1],u=((s[ae](M)||[])[0]||"")[Ze](),f=this.#j(o,a[H]);if(null==c&&u[oe]<1?d=r(f):">"===u?d=(n(f)||0)>(n(c)||0):"<"===u?d=(n(f)||0)<(n(c)||0):">="===u||">=="===u?d=(n(f)||0)>=(n(c)||0):"<="===u||"<=="===u?d=(n(f)||0)<=(n(c)||0):"=="===u||"==="===u?d="null"==c?null==f:"true"==c?r(f):"false"==c?!r(f):"empty"==c?t(f||"")[oe]<1:t(f||"")==t(c):"!="!==u&&"!=="!==u||(d="null"==c?null!=f:"true"==c?!r(f):"false"==c?r(f):"empty"==c?t(f||"")[oe]>0:t(f||"")!=t(c)),d)return delete a[ge][x],void e[S][Ie](i,l.length,a)}}d||u?d?i+=l.length-2:i++:e[S][Ie](i,l.length)}for(let t of e[S])this.#P(t)}}async#z(e){let t=0;if(!("string"==typeof e||e[S][oe]<1)){for(;t<e[S][oe];){const n=e[S][t];if("string"==typeof n){t++;continue}if(!(I in n[ge])||"temp"!=n.tag){t++;continue}const i=n[ge][I],o=this.#j(i,e[H])||i;delete n[ge][I],await fetch(o).then((async n=>{const i=st("div",await n.text()).cloneNode(!0),o=new Ct(i);e[S][Ie](t,1,...o[S]),t+=o[S][oe]-2})),t++}for(let t of e[S])await this.#z(t)}}translate(e){const t=this.data.quickui_i18nLang;if(!this.data.quickui_i18n[t])return e;const n=e.split(".");let i=this.data.quickui_i18n[t];for(const e of n)if(i=i[e],void 0===i)break;return void 0!==i?i:e}#L(e){let t=0;if(!("string"==typeof e||e[S][oe]<1)){for(;t<e[S][oe];){let n=e[S][t];if("string"==typeof n){for(let i of n[ae](new d(b,"g"))||[]){const n=e[S][t]||"",o=i[ae](b)||[];if(o[oe]<1)continue;const r=o[1]||"";if(!("string"!=typeof n||r.length<1)&&r[ve]("i18n.")){const i=r[Me](/^i18n\./,""),o=this.translate(i);e[S][t]=n[Me](new d("{{\\s*?"+r[Me](/(\?|\.|\+|\*|\\|\%|\-|\(|\))/g,"\\$1")+"\\s*?}}","i"),o)}}for(let i of n[ae](new d(b,"g"))||[]){const n=e[S][t]||"",o=i[ae](b)||[];if(o[oe]<1)continue;const r=o[1]||"",a=this.#j(r,e[H]);"string"!=typeof n||r.length<1||null==a||(e[S][t]=n[Me](new d("{{\\s*?"+r[Me](/(\?|\.|\+|\*|\\|\%|\-|\(|\))/g,"\\$1")+"\\s*?}}","i"),a))}}else null!=n&&null==n[H]&&(n[H]=e[H]);t++}for(let t of e[S])this.#L(t)}}#j(e,n){if(e[Ze]()[oe]<1)return;const r=b[ze](e);let a="",s="";r&&(a=e[Ne](b)[0]||"",s=e[Ne](b)[4]||"",e=e[ae](b)[1]);const l=/^LENGTH\(.+\)/[ze](e);l&&(e=e[Me](/^LENGTH\(|\)$/g,""));const c=/^CALC\(.*\)$/[ze](e);let d="",u=0;if(c){const t=(e=e[Me](/^CALC\(|\)$/g,""))[ae](w);e=t[1],d=t[2],u=+t[3]||0}const f=/^UPPER\(.*\)$/[ze](e),h=/^LOWER\(.*\)$/[ze](e);(f||h)&&(e=e[Me](/^(UPPER|LOWER)\(|\)$/g,""));const g=/^DATE\([\w\,\-\s\:]*\)$/[ze](e);let p="";if(g){const t=(e=e[Me](/^DATE\(|\)$/g,""))[ae](/(\w+),\s*([^\n]+)/);e=t[1],p=t[2]}let m=e[Ne](/\./),y=n||this[H],k=m[0],M=y[k];for(m[Ae]();m[oe]>0;)y=M||{},k=m[0],M=y[k],m[Ae]();if(null==M)for(m=e[Ne](/\./),y=this[H],k=m[0],M=y[k],m[Ae]();m[oe]>0;)y=M||{},k=m[0],M=y[k],m[Ae]();let C="";if(null!=M&&M instanceof Object&&!i[K](M)?C=t(o[ne](M)[oe]):null!=M&&(C=M[oe]),r){if(l)return a+C+s;if(c&&(M=rt(M,d,u),null==M))return;return a+M+s}if(l)return C;if(c){if(M=rt(M,d,u),null==M)return}else{if(f)return M[Ye]();if(h)return M[re]();if(g)return ct(+M,p)}return M}#S(e,t,n=[]){if(null==e&&t)return[{[Be]:nt.create,[X]:n,[Ue]:t}];if(e&&!t)return[{[Be]:nt.remove,[X]:n}];if(!e&&!t)return[];if(e.tag!==t.tag)return[{[Be]:nt[Me],[X]:n,[Ue]:t}];const i=[];return i[pe](...this.#R(e,t,n)),i[pe](...this.#Y(e,t,n)),i}#R(e,t,n=[]){if(null==e||"string"==typeof e||null==t||"string"==typeof t)return[];const i=[],r=e[ge]||{},a=o[ne](r)[oe],s=t[ge]||{},l=o[ne](s)[oe];if(l>0)for(let e in s){const o=s[e];i[pe]({[Be]:nt.prop,[Ue]:t,key:e,value:o,[X]:n})}if(a>0){if(l<1)for(let e in r)i[pe]({[Be]:nt.prop,[Ue]:t,key:e,[$e]:null,[X]:n});for(let e in s)l>0&&!(e in s)&&i[pe]({[Be]:nt.prop,[Ue]:t,key:e,[$e]:null,[X]:n})}return i}#Y(e,t,n=[]){if(null==e||"string"==typeof e||null==t||"string"==typeof t)return[];const o=[],r=i[K](e[S])?e[S]:[],a=i[K](t[S])?t[S]:[],s=c.max(r[oe],a[oe]);for(let e=0;e<s;e++){const i=r[e],s=a[e],l=n.concat(e);if("string"==typeof i&&"string"==typeof s){if(i===s)continue;o[pe]({[Be]:nt.text,[Ue]:t,[$e]:s,[X]:l})}else null==i?o[pe]({[Be]:nt.append,[Ue]:s,[X]:l}):null==s?o[pe]({[Be]:nt.remove,index:l}):o[pe](...this.#S(i,s,l))}return o}}Ct=At}("undefined"==typeof window?window={}:window);export const QUI = window.QUI;
+!function(){"use strict";const e=document,t=String,n=Number,i=Array,o=Object,r=Boolean,a=JSON,s=(URL,Date),l=Math,c=RegExp,d=Promise,u=Node,f=parseInt,h=isNaN,g=structuredClone,p=setTimeout,m=IntersectionObserver,y=/\{\{\s*(((CALC|LENGTH|UPPER|LOWER|DATE)\(\s*[\w\.\s\+\-\*\/\,\s\/\\:]+\s*\))|[\w\.]+)\s*\}\}/i,b=/\s+([\w\.]+)\s*$/i,k=/\s*[\!\>\<\=]+\=*\s*/,M=/([\w\.]+)\s*([\+\-\*\/\%])\s*([\d\.]+)/,w=/\.([\w_-]+)?/gi,C=/\#([\w_-]+)?/i,D=/^\w+(?=[\#\.]*)/i,A=":path",I=":for",N=":if",x=":else-if",v=":elif",E=":else",T="addEventListener",j="animation",L="appendChild",P="attributes",O="body",z="children",S="class",R="classList",Y="cloneNode",Z="createTextNode",B="data",H="effect",U="ELEMENT_NODE",$="error",V="event",_="from",W="getAttribute",G="head",q="id",Q="index",X="indexOf",F="innerHTML",J="isArray",K="join",ee="key",te="keys",ne="lazyload",ie="length",oe="toLowerCase",re="match",ae="next",se="nodeType",le="now",ce="observe",de="parentElement",ue="parentNode",fe="parse",he="props",ge="push",pe="querySelectorAll",me="remove",ye="removeAttribute",be="render",ke="replace",Me="script",we="setAttribute",Ce="shift",De="slice",Ae="splice",Ie="split",Ne="src",xe="startsWith",ve="stringify",Ee="style",Te="tag",je="tagName",Le="temp",Pe="test",Oe="TEXT_NODE",ze="textContent",Se="toString",Re="toUpperCase",Ye="trim",Ze="type",Be="unobserve",He="value",Ue="vdom",$e={[N]:null,[x]:null,[v]:null,[E]:null},Ve={":id":"id",":src":Ne,":alt":"alt",":href":"href",tagHtml:"innerHTML"},_e={":margin":"margin",":padding":"padding",":border":"border",":border-radius":"borderRadius",":outline":"outline",":box-sahdow":"boxShadow",":background-image":"backgroundImage",":background-attachment":"backgroundAttachment",":background-blend-mode":"backgroundBlendMode",":background-clip":"backgroundClip",":background-origin":"backgroundOrigin",":background-position":"backgroundPosition",":background-position-x":"backgroundPositionX",":background-position-y":"backgroundPositionY",":background-repeat":"backgroundRepeat",":background-size":"backgroundSize",":background-color":"backgroundColor",":color":"color",":bg-image":"backgroundImage",":bg-attachment":"backgroundAttachment",":bg-blend-mode":"backgroundBlendMode",":bg-clip":"backgroundClip",":bg-origin":"backgroundOrigin",":bg-position":"backgroundPosition",":bg-position-x":"backgroundPositionX",":bg-position-y":"backgroundPositionY",":bg-repeat":"backgroundRepeat",":bg-size":"backgroundSize",":bg-color":"backgroundColor",":borderRadius":"borderRadius",":boxSahdow":"boxShadow",":backgroundImage":"backgroundImage",":backgroundAttachment":"backgroundAttachment",":backgroundBlendMode":"backgroundBlendMode",":backgroundClip":"backgroundClip",":backgroundOrigin":"backgroundOrigin",":backgroundPosition":"backgroundPosition",":backgroundPositionX":"backgroundPositionX",":backgroundPositionY":"backgroundPositionY",":backgroundRepeat":"backgroundRepeat",":backgroundSize":"backgroundSize",":backgroundColor":"backgroundColor"},We="beforeRender",Ge="beforeUpdate",qe="beforeDestroy",Qe="rendered",Xe="updated",Fe="destroyed",Je="before_render",Ke="before_update",et="before_destroy",tt={create:"CREATE",append:"APPEND",replace:"REPLACE",text:"TEXT",prop:"PROP",remove:"REMOVE"},nt={domId:"ID: 未提供。",dom:"元素: 不存在。",vdomModel:"虛擬 DOM: 未初始化。",vdomTemp:"虛擬 DOM: 未創建。"};e[G][L](at("style",'\n*[\\:effect="fade-in"],\n*[effect="fade-in"] {\n    opacity: 0;\n    transition: opacity 0.3s ease-in 0s;\n}\n\n*[\\:effect="fade-in"].show,\n*[effect="fade-in"].show {\n    opacity: 1;\n}\n\n*[\\:effect="expand"],\n*[effect="expand"] {\n    min-height: 0;\n    height: 0;\n    overflow: hidden;\n    transition: min-height 0.3s ease-in 0s;\n}\n\n*[\\:effect="expand"].show,\n*[effect="expand"].show {\n    opacity: 1;\n}\n\n*[\\:animation="fade-in"],\n*[animation="fade-in"] {\n    opacity: 0;\n    transition: opacity 0.3s ease-in 0s;\n}\n\n*[\\:animation="fade-in"].show,\n*[animation="fade-in"].show {\n    opacity: 1;\n}\n\n*[\\:animation="expand"],\n*[animation="expand"] {\n    min-height: 0;\n    height: 0;\n    overflow: hidden;\n    transition: min-height 0.3s ease-in 0s;\n}\n\n*[\\:animation="expand"].show,\n*[animation="expand"].show {\n    opacity: 1;\n}\n\n*[\\:mask="1=true"],\n*[mask="true"],\n*[\\:mask="1"],\n*[mask="1"] {\n    position: relative;\n}\n\n*[\\:mask="1=true"]::after,\n*[mask="true"]::after,\n*[\\:mask="1"]::after,\n*[mask="1"]::after {\n    content: \'\';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(to right, #e0e0e0 25%, #f0f0f0, #e0e0e0 75%);\n    /* 使用灰色漸層 */\n    background-size: 200% 100%;\n    /* 背景尺寸兩倍寬度 */\n    animation: loading-animation 1.5s infinite alternate;\n    /* 來回移動動畫 */\n    z-index: 10;\n    transition: 0.3s;\n}\n\n*[\\:mask="1=true"]::after,\n*[mask="true"]::after,\n*[\\:mask="1"].show::after,\n*[mask="1"].show::after {\n    opacity: 0;\n}\n\n@keyframes loading-animation {\n    0% {\n        background-position: -100% 0;\n    }\n\n    100% {\n        background-position: 100% 0;\n    }\n}\n\nimg[lazyload]:not([lazyload=""]):[effect="circle"] {\n    animation: spin 2s ease-in-out infinite;\n    width: 1.25rem !important;\n    height: 1.25rem !important;\n}\n\nimg[lazyload]:not([lazyload=""]):not([effect="circle"]) {\n    min-width: 1.25rem !important;\n    min-height: 1.25rem !important;\n    border-radius: 0.625rem !important;\n    background: linear-gradient(90deg, #e0e0e0 15%, #f0f0f0, #e0e0e0 85%);\n    background-size: 200% 100%;\n    animation: shimmer 1.5s infinite;\n}\n\n@keyframes spin {\n    0% {\n        transform: rotate(0deg);\n    }\n\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n@keyframes shimmer {\n    0% {\n        background-position: 200% 0;\n    }\n    100% {\n        background-position: -200% 0;\n    }\n}'));const it="\ndata:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI1OTVfMzA1OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2IDEwQzE2IDExLjc3NyAxNS4yMjc1IDEzLjM3MzYgMTQgMTQuNDcyMkMxMi45Mzg1IDE1LjQyMjMgMTEuNTM2NyAxNiAxMCAxNlYyMEMxMS40MjIyIDIwIDEyLjc3NTEgMTkuNzAzMSAxNCAxOS4xNjc5QzE3LjUzMTggMTcuNjI0OCAyMCAxNC4xMDA2IDIwIDEwQzIwIDUuODk5MzYgMTcuNTMxOCAyLjM3NTIgMTQgMC44MzIwODdDMTIuNzc1MSAwLjI5Njg5NSAxMS40MjIyIDAgMTAgMFY0QzExLjUzNjcgNCAxMi45Mzg1IDQuNTc3NzEgMTQgNS41Mjc3OUMxNS4yMjc1IDYuNjI2NDMgMTYgOC4yMjMgMTYgMTBaIiBmaWxsPSIjMzQ5OERCIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNCAxMEM0IDExLjc3NyA0Ljc3MjUgMTMuMzczNiA2IDE0LjQ3MjJDNy4wNjE1MSAxNS40MjIzIDguNDYzMjkgMTYgMTAgMTZWMjBDOC41Nzc3OSAyMCA3LjIyNDkyIDE5LjcwMzEgNiAxOS4xNjc5QzIuNDY4MTkgMTcuNjI0OCAwIDE0LjEwMDYgMCAxMEMwIDUuODk5MzYgMi40NjgxOSAyLjM3NTIgNiAwLjgzMjA4N0M3LjIyNDkyIDAuMjk2ODk1IDguNTc3NzkgMCAxMCAwVjRDOC40NjMyOSA0IDcuMDYxNTEgNC41Nzc3MSA2IDUuNTI3NzlDNC43NzI1IDYuNjI2NDMgNCA4LjIyMyA0IDEwWiIgZmlsbD0iI0Q5RDlEOSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI1OTVfMzA1OSI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\n";function ot(e,t,i){return e=n(e),i=n(i),h(e)||h(i)?void 0:"+"===t?e+i:"-"===t?e-i:"*"===t?e*i:"/"===t?e/i:"%"===t?e%i:e}async function rt(e,t=!1){try{await fetch(e,{method:"HEAD",mode:"cors"});return await async function(e,t){return new Promise((async(n,i)=>{try{const o=await fetch(e);if(o.ok){const e=o.headers.get("Content-Type");if(e&&e.startsWith("image")){if("image/svg+xml"==e&&!t)return void n(o);const i=await o.blob(),r=new Image,a=URL.createObjectURL(i);r.src=a,r.crossOrigin="anonymous",r.onload=e=>n({src:a,img:r}),r.onerror=e=>{throw URL.revokeObjectURL(a),e}}else n(o)}else i(new Error("HTTP error"))}catch(e){i(e)}}))}(e,t)}catch(e){throw e}}function at(n="",o,r){const a=((n[re](D)||[])[0]||"")[Ye](),s=((n[re](C)||[])[1]||"")[Ye](),l=(w[Pe](n)&&n[re](w)||[]).map((e=>e[ke](/^\./,"")));if(a[ie]<1)return;let c,d,u,f=!1;"temp"===n?(f=!0,c=e.createDocumentFragment()):c=e.createElement(a),s[ie]&&(c[q]=s);for(let e of l)c[R].add(e);if(null==o&&null!=r&&([o,r]=[r,null]),null!=o&&null!=r)[d,u]=[o,r];else if(null==r)"string"==typeof o||"number"==typeof o||i[J](o)?u=o:d=o;else if(null==o)return c;if("object"==typeof d&&null!=d)for(const e in d){if(!d.hasOwnProperty(e))continue;const t=d[e];-1!=["value","innerText",F,"textContent","contentEditable"][X](e)?c[e]=t:-1!=["color","backgroundColor","width","height","display","float"][X](e)?c[Ee][e]=t:null!=t&&c[we](e,t)}if(null!=u){const n="string"==typeof u,o="number"==typeof u,r=i[J](u);if(n||o){const t=u;"img"===a||"source"===a?c[Ne]=t:f?c[L](e[Z](u)):c[F]=t}else if(r)for(let n of u){const i=n instanceof Element;"string"==typeof n||"number"==typeof n?c[L](e[Z](t(n))):i&&c[L](n)}}return c}function st(e,t,n){return new Proxy(e,{get(e,i,o){const r=Reflect.get(e,i,o),a=t?`${t}.${i[Se]()}`:i[Se]();return"object"==typeof r&&null!==r?st(r,a,n):r},set(e,i,o,r){const a=e[i],s=Reflect.set(e,i,o,r),l=t?`${t}.${i[Se]()}`:i[Se]();return a!==o&&n(l,o,a),s}})}function lt(e,n="yyyy/MM/DD (ddd) HH:mm:ss"){const i=new Date(1e3*e),o=t(i.getFullYear()),r=t(i.getMonth()+1),a=t(i.getDate()),s=t(i.getDay()),l=t(i.getHours()),c=t(i.getMinutes()),d=t(i.getSeconds()),u=t(i.getMilliseconds());let h={YYYY:o,yyyy:o,YY:o[De](-2),yy:o[De](-2),Y:o[De](-2),y:o[De](-2),M:r,MM:("0"+r)[De](-2),D:a,DD:("0"+a)[De](-2),d:s,dd:("0"+s)[De](-2),H:l,HH:("0"+l)[De](-2),h:t(f(l)%12||12),hh:("0"+(f(l)%12||12))[De](-2),m:c,mm:("0"+c)[De](-2),s:d,ss:("0"+d)[De](-2),SSS:("00"+u)[De](-3),a:f(l)>=12?"pm":"am",A:f(l)>=12?"PM":"AM"};const g=/zh/.test(navigator.language||"")?["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];return h.ddd=g[f(s)][De](0,3),h.dddd=g[f(s)],n.replace(/YYYY|YY|Y|yyyy|yy|y|MM|M|DD|D|HH|H|hh|h|mm|m|ss|s|SSS|a|A|ddd|dddd/g,(e=>h[e]))}let ct,dt,ut=new Map;function ft(e){return gt(ht(e[Ye]()[ke](/\s*([\{\}\[\]\:,])\s*/g,"$1")))}function ht(e){const t=[];let n=0;for(;n<e[ie];){let i=pt(e,n),o=mt(e,n);if(null==o&&null==i)break;if(null!=o&&null==i)t[ge](o[He]),n=o[ae];else if(null!=i){let o={[Te]:i[Te],[q]:i[q],[S]:i[S],[P]:{}};for(;"}"!==e[n];){if(e[De](n,n+9)===z+":"){n+=9;const t=bt(e,n);o[z]=t[He],n=t[ae]}const t=yt(e,n,[q,S,z]);t?(o[P][t[ee]]=t[He],n=t[ae]):n++}n++,t[ge](o)}}return t}function gt(t){const n=at(Le);if(!i[J](t))return n;for(let i of t){if(null==t)continue;const o=i[Te]+(null==i[q]?"":"#"+i[q])+(null==i[S]?"":"."+i[S][ke](/\s/g,".")),r="string"==typeof i?e[Z](i):at(o,i[P]||{});null!=r&&("string"!=typeof i&&r[L](gt(i[z])),n[L](r))}return n}function pt(e,t){let n=t,i="",o="",r=[];for(;/[\s\,]/[Pe](e[n]);)n++;for(;/[a-zA-Z]/[Pe](e[n]);)i+=e[n],n++;if("#"===e[n])for(n++;/[a-zA-Z0-9_-]/[Pe](e[n]);)o+=e[n],n++;for(;"."===e[n];){n++;let t="";for(;/[a-zA-Z0-9_-]/[Pe](e[n]);)t+=e[n],n++;r[ge](t)}const a=r[K](" ");for(;/\s/[Pe](e[n]);)n++;return"{"===e[n]?(n++,{[Te]:i[Ye](),[q]:o||null,[S]:a||null,[ae]:n}):null}function mt(e,t){let n=t,i="";for(;/\s/[Pe](e[n]);)n++;for(;'"'!==e[n];)n++;for(n++;'"'!==e[n];)i+=e[n],n++;return n++,{[He]:i,[ae]:n}}function yt(e,t,n=[]){let i=t,o="",r="";for(;/\s/[Pe](e[i]);)i++;for(;/[a-zA-Z_-]/[Pe](e[i]);)o+=e[i],i++;if(n.includes(o[Ye]()))return null;if(":"===e[i]){i++;const t=mt(e,i);return r=t[He],i=t[ae],{[ee]:o[Ye](),[He]:r,[ae]:i}}return null}function bt(e,t){let n=t,i=[],o=0,r="";for(;/\s/[Pe](e[n]);)n++;for(;"["!==e[n];)n++;for(n++;n<e[ie];){const t=e[n];if("{"===t)o++,r+=t;else if("}"===t)o--,r+=t;else{if("]"===t&&0===o){i=ht(r);break}r+=t}n++}return{[He]:i,[ae]:n}}function kt(t,...n){const i=at(Me,`console.${t}.apply(void 0, ${a[ve](n)});`);e[O][L](i),i[me]()}class Mt{#e;#t;#n;#i;#o;#r;#a;#s;#l;constructor(e={}){this.#e=e[Je]||void 0,this.#t=e[Qe]||void 0,this.#n=e[Ke]||void 0,this.#i=e[Xe]||void 0,this.#o=e[et]||void 0,this.#r=e[Fe]||void 0}async#c(e){return new d(((t,n)=>{t(!1!==e())}))}#d(e){e(!1)}async render(e){this.#a=s.now(),null!=this.#e&&!1===await this.#c(this.#e)||(await e(),this.#s=s[le]()-this.#a,kt("log","渲染耗時:",this.#s/1e3),null!=this.#t&&this.#d(this.#t))}async update(e){clearTimeout(this.#l),this.#l=p((async()=>{this.#a=s.now(),null!=this.#n&&!1===await this.#c(this.#n)||(await e(),this.#s=s[le]()-this.#a,kt("log","更新耗時:",this.#s/1e3),null!=this.#i&&this.#d(this.#i))}),300)}async destroy(e){this.#a=s.now(),null!=this.#o&&!1===await this.#c(this.#o)||(await e(),this.#s=s[le]()-this.#a,kt("log","銷毀耗時:",this.#s/1e3),null!=this.#r&&this.#d(this.#r))}}var wt;window.QUI=class{body;data={};event={};isScheduled=!1;lazyloadObserver;#u=!0;#f=null;#h=null;#g=null;#p=null;constructor(n){const o=t(n[q]||"")[Ye]();let r;if(o[ie]<1){if("function"!=typeof n[be])return void kt($,nt.domId);{const t=n[be]();r=e.createElement("section"),r.id=function(e){const t="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",n=t[ie];let o="";do{o=i[_]({length:e},(e=>t.charAt(l.floor(l.random()*n))))[K]("")}while(ut.has(o));return ut.set(o,1),o}(64),r.className="QUIFragment",r[L](ft(t))}}else r=e.getElementById(o);if(null!=r){if(this.#f=r[Y](!0),this.#g=new Ct(this.#f),"function"==typeof n[be]){const e=n[be](),t=at(Le),i=r[Y](!0);t[L](ft(e)),i.replaceChildren(t),this.#f=i}this.#m(n).then((e=>{this[O]=r,this[B]=st(e,"",(e=>{this.#p?.update((()=>this.#y()))})),this[V]=n[V]||{};const t=n.option||{};!1!==t.svg&&function(){dt=new m((async(e,t)=>{for(let t of e){const e=t.target;if(!t.isIntersecting)continue;const n=(e[W](Ne)||"")[Ye]();if(n[ie]<1)return;await rt(n).then((t=>{dt[Be](e),t.text().then((t=>{const n=at("div");n[F]=t;const i=n[z][0];i.id=e.id,e.classList.forEach((e=>i.classList.add(e))),i.onclick=e.onclick,null!=e[de]&&e[de].insertBefore(i,e),e.remove()})).catch((t=>{e[F]="☒"}))})).catch((t=>{e[F]="☒"}))}}));for(let e of[][De].call(document.body.querySelectorAll("temp-svg[src]:not([src=''])")||[]))dt[ce](e)}(),!1!==t[ne]&&(!function(){ct=new m(((e,t)=>{const n=[];for(let t of e){const e=t.target;if(!t.isIntersecting)continue;ct[Be](e);const i=(e[W](ne)||"")[Ye]();i[ie]>0&&n.push({dom:e,src:i})}Promise.all(n.map((({dom:e,src:t})=>rt(t,!0).then((t=>{e[Ne]=t[Ne]})).catch((n=>{n instanceof TypeError&&n.message.includes("Load failed")||n instanceof Event?e[Ne]=t:e[Ne]="https://cdn.jsdelivr.net/gh/pardnchiu/PDRenderKit@latest/static/image/404.svg"})).finally((()=>{e[ye](ne),e[ye](H)})))))}));const e=document.body.querySelectorAll("img[lazyload]:not([lazyload=''])");for(let t of i[_](e))ct[ce](t)}(),this.lazyloadObserver=ct);const o=n.when||n.lifecycle||n||{};this.#p=new Mt({before_render:o[Je]||o[We],rendered:o[Qe],before_update:o[Ke]||o[Ge],updated:o[Xe],before_destroy:o[et]||o[qe],destroyed:o[Fe]}),this.#p.render((async()=>{await this.#y(),this.#u=!1}))}))}else kt($,nt.dom)}lang(e){o.hasOwn(this.data.quickui_i18n,e)&&(this.data.quickui_i18nLang=e)}async#m(e={}){let t=e[B]||{};if("object"==typeof e.i18n&&null!=e.i18n){const n=e.i18n;t.quickui_i18n={};for(const[e,i]of Object.entries(n))if("string"==typeof i&&i.trim().length>0)try{const n=await fetch(i.trim());if(!n.ok)throw new Error(`Failed to load i18n file for ${e}`);const o=await n.json();t.quickui_i18n[e]=o}catch(n){t.quickui_i18n[e]={}}else t.quickui_i18n[e]=i}else t.quickui_i18n={};return t.quickui_i18nLang=e.i18nLang||"zh",t}#y(){return new d((async e=>{null!=this.#f?(this.#h=new Ct(this.#f),null!=this.#h?(this.#h[B]=a[fe](a[ve](this[B])),await this.#h.updateChildren(),this.isScheduled=!0,requestAnimationFrame((()=>{this.#b(),this.isScheduled=!1,e(!0)}))):kt($,nt.vdomTemp)):kt($,nt.vdomModel)}))}#b(){const e=this[O];if(null==e)return void kt("error",nt.dom);const t=this.#h?.getPatches(this.#g);i[J](t)&&this.#k(e,t);for(let t of e[pe]("*[\\:if]"))t[ye](":if");e[R].add("show"),"expand"!=e[W](H)&&"expand"!=e[W](j)||(e[Ee].minHeight=e.scrollHeight+"px"),p((()=>{e[ye](H),e[ye](j),e[ye]("mask"),e[R][me]("fade-in"),e[R][me]("loading-block"),e[R][me]("expand"),e[R][me]("show")}),300),this.#g=this.#h,this.#h=null}#k(e,t){if(null!=e&&i[J](t)){this.#M(e,t);for(const n of t){const{index:t}=n,i=a[fe](a[ve](t||[]));let o;n.type===tt.append&&(o=i?.pop());const r=i?this.#w(e,i):e;r&&(n.type===tt.create&&Ue in n?this.#C(r,n):n.type===tt.replace&&Ue in n&&null!=r[ue]?this.#D(r,n):n.type===tt.append&&Ue in n&&null!=o?this.#A(r,n,o):n.type===tt.prop&&ee in n&&He in n&&r instanceof Element?this.#I(r,n.key,n.value,n[Ue]):n.type===tt.text&&He in n&&r.nodeType===u[Oe]&&(r[ze]=n.value||""))}}}#M(e,t){const n=t.filter((e=>e.type===tt.remove)).sort(((e,t)=>{const n=(t.index.length||0)-(e.index.length||0);if(0!==n)return n;for(let n=0;n<(e.index.length||0);n++)if((e.index[n]||0)!==(t.index[n]||0))return(t.index[n]||0)-(e.index[n]||0);return 0}));for(const t of n){const n=this.#w(e,t.index);null!=n&&null!=n[ue]&&n[ue].removeChild(n)}}#C(t,n){if(n.type!==tt.create||!(Ue in n))return;const i="string"==typeof n[Ue]?e[Z](n[Ue]):this.#N(n[Ue]);null!=t[de]&&t[de][L](i)}#D(t,n){if(n.type!==tt.replace||!(Ue in n)||null==t[ue])return;const i="string"==typeof n[Ue]?e[Z](n[Ue]):this.#N(n[Ue]);if(t[ue].replaceChild(i,t),!(i instanceof Text||"string"==typeof n[Ue])){for(const e in n[Ue][he])this.#I(i,e,n[Ue][he][e]||"",n[Ue]);this.#x(n[Ue],i)}}#A(t,n,i){if(n.type!==tt.append||!(Ue in n)||null==i)return;const r="string"==typeof n[Ue]?e[Z](n[Ue]):this.#N(n[Ue]);if(i+1>t[z][ie]?t[L](r):t.insertBefore(r,t[z][i+1]),"string"!=typeof n[Ue]){for(const[e,r]of o.entries(n[Ue][he]))this.#I(t[z][i],e,r||"",n[Ue]);this.#x(n[Ue],t[z][i])}}#I(e,t,n,i){let o=n;if(n&&"string"==typeof n&&n.startsWith("i18n.")){const e=n.replace(/^i18n\./,""),t=this[B].quickui_i18nLang,i=this[B].quickui_i18n[t];i&&i[e]&&(o=i[e])}null==o?e[ye](t):t[xe](":@")||t[xe]("@")?this.#v(e,t,o,i):t[oe]()[xe](":model")?this.#E(e,t,o):t[xe](":")?this.#T(e,t,o,i):null!=e&&e[we](t,o),e&&e[W]&&e[W](I)&&e[ye](I)}#v(e,t,n,i){(()=>{if(!1===t[xe]("@"))return;const o=t[ke](/^\@/,"on"),r=this.#j(n,i[B])||n,a=this[V][r];e[o]=a})(),e[ye](t)}#E(t,n,i){if(null==i||!/(input|select|textarea)/i[Pe](t[je]))return;const o=t instanceof HTMLInputElement,r=t instanceof HTMLTextAreaElement,a=t instanceof HTMLSelectElement,s=t[W]("type");!o||"checkbox"!==s&&"radio"!==s?a?t[T]("change",(e=>{this[B][i]=e.target[He]||""})):(o||r)&&(t[T]("keyup",(e=>{this[B][i]=e.target[He]||""})),t[T]("change",(e=>{this[B][i]=e.target[He]||""}))):t[T]("change",(t=>{this[B][i]=[...e.body.querySelectorAll("input[name='"+t.target.name+"'][type='"+s+"']:checked")].map((e=>e.value)).join(",")})),t[ye](n)}#T(e,t,n,i){const o=t[oe](),a=null==this.#j(n,i[B])?n:this.#j(n,i[B]),s=(Ve[o]||"")[Ye](),l=(_e[o]||"")[Ye](),c=t[Se]()[ke](/^\:/g,"")[ke](/-+/g," ")[ke](/(?:^\w|[A-Z]|\b\w)/g,(function(e,t){return 0===t?e[oe]():e[Re]()}))[ke](/\s+/g,"");if(o===":"+ne&&n[Ye]()[ie]>0)if(this.#u){const t=e[W](":"+H)||"";e.src="circle"===t?it:"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px'/%3E",ct[ce](e)}else{if(null==e[W](ne))return void(e.src=a);e.src=it,ct[ce](e)}if(":html"===o&&n[Ye]()[ie]>0)e[F]=a||n;else if(o===I||o in $e);else if(":src"===o&&"temp-svg"===i.tag[oe]()&&n[Ye]()[ie]>0){const t=this.#j(n,i[B])||n;e[we](Ne,t),dt[ce](e)}else o in Ve?e[s]=a:o in _e?e[Ee][l]=a:!(c in e[Ee])||t===":"+j&&/(fade-in|expand)/[Pe](n)?":hide"===o&&r(h(+a)?a:+a)?e[Ee].display="none":e[we](`${t[ke](/^:/,"")}`,a):e[Ee][c]=a;e[ye](t)}#x(e,t){if("string"!=typeof e)for(const n in e.children.filter((e=>"string"!=typeof e))){if(null==t)continue;const i=e.children[+n],r=t.children[+n];if("string"!=typeof i){for(const[e,t]of o.entries(i[he]))this.#I(r,e,t||"",i);this.#x(i,r)}}}#j(e,n){if(e[Ye]()[ie]<1)return;const r=y[Pe](e);let a="",s="";r&&(a=e[Ie](y)[0]||"",s=e[Ie](y)[4]||"",e=e[re](y)[1]);const l=/^LENGTH\(.+\)/[Pe](e);l&&(e=e[ke](/^LENGTH\(|\)$/g,""));const c=/^CALC\(.*\)$/[Pe](e);let d="",u=0;if(c){const t=(e=e[ke](/^CALC\(|\)$/g,""))[re](M);e=t[1],d=t[2],u=+t[3]||0}const f=/^UPPER\(.*\)$/[Pe](e),h=/^LOWER\(.*\)$/[Pe](e);(f||h)&&(e=e[ke](/^(UPPER|LOWER)\(|\)$/g,""));const g=/^DATE\([\w\,\-\s\:]*\)$/[Pe](e);let p="";if(g){const t=(e=e[ke](/^DATE\(|\)$/g,""))[re](/(\w+),\s*([^\n]+)/);e=t[1],p=t[2]}let m=e[Ie](/\./),b=n||this[B],k=m[0],w=b[k];for(m[Ce]();m[ie]>0;)b=w||{},k=m[0],w=b[k],m[Ce]();if(null==w)for(m=e[Ie](/\./),b=this[B],k=m[0],w=b[k],m[Ce]();m[ie]>0;)b=w||{},k=m[0],w=b[k],m[Ce]();let C="";if(null!=w&&w instanceof Object&&!i[J](w)?C=t(o[te](w)[ie]):null!=w&&(C=w[ie]),r){if(l)return a+C+s;if(c&&(w=ot(w,d,u),null==w))return;return a+w+s}if(l)return C;if(c){if(w=ot(w,d,u),null==w)return}else{if(f)return w[Re]();if(h)return w[oe]();if(g)return lt(+w,p)}return w}#w(e,t){let n=e,o=i.from(n.childNodes).filter((e=>e.nodeType===u[U]||e.nodeType===u[Oe]&&""!==e[ze]?.trim()))||[];for(const e of t)n=o[e],null!=n&&(o=i.from(n.childNodes).filter((e=>e.nodeType===u[U]||e.nodeType===u[Oe]&&""!==e[ze]?.trim()))||[]);return n}#N(t){const n=e.createElement(t.tag);if(t[he])for(const[e,i]of o.entries(t[he]))e[xe](":")||e[xe]("@")||void 0!==i&&n[we](e,i);for(const i of t[z])"string"==typeof i?n[L](e[Z](i)):n[L](this.#N(i));return n}};class Ct{tag="";props={};children=[];data=null;constructor(t){if(t[je][oe]()===Me){let n=!1;for(const i of e[G][pe](Me)||[])if(null!=t[Ne]&&i[Ne]===t[Ne]||null!=t[ze]&&i[ze]===t[ze]){n=!0;break}n||e[G][L](t),this[Te]=Me}this[Te]=t[je][oe](),this[he]=[...t.attributes].reduce(((e,t)=>(e[t.name]=t.value.trim(),e)),{}),this[z]=function(e){return i[_](e.childNodes).filter((e=>e[se]===u[U]||e[se]===u[Oe]&&e[ze]&&e[ze][Ye]()[ie]>0))}(t).map((e=>e.nodeType===Node[U]?new wt(e):(e[ze]||"")[Ye]()))}async updateChildren(){this.#L(this),this.#P(this),await this.#O(this),this.#L(this),this.#P(this),this.#z(this)}getPatches(e){return this.#S(e,this)}#L(e){let t=0;if(!("string"==typeof e||e[z][ie]<1)){for(;t<e[z][ie];){const n=e[z][t];if("string"==typeof n||null==n){t++;continue}if(null==n[B]&&(n[B]=e[B]),!(I in n[he])){t++;continue}const o=n[he][I],r=(o[re](/^\(?\s*(\w+)/)||[])[1],s=(o[re](/\,\s*(\w+)/)||[])[1],l=(o[re](b)||[])[1];let c=this.#j(l,e[B]),d=[];if(delete n[he][I],i[J](c)){c=a[fe](a[ve](c));for(const e in c){const t=a[fe](a[ve](c[+e]));let i=g(n);i[B]=a[fe](a[ve]({[r]:t,[l]:c})),null!=s&&(i[B][s]=+e),d.push(i)}e[z][Ae](t,1,...d),t+=d[ie]-2}else if(null!=c&&"object"==typeof c){c=a[fe](a[ve](c));for(const e in c){const t=a[fe](a[ve](c[e]));let i=g(n);i[B]=a[fe](a[ve]({[r]:e,[s]:t,[l]:c})),d.push(i)}e[z][Ae](t,1,...d),t+=d[ie]-2}else t++}for(let t of e[z])this.#L(t)}}#P(e){let i=0;if(!("string"==typeof e||e[z][ie]<1)){for(;i<e[z][ie];){const o=e[z][i];if("string"==typeof o){i++;continue}if(!(N in o[he])){delete o[he][x],delete o[he][v],delete o[he][E],i++;continue}let a=i+1,s=e[z][a],l=[i],c=!1;(()=>{for(;!c;){if(l[ge](a),a+=1,s=e[z][a],null==s||"string"==typeof s){c=!0;continue}const t=s[he]||{};c=null==(t[x]||t[v]||t[E])}})();let d=!1,u=!1;for(let o of l){const a=e[z][o];if(null==a||"string"==typeof a)return;const s=a[he][N]||a[he][x]||a[he][v],c=null!=a[he][E];if(c&&(u=!0),d)return;if(c)e[z][Ae](i,l.length,a);else if(null!=s){const o=s[Ie](k)[0],c=s[Ie](k)[1],u=((s[re](k)||[])[0]||"")[Ye](),f=this.#j(o,a[B]);if(null==c&&u[ie]<1?d=r(f):">"===u?d=(n(f)||0)>(n(c)||0):"<"===u?d=(n(f)||0)<(n(c)||0):">="===u||">=="===u?d=(n(f)||0)>=(n(c)||0):"<="===u||"<=="===u?d=(n(f)||0)<=(n(c)||0):"=="===u||"==="===u?d="null"==c?null==f:"true"==c?r(f):"false"==c?!r(f):"empty"==c?t(f||"")[ie]<1:t(f||"")==t(c):"!="!==u&&"!=="!==u||(d="null"==c?null!=f:"true"==c?!r(f):"false"==c?r(f):"empty"==c?t(f||"")[ie]>0:t(f||"")!=t(c)),d)return delete a[he][N],void e[z][Ae](i,l.length,a)}}d||u?d?i+=l.length-2:i++:e[z][Ae](i,l.length)}for(let t of e[z])this.#P(t)}}async#O(e){let t=0;if(!("string"==typeof e||e[z][ie]<1)){for(;t<e[z][ie];){const n=e[z][t];if("string"==typeof n){t++;continue}if(!(A in n[he])||"temp"!=n.tag){t++;continue}const i=n[he][A],o=this.#j(i,e[B])||i;delete n[he][A],await fetch(o).then((async n=>{const i=at("div",await n.text()).cloneNode(!0),o=new wt(i);e[z][Ae](t,1,...o[z]),t+=o[z][ie]-2})),t++}for(let t of e[z])await this.#O(t)}}translate(e){const t=this.data.quickui_i18nLang;if(!this.data.quickui_i18n[t])return e;const n=e.split(".");let i=this.data.quickui_i18n[t];for(const e of n)if(i=i[e],void 0===i)break;return void 0!==i?i:e}#z(e){let t=0;if(!("string"==typeof e||e[z][ie]<1)){for(;t<e[z][ie];){let n=e[z][t];if("string"==typeof n){for(let i of n[re](new c(y,"g"))||[]){const n=e[z][t]||"",o=i[re](y)||[];if(o[ie]<1)continue;const r=o[1]||"";if(!("string"!=typeof n||r.length<1)&&r[xe]("i18n.")){const i=r[ke](/^i18n\./,""),o=this.translate(i);e[z][t]=n[ke](new c("{{\\s*?"+r[ke](/(\?|\.|\+|\*|\\|\%|\-|\(|\))/g,"\\$1")+"\\s*?}}","i"),o)}}for(let i of n[re](new c(y,"g"))||[]){const n=e[z][t]||"",o=i[re](y)||[];if(o[ie]<1)continue;const r=o[1]||"",a=this.#j(r,e[B]);"string"!=typeof n||r.length<1||null==a||(e[z][t]=n[ke](new c("{{\\s*?"+r[ke](/(\?|\.|\+|\*|\\|\%|\-|\(|\))/g,"\\$1")+"\\s*?}}","i"),a))}}else null!=n&&null==n[B]&&(n[B]=e[B]);t++}for(let t of e[z])this.#z(t)}}#j(e,n){if(e[Ye]()[ie]<1)return;const r=y[Pe](e);let a="",s="";r&&(a=e[Ie](y)[0]||"",s=e[Ie](y)[4]||"",e=e[re](y)[1]);const l=/^LENGTH\(.+\)/[Pe](e);l&&(e=e[ke](/^LENGTH\(|\)$/g,""));const c=/^CALC\(.*\)$/[Pe](e);let d="",u=0;if(c){const t=(e=e[ke](/^CALC\(|\)$/g,""))[re](M);e=t[1],d=t[2],u=+t[3]||0}const f=/^UPPER\(.*\)$/[Pe](e),h=/^LOWER\(.*\)$/[Pe](e);(f||h)&&(e=e[ke](/^(UPPER|LOWER)\(|\)$/g,""));const g=/^DATE\([\w\,\-\s\:]*\)$/[Pe](e);let p="";if(g){const t=(e=e[ke](/^DATE\(|\)$/g,""))[re](/(\w+),\s*([^\n]+)/);e=t[1],p=t[2]}let m=e[Ie](/\./),b=n||this[B],k=m[0],w=b[k];for(m[Ce]();m[ie]>0;)b=w||{},k=m[0],w=b[k],m[Ce]();if(null==w)for(m=e[Ie](/\./),b=this[B],k=m[0],w=b[k],m[Ce]();m[ie]>0;)b=w||{},k=m[0],w=b[k],m[Ce]();let C="";if(null!=w&&w instanceof Object&&!i[J](w)?C=t(o[te](w)[ie]):null!=w&&(C=w[ie]),r){if(l)return a+C+s;if(c&&(w=ot(w,d,u),null==w))return;return a+w+s}if(l)return C;if(c){if(w=ot(w,d,u),null==w)return}else{if(f)return w[Re]();if(h)return w[oe]();if(g)return lt(+w,p)}return w}#S(e,t,n=[]){if(null==e&&t)return[{[Ze]:tt.create,[Q]:n,[Ue]:t}];if(e&&!t)return[{[Ze]:tt.remove,[Q]:n}];if(!e&&!t)return[];if(e.tag!==t.tag)return[{[Ze]:tt[ke],[Q]:n,[Ue]:t}];const i=[];return i[ge](...this.#R(e,t,n)),i[ge](...this.#Y(e,t,n)),i}#R(e,t,n=[]){if(null==e||"string"==typeof e||null==t||"string"==typeof t)return[];const i=[],r=e[he]||{},a=o[te](r)[ie],s=t[he]||{},l=o[te](s)[ie];if(l>0)for(let e in s){const o=s[e];i[ge]({[Ze]:tt.prop,[Ue]:t,key:e,value:o,[Q]:n})}if(a>0){if(l<1)for(let e in r)i[ge]({[Ze]:tt.prop,[Ue]:t,key:e,[He]:null,[Q]:n});for(let e in s)l>0&&!(e in s)&&i[ge]({[Ze]:tt.prop,[Ue]:t,key:e,[He]:null,[Q]:n})}return i}#Y(e,t,n=[]){if(null==e||"string"==typeof e||null==t||"string"==typeof t)return[];const o=[],r=i[J](e[z])?e[z]:[],a=i[J](t[z])?t[z]:[],s=l.max(r[ie],a[ie]);for(let e=0;e<s;e++){const i=r[e],s=a[e],l=n.concat(e);if("string"==typeof i&&"string"==typeof s){if(i===s)continue;o[ge]({[Ze]:tt.text,[Ue]:t,[He]:s,[Q]:l})}else null==i?o[ge]({[Ze]:tt.append,[Ue]:s,[Q]:l}):null==s?o[ge]({[Ze]:tt.remove,index:l}):o[ge](...this.#S(i,s,l))}return o}}wt=Ct}("undefined"==typeof window?window={}:window);export const QUI = window.QUI;
diff --git a/dist/QuickUI.js b/dist/QuickUI.js
index e894292..e4a639f 100644
--- a/dist/QuickUI.js
+++ b/dist/QuickUI.js
@@ -1 +1 @@
-!function(){"use strict";const e=document,t=String,n=Number,i=Array,o=Object,r=Boolean,a=JSON,s=URL,l=Date,c=Math,d=RegExp,u=Promise,f=Node,h=parseInt,g=isNaN,p=structuredClone,m=setTimeout,y=IntersectionObserver,b=/\{\{\s*(((CALC|LENGTH|UPPER|LOWER|DATE)\(\s*[\w\.\s\+\-\*\/\,\s\/\\:]+\s*\))|[\w\.]+)\s*\}\}/i,k=/\s+([\w\.]+)\s*$/i,M=/\s*[\!\>\<\=]+\=*\s*/,w=/([\w\.]+)\s*([\+\-\*\/\%])\s*([\d\.]+)/,C=/\.([\w_-]+)?/gi,A=/\#([\w_-]+)?/i,D=/^\w+(?=[\#\.]*)/i,I=":path",N=":for",x=":if",v=":else-if",T=":elif",E=":else",j="addEventListener",O="animation",P="appendChild",z="attributes",L="body",S="children",R="class",Y="classList",Z="cloneNode",B="createTextNode",H="data",$="effect",U="ELEMENT_NODE",V="error",_="event",W="from",G="getAttribute",q="head",Q="id",X="index",F="indexOf",J="innerHTML",K="isArray",ee="join",te="key",ne="keys",ie="lazyload",oe="length",re="toLowerCase",ae="match",se="next",le="nodeType",ce="now",de="observe",ue="parentElement",fe="parentNode",he="parse",ge="props",pe="push",me="querySelectorAll",ye="remove",be="removeAttribute",ke="render",Me="replace",we="script",Ce="setAttribute",Ae="shift",De="slice",Ie="splice",Ne="split",xe="src",ve="startsWith",Te="stringify",Ee="style",je="tag",Oe="tagName",Pe="temp",ze="test",Le="TEXT_NODE",Se="textContent",Re="toString",Ye="toUpperCase",Ze="trim",Be="type",He="unobserve",$e="value",Ue="vdom",Ve={[x]:null,[v]:null,[T]:null,[E]:null},_e={":id":"id",":src":xe,":alt":"alt",":href":"href",tagHtml:"innerHTML"},We={":margin":"margin",":padding":"padding",":border":"border",":border-radius":"borderRadius",":outline":"outline",":box-sahdow":"boxShadow",":background-image":"backgroundImage",":background-attachment":"backgroundAttachment",":background-blend-mode":"backgroundBlendMode",":background-clip":"backgroundClip",":background-origin":"backgroundOrigin",":background-position":"backgroundPosition",":background-position-x":"backgroundPositionX",":background-position-y":"backgroundPositionY",":background-repeat":"backgroundRepeat",":background-size":"backgroundSize",":background-color":"backgroundColor",":color":"color",":bg-image":"backgroundImage",":bg-attachment":"backgroundAttachment",":bg-blend-mode":"backgroundBlendMode",":bg-clip":"backgroundClip",":bg-origin":"backgroundOrigin",":bg-position":"backgroundPosition",":bg-position-x":"backgroundPositionX",":bg-position-y":"backgroundPositionY",":bg-repeat":"backgroundRepeat",":bg-size":"backgroundSize",":bg-color":"backgroundColor",":borderRadius":"borderRadius",":boxSahdow":"boxShadow",":backgroundImage":"backgroundImage",":backgroundAttachment":"backgroundAttachment",":backgroundBlendMode":"backgroundBlendMode",":backgroundClip":"backgroundClip",":backgroundOrigin":"backgroundOrigin",":backgroundPosition":"backgroundPosition",":backgroundPositionX":"backgroundPositionX",":backgroundPositionY":"backgroundPositionY",":backgroundRepeat":"backgroundRepeat",":backgroundSize":"backgroundSize",":backgroundColor":"backgroundColor"},Ge="beforeRender",qe="beforeUpdate",Qe="beforeDestroy",Xe="rendered",Fe="updated",Je="destroyed",Ke="before_render",et="before_update",tt="before_destroy",nt={create:"CREATE",append:"APPEND",replace:"REPLACE",text:"TEXT",prop:"PROP",remove:"REMOVE"},it={domId:"ID: 未提供。",dom:"元素: 不存在。",vdomModel:"虛擬 DOM: 未初始化。",vdomTemp:"虛擬 DOM: 未創建。"};e[q][P](st("style",'\n*[\\:effect="fade-in"],\n*[effect="fade-in"] {\n    opacity: 0;\n    transition: opacity 0.3s ease-in 0s;\n}\n\n*[\\:effect="fade-in"].show,\n*[effect="fade-in"].show {\n    opacity: 1;\n}\n\n*[\\:effect="expand"],\n*[effect="expand"] {\n    min-height: 0;\n    height: 0;\n    overflow: hidden;\n    transition: min-height 0.3s ease-in 0s;\n}\n\n*[\\:effect="expand"].show,\n*[effect="expand"].show {\n    opacity: 1;\n}\n\n*[\\:animation="fade-in"],\n*[animation="fade-in"] {\n    opacity: 0;\n    transition: opacity 0.3s ease-in 0s;\n}\n\n*[\\:animation="fade-in"].show,\n*[animation="fade-in"].show {\n    opacity: 1;\n}\n\n*[\\:animation="expand"],\n*[animation="expand"] {\n    min-height: 0;\n    height: 0;\n    overflow: hidden;\n    transition: min-height 0.3s ease-in 0s;\n}\n\n*[\\:animation="expand"].show,\n*[animation="expand"].show {\n    opacity: 1;\n}\n\n*[\\:mask="1=true"],\n*[mask="true"],\n*[\\:mask="1"],\n*[mask="1"] {\n    position: relative;\n}\n\n*[\\:mask="1=true"]::after,\n*[mask="true"]::after,\n*[\\:mask="1"]::after,\n*[mask="1"]::after {\n    content: \'\';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(to right, #e0e0e0 25%, #f0f0f0, #e0e0e0 75%);\n    /* 使用灰色漸層 */\n    background-size: 200% 100%;\n    /* 背景尺寸兩倍寬度 */\n    animation: loading-animation 1.5s infinite alternate;\n    /* 來回移動動畫 */\n    z-index: 10;\n    transition: 0.3s;\n}\n\n*[\\:mask="1=true"]::after,\n*[mask="true"]::after,\n*[\\:mask="1"].show::after,\n*[mask="1"].show::after {\n    opacity: 0;\n}\n\n@keyframes loading-animation {\n    0% {\n        background-position: -100% 0;\n    }\n\n    100% {\n        background-position: 100% 0;\n    }\n}\n\nimg[lazyload]:not([lazyload=""]):[effect="circle"] {\n    animation: spin 2s ease-in-out infinite;\n    width: 1.25rem !important;\n    height: 1.25rem !important;\n}\n\nimg[lazyload]:not([lazyload=""]):not([effect="circle"]) {\n    min-width: 1.25rem !important;\n    min-height: 1.25rem !important;\n    border-radius: 0.625rem !important;\n    background: linear-gradient(90deg, #e0e0e0 15%, #f0f0f0, #e0e0e0 85%);\n    background-size: 200% 100%;\n    animation: shimmer 1.5s infinite;\n}\n\n@keyframes spin {\n    0% {\n        transform: rotate(0deg);\n    }\n\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n@keyframes shimmer {\n    0% {\n        background-position: 200% 0;\n    }\n    100% {\n        background-position: -200% 0;\n    }\n}'));const ot="\ndata:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI1OTVfMzA1OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2IDEwQzE2IDExLjc3NyAxNS4yMjc1IDEzLjM3MzYgMTQgMTQuNDcyMkMxMi45Mzg1IDE1LjQyMjMgMTEuNTM2NyAxNiAxMCAxNlYyMEMxMS40MjIyIDIwIDEyLjc3NTEgMTkuNzAzMSAxNCAxOS4xNjc5QzE3LjUzMTggMTcuNjI0OCAyMCAxNC4xMDA2IDIwIDEwQzIwIDUuODk5MzYgMTcuNTMxOCAyLjM3NTIgMTQgMC44MzIwODdDMTIuNzc1MSAwLjI5Njg5NSAxMS40MjIyIDAgMTAgMFY0QzExLjUzNjcgNCAxMi45Mzg1IDQuNTc3NzEgMTQgNS41Mjc3OUMxNS4yMjc1IDYuNjI2NDMgMTYgOC4yMjMgMTYgMTBaIiBmaWxsPSIjMzQ5OERCIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNCAxMEM0IDExLjc3NyA0Ljc3MjUgMTMuMzczNiA2IDE0LjQ3MjJDNy4wNjE1MSAxNS40MjIzIDguNDYzMjkgMTYgMTAgMTZWMjBDOC41Nzc3OSAyMCA3LjIyNDkyIDE5LjcwMzEgNiAxOS4xNjc5QzIuNDY4MTkgMTcuNjI0OCAwIDE0LjEwMDYgMCAxMEMwIDUuODk5MzYgMi40NjgxOSAyLjM3NTIgNiAwLjgzMjA4N0M3LjIyNDkyIDAuMjk2ODk1IDguNTc3NzkgMCAxMCAwVjRDOC40NjMyOSA0IDcuMDYxNTEgNC41Nzc3MSA2IDUuNTI3NzlDNC43NzI1IDYuNjI2NDMgNCA4LjIyMyA0IDEwWiIgZmlsbD0iI0Q5RDlEOSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI1OTVfMzA1OSI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\n";function rt(e,t,i){return e=n(e),i=n(i),g(e)||g(i)?void 0:"+"===t?e+i:"-"===t?e-i:"*"===t?e*i:"/"===t?e/i:"%"===t?e%i:e}async function at(e,t=!1){return new u((async(n,i)=>{try{const o=await fetch(e);if(o.ok){const e=o.headers.get("Content-Type");if(e&&e[ve]("image")){if("image/svg+xml"==e&&!t)return void n(o);const r=await o.blob(),a=new Image,l=s.createObjectURL(r);a[xe]=l,a.crossOrigin="anonymous",a.onload=e=>n({[xe]:l,img:a}),a.onerror=e=>{s.revokeObjectURL(l),i(e)}}else n(o)}else i(new Error(`HTTP error! status: ${o.status}`))}catch(e){i(e)}}))}function st(n="",o,r){const a=((n[ae](D)||[])[0]||"")[Ze](),s=((n[ae](A)||[])[1]||"")[Ze](),l=(C[ze](n)&&n[ae](C)||[]).map((e=>e[Me](/^\./,"")));if(a[oe]<1)return;let c,d,u,f=!1;"temp"===n?(f=!0,c=e.createDocumentFragment()):c=e.createElement(a),s[oe]&&(c[Q]=s);for(let e of l)c[Y].add(e);if(null==o&&null!=r&&([o,r]=[r,null]),null!=o&&null!=r)[d,u]=[o,r];else if(null==r)"string"==typeof o||"number"==typeof o||i[K](o)?u=o:d=o;else if(null==o)return c;if("object"==typeof d&&null!=d)for(const e in d){if(!d.hasOwnProperty(e))continue;const t=d[e];-1!=["value","innerText",J,"textContent","contentEditable"][F](e)?c[e]=t:-1!=["color","backgroundColor","width","height","display","float"][F](e)?c[Ee][e]=t:null!=t&&c[Ce](e,t)}if(null!=u){const n="string"==typeof u,o="number"==typeof u,r=i[K](u);if(n||o){const t=u;"img"===a||"source"===a?c[xe]=t:f?c[P](e[B](u)):c[J]=t}else if(r)for(let n of u){const i=n instanceof Element;"string"==typeof n||"number"==typeof n?c[P](e[B](t(n))):i&&c[P](n)}}return c}function lt(e,t,n){return new Proxy(e,{get(e,i,o){const r=Reflect.get(e,i,o),a=t?`${t}.${i[Re]()}`:i[Re]();return"object"==typeof r&&null!==r?lt(r,a,n):r},set(e,i,o,r){const a=e[i],s=Reflect.set(e,i,o,r),l=t?`${t}.${i[Re]()}`:i[Re]();return a!==o&&n(l,o,a),s}})}function ct(e,n="yyyy/MM/DD (ddd) HH:mm:ss"){const i=new Date(1e3*e),o=t(i.getFullYear()),r=t(i.getMonth()+1),a=t(i.getDate()),s=t(i.getDay()),l=t(i.getHours()),c=t(i.getMinutes()),d=t(i.getSeconds()),u=t(i.getMilliseconds());let f={YYYY:o,yyyy:o,YY:o[De](-2),yy:o[De](-2),Y:o[De](-2),y:o[De](-2),M:r,MM:("0"+r)[De](-2),D:a,DD:("0"+a)[De](-2),d:s,dd:("0"+s)[De](-2),H:l,HH:("0"+l)[De](-2),h:t(h(l)%12||12),hh:("0"+(h(l)%12||12))[De](-2),m:c,mm:("0"+c)[De](-2),s:d,ss:("0"+d)[De](-2),SSS:("00"+u)[De](-3),a:h(l)>=12?"pm":"am",A:h(l)>=12?"PM":"AM"};const g=/zh/.test(navigator.language||"")?["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];return f.ddd=g[h(s)][De](0,3),f.dddd=g[h(s)],n.replace(/YYYY|YY|Y|yyyy|yy|y|MM|M|DD|D|HH|H|hh|h|mm|m|ss|s|SSS|a|A|ddd|dddd/g,(e=>f[e]))}let dt,ut,ft=new Map;function ht(e){return pt(gt(e[Ze]()[Me](/\s*([\{\}\[\]\:,])\s*/g,"$1")))}function gt(e){const t=[];let n=0;for(;n<e[oe];){let i=mt(e,n),o=yt(e,n);if(null==o&&null==i)break;if(null!=o&&null==i)t[pe](o[$e]),n=o[se];else if(null!=i){let o={[je]:i[je],[Q]:i[Q],[R]:i[R],[z]:{}};for(;"}"!==e[n];){if(e[De](n,n+9)===S+":"){n+=9;const t=kt(e,n);o[S]=t[$e],n=t[se]}const t=bt(e,n,[Q,R,S]);t?(o[z][t[te]]=t[$e],n=t[se]):n++}n++,t[pe](o)}}return t}function pt(t){const n=st(Pe);if(!i[K](t))return n;for(let i of t){if(null==t)continue;const o=i[je]+(null==i[Q]?"":"#"+i[Q])+(null==i[R]?"":"."+i[R][Me](/\s/g,".")),r="string"==typeof i?e[B](i):st(o,i[z]||{});null!=r&&("string"!=typeof i&&r[P](pt(i[S])),n[P](r))}return n}function mt(e,t){let n=t,i="",o="",r=[];for(;/[\s\,]/[ze](e[n]);)n++;for(;/[a-zA-Z]/[ze](e[n]);)i+=e[n],n++;if("#"===e[n])for(n++;/[a-zA-Z0-9_-]/[ze](e[n]);)o+=e[n],n++;for(;"."===e[n];){n++;let t="";for(;/[a-zA-Z0-9_-]/[ze](e[n]);)t+=e[n],n++;r[pe](t)}const a=r[ee](" ");for(;/\s/[ze](e[n]);)n++;return"{"===e[n]?(n++,{[je]:i[Ze](),[Q]:o||null,[R]:a||null,[se]:n}):null}function yt(e,t){let n=t,i="";for(;/\s/[ze](e[n]);)n++;for(;'"'!==e[n];)n++;for(n++;'"'!==e[n];)i+=e[n],n++;return n++,{[$e]:i,[se]:n}}function bt(e,t,n=[]){let i=t,o="",r="";for(;/\s/[ze](e[i]);)i++;for(;/[a-zA-Z_-]/[ze](e[i]);)o+=e[i],i++;if(n.includes(o[Ze]()))return null;if(":"===e[i]){i++;const t=yt(e,i);return r=t[$e],i=t[se],{[te]:o[Ze](),[$e]:r,[se]:i}}return null}function kt(e,t){let n=t,i=[],o=0,r="";for(;/\s/[ze](e[n]);)n++;for(;"["!==e[n];)n++;for(n++;n<e[oe];){const t=e[n];if("{"===t)o++,r+=t;else if("}"===t)o--,r+=t;else{if("]"===t&&0===o){i=gt(r);break}r+=t}n++}return{[$e]:i,[se]:n}}function Mt(t,...n){const i=st(we,`console.${t}.apply(void 0, ${a[Te](n)});`);e[L][P](i),i[ye]()}class wt{#e;#t;#n;#i;#o;#r;#a;#s;#l;constructor(e={}){this.#e=e[Ke]||void 0,this.#t=e[Xe]||void 0,this.#n=e[et]||void 0,this.#i=e[Fe]||void 0,this.#o=e[tt]||void 0,this.#r=e[Je]||void 0}async#c(e){return new u(((t,n)=>{t(!1!==e())}))}#d(e){e(!1)}async render(e){this.#a=l.now(),null!=this.#e&&!1===await this.#c(this.#e)||(await e(),this.#s=l[ce]()-this.#a,Mt("log","渲染耗時:",this.#s/1e3),null!=this.#t&&this.#d(this.#t))}async update(e){clearTimeout(this.#l),this.#l=m((async()=>{this.#a=l.now(),null!=this.#n&&!1===await this.#c(this.#n)||(await e(),this.#s=l[ce]()-this.#a,Mt("log","更新耗時:",this.#s/1e3),null!=this.#i&&this.#d(this.#i))}),300)}async destroy(e){this.#a=l.now(),null!=this.#o&&!1===await this.#c(this.#o)||(await e(),this.#s=l[ce]()-this.#a,Mt("log","銷毀耗時:",this.#s/1e3),null!=this.#r&&this.#d(this.#r))}}var Ct;window.QUI=class{body;data={};event={};isScheduled=!1;lazyloadObserver;#u=!0;#f=null;#h=null;#g=null;#p=null;constructor(n){const o=t(n[Q]||"")[Ze]();let r;if(o[oe]<1){if("function"!=typeof n[ke])return void Mt(V,it.domId);{const t=n[ke]();r=e.createElement("section"),r.id=function(e){const t="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",n=t[oe];let o="";do{o=i[W]({length:e},(e=>t.charAt(c.floor(c.random()*n))))[ee]("")}while(ft.has(o));return ft.set(o,1),o}(64),r.className="QUIFragment",r[P](ht(t))}}else r=e.getElementById(o);if(null!=r){if(this.#f=r[Z](!0),this.#g=new At(this.#f),"function"==typeof n[ke]){const e=n[ke](),t=st(Pe),i=r[Z](!0);t[P](ht(e)),i.replaceChildren(t),this.#f=i}this.#m(n).then((e=>{this[L]=r,this[H]=lt(e,"",(e=>{this.#p?.update((()=>this.#y()))})),this[_]=n[_]||{};const t=n.option||{};!1!==t.svg&&function(){ut=new y((async(e,t)=>{for(let t of e){const e=t.target;if(!t.isIntersecting)continue;const n=(e[G](xe)||"")[Ze]();if(n[oe]<1)return;await at(n).then((t=>{ut[He](e),t.text().then((t=>{const n=st("div");n[J]=t;const i=n[S][0];i.id=e.id,e.classList.forEach((e=>i.classList.add(e))),i.onclick=e.onclick,null!=e[ue]&&e[ue].insertBefore(i,e),e.remove()})).catch((t=>{e[J]="☒"}))})).catch((t=>{e[J]="☒"}))}}));for(let e of[][De].call(document.body.querySelectorAll("temp-svg[src]:not([src=''])")||[]))ut[de](e)}(),!1!==t[ie]&&(!function(){dt=new y(((e,t)=>{const n=[];for(let t of e){const e=t.target;if(!t.isIntersecting)continue;dt[He](e);const i=(e[G](ie)||"")[Ze]();i[oe]>0&&n.push({dom:e,src:i})}Promise.all(n.map((({dom:e,src:t})=>at(t,!0).then((t=>{e[xe]=t[xe]})).catch((()=>{e[xe]="https://cdn.jsdelivr.net/gh/pardnchiu/PDRenderKit@latest/static/image/404.svg"})).finally((()=>{e[be](ie),e[be]($)})))))}));const e=document.body.querySelectorAll("img[lazyload]:not([lazyload=''])");for(let t of Array.from(e))dt[de](t)}(),this.lazyloadObserver=dt);const i=n.when||n.lifecycle||n||{};this.#p=new wt({before_render:i[Ke]||i[Ge],rendered:i[Xe],before_update:i[et]||i[qe],updated:i[Fe],before_destroy:i[tt]||i[Qe],destroyed:i[Je]}),this.#p.render((async()=>{await this.#y(),this.#u=!1}))}))}else Mt(V,it.dom)}lang(e){o.hasOwn(this.data.quickui_i18n,e)&&(this.data.quickui_i18nLang=e)}async#m(e={}){let t=e[H]||{};if("object"==typeof e.i18n&&null!=e.i18n){const n=e.i18n;t.quickui_i18n={};for(const[e,i]of Object.entries(n))if("string"==typeof i&&i.trim().length>0)try{const n=await fetch(i.trim());if(!n.ok)throw new Error(`Failed to load i18n file for ${e}`);const o=await n.json();t.quickui_i18n[e]=o}catch(n){t.quickui_i18n[e]={}}else t.quickui_i18n[e]=i}else t.quickui_i18n={};return t.quickui_i18nLang=e.i18nLang||"zh",t}#y(){return new u((async e=>{null!=this.#f?(this.#h=new At(this.#f),null!=this.#h?(this.#h[H]=a[he](a[Te](this[H])),await this.#h.updateChildren(),this.isScheduled=!0,requestAnimationFrame((()=>{this.#b(),this.isScheduled=!1,e(!0)}))):Mt(V,it.vdomTemp)):Mt(V,it.vdomModel)}))}#b(){const e=this[L];if(null==e)return void Mt("error",it.dom);const t=this.#h?.getPatches(this.#g);i[K](t)&&this.#k(e,t);for(let t of e[me]("*[\\:if]"))t[be](":if");e[Y].add("show"),"expand"!=e[G]($)&&"expand"!=e[G](O)||(e[Ee].minHeight=e.scrollHeight+"px"),m((()=>{e[be]($),e[be](O),e[be]("mask"),e[Y][ye]("fade-in"),e[Y][ye]("loading-block"),e[Y][ye]("expand"),e[Y][ye]("show")}),300),this.#g=this.#h,this.#h=null}#k(e,t){if(null!=e&&i[K](t)){this.#M(e,t);for(const n of t){const{index:t}=n,i=a[he](a[Te](t||[]));let o;n.type===nt.append&&(o=i?.pop());const r=i?this.#w(e,i):e;r&&(n.type===nt.create&&Ue in n?this.#C(r,n):n.type===nt.replace&&Ue in n&&null!=r[fe]?this.#A(r,n):n.type===nt.append&&Ue in n&&null!=o?this.#D(r,n,o):n.type===nt.prop&&te in n&&$e in n&&r instanceof Element?this.#I(r,n.key,n.value||"",n[Ue]):n.type===nt.text&&$e in n&&r.nodeType===f[Le]&&(r[Se]=n.value||""))}}}#M(e,t){const n=t.filter((e=>e.type===nt.remove)).sort(((e,t)=>{const n=(t.index.length||0)-(e.index.length||0);if(0!==n)return n;for(let n=0;n<(e.index.length||0);n++)if((e.index[n]||0)!==(t.index[n]||0))return(t.index[n]||0)-(e.index[n]||0);return 0}));for(const t of n){const n=this.#w(e,t.index);null!=n&&null!=n[fe]&&n[fe].removeChild(n)}}#C(t,n){if(n.type!==nt.create||!(Ue in n))return;const i="string"==typeof n[Ue]?e[B](n[Ue]):this.#N(n[Ue]);null!=t[ue]&&t[ue][P](i)}#A(t,n){if(n.type!==nt.replace||!(Ue in n)||null==t[fe])return;const i="string"==typeof n[Ue]?e[B](n[Ue]):this.#N(n[Ue]);if(t[fe].replaceChild(i,t),!(i instanceof Text||"string"==typeof n[Ue])){for(const e in n[Ue][ge])this.#I(i,e,n[Ue][ge][e]||"",n[Ue]);this.#x(n[Ue],i)}}#D(t,n,i){if(n.type!==nt.append||!(Ue in n)||null==i)return;const r="string"==typeof n[Ue]?e[B](n[Ue]):this.#N(n[Ue]);if(i+1>t[S][oe]?t[P](r):t.insertBefore(r,t[S][i+1]),"string"!=typeof n[Ue]){for(const[e,r]of o.entries(n[Ue][ge]))this.#I(t[S][i],e,r||"",n[Ue]);this.#x(n[Ue],t[S][i])}}#I(e,t,n,i){let o=n;if(n&&"string"==typeof n&&n.startsWith("i18n.")){const e=n.replace(/^i18n\./,""),t=this[H].quickui_i18nLang,i=this[H].quickui_i18n[t];i&&i[e]&&(o=i[e])}null==o?e[be](t):t[ve](":@")||t[ve]("@")?this.#v(e,t,o,i):t[re]()[ve](":model")?this.#T(e,t,o):t[ve](":")?this.#E(e,t,o,i):null!=e&&e[Ce](t,o)}#v(e,t,n,i){(()=>{if(!1===t[ve]("@"))return;const o=t[Me](/^\@/,"on"),r=this.#j(n,i[H])||n,a=this[_][r];e[o]=a})(),e[be](t)}#T(t,n,i){if(null==i||!/(input|select|textarea)/i[ze](t[Oe]))return;const o=t instanceof HTMLInputElement,r=t instanceof HTMLTextAreaElement,a=t instanceof HTMLSelectElement,s=t[G]("type");!o||"checkbox"!==s&&"radio"!==s?a?t[j]("change",(e=>{this[H][i]=e.target[$e]||""})):(o||r)&&(t[j]("keyup",(e=>{this[H][i]=e.target[$e]||""})),t[j]("change",(e=>{this[H][i]=e.target[$e]||""}))):t[j]("change",(t=>{this[H][i]=[...e.body.querySelectorAll("input[name='"+t.target.name+"'][type='"+s+"']:checked")].map((e=>e.value)).join(",")})),t[be](n)}#E(e,t,n,i){const o=t[re](),a=null==this.#j(n,i[H])?n:this.#j(n,i[H]),s=(_e[o]||"")[Ze](),l=(We[o]||"")[Ze](),c=t[Re]()[Me](/^\:/g,"")[Me](/-+/g," ")[Me](/(?:^\w|[A-Z]|\b\w)/g,(function(e,t){return 0===t?e[re]():e[Ye]()}))[Me](/\s+/g,"");if(o===":"+ie&&n[Ze]()[oe]>0)if(this.#u){const t=e[G](":"+$)||"";e.src="circle"===t?ot:"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px'/%3E",dt[de](e)}else{if(null==e[G](ie))return void(e.src=a);e.src=ot,dt[de](e)}if(":html"===o&&n[Ze]()[oe]>0)e[J]=a||n;else if(o===N||o in Ve);else if(":src"===o&&"temp-svg"===i.tag[re]()&&n[Ze]()[oe]>0){const t=this.#j(n,i[H])||n;e[Ce](xe,t),ut[de](e)}else o in _e?e[s]=a:o in We?e[Ee][l]=a:!(c in e[Ee])||t===":"+O&&/(fade-in|expand)/[ze](n)?":hide"===o&&r(g(+a)?a:+a)?e[Ee].display="none":e[Ce](`${t[Me](/^:/,"")}`,a):e[Ee][c]=a;e[be](t)}#x(e,t){if("string"!=typeof e)for(const n in e.children.filter((e=>"string"!=typeof e))){if(null==t)continue;const i=e.children[+n],r=t.children[+n];if("string"!=typeof i){for(const[e,t]of o.entries(i[ge]))this.#I(r,e,t||"",i);this.#x(i,r)}}}#j(e,n){if(e[Ze]()[oe]<1)return;const r=b[ze](e);let a="",s="";r&&(a=e[Ne](b)[0]||"",s=e[Ne](b)[4]||"",e=e[ae](b)[1]);const l=/^LENGTH\(.+\)/[ze](e);l&&(e=e[Me](/^LENGTH\(|\)$/g,""));const c=/^CALC\(.*\)$/[ze](e);let d="",u=0;if(c){const t=(e=e[Me](/^CALC\(|\)$/g,""))[ae](w);e=t[1],d=t[2],u=+t[3]||0}const f=/^UPPER\(.*\)$/[ze](e),h=/^LOWER\(.*\)$/[ze](e);(f||h)&&(e=e[Me](/^(UPPER|LOWER)\(|\)$/g,""));const g=/^DATE\([\w\,\-\s\:]*\)$/[ze](e);let p="";if(g){const t=(e=e[Me](/^DATE\(|\)$/g,""))[ae](/(\w+),\s*([^\n]+)/);e=t[1],p=t[2]}let m=e[Ne](/\./),y=n||this[H],k=m[0],M=y[k];for(m[Ae]();m[oe]>0;)y=M||{},k=m[0],M=y[k],m[Ae]();if(null==M)for(m=e[Ne](/\./),y=this[H],k=m[0],M=y[k],m[Ae]();m[oe]>0;)y=M||{},k=m[0],M=y[k],m[Ae]();let C="";if(null!=M&&M instanceof Object&&!i[K](M)?C=t(o[ne](M)[oe]):null!=M&&(C=M[oe]),r){if(l)return a+C+s;if(c&&(M=rt(M,d,u),null==M))return;return a+M+s}if(l)return C;if(c){if(M=rt(M,d,u),null==M)return}else{if(f)return M[Ye]();if(h)return M[re]();if(g)return ct(+M,p)}return M}#w(e,t){let n=e,o=i.from(n.childNodes).filter((e=>e.nodeType===f[U]||e.nodeType===f[Le]&&""!==e[Se]?.trim()))||[];for(const e of t)n=o[e],null!=n&&(o=i.from(n.childNodes).filter((e=>e.nodeType===f[U]||e.nodeType===f[Le]&&""!==e[Se]?.trim()))||[]);return n}#N(t){const n=e.createElement(t.tag);if(t[ge])for(const[e,i]of o.entries(t[ge]))e[ve](":")||e[ve]("@")||void 0!==i&&n[Ce](e,i);for(const i of t[S])"string"==typeof i?n[P](e[B](i)):n[P](this.#N(i));return n}};class At{tag="";props={};children=[];data=null;constructor(t){if(t[Oe][re]()===we){let n=!1;for(const i of e[q][me](we)||[])if(null!=t[xe]&&i[xe]===t[xe]||null!=t[Se]&&i[Se]===t[Se]){n=!0;break}n||e[q][P](t),this[je]=we}this[je]=t[Oe][re](),this[ge]=[...t.attributes].reduce(((e,t)=>(e[t.name]=t.value.trim(),e)),{}),this[S]=function(e){return i[W](e.childNodes).filter((e=>e[le]===f[U]||e[le]===f[Le]&&e[Se]&&e[Se][Ze]()[oe]>0))}(t).map((e=>e.nodeType===Node[U]?new Ct(e):(e[Se]||"")[Ze]()))}async updateChildren(){this.#O(this),this.#P(this),await this.#z(this),this.#O(this),this.#P(this),this.#L(this)}getPatches(e){return this.#S(e,this)}#O(e){let t=0;if(!("string"==typeof e||e[S][oe]<1)){for(;t<e[S][oe];){const n=e[S][t];if("string"==typeof n||null==n){t++;continue}if(null==n[H]&&(n[H]=e[H]),!(N in n[ge])){t++;continue}const o=n[ge][N],r=(o[ae](/^\(?\s*(\w+)/)||[])[1],s=(o[ae](/\,\s*(\w+)/)||[])[1],l=(o[ae](k)||[])[1];let c=this.#j(l,e[H]),d=[];if(delete n[ge][N],i[K](c)){c=a[he](a[Te](c));for(const e in c){const t=a[he](a[Te](c[+e]));let i=p(n);i[H]=a[he](a[Te]({[r]:t,[l]:c})),null!=s&&(i[H][s]=+e),d.push(i)}e[S][Ie](t,1,...d),t+=d[oe]-2}else if(null!=c&&"object"==typeof c){c=a[he](a[Te](c));for(const e in c){const t=a[he](a[Te](c[e]));let i=p(n);i[H]=a[he](a[Te]({[r]:e,[s]:t,[l]:c})),d.push(i)}e[S][Ie](t,1,...d),t+=d[oe]-2}else t++}for(let t of e[S])this.#O(t)}}#P(e){let i=0;if(!("string"==typeof e||e[S][oe]<1)){for(;i<e[S][oe];){const o=e[S][i];if("string"==typeof o){i++;continue}if(!(x in o[ge])){delete o[ge][v],delete o[ge][T],delete o[ge][E],i++;continue}let a=i+1,s=e[S][a],l=[i],c=!1;(()=>{for(;!c;){if(l[pe](a),a+=1,s=e[S][a],null==s||"string"==typeof s){c=!0;continue}const t=s[ge]||{};c=null==(t[v]||t[T]||t[E])}})();let d=!1,u=!1;for(let o of l){const a=e[S][o];if(null==a||"string"==typeof a)return;const s=a[ge][x]||a[ge][v]||a[ge][T],c=null!=a[ge][E];if(c&&(u=!0),d)return;if(c)e[S][Ie](i,l.length,a);else if(null!=s){const o=s[Ne](M)[0],c=s[Ne](M)[1],u=((s[ae](M)||[])[0]||"")[Ze](),f=this.#j(o,a[H]);if(null==c&&u[oe]<1?d=r(f):">"===u?d=(n(f)||0)>(n(c)||0):"<"===u?d=(n(f)||0)<(n(c)||0):">="===u||">=="===u?d=(n(f)||0)>=(n(c)||0):"<="===u||"<=="===u?d=(n(f)||0)<=(n(c)||0):"=="===u||"==="===u?d="null"==c?null==f:"true"==c?r(f):"false"==c?!r(f):"empty"==c?t(f||"")[oe]<1:t(f||"")==t(c):"!="!==u&&"!=="!==u||(d="null"==c?null!=f:"true"==c?!r(f):"false"==c?r(f):"empty"==c?t(f||"")[oe]>0:t(f||"")!=t(c)),d)return delete a[ge][x],void e[S][Ie](i,l.length,a)}}d||u?d?i+=l.length-2:i++:e[S][Ie](i,l.length)}for(let t of e[S])this.#P(t)}}async#z(e){let t=0;if(!("string"==typeof e||e[S][oe]<1)){for(;t<e[S][oe];){const n=e[S][t];if("string"==typeof n){t++;continue}if(!(I in n[ge])||"temp"!=n.tag){t++;continue}const i=n[ge][I],o=this.#j(i,e[H])||i;delete n[ge][I],await fetch(o).then((async n=>{const i=st("div",await n.text()).cloneNode(!0),o=new Ct(i);e[S][Ie](t,1,...o[S]),t+=o[S][oe]-2})),t++}for(let t of e[S])await this.#z(t)}}translate(e){const t=this.data.quickui_i18nLang;if(!this.data.quickui_i18n[t])return e;const n=e.split(".");let i=this.data.quickui_i18n[t];for(const e of n)if(i=i[e],void 0===i)break;return void 0!==i?i:e}#L(e){let t=0;if(!("string"==typeof e||e[S][oe]<1)){for(;t<e[S][oe];){let n=e[S][t];if("string"==typeof n){for(let i of n[ae](new d(b,"g"))||[]){const n=e[S][t]||"",o=i[ae](b)||[];if(o[oe]<1)continue;const r=o[1]||"";if(!("string"!=typeof n||r.length<1)&&r[ve]("i18n.")){const i=r[Me](/^i18n\./,""),o=this.translate(i);e[S][t]=n[Me](new d("{{\\s*?"+r[Me](/(\?|\.|\+|\*|\\|\%|\-|\(|\))/g,"\\$1")+"\\s*?}}","i"),o)}}for(let i of n[ae](new d(b,"g"))||[]){const n=e[S][t]||"",o=i[ae](b)||[];if(o[oe]<1)continue;const r=o[1]||"",a=this.#j(r,e[H]);"string"!=typeof n||r.length<1||null==a||(e[S][t]=n[Me](new d("{{\\s*?"+r[Me](/(\?|\.|\+|\*|\\|\%|\-|\(|\))/g,"\\$1")+"\\s*?}}","i"),a))}}else null!=n&&null==n[H]&&(n[H]=e[H]);t++}for(let t of e[S])this.#L(t)}}#j(e,n){if(e[Ze]()[oe]<1)return;const r=b[ze](e);let a="",s="";r&&(a=e[Ne](b)[0]||"",s=e[Ne](b)[4]||"",e=e[ae](b)[1]);const l=/^LENGTH\(.+\)/[ze](e);l&&(e=e[Me](/^LENGTH\(|\)$/g,""));const c=/^CALC\(.*\)$/[ze](e);let d="",u=0;if(c){const t=(e=e[Me](/^CALC\(|\)$/g,""))[ae](w);e=t[1],d=t[2],u=+t[3]||0}const f=/^UPPER\(.*\)$/[ze](e),h=/^LOWER\(.*\)$/[ze](e);(f||h)&&(e=e[Me](/^(UPPER|LOWER)\(|\)$/g,""));const g=/^DATE\([\w\,\-\s\:]*\)$/[ze](e);let p="";if(g){const t=(e=e[Me](/^DATE\(|\)$/g,""))[ae](/(\w+),\s*([^\n]+)/);e=t[1],p=t[2]}let m=e[Ne](/\./),y=n||this[H],k=m[0],M=y[k];for(m[Ae]();m[oe]>0;)y=M||{},k=m[0],M=y[k],m[Ae]();if(null==M)for(m=e[Ne](/\./),y=this[H],k=m[0],M=y[k],m[Ae]();m[oe]>0;)y=M||{},k=m[0],M=y[k],m[Ae]();let C="";if(null!=M&&M instanceof Object&&!i[K](M)?C=t(o[ne](M)[oe]):null!=M&&(C=M[oe]),r){if(l)return a+C+s;if(c&&(M=rt(M,d,u),null==M))return;return a+M+s}if(l)return C;if(c){if(M=rt(M,d,u),null==M)return}else{if(f)return M[Ye]();if(h)return M[re]();if(g)return ct(+M,p)}return M}#S(e,t,n=[]){if(null==e&&t)return[{[Be]:nt.create,[X]:n,[Ue]:t}];if(e&&!t)return[{[Be]:nt.remove,[X]:n}];if(!e&&!t)return[];if(e.tag!==t.tag)return[{[Be]:nt[Me],[X]:n,[Ue]:t}];const i=[];return i[pe](...this.#R(e,t,n)),i[pe](...this.#Y(e,t,n)),i}#R(e,t,n=[]){if(null==e||"string"==typeof e||null==t||"string"==typeof t)return[];const i=[],r=e[ge]||{},a=o[ne](r)[oe],s=t[ge]||{},l=o[ne](s)[oe];if(l>0)for(let e in s){const o=s[e];i[pe]({[Be]:nt.prop,[Ue]:t,key:e,value:o,[X]:n})}if(a>0){if(l<1)for(let e in r)i[pe]({[Be]:nt.prop,[Ue]:t,key:e,[$e]:null,[X]:n});for(let e in s)l>0&&!(e in s)&&i[pe]({[Be]:nt.prop,[Ue]:t,key:e,[$e]:null,[X]:n})}return i}#Y(e,t,n=[]){if(null==e||"string"==typeof e||null==t||"string"==typeof t)return[];const o=[],r=i[K](e[S])?e[S]:[],a=i[K](t[S])?t[S]:[],s=c.max(r[oe],a[oe]);for(let e=0;e<s;e++){const i=r[e],s=a[e],l=n.concat(e);if("string"==typeof i&&"string"==typeof s){if(i===s)continue;o[pe]({[Be]:nt.text,[Ue]:t,[$e]:s,[X]:l})}else null==i?o[pe]({[Be]:nt.append,[Ue]:s,[X]:l}):null==s?o[pe]({[Be]:nt.remove,index:l}):o[pe](...this.#S(i,s,l))}return o}}Ct=At}("undefined"==typeof window?window={}:window);
\ No newline at end of file
+!function(){"use strict";const e=document,t=String,n=Number,i=Array,o=Object,r=Boolean,a=JSON,s=(URL,Date),l=Math,c=RegExp,d=Promise,u=Node,f=parseInt,h=isNaN,g=structuredClone,p=setTimeout,m=IntersectionObserver,y=/\{\{\s*(((CALC|LENGTH|UPPER|LOWER|DATE)\(\s*[\w\.\s\+\-\*\/\,\s\/\\:]+\s*\))|[\w\.]+)\s*\}\}/i,b=/\s+([\w\.]+)\s*$/i,k=/\s*[\!\>\<\=]+\=*\s*/,M=/([\w\.]+)\s*([\+\-\*\/\%])\s*([\d\.]+)/,w=/\.([\w_-]+)?/gi,C=/\#([\w_-]+)?/i,D=/^\w+(?=[\#\.]*)/i,A=":path",I=":for",N=":if",x=":else-if",v=":elif",E=":else",T="addEventListener",j="animation",L="appendChild",P="attributes",O="body",z="children",S="class",R="classList",Y="cloneNode",Z="createTextNode",B="data",H="effect",U="ELEMENT_NODE",$="error",V="event",_="from",W="getAttribute",G="head",q="id",Q="index",X="indexOf",F="innerHTML",J="isArray",K="join",ee="key",te="keys",ne="lazyload",ie="length",oe="toLowerCase",re="match",ae="next",se="nodeType",le="now",ce="observe",de="parentElement",ue="parentNode",fe="parse",he="props",ge="push",pe="querySelectorAll",me="remove",ye="removeAttribute",be="render",ke="replace",Me="script",we="setAttribute",Ce="shift",De="slice",Ae="splice",Ie="split",Ne="src",xe="startsWith",ve="stringify",Ee="style",Te="tag",je="tagName",Le="temp",Pe="test",Oe="TEXT_NODE",ze="textContent",Se="toString",Re="toUpperCase",Ye="trim",Ze="type",Be="unobserve",He="value",Ue="vdom",$e={[N]:null,[x]:null,[v]:null,[E]:null},Ve={":id":"id",":src":Ne,":alt":"alt",":href":"href",tagHtml:"innerHTML"},_e={":margin":"margin",":padding":"padding",":border":"border",":border-radius":"borderRadius",":outline":"outline",":box-sahdow":"boxShadow",":background-image":"backgroundImage",":background-attachment":"backgroundAttachment",":background-blend-mode":"backgroundBlendMode",":background-clip":"backgroundClip",":background-origin":"backgroundOrigin",":background-position":"backgroundPosition",":background-position-x":"backgroundPositionX",":background-position-y":"backgroundPositionY",":background-repeat":"backgroundRepeat",":background-size":"backgroundSize",":background-color":"backgroundColor",":color":"color",":bg-image":"backgroundImage",":bg-attachment":"backgroundAttachment",":bg-blend-mode":"backgroundBlendMode",":bg-clip":"backgroundClip",":bg-origin":"backgroundOrigin",":bg-position":"backgroundPosition",":bg-position-x":"backgroundPositionX",":bg-position-y":"backgroundPositionY",":bg-repeat":"backgroundRepeat",":bg-size":"backgroundSize",":bg-color":"backgroundColor",":borderRadius":"borderRadius",":boxSahdow":"boxShadow",":backgroundImage":"backgroundImage",":backgroundAttachment":"backgroundAttachment",":backgroundBlendMode":"backgroundBlendMode",":backgroundClip":"backgroundClip",":backgroundOrigin":"backgroundOrigin",":backgroundPosition":"backgroundPosition",":backgroundPositionX":"backgroundPositionX",":backgroundPositionY":"backgroundPositionY",":backgroundRepeat":"backgroundRepeat",":backgroundSize":"backgroundSize",":backgroundColor":"backgroundColor"},We="beforeRender",Ge="beforeUpdate",qe="beforeDestroy",Qe="rendered",Xe="updated",Fe="destroyed",Je="before_render",Ke="before_update",et="before_destroy",tt={create:"CREATE",append:"APPEND",replace:"REPLACE",text:"TEXT",prop:"PROP",remove:"REMOVE"},nt={domId:"ID: 未提供。",dom:"元素: 不存在。",vdomModel:"虛擬 DOM: 未初始化。",vdomTemp:"虛擬 DOM: 未創建。"};e[G][L](at("style",'\n*[\\:effect="fade-in"],\n*[effect="fade-in"] {\n    opacity: 0;\n    transition: opacity 0.3s ease-in 0s;\n}\n\n*[\\:effect="fade-in"].show,\n*[effect="fade-in"].show {\n    opacity: 1;\n}\n\n*[\\:effect="expand"],\n*[effect="expand"] {\n    min-height: 0;\n    height: 0;\n    overflow: hidden;\n    transition: min-height 0.3s ease-in 0s;\n}\n\n*[\\:effect="expand"].show,\n*[effect="expand"].show {\n    opacity: 1;\n}\n\n*[\\:animation="fade-in"],\n*[animation="fade-in"] {\n    opacity: 0;\n    transition: opacity 0.3s ease-in 0s;\n}\n\n*[\\:animation="fade-in"].show,\n*[animation="fade-in"].show {\n    opacity: 1;\n}\n\n*[\\:animation="expand"],\n*[animation="expand"] {\n    min-height: 0;\n    height: 0;\n    overflow: hidden;\n    transition: min-height 0.3s ease-in 0s;\n}\n\n*[\\:animation="expand"].show,\n*[animation="expand"].show {\n    opacity: 1;\n}\n\n*[\\:mask="1=true"],\n*[mask="true"],\n*[\\:mask="1"],\n*[mask="1"] {\n    position: relative;\n}\n\n*[\\:mask="1=true"]::after,\n*[mask="true"]::after,\n*[\\:mask="1"]::after,\n*[mask="1"]::after {\n    content: \'\';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(to right, #e0e0e0 25%, #f0f0f0, #e0e0e0 75%);\n    /* 使用灰色漸層 */\n    background-size: 200% 100%;\n    /* 背景尺寸兩倍寬度 */\n    animation: loading-animation 1.5s infinite alternate;\n    /* 來回移動動畫 */\n    z-index: 10;\n    transition: 0.3s;\n}\n\n*[\\:mask="1=true"]::after,\n*[mask="true"]::after,\n*[\\:mask="1"].show::after,\n*[mask="1"].show::after {\n    opacity: 0;\n}\n\n@keyframes loading-animation {\n    0% {\n        background-position: -100% 0;\n    }\n\n    100% {\n        background-position: 100% 0;\n    }\n}\n\nimg[lazyload]:not([lazyload=""]):[effect="circle"] {\n    animation: spin 2s ease-in-out infinite;\n    width: 1.25rem !important;\n    height: 1.25rem !important;\n}\n\nimg[lazyload]:not([lazyload=""]):not([effect="circle"]) {\n    min-width: 1.25rem !important;\n    min-height: 1.25rem !important;\n    border-radius: 0.625rem !important;\n    background: linear-gradient(90deg, #e0e0e0 15%, #f0f0f0, #e0e0e0 85%);\n    background-size: 200% 100%;\n    animation: shimmer 1.5s infinite;\n}\n\n@keyframes spin {\n    0% {\n        transform: rotate(0deg);\n    }\n\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n@keyframes shimmer {\n    0% {\n        background-position: 200% 0;\n    }\n    100% {\n        background-position: -200% 0;\n    }\n}'));const it="\ndata:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI1OTVfMzA1OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2IDEwQzE2IDExLjc3NyAxNS4yMjc1IDEzLjM3MzYgMTQgMTQuNDcyMkMxMi45Mzg1IDE1LjQyMjMgMTEuNTM2NyAxNiAxMCAxNlYyMEMxMS40MjIyIDIwIDEyLjc3NTEgMTkuNzAzMSAxNCAxOS4xNjc5QzE3LjUzMTggMTcuNjI0OCAyMCAxNC4xMDA2IDIwIDEwQzIwIDUuODk5MzYgMTcuNTMxOCAyLjM3NTIgMTQgMC44MzIwODdDMTIuNzc1MSAwLjI5Njg5NSAxMS40MjIyIDAgMTAgMFY0QzExLjUzNjcgNCAxMi45Mzg1IDQuNTc3NzEgMTQgNS41Mjc3OUMxNS4yMjc1IDYuNjI2NDMgMTYgOC4yMjMgMTYgMTBaIiBmaWxsPSIjMzQ5OERCIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNCAxMEM0IDExLjc3NyA0Ljc3MjUgMTMuMzczNiA2IDE0LjQ3MjJDNy4wNjE1MSAxNS40MjIzIDguNDYzMjkgMTYgMTAgMTZWMjBDOC41Nzc3OSAyMCA3LjIyNDkyIDE5LjcwMzEgNiAxOS4xNjc5QzIuNDY4MTkgMTcuNjI0OCAwIDE0LjEwMDYgMCAxMEMwIDUuODk5MzYgMi40NjgxOSAyLjM3NTIgNiAwLjgzMjA4N0M3LjIyNDkyIDAuMjk2ODk1IDguNTc3NzkgMCAxMCAwVjRDOC40NjMyOSA0IDcuMDYxNTEgNC41Nzc3MSA2IDUuNTI3NzlDNC43NzI1IDYuNjI2NDMgNCA4LjIyMyA0IDEwWiIgZmlsbD0iI0Q5RDlEOSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI1OTVfMzA1OSI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\n";function ot(e,t,i){return e=n(e),i=n(i),h(e)||h(i)?void 0:"+"===t?e+i:"-"===t?e-i:"*"===t?e*i:"/"===t?e/i:"%"===t?e%i:e}async function rt(e,t=!1){try{await fetch(e,{method:"HEAD",mode:"cors"});return await async function(e,t){return new Promise((async(n,i)=>{try{const o=await fetch(e);if(o.ok){const e=o.headers.get("Content-Type");if(e&&e.startsWith("image")){if("image/svg+xml"==e&&!t)return void n(o);const i=await o.blob(),r=new Image,a=URL.createObjectURL(i);r.src=a,r.crossOrigin="anonymous",r.onload=e=>n({src:a,img:r}),r.onerror=e=>{throw URL.revokeObjectURL(a),e}}else n(o)}else i(new Error("HTTP error"))}catch(e){i(e)}}))}(e,t)}catch(e){throw e}}function at(n="",o,r){const a=((n[re](D)||[])[0]||"")[Ye](),s=((n[re](C)||[])[1]||"")[Ye](),l=(w[Pe](n)&&n[re](w)||[]).map((e=>e[ke](/^\./,"")));if(a[ie]<1)return;let c,d,u,f=!1;"temp"===n?(f=!0,c=e.createDocumentFragment()):c=e.createElement(a),s[ie]&&(c[q]=s);for(let e of l)c[R].add(e);if(null==o&&null!=r&&([o,r]=[r,null]),null!=o&&null!=r)[d,u]=[o,r];else if(null==r)"string"==typeof o||"number"==typeof o||i[J](o)?u=o:d=o;else if(null==o)return c;if("object"==typeof d&&null!=d)for(const e in d){if(!d.hasOwnProperty(e))continue;const t=d[e];-1!=["value","innerText",F,"textContent","contentEditable"][X](e)?c[e]=t:-1!=["color","backgroundColor","width","height","display","float"][X](e)?c[Ee][e]=t:null!=t&&c[we](e,t)}if(null!=u){const n="string"==typeof u,o="number"==typeof u,r=i[J](u);if(n||o){const t=u;"img"===a||"source"===a?c[Ne]=t:f?c[L](e[Z](u)):c[F]=t}else if(r)for(let n of u){const i=n instanceof Element;"string"==typeof n||"number"==typeof n?c[L](e[Z](t(n))):i&&c[L](n)}}return c}function st(e,t,n){return new Proxy(e,{get(e,i,o){const r=Reflect.get(e,i,o),a=t?`${t}.${i[Se]()}`:i[Se]();return"object"==typeof r&&null!==r?st(r,a,n):r},set(e,i,o,r){const a=e[i],s=Reflect.set(e,i,o,r),l=t?`${t}.${i[Se]()}`:i[Se]();return a!==o&&n(l,o,a),s}})}function lt(e,n="yyyy/MM/DD (ddd) HH:mm:ss"){const i=new Date(1e3*e),o=t(i.getFullYear()),r=t(i.getMonth()+1),a=t(i.getDate()),s=t(i.getDay()),l=t(i.getHours()),c=t(i.getMinutes()),d=t(i.getSeconds()),u=t(i.getMilliseconds());let h={YYYY:o,yyyy:o,YY:o[De](-2),yy:o[De](-2),Y:o[De](-2),y:o[De](-2),M:r,MM:("0"+r)[De](-2),D:a,DD:("0"+a)[De](-2),d:s,dd:("0"+s)[De](-2),H:l,HH:("0"+l)[De](-2),h:t(f(l)%12||12),hh:("0"+(f(l)%12||12))[De](-2),m:c,mm:("0"+c)[De](-2),s:d,ss:("0"+d)[De](-2),SSS:("00"+u)[De](-3),a:f(l)>=12?"pm":"am",A:f(l)>=12?"PM":"AM"};const g=/zh/.test(navigator.language||"")?["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];return h.ddd=g[f(s)][De](0,3),h.dddd=g[f(s)],n.replace(/YYYY|YY|Y|yyyy|yy|y|MM|M|DD|D|HH|H|hh|h|mm|m|ss|s|SSS|a|A|ddd|dddd/g,(e=>h[e]))}let ct,dt,ut=new Map;function ft(e){return gt(ht(e[Ye]()[ke](/\s*([\{\}\[\]\:,])\s*/g,"$1")))}function ht(e){const t=[];let n=0;for(;n<e[ie];){let i=pt(e,n),o=mt(e,n);if(null==o&&null==i)break;if(null!=o&&null==i)t[ge](o[He]),n=o[ae];else if(null!=i){let o={[Te]:i[Te],[q]:i[q],[S]:i[S],[P]:{}};for(;"}"!==e[n];){if(e[De](n,n+9)===z+":"){n+=9;const t=bt(e,n);o[z]=t[He],n=t[ae]}const t=yt(e,n,[q,S,z]);t?(o[P][t[ee]]=t[He],n=t[ae]):n++}n++,t[ge](o)}}return t}function gt(t){const n=at(Le);if(!i[J](t))return n;for(let i of t){if(null==t)continue;const o=i[Te]+(null==i[q]?"":"#"+i[q])+(null==i[S]?"":"."+i[S][ke](/\s/g,".")),r="string"==typeof i?e[Z](i):at(o,i[P]||{});null!=r&&("string"!=typeof i&&r[L](gt(i[z])),n[L](r))}return n}function pt(e,t){let n=t,i="",o="",r=[];for(;/[\s\,]/[Pe](e[n]);)n++;for(;/[a-zA-Z]/[Pe](e[n]);)i+=e[n],n++;if("#"===e[n])for(n++;/[a-zA-Z0-9_-]/[Pe](e[n]);)o+=e[n],n++;for(;"."===e[n];){n++;let t="";for(;/[a-zA-Z0-9_-]/[Pe](e[n]);)t+=e[n],n++;r[ge](t)}const a=r[K](" ");for(;/\s/[Pe](e[n]);)n++;return"{"===e[n]?(n++,{[Te]:i[Ye](),[q]:o||null,[S]:a||null,[ae]:n}):null}function mt(e,t){let n=t,i="";for(;/\s/[Pe](e[n]);)n++;for(;'"'!==e[n];)n++;for(n++;'"'!==e[n];)i+=e[n],n++;return n++,{[He]:i,[ae]:n}}function yt(e,t,n=[]){let i=t,o="",r="";for(;/\s/[Pe](e[i]);)i++;for(;/[a-zA-Z_-]/[Pe](e[i]);)o+=e[i],i++;if(n.includes(o[Ye]()))return null;if(":"===e[i]){i++;const t=mt(e,i);return r=t[He],i=t[ae],{[ee]:o[Ye](),[He]:r,[ae]:i}}return null}function bt(e,t){let n=t,i=[],o=0,r="";for(;/\s/[Pe](e[n]);)n++;for(;"["!==e[n];)n++;for(n++;n<e[ie];){const t=e[n];if("{"===t)o++,r+=t;else if("}"===t)o--,r+=t;else{if("]"===t&&0===o){i=ht(r);break}r+=t}n++}return{[He]:i,[ae]:n}}function kt(t,...n){const i=at(Me,`console.${t}.apply(void 0, ${a[ve](n)});`);e[O][L](i),i[me]()}class Mt{#e;#t;#n;#i;#o;#r;#a;#s;#l;constructor(e={}){this.#e=e[Je]||void 0,this.#t=e[Qe]||void 0,this.#n=e[Ke]||void 0,this.#i=e[Xe]||void 0,this.#o=e[et]||void 0,this.#r=e[Fe]||void 0}async#c(e){return new d(((t,n)=>{t(!1!==e())}))}#d(e){e(!1)}async render(e){this.#a=s.now(),null!=this.#e&&!1===await this.#c(this.#e)||(await e(),this.#s=s[le]()-this.#a,kt("log","渲染耗時:",this.#s/1e3),null!=this.#t&&this.#d(this.#t))}async update(e){clearTimeout(this.#l),this.#l=p((async()=>{this.#a=s.now(),null!=this.#n&&!1===await this.#c(this.#n)||(await e(),this.#s=s[le]()-this.#a,kt("log","更新耗時:",this.#s/1e3),null!=this.#i&&this.#d(this.#i))}),300)}async destroy(e){this.#a=s.now(),null!=this.#o&&!1===await this.#c(this.#o)||(await e(),this.#s=s[le]()-this.#a,kt("log","銷毀耗時:",this.#s/1e3),null!=this.#r&&this.#d(this.#r))}}var wt;window.QUI=class{body;data={};event={};isScheduled=!1;lazyloadObserver;#u=!0;#f=null;#h=null;#g=null;#p=null;constructor(n){const o=t(n[q]||"")[Ye]();let r;if(o[ie]<1){if("function"!=typeof n[be])return void kt($,nt.domId);{const t=n[be]();r=e.createElement("section"),r.id=function(e){const t="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",n=t[ie];let o="";do{o=i[_]({length:e},(e=>t.charAt(l.floor(l.random()*n))))[K]("")}while(ut.has(o));return ut.set(o,1),o}(64),r.className="QUIFragment",r[L](ft(t))}}else r=e.getElementById(o);if(null!=r){if(this.#f=r[Y](!0),this.#g=new Ct(this.#f),"function"==typeof n[be]){const e=n[be](),t=at(Le),i=r[Y](!0);t[L](ft(e)),i.replaceChildren(t),this.#f=i}this.#m(n).then((e=>{this[O]=r,this[B]=st(e,"",(e=>{this.#p?.update((()=>this.#y()))})),this[V]=n[V]||{};const t=n.option||{};!1!==t.svg&&function(){dt=new m((async(e,t)=>{for(let t of e){const e=t.target;if(!t.isIntersecting)continue;const n=(e[W](Ne)||"")[Ye]();if(n[ie]<1)return;await rt(n).then((t=>{dt[Be](e),t.text().then((t=>{const n=at("div");n[F]=t;const i=n[z][0];i.id=e.id,e.classList.forEach((e=>i.classList.add(e))),i.onclick=e.onclick,null!=e[de]&&e[de].insertBefore(i,e),e.remove()})).catch((t=>{e[F]="☒"}))})).catch((t=>{e[F]="☒"}))}}));for(let e of[][De].call(document.body.querySelectorAll("temp-svg[src]:not([src=''])")||[]))dt[ce](e)}(),!1!==t[ne]&&(!function(){ct=new m(((e,t)=>{const n=[];for(let t of e){const e=t.target;if(!t.isIntersecting)continue;ct[Be](e);const i=(e[W](ne)||"")[Ye]();i[ie]>0&&n.push({dom:e,src:i})}Promise.all(n.map((({dom:e,src:t})=>rt(t,!0).then((t=>{e[Ne]=t[Ne]})).catch((n=>{n instanceof TypeError&&n.message.includes("Load failed")||n instanceof Event?e[Ne]=t:e[Ne]="https://cdn.jsdelivr.net/gh/pardnchiu/PDRenderKit@latest/static/image/404.svg"})).finally((()=>{e[ye](ne),e[ye](H)})))))}));const e=document.body.querySelectorAll("img[lazyload]:not([lazyload=''])");for(let t of i[_](e))ct[ce](t)}(),this.lazyloadObserver=ct);const o=n.when||n.lifecycle||n||{};this.#p=new Mt({before_render:o[Je]||o[We],rendered:o[Qe],before_update:o[Ke]||o[Ge],updated:o[Xe],before_destroy:o[et]||o[qe],destroyed:o[Fe]}),this.#p.render((async()=>{await this.#y(),this.#u=!1}))}))}else kt($,nt.dom)}lang(e){o.hasOwn(this.data.quickui_i18n,e)&&(this.data.quickui_i18nLang=e)}async#m(e={}){let t=e[B]||{};if("object"==typeof e.i18n&&null!=e.i18n){const n=e.i18n;t.quickui_i18n={};for(const[e,i]of Object.entries(n))if("string"==typeof i&&i.trim().length>0)try{const n=await fetch(i.trim());if(!n.ok)throw new Error(`Failed to load i18n file for ${e}`);const o=await n.json();t.quickui_i18n[e]=o}catch(n){t.quickui_i18n[e]={}}else t.quickui_i18n[e]=i}else t.quickui_i18n={};return t.quickui_i18nLang=e.i18nLang||"zh",t}#y(){return new d((async e=>{null!=this.#f?(this.#h=new Ct(this.#f),null!=this.#h?(this.#h[B]=a[fe](a[ve](this[B])),await this.#h.updateChildren(),this.isScheduled=!0,requestAnimationFrame((()=>{this.#b(),this.isScheduled=!1,e(!0)}))):kt($,nt.vdomTemp)):kt($,nt.vdomModel)}))}#b(){const e=this[O];if(null==e)return void kt("error",nt.dom);const t=this.#h?.getPatches(this.#g);i[J](t)&&this.#k(e,t);for(let t of e[pe]("*[\\:if]"))t[ye](":if");e[R].add("show"),"expand"!=e[W](H)&&"expand"!=e[W](j)||(e[Ee].minHeight=e.scrollHeight+"px"),p((()=>{e[ye](H),e[ye](j),e[ye]("mask"),e[R][me]("fade-in"),e[R][me]("loading-block"),e[R][me]("expand"),e[R][me]("show")}),300),this.#g=this.#h,this.#h=null}#k(e,t){if(null!=e&&i[J](t)){this.#M(e,t);for(const n of t){const{index:t}=n,i=a[fe](a[ve](t||[]));let o;n.type===tt.append&&(o=i?.pop());const r=i?this.#w(e,i):e;r&&(n.type===tt.create&&Ue in n?this.#C(r,n):n.type===tt.replace&&Ue in n&&null!=r[ue]?this.#D(r,n):n.type===tt.append&&Ue in n&&null!=o?this.#A(r,n,o):n.type===tt.prop&&ee in n&&He in n&&r instanceof Element?this.#I(r,n.key,n.value,n[Ue]):n.type===tt.text&&He in n&&r.nodeType===u[Oe]&&(r[ze]=n.value||""))}}}#M(e,t){const n=t.filter((e=>e.type===tt.remove)).sort(((e,t)=>{const n=(t.index.length||0)-(e.index.length||0);if(0!==n)return n;for(let n=0;n<(e.index.length||0);n++)if((e.index[n]||0)!==(t.index[n]||0))return(t.index[n]||0)-(e.index[n]||0);return 0}));for(const t of n){const n=this.#w(e,t.index);null!=n&&null!=n[ue]&&n[ue].removeChild(n)}}#C(t,n){if(n.type!==tt.create||!(Ue in n))return;const i="string"==typeof n[Ue]?e[Z](n[Ue]):this.#N(n[Ue]);null!=t[de]&&t[de][L](i)}#D(t,n){if(n.type!==tt.replace||!(Ue in n)||null==t[ue])return;const i="string"==typeof n[Ue]?e[Z](n[Ue]):this.#N(n[Ue]);if(t[ue].replaceChild(i,t),!(i instanceof Text||"string"==typeof n[Ue])){for(const e in n[Ue][he])this.#I(i,e,n[Ue][he][e]||"",n[Ue]);this.#x(n[Ue],i)}}#A(t,n,i){if(n.type!==tt.append||!(Ue in n)||null==i)return;const r="string"==typeof n[Ue]?e[Z](n[Ue]):this.#N(n[Ue]);if(i+1>t[z][ie]?t[L](r):t.insertBefore(r,t[z][i+1]),"string"!=typeof n[Ue]){for(const[e,r]of o.entries(n[Ue][he]))this.#I(t[z][i],e,r||"",n[Ue]);this.#x(n[Ue],t[z][i])}}#I(e,t,n,i){let o=n;if(n&&"string"==typeof n&&n.startsWith("i18n.")){const e=n.replace(/^i18n\./,""),t=this[B].quickui_i18nLang,i=this[B].quickui_i18n[t];i&&i[e]&&(o=i[e])}null==o?e[ye](t):t[xe](":@")||t[xe]("@")?this.#v(e,t,o,i):t[oe]()[xe](":model")?this.#E(e,t,o):t[xe](":")?this.#T(e,t,o,i):null!=e&&e[we](t,o),e&&e[W]&&e[W](I)&&e[ye](I)}#v(e,t,n,i){(()=>{if(!1===t[xe]("@"))return;const o=t[ke](/^\@/,"on"),r=this.#j(n,i[B])||n,a=this[V][r];e[o]=a})(),e[ye](t)}#E(t,n,i){if(null==i||!/(input|select|textarea)/i[Pe](t[je]))return;const o=t instanceof HTMLInputElement,r=t instanceof HTMLTextAreaElement,a=t instanceof HTMLSelectElement,s=t[W]("type");!o||"checkbox"!==s&&"radio"!==s?a?t[T]("change",(e=>{this[B][i]=e.target[He]||""})):(o||r)&&(t[T]("keyup",(e=>{this[B][i]=e.target[He]||""})),t[T]("change",(e=>{this[B][i]=e.target[He]||""}))):t[T]("change",(t=>{this[B][i]=[...e.body.querySelectorAll("input[name='"+t.target.name+"'][type='"+s+"']:checked")].map((e=>e.value)).join(",")})),t[ye](n)}#T(e,t,n,i){const o=t[oe](),a=null==this.#j(n,i[B])?n:this.#j(n,i[B]),s=(Ve[o]||"")[Ye](),l=(_e[o]||"")[Ye](),c=t[Se]()[ke](/^\:/g,"")[ke](/-+/g," ")[ke](/(?:^\w|[A-Z]|\b\w)/g,(function(e,t){return 0===t?e[oe]():e[Re]()}))[ke](/\s+/g,"");if(o===":"+ne&&n[Ye]()[ie]>0)if(this.#u){const t=e[W](":"+H)||"";e.src="circle"===t?it:"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px'/%3E",ct[ce](e)}else{if(null==e[W](ne))return void(e.src=a);e.src=it,ct[ce](e)}if(":html"===o&&n[Ye]()[ie]>0)e[F]=a||n;else if(o===I||o in $e);else if(":src"===o&&"temp-svg"===i.tag[oe]()&&n[Ye]()[ie]>0){const t=this.#j(n,i[B])||n;e[we](Ne,t),dt[ce](e)}else o in Ve?e[s]=a:o in _e?e[Ee][l]=a:!(c in e[Ee])||t===":"+j&&/(fade-in|expand)/[Pe](n)?":hide"===o&&r(h(+a)?a:+a)?e[Ee].display="none":e[we](`${t[ke](/^:/,"")}`,a):e[Ee][c]=a;e[ye](t)}#x(e,t){if("string"!=typeof e)for(const n in e.children.filter((e=>"string"!=typeof e))){if(null==t)continue;const i=e.children[+n],r=t.children[+n];if("string"!=typeof i){for(const[e,t]of o.entries(i[he]))this.#I(r,e,t||"",i);this.#x(i,r)}}}#j(e,n){if(e[Ye]()[ie]<1)return;const r=y[Pe](e);let a="",s="";r&&(a=e[Ie](y)[0]||"",s=e[Ie](y)[4]||"",e=e[re](y)[1]);const l=/^LENGTH\(.+\)/[Pe](e);l&&(e=e[ke](/^LENGTH\(|\)$/g,""));const c=/^CALC\(.*\)$/[Pe](e);let d="",u=0;if(c){const t=(e=e[ke](/^CALC\(|\)$/g,""))[re](M);e=t[1],d=t[2],u=+t[3]||0}const f=/^UPPER\(.*\)$/[Pe](e),h=/^LOWER\(.*\)$/[Pe](e);(f||h)&&(e=e[ke](/^(UPPER|LOWER)\(|\)$/g,""));const g=/^DATE\([\w\,\-\s\:]*\)$/[Pe](e);let p="";if(g){const t=(e=e[ke](/^DATE\(|\)$/g,""))[re](/(\w+),\s*([^\n]+)/);e=t[1],p=t[2]}let m=e[Ie](/\./),b=n||this[B],k=m[0],w=b[k];for(m[Ce]();m[ie]>0;)b=w||{},k=m[0],w=b[k],m[Ce]();if(null==w)for(m=e[Ie](/\./),b=this[B],k=m[0],w=b[k],m[Ce]();m[ie]>0;)b=w||{},k=m[0],w=b[k],m[Ce]();let C="";if(null!=w&&w instanceof Object&&!i[J](w)?C=t(o[te](w)[ie]):null!=w&&(C=w[ie]),r){if(l)return a+C+s;if(c&&(w=ot(w,d,u),null==w))return;return a+w+s}if(l)return C;if(c){if(w=ot(w,d,u),null==w)return}else{if(f)return w[Re]();if(h)return w[oe]();if(g)return lt(+w,p)}return w}#w(e,t){let n=e,o=i.from(n.childNodes).filter((e=>e.nodeType===u[U]||e.nodeType===u[Oe]&&""!==e[ze]?.trim()))||[];for(const e of t)n=o[e],null!=n&&(o=i.from(n.childNodes).filter((e=>e.nodeType===u[U]||e.nodeType===u[Oe]&&""!==e[ze]?.trim()))||[]);return n}#N(t){const n=e.createElement(t.tag);if(t[he])for(const[e,i]of o.entries(t[he]))e[xe](":")||e[xe]("@")||void 0!==i&&n[we](e,i);for(const i of t[z])"string"==typeof i?n[L](e[Z](i)):n[L](this.#N(i));return n}};class Ct{tag="";props={};children=[];data=null;constructor(t){if(t[je][oe]()===Me){let n=!1;for(const i of e[G][pe](Me)||[])if(null!=t[Ne]&&i[Ne]===t[Ne]||null!=t[ze]&&i[ze]===t[ze]){n=!0;break}n||e[G][L](t),this[Te]=Me}this[Te]=t[je][oe](),this[he]=[...t.attributes].reduce(((e,t)=>(e[t.name]=t.value.trim(),e)),{}),this[z]=function(e){return i[_](e.childNodes).filter((e=>e[se]===u[U]||e[se]===u[Oe]&&e[ze]&&e[ze][Ye]()[ie]>0))}(t).map((e=>e.nodeType===Node[U]?new wt(e):(e[ze]||"")[Ye]()))}async updateChildren(){this.#L(this),this.#P(this),await this.#O(this),this.#L(this),this.#P(this),this.#z(this)}getPatches(e){return this.#S(e,this)}#L(e){let t=0;if(!("string"==typeof e||e[z][ie]<1)){for(;t<e[z][ie];){const n=e[z][t];if("string"==typeof n||null==n){t++;continue}if(null==n[B]&&(n[B]=e[B]),!(I in n[he])){t++;continue}const o=n[he][I],r=(o[re](/^\(?\s*(\w+)/)||[])[1],s=(o[re](/\,\s*(\w+)/)||[])[1],l=(o[re](b)||[])[1];let c=this.#j(l,e[B]),d=[];if(delete n[he][I],i[J](c)){c=a[fe](a[ve](c));for(const e in c){const t=a[fe](a[ve](c[+e]));let i=g(n);i[B]=a[fe](a[ve]({[r]:t,[l]:c})),null!=s&&(i[B][s]=+e),d.push(i)}e[z][Ae](t,1,...d),t+=d[ie]-2}else if(null!=c&&"object"==typeof c){c=a[fe](a[ve](c));for(const e in c){const t=a[fe](a[ve](c[e]));let i=g(n);i[B]=a[fe](a[ve]({[r]:e,[s]:t,[l]:c})),d.push(i)}e[z][Ae](t,1,...d),t+=d[ie]-2}else t++}for(let t of e[z])this.#L(t)}}#P(e){let i=0;if(!("string"==typeof e||e[z][ie]<1)){for(;i<e[z][ie];){const o=e[z][i];if("string"==typeof o){i++;continue}if(!(N in o[he])){delete o[he][x],delete o[he][v],delete o[he][E],i++;continue}let a=i+1,s=e[z][a],l=[i],c=!1;(()=>{for(;!c;){if(l[ge](a),a+=1,s=e[z][a],null==s||"string"==typeof s){c=!0;continue}const t=s[he]||{};c=null==(t[x]||t[v]||t[E])}})();let d=!1,u=!1;for(let o of l){const a=e[z][o];if(null==a||"string"==typeof a)return;const s=a[he][N]||a[he][x]||a[he][v],c=null!=a[he][E];if(c&&(u=!0),d)return;if(c)e[z][Ae](i,l.length,a);else if(null!=s){const o=s[Ie](k)[0],c=s[Ie](k)[1],u=((s[re](k)||[])[0]||"")[Ye](),f=this.#j(o,a[B]);if(null==c&&u[ie]<1?d=r(f):">"===u?d=(n(f)||0)>(n(c)||0):"<"===u?d=(n(f)||0)<(n(c)||0):">="===u||">=="===u?d=(n(f)||0)>=(n(c)||0):"<="===u||"<=="===u?d=(n(f)||0)<=(n(c)||0):"=="===u||"==="===u?d="null"==c?null==f:"true"==c?r(f):"false"==c?!r(f):"empty"==c?t(f||"")[ie]<1:t(f||"")==t(c):"!="!==u&&"!=="!==u||(d="null"==c?null!=f:"true"==c?!r(f):"false"==c?r(f):"empty"==c?t(f||"")[ie]>0:t(f||"")!=t(c)),d)return delete a[he][N],void e[z][Ae](i,l.length,a)}}d||u?d?i+=l.length-2:i++:e[z][Ae](i,l.length)}for(let t of e[z])this.#P(t)}}async#O(e){let t=0;if(!("string"==typeof e||e[z][ie]<1)){for(;t<e[z][ie];){const n=e[z][t];if("string"==typeof n){t++;continue}if(!(A in n[he])||"temp"!=n.tag){t++;continue}const i=n[he][A],o=this.#j(i,e[B])||i;delete n[he][A],await fetch(o).then((async n=>{const i=at("div",await n.text()).cloneNode(!0),o=new wt(i);e[z][Ae](t,1,...o[z]),t+=o[z][ie]-2})),t++}for(let t of e[z])await this.#O(t)}}translate(e){const t=this.data.quickui_i18nLang;if(!this.data.quickui_i18n[t])return e;const n=e.split(".");let i=this.data.quickui_i18n[t];for(const e of n)if(i=i[e],void 0===i)break;return void 0!==i?i:e}#z(e){let t=0;if(!("string"==typeof e||e[z][ie]<1)){for(;t<e[z][ie];){let n=e[z][t];if("string"==typeof n){for(let i of n[re](new c(y,"g"))||[]){const n=e[z][t]||"",o=i[re](y)||[];if(o[ie]<1)continue;const r=o[1]||"";if(!("string"!=typeof n||r.length<1)&&r[xe]("i18n.")){const i=r[ke](/^i18n\./,""),o=this.translate(i);e[z][t]=n[ke](new c("{{\\s*?"+r[ke](/(\?|\.|\+|\*|\\|\%|\-|\(|\))/g,"\\$1")+"\\s*?}}","i"),o)}}for(let i of n[re](new c(y,"g"))||[]){const n=e[z][t]||"",o=i[re](y)||[];if(o[ie]<1)continue;const r=o[1]||"",a=this.#j(r,e[B]);"string"!=typeof n||r.length<1||null==a||(e[z][t]=n[ke](new c("{{\\s*?"+r[ke](/(\?|\.|\+|\*|\\|\%|\-|\(|\))/g,"\\$1")+"\\s*?}}","i"),a))}}else null!=n&&null==n[B]&&(n[B]=e[B]);t++}for(let t of e[z])this.#z(t)}}#j(e,n){if(e[Ye]()[ie]<1)return;const r=y[Pe](e);let a="",s="";r&&(a=e[Ie](y)[0]||"",s=e[Ie](y)[4]||"",e=e[re](y)[1]);const l=/^LENGTH\(.+\)/[Pe](e);l&&(e=e[ke](/^LENGTH\(|\)$/g,""));const c=/^CALC\(.*\)$/[Pe](e);let d="",u=0;if(c){const t=(e=e[ke](/^CALC\(|\)$/g,""))[re](M);e=t[1],d=t[2],u=+t[3]||0}const f=/^UPPER\(.*\)$/[Pe](e),h=/^LOWER\(.*\)$/[Pe](e);(f||h)&&(e=e[ke](/^(UPPER|LOWER)\(|\)$/g,""));const g=/^DATE\([\w\,\-\s\:]*\)$/[Pe](e);let p="";if(g){const t=(e=e[ke](/^DATE\(|\)$/g,""))[re](/(\w+),\s*([^\n]+)/);e=t[1],p=t[2]}let m=e[Ie](/\./),b=n||this[B],k=m[0],w=b[k];for(m[Ce]();m[ie]>0;)b=w||{},k=m[0],w=b[k],m[Ce]();if(null==w)for(m=e[Ie](/\./),b=this[B],k=m[0],w=b[k],m[Ce]();m[ie]>0;)b=w||{},k=m[0],w=b[k],m[Ce]();let C="";if(null!=w&&w instanceof Object&&!i[J](w)?C=t(o[te](w)[ie]):null!=w&&(C=w[ie]),r){if(l)return a+C+s;if(c&&(w=ot(w,d,u),null==w))return;return a+w+s}if(l)return C;if(c){if(w=ot(w,d,u),null==w)return}else{if(f)return w[Re]();if(h)return w[oe]();if(g)return lt(+w,p)}return w}#S(e,t,n=[]){if(null==e&&t)return[{[Ze]:tt.create,[Q]:n,[Ue]:t}];if(e&&!t)return[{[Ze]:tt.remove,[Q]:n}];if(!e&&!t)return[];if(e.tag!==t.tag)return[{[Ze]:tt[ke],[Q]:n,[Ue]:t}];const i=[];return i[ge](...this.#R(e,t,n)),i[ge](...this.#Y(e,t,n)),i}#R(e,t,n=[]){if(null==e||"string"==typeof e||null==t||"string"==typeof t)return[];const i=[],r=e[he]||{},a=o[te](r)[ie],s=t[he]||{},l=o[te](s)[ie];if(l>0)for(let e in s){const o=s[e];i[ge]({[Ze]:tt.prop,[Ue]:t,key:e,value:o,[Q]:n})}if(a>0){if(l<1)for(let e in r)i[ge]({[Ze]:tt.prop,[Ue]:t,key:e,[He]:null,[Q]:n});for(let e in s)l>0&&!(e in s)&&i[ge]({[Ze]:tt.prop,[Ue]:t,key:e,[He]:null,[Q]:n})}return i}#Y(e,t,n=[]){if(null==e||"string"==typeof e||null==t||"string"==typeof t)return[];const o=[],r=i[J](e[z])?e[z]:[],a=i[J](t[z])?t[z]:[],s=l.max(r[ie],a[ie]);for(let e=0;e<s;e++){const i=r[e],s=a[e],l=n.concat(e);if("string"==typeof i&&"string"==typeof s){if(i===s)continue;o[ge]({[Ze]:tt.text,[Ue]:t,[He]:s,[Q]:l})}else null==i?o[ge]({[Ze]:tt.append,[Ue]:s,[Q]:l}):null==s?o[ge]({[Ze]:tt.remove,index:l}):o[ge](...this.#S(i,s,l))}return o}}wt=Ct}("undefined"==typeof window?window={}:window);
\ No newline at end of file
diff --git a/package.json b/package.json
index a402b35..ac5245e 100644
--- a/package.json
+++ b/package.json
@@ -1,15 +1,19 @@
 {
     "name": "@pardnchiu/quickui",
-    "version": "0.6.7",
+    "version": "0.6.8",
     "description": "QuickUI is a lightweight frontend framework built on pure JavaScript and native APIs. Supports data binding, i18n support, event binding, conditional rendering, and loop rendering.",
     "main": "dist/QuickUI.js",
     "module": "dist/QuickUI.esm.js",
     "types": "src/interface.ts",
     "scripts": {
-        "minify": "npx terser src/*.js -c -m -o dist/QuickUI.js --config-file terser.config.json --name-cache terser.cache.json && npx terser src/*.js -c -m -o dist/QuickUI.esm.js --config-file terser.config.json --name-cache terser.cache.json && echo 'export const QUI = window.QUI;' >> dist/QuickUI.esm.js",
-        "minify-w": "chokidar 'src/QuickUI.js' -c 'npm run minify'",
-        "sass": "sass src/sass:dist/ -w --style compressed --no-source-map",
-        "sass-index": "sass static/sass/:static/css/ -w --style compressed --no-source-map"
+        "build:debug": "tsc",
+        "build:min": "npx terser src/QuickUI.debug.js -c -m -o dist/QuickUI.js --config-file terser.config.json",
+        "build:esm": "npx terser src/QuickUI.debug.js -c -m -o dist/QuickUI.esm.js --config-file terser.config.json && echo 'export const QUI = window.QUI;' >> dist/QuickUI.esm.js",
+        "build:once": "npm run build:debug && npm-run-all build:min build:esm",
+        "build": "chokidar src/QuickUI.debug.js -c 'npm-run-all build:min build:esm'",
+        "sass:library": "sass src/sass:dist/ -w --style compressed --no-source-map",
+        "sass:index": "sass static/sass/:static/css/ -w --style compressed --no-source-map",
+        "sass": "npm-run-all sass:library sass:index"
     },
     "publishConfig": {
         "access": "public"
diff --git a/page/doc.html b/page/doc.html
index 8443e9a..56af154 100644
--- a/page/doc.html
+++ b/page/doc.html
@@ -457,7 +457,7 @@
                     <button @click="changeContent" data-title="data">{{ i18n.data }}</button>
                     <button @click="changeContent" data-title="DEPRECATION">{{ i18n.DEPRECATION }}</button>
                 </section>
-                <section id="doc-body-content" class="body"></section>
+                <section id="doc-body-content" class="body" style="padding-top: 1.5rem"></section>
             </section>
             <!--  -->
             <footer>
diff --git a/page/test.html b/page/test.html
index dd7bca5..6c8b934 100644
--- a/page/test.html
+++ b/page/test.html
@@ -64,10 +64,10 @@
 
         <!-- 本地資源 -->
         <!-- <script type="module" src="/static/js/index.js"></script> -->
-        <script src="/dist/QuickUI.js"></script>
+        <script src="/src/QuickUI.debug.js"></script>
     </head>
 
-    <body id="app" :effect="fade-in">
+    <body id="app">
         <p @click="click">i18n</p>
         <p :test="i18n.greeting">{{ i18n.greeting }}, {{ i18n.user }}: {{ username }}</p>
         <section :html="html"></section>
@@ -126,13 +126,13 @@ <h4 :else>{{ title }} 4
         <script>
             document.addEventListener("DOMContentLoaded", () => {
                 let icons = "ableton,activitypub,actix,adonis,ae,aiscript,alpinejs,anaconda,androidstudio,angular,ansible,apollo,apple,appwrite,arch,arduino,astro,atom,au,autocad,aws,azul,azure,babel,bash,bevy,bitbucket,blender,bootstrap,bsd,bun,c,cs,cpp,crystal,cassandra,clion,clojure,cloudflare,cmake,codepen,coffeescript,css,cypress,d3,dart,debian,deno,devto,discord,bots,discordjs,django,docker,dotnet,dynamodb,eclipse,elasticsearch,electron,elixir,elysia,emacs,ember,emotion,express,fastapi,fediverse,figma,firebase,flask,flutter,forth,fortran,gamemakerstudio,gatsby,gcp,git,github,githubactions,gitlab,gmail,gherkin,go,gradle,godot,grafana,graphql,gtk,gulp,haskell,haxe,haxeflixel,heroku,hibernate,html,htmx,idea,ai,instagram,ipfs,java,js,jenkins,jest,jquery,kafka,kali,kotlin,ktor,kubernetes,laravel,latex,less,linkedin,linux,lit,lua,md,mastodon,materialui,matlab,maven,mint,misskey,mongodb,mysql,neovim,nestjs,netlify,nextjs,nginx,nim,nix,nodejs,notion,npm,nuxtjs,obsidian,ocaml,octave,opencv,openshift,openstack,p5js,perl,ps,php,phpstorm,pinia,pkl,plan9,planetscale,pnpm,postgres,postman,powershell,pr,prisma,processing,prometheus,pug,pycharm,py,pytorch,qt,r,rabbitmq,rails,raspberrypi,react,reactivex,redhat,redis,redux,regex,remix,replit,rider,robloxstudio,rocket,rollupjs,ros,ruby,rust,sass,spring,sqlite,stackoverflow,styledcomponents,sublime,supabase,scala,sklearn,selenium,sentry,sequelize,sketchup,solidity,solidjs,svelte,svg,swift,symfony,tailwind,tauri,tensorflow,terraform,threejs,twitter,ts,ubuntu,unity,unreal,v,vala,vercel,vim,visualstudio,vite,vitest,vscode,vscodium,vue,vuetify,wasm,webflow,webpack,webstorm,windicss,windows,wordpress,workers,xd,yarn,yew,zig".split(",");
+
                 const test = new QUI({
                     id: "test",
                     data: {
                         test: "test 123"
                     },
-                    render: () => {
-                        return `
+                    render: _ => `
                         "{{ test }}",
                         div#main-card.primary.highlighted {
                             style: "background: red;", 
@@ -146,7 +146,6 @@ <h4 :else>{{ title }} 4
                                 } 
                             ]
                         }`
-                    }
                 })
 
                 const app = new QUI({
@@ -238,7 +237,7 @@ <h4 :else>{{ title }} 4
                         }
                     },
                     when: {
-                        before_render: _ => {
+                        beforeRender: _ => {
                             console.log("準備渲染");
                             // return false;
                         },
@@ -271,7 +270,7 @@ <h4 :else>{{ title }} 4
                             }, 2000)
                             console.log("已渲染")
                         },
-                        before_update: _ => {
+                        beforeUpdate: _ => {
                             console.log("準備更新")
                             // alert(true)
                             // return false;
@@ -281,6 +280,7 @@ <h4 :else>{{ title }} 4
                         }
                     }
                 });
+
             });
         </script>
     </body>
diff --git a/src/QuickUI.debug.js b/src/QuickUI.debug.js
new file mode 100644
index 0000000..1fc5e16
Binary files /dev/null and b/src/QuickUI.debug.js differ
diff --git a/src/QuickUI.js b/src/QuickUI.js
deleted file mode 100644
index 924a92c..0000000
Binary files a/src/QuickUI.js and /dev/null differ
diff --git a/src/function/check200.ts b/src/function/check200.ts
index 32a8c43..c6cdc68 100644
Binary files a/src/function/check200.ts and b/src/function/check200.ts differ
diff --git a/src/listener/LazyloadListener.ts b/src/listener/LazyloadListener.ts
index d461b91..c06ef60 100644
Binary files a/src/listener/LazyloadListener.ts and b/src/listener/LazyloadListener.ts differ
diff --git a/src/model/QUI.ts b/src/model/QUI.ts
index 7032280..57fd2c4 100644
Binary files a/src/model/QUI.ts and b/src/model/QUI.ts differ
diff --git a/src/model/vDOM.ts b/src/model/vDOM.ts
index f639117..cf89192 100644
Binary files a/src/model/vDOM.ts and b/src/model/vDOM.ts differ
diff --git a/tsconfig.json b/tsconfig.json
index 9289fa1..96bf661 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -49,7 +49,7 @@
         // "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
         // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
         // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
-        "outFile": "./src/QuickUI.js", /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
+        "outFile": "./src/QuickUI.debug.js", /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
         // "outDir": "./dist",                                   /* Specify an output folder for all emitted files. */
         // "removeComments": true,                           /* Disable emitting comments. */
         // "noEmit": true,                                   /* Disable emitting files from a compilation. */