geekin-devtoys 0.3.1 → 0.3.2

package/lib/GCard/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),U=require("../_plugin-vue_export-helper-BHFhmbuH.js"),H={class:"g-card__content"},W=t.defineComponent({__name:"index",props:{className:{default:""},edgeSensitivity:{default:30},glowColor:{default:"40 80 80"},backgroundColor:{default:"#060010"},borderRadius:{default:28},glowRadius:{default:40},glowIntensity:{default:1},coneSpread:{default:25},animated:{type:Boolean,default:!1},colors:{default:()=>["#c084fc","#f472b6","#38bdf8"]},fillOpacity:{default:.5}},setup(k){function R(e){const a=e.match(/([\d.]+)\s*([\d.]+)%?\s*([\d.]+)%?/);return a?{h:parseFloat(a[1]),s:parseFloat(a[2]),l:parseFloat(a[3])}:{h:40,s:80,l:80}}function O(e,a){const{h:n,s:l,l:o}=R(e),s=`${n}deg ${l}% ${o}%`;return[[0,0,0,1,100,!0],[0,0,1,0,60,!0],[0,0,3,0,50,!0],[0,0,6,0,40,!0],[0,0,15,0,30,!0],[0,0,25,2,20,!0],[0,0,50,2,10,!0],[0,0,1,0,60,!1],[0,0,3,0,50,!1],[0,0,6,0,40,!1],[0,0,15,0,30,!1],[0,0,25,2,20,!1],[0,0,50,2,10,!1]].map(([d,i,h,v,G,T])=>{const q=Math.min(G*a,100);return`${T?"inset ":""}${d}px ${i}px ${h}px ${v}px hsl(${s} / ${q}%)`}).join(", ")}function S(e){return 1-Math.pow(1-e,3)}function x(e){return e*e*e}function b({start:e=0,end:a=100,duration:n=1e3,delay:l=0,ease:o=S,onUpdate:s,onEnd:c}){const d=performance.now()+l;function i(){const h=performance.now()-d,v=Math.min(h/n,1);s(e+(a-e)*o(v)),v<1?requestAnimationFrame(i):c&&c()}setTimeout(()=>requestAnimationFrame(i),l)}const E=["80% 55%","69% 34%","8% 6%","41% 38%","86% 85%","82% 18%","51% 4%"],P=[0,1,2,0,1,2,1];function N(e){const a=[];for(let n=0;n<7;n++){const l=e[Math.min(P[n],e.length-1)];a.push(`radial-gradient(at ${E[n]}, ${l} 0px, transparent 50%)`)}return a.push(`linear-gradient(${e[0]} 0 100%)`),a}const r=k,_=t.useTemplateRef("cardRef"),y=t.ref(!1),p=t.ref(45),g=t.ref(0),$=t.ref(!1),M=e=>{const{width:a,height:n}=e.getBoundingClientRect();return[a/2,n/2]},B=(e,a,n)=>{const[l,o]=M(e),s=a-l,c=n-o;let d=1/0,i=1/0;return s!==0&&(d=l/Math.abs(s)),c!==0&&(i=o/Math.abs(c)),Math.min(Math.max(1/Math.min(d,i),0),1)},V=(e,a,n)=>{const[l,o]=M(e),s=a-l,c=n-o;if(s===0&&c===0)return 0;let i=Math.atan2(c,s)*(180/Math.PI)+90;return i<0&&(i+=360),i},A=e=>{const a=_.value;if(!a)return;const n=a.getBoundingClientRect(),l=e.clientX-n.left,o=e.clientY-n.top;g.value=B(a,l,o),p.value=V(a,l,o)};t.watch(()=>r.animated,()=>{if(!r.animated)return;const e=110,a=465;$.value=!0,p.value=e,b({duration:500,onUpdate:n=>g.value=n/100}),b({ease:x,duration:1500,end:50,onUpdate:n=>{p.value=(a-e)*(n/100)+e}}),b({ease:S,delay:1500,duration:2250,start:50,end:100,onUpdate:n=>{p.value=(a-e)*(n/100)+e}}),b({ease:x,delay:2500,duration:1500,start:100,end:0,onUpdate:n=>g.value=n/100,onEnd:()=>$.value=!1})},{immediate:!0});const w=t.computed(()=>r.edgeSensitivity+20),m=t.computed(()=>y.value||$.value),C=t.computed(()=>m.value?Math.max(0,(g.value*100-w.value)/(100-w.value)):0),j=t.computed(()=>m.value?Math.max(0,(g.value*100-r.edgeSensitivity)/(100-r.edgeSensitivity)):0),I=t.computed(()=>N(r.colors)),z=t.computed(()=>I.value.map(e=>`${e} border-box`)),F=t.computed(()=>I.value.map(e=>`${e} padding-box`)),u=t.computed(()=>`${p.value.toFixed(3)}deg`);return(e,a)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"cardRef",ref:_,onPointermove:A,onPointerenter:a[0]||(a[0]=n=>y.value=!0),onPointerleave:a[1]||(a[1]=n=>y.value=!1),class:t.normalizeClass(["g-card",r.className]),style:t.normalizeStyle({background:r.backgroundColor,borderRadius:r.borderRadius+"px"})},[t.createElementVNode("div",{class:"g-card__border",style:t.normalizeStyle({background:[`linear-gradient(${r.backgroundColor} 0 100%) padding-box`,"linear-gradient(rgb(255 255 255 / 0%) 0% 100%) border-box",...z.value].join(", "),opacity:C.value,maskImage:`conic-gradient(from ${u.value} at center, black ${r.coneSpread}%, transparent ${r.coneSpread+15}%, transparent ${100-r.coneSpread-15}%, black ${100-r.coneSpread}%)`,WebkitMaskImage:`conic-gradient(from ${u.value} at center, black ${r.coneSpread}%, transparent ${r.coneSpread+15}%, transparent ${100-r.coneSpread-15}%, black ${100-r.coneSpread}%)`,transition:m.value?"opacity 0.25s ease-out":"opacity 0.75s ease-in-out"})},null,4),t.createElementVNode("div",{class:"g-card__fill",style:t.normalizeStyle({background:F.value.join(", "),maskImage:["linear-gradient(to bottom, black, black)","radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%)","radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%)","radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%)","radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%)","radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%)",`conic-gradient(from ${u.value} at center, transparent 5%, black 15%, black 85%, transparent 95%)`].join(", "),WebkitMaskImage:["linear-gradient(to bottom, black, black)","radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%)","radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%)","radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%)","radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%)","radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%)",`conic-gradient(from ${u.value} at center, transparent 5%, black 15%, black 85%, transparent 95%)`].join(", "),opacity:C.value*r.fillOpacity,transition:m.value?"opacity 0.25s ease-out":"opacity 0.75s ease-in-out"})},null,4),t.createElementVNode("span",{class:"g-card__glow",style:t.normalizeStyle({inset:`-${r.glowRadius}px`,maskImage:`conic-gradient(from ${u.value} at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%)`,WebkitMaskImage:`conic-gradient(from ${u.value} at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%)`,opacity:j.value,transition:m.value?"opacity 0.25s ease-out":"opacity 0.75s ease-in-out"})},[t.createElementVNode("span",{class:"g-card__glow-inner",style:t.normalizeStyle({inset:`${r.glowRadius}px`,boxShadow:O(r.glowColor,r.glowIntensity)})},null,4)],4),t.createElementVNode("div",H,[t.renderSlot(e.$slots,"default",{},void 0,!0)])],38))}}),f=U._export_sfc(W,[["__scopeId","data-v-22c04b33"]]);f.install=k=>{k.component(f.name,f)};exports.GCard=f;exports.default=f;

package/lib/GCard/index.mjs

@@ -0,0 +1,227 @@
+import { defineComponent as H, useTemplateRef as L, ref as y, watch as X, computed as c, createElementBlock as Y, openBlock as J, normalizeStyle as m, normalizeClass as K, createElementVNode as b, renderSlot as Q } from "vue";
+import { _ as Z } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+const ee = { class: "g-card__content" }, ae = /* @__PURE__ */ H({
+  __name: "index",
+  props: {
+    className: { default: "" },
+    edgeSensitivity: { default: 30 },
+    glowColor: { default: "40 80 80" },
+    backgroundColor: { default: "#060010" },
+    borderRadius: { default: 28 },
+    glowRadius: { default: 40 },
+    glowIntensity: { default: 1 },
+    coneSpread: { default: 25 },
+    animated: { type: Boolean, default: !1 },
+    colors: { default: () => ["#c084fc", "#f472b6", "#38bdf8"] },
+    fillOpacity: { default: 0.5 }
+  },
+  setup($) {
+    function B(e) {
+      const a = e.match(/([\d.]+)\s*([\d.]+)%?\s*([\d.]+)%?/);
+      return a ? { h: parseFloat(a[1]), s: parseFloat(a[2]), l: parseFloat(a[3]) } : { h: 40, s: 80, l: 80 };
+    }
+    function A(e, a) {
+      const { h: t, s: r, l } = B(e), s = `${t}deg ${r}% ${l}%`;
+      return [
+        [0, 0, 0, 1, 100, !0],
+        [0, 0, 1, 0, 60, !0],
+        [0, 0, 3, 0, 50, !0],
+        [0, 0, 6, 0, 40, !0],
+        [0, 0, 15, 0, 30, !0],
+        [0, 0, 25, 2, 20, !0],
+        [0, 0, 50, 2, 10, !0],
+        [0, 0, 1, 0, 60, !1],
+        [0, 0, 3, 0, 50, !1],
+        [0, 0, 6, 0, 40, !1],
+        [0, 0, 15, 0, 30, !1],
+        [0, 0, 25, 2, 20, !1],
+        [0, 0, 50, 2, 10, !1]
+      ].map(([d, o, S, k, q, z]) => {
+        const D = Math.min(q * a, 100);
+        return `${z ? "inset " : ""}${d}px ${o}px ${S}px ${k}px hsl(${s} / ${D}%)`;
+      }).join(", ");
+    }
+    function M(e) {
+      return 1 - Math.pow(1 - e, 3);
+    }
+    function w(e) {
+      return e * e * e;
+    }
+    function v({
+      start: e = 0,
+      end: a = 100,
+      duration: t = 1e3,
+      delay: r = 0,
+      ease: l = M,
+      onUpdate: s,
+      onEnd: i
+    }) {
+      const d = performance.now() + r;
+      function o() {
+        const S = performance.now() - d, k = Math.min(S / t, 1);
+        s(e + (a - e) * l(k)), k < 1 ? requestAnimationFrame(o) : i && i();
+      }
+      setTimeout(() => requestAnimationFrame(o), r);
+    }
+    const E = [
+      "80% 55%",
+      "69% 34%",
+      "8% 6%",
+      "41% 38%",
+      "86% 85%",
+      "82% 18%",
+      "51% 4%"
+    ], F = [0, 1, 2, 0, 1, 2, 1];
+    function j(e) {
+      const a = [];
+      for (let t = 0; t < 7; t++) {
+        const r = e[Math.min(F[t], e.length - 1)];
+        a.push(`radial-gradient(at ${E[t]}, ${r} 0px, transparent 50%)`);
+      }
+      return a.push(`linear-gradient(${e[0]} 0 100%)`), a;
+    }
+    const n = $, I = L("cardRef"), h = y(!1), p = y(45), g = y(0), x = y(!1), C = (e) => {
+      const { width: a, height: t } = e.getBoundingClientRect();
+      return [a / 2, t / 2];
+    }, N = (e, a, t) => {
+      const [r, l] = C(e), s = a - r, i = t - l;
+      let d = 1 / 0, o = 1 / 0;
+      return s !== 0 && (d = r / Math.abs(s)), i !== 0 && (o = l / Math.abs(i)), Math.min(Math.max(1 / Math.min(d, o), 0), 1);
+    }, G = (e, a, t) => {
+      const [r, l] = C(e), s = a - r, i = t - l;
+      if (s === 0 && i === 0) return 0;
+      let o = Math.atan2(i, s) * (180 / Math.PI) + 90;
+      return o < 0 && (o += 360), o;
+    }, T = (e) => {
+      const a = I.value;
+      if (!a) return;
+      const t = a.getBoundingClientRect(), r = e.clientX - t.left, l = e.clientY - t.top;
+      g.value = N(a, r, l), p.value = G(a, r, l);
+    };
+    X(
+      () => n.animated,
+      () => {
+        if (!n.animated) return;
+        const e = 110, a = 465;
+        x.value = !0, p.value = e, v({ duration: 500, onUpdate: (t) => g.value = t / 100 }), v({
+          ease: w,
+          duration: 1500,
+          end: 50,
+          onUpdate: (t) => {
+            p.value = (a - e) * (t / 100) + e;
+          }
+        }), v({
+          ease: M,
+          delay: 1500,
+          duration: 2250,
+          start: 50,
+          end: 100,
+          onUpdate: (t) => {
+            p.value = (a - e) * (t / 100) + e;
+          }
+        }), v({
+          ease: w,
+          delay: 2500,
+          duration: 1500,
+          start: 100,
+          end: 0,
+          onUpdate: (t) => g.value = t / 100,
+          onEnd: () => x.value = !1
+        });
+      },
+      { immediate: !0 }
+    );
+    const R = c(() => n.edgeSensitivity + 20), f = c(() => h.value || x.value), O = c(
+      () => f.value ? Math.max(
+        0,
+        (g.value * 100 - R.value) / (100 - R.value)
+      ) : 0
+    ), U = c(
+      () => f.value ? Math.max(
+        0,
+        (g.value * 100 - n.edgeSensitivity) / (100 - n.edgeSensitivity)
+      ) : 0
+    ), P = c(() => j(n.colors)), V = c(() => P.value.map((e) => `${e} border-box`)), W = c(() => P.value.map((e) => `${e} padding-box`)), u = c(() => `${p.value.toFixed(3)}deg`);
+    return (e, a) => (J(), Y("div", {
+      ref_key: "cardRef",
+      ref: I,
+      onPointermove: T,
+      onPointerenter: a[0] || (a[0] = (t) => h.value = !0),
+      onPointerleave: a[1] || (a[1] = (t) => h.value = !1),
+      class: K(["g-card", n.className]),
+      style: m({
+        background: n.backgroundColor,
+        borderRadius: n.borderRadius + "px"
+      })
+    }, [
+      b("div", {
+        class: "g-card__border",
+        style: m({
+          background: [
+            `linear-gradient(${n.backgroundColor} 0 100%) padding-box`,
+            "linear-gradient(rgb(255 255 255 / 0%) 0% 100%) border-box",
+            ...V.value
+          ].join(", "),
+          opacity: O.value,
+          maskImage: `conic-gradient(from ${u.value} at center, black ${n.coneSpread}%, transparent ${n.coneSpread + 15}%, transparent ${100 - n.coneSpread - 15}%, black ${100 - n.coneSpread}%)`,
+          WebkitMaskImage: `conic-gradient(from ${u.value} at center, black ${n.coneSpread}%, transparent ${n.coneSpread + 15}%, transparent ${100 - n.coneSpread - 15}%, black ${100 - n.coneSpread}%)`,
+          transition: f.value ? "opacity 0.25s ease-out" : "opacity 0.75s ease-in-out"
+        })
+      }, null, 4),
+      b("div", {
+        class: "g-card__fill",
+        style: m({
+          background: W.value.join(", "),
+          maskImage: [
+            "linear-gradient(to bottom, black, black)",
+            "radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%)",
+            "radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%)",
+            "radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%)",
+            "radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%)",
+            "radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%)",
+            `conic-gradient(from ${u.value} at center, transparent 5%, black 15%, black 85%, transparent 95%)`
+          ].join(", "),
+          WebkitMaskImage: [
+            "linear-gradient(to bottom, black, black)",
+            "radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%)",
+            "radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%)",
+            "radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%)",
+            "radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%)",
+            "radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%)",
+            `conic-gradient(from ${u.value} at center, transparent 5%, black 15%, black 85%, transparent 95%)`
+          ].join(", "),
+          opacity: O.value * n.fillOpacity,
+          transition: f.value ? "opacity 0.25s ease-out" : "opacity 0.75s ease-in-out"
+        })
+      }, null, 4),
+      b("span", {
+        class: "g-card__glow",
+        style: m({
+          inset: `-${n.glowRadius}px`,
+          maskImage: `conic-gradient(from ${u.value} at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%)`,
+          WebkitMaskImage: `conic-gradient(from ${u.value} at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%)`,
+          opacity: U.value,
+          transition: f.value ? "opacity 0.25s ease-out" : "opacity 0.75s ease-in-out"
+        })
+      }, [
+        b("span", {
+          class: "g-card__glow-inner",
+          style: m({
+            inset: `${n.glowRadius}px`,
+            boxShadow: A(n.glowColor, n.glowIntensity)
+          })
+        }, null, 4)
+      ], 4),
+      b("div", ee, [
+        Q(e.$slots, "default", {}, void 0, !0)
+      ])
+    ], 38));
+  }
+}), _ = /* @__PURE__ */ Z(ae, [["__scopeId", "data-v-22c04b33"]]);
+_.install = ($) => {
+  $.component(_.name, _);
+};
+export {
+  _ as GCard,
+  _ as default
+};

package/lib/GCard/style.css

@@ -0,0 +1 @@
+.g-card[data-v-22c04b33]{position:relative;display:grid;isolation:isolate;border:1px solid rgba(255,255,255,.15);transform:translateZ(.01px);box-shadow:#0000001a 0 1px 2px,#0000001a 0 2px 4px,#0000001a 0 4px 8px,#0000001a 0 8px 16px,#0000001a 0 16px 32px,#0000001a 0 32px 64px}.g-card__border[data-v-22c04b33],.g-card__fill[data-v-22c04b33]{position:absolute;inset:0;z-index:-1;border:1px solid transparent;border-radius:inherit}.g-card__fill[data-v-22c04b33]{mask-composite:subtract,add,add,add,add,add;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mix-blend-mode:soft-light}.g-card__glow[data-v-22c04b33]{position:absolute;z-index:1;border-radius:inherit;pointer-events:none;mix-blend-mode:plus-lighter}.g-card__glow-inner[data-v-22c04b33]{position:absolute;border-radius:inherit}.g-card__content[data-v-22c04b33]{position:relative;z-index:1;display:flex;flex-direction:column;overflow:auto}

package/lib/GCard.d.ts

@@ -0,0 +1 @@
+export {}

package/lib/GFuzzyText/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),S=a.defineComponent({__name:"index",props:{fontSize:{default:"clamp(2rem, 8vw, 8rem)"},fontWeight:{default:900},fontFamily:{default:"inherit"},color:{default:"#fff"},enableHover:{type:Boolean,default:!0},baseIntensity:{default:.18},hoverIntensity:{default:.5},fuzzRange:{default:30},fps:{default:60},direction:{default:"horizontal"},transitionDuration:{default:0},clickEffect:{type:Boolean,default:!1},glitchMode:{type:Boolean,default:!1},glitchInterval:{default:2e3},glitchDuration:{default:200},gradient:{default:null},letterSpacing:{default:0},className:{default:""}},setup(I){const e=I,_=a.useTemplateRef("canvasRef"),Q=a.useSlots(),H=a.computed(()=>{const d=Q.default?.()??[],c=h=>h.map(s=>typeof s.children=="string"?s.children:Array.isArray(s.children)?c(s.children):"").join("");return c(d)});let F=0,x=null;const q=async()=>{const d=++F;let c=0,h=null,s=null,T=null;const G=[],M=()=>d!==F,l=_.value;if(!l)return;const R=l.getContext("2d");if(!R)return;const V=e.fontFamily==="inherit"?window.getComputedStyle(l).fontFamily||"sans-serif":e.fontFamily,Z=typeof e.fontSize=="number"?`${e.fontSize}px`:e.fontSize,C=`${e.fontWeight} ${Z} ${V}`;try{await document.fonts.load(C)}catch{await document.fonts.ready}if(M())return;let B;if(typeof e.fontSize=="number")B=e.fontSize;else{const t=document.createElement("span");t.style.fontSize=e.fontSize,document.body.appendChild(t),B=parseFloat(getComputedStyle(t).fontSize),document.body.removeChild(t)}const g=H.value,b=document.createElement("canvas"),o=b.getContext("2d");if(!o)return;o.font=C,o.textBaseline="alphabetic";let m=0;if(e.letterSpacing!==0){for(const t of g)m+=o.measureText(t).width+e.letterSpacing;m-=e.letterSpacing}else m=o.measureText(g).width;const p=o.measureText(g),$=p.actualBoundingBoxLeft??0,ee=e.letterSpacing!==0?m:p.actualBoundingBoxRight??p.width,w=p.actualBoundingBoxAscent??B,te=p.actualBoundingBoxDescent??B*.2,j=Math.ceil(e.letterSpacing!==0?m:$+ee),z=Math.ceil(w+te),N=10,f=j+N;b.width=f,b.height=z;const A=N/2;if(o.font=C,o.textBaseline="alphabetic",e.gradient&&Array.isArray(e.gradient)&&e.gradient.length>=2){const t=o.createLinearGradient(0,0,f,0);e.gradient.forEach((n,i)=>t.addColorStop(i/(e.gradient.length-1),n)),o.fillStyle=t}else o.fillStyle=e.color;if(e.letterSpacing!==0){let t=A;for(const n of g)o.fillText(n,t,w),t+=o.measureText(n).width+e.letterSpacing}else o.fillText(g,A-$,w);const E=e.fuzzRange+20,k=e.direction==="vertical"||e.direction==="both"?e.fuzzRange+10:0;l.width=f+E*2,l.height=z+k*2,R.translate(E,k);const O=E+A,P=k,ne=O+j,ie=P+z;let v=!1,D=!1,L=!1,r=e.baseIntensity,u=e.baseIntensity,X=0;const Y=()=>{!e.glitchMode||M()||(h=setTimeout(()=>{M()||(L=!0,s=setTimeout(()=>{L=!1,Y()},e.glitchDuration))},e.glitchInterval))};e.glitchMode&&Y();const W=t=>{if(M())return;const n=1e3/e.fps;if(t-X<n){c=requestAnimationFrame(W);return}if(X=t,R.clearRect(-(e.fuzzRange+20),-(e.fuzzRange+10),f+2*(e.fuzzRange+20),z+2*(e.fuzzRange+10)),D||L?u=1:v?u=e.hoverIntensity:u=e.baseIntensity,e.transitionDuration>0){const i=1/(e.transitionDuration/n);r<u?r=Math.min(r+i,u):r>u&&(r=Math.max(r-i,u))}else r=u;for(let i=0;i<z;i++){let J=0,K=0;(e.direction==="horizontal"||e.direction==="both")&&(J=Math.floor(r*(Math.random()-.5)*e.fuzzRange)),(e.direction==="vertical"||e.direction==="both")&&(K=Math.floor(r*(Math.random()-.5)*e.fuzzRange*.5)),R.drawImage(b,0,i,f,1,J,i+K,f,1)}c=requestAnimationFrame(W)};c=requestAnimationFrame(W);const U=(t,n)=>t>=O&&t<=ne&&n>=P&&n<=ie,oe=t=>{if(!e.enableHover)return;const n=l.getBoundingClientRect();v=U(t.clientX-n.left,t.clientY-n.top)},ae=()=>{v=!1},le=()=>{e.clickEffect&&(D=!0,clearTimeout(T??void 0),T=setTimeout(()=>{D=!1},150))},re=t=>{if(!e.enableHover)return;t.preventDefault();const n=l.getBoundingClientRect(),i=t.touches[0];v=U(i.clientX-n.left,i.clientY-n.top)},ce=()=>{v=!1},y=(t,n,i)=>{l.addEventListener(t,n,i),G.push(()=>l.removeEventListener(t,n,i))};y("mousemove",oe),y("mouseleave",ae),y("touchmove",re,{passive:!1}),y("touchend",ce),y("click",le),x=()=>{cancelAnimationFrame(c),h!==null&&clearTimeout(h),s!==null&&clearTimeout(s),T!==null&&clearTimeout(T),G.forEach(t=>t())}};return a.onMounted(()=>{q()}),a.onBeforeUnmount(()=>{F++,x?.()}),a.watch(()=>({text:H.value,fontSize:e.fontSize,fontWeight:e.fontWeight,fontFamily:e.fontFamily,color:e.color,gradient:e.gradient,letterSpacing:e.letterSpacing,direction:e.direction,fuzzRange:e.fuzzRange,glitchMode:e.glitchMode}),()=>{x?.(),x=null,q()},{deep:!0}),(d,c)=>(a.openBlock(),a.createElementBlock("canvas",{ref_key:"canvasRef",ref:_,class:a.normalizeClass(d.className)},null,2))}});S.install=I=>{I.component(S.name,S)};exports.GFuzzyText=S;exports.default=S;

package/lib/GFuzzyText/index.mjs

@@ -0,0 +1,171 @@
+import { defineComponent as ct, useTemplateRef as st, useSlots as ft, computed as ut, onMounted as dt, onBeforeUnmount as ht, watch as mt, createElementBlock as gt, openBlock as pt, normalizeClass as zt } from "vue";
+const L = /* @__PURE__ */ ct({
+  __name: "index",
+  props: {
+    fontSize: { default: "clamp(2rem, 8vw, 8rem)" },
+    fontWeight: { default: 900 },
+    fontFamily: { default: "inherit" },
+    color: { default: "#fff" },
+    enableHover: { type: Boolean, default: !0 },
+    baseIntensity: { default: 0.18 },
+    hoverIntensity: { default: 0.5 },
+    fuzzRange: { default: 30 },
+    fps: { default: 60 },
+    direction: { default: "horizontal" },
+    transitionDuration: { default: 0 },
+    clickEffect: { type: Boolean, default: !1 },
+    glitchMode: { type: Boolean, default: !1 },
+    glitchInterval: { default: 2e3 },
+    glitchDuration: { default: 200 },
+    gradient: { default: null },
+    letterSpacing: { default: 0 },
+    className: { default: "" }
+  },
+  setup(M) {
+    const t = M, W = st("canvasRef"), K = ft(), _ = ut(() => {
+      const u = K.default?.() ?? [], r = (d) => d.map((c) => typeof c.children == "string" ? c.children : Array.isArray(c.children) ? r(c.children) : "").join("");
+      return r(u);
+    });
+    let b = 0, v = null;
+    const H = async () => {
+      const u = ++b;
+      let r = 0, d = null, c = null, S = null;
+      const G = [], x = () => u !== b, a = W.value;
+      if (!a) return;
+      const T = a.getContext("2d");
+      if (!T) return;
+      const Q = t.fontFamily === "inherit" ? window.getComputedStyle(a).fontFamily || "sans-serif" : t.fontFamily, V = typeof t.fontSize == "number" ? `${t.fontSize}px` : t.fontSize, I = `${t.fontWeight} ${V} ${Q}`;
+      try {
+        await document.fonts.load(I);
+      } catch {
+        await document.fonts.ready;
+      }
+      if (x()) return;
+      let R;
+      if (typeof t.fontSize == "number")
+        R = t.fontSize;
+      else {
+        const e = document.createElement("span");
+        e.style.fontSize = t.fontSize, document.body.appendChild(e), R = parseFloat(getComputedStyle(e).fontSize), document.body.removeChild(e);
+      }
+      const h = _.value, B = document.createElement("canvas"), o = B.getContext("2d");
+      if (!o) return;
+      o.font = I, o.textBaseline = "alphabetic";
+      let m = 0;
+      if (t.letterSpacing !== 0) {
+        for (const e of h)
+          m += o.measureText(e).width + t.letterSpacing;
+        m -= t.letterSpacing;
+      } else
+        m = o.measureText(h).width;
+      const g = o.measureText(h), $ = g.actualBoundingBoxLeft ?? 0, Z = t.letterSpacing !== 0 ? m : g.actualBoundingBoxRight ?? g.width, F = g.actualBoundingBoxAscent ?? R, tt = g.actualBoundingBoxDescent ?? R * 0.2, q = Math.ceil(
+        t.letterSpacing !== 0 ? m : $ + Z
+      ), p = Math.ceil(F + tt), j = 10, f = q + j;
+      B.width = f, B.height = p;
+      const C = j / 2;
+      if (o.font = I, o.textBaseline = "alphabetic", t.gradient && Array.isArray(t.gradient) && t.gradient.length >= 2) {
+        const e = o.createLinearGradient(0, 0, f, 0);
+        t.gradient.forEach((n, i) => e.addColorStop(i / (t.gradient.length - 1), n)), o.fillStyle = e;
+      } else
+        o.fillStyle = t.color;
+      if (t.letterSpacing !== 0) {
+        let e = C;
+        for (const n of h)
+          o.fillText(n, e, F), e += o.measureText(n).width + t.letterSpacing;
+      } else
+        o.fillText(h, C - $, F);
+      const w = t.fuzzRange + 20, A = t.direction === "vertical" || t.direction === "both" ? t.fuzzRange + 10 : 0;
+      a.width = f + w * 2, a.height = p + A * 2, T.translate(w, A);
+      const N = w + C, X = A, et = N + q, nt = X + p;
+      let z = !1, E = !1, k = !1, l = t.baseIntensity, s = t.baseIntensity, Y = 0;
+      const O = () => {
+        !t.glitchMode || x() || (d = setTimeout(() => {
+          x() || (k = !0, c = setTimeout(() => {
+            k = !1, O();
+          }, t.glitchDuration));
+        }, t.glitchInterval));
+      };
+      t.glitchMode && O();
+      const D = (e) => {
+        if (x()) return;
+        const n = 1e3 / t.fps;
+        if (e - Y < n) {
+          r = requestAnimationFrame(D);
+          return;
+        }
+        if (Y = e, T.clearRect(
+          -(t.fuzzRange + 20),
+          -(t.fuzzRange + 10),
+          f + 2 * (t.fuzzRange + 20),
+          p + 2 * (t.fuzzRange + 10)
+        ), E || k ? s = 1 : z ? s = t.hoverIntensity : s = t.baseIntensity, t.transitionDuration > 0) {
+          const i = 1 / (t.transitionDuration / n);
+          l < s ? l = Math.min(l + i, s) : l > s && (l = Math.max(l - i, s));
+        } else
+          l = s;
+        for (let i = 0; i < p; i++) {
+          let U = 0, J = 0;
+          (t.direction === "horizontal" || t.direction === "both") && (U = Math.floor(l * (Math.random() - 0.5) * t.fuzzRange)), (t.direction === "vertical" || t.direction === "both") && (J = Math.floor(l * (Math.random() - 0.5) * t.fuzzRange * 0.5)), T.drawImage(B, 0, i, f, 1, U, i + J, f, 1);
+        }
+        r = requestAnimationFrame(D);
+      };
+      r = requestAnimationFrame(D);
+      const P = (e, n) => e >= N && e <= et && n >= X && n <= nt, it = (e) => {
+        if (!t.enableHover) return;
+        const n = a.getBoundingClientRect();
+        z = P(e.clientX - n.left, e.clientY - n.top);
+      }, ot = () => {
+        z = !1;
+      }, at = () => {
+        t.clickEffect && (E = !0, clearTimeout(S ?? void 0), S = setTimeout(() => {
+          E = !1;
+        }, 150));
+      }, lt = (e) => {
+        if (!t.enableHover) return;
+        e.preventDefault();
+        const n = a.getBoundingClientRect(), i = e.touches[0];
+        z = P(i.clientX - n.left, i.clientY - n.top);
+      }, rt = () => {
+        z = !1;
+      }, y = (e, n, i) => {
+        a.addEventListener(e, n, i), G.push(() => a.removeEventListener(e, n, i));
+      };
+      y("mousemove", it), y("mouseleave", ot), y("touchmove", lt, { passive: !1 }), y("touchend", rt), y("click", at), v = () => {
+        cancelAnimationFrame(r), d !== null && clearTimeout(d), c !== null && clearTimeout(c), S !== null && clearTimeout(S), G.forEach((e) => e());
+      };
+    };
+    return dt(() => {
+      H();
+    }), ht(() => {
+      b++, v?.();
+    }), mt(
+      () => ({
+        text: _.value,
+        fontSize: t.fontSize,
+        fontWeight: t.fontWeight,
+        fontFamily: t.fontFamily,
+        color: t.color,
+        gradient: t.gradient,
+        letterSpacing: t.letterSpacing,
+        direction: t.direction,
+        fuzzRange: t.fuzzRange,
+        glitchMode: t.glitchMode
+      }),
+      () => {
+        v?.(), v = null, H();
+      },
+      { deep: !0 }
+    ), (u, r) => (pt(), gt("canvas", {
+      ref_key: "canvasRef",
+      ref: W,
+      class: zt(u.className)
+    }, null, 2));
+  }
+});
+L.install = (M) => {
+  M.component(L.name, L);
+};
+export {
+  L as GFuzzyText,
+  L as default
+};

package/lib/GFuzzyText.d.ts

@@ -0,0 +1 @@
+export {}

package/lib/GInputTreeTag/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),b=require("element-plus"),P=require("../_plugin-vue_export-helper-BHFhmbuH.js"),ee={key:0,class:"g-input-tree-tag__tags"},te=t.defineComponent({__name:"index",props:{modelValue:{default:()=>[]},data:{default:()=>[]},props:{default:()=>({})},nodeKey:{default:"id"},placeholder:{default:"请输入关键字搜索"},width:{default:320},popperMaxHeight:{default:320},popperZIndex:{default:2e3},popperOffset:{default:4},defaultExpandAll:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},tagType:{default:"info"},tagEffect:{default:"light"},clearInputAfterSelect:{type:Boolean,default:!0},enterToAdd:{type:Boolean,default:!0},valueFormat:{default:"value"},selectable:{},filterMethod:{},duplicateMessage:{default:"该项已添加"},notFoundMessage:{default:"未找到匹配项"}},emits:["update:modelValue","change","add","remove","node-click","duplicate","not-found"],setup(V,{expose:H,emit:$}){const n=V,r=$,O=t.computed(()=>({label:n.props.label||"label",children:n.props.children||"children",disabled:n.props.disabled})),q=t.computed(()=>n.props.value||n.nodeKey||"id"),K=t.computed(()=>n.props.label||"label"),j=t.computed(()=>n.props.children||"children"),B=t.computed(()=>n.props.isLeaf),f=e=>e?e[q.value]:void 0,i=e=>e?e[K.value]:"",_=e=>e?e[j.value]:void 0,c=e=>{if(!e)return!1;if(typeof n.selectable=="function")return n.selectable(e);if(B.value&&e[B.value]!==void 0)return!!e[B.value];const l=_(e);return!l||!l.length},S=t.computed(()=>{const e=new Map,l=(a=[])=>{a.forEach(o=>{c(o)&&e.set(f(o),o);const d=_(o);d?.length&&l(d)})};return l(n.data||[]),e}),s=t.computed(()=>(n.modelValue||[]).map(l=>{const a=n.valueFormat==="object"?l?.value:l,o=S.value.get(a),d=n.valueFormat==="object"?l?.label:void 0;return{value:a,label:o?i(o):d??String(a??""),raw:o}})),w=e=>s.value.some(l=>l.value===e),y=t.ref(""),u=t.ref(!1),C=t.ref(null),F=t.ref(null),T=t.ref(null),v=t.ref(null),I=t.ref({}),N=t.ref("bottom"),D=t.computed(()=>typeof n.width=="number"?`${n.width}px`:n.width),M=()=>{n.disabled||(u.value=!0)},k=()=>{if(!u.value)return;const e=T.value,l=v.value;if(!e||!l)return;const a=e.getBoundingClientRect(),o=l.offsetHeight||n.popperMaxHeight,E=window.innerHeight-a.bottom-n.popperOffset,X=a.top,A=E>=o||E>=X?"bottom":"top";N.value=A;const Y=A==="bottom"?a.bottom+n.popperOffset:a.top-o;I.value={position:"fixed",top:`${Y}px`,left:`${a.left}px`,width:`${a.width}px`,zIndex:String(n.popperZIndex)}};let p=null;const m=()=>{u.value&&(p&&cancelAnimationFrame(p),p=requestAnimationFrame(()=>{p=null,k()}))};let g=null;const U=()=>{typeof ResizeObserver>"u"||!v.value||(g?.disconnect(),g=new ResizeObserver(()=>m()),g.observe(v.value))},z=()=>{g?.disconnect(),g=null};t.watch(u,async e=>{if(!e){z();return}await t.nextTick(),k(),requestAnimationFrame(k),U()});const L=e=>{if(!u.value)return;const l=e.target;F.value?.contains(l)||v.value?.contains(l)||(u.value=!1)};t.onMounted(()=>{document.addEventListener("mousedown",L,!0),window.addEventListener("scroll",m,!0),window.addEventListener("resize",m)}),t.onBeforeUnmount(()=>{document.removeEventListener("mousedown",L,!0),window.removeEventListener("scroll",m,!0),window.removeEventListener("resize",m),p&&cancelAnimationFrame(p),z()});const G=e=>{u.value=!0,C.value?.filter(e),t.nextTick(k)},Z=(e,l)=>e?typeof n.filterMethod=="function"?n.filterMethod(e,l):String(i(l)??"").toLowerCase().includes(String(e).toLowerCase()):!0,W=(e,l)=>{if(r("node-click",e),!c(e)){l&&(l.expanded=!l.expanded);return}x(e),u.value=!1},J=e=>n.valueFormat==="object"?{value:e.value,label:e.label,raw:e.raw}:e.value,x=e=>{const l=f(e);if(l==null||l==="")return;if(w(l)){const d={value:l,label:i(e),raw:e};r("duplicate",d),n.duplicateMessage&&b.ElMessage.warning(n.duplicateMessage);return}const a={value:l,label:i(e),raw:e},o=[...n.modelValue||[],J(a)];r("update:modelValue",o),r("add",a),r("change",o,[...s.value,a]),n.clearInputAfterSelect&&(y.value="")},Q=()=>{if(!n.enterToAdd)return;const e=(y.value||"").trim();if(!e)return;let l=null;for(const a of S.value.values())if(i(a)===e){l=a;break}if(!l){r("not-found",e),n.notFoundMessage&&b.ElMessage.warning(n.notFoundMessage);return}x(l)},R=e=>{const l=s.value[e],a=[...n.modelValue||[]];a.splice(e,1),r("update:modelValue",a),l&&r("remove",l,e);const o=s.value.filter((d,E)=>E!==e);r("change",a,o)};return H({open:M,close:()=>u.value=!1,clear:()=>{r("update:modelValue",[]),r("change",[],[])},addByValue:e=>{const l=S.value.get(e);l&&x(l)}}),(e,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["g-input-tree-tag",{"is-disabled":e.disabled}])},[t.createElementVNode("div",{class:"g-input-tree-tag__wrap",ref_key:"wrapRef",ref:F},[t.createElementVNode("div",{class:"g-input-tree-tag__input-box",ref_key:"inputBoxRef",ref:T,style:t.normalizeStyle({width:D.value})},[t.createVNode(t.unref(b.ElInput),{modelValue:y.value,"onUpdate:modelValue":l[0]||(l[0]=a=>y.value=a),placeholder:e.placeholder,clearable:e.clearable,disabled:e.disabled,class:"g-input-tree-tag__input",onFocus:M,onClick:M,onInput:G,onKeyup:t.withKeys(Q,["enter"])},null,8,["modelValue","placeholder","clearable","disabled"])],4),(t.openBlock(),t.createBlock(t.Teleport,{to:"body"},[t.withDirectives(t.createElementVNode("div",{ref_key:"popperRef",ref:v,class:t.normalizeClass(["g-input-tree-tag__popover",`is-${N.value}`]),style:t.normalizeStyle(I.value),onMousedown:l[1]||(l[1]=t.withModifiers(()=>{},["prevent"]))},[t.createElementVNode("div",{class:"g-input-tree-tag__tree-wrap",style:t.normalizeStyle({maxHeight:e.popperMaxHeight+"px"})},[t.createVNode(t.unref(b.ElTree),{ref_key:"treeRef",ref:C,data:e.data,props:O.value,"node-key":e.nodeKey,"filter-node-method":Z,"expand-on-click-node":!1,"default-expand-all":e.defaultExpandAll,onNodeClick:W},{default:t.withCtx(a=>[t.renderSlot(e.$slots,"tree-node",{data:a?.data,node:a?.node,selectable:c(a?.data),selected:w(f(a?.data))},()=>[a?.data?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["g-input-tree-tag__node",{"is-selectable":c(a.data),"is-selected":c(a.data)&&w(f(a.data))}])},[t.renderSlot(e.$slots,"leaf-icon",{data:a.data,selectable:c(a.data),selected:w(f(a.data))},void 0,!0),t.createTextVNode(" "+t.toDisplayString(i(a.data)),1)],2)):t.createCommentVNode("",!0)],!0)]),_:3},8,["data","props","node-key","default-expand-all"])],4)],38),[[t.vShow,u.value]])])),s.value.length?(t.openBlock(),t.createElementBlock("div",ee,[t.renderSlot(e.$slots,"tags",{items:s.value,remove:R},()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value,(a,o)=>(t.openBlock(),t.createBlock(t.unref(b.ElTag),{key:a.value,class:"g-input-tree-tag__tag",type:e.tagType,effect:e.tagEffect,closable:e.closable&&!e.disabled,onClose:d=>R(o)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"tag",{item:a,index:o},()=>[t.createTextVNode(t.toDisplayString(a.label),1)],!0)]),_:2},1032,["type","effect","closable","onClose"]))),128))],!0)])):t.createCommentVNode("",!0)],512)],2))}}),h=P._export_sfc(te,[["__scopeId","data-v-274fd860"]]);h.install=V=>{V.component(h.name,h)};exports.GInputTreeTag=h;exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),b=require("element-plus"),ae=require("../_plugin-vue_export-helper-BHFhmbuH.js"),oe={key:0,class:"g-input-tree-tag__tags"},ne=t.defineComponent({__name:"index",props:{modelValue:{default:()=>[]},data:{default:()=>[]},props:{default:()=>({})},echoProps:{},nodeKey:{default:"id"},placeholder:{default:"请输入关键字搜索"},width:{default:320},popperMaxHeight:{default:320},popperZIndex:{default:2e3},popperOffset:{default:4},defaultExpandAll:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},tagType:{default:"info"},tagEffect:{default:"light"},clearInputAfterSelect:{type:Boolean,default:!0},enterToAdd:{type:Boolean,default:!0},valueFormat:{default:"value"},selectable:{},filterMethod:{},duplicateMessage:{default:"该项已添加"},notFoundMessage:{default:"未找到匹配项"}},emits:["update:modelValue","change","add","remove","node-click","duplicate","not-found"],setup(B,{expose:H,emit:$}){const o=B,r=$,O=t.computed(()=>({label:o.props.label||"label",children:o.props.children||"children",disabled:o.props.disabled})),j=t.computed(()=>o.props.value||o.nodeKey||"id"),q=t.computed(()=>o.props.label||"label"),K=t.computed(()=>o.props.children||"children"),S=t.computed(()=>o.props.isLeaf),D=t.computed(()=>o.echoProps?.value||"value"),U=t.computed(()=>o.echoProps?.label||"label"),f=e=>e?e[j.value]:void 0,i=e=>e?e[q.value]:"",_=e=>e?e[K.value]:void 0,G=e=>e?.[D.value]??e?.value,P=e=>e?.[U.value]??e?.label,c=e=>{if(!e)return!1;if(typeof o.selectable=="function")return o.selectable(e);if(S.value&&e[S.value]!==void 0)return!!e[S.value];const l=_(e);return!l||!l.length},F=t.computed(()=>{const e=new Map,l=(a=[])=>{a.forEach(n=>{c(n)&&e.set(f(n),n);const s=_(n);s?.length&&l(s)})};return l(o.data||[]),e}),u=t.computed(()=>(o.modelValue||[]).map(l=>{const a=o.valueFormat==="object"?G(l):l,n=F.value.get(a),s=o.valueFormat==="object"?P(l):void 0;return{value:a,label:n?i(n):s??String(a??""),raw:n??(o.valueFormat==="object"?l:void 0)}})),w=e=>u.value.some(l=>l.value===e),y=t.ref(""),d=t.ref(!1),C=t.ref(null),I=t.ref(null),T=t.ref(null),v=t.ref(null),L=t.ref({}),N=t.ref("bottom"),Z=t.computed(()=>typeof o.width=="number"?`${o.width}px`:o.width),x=()=>{o.disabled||(d.value=!0)},k=()=>{if(!d.value)return;const e=T.value,l=v.value;if(!e||!l)return;const a=e.getBoundingClientRect(),n=l.offsetHeight||o.popperMaxHeight,V=window.innerHeight-a.bottom-o.popperOffset,te=a.top,A=V>=n||V>=te?"bottom":"top";N.value=A;const le=A==="bottom"?a.bottom+o.popperOffset:a.top-n;L.value={position:"fixed",top:`${le}px`,left:`${a.left}px`,width:`${a.width}px`,zIndex:String(o.popperZIndex)}};let p=null;const m=()=>{d.value&&(p&&cancelAnimationFrame(p),p=requestAnimationFrame(()=>{p=null,k()}))};let g=null;const W=()=>{typeof ResizeObserver>"u"||!v.value||(g?.disconnect(),g=new ResizeObserver(()=>m()),g.observe(v.value))},z=()=>{g?.disconnect(),g=null};t.watch(d,async e=>{if(!e){z();return}await t.nextTick(),k(),requestAnimationFrame(k),W()});const R=e=>{if(!d.value)return;const l=e.target;I.value?.contains(l)||v.value?.contains(l)||(d.value=!1)};t.onMounted(()=>{document.addEventListener("mousedown",R,!0),window.addEventListener("scroll",m,!0),window.addEventListener("resize",m)}),t.onBeforeUnmount(()=>{document.removeEventListener("mousedown",R,!0),window.removeEventListener("scroll",m,!0),window.removeEventListener("resize",m),p&&cancelAnimationFrame(p),z()});const J=e=>{d.value=!0,C.value?.filter(e),t.nextTick(k)},Q=(e,l)=>e?typeof o.filterMethod=="function"?o.filterMethod(e,l):String(i(l)??"").toLowerCase().includes(String(e).toLowerCase()):!0,X=(e,l)=>{if(r("node-click",e),!c(e)){l&&(l.expanded=!l.expanded);return}M(e),d.value=!1},Y=e=>o.valueFormat==="object"?{value:e.value,label:e.label,raw:e.raw}:e.value,M=e=>{const l=f(e);if(l==null||l==="")return;if(w(l)){const s={value:l,label:i(e),raw:e};r("duplicate",s),o.duplicateMessage&&b.ElMessage.warning(o.duplicateMessage);return}const a={value:l,label:i(e),raw:e},n=[...o.modelValue||[],Y(a)];r("update:modelValue",n),r("add",a),r("change",n,[...u.value,a]),o.clearInputAfterSelect&&(y.value="")},ee=()=>{if(!o.enterToAdd)return;const e=(y.value||"").trim();if(!e)return;let l=null;for(const a of F.value.values())if(i(a)===e){l=a;break}if(!l){r("not-found",e),o.notFoundMessage&&b.ElMessage.warning(o.notFoundMessage);return}M(l)},E=e=>{if(e<0||e>=u.value.length)return;const l=u.value[e],a=[...o.modelValue||[]];a.splice(e,1),r("update:modelValue",a),l&&r("remove",l,e);const n=u.value.filter((s,V)=>V!==e);r("change",a,n)};return H({open:x,close:()=>d.value=!1,clear:()=>{r("update:modelValue",[]),r("change",[],[])},addByValue:e=>{const l=F.value.get(e);l&&M(l)},removeByIndex:e=>{E(e)},removeByValue:e=>{const l=u.value.findIndex(a=>a.value===e);l>-1&&E(l)},getSelectedItems:()=>u.value}),(e,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["g-input-tree-tag",{"is-disabled":e.disabled}])},[t.createElementVNode("div",{class:"g-input-tree-tag__wrap",ref_key:"wrapRef",ref:I},[t.createElementVNode("div",{class:"g-input-tree-tag__input-box",ref_key:"inputBoxRef",ref:T,style:t.normalizeStyle({width:Z.value})},[t.createVNode(t.unref(b.ElInput),{modelValue:y.value,"onUpdate:modelValue":l[0]||(l[0]=a=>y.value=a),placeholder:e.placeholder,clearable:e.clearable,disabled:e.disabled,class:"g-input-tree-tag__input",onFocus:x,onClick:x,onInput:J,onKeyup:t.withKeys(ee,["enter"])},null,8,["modelValue","placeholder","clearable","disabled"])],4),(t.openBlock(),t.createBlock(t.Teleport,{to:"body"},[t.withDirectives(t.createElementVNode("div",{ref_key:"popperRef",ref:v,class:t.normalizeClass(["g-input-tree-tag__popover",`is-${N.value}`]),style:t.normalizeStyle(L.value),onMousedown:l[1]||(l[1]=t.withModifiers(()=>{},["prevent"]))},[t.createElementVNode("div",{class:"g-input-tree-tag__tree-wrap",style:t.normalizeStyle({maxHeight:e.popperMaxHeight+"px"})},[t.createVNode(t.unref(b.ElTree),{ref_key:"treeRef",ref:C,data:e.data,props:O.value,"node-key":e.nodeKey,"filter-node-method":Q,"expand-on-click-node":!1,"default-expand-all":e.defaultExpandAll,onNodeClick:X},{default:t.withCtx(a=>[t.renderSlot(e.$slots,"tree-node",{data:a?.data,node:a?.node,selectable:c(a?.data),selected:w(f(a?.data))},()=>[a?.data?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["g-input-tree-tag__node",{"is-selectable":c(a.data),"is-selected":c(a.data)&&w(f(a.data))}])},[t.renderSlot(e.$slots,"leaf-icon",{data:a.data,selectable:c(a.data),selected:w(f(a.data))},void 0,!0),t.createTextVNode(" "+t.toDisplayString(i(a.data)),1)],2)):t.createCommentVNode("",!0)],!0)]),_:3},8,["data","props","node-key","default-expand-all"])],4)],38),[[t.vShow,d.value]])])),u.value.length?(t.openBlock(),t.createElementBlock("div",oe,[t.renderSlot(e.$slots,"tags",{items:u.value,remove:E},()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(u.value,(a,n)=>(t.openBlock(),t.createBlock(t.unref(b.ElTag),{key:a.value,class:"g-input-tree-tag__tag",type:e.tagType,effect:e.tagEffect,closable:e.closable&&!e.disabled,onClose:s=>E(n)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"tag",{item:a,index:n},()=>[t.createTextVNode(t.toDisplayString(a.label),1)],!0)]),_:2},1032,["type","effect","closable","onClose"]))),128))],!0)])):t.createCommentVNode("",!0)],512)],2))}}),h=ae._export_sfc(ne,[["__scopeId","data-v-1fe6c294"]]);h.install=B=>{B.component(h.name,h)};exports.GInputTreeTag=h;exports.default=h;