webc.site 0.1.19 → 0.1.22

package/.gitignore

@@ -0,0 +1,9 @@
+/_.css
+/x.js
+/apple-touch-icon.png
+/favicon-96x96.png
+/favicon.ico
+/favicon.svg
+/site.webmanifest
+/web-app-manifest-192x192.png
+/web-app-manifest-512x512.png

package/.nojekyll

@@ -0,0 +1 @@
+# Disable Jekyll processing on GitHub Pages

package/README.md

@@ -10,6 +10,10 @@
 
 同时支持无打包直接引用的使用方式，及配合 vite 等构建器打包的构建。
 
+点击组件右上角的『在线调试』可以调试无打包的组件。
+
+如基于 vite 构建器打包项目，
+
 ## 初衷
 
 人工智能开发前端，比较大的问题是调试。

package/Scroll.js

@@ -1,3 +1 @@
-import { On as A, D as I, newEl as H } from "./x.js";(()=>{let{round:h,max:b,min:D}=Math,a=(r,l,...p)=>{let c=H(r);if(l)c.setAttribute("part",l);return c.append(...p),c},k=(r,l,p)=>{let c=r.toLowerCase(),f=l.toLowerCase(),_="client"+r,y="scroll"+r,d="scroll"+l,w="client"+p;return(s)=>{let C,m,g,v=-1,P=s.firstElementChild,u=a("i","si"),o=a("b","bar",u),T=(e=u[_])=>{let t=s[_],i=P[y];return[i-t,b(1,t-e-6),e,t,i]},E=(e)=>{if(!o.parentNode)return;let[t,i]=T(e),n=b(0,D(s[d],t));if(v!=-1&&v!=n)o.style.opacity=1,clearTimeout(C),C=setTimeout(()=>o.style.opacity=0,1000);v=n,u.style[f]=3+h(i*n/t)+"px"},G=(e)=>{if(m)return;let t=I.body;t.setPointerCapture(e.pointerId),t.classList.add("drag"),o.part.add("drag");let i=e[w],n=()=>{t.classList.remove("drag"),o.part.remove("drag"),x(),m=null},x=A(t,{pointermove:(R)=>{let[z,B]=T();s[d]+=h(z*(R[w]-i)/B),i=R[w]},pointerup:n,lostpointercapture:n});m=n},S=(e)=>{let t=o.getBoundingClientRect(),i=t[f],[n,x,R]=T();s[d]=h(n*b(D((e[w]-i-3-R/2)/x,1),0)),G(e)},N=[A(o,{pointerdown:S}),A(u,{pointerdown:(e)=>{e.stopPropagation(),G(e)}}),A(s,{scroll:E.bind(null,void 0)})],L=new ResizeObserver(()=>{clearTimeout(g),g=setTimeout(()=>{let[,,,e,t]=T();if(e<t){if(o.parentNode!=s)s.appendChild(o);let n=b(16,h(e*e/t));u.style[c]=n+"px",E(n)}else if(o.parentNode)o.remove()},200)}),X=()=>{if(clearTimeout(C),clearTimeout(g),N.forEach((e)=>e()),m)m();if(L.disconnect(),o.parentNode)o.remove()};return o.style.opacity=0,[s,P].forEach((e)=>L.observe(e)),X}};[["v","Height","Top","Y","flex-direction:column;width:100%;min-height:100%"],["h","Width","Left","X","min-width:100%;width:max-content;height:100%"]].map(([r,l,p,c,f])=>{let _=k(l,p,c);customElements.define(r+"-scroll",class extends HTMLElement{connectedCallback(){let y=a("b","",a("slot")),d=a("b","scroll",y);y.style.cssText="display:flex;"+f,this.attachShadow({mode:"open"}).appendChild(d),this._unbind=_(d)}disconnectedCallback(){this._unbind?.()}})})})();
-
-
+import { On as e, D as t, newEl as o } from "./x.js";(()=>{let{round:l,max:i,min:r}=Math,n="drag",s=(e,t,...l)=>{let i=o(e);return t&&i.setAttribute("part",t),i.append(...l),i};[["v","Height","Top","Y","flex-direction:column;width:100%;min-height:100%"],["h","Width","Left","X","min-width:100%;width:max-content;height:100%"]].map(([o,a,d,c,p])=>{let m,u,h,b,f,y,v=(m=a.toLowerCase(),u=d.toLowerCase(),h="client"+a,b="scroll"+a,f="scroll"+d,y="client"+c,o=>{let a,d,c,p=-1,v=o.firstElementChild,w=s("i","si"),x=s("b","bar",w),C=(e=w[h])=>{let t=o[h],l=v[b];return[l-t,i(1,t-e-6),e,t,l]},T=e=>{if(!x.parentNode)return;let[t,n]=C(e),s=i(0,r(o[f],t));-1!=p&&p!=s&&(x.style.opacity=1,clearTimeout(a),a=setTimeout(()=>x.style.opacity=0,1e3)),p=s,w.style[u]=3+l(n*s/t)+"px"},g=i=>{if(d)return;let r=t.body;r.setPointerCapture(i.pointerId),r.classList.add(n),x.part.add(n);let s=i[y],a=()=>{r.classList.remove(n),x.part.remove(n),c(),d=null},c=e(r,{pointermove:e=>{let[t,i]=C();o[f]+=l(t*(e[y]-s)/i),s=e[y]},pointerup:a,lostpointercapture:a});d=a},L=[e(x,{pointerdown:e=>{let t=x.getBoundingClientRect()[u],[n,s,a]=C();o[f]=l(n*i(r((e[y]-t-3-a/2)/s,1),0)),g(e)}}),e(w,{pointerdown:e=>{e.stopPropagation(),g(e)}}),e(o,{scroll:T.bind(null,void 0)})],E=new ResizeObserver(()=>{clearTimeout(c),c=setTimeout(()=>{let[,,,e,t]=C();if(e<t){x.parentNode!=o&&o.appendChild(x);let r=i(16,l(e*e/t));w.style[m]=r+"px",T(r)}else x.parentNode&&x.remove()},200)});return x.style.opacity=0,[o,v].forEach(e=>E.observe(e)),()=>{clearTimeout(a),clearTimeout(c),L.forEach(e=>e()),d&&d(),E.disconnect(),x.parentNode&&x.remove()}});customElements.define(o+"-scroll",class extends HTMLElement{connectedCallback(){let e=s("b","",s("slot")),t=s("b","scroll",e);e.style.cssText="display:flex;"+p,this.attachShadow({mode:"open"}).appendChild(t),this._unbind=v(t)}disconnectedCallback(){this._unbind?.()}})})})();

package/Scroll.js.map

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../com/Scroll/Scroll.js"],
-  "sourcesContent": [
-    "import { On } from \"x/On.js\";\nimport { D, newEl } from \"x/dom.js\";\n\n(() => {\n  const { round, max, min } = Math,\n    PART = \"part\",\n    BAR = \"bar\",\n    SI = \"si\",\n    DRAG = \"drag\",\n    PX = \"px\",\n    mk = (tag, part, ...kids) => {\n      const e = newEl(tag);\n      if (part) e.setAttribute(PART, part);\n      e.append(...kids);\n      return e;\n    },\n    mkScroll = (size, pos, axis) => {\n      const style_size = size.toLowerCase(),\n        style_pos = pos.toLowerCase(),\n        client_size = \"client\" + size,\n        scroll_size = \"scroll\" + size,\n        scroll_pos = \"scroll\" + pos,\n        client_pos = \"client\" + axis;\n      return (ct) => {\n        let timer_bar,\n          ptr_unbind,\n          timer_resize,\n          pre_st = -1;\n        const m = ct.firstElementChild,\n          si = mk(\"i\", SI),\n          bar = mk(\"b\", BAR, si),\n          getGeo = (sih = si[client_size]) => {\n            const ch = ct[client_size],\n              sh = m[scroll_size];\n            return [sh - ch, max(1, ch - sih - 6), sih, ch, sh];\n          },\n          updateTop = (h) => {\n            if (!bar.parentNode) return;\n            const [ds, db] = getGeo(h),\n              st = max(0, min(ct[scroll_pos], ds));\n            if (pre_st != -1 && pre_st != st) {\n              bar.style.opacity = 1;\n              clearTimeout(timer_bar);\n              timer_bar = setTimeout(() => (bar.style.opacity = 0), 1e3);\n            }\n            pre_st = st;\n            si.style[style_pos] = 3 + round((db * st) / ds) + PX;\n          },\n          onDown = (e) => {\n            if (ptr_unbind) return;\n            const bd = D.body;\n            bd.setPointerCapture(e.pointerId);\n            bd.classList.add(DRAG);\n            bar.part.add(DRAG);\n            let pre = e[client_pos];\n            const detach = () => {\n                bd.classList.remove(DRAG);\n                bar.part.remove(DRAG);\n                un_ptr();\n                ptr_unbind = null;\n              },\n              un_ptr = On(bd, {\n                pointermove: (e) => {\n                  const [ds, db] = getGeo();\n                  ct[scroll_pos] += round((ds * (e[client_pos] - pre)) / db);\n                  pre = e[client_pos];\n                },\n                pointerup: detach,\n                lostpointercapture: detach,\n              });\n            ptr_unbind = detach;\n          },\n          onClick = (e) => {\n            const rect = bar.getBoundingClientRect(),\n              top = rect[style_pos],\n              [ds, db, sih] = getGeo();\n            ct[scroll_pos] = round(ds * max(min((e[client_pos] - top - 3 - sih / 2) / db, 1), 0));\n            onDown(e);\n          },\n          unbind = [\n            On(bar, { pointerdown: onClick }),\n            On(si, {\n              pointerdown: (e) => {\n                e.stopPropagation();\n                onDown(e);\n              },\n            }),\n            On(ct, { scroll: updateTop.bind(null, undefined) }),\n          ],\n          ob = new ResizeObserver(() => {\n            clearTimeout(timer_resize);\n            timer_resize = setTimeout(() => {\n              const [, , , ch, sh] = getGeo(),\n                is_turn = ch < sh;\n              if (is_turn) {\n                if (bar.parentNode != ct) ct.appendChild(bar);\n                const h = max(16, round((ch * ch) / sh));\n                si.style[style_size] = h + PX;\n                updateTop(h);\n              } else if (bar.parentNode) {\n                bar.remove();\n              }\n            }, 200);\n          }),\n          destroy = () => {\n            clearTimeout(timer_bar);\n            clearTimeout(timer_resize);\n            unbind.forEach((f) => f());\n            if (ptr_unbind) ptr_unbind();\n            ob.disconnect();\n            if (bar.parentNode) bar.remove();\n          };\n        bar.style.opacity = 0;\n        [ct, m].forEach((i) => ob.observe(i));\n        return destroy;\n      };\n    };\n\n  [\n    [\"v\", \"Height\", \"Top\", \"Y\", \"flex-direction:column;width:100%;min-height:100%\"],\n    [\"h\", \"Width\", \"Left\", \"X\", \"min-width:100%;width:max-content;height:100%\"],\n  ].map(([prefix, size, pos, axis, css]) => {\n    const initScroll = mkScroll(size, pos, axis);\n    customElements.define(\n      prefix + \"-scroll\",\n      class extends HTMLElement {\n        connectedCallback() {\n          const content = mk(\"b\", \"\", mk(\"slot\")),\n            wrapper = mk(\"b\", \"scroll\", content);\n          content.style.cssText = \"display:flex;\" + css;\n          this.attachShadow({ mode: \"open\" }).appendChild(wrapper);\n          this._unbind = initScroll(wrapper);\n        }\n        disconnectedCallback() {\n          this._unbind?.();\n        }\n      },\n    );\n  });\n})();\n"
-  ],
-  "mappings": "AAAA,aAAS,gBACT,YAAS,WAAG,kBAEX,IAAM,CACL,IAAQ,QAAO,MAAK,OAAQ,KAM1B,EAAK,CAAC,EAAK,KAAS,IAAS,CAC3B,IAAM,EAAI,EAAM,CAAG,EACnB,GAAI,EAAM,EAAE,aAPP,OAO0B,CAAI,EAEnC,OADA,EAAE,OAAO,GAAG,CAAI,EACT,GAET,EAAW,CAAC,EAAM,EAAK,IAAS,CAC9B,IAAM,EAAa,EAAK,YAAY,EAClC,EAAY,EAAI,YAAY,EAC5B,EAAc,SAAW,EACzB,EAAc,SAAW,EACzB,EAAa,SAAW,EACxB,EAAa,SAAW,EAC1B,MAAO,CAAC,IAAO,CACb,IAAI,EACF,EACA,EACA,EAAS,GACL,EAAI,EAAG,kBACX,EAAK,EAAG,IAtBT,IAsBgB,EACf,EAAM,EAAG,IAxBT,MAwBmB,CAAE,EACrB,EAAS,CAAC,EAAM,EAAG,KAAiB,CAClC,IAAM,EAAK,EAAG,GACZ,EAAK,EAAE,GACT,MAAO,CAAC,EAAK,EAAI,EAAI,EAAG,EAAK,EAAM,CAAC,EAAG,EAAK,EAAI,CAAE,GAEpD,EAAY,CAAC,IAAM,CACjB,GAAI,CAAC,EAAI,WAAY,OACrB,IAAO,EAAI,GAAM,EAAO,CAAC,EACvB,EAAK,EAAI,EAAG,EAAI,EAAG,GAAa,CAAE,CAAC,EACrC,GAAI,GAAU,IAAM,GAAU,EAC5B,EAAI,MAAM,QAAU,EACpB,aAAa,CAAS,EACtB,EAAY,WAAW,IAAO,EAAI,MAAM,QAAU,EAAI,IAAG,EAE3D,EAAS,EACT,EAAG,MAAM,GAAa,EAAI,EAAO,EAAK,EAAM,CAAE,EArCjD,MAuCC,EAAS,CAAC,IAAM,CACd,GAAI,EAAY,OAChB,IAAM,EAAK,EAAE,KACb,EAAG,kBAAkB,EAAE,SAAS,EAChC,EAAG,UAAU,IA5Cd,MA4CsB,EACrB,EAAI,KAAK,IA7CV,MA6CkB,EACjB,IAAI,EAAM,EAAE,GACN,EAAS,IAAM,CACjB,EAAG,UAAU,OAhDlB,MAgD6B,EACxB,EAAI,KAAK,OAjDd,MAiDyB,EACpB,EAAO,EACP,EAAa,MAEf,EAAS,EAAG,EAAI,CACd,YAAa,CAAC,IAAM,CAClB,IAAO,EAAI,GAAM,EAAO,EACxB,EAAG,IAAe,EAAO,GAAM,EAAE,GAAc,GAAQ,CAAE,EACzD,EAAM,EAAE,IAEV,UAAW,EACX,mBAAoB,CACtB,CAAC,EACH,EAAa,GAEf,EAAU,CAAC,IAAM,CACf,IAAM,EAAO,EAAI,sBAAsB,EACrC,EAAM,EAAK,IACV,EAAI,EAAI,GAAO,EAAO,EACzB,EAAG,GAAc,EAAM,EAAK,EAAI,GAAK,EAAE,GAAc,EAAM,EAAI,EAAM,GAAK,EAAI,CAAC,EAAG,CAAC,CAAC,EACpF,EAAO,CAAC,GAEV,EAAS,CACP,EAAG,EAAK,CAAE,YAAa,CAAQ,CAAC,EAChC,EAAG,EAAI,CACL,YAAa,CAAC,IAAM,CAClB,EAAE,gBAAgB,EAClB,EAAO,CAAC,EAEZ,CAAC,EACD,EAAG,EAAI,CAAE,OAAQ,EAAU,KAAK,KAAM,MAAS,CAAE,CAAC,CACpD,EACA,EAAK,IAAI,eAAe,IAAM,CAC5B,aAAa,CAAY,EACzB,EAAe,WAAW,IAAM,CAC9B,OAAa,EAAI,GAAM,EAAO,EAE9B,GADY,EAAK,EACJ,CACX,GAAI,EAAI,YAAc,EAAI,EAAG,YAAY,CAAG,EAC5C,IAAM,EAAI,EAAI,GAAI,EAAO,EAAK,EAAM,CAAE,CAAC,EACvC,EAAG,MAAM,GAAc,EAxF9B,KAyFO,EAAU,CAAC,EACN,QAAI,EAAI,WACb,EAAI,OAAO,GAEZ,GAAG,EACP,EACD,EAAU,IAAM,CAId,GAHA,aAAa,CAAS,EACtB,aAAa,CAAY,EACzB,EAAO,QAAQ,CAAC,IAAM,EAAE,CAAC,EACrB,EAAY,EAAW,EAE3B,GADA,EAAG,WAAW,EACV,EAAI,WAAY,EAAI,OAAO,GAInC,OAFA,EAAI,MAAM,QAAU,EACpB,CAAC,EAAI,CAAC,EAAE,QAAQ,CAAC,IAAM,EAAG,QAAQ,CAAC,CAAC,EAC7B,IAIb,CACE,CAAC,IAAK,SAAU,MAAO,IAAK,kDAAkD,EAC9E,CAAC,IAAK,QAAS,OAAQ,IAAK,8CAA8C,CAC5E,EAAE,IAAI,EAAE,EAAQ,EAAM,EAAK,EAAM,KAAS,CACxC,IAAM,EAAa,EAAS,EAAM,EAAK,CAAI,EAC3C,eAAe,OACb,EAAS,UACT,cAAc,WAAY,CACxB,iBAAiB,EAAG,CAClB,IAAM,EAAU,EAAG,IAAK,GAAI,EAAG,MAAM,CAAC,EACpC,EAAU,EAAG,IAAK,SAAU,CAAO,EACrC,EAAQ,MAAM,QAAU,gBAAkB,EAC1C,KAAK,aAAa,CAAE,KAAM,MAAO,CAAC,EAAE,YAAY,CAAO,EACvD,KAAK,QAAU,EAAW,CAAO,EAEnC,oBAAoB,EAAG,CACrB,KAAK,UAAU,EAEnB,CACF,EACD,IACA",
-  "debugId": "5DD6B8D33029FF4A64756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"Scroll.js","names":[],"sources":["../com/Scroll/Scroll.js"],"sourcesContent":["import { On } from \"x/On.js\";\nimport { D, newEl } from \"x/dom.js\";\n\n(() => {\n  const { round, max, min } = Math,\n    PART = \"part\",\n    BAR = \"bar\",\n    SI = \"si\",\n    DRAG = \"drag\",\n    PX = \"px\",\n    mk = (tag, part, ...kids) => {\n      const e = newEl(tag);\n      if (part) e.setAttribute(PART, part);\n      e.append(...kids);\n      return e;\n    },\n    mkScroll = (size, pos, axis) => {\n      const style_size = size.toLowerCase(),\n        style_pos = pos.toLowerCase(),\n        client_size = \"client\" + size,\n        scroll_size = \"scroll\" + size,\n        scroll_pos = \"scroll\" + pos,\n        client_pos = \"client\" + axis;\n      return (ct) => {\n        let timer_bar,\n          ptr_unbind,\n          timer_resize,\n          pre_st = -1;\n        const m = ct.firstElementChild,\n          si = mk(\"i\", SI),\n          bar = mk(\"b\", BAR, si),\n          getGeo = (sih = si[client_size]) => {\n            const ch = ct[client_size],\n              sh = m[scroll_size];\n            return [sh - ch, max(1, ch - sih - 6), sih, ch, sh];\n          },\n          updateTop = (h) => {\n            if (!bar.parentNode) return;\n            const [ds, db] = getGeo(h),\n              st = max(0, min(ct[scroll_pos], ds));\n            if (pre_st != -1 && pre_st != st) {\n              bar.style.opacity = 1;\n              clearTimeout(timer_bar);\n              timer_bar = setTimeout(() => (bar.style.opacity = 0), 1e3);\n            }\n            pre_st = st;\n            si.style[style_pos] = 3 + round((db * st) / ds) + PX;\n          },\n          onDown = (e) => {\n            if (ptr_unbind) return;\n            const bd = D.body;\n            bd.setPointerCapture(e.pointerId);\n            bd.classList.add(DRAG);\n            bar.part.add(DRAG);\n            let pre = e[client_pos];\n            const detach = () => {\n                bd.classList.remove(DRAG);\n                bar.part.remove(DRAG);\n                un_ptr();\n                ptr_unbind = null;\n              },\n              un_ptr = On(bd, {\n                pointermove: (e) => {\n                  const [ds, db] = getGeo();\n                  ct[scroll_pos] += round((ds * (e[client_pos] - pre)) / db);\n                  pre = e[client_pos];\n                },\n                pointerup: detach,\n                lostpointercapture: detach,\n              });\n            ptr_unbind = detach;\n          },\n          onClick = (e) => {\n            const rect = bar.getBoundingClientRect(),\n              top = rect[style_pos],\n              [ds, db, sih] = getGeo();\n            ct[scroll_pos] = round(ds * max(min((e[client_pos] - top - 3 - sih / 2) / db, 1), 0));\n            onDown(e);\n          },\n          unbind = [\n            On(bar, { pointerdown: onClick }),\n            On(si, {\n              pointerdown: (e) => {\n                e.stopPropagation();\n                onDown(e);\n              },\n            }),\n            On(ct, { scroll: updateTop.bind(null, undefined) }),\n          ],\n          ob = new ResizeObserver(() => {\n            clearTimeout(timer_resize);\n            timer_resize = setTimeout(() => {\n              const [, , , ch, sh] = getGeo(),\n                is_turn = ch < sh;\n              if (is_turn) {\n                if (bar.parentNode != ct) ct.appendChild(bar);\n                const h = max(16, round((ch * ch) / sh));\n                si.style[style_size] = h + PX;\n                updateTop(h);\n              } else if (bar.parentNode) {\n                bar.remove();\n              }\n            }, 200);\n          }),\n          destroy = () => {\n            clearTimeout(timer_bar);\n            clearTimeout(timer_resize);\n            unbind.forEach((f) => f());\n            if (ptr_unbind) ptr_unbind();\n            ob.disconnect();\n            if (bar.parentNode) bar.remove();\n          };\n        bar.style.opacity = 0;\n        [ct, m].forEach((i) => ob.observe(i));\n        return destroy;\n      };\n    };\n\n  [\n    [\"v\", \"Height\", \"Top\", \"Y\", \"flex-direction:column;width:100%;min-height:100%\"],\n    [\"h\", \"Width\", \"Left\", \"X\", \"min-width:100%;width:max-content;height:100%\"],\n  ].map(([prefix, size, pos, axis, css]) => {\n    const initScroll = mkScroll(size, pos, axis);\n    customElements.define(\n      prefix + \"-scroll\",\n      class extends HTMLElement {\n        connectedCallback() {\n          const content = mk(\"b\", \"\", mk(\"slot\")),\n            wrapper = mk(\"b\", \"scroll\", content);\n          content.style.cssText = \"display:flex;\" + css;\n          this.attachShadow({ mode: \"open\" }).appendChild(wrapper);\n          this._unbind = initScroll(wrapper);\n        }\n        disconnectedCallback() {\n          this._unbind?.();\n        }\n      },\n    );\n  });\n})();\n"],"mappings":"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"}

package/_.css

@@ -0,0 +1,369 @@
+.LG {
+  position: relative;
+  z-index: 1;
+}
+.LG::before {
+  backdrop-filter: blur(30px) saturate(150%) url("/svg/W/filter/glass.svg#l");
+  background: linear-gradient(180deg, rgba(245,245,245,0.302), rgba(245,245,245,0.502));
+  border-radius: inherit;
+  content: '';
+  filter: url("/svg/W/filter/highlight.svg#hl");
+  inset: 0;
+  position: absolute;
+  transition: background 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  z-index: -1;
+}
+.LG::after {
+  background-clip: border-box;
+  background-image: linear-gradient(180deg, rgba(0,0,0,0.149), rgba(0,0,0,0.059));
+  background-origin: border-box;
+  border: 1px solid transparent;
+  border-radius: inherit;
+  border-width: 0.5px;
+  content: '';
+  inset: 0;
+  mask-clip: content-box, border-box;
+  mask-composite: exclude;
+  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
+  pointer-events: none;
+  position: absolute;
+  z-index: -1;
+}
+
+body {
+  align-items: center;
+  display: flex;
+  height: 100dvh;
+  justify-content: center;
+  width: 100%;
+}
+
+/*
+Please read: https://github.com/unocss/unocss/blob/main/packages-presets/reset/tailwind-compat.md
+*/
+/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`
+*/
+*,
+::before,
+::after {
+  border-color: var(--un-default-border-color, #e5e7eb) /* 2 */;
+  border-style: solid /* 2 */;
+  border-width: 0 /* 2 */;
+  box-sizing: border-box /* 1 */;
+}
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS.
+*/
+html,
+:host {
+  font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' /* 4 */;
+  font-feature-settings: normal /* 5 */;
+  font-variation-settings: normal /* 6 */;
+  line-height: 1.5 /* 1 */;
+  tab-size: 4 /* 3 */;
+  -moz-tab-size: 4 /* 3 */;
+  -webkit-tap-highlight-color: transparent /* 7 */;
+  -webkit-text-size-adjust: 100% /* 2 */;
+}
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+body {
+  line-height: inherit /* 2 */;
+  margin: 0 /* 1 */;
+}
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+hr {
+  border-top-width: 1px /* 3 */;
+  color: inherit /* 2 */;
+  height: 0 /* 1 */;
+}
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+abbr:where([title]) {
+  text-decoration: underline dotted;
+}
+/*
+Remove the default font size and weight for headings.
+*/
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+/*
+Add the correct font weight in Edge and Safari.
+*/
+b,
+strong {
+  font-weight: bolder;
+}
+/*
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
+*/
+code,
+kbd,
+samp,
+pre {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace /* 1 */;
+  font-feature-settings: normal /* 2 */;
+  font-size: 1em /* 4 */;
+  font-variation-settings: normal /* 3 */;
+}
+/*
+Add the correct font size in all browsers.
+*/
+small {
+  font-size: 80%;
+}
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+table {
+  border-collapse: collapse /* 3 */;
+  border-color: inherit /* 2 */;
+  text-indent: 0 /* 1 */;
+}
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit /* 1 */;
+  font-family: inherit /* 1 */;
+  font-feature-settings: inherit /* 1 */;
+  font-size: 100% /* 1 */;
+  font-variation-settings: inherit /* 1 */;
+  font-weight: inherit /* 1 */;
+  line-height: inherit /* 1 */;
+  margin: 0 /* 2 */;
+  padding: 0 /* 3 */;
+}
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+button,
+select {
+  text-transform: none;
+}
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+/* Will affect the button style of most component libraries, so disable it */
+/* https://github.com/unocss/unocss/issues/2127 */
+/* background-color: transparent; !* 2 *! */
+  background-image: none /* 2 */;
+  -webkit-appearance: button /* 1 */;
+}
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+:-moz-focusring {
+  outline: auto;
+}
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+progress {
+  vertical-align: baseline;
+}
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+[type='search'] {
+  outline-offset: -2px /* 2 */;
+  -webkit-appearance: textfield /* 1 */;
+}
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+::-webkit-file-upload-button {
+  font: inherit /* 2 */;
+  -webkit-appearance: button /* 1 */;
+}
+/*
+Add the correct display in Chrome and Safari.
+*/
+summary {
+  display: list-item;
+}
+/*
+Removes the default spacing for appropriate elements.
+*/
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+legend {
+  padding: 0;
+}
+ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+dialog {
+  padding: 0;
+}
+/*
+Prevent resizing textareas horizontally by default.
+*/
+textarea {
+  resize: vertical;
+}
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+input::placeholder,
+textarea::placeholder {
+  color: #9ca3af /* 2 */;
+  opacity: 1 /* 1 */;
+}
+/*
+Set the default cursor for buttons.
+*/
+button,
+[role='button'] {
+  cursor: pointer;
+}
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+:disabled {
+  cursor: default;
+}
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+   This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block /* 1 */;
+  vertical-align: middle /* 2 */;
+}
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+img,
+video {
+  height: auto;
+  max-width: 100%;
+}
+/*
+Make elements with the HTML hidden attribute stay hidden by default.
+*/
+[hidden]:where(:not([hidden='until-found'])) {
+  display: none;
+}
+
+:root {
+  --gap: 24px;
+}
+@media (max-width: 999px) {
+  :root {
+    --gap: 16px;
+  }
+}

package/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="none"><defs><linearGradient id="a" x1="0" x2="1" y1="0" y2="1"><stop offset="0" stop-color="#ffb340"/><stop offset="1" stop-color="#ff7a18"/></linearGradient></defs><path fill="url(#a)" d="M170.15 401.578 64.362 482.114V106.28a54.3 54.3 0 0 1 7.086-26.845c4.643-8.162 11.32-14.94 19.36-19.652a52.3 52.3 0 0 1 26.448-7.194h290.918a52.3 52.3 0 0 1 26.447 7.194c8.041 4.712 14.719 11.49 19.361 19.652a54.3 54.3 0 0 1 7.087 26.845v241.607a54.3 54.3 0 0 1-7.087 26.846c-4.642 8.162-11.32 14.939-19.361 19.652a52.3 52.3 0 0 1-26.447 7.193z"/><path fill="#fff" d="M156.927 267.352a39.23 39.23 0 0 0 19.843-5.389 40 40 0 0 0 14.528-14.74 40.74 40.74 0 0 0 5.317-20.139 40.74 40.74 0 0 0-5.317-20.14 40 40 0 0 0-14.528-14.74 39.23 39.23 0 0 0-19.843-5.388 39.27 39.27 0 0 0-23.309 7.697c-6.774 4.999-11.816 12.045-14.403 20.131a40.84 40.84 0 0 0 0 24.88c2.587 8.085 7.629 15.132 14.403 20.131a39.28 39.28 0 0 0 23.309 7.697m105.788 0a39.2 39.2 0 0 0 19.843-5.389 40 40 0 0 0 14.528-14.74 40.73 40.73 0 0 0 5.318-20.139 40.74 40.74 0 0 0-5.318-20.14 40 40 0 0 0-14.528-14.74 39.2 39.2 0 0 0-19.843-5.388 39.27 39.27 0 0 0-23.308 7.697c-6.775 4.999-11.817 12.045-14.404 20.131a40.85 40.85 0 0 0 0 24.88c2.587 8.085 7.629 15.132 14.404 20.131a39.28 39.28 0 0 0 23.308 7.697m105.789 0a39.23 39.23 0 0 0 19.843-5.389 40 40 0 0 0 14.528-14.74 40.74 40.74 0 0 0 5.318-20.139 40.75 40.75 0 0 0-5.318-20.14 40 40 0 0 0-14.528-14.74 39.23 39.23 0 0 0-19.843-5.388 39.28 39.28 0 0 0-23.309 7.697c-6.774 4.999-11.816 12.045-14.403 20.131a40.84 40.84 0 0 0 0 24.88c2.587 8.085 7.629 15.132 14.403 20.131a39.3 39.3 0 0 0 23.309 7.697"/></svg>

package/package.json

@@ -1 +1 @@
-{"name":"webc.site","version":"0.1.19","description":"","keywords":[],"homepage":"https://webc-zh.github.io","license":"MulanPSL-2.0","author":"i18n.site@gmail.com","repository":{"type":"git","url":"git+https://github.com/webc-zh/webc-zh.github.io.git"},"files":["./*"],"type":"module","exports":{"./*":"./*"},"scripts":{},"devDependencies":{}}
+{"name":"webc.site","version":"0.1.22","description":"","keywords":[],"homepage":"https://webc-zh.github.io","license":"MulanPSL-2.0","author":"i18n.site@gmail.com","repository":{"type":"git","url":"git+https://github.com/webc-zh/webc-zh.github.io.git"},"bin":{"webc-i":"./cli.js"},"files":["./*"],"type":"module","exports":{"./*":"./*"},"scripts":{},"dependencies":{"@3-/read":"^0.1.4","stylus":"^0.64.0","tar":"^7.5.15","yargs":"^18.0.0"},"devDependencies":{}}

package/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "MyWebSite",
+  "short_name": "MySite",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#000000",
+  "background_color": "#000000",
+  "display": "standalone"
+}

package/svg/Scroll/cursor/grab.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" fill="none"><path fill="#ffffffb3" fill-rule="evenodd" d="M3.573 2.036c.48-.178 1.427-.069 1.677.473.213.462.396 1.241.406 1.075.024-.369-.024-1.167.137-1.584.117-.304.347-.59.686-.69a1.9 1.9 0 0 1 .916-.056c.313.064.642.287.765.5.362.622.368 1.898.385 1.83.064-.272.07-1.229.283-1.584.141-.235.497-.445.687-.479.294-.052.656-.068.964-.008.25.05.586.344.677.487.22.344.342 1.316.38 1.658.015.141.073-.393.292-.736.406-.639 1.844-.763 1.898.64.026.653.02.623.02 1.063 0 .516-.012.828-.04 1.202-.03.4-.116 1.304-.24 1.742-.087.301-.372.978-.654 1.384 0 0-1.074 1.25-1.19 1.812-.118.563-.079.567-.103.965-.023.4.121.923.121.923s-.8.104-1.234.034c-.39-.062-.875-.84-1-1.078-.172-.328-.539-.265-.682-.023-.224.383-.709 1.07-1.05 1.113-.669.084-2.055.03-3.14.02 0 0 .185-1.01-.227-1.358-.305-.26-.83-.784-1.144-1.06l-.832-.92c-.283-.36-1.002-.93-1.243-1.986C.875 6.46.896 6 1.125 5.625c.232-.38.67-.589.854-.625.208-.042.692-.039.875.062.223.123.313.16.488.391.23.307.312.456.213.121-.076-.262-.322-.595-.434-.97-.109-.36-.4-.943-.38-1.526.008-.22.103-.77.832-1.042" clip-rule="evenodd"/><path stroke="#0000008c" stroke-linejoin="round" stroke-width=".75" d="M3.573 2.036c.48-.178 1.427-.069 1.677.473.213.462.396 1.241.406 1.075.024-.369-.024-1.167.137-1.584.117-.304.347-.59.686-.69a1.9 1.9 0 0 1 .916-.056c.313.064.642.287.765.5.362.622.368 1.898.385 1.83.064-.272.07-1.229.283-1.584.141-.235.497-.445.687-.479.294-.052.656-.068.964-.008.25.05.586.344.677.487.22.344.342 1.316.38 1.658.015.141.073-.393.292-.736.406-.639 1.844-.763 1.898.64.026.653.02.623.02 1.063 0 .516-.012.828-.04 1.202-.03.4-.116 1.304-.24 1.742-.087.301-.372.978-.654 1.384 0 0-1.074 1.25-1.19 1.812-.118.563-.079.567-.103.965-.023.4.121.923.121.923s-.8.104-1.234.034c-.39-.062-.875-.84-1-1.078-.172-.328-.539-.265-.682-.023-.224.383-.709 1.07-1.05 1.113-.669.084-2.055.03-3.14.02 0 0 .185-1.01-.227-1.358-.305-.26-.83-.784-1.144-1.06l-.832-.92c-.283-.36-1.002-.93-1.243-1.986C.875 6.46.896 6 1.125 5.625c.232-.38.67-.589.854-.625.208-.042.692-.039.875.062.223.123.313.16.488.391.23.307.312.456.213.121-.076-.262-.322-.595-.434-.97-.109-.36-.4-.943-.38-1.526.008-.22.103-.77.832-1.042Z" clip-rule="evenodd"/><path stroke="#0000008c" stroke-linecap="round" stroke-width=".75" d="M10.566 9.734V6.275M8.55 9.746l-.015-3.473m-1.98.032.02 3.426"/></svg>

package/svg/Scroll/cursor/scrollh.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="#fff" stroke="#000" stroke-linejoin="round" stroke-width="2" d="m22 12-6-6v4H8V6l-6 6 6 6v-4h8v4z"/></svg>

package/svg/Scroll/cursor/scrollv.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="#fff" stroke="#000" stroke-linejoin="round" stroke-width="2" d="M12 2 6 8h4v8H6l6 6 6-6h-4V8h4z"/></svg>

package/svg/W/filter/glass.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"/>

package/svg/W/filter/highlight.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"/>

package/svg/bg.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1080" preserveAspectRatio="xMidYMid slice"><defs><filter id="b" width="160%" height="160%" x="-30%" y="-30%"><feGaussianBlur stdDeviation="80"/></filter><filter id="c" width="140%" height="140%" x="-20%" y="-20%"><feGaussianBlur stdDeviation="24"/></filter><filter id="e" width="140%" height="140%" x="-20%" y="-20%"><feGaussianBlur stdDeviation="12"/></filter><filter id="g" width="140%" height="140%" x="-20%" y="-20%"><feDropShadow dx="0" dy="24" flood-color="#000" flood-opacity=".04" stdDeviation="30"/></filter><filter id="i"><feTurbulence baseFrequency=".65" numOctaves="3" stitchTiles="stitch" type="fractalNoise"/><feColorMatrix type="saturate" values="0"/></filter><linearGradient id="a" x1="0%" x2="100%" y1="0%" y2="100%"><stop offset="0%" stop-color="#e8e8ed"/><stop offset="100%" stop-color="#f2f2f7"/></linearGradient><linearGradient id="d" x1="0%" x2="100%" y1="100%" y2="0%"><stop offset="0%" stop-color="#eaebef" stop-opacity=".9"/><stop offset="100%" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="f" x1="0%" x2="100%" y1="0%" y2="100%"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#e5e5ea" stop-opacity=".7"/></linearGradient><linearGradient id="h" x1="0%" x2="100%" y1="0%" y2="100%"><stop offset="0%" stop-color="#eaebef" stop-opacity=".9"/><stop offset="100%" stop-color="#c7c7cc" stop-opacity=".8"/></linearGradient></defs><rect width="100%" height="100%" fill="url(#a)"/><g filter="url(#b)"><ellipse cx="15%" cy="5%" fill="#e5e5ea" opacity=".6" rx="50%" ry="60%"/><ellipse cx="85%" cy="15%" fill="#d1d1d6" opacity=".5" rx="45%" ry="55%"/><ellipse cx="30%" cy="95%" fill="#eaebef" opacity=".7" rx="60%" ry="50%"/><ellipse cx="85%" cy="90%" fill="#d1d1d6" opacity=".6" rx="50%" ry="55%"/><ellipse cx="50%" cy="50%" fill="#fff" opacity=".9" rx="40%" ry="45%"/></g><path fill="#fff" d="M-100 500c500-50 700-400 1300-300 400 50 600-250 900-150v1150H-100Z" filter="url(#c)" opacity=".4"/><path fill="url(#d)" d="M-100 750c500-50 700-500 1300-400 400 50 600-200 900-100v950H-100Z" filter="url(#e)"/><path fill="url(#f)" d="M-100 950c350 0 500-500 1100-500 400 0 600 200 1100 150v600H-100Z" filter="url(#g)"/><path fill="url(#h)" d="M1100 1200c200-350 500-450 1000-300v300Z" filter="url(#g)"/><path fill="#fff" d="M-100 1200v-100c200 0 350 20 550 100Z" filter="url(#g)" opacity=".8"/><rect width="100%" height="100%" filter="url(#i)" opacity=".04" style="mix-blend-mode:multiply;pointer-events:none"/></svg>

package/svg/copy.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 48 48"><path stroke="#000" stroke-width="3" d="M13 12.432v-4.62A2.813 2.813 0 0 1 15.813 5h24.374A2.813 2.813 0 0 1 43 7.813v24.375A2.813 2.813 0 0 1 40.188 35h-4.672"/><path stroke="#000" stroke-width="3" d="M32.188 13H7.811A2.813 2.813 0 0 0 5 15.813v24.374A2.813 2.813 0 0 0 7.813 43h24.375A2.813 2.813 0 0 0 35 40.188V15.811A2.813 2.813 0 0 0 32.188 13Z"/></svg>

package/svg/ok.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path d="m5 13 4 4L19 7"/></svg>

package/svg/site.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="none"><defs><linearGradient id="a" x1="0" x2="1" y1="0" y2="1"><stop offset="0" stop-color="#ffb340"/><stop offset="1" stop-color="#ff7a18"/></linearGradient></defs><path fill="url(#a)" d="M170.15 401.578 64.362 482.114V106.28a54.3 54.3 0 0 1 7.086-26.845c4.643-8.162 11.32-14.94 19.36-19.652a52.3 52.3 0 0 1 26.448-7.194h290.918a52.3 52.3 0 0 1 26.447 7.194c8.041 4.712 14.719 11.49 19.361 19.652a54.3 54.3 0 0 1 7.087 26.845v241.607a54.3 54.3 0 0 1-7.087 26.846c-4.642 8.162-11.32 14.939-19.361 19.652a52.3 52.3 0 0 1-26.447 7.193z"/><path fill="#fff" d="M156.927 267.352a39.23 39.23 0 0 0 19.843-5.389 40 40 0 0 0 14.528-14.74 40.74 40.74 0 0 0 5.317-20.139 40.74 40.74 0 0 0-5.317-20.14 40 40 0 0 0-14.528-14.74 39.23 39.23 0 0 0-19.843-5.388 39.27 39.27 0 0 0-23.309 7.697c-6.774 4.999-11.816 12.045-14.403 20.131a40.84 40.84 0 0 0 0 24.88c2.587 8.085 7.629 15.132 14.403 20.131a39.28 39.28 0 0 0 23.309 7.697m105.788 0a39.2 39.2 0 0 0 19.843-5.389 40 40 0 0 0 14.528-14.74 40.73 40.73 0 0 0 5.318-20.139 40.74 40.74 0 0 0-5.318-20.14 40 40 0 0 0-14.528-14.74 39.2 39.2 0 0 0-19.843-5.388 39.27 39.27 0 0 0-23.308 7.697c-6.775 4.999-11.817 12.045-14.404 20.131a40.85 40.85 0 0 0 0 24.88c2.587 8.085 7.629 15.132 14.404 20.131a39.28 39.28 0 0 0 23.308 7.697m105.789 0a39.23 39.23 0 0 0 19.843-5.389 40 40 0 0 0 14.528-14.74 40.74 40.74 0 0 0 5.318-20.139 40.75 40.75 0 0 0-5.318-20.14 40 40 0 0 0-14.528-14.74 39.23 39.23 0 0 0-19.843-5.388 39.28 39.28 0 0 0-23.309 7.697c-6.774 4.999-11.816 12.045-14.403 20.131a40.84 40.84 0 0 0 0 24.88c2.587 8.085 7.629 15.132 14.403 20.131a39.3 39.3 0 0 0 23.309 7.697"/></svg>

package/x.js

@@ -1 +1 @@
-const e=(e,t)=>{let n,r;for(n in t)r=t[n],e.addEventListener(n,r);return()=>{for(n in t)r=t[n],e.removeEventListener(n,r)}},t=()=>location.pathname.slice(1),[n,r,i,a,o,s,c,l]=(()=>{let n=t(),r=[];location.hash&&(n+=location.hash);let i=e=>(r.push(e),e(t()),()=>{r=r.filter(t=>t!==e)}),a=e=>{n=e},o=()=>n,s=e=>{e||=t();for(let t of r)t(e,n);a(e)},c=e=>e[0]===`/`?e.slice(1):e,l=(e,t)=>{let n=e.indexOf(t);return n>=0?[e.slice(0,n),e.slice(n+1)]:[e,``]},u=e=>{if(e=c(e),e!==n){let[t,r]=l(e,`#`),[i]=l(n,`#`);if(a(e),t!==i)return history.pushState(null,``,`/`+e),1;if(location.hash.slice(1)!==r){location.hash=r;return}}window.dispatchEvent(new HashChangeEvent(`hashchange`))};return e(window,{popstate:()=>{let e=t();e!==l(n,`#`)[0]&&s(e)}}),[i,a,o,s,c,l,u,e=>{u(e)&&s(e)}]})(),u=(e,t)=>{var n,r;if(e.host===location.host)return{hash:n}=e,r=e.pathname.slice(1)+e.search,n&&(r+=n),t.preventDefault(),r},d=document,f=d.body,p=d.createElement.bind(d);export{f as B,d as D,e as On,l as goto,p as newEl,t as nowUrl,i as preUrl,a as refresh,o as removeSlash,n as route,u as selfA,r as setPre,c as setUrl,s as split};
+const e=(e,t)=>{let n,r;for(n in t)r=t[n],e.addEventListener(n,r);return()=>{for(n in t)r=t[n],e.removeEventListener(n,r)}},t=document,n=t.body,r=t.createElement.bind(t);export{n as B,t as D,e as On,r as newEl};

package/x.js.map

@@ -1 +1 @@
-{"version":3,"file":"x.js","names":[],"sources":["../../importmap/x/On.js","../../importmap/x/route.js","../../importmap/x/selfA.js","../../importmap/x/dom.js"],"sourcesContent":["export const On = (elem, dict) => {\n  let event, func;\n  for (event in dict) {\n    func = dict[event];\n    elem.addEventListener(event, func);\n  }\n  return () => {\n    for (event in dict) {\n      func = dict[event];\n      elem.removeEventListener(event, func);\n    }\n  };\n};\n","import { On } from \"x/On.js\";\n\nexport const nowUrl = () => location.pathname.slice(1),\n  [route, setPre, preUrl, refresh, removeSlash, split, setUrl, goto] = (() => {\n    let PRE = nowUrl(),\n      HOOK = [];\n    if (location.hash) PRE += location.hash;\n\n    const HASH = \"#\",\n      route = (hook) => {\n        HOOK.push(hook);\n        hook(nowUrl());\n        return () => {\n          HOOK = HOOK.filter((f) => f !== hook);\n        };\n      },\n      setPre = (url) => {\n        PRE = url;\n      },\n      preUrl = () => PRE,\n      refresh = (url) => {\n        url = url || nowUrl();\n        for (const f of HOOK) f(url, PRE);\n        setPre(url);\n      },\n      removeSlash = (url) => (url[0] === \"/\" ? url.slice(1) : url),\n      split = (str, s) => {\n        const p = str.indexOf(s);\n        return p >= 0 ? [str.slice(0, p), str.slice(p + 1)] : [str, \"\"];\n      },\n      setUrl = (url) => {\n        url = removeSlash(url);\n        if (url !== PRE) {\n          const [path, hash] = split(url, HASH),\n            [p] = split(PRE, HASH);\n          setPre(url);\n          if (path !== p) {\n            history.pushState(null, \"\", \"/\" + url);\n            return 1;\n          }\n          if (location.hash.slice(1) !== hash) {\n            location.hash = hash;\n            return;\n          }\n        }\n        window.dispatchEvent(new HashChangeEvent(\"hashchange\"));\n      },\n      goto = (url) => {\n        if (setUrl(url)) refresh(url);\n      };\n\n    On(window, {\n      popstate: () => {\n        const url = nowUrl();\n        if (url !== split(PRE, HASH)[0]) refresh(url);\n      },\n    });\n\n    return [route, setPre, preUrl, refresh, removeSlash, split, setUrl, goto];\n  })();\n","// 判断A标签的href是否为当前网站的, 如果是, 返回url, 以实现不刷新跳转\nexport const selfA = (p, e) => {\n  var hash, url;\n  if (p.host === location.host) {\n    ({ hash } = p);\n    url = p.pathname.slice(1) + p.search;\n    if (hash) {\n      url += hash;\n    }\n    e.preventDefault();\n    return url;\n  }\n};\n","export const D = document,\n  B = D.body,\n  newEl = D.createElement.bind(D);\n"],"mappings":"AAAA,MAAa,GAAM,EAAM,IAAS,CAChC,IAAI,EAAO,EACX,IAAK,KAAS,EACZ,EAAO,EAAK,GACZ,EAAK,iBAAiB,EAAO,CAAI,EAEnC,UAAa,CACX,IAAK,KAAS,EACZ,EAAO,EAAK,GACZ,EAAK,oBAAoB,EAAO,CAAI,CAExC,CACF,ECVa,MAAe,SAAS,SAAS,MAAM,CAAC,EACnD,CAAC,EAAO,EAAQ,EAAQ,EAAS,EAAa,EAAO,EAAQ,QAAe,CAC1E,IAAI,EAAM,EAAO,EACf,EAAO,CAAC,EACN,SAAS,OAAM,GAAO,SAAS,MAEnC,IACE,EAAS,IACP,EAAK,KAAK,CAAI,EACd,EAAK,EAAO,CAAC,MACA,CACX,EAAO,EAAK,OAAQ,GAAM,IAAM,CAAI,CACtC,GAEF,EAAU,GAAQ,CAChB,EAAM,CACR,EACA,MAAe,EACf,EAAW,GAAQ,CACjB,IAAa,EAAO,EACpB,IAAK,IAAM,KAAK,EAAM,EAAE,EAAK,CAAG,EAChC,EAAO,CAAG,CACZ,EACA,EAAe,GAAS,EAAI,KAAO,IAAM,EAAI,MAAM,CAAC,EAAI,EACxD,GAAS,EAAK,IAAM,CAClB,IAAM,EAAI,EAAI,QAAQ,CAAC,EACvB,OAAO,GAAK,EAAI,CAAC,EAAI,MAAM,EAAG,CAAC,EAAG,EAAI,MAAM,EAAI,CAAC,CAAC,EAAI,CAAC,EAAK,EAAE,CAChE,EACA,EAAU,GAAQ,CAEhB,GADA,EAAM,EAAY,CAAG,EACjB,IAAQ,EAAK,CACf,GAAM,CAAC,EAAM,GAAQ,EAAM,EAAK,GAAI,EAClC,CAAC,GAAK,EAAM,EAAK,GAAI,EAEvB,GADA,EAAO,CAAG,EACN,IAAS,EAEX,OADA,QAAQ,UAAU,KAAM,GAAI,IAAM,CAAG,EAC9B,EAET,GAAI,SAAS,KAAK,MAAM,CAAC,IAAM,EAAM,CACnC,SAAS,KAAO,EAChB,MACF,CACF,CACA,OAAO,cAAc,IAAI,gBAAgB,YAAY,CAAC,CACxD,EAYF,OAPA,EAAG,OAAQ,CACT,aAAgB,CACd,IAAM,EAAM,EAAO,EACf,IAAQ,EAAM,EAAK,GAAI,EAAE,IAAI,EAAQ,CAAG,CAC9C,CACF,CAAC,EAEM,CAAC,EAAO,EAAQ,EAAQ,EAAS,EAAa,EAAO,EAXlD,GAAQ,CACV,EAAO,CAAG,GAAG,EAAQ,CAAG,CAC9B,CASsE,CAC1E,GAAG,EC1DQ,GAAS,EAAG,IAAM,CAC7B,IAAI,EAAM,EACV,GAAI,EAAE,OAAS,SAAS,KAOtB,MANC,SAAW,EACZ,EAAM,EAAE,SAAS,MAAM,CAAC,EAAI,EAAE,OAC1B,IACF,GAAO,GAET,EAAE,eAAe,EACV,CAEX,ECZa,EAAI,SACf,EAAI,EAAE,KACN,EAAQ,EAAE,cAAc,KAAK,CAAC"}
+{"version":3,"file":"x.js","names":[],"sources":["../../importmap/x/On.js","../../importmap/x/dom.js"],"sourcesContent":["export const On = (elem, dict) => {\n  let event, func;\n  for (event in dict) {\n    func = dict[event];\n    elem.addEventListener(event, func);\n  }\n  return () => {\n    for (event in dict) {\n      func = dict[event];\n      elem.removeEventListener(event, func);\n    }\n  };\n};\n","export const D = document,\n  B = D.body,\n  newEl = D.createElement.bind(D);\n"],"mappings":"AAAA,MAAa,GAAM,EAAM,IAAS,CAChC,IAAI,EAAO,EACX,IAAK,KAAS,EACZ,EAAO,EAAK,GACZ,EAAK,iBAAiB,EAAO,CAAI,EAEnC,UAAa,CACX,IAAK,KAAS,EACZ,EAAO,EAAK,GACZ,EAAK,oBAAoB,EAAO,CAAI,CAExC,CACF,ECZa,EAAI,SACf,EAAI,EAAE,KACN,EAAQ,EAAE,cAAc,KAAK,CAAC"}

package/importmap/genDoc.md

@@ -1,9 +0,0 @@
-给x目录下每个 js 在同级目录，写同名的 .md 介绍用途
-
-第一行是标题，以#号开头，标题不要包含 js 的名字，主要写起用途
-
-内容依次介绍每个导出的函数、参数.
-
-函数参数如果是回调函数，请写明回调函数的参数，返回值
-
-文风要简洁，不写形容词

package/importmap/x/On.js

@@ -1,13 +0,0 @@
-export const On = (elem, dict) => {
-  let event, func;
-  for (event in dict) {
-    func = dict[event];
-    elem.addEventListener(event, func);
-  }
-  return () => {
-    for (event in dict) {
-      func = dict[event];
-      elem.removeEventListener(event, func);
-    }
-  };
-};

package/importmap/x/On.md

@@ -1,8 +0,0 @@
-# 绑定与解绑事件监听
-
-- `On(elem, dict)`
-  - `elem`: DOM 元素。
-  - `dict`: 事件与回调对象。键为事件名，值为回调函数。回调函数格式：
-    - 参数：`e`（事件对象）。
-    - 返回值：无。
-  - 返回值：解绑函数。格式为 `() => void`。

package/importmap/x/a.js

@@ -1,23 +0,0 @@
-import { goto, selfA, B } from "../../x.js";
-B.addEventListener("click", (e) => {
-  var href, name, p;
-  p = e.target;
-  while (p) {
-    ({ nodeName: name } = p);
-    if (name === "A") {
-      ({ href } = p);
-      if (href) {
-        href = selfA(p, e);
-        if (href !== void 0) {
-          goto(href);
-        } else if (!p.target) {
-          p.target = "_blank";
-        }
-      }
-      break;
-    } else if (name === "BODY") {
-      break;
-    }
-    p = p.parentNode;
-  }
-});

package/importmap/x/a.md

@@ -1,3 +0,0 @@
-# 拦截链接点击实现无刷新跳转
-
-无导出函数。导入时自动在 `document.body` 监听点击事件。点击同站链接时阻止默认行为并调用 `goto` 跳转，点击外链且无 `target` 属性时将其设为 `_blank`。

package/importmap/x/delayRoute.js

@@ -1,17 +0,0 @@
-import { route } from "./route.js";
-
-// 避免 onMount 之前，route 被触发，导致重复加载数据
-export const delayRoute = (loadUrl) => {
-  let t;
-  const unbind = route((url, preUrl) => {
-    t = setTimeout(() => {
-      loadUrl(url, preUrl);
-    });
-  });
-  return () => {
-    unbind();
-    clearTimeout(t);
-  };
-};
-
-export default delayRoute;

package/importmap/x/delayRoute.md

@@ -1,11 +0,0 @@
-# 延迟路由触发避免重复加载数据
-
-用于 Svelte，避免组件被卸载前触发路由导致重复加载数据。
-
-- `delayRoute(loadUrl)`
-  - `loadUrl`: 路由变化时的回调函数。格式：
-    - 参数：
-      - `url`: 字符串，新 URL 路径。
-      - `preUrl`: 字符串（可选），旧 URL 路径。
-    - 返回值：无。
-  - 返回值：取消路由订阅并清除定时器的函数，格式为 `() => void`。

package/importmap/x/dom.js

@@ -1,3 +0,0 @@
-export const D = document,
-  B = D.body,
-  newEl = D.createElement.bind(D);

package/importmap/x/dom.md

@@ -1,7 +0,0 @@
-# DOM 属性与方法简写
-
-- `D`: `document` 实例。
-- `B`: `document.body` 元素。
-- `newEl(tagName)`
-  - `tagName`: 字符串，HTML 标签名。
-  - 返回值：新创建的 DOM 元素。

package/importmap/x/package.json

@@ -1,22 +0,0 @@
-{
-  "name": "@3-/x",
-  "version": "0.2.0",
-  "description": "",
-  "keywords": [],
-  "homepage": "https://webc-zh.github.io",
-  "license": "MulanPSL-2.0",
-  "author": "i18n.site@gmail.com",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/webc-zh/webc-zh.github.io.git"
-  },
-  "files": [
-    "./*"
-  ],
-  "type": "module",
-  "exports": {
-    "./*": "./*"
-  },
-  "scripts": {},
-  "devDependencies": {}
-}

package/importmap/x/rmWait.js

@@ -1,2 +0,0 @@
-import { D } from "./dom.js";
-D.getElementById("W").remove();

package/importmap/x/rmWait.md

@@ -1,3 +0,0 @@
-# 移除加载等待元素
-
-无导出函数。导入时自动从 DOM 中移除 ID 为 `W` 的元素。

package/importmap/x/route.js

@@ -1,59 +0,0 @@
-import { On } from "../../x.js";
-export const nowUrl = () => location.pathname.slice(1),
-  [route, setPre, preUrl, refresh, removeSlash, split, setUrl, goto] = (() => {
-    let PRE = nowUrl(),
-      HOOK = [];
-    if (location.hash) PRE += location.hash;
-
-    const HASH = "#",
-      route = (hook) => {
-        HOOK.push(hook);
-        hook(nowUrl());
-        return () => {
-          HOOK = HOOK.filter((f) => f !== hook);
-        };
-      },
-      setPre = (url) => {
-        PRE = url;
-      },
-      preUrl = () => PRE,
-      refresh = (url) => {
-        url = url || nowUrl();
-        for (const f of HOOK) f(url, PRE);
-        setPre(url);
-      },
-      removeSlash = (url) => (url[0] === "/" ? url.slice(1) : url),
-      split = (str, s) => {
-        const p = str.indexOf(s);
-        return p >= 0 ? [str.slice(0, p), str.slice(p + 1)] : [str, ""];
-      },
-      setUrl = (url) => {
-        url = removeSlash(url);
-        if (url !== PRE) {
-          const [path, hash] = split(url, HASH),
-            [p] = split(PRE, HASH);
-          setPre(url);
-          if (path !== p) {
-            history.pushState(null, "", "/" + url);
-            return 1;
-          }
-          if (location.hash.slice(1) !== hash) {
-            location.hash = hash;
-            return;
-          }
-        }
-        window.dispatchEvent(new HashChangeEvent("hashchange"));
-      },
-      goto = (url) => {
-        if (setUrl(url)) refresh(url);
-      };
-
-    On(window, {
-      popstate: () => {
-        const url = nowUrl();
-        if (url !== split(PRE, HASH)[0]) refresh(url);
-      },
-    });
-
-    return [route, setPre, preUrl, refresh, removeSlash, split, setUrl, goto];
-  })();

package/importmap/x/route.md

@@ -1,37 +0,0 @@
-# 路由管理与跳转
-
-- `nowUrl()`
-  - 返回值：当前 URL 路径（不含首部斜杠）。
-
-- `route(hook)`
-  - `hook`: 路由变化时执行的回调函数。格式：
-    - 参数：
-      - `url`: 字符串，新 URL 路径。
-      - `preUrl`: 字符串（可选），旧 URL 路径。
-    - 返回值：无。
-  - 返回值：取消订阅的函数，格式为 `() => void`。
-
-- `setPre(url)`
-  - `url`: 字符串，新的前一次 URL 路径。
-
-- `preUrl()`
-  - 返回值：前一次的 URL 路径。
-
-- `refresh(url)`
-  - `url`: 字符串（可选），要触发回调的 URL 路径，默认是当前 URL。
-
-- `removeSlash(url)`
-  - `url`: 字符串。
-  - 返回值：移除首部斜杠后的字符串。
-
-- `split(str, s)`
-  - `str`: 待拆分字符串。
-  - `s`: 分隔符。
-  - 返回值：包含两个元素的数组 `[前部, 后部]`。
-
-- `setUrl(url)`
-  - `url`: 目标 URL 路径。
-  - 返回值：若路径改变返回 `1`，若仅 hash 改变不返回值。
-
-- `goto(url)`
-  - `url`: 目标 URL 路径。

package/importmap/x/selfA.js

@@ -1,13 +0,0 @@
-// 判断A标签的href是否为当前网站的, 如果是, 返回url, 以实现不刷新跳转
-export const selfA = (p, e) => {
-  var hash, url;
-  if (p.host === location.host) {
-    ({ hash } = p);
-    url = p.pathname.slice(1) + p.search;
-    if (hash) {
-      url += hash;
-    }
-    e.preventDefault();
-    return url;
-  }
-};

package/importmap/x/selfA.md

@@ -1,6 +0,0 @@
-# 同站链接点击校验与处理
-
-- `selfA(p, e)`
-  - `p`: `<a>` 元素。
-  - `e`: 点击事件对象。
-  - 返回值：若是同站链接，阻止默认行为并返回包含 search/hash 的相对路径，否则返回 `undefined`。