geekin-devtoys 0.2.11 → 0.2.12

package/lib/GPie3D/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("vue"),te=require("../_plugin-vue_export-helper-BHFhmbuH.js"),oe={class:"g-pie3d-tooltip__default"},ne={class:"g-pie3d-tooltip__name"},ae={class:"g-pie3d-tooltip__value"},le=s.defineComponent({__name:"index",props:{data:{default:()=>[]},config:{default:()=>({})},animation:{type:Boolean,default:!0}},emits:["slice-click"],setup(F,{emit:U}){const x=F,J=U,V={alpha:55,depth:26,startAngle:0,colors:["#22d3ee","#3b82f6","#8b5cf6","#06b6d4","#0ea5e9","#a855f7","#14b8a6"],textColor:"#cbd5e1",radiusRatio:.55,hoverDistance:14,showLabel:!0,showPercent:!0,labelFontSize:12,opacity:.7,showAura:!0,glowColor:""},n={...V,...x.config},T=s.ref(null),g=s.ref(null);let k=null,w=0,S=0,C=1,d=0,h=0,u=0,v=0,m=[],B=x.animation?0:1,E=null,z=x.animation;const D=s.ref(-1),$=s.ref(!1),G=s.ref(0),H=s.ref(0),_=s.ref(null),N=s.ref(0),O=e=>e*Math.PI/180,j=(e,i=0,o=0)=>({x:d+i+u*Math.cos(e),y:h+o+v*Math.sin(e)}),q=(e,i=0,o=0)=>({x:d+i+u*Math.cos(e),y:h+o+v*Math.sin(e)+n.depth}),I=()=>{if(!g.value||!T.value)return;const e=T.value,i=g.value;C=window.devicePixelRatio||1,w=e.clientWidth,S=e.clientHeight,i.width=w*C,i.height=S*C,i.style.width=w+"px",i.style.height=S+"px",k=i.getContext("2d"),k&&k.setTransform(C,0,0,C,0,0),d=w/2,h=S/2-n.depth/2;const o=n.showLabel?60:10,c=Math.min(w,S-n.depth-o)/2*n.radiusRatio*1.6;u=Math.max(20,c),v=u*Math.cos(O(n.alpha)),K(),z?Q():L()},K=()=>{m=[];const e=x.data.reduce((o,c)=>o+(c.value||0),0);if(e<=0)return;let i=-Math.PI/2+O(n.startAngle);x.data.forEach((o,c)=>{const r=o.value/e,f=r*Math.PI*2;m.push({data:o,index:c,color:o.color||n.colors[c%n.colors.length],startA:i,endA:i+f,midA:i+f/2,percent:r,hover:!1}),i+=f})},Q=()=>{B=0;const e=800,i=performance.now(),o=c=>{const r=Math.min(1,(c-i)/e);B=1-Math.pow(1-r,3),L(),r<1?E=requestAnimationFrame(o):(z=!1,E=null)};E=requestAnimationFrame(o)},M=(e,i)=>{let o=e.replace("#","");o.length===3&&(o=o.split("").map(t=>t+t).join(""));const c=parseInt(o.slice(0,2),16),r=parseInt(o.slice(2,4),16),f=parseInt(o.slice(4,6),16);return`rgba(${c},${r},${f},${i})`},L=()=>{if(!k)return;const e=k;if(e.clearRect(0,0,w,S),!m.length)return;const i=m[0]?.startA??0,o=Math.PI*2*B,c=i+o,r=m.map(t=>{const a=t.startA,l=Math.min(t.endA,c),p=l>a,y=t.hover?Math.cos(t.midA)*n.hoverDistance:0,A=t.hover?Math.sin(t.midA)*n.hoverDistance:0;return{...t,startA:a,endA:l,valid:p,ox:y,oy:A}});if(n.showAura){const t=e.createRadialGradient(d,h+n.depth,u*.1,d,h+n.depth,u*1.5);t.addColorStop(0,"rgba(6,182,212,0.15)"),t.addColorStop(.4,"rgba(59,130,246,0.08)"),t.addColorStop(.8,"rgba(139,92,246,0.03)"),t.addColorStop(1,"rgba(0,0,0,0)"),e.beginPath(),e.ellipse(d,h+n.depth,u*1.5,v*.9,0,0,Math.PI*2),e.fillStyle=t,e.fill(),e.strokeStyle="rgba(56,189,248,0.08)",e.lineWidth=1;for(let a=3;a>=1;a--){const l=u*(.3+a*.25);e.beginPath(),e.ellipse(d,h+n.depth,l,l*(v/u),0,0,Math.PI*2),e.stroke()}}const f=Math.PI/120;for(const t of r){if(!t.valid)continue;let a=t.startA;const l=n.glowColor||t.color;for(;a<t.endA;){const p=Math.min(a+f,t.endA),y=(a+p)/2;if(Math.sin(y)>0){const A=j(a,t.ox,t.oy),P=j(p,t.ox,t.oy),b=q(p,t.ox,t.oy),W=q(a,t.ox,t.oy);e.fillStyle=M(l,n.opacity*.4),e.beginPath(),e.moveTo(A.x,A.y),e.lineTo(P.x,P.y),e.lineTo(b.x,b.y),e.lineTo(W.x,W.y),e.closePath(),e.fill(),e.strokeStyle=M(l,.7),e.lineWidth=.8,e.beginPath(),e.moveTo(W.x,W.y),e.lineTo(b.x,b.y),e.stroke()}a=p}}for(const t of r){if(!t.valid)continue;const a=[];Math.sin(t.startA)>.001&&a.push({a:t.startA}),Math.sin(t.endA)>.001&&a.push({a:t.endA});const l=n.glowColor||t.color;for(const p of a){const y={x:d+t.ox,y:h+t.oy},A={x:y.x,y:y.y+n.depth},P=j(p.a,t.ox,t.oy),b=q(p.a,t.ox,t.oy);e.fillStyle=M(l,n.opacity*.5),e.beginPath(),e.moveTo(y.x,y.y),e.lineTo(P.x,P.y),e.lineTo(b.x,b.y),e.lineTo(A.x,A.y),e.closePath(),e.fill(),e.strokeStyle=M(l,.8),e.lineWidth=.8,e.beginPath(),e.moveTo(P.x,P.y),e.lineTo(b.x,b.y),e.stroke()}}for(const t of r){if(!t.valid)continue;const a=n.glowColor||t.color;t.hover&&(e.save(),e.shadowColor=a,e.shadowBlur=12,e.beginPath(),e.moveTo(d+t.ox,h+t.oy),e.ellipse(d+t.ox,h+t.oy,u,v,0,t.startA,t.endA),e.closePath(),e.fillStyle=M(a,.08),e.fill(),e.restore()),e.beginPath(),e.moveTo(d+t.ox,h+t.oy),e.ellipse(d+t.ox,h+t.oy,u,v,0,t.startA,t.endA),e.closePath();const l=e.createRadialGradient(d+t.ox-u*.2,h+t.oy-v*.2,0,d+t.ox,h+t.oy,u*1.05);l.addColorStop(0,M(a,n.opacity*.95)),l.addColorStop(.6,M(a,n.opacity*.8)),l.addColorStop(1,M(a,n.opacity*.6)),e.fillStyle=l,e.fill(),e.strokeStyle=M(a,.95),e.lineWidth=t.hover?1.4:.8,e.stroke()}if(n.showLabel&&B>=.999){e.font=`${n.labelFontSize}px Arial, sans-serif`,e.fillStyle=n.textColor,e.strokeStyle="rgba(0,0,0,0.25)",e.lineWidth=1;for(const t of r){if(!t.valid)continue;const a={x:d+t.ox+u*1.02*Math.cos(t.midA),y:h+t.oy+v*1.02*Math.sin(t.midA)},l={x:d+t.ox+u*1.18*Math.cos(t.midA),y:h+t.oy+v*1.18*Math.sin(t.midA)},p=Math.cos(t.midA)>=0,y={x:l.x+(p?14:-14)};e.beginPath(),e.moveTo(a.x,a.y),e.lineTo(l.x,l.y),e.lineTo(y.x,l.y),e.stroke(),e.textAlign=p?"left":"right",e.textBaseline="middle";const A=n.showPercent?`${t.data.name} ${(t.percent*100).toFixed(1)}%`:`${t.data.name}`;e.fillText(A,y.x+(p?2:-2),l.y)}}},X=(e,i)=>{for(let o=0;o<m.length;o++){const c=m[o],r=c.hover?Math.cos(c.midA)*n.hoverDistance:0,f=c.hover?Math.sin(c.midA)*n.hoverDistance:0,t=(e-(d+r))/u,a=(i-(h+f))/v;if(t*t+a*a>1)continue;let l=Math.atan2((i-(h+f))/v,(e-(d+r))/u);for(;l<c.startA;)l+=Math.PI*2;for(;l>c.startA+Math.PI*2;)l-=Math.PI*2;if(l>=c.startA&&l<=c.endA)return o}return-1},Z=e=>{if(!g.value)return;const i=g.value.getBoundingClientRect(),o=e.clientX-i.left,c=e.clientY-i.top,r=X(o,c);if(r!==D.value&&(D.value=r,m.forEach((f,t)=>f.hover=t===r),L()),r>=0){const f=m[r];$.value=!0,_.value=f.data,N.value=f.percent;const t=T.value?.clientWidth||0,a=T.value?.clientHeight||0,l=Math.min(o+12,t-140),p=Math.min(c+12,a-60);G.value=Math.max(0,l),H.value=Math.max(0,p)}else $.value=!1,_.value=null},ee=()=>{D.value!==-1&&(D.value=-1,m.forEach(e=>e.hover=!1),L()),$.value=!1,_.value=null},Y=e=>{if(!g.value)return;const i=g.value.getBoundingClientRect(),o=X(e.clientX-i.left,e.clientY-i.top);o>=0&&J("slice-click",m[o].data,o)};return s.watch(()=>x.data,()=>{Object.assign(n,V,x.config),z=x.animation,I()},{deep:!0}),s.watch(()=>x.config,()=>{Object.assign(n,V,x.config),I()},{deep:!0}),s.onMounted(()=>{I(),window.addEventListener("resize",I),g.value?.addEventListener("click",Y)}),s.onUnmounted(()=>{window.removeEventListener("resize",I),g.value?.removeEventListener("click",Y),E&&cancelAnimationFrame(E)}),(e,i)=>(s.openBlock(),s.createElementBlock("div",{class:"g-pie3d-container",ref_key:"containerRef",ref:T},[s.createElementVNode("canvas",{ref_key:"canvasRef",ref:g,onMousemove:Z,onMouseleave:ee},null,544),$.value?(s.openBlock(),s.createElementBlock("div",{key:0,class:"g-pie3d-tooltip",style:s.normalizeStyle({left:`${G.value}px`,top:`${H.value}px`})},[s.renderSlot(e.$slots,"tooltip",{data:_.value,percent:N.value},()=>[s.createElementVNode("div",oe,[s.createElementVNode("p",ne,s.toDisplayString(_.value?.name),1),s.createElementVNode("p",ae,s.toDisplayString(_.value?.value)+" ("+s.toDisplayString((N.value*100).toFixed(1))+"%) ",1)])],!0)],4)):s.createCommentVNode("",!0)],512))}}),R=te._export_sfc(le,[["__scopeId","data-v-f18ddc7e"]]);R.install=F=>{F.component(R.name,R)};exports.GPie3D=R;exports.default=R;

package/lib/GPie3D/index.mjs

@@ -0,0 +1,227 @@
+import { defineComponent as it, ref as b, watch as K, onMounted as st, onUnmounted as ct, createElementBlock as Q, openBlock as Z, createElementVNode as W, createCommentVNode as rt, normalizeStyle as dt, renderSlot as ht, toDisplayString as X } from "vue";
+import { _ as ut } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+const pt = { class: "g-pie3d-tooltip__default" }, ft = { class: "g-pie3d-tooltip__name" }, vt = { class: "g-pie3d-tooltip__value" }, mt = /* @__PURE__ */ it({
+  __name: "index",
+  props: {
+    data: { default: () => [] },
+    config: { default: () => ({}) },
+    animation: { type: Boolean, default: !0 }
+  },
+  emits: ["slice-click"],
+  setup(F, { emit: tt }) {
+    const x = F, et = tt, z = {
+      alpha: 55,
+      depth: 26,
+      startAngle: 0,
+      colors: ["#22d3ee", "#3b82f6", "#8b5cf6", "#06b6d4", "#0ea5e9", "#a855f7", "#14b8a6"],
+      textColor: "#cbd5e1",
+      radiusRatio: 0.55,
+      hoverDistance: 14,
+      showLabel: !0,
+      showPercent: !0,
+      labelFontSize: 12,
+      opacity: 0.7,
+      showAura: !0,
+      glowColor: ""
+    }, n = { ...z, ...x.config }, T = b(null), y = b(null);
+    let C = null, P = 0, S = 0, k = 1, r = 0, d = 0, h = 0, f = 0, v = [], E = x.animation ? 0 : 1, I = null, j = x.animation;
+    const $ = b(-1), B = b(!1), q = b(0), N = b(0), _ = b(null), G = b(0), O = (t) => t * Math.PI / 180, H = (t, i = 0, o = 0) => ({
+      x: r + i + h * Math.cos(t),
+      y: d + o + f * Math.sin(t)
+    }), V = (t, i = 0, o = 0) => ({
+      x: r + i + h * Math.cos(t),
+      y: d + o + f * Math.sin(t) + n.depth
+    }), R = () => {
+      if (!y.value || !T.value) return;
+      const t = T.value, i = y.value;
+      k = window.devicePixelRatio || 1, P = t.clientWidth, S = t.clientHeight, i.width = P * k, i.height = S * k, i.style.width = P + "px", i.style.height = S + "px", C = i.getContext("2d"), C && C.setTransform(k, 0, 0, k, 0, 0), r = P / 2, d = S / 2 - n.depth / 2;
+      const o = n.showLabel ? 60 : 10, s = Math.min(P, S - n.depth - o) / 2 * n.radiusRatio * 1.6;
+      h = Math.max(20, s), f = h * Math.cos(O(n.alpha)), ot(), j ? nt() : D();
+    }, ot = () => {
+      v = [];
+      const t = x.data.reduce((o, s) => o + (s.value || 0), 0);
+      if (t <= 0) return;
+      let i = -Math.PI / 2 + O(n.startAngle);
+      x.data.forEach((o, s) => {
+        const c = o.value / t, u = c * Math.PI * 2;
+        v.push({
+          data: o,
+          index: s,
+          color: o.color || n.colors[s % n.colors.length],
+          startA: i,
+          endA: i + u,
+          midA: i + u / 2,
+          percent: c,
+          hover: !1
+        }), i += u;
+      });
+    }, nt = () => {
+      E = 0;
+      const t = 800, i = performance.now(), o = (s) => {
+        const c = Math.min(1, (s - i) / t);
+        E = 1 - Math.pow(1 - c, 3), D(), c < 1 ? I = requestAnimationFrame(o) : (j = !1, I = null);
+      };
+      I = requestAnimationFrame(o);
+    }, g = (t, i) => {
+      let o = t.replace("#", "");
+      o.length === 3 && (o = o.split("").map((e) => e + e).join(""));
+      const s = parseInt(o.slice(0, 2), 16), c = parseInt(o.slice(2, 4), 16), u = parseInt(o.slice(4, 6), 16);
+      return `rgba(${s},${c},${u},${i})`;
+    }, D = () => {
+      if (!C) return;
+      const t = C;
+      if (t.clearRect(0, 0, P, S), !v.length) return;
+      const i = v[0]?.startA ?? 0, o = Math.PI * 2 * E, s = i + o, c = v.map((e) => {
+        const a = e.startA, l = Math.min(e.endA, s), p = l > a, m = e.hover ? Math.cos(e.midA) * n.hoverDistance : 0, M = e.hover ? Math.sin(e.midA) * n.hoverDistance : 0;
+        return { ...e, startA: a, endA: l, valid: p, ox: m, oy: M };
+      });
+      if (n.showAura) {
+        const e = t.createRadialGradient(
+          r,
+          d + n.depth,
+          h * 0.1,
+          r,
+          d + n.depth,
+          h * 1.5
+        );
+        e.addColorStop(0, "rgba(6,182,212,0.15)"), e.addColorStop(0.4, "rgba(59,130,246,0.08)"), e.addColorStop(0.8, "rgba(139,92,246,0.03)"), e.addColorStop(1, "rgba(0,0,0,0)"), t.beginPath(), t.ellipse(r, d + n.depth, h * 1.5, f * 0.9, 0, 0, Math.PI * 2), t.fillStyle = e, t.fill(), t.strokeStyle = "rgba(56,189,248,0.08)", t.lineWidth = 1;
+        for (let a = 3; a >= 1; a--) {
+          const l = h * (0.3 + a * 0.25);
+          t.beginPath(), t.ellipse(r, d + n.depth, l, l * (f / h), 0, 0, Math.PI * 2), t.stroke();
+        }
+      }
+      const u = Math.PI / 120;
+      for (const e of c) {
+        if (!e.valid) continue;
+        let a = e.startA;
+        const l = n.glowColor || e.color;
+        for (; a < e.endA; ) {
+          const p = Math.min(a + u, e.endA), m = (a + p) / 2;
+          if (Math.sin(m) > 0) {
+            const M = H(a, e.ox, e.oy), w = H(p, e.ox, e.oy), A = V(p, e.ox, e.oy), L = V(a, e.ox, e.oy);
+            t.fillStyle = g(l, n.opacity * 0.4), t.beginPath(), t.moveTo(M.x, M.y), t.lineTo(w.x, w.y), t.lineTo(A.x, A.y), t.lineTo(L.x, L.y), t.closePath(), t.fill(), t.strokeStyle = g(l, 0.7), t.lineWidth = 0.8, t.beginPath(), t.moveTo(L.x, L.y), t.lineTo(A.x, A.y), t.stroke();
+          }
+          a = p;
+        }
+      }
+      for (const e of c) {
+        if (!e.valid) continue;
+        const a = [];
+        Math.sin(e.startA) > 1e-3 && a.push({ a: e.startA }), Math.sin(e.endA) > 1e-3 && a.push({ a: e.endA });
+        const l = n.glowColor || e.color;
+        for (const p of a) {
+          const m = { x: r + e.ox, y: d + e.oy }, M = { x: m.x, y: m.y + n.depth }, w = H(p.a, e.ox, e.oy), A = V(p.a, e.ox, e.oy);
+          t.fillStyle = g(l, n.opacity * 0.5), t.beginPath(), t.moveTo(m.x, m.y), t.lineTo(w.x, w.y), t.lineTo(A.x, A.y), t.lineTo(M.x, M.y), t.closePath(), t.fill(), t.strokeStyle = g(l, 0.8), t.lineWidth = 0.8, t.beginPath(), t.moveTo(w.x, w.y), t.lineTo(A.x, A.y), t.stroke();
+        }
+      }
+      for (const e of c) {
+        if (!e.valid) continue;
+        const a = n.glowColor || e.color;
+        e.hover && (t.save(), t.shadowColor = a, t.shadowBlur = 12, t.beginPath(), t.moveTo(r + e.ox, d + e.oy), t.ellipse(r + e.ox, d + e.oy, h, f, 0, e.startA, e.endA), t.closePath(), t.fillStyle = g(a, 0.08), t.fill(), t.restore()), t.beginPath(), t.moveTo(r + e.ox, d + e.oy), t.ellipse(r + e.ox, d + e.oy, h, f, 0, e.startA, e.endA), t.closePath();
+        const l = t.createRadialGradient(
+          r + e.ox - h * 0.2,
+          d + e.oy - f * 0.2,
+          0,
+          r + e.ox,
+          d + e.oy,
+          h * 1.05
+        );
+        l.addColorStop(0, g(a, n.opacity * 0.95)), l.addColorStop(0.6, g(a, n.opacity * 0.8)), l.addColorStop(1, g(a, n.opacity * 0.6)), t.fillStyle = l, t.fill(), t.strokeStyle = g(a, 0.95), t.lineWidth = e.hover ? 1.4 : 0.8, t.stroke();
+      }
+      if (n.showLabel && E >= 0.999) {
+        t.font = `${n.labelFontSize}px Arial, sans-serif`, t.fillStyle = n.textColor, t.strokeStyle = "rgba(0,0,0,0.25)", t.lineWidth = 1;
+        for (const e of c) {
+          if (!e.valid) continue;
+          const a = {
+            x: r + e.ox + h * 1.02 * Math.cos(e.midA),
+            y: d + e.oy + f * 1.02 * Math.sin(e.midA)
+          }, l = {
+            x: r + e.ox + h * 1.18 * Math.cos(e.midA),
+            y: d + e.oy + f * 1.18 * Math.sin(e.midA)
+          }, p = Math.cos(e.midA) >= 0, m = {
+            x: l.x + (p ? 14 : -14)
+          };
+          t.beginPath(), t.moveTo(a.x, a.y), t.lineTo(l.x, l.y), t.lineTo(m.x, l.y), t.stroke(), t.textAlign = p ? "left" : "right", t.textBaseline = "middle";
+          const M = n.showPercent ? `${e.data.name} ${(e.percent * 100).toFixed(1)}%` : `${e.data.name}`;
+          t.fillText(M, m.x + (p ? 2 : -2), l.y);
+        }
+      }
+    }, U = (t, i) => {
+      for (let o = 0; o < v.length; o++) {
+        const s = v[o], c = s.hover ? Math.cos(s.midA) * n.hoverDistance : 0, u = s.hover ? Math.sin(s.midA) * n.hoverDistance : 0, e = (t - (r + c)) / h, a = (i - (d + u)) / f;
+        if (e * e + a * a > 1) continue;
+        let l = Math.atan2((i - (d + u)) / f, (t - (r + c)) / h);
+        for (; l < s.startA; ) l += Math.PI * 2;
+        for (; l > s.startA + Math.PI * 2; ) l -= Math.PI * 2;
+        if (l >= s.startA && l <= s.endA) return o;
+      }
+      return -1;
+    }, at = (t) => {
+      if (!y.value) return;
+      const i = y.value.getBoundingClientRect(), o = t.clientX - i.left, s = t.clientY - i.top, c = U(o, s);
+      if (c !== $.value && ($.value = c, v.forEach((u, e) => u.hover = e === c), D()), c >= 0) {
+        const u = v[c];
+        B.value = !0, _.value = u.data, G.value = u.percent;
+        const e = T.value?.clientWidth || 0, a = T.value?.clientHeight || 0, l = Math.min(o + 12, e - 140), p = Math.min(s + 12, a - 60);
+        q.value = Math.max(0, l), N.value = Math.max(0, p);
+      } else
+        B.value = !1, _.value = null;
+    }, lt = () => {
+      $.value !== -1 && ($.value = -1, v.forEach((t) => t.hover = !1), D()), B.value = !1, _.value = null;
+    }, J = (t) => {
+      if (!y.value) return;
+      const i = y.value.getBoundingClientRect(), o = U(t.clientX - i.left, t.clientY - i.top);
+      o >= 0 && et("slice-click", v[o].data, o);
+    };
+    return K(
+      () => x.data,
+      () => {
+        Object.assign(n, z, x.config), j = x.animation, R();
+      },
+      { deep: !0 }
+    ), K(
+      () => x.config,
+      () => {
+        Object.assign(n, z, x.config), R();
+      },
+      { deep: !0 }
+    ), st(() => {
+      R(), window.addEventListener("resize", R), y.value?.addEventListener("click", J);
+    }), ct(() => {
+      window.removeEventListener("resize", R), y.value?.removeEventListener("click", J), I && cancelAnimationFrame(I);
+    }), (t, i) => (Z(), Q("div", {
+      class: "g-pie3d-container",
+      ref_key: "containerRef",
+      ref: T
+    }, [
+      W("canvas", {
+        ref_key: "canvasRef",
+        ref: y,
+        onMousemove: at,
+        onMouseleave: lt
+      }, null, 544),
+      B.value ? (Z(), Q("div", {
+        key: 0,
+        class: "g-pie3d-tooltip",
+        style: dt({ left: `${q.value}px`, top: `${N.value}px` })
+      }, [
+        ht(t.$slots, "tooltip", {
+          data: _.value,
+          percent: G.value
+        }, () => [
+          W("div", pt, [
+            W("p", ft, X(_.value?.name), 1),
+            W("p", vt, X(_.value?.value) + " (" + X((G.value * 100).toFixed(1)) + "%) ", 1)
+          ])
+        ], !0)
+      ], 4)) : rt("", !0)
+    ], 512));
+  }
+}), Y = /* @__PURE__ */ ut(mt, [["__scopeId", "data-v-f18ddc7e"]]);
+Y.install = (F) => {
+  F.component(Y.name, Y);
+};
+export {
+  Y as GPie3D,
+  Y as default
+};

package/lib/GPie3D.d.ts

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

package/lib/GTable/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("../index-B1MYKy3L.js"),B=require("sortablejs"),x=require("../_plugin-vue_export-helper-BHFhmbuH.js"),P={class:"g-table"},$={key:1},z={class:"g-dropdown-link"},T=e.defineComponent({name:"GTable",inheritAttrs:!1,__name:"index",props:{data:{default:()=>[]},pagination:{type:Boolean,default:!1},operationLabel:{default:"操作"},operaWidth:{default:150},dragSort:{type:Boolean,default:!1},dragSortProps:{default:()=>[]}},emits:["update:currentPage","update:pageSize","sorted:data"],setup(p,{emit:v}){const d=p,c=v,S=t=>{c("update:pageSize",t)},y=t=>{c("update:currentPage",t)},k=e.useSlots(),_=t=>!!k[t],u=e.useAttrs(),N=t=>{const n=!!u["page-size"],o=!!u["current-page"];if(n&&o){const r=Number(u["page-size"]||10),l=Number(u["current-page"]||1);return t+1+r*(l-1)}return t},g=e.ref(null);let m=e.ref(null);const V=()=>{if(g.value)try{const t=g.value.$el.querySelectorAll("tbody");let n=null;for(let o=0;o<t.length;o++){const r=t[o];if(r.querySelectorAll("tr").length>0){n=r;break}}if(!n){console.error("未找到包含数据行的 tbody 元素");return}m.value&&m.value?.destroy?.(),m.value=new B(n,{draggable:"tr",handle:".g-drag-icon",animation:200,ghostClass:"g-sortable-ghost",forceFallback:!0,onStart:function(o){o.item.classList.add("dragging")},onEnd:async function(o){o.item.classList.remove("dragging");const{oldIndex:r,newIndex:l}=o;if(r===void 0||l===void 0){console.error("无效的索引值");return}const s=[...d.data],[f]=s.splice(r,1);if(s.splice(l,0,f),d.dragSortProps.length===0){c("sorted:data",s);return}if(d.dragSortProps.length>0){const h=s.map(a=>{const b={};return d.dragSortProps.forEach(w=>{b[w]=a[w]}),b});c("sorted:data",h)}}})}catch(t){console.error("初始化拖拽排序失败：",t)}};return e.onMounted(()=>{d.dragSort&&setTimeout(()=>{V()},2e3)}),(t,n)=>{const o=e.resolveComponent("el-icon"),r=e.resolveComponent("el-table-column"),l=e.resolveComponent("el-dropdown-menu"),s=e.resolveComponent("el-dropdown"),f=e.resolveComponent("el-table"),h=e.resolveComponent("el-pagination");return e.openBlock(),e.createElementBlock("div",P,[e.createElementVNode("div",null,[e.renderSlot(t.$slots,"action",{},void 0,!0)]),e.createVNode(f,e.mergeProps({data:t.data||[]},t.$attrs,{stripe:"",ref_key:"tableRef",ref:g}),{empty:e.withCtx(()=>[t.$slots.empty?e.renderSlot(t.$slots,"empty",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock("span",$,"暂无数据"))]),default:e.withCtx(()=>[t.dragSort?(e.openBlock(),e.createBlock(r,{key:0,label:"序号",width:"65"},{default:e.withCtx(a=>[e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(N(a.$index))+" ",1),e.createVNode(o,{class:"g-drag-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(C.operation_default))]),_:1})])]),_:1})):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},void 0,!0),_("operations")?(e.openBlock(),e.createBlock(r,{key:1,fixed:"right",label:t.operationLabel||"操作",width:t.operaWidth},{default:e.withCtx(a=>[e.renderSlot(t.$slots,"operations",{row:a.row,index:a.$index},void 0,!0),_("more")?(e.openBlock(),e.createBlock(s,{key:0,size:"small",style:{"vertical-align":"baseline"}},{dropdown:e.withCtx(()=>[e.createVNode(l,null,{default:e.withCtx(()=>[e.renderSlot(t.$slots,"more",{row:a.row,index:a.$index},void 0,!0)]),_:2},1024)]),default:e.withCtx(()=>[e.createElementVNode("span",z,[n[0]||(n[0]=e.createTextVNode(" 更多 ")),e.createVNode(o,null,{default:e.withCtx(()=>[e.createVNode(e.unref(C.arrow_down_default))]),_:1})])]),_:2},1024)):e.createCommentVNode("",!0)]),_:3},8,["label","width"])):e.createCommentVNode("",!0)]),_:3},16,["data"]),t.pagination?(e.openBlock(),e.createBlock(h,e.mergeProps({key:0,class:"g-pagination-contianer"},t.$attrs,{"page-sizes":[10,20,50,100],layout:"total, sizes, prev, pager, next",onSizeChange:S,onCurrentChange:y}),null,16)):e.createCommentVNode("",!0)])}}}),i=x._export_sfc(T,[["__scopeId","data-v-fcce2277"]]);i.install=p=>{p.component(i.name,i)};exports.GTable=i;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("../index-B1MYKy3L.js"),V=require("sortablejs"),B=require("../_plugin-vue_export-helper-BHFhmbuH.js"),P={class:"g-table"},$={key:1},T={class:"g-dropdown-link"},x=e.defineComponent({name:"GTable",inheritAttrs:!1,__name:"index",props:{data:{default:()=>[]},pagination:{type:Boolean,default:!1},operationLabel:{default:"操作"},operaWidth:{default:150},dragSort:{type:Boolean,default:!1},dragSortProps:{default:()=>[]},currentPage:{default:1},pageSize:{default:10},total:{default:0},pageSizes:{default:()=>[10,20,50,100]},layout:{default:"total, sizes, prev, pager, next"}},emits:["update:currentPage","update:pageSize","sorted:data"],setup(f,{emit:y}){const d=f,u=y,C=t=>{u("update:pageSize",t)},v=t=>{u("update:currentPage",t)},k=e.useSlots(),S=t=>!!k[t],c=e.useAttrs(),z=t=>{const o=!!c["page-size"],a=!!c["current-page"];if(o&&a){const r=Number(c["page-size"]||10),n=Number(c["current-page"]||1);return t+1+r*(n-1)}return t},p=e.ref(null),g=e.shallowRef(null),N=(t=20)=>new Promise(o=>{let a=0;const r=()=>{if(!p.value){o(null);return}const n=p.value.$el.querySelectorAll("tbody");for(let s=0;s<n.length;s++)if(n[s].querySelectorAll("tr").length>0){o(n[s]);return}if(++a>=t){o(null);return}setTimeout(r,500)};r()}),_=async()=>{if(p.value)try{const t=await N();if(!t){console.error("未找到包含数据行的 tbody 元素");return}g.value?.destroy?.(),g.value=new V(t,{draggable:"tr",handle:".g-drag-icon",animation:200,ghostClass:"g-sortable-ghost",forceFallback:!0,onStart:function(o){o.item.classList.add("dragging")},onEnd:async function(o){o.item.classList.remove("dragging");const{oldIndex:a,newIndex:r}=o;if(a===void 0||r===void 0){console.error("无效的索引值");return}const n=[...d.data],[s]=n.splice(a,1);if(n.splice(r,0,s),d.dragSortProps.length===0){u("sorted:data",n);return}if(d.dragSortProps.length>0){const m=n.map(h=>{const l={};return d.dragSortProps.forEach(w=>{l[w]=h[w]}),l});u("sorted:data",m)}}})}catch(t){console.error("初始化拖拽排序失败：",t)}};return e.onMounted(()=>{d.dragSort&&_()}),e.watch(()=>d.data,()=>{d.dragSort&&_()}),e.onBeforeUnmount(()=>{g.value?.destroy?.(),g.value=null}),(t,o)=>{const a=e.resolveComponent("el-icon"),r=e.resolveComponent("el-table-column"),n=e.resolveComponent("el-dropdown-menu"),s=e.resolveComponent("el-dropdown"),m=e.resolveComponent("el-table"),h=e.resolveComponent("el-pagination");return e.openBlock(),e.createElementBlock("div",P,[e.createElementVNode("div",null,[e.renderSlot(t.$slots,"action",{},void 0,!0)]),e.createVNode(m,e.mergeProps({data:t.data||[]},t.$attrs,{stripe:"",ref_key:"tableRef",ref:p}),{empty:e.withCtx(()=>[t.$slots.empty?e.renderSlot(t.$slots,"empty",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock("span",$,"暂无数据"))]),default:e.withCtx(()=>[t.dragSort?(e.openBlock(),e.createBlock(r,{key:0,label:"序号",width:"65"},{default:e.withCtx(l=>[e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(z(l.$index))+" ",1),e.createVNode(a,{class:"g-drag-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(b.operation_default))]),_:1})])]),_:1})):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},void 0,!0),S("operations")?(e.openBlock(),e.createBlock(r,{key:1,fixed:"right",label:t.operationLabel||"操作",width:t.operaWidth},{default:e.withCtx(l=>[e.renderSlot(t.$slots,"operations",{row:l.row,index:l.$index},void 0,!0),S("more")?(e.openBlock(),e.createBlock(s,{key:0,size:"small",style:{"vertical-align":"baseline"}},{dropdown:e.withCtx(()=>[e.createVNode(n,null,{default:e.withCtx(()=>[e.renderSlot(t.$slots,"more",{row:l.row,index:l.$index},void 0,!0)]),_:2},1024)]),default:e.withCtx(()=>[e.createElementVNode("span",T,[o[0]||(o[0]=e.createTextVNode(" 更多 ")),e.createVNode(a,null,{default:e.withCtx(()=>[e.createVNode(e.unref(b.arrow_down_default))]),_:1})])]),_:2},1024)):e.createCommentVNode("",!0)]),_:3},8,["label","width"])):e.createCommentVNode("",!0)]),_:3},16,["data"]),t.pagination?(e.openBlock(),e.createBlock(h,{key:0,class:"g-pagination-contianer","current-page":t.currentPage,"page-size":t.pageSize,total:t.total,"page-sizes":t.pageSizes,layout:t.layout,onSizeChange:C,onCurrentChange:v},null,8,["current-page","page-size","total","page-sizes","layout"])):e.createCommentVNode("",!0)])}}}),i=B._export_sfc(x,[["__scopeId","data-v-7f6ade49"]]);i.install=f=>{f.component(i.name,i)};exports.GTable=i;exports.default=i;

package/lib/GTable/index.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as x, useSlots as G, useAttrs as R, ref as P, onMounted as W, resolveComponent as d, createElementBlock as I, openBlock as i, createElementVNode as v, createVNode as u, createBlock as m, createCommentVNode as _, renderSlot as p, mergeProps as N, withCtx as r, createTextVNode as T, toDisplayString as F, unref as B } from "vue";
-import { o as M, d as H } from "../index-Dxw2pU4z.mjs";
-import J from "sortablejs";
-import { _ as K } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
-const O = { class: "g-table" }, Q = { key: 1 }, U = { class: "g-dropdown-link" }, X = /* @__PURE__ */ x({
+import { defineComponent as V, useSlots as R, useAttrs as q, ref as G, shallowRef as W, onMounted as F, watch as M, onBeforeUnmount as U, resolveComponent as i, createElementBlock as $, openBlock as u, createElementVNode as v, createVNode as p, createBlock as y, createCommentVNode as _, renderSlot as c, mergeProps as H, withCtx as l, createTextVNode as T, toDisplayString as J, unref as B } from "vue";
+import { o as K, d as O } from "../index-Dxw2pU4z.mjs";
+import Q from "sortablejs";
+import { _ as X } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Y = { class: "g-table" }, Z = { key: 1 }, j = { class: "g-dropdown-link" }, x = /* @__PURE__ */ V({
   name: "GTable",
   inheritAttrs: !1,
   __name: "index",
@@ -12,40 +12,55 @@ const O = { class: "g-table" }, Q = { key: 1 }, U = { class: "g-dropdown-link" }
     operationLabel: { default: "操作" },
     operaWidth: { default: 150 },
     dragSort: { type: Boolean, default: !1 },
-    dragSortProps: { default: () => [] }
+    dragSortProps: { default: () => [] },
+    currentPage: { default: 1 },
+    pageSize: { default: 10 },
+    total: { default: 0 },
+    pageSizes: { default: () => [10, 20, 50, 100] },
+    layout: { default: "total, sizes, prev, pager, next" }
   },
   emits: ["update:currentPage", "update:pageSize", "sorted:data"],
-  setup(b, { emit: A }) {
-    const c = b, g = A, E = (e) => {
+  setup(b, { emit: I }) {
+    const d = b, g = I, N = (e) => {
       g("update:pageSize", e);
-    }, L = (e) => {
+    }, A = (e) => {
       g("update:currentPage", e);
-    }, V = G(), C = (e) => !!V[e], f = R(), D = (e) => {
-      const n = !!f["page-size"], t = !!f["current-page"];
-      if (n && t) {
-        const o = Number(f["page-size"] || 10), l = Number(f["current-page"] || 1);
-        return e + 1 + o * (l - 1);
+    }, D = R(), k = (e) => !!D[e], f = q(), E = (e) => {
+      const t = !!f["page-size"], n = !!f["current-page"];
+      if (t && n) {
+        const a = Number(f["page-size"] || 10), o = Number(f["current-page"] || 1);
+        return e + 1 + a * (o - 1);
       }
       return e;
-    }, h = P(null);
-    let y = P(null);
-    const q = () => {
-      if (h.value)
-        try {
-          const e = h.value.$el.querySelectorAll("tbody");
-          let n = null;
-          for (let t = 0; t < e.length; t++) {
-            const o = e[t];
-            if (o.querySelectorAll("tr").length > 0) {
-              n = o;
-              break;
-            }
+    }, m = G(null), h = W(null), L = (e = 20) => new Promise((t) => {
+      let n = 0;
+      const a = () => {
+        if (!m.value) {
+          t(null);
+          return;
+        }
+        const o = m.value.$el.querySelectorAll("tbody");
+        for (let s = 0; s < o.length; s++)
+          if (o[s].querySelectorAll("tr").length > 0) {
+            t(o[s]);
+            return;
           }
-          if (!n) {
+        if (++n >= e) {
+          t(null);
+          return;
+        }
+        setTimeout(a, 500);
+      };
+      a();
+    }), C = async () => {
+      if (m.value)
+        try {
+          const e = await L();
+          if (!e) {
             console.error("未找到包含数据行的 tbody 元素");
             return;
           }
-          y.value && y.value?.destroy?.(), y.value = new J(n, {
+          h.value?.destroy?.(), h.value = new Q(e, {
             // 拖拽的元素选择器
             draggable: "tr",
             // 拖拽的触发元素选择器
@@ -61,24 +76,24 @@ const O = { class: "g-table" }, Q = { key: 1 }, U = { class: "g-dropdown-link" }
             },
             onEnd: async function(t) {
               t.item.classList.remove("dragging");
-              const { oldIndex: o, newIndex: l } = t;
-              if (o === void 0 || l === void 0) {
+              const { oldIndex: n, newIndex: a } = t;
+              if (n === void 0 || a === void 0) {
                 console.error("无效的索引值");
                 return;
               }
-              const s = [...c.data], [S] = s.splice(o, 1);
-              if (s.splice(l, 0, S), c.dragSortProps.length === 0) {
-                g("sorted:data", s);
+              const o = [...d.data], [s] = o.splice(n, 1);
+              if (o.splice(a, 0, s), d.dragSortProps.length === 0) {
+                g("sorted:data", o);
                 return;
               }
-              if (c.dragSortProps.length > 0) {
-                const w = s.map((a) => {
-                  const $ = {};
-                  return c.dragSortProps.forEach((z) => {
-                    $[z] = a[z];
-                  }), $;
+              if (d.dragSortProps.length > 0) {
+                const S = o.map((w) => {
+                  const r = {};
+                  return d.dragSortProps.forEach((P) => {
+                    r[P] = w[P];
+                  }), r;
                 });
-                g("sorted:data", w);
+                g("sorted:data", S);
               }
             }
           });
@@ -86,38 +101,40 @@ const O = { class: "g-table" }, Q = { key: 1 }, U = { class: "g-dropdown-link" }
           console.error("初始化拖拽排序失败：", e);
         }
     };
-    return W(() => {
-      c.dragSort && setTimeout(() => {
-        q();
-      }, 2e3);
-    }), (e, n) => {
-      const t = d("el-icon"), o = d("el-table-column"), l = d("el-dropdown-menu"), s = d("el-dropdown"), S = d("el-table"), w = d("el-pagination");
-      return i(), I("div", O, [
+    return F(() => {
+      d.dragSort && C();
+    }), M(() => d.data, () => {
+      d.dragSort && C();
+    }), U(() => {
+      h.value?.destroy?.(), h.value = null;
+    }), (e, t) => {
+      const n = i("el-icon"), a = i("el-table-column"), o = i("el-dropdown-menu"), s = i("el-dropdown"), S = i("el-table"), w = i("el-pagination");
+      return u(), $("div", Y, [
         v("div", null, [
-          p(e.$slots, "action", {}, void 0, !0)
+          c(e.$slots, "action", {}, void 0, !0)
         ]),
-        u(S, N({
+        p(S, H({
           data: e.data || []
         }, e.$attrs, {
           stripe: "",
           ref_key: "tableRef",
-          ref: h
+          ref: m
         }), {
-          empty: r(() => [
-            e.$slots.empty ? p(e.$slots, "empty", { key: 0 }, void 0, !0) : (i(), I("span", Q, "暂无数据"))
+          empty: l(() => [
+            e.$slots.empty ? c(e.$slots, "empty", { key: 0 }, void 0, !0) : (u(), $("span", Z, "暂无数据"))
           ]),
-          default: r(() => [
-            e.dragSort ? (i(), m(o, {
+          default: l(() => [
+            e.dragSort ? (u(), y(a, {
               key: 0,
               label: "序号",
               width: "65"
             }, {
-              default: r((a) => [
+              default: l((r) => [
                 v("div", null, [
-                  T(F(D(a.$index)) + " ", 1),
-                  u(t, { class: "g-drag-icon" }, {
-                    default: r(() => [
-                      u(B(M))
+                  T(J(E(r.$index)) + " ", 1),
+                  p(n, { class: "g-drag-icon" }, {
+                    default: l(() => [
+                      p(B(K))
                     ]),
                     _: 1
                   })
@@ -125,40 +142,40 @@ const O = { class: "g-table" }, Q = { key: 1 }, U = { class: "g-dropdown-link" }
               ]),
               _: 1
             })) : _("", !0),
-            p(e.$slots, "default", {}, void 0, !0),
-            C("operations") ? (i(), m(o, {
+            c(e.$slots, "default", {}, void 0, !0),
+            k("operations") ? (u(), y(a, {
               key: 1,
               fixed: "right",
               label: e.operationLabel || "操作",
               width: e.operaWidth
             }, {
-              default: r((a) => [
-                p(e.$slots, "operations", {
-                  row: a.row,
-                  index: a.$index
+              default: l((r) => [
+                c(e.$slots, "operations", {
+                  row: r.row,
+                  index: r.$index
                 }, void 0, !0),
-                C("more") ? (i(), m(s, {
+                k("more") ? (u(), y(s, {
                   key: 0,
                   size: "small",
                   style: { "vertical-align": "baseline" }
                 }, {
-                  dropdown: r(() => [
-                    u(l, null, {
-                      default: r(() => [
-                        p(e.$slots, "more", {
-                          row: a.row,
-                          index: a.$index
+                  dropdown: l(() => [
+                    p(o, null, {
+                      default: l(() => [
+                        c(e.$slots, "more", {
+                          row: r.row,
+                          index: r.$index
                         }, void 0, !0)
                       ]),
                       _: 2
                     }, 1024)
                   ]),
-                  default: r(() => [
-                    v("span", U, [
-                      n[0] || (n[0] = T(" 更多 ")),
-                      u(t, null, {
-                        default: r(() => [
-                          u(B(H))
+                  default: l(() => [
+                    v("span", j, [
+                      t[0] || (t[0] = T(" 更多 ")),
+                      p(n, null, {
+                        default: l(() => [
+                          p(B(O))
                         ]),
                         _: 1
                       })
@@ -172,23 +189,25 @@ const O = { class: "g-table" }, Q = { key: 1 }, U = { class: "g-dropdown-link" }
           ]),
           _: 3
         }, 16, ["data"]),
-        e.pagination ? (i(), m(w, N({
+        e.pagination ? (u(), y(w, {
           key: 0,
-          class: "g-pagination-contianer"
-        }, e.$attrs, {
-          "page-sizes": [10, 20, 50, 100],
-          layout: "total, sizes, prev, pager, next",
-          onSizeChange: E,
-          onCurrentChange: L
-        }), null, 16)) : _("", !0)
+          class: "g-pagination-contianer",
+          "current-page": e.currentPage,
+          "page-size": e.pageSize,
+          total: e.total,
+          "page-sizes": e.pageSizes,
+          layout: e.layout,
+          onSizeChange: N,
+          onCurrentChange: A
+        }, null, 8, ["current-page", "page-size", "total", "page-sizes", "layout"])) : _("", !0)
       ]);
     };
   }
-}), k = /* @__PURE__ */ K(X, [["__scopeId", "data-v-fcce2277"]]);
-k.install = (b) => {
-  b.component(k.name, k);
+}), z = /* @__PURE__ */ X(x, [["__scopeId", "data-v-7f6ade49"]]);
+z.install = (b) => {
+  b.component(z.name, z);
 };
 export {
-  k as GTable,
-  k as default
+  z as GTable,
+  z as default
 };

package/lib/GTable/style.css

@@ -1 +1 @@
-@charset "UTF-8";.g-table[data-v-fcce2277]{width:100%}.g-table .g-dropdown-link[data-v-fcce2277]{cursor:pointer;color:var(--el-color-primary);display:flex;align-items:center;padding:2px;font-size:12px;margin-left:12px;outline:none;border:none}.g-table .g-dropdown-link[data-v-fcce2277]:hover{color:var(--el-color-primary-light-5);outline:none;border:none}.g-table .g-dropdown-link[data-v-fcce2277]:focus{outline:none;border:none}.g-table[data-v-fcce2277] .el-dropdown-menu__item,.g-table[data-v-fcce2277] .el-dropdown-menu__item:hover{outline:none;border:none}.g-table .g-pagination-contianer[data-v-fcce2277]{margin-top:10px}.g-table .g-drag-icon[data-v-fcce2277]{color:#909399;font-size:18px;transition:color .2s;cursor:move;position:absolute;top:12px}.g-table .g-drag-icon[data-v-fcce2277]:hover{color:var(--el-color-primary)}
+@charset "UTF-8";.g-table[data-v-7f6ade49]{width:100%}.g-table .g-dropdown-link[data-v-7f6ade49]{cursor:pointer;color:var(--el-color-primary);display:flex;align-items:center;padding:2px;font-size:12px;margin-left:12px;outline:none;border:none}.g-table .g-dropdown-link[data-v-7f6ade49]:hover{color:var(--el-color-primary-light-5);outline:none;border:none}.g-table .g-dropdown-link[data-v-7f6ade49]:focus{outline:none;border:none}.g-table[data-v-7f6ade49] .el-dropdown-menu__item,.g-table[data-v-7f6ade49] .el-dropdown-menu__item:hover{outline:none;border:none}.g-table .g-pagination-contianer[data-v-7f6ade49]{margin-top:10px}.g-table .g-drag-icon[data-v-7f6ade49]{color:#909399;font-size:18px;transition:color .2s;cursor:move;position:absolute;top:12px}.g-table .g-drag-icon[data-v-7f6ade49]:hover{color:var(--el-color-primary)}

package/lib/assets/GPie3D.css

@@ -0,0 +1 @@
+.g-pie3d-container[data-v-f18ddc7e]{position:relative;width:100%;height:100%;overflow:hidden}canvas[data-v-f18ddc7e]{display:block;width:100%;height:100%}.g-pie3d-tooltip[data-v-f18ddc7e]{position:absolute;pointer-events:none;z-index:10;background:#0a121ed9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#e2e8f0;padding:8px 12px;border-radius:4px;font-size:12px;min-width:100px;box-shadow:0 4px 20px #22d3ee40;border:1px solid rgba(34,211,238,.5)}.g-pie3d-tooltip__default p[data-v-f18ddc7e]{margin:0;line-height:1.5}.g-pie3d-tooltip__name[data-v-f18ddc7e]{font-weight:600}

package/lib/components/GPie3D/index.d.ts

@@ -0,0 +1,118 @@
+interface PieDatum {
+    name: string;
+    value: number;
+    color?: string;
+    [key: string]: any;
+}
+interface Props {
+    /**
+     * @description 数据项数组
+     * @version 0.3.0
+     * @default []
+     */
+    data?: PieDatum[];
+    /**
+     * @description 自定义样式配置
+     * @version 0.3.0
+     */
+    config?: {
+        /** 视角倾斜角度 (单位 deg, 取值 0 ~ 80, 越大越扁平) */
+        alpha?: number;
+        /** 饼图厚度 (单位 px) */
+        depth?: number;
+        /** 起始角度 (单位 deg, 0 表示 12 点方向, 顺时针为正) */
+        startAngle?: number;
+        /** 颜色数组 (优先于数据项内 color) */
+        colors?: string[];
+        /** 文字颜色 */
+        textColor?: string;
+        /** 半径占容器最短边的比例 (取值 0 ~ 1) */
+        radiusRatio?: number;
+        /** hover 时扇区向外推出的距离 (单位 px) */
+        hoverDistance?: number;
+        /** 是否显示外部标签 */
+        showLabel?: boolean;
+        /** 是否显示百分比 */
+        showPercent?: boolean;
+        /** 标签文字大小 */
+        labelFontSize?: number;
+        /** 顶面填充透明度 (0 ~ 1), 越小越通透; 科技感风格建议 0.5 ~ 0.8 */
+        opacity?: number;
+        /** 是否绘制底部光圈/网格装饰 */
+        showAura?: boolean;
+        /** 描边/发光主色 (默认与扇区色一致, 留空则用扇区色高亮) */
+        glowColor?: string;
+    };
+    /**
+     * @description 是否启用进入动画
+     * @version 0.3.0
+     * @default true
+     */
+    animation?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        tooltip?(_: {
+            data: {
+                [x: string]: any;
+                name: string;
+                value: number;
+                color?: string | undefined;
+            } | null;
+            percent: number;
+        }): any;
+    };
+    refs: {
+        containerRef: HTMLDivElement;
+        canvasRef: HTMLCanvasElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "slice-click": (data: PieDatum, index: number) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onSlice-click"?: ((data: PieDatum, index: number) => any) | undefined;
+}>, {
+    data: PieDatum[];
+    config: {
+        /** 视角倾斜角度 (单位 deg, 取值 0 ~ 80, 越大越扁平) */
+        alpha?: number;
+        /** 饼图厚度 (单位 px) */
+        depth?: number;
+        /** 起始角度 (单位 deg, 0 表示 12 点方向, 顺时针为正) */
+        startAngle?: number;
+        /** 颜色数组 (优先于数据项内 color) */
+        colors?: string[];
+        /** 文字颜色 */
+        textColor?: string;
+        /** 半径占容器最短边的比例 (取值 0 ~ 1) */
+        radiusRatio?: number;
+        /** hover 时扇区向外推出的距离 (单位 px) */
+        hoverDistance?: number;
+        /** 是否显示外部标签 */
+        showLabel?: boolean;
+        /** 是否显示百分比 */
+        showPercent?: boolean;
+        /** 标签文字大小 */
+        labelFontSize?: number;
+        /** 顶面填充透明度 (0 ~ 1), 越小越通透; 科技感风格建议 0.5 ~ 0.8 */
+        opacity?: number;
+        /** 是否绘制底部光圈/网格装饰 */
+        showAura?: boolean;
+        /** 描边/发光主色 (默认与扇区色一致, 留空则用扇区色高亮) */
+        glowColor?: string;
+    };
+    animation: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+    canvasRef: HTMLCanvasElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/GProgress/index.d.ts

@@ -1,8 +1,7 @@
-interface Props {
-    /**
-       * @description 数量
-       * @version 0.1.7
-       * @default 0
+import { default as GProgress } from './index';
+export default GProgress;
+export { GProgress };
+ 0
        */
     count?: number | string;
     /**

package/lib/components/GTable/index.d.ts

@@ -35,6 +35,36 @@ interface Props {
        * @default []
        */
     dragSortProps?: string[];
+    /**
+       * @description 当前页码（分页）
+       * @version 0.1.5
+       * @default 1
+       */
+    currentPage?: number;
+    /**
+       * @description 每页条数（分页）
+       * @version 0.1.5
+       * @default 10
+       */
+    pageSize?: number;
+    /**
+       * @description 数据总条数（分页）
+       * @version 0.1.5
+       * @default 0
+       */
+    total?: number;
+    /**
+       * @description 每页条数下拉选项（分页）
+       * @version 0.1.5
+       * @default [10, 20, 50, 100]
+       */
+    pageSizes?: number[];
+    /**
+       * @description 分页布局
+       * @version 0.1.5
+       * @default 'total, sizes, prev, pager, next'
+       */
+    layout?: string;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -72,6 +102,11 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     operaWidth: number;
     dragSort: boolean;
     dragSortProps: string[];
+    currentPage: number;
+    pageSize: number;
+    total: number;
+    pageSizes: number[];
+    layout: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     tableRef: unknown;
 }, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geekin-devtoys",
-  "version": "0.2.11",
+  "version": "0.2.12",
   "author": "leon",
   "license": "MIT",
   "description": "geekin-devtoys组件库",
@@ -88,6 +88,14 @@
       "import": "./lib/GDialog/style.css",
       "require": "./lib/GDialog/style.css"
     },
+    "./GPie3D": {
+      "import": "./lib/GPie3D/index.mjs",
+      "require": "./lib/GPie3D/index.js"
+    },
+    "./GPie3D/style": {
+      "import": "./lib/GPie3D/style.css",
+      "require": "./lib/GPie3D/style.css"
+    },
     "./GPluginVideo": {
       "import": "./lib/GPluginVideo/index.mjs",
       "require": "./lib/GPluginVideo/index.js"