geekin-devtoys 0.1.3 → 0.1.5

package/lib/GDialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../index-BOura9rV.js"),z=require("../_plugin-vue_export-helper-BHFhmbuH.js"),S={class:"g-dialog-header"},y={class:"g-dialog-operation-container"},b=e.defineComponent({name:"GDialog",inheritAttrs:!1,__name:"index",props:{title:{default:""},size:{default:""}},emits:["cancel","reset","save","minimize"],setup(a,{emit:p}){const n=a,f={small:"480px",medium:"580px",large:"680px"},_=e.computed(()=>n.size&&n.size in f?f[n.size]:n.size),s=p;function v(){s("cancel")}function C(){s("reset")}function g(){s("save")}const c=e.ref(!1),x=()=>{c.value=!c.value},d=e.ref(!1),u=e.ref(!0),V=()=>{u.value=!1,d.value=!0},N=()=>{u.value=!0,d.value=!1},h=e.computed(()=>({position:"fixed",bottom:"20px",right:"20px",width:"50px",height:"50px","z-index":"1000"}));return e.onMounted(()=>{}),e.onUnmounted(()=>{}),(l,t)=>{const i=e.resolveComponent("el-icon"),m=e.resolveComponent("el-button"),k=e.resolveComponent("el-dialog");return e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[u.value?(e.openBlock(),e.createBlock(k,e.mergeProps({key:0},l.$attrs,{width:_.value,"lock-scroll":!1,"show-close":!1,fullscreen:c.value}),{header:e.withCtx(({close:w})=>[e.createElementVNode("div",S,[e.createElementVNode("p",null,e.toDisplayString(l.title),1),e.createElementVNode("div",y,[e.createVNode(i,{onClick:V,class:"g-icon--minimize"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.minus_default))]),_:1}),e.createVNode(i,{onClick:x,class:"g-icon--fullScreen"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.full_screen_default))]),_:1}),e.createVNode(i,{onClick:w,class:"g-icon--close"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.close_default))]),_:2},1032,["onClick"])])])]),footer:e.withCtx(()=>[e.createVNode(m,{onClick:v},{default:e.withCtx(()=>t[0]||(t[0]=[e.createTextVNode(" 取消 ")])),_:1,__:[0]}),e.createVNode(m,{onClick:C},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode(" 重置 ")])),_:1,__:[1]}),e.createVNode(m,{type:"primary",onClick:g},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode(" 保存 ")])),_:1,__:[2]}),e.renderSlot(l.$slots,"moreOperations",{},void 0,!0)]),default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},void 0,!0)]),_:3},16,["width","fullscreen"])):e.createCommentVNode("",!0),d.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"g-dialog-minimized-icon",onClick:N,style:e.normalizeStyle(h.value)},[e.createVNode(i,null,{default:e.withCtx(()=>[e.createVNode(e.unref(r.chat_dot_round_default))]),_:1})],4)):e.createCommentVNode("",!0)])}}}),o=z._export_sfc(b,[["__scopeId","data-v-f70461e0"]]);o.install=a=>{a.component(o.name,o)};exports.GDialog=o;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../index-B86xv9Xx.js"),z=require("../_plugin-vue_export-helper-BHFhmbuH.js"),S={class:"g-dialog-header"},y={class:"g-dialog-operation-container"},b=e.defineComponent({name:"GDialog",inheritAttrs:!1,__name:"index",props:{title:{default:""},size:{default:""}},emits:["cancel","reset","save","minimize"],setup(a,{emit:p}){const n=a,f={small:"480px",medium:"580px",large:"680px"},_=e.computed(()=>n.size&&n.size in f?f[n.size]:n.size),s=p;function v(){s("cancel")}function C(){s("reset")}function g(){s("save")}const c=e.ref(!1),x=()=>{c.value=!c.value},d=e.ref(!1),u=e.ref(!0),V=()=>{u.value=!1,d.value=!0},N=()=>{u.value=!0,d.value=!1},h=e.computed(()=>({position:"fixed",bottom:"20px",right:"20px",width:"50px",height:"50px","z-index":"1000"}));return e.onMounted(()=>{}),e.onUnmounted(()=>{}),(l,t)=>{const i=e.resolveComponent("el-icon"),m=e.resolveComponent("el-button"),k=e.resolveComponent("el-dialog");return e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[u.value?(e.openBlock(),e.createBlock(k,e.mergeProps({key:0},l.$attrs,{width:_.value,"lock-scroll":!1,"show-close":!1,fullscreen:c.value}),{header:e.withCtx(({close:w})=>[e.createElementVNode("div",S,[e.createElementVNode("p",null,e.toDisplayString(l.title),1),e.createElementVNode("div",y,[e.createVNode(i,{onClick:V,class:"g-icon--minimize"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.minus_default))]),_:1}),e.createVNode(i,{onClick:x,class:"g-icon--fullScreen"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.full_screen_default))]),_:1}),e.createVNode(i,{onClick:w,class:"g-icon--close"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.close_default))]),_:2},1032,["onClick"])])])]),footer:e.withCtx(()=>[e.createVNode(m,{onClick:v},{default:e.withCtx(()=>t[0]||(t[0]=[e.createTextVNode(" 取消 ")])),_:1,__:[0]}),e.createVNode(m,{onClick:C},{default:e.withCtx(()=>t[1]||(t[1]=[e.createTextVNode(" 重置 ")])),_:1,__:[1]}),e.createVNode(m,{type:"primary",onClick:g},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode(" 保存 ")])),_:1,__:[2]}),e.renderSlot(l.$slots,"moreOperations",{},void 0,!0)]),default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},void 0,!0)]),_:3},16,["width","fullscreen"])):e.createCommentVNode("",!0),d.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"g-dialog-minimized-icon",onClick:N,style:e.normalizeStyle(h.value)},[e.createVNode(i,null,{default:e.withCtx(()=>[e.createVNode(e.unref(r.chat_dot_round_default))]),_:1})],4)):e.createCommentVNode("",!0)])}}}),o=z._export_sfc(b,[["__scopeId","data-v-f70461e0"]]);o.install=a=>{a.component(o.name,o)};exports.GDialog=o;exports.default=o;

package/lib/GDialog/index.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as $, computed as C, ref as f, onMounted as A, onUnmounted as M, resolveComponent as p, createBlock as x, openBlock as _, Teleport as T, createCommentVNode as h, createElementBlock as F, mergeProps as L, withCtx as t, renderSlot as y, createVNode as e, createTextVNode as v, createElementVNode as g, toDisplayString as P, unref as s, normalizeStyle as U } from "vue";
-import { m as Z, f as j, c as q, a as H } from "../index-BPwO5l8J.mjs";
+import { m as Z, f as j, c as q, a as H } from "../index-DSzb017c.mjs";
 import { _ as J } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
 const K = { class: "g-dialog-header" }, Q = { class: "g-dialog-operation-container" }, R = /* @__PURE__ */ $({
   name: "GDialog",

package/lib/GPercent/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),S=require("../_plugin-vue_export-helper-BHFhmbuH.js"),E="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20version='1.1'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='11px'%20height='12px'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='matrix(1%200%200%201%20-1755%20-466%20)'%3e%3cpath%20d='M%201755.77886671114%20477.5%20L%201760.5%20467.199345551568%20L%201765.22113328886%20477.5%20L%201755.77886671114%20477.5%20Z%20'%20fill-rule='nonzero'%20fill='%23fa3239'%20stroke='none'%20/%3e%3cpath%20d='M%201755%20478%20L%201760.5%20466%20L%201766%20478%20L%201755%20478%20Z%20M%201760.5%20468.398691103136%20L%201756.55773342227%20477%20L%201764.44226657773%20477%20L%201760.5%20468.398691103136%20Z%20'%20fill-rule='nonzero'%20fill='%23797979'%20stroke='none'%20/%3e%3c/g%3e%3c/svg%3e",V="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20version='1.1'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='11px'%20height='12px'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='matrix(1%200%200%201%20-1755%20-304%20)'%3e%3cpath%20d='M%201755.77886671114%20315.5%20L%201760.5%20305.199345551568%20L%201765.22113328886%20315.5%20L%201755.77886671114%20315.5%20Z%20'%20fill-rule='nonzero'%20fill='%232ce534'%20stroke='none'%20/%3e%3cpath%20d='M%201755%20316%20L%201760.5%20304%20L%201766%20316%20L%201755%20316%20Z%20M%201760.5%20306.398691103136%20L%201756.55773342227%20315%20L%201764.44226657773%20315%20L%201760.5%20306.398691103136%20Z%20'%20fill-rule='nonzero'%20fill='%23797979'%20stroke='none'%20/%3e%3c/g%3e%3c/svg%3e",N={class:"g-percent-symbol-updown"},P={src:E,alt:"down",style:{transform:"rotate(180deg)"},class:"g-percent-svg"},z={src:V,alt:"up",class:"g-percent-svg"},F=t.defineComponent({name:"GPercent",__name:"index",props:{to:{},from:{default:0},direction:{default:""},delay:{default:0},duration:{default:2},className:{default:""},startWhen:{type:Boolean,default:!0},decimalPlaces:{default:0},onStart:{},onEnd:{}},setup(d){const e=d,m=t.useTemplateRef("elementRef"),n=t.ref(e.direction==="down"?e.to:e.from),c=t.ref(!1),o=t.ref(null),u=t.ref(!1);let r=null;const g=t.computed(()=>20+40*(1/e.duration)),w=t.computed(()=>200*(1/e.duration));let a=0;const p=l=>{const s=e.direction==="down"?e.from:e.to,_=n.value,v=s-_,L=v*w.value,b=a*g.value,M=L-b;a+=M*.016,n.value+=a*.016,n.value=Math.max(0,Math.min(100,n.value));const y=Math.pow(10,-e.decimalPlaces)*.1,k=Math.pow(10,-e.decimalPlaces)*.1;Math.abs(v)>y||Math.abs(a)>k?o.value=requestAnimationFrame(p):(n.value=s,o.value=null,e.onEnd&&e.onEnd())},f=()=>{u.value||!c.value||!e.startWhen||(u.value=!0,e.onStart&&e.onStart(),setTimeout(()=>{a=0,o.value=requestAnimationFrame(p)},e.delay*1e3))},h=()=>{m.value&&(r=new IntersectionObserver(([l])=>{l.isIntersecting&&!c.value&&(c.value=!0,f())},{threshold:0,rootMargin:"0px"}),r.observe(m.value))},x=()=>{o.value&&(cancelAnimationFrame(o.value),o.value=null),r&&(r.disconnect(),r=null)};return t.watch([()=>e.from,()=>e.to,()=>e.direction],()=>{n.value=e.direction==="down"?e.to:e.from,u.value=!1},{immediate:!0}),t.watch(()=>e.startWhen,()=>{e.startWhen&&c.value&&!u.value&&f()}),t.onMounted(async()=>{await t.nextTick(),h()}),t.onUnmounted(()=>{x()}),(l,s)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"elementRef",ref:m,class:t.normalizeClass([l.className,"g-percent-container"])},[t.createElementVNode("div",N,[t.withDirectives(t.createElementVNode("img",P,null,512),[[t.vShow,e.direction==="down"]]),t.withDirectives(t.createElementVNode("img",z,null,512),[[t.vShow,e.direction==="up"]])]),t.createElementVNode("span",{class:t.normalizeClass(["g-percent-number",{"g-percent-number-down":e.direction==="down","g-percent-number-up":e.direction==="up"}])},t.toDisplayString(n.value.toFixed(e.decimalPlaces)),3),t.createElementVNode("div",{class:t.normalizeClass(["g-percent-symbol",{"g-percent-number-down":e.direction==="down","g-percent-number-up":e.direction==="up"}])},[t.renderSlot(l.$slots,"symbol",{},()=>[s[0]||(s[0]=t.createTextVNode("%"))],!0)],2)],2))}}),i=S._export_sfc(F,[["__scopeId","data-v-f258770a"]]);i.install=d=>{d.component(i.name,i)};exports.GPercent=i;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),S=require("../_plugin-vue_export-helper-BHFhmbuH.js"),E="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20version='1.1'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='11px'%20height='12px'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='matrix(1%200%200%201%20-1755%20-466%20)'%3e%3cpath%20d='M%201755.77886671114%20477.5%20L%201760.5%20467.199345551568%20L%201765.22113328886%20477.5%20L%201755.77886671114%20477.5%20Z%20'%20fill-rule='nonzero'%20fill='%23fa3239'%20stroke='none'%20/%3e%3cpath%20d='M%201755%20478%20L%201760.5%20466%20L%201766%20478%20L%201755%20478%20Z%20M%201760.5%20468.398691103136%20L%201756.55773342227%20477%20L%201764.44226657773%20477%20L%201760.5%20468.398691103136%20Z%20'%20fill-rule='nonzero'%20fill='%23797979'%20stroke='none'%20/%3e%3c/g%3e%3c/svg%3e",V="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20version='1.1'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='11px'%20height='12px'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='matrix(1%200%200%201%20-1755%20-304%20)'%3e%3cpath%20d='M%201755.77886671114%20315.5%20L%201760.5%20305.199345551568%20L%201765.22113328886%20315.5%20L%201755.77886671114%20315.5%20Z%20'%20fill-rule='nonzero'%20fill='%232ce534'%20stroke='none'%20/%3e%3cpath%20d='M%201755%20316%20L%201760.5%20304%20L%201766%20316%20L%201755%20316%20Z%20M%201760.5%20306.398691103136%20L%201756.55773342227%20315%20L%201764.44226657773%20315%20L%201760.5%20306.398691103136%20Z%20'%20fill-rule='nonzero'%20fill='%23797979'%20stroke='none'%20/%3e%3c/g%3e%3c/svg%3e",N={class:"g-percent-symbol-updown"},P={src:E,alt:"down",style:{transform:"rotate(180deg)"},class:"g-percent-svg"},z={src:V,alt:"up",class:"g-percent-svg"},F=t.defineComponent({name:"GPercent",__name:"index",props:{to:{},from:{default:0},direction:{default:""},delay:{default:0},duration:{default:2},className:{default:""},startWhen:{type:Boolean,default:!0},decimalPlaces:{default:0},onStart:{},onEnd:{}},setup(d){const e=d,m=t.ref(null),n=t.ref(e.direction==="down"?e.to:e.from),c=t.ref(!1),o=t.ref(null),u=t.ref(!1);let r=null;const g=t.computed(()=>20+40*(1/e.duration)),w=t.computed(()=>200*(1/e.duration));let a=0;const p=l=>{const s=e.direction==="down"?e.from:e.to,_=n.value,f=s-_,L=f*w.value,b=a*g.value,M=L-b;a+=M*.016,n.value+=a*.016,n.value=Math.max(0,Math.min(100,n.value));const y=Math.pow(10,-e.decimalPlaces)*.1,k=Math.pow(10,-e.decimalPlaces)*.1;Math.abs(f)>y||Math.abs(a)>k?o.value=requestAnimationFrame(p):(n.value=s,o.value=null,e.onEnd&&e.onEnd())},v=()=>{u.value||!c.value||!e.startWhen||(u.value=!0,e.onStart&&e.onStart(),setTimeout(()=>{a=0,o.value=requestAnimationFrame(p)},e.delay*1e3))},h=()=>{m.value&&(r=new IntersectionObserver(([l])=>{l.isIntersecting&&!c.value&&(c.value=!0,v())},{threshold:0,rootMargin:"0px"}),r.observe(m.value))},x=()=>{o.value&&(cancelAnimationFrame(o.value),o.value=null),r&&(r.disconnect(),r=null)};return t.watch([()=>e.from,()=>e.to,()=>e.direction],()=>{n.value=e.direction==="down"?e.to:e.from,u.value=!1},{immediate:!0}),t.watch(()=>e.startWhen,()=>{e.startWhen&&c.value&&!u.value&&v()}),t.onMounted(async()=>{await t.nextTick(),h()}),t.onUnmounted(()=>{x()}),(l,s)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"elementRef",ref:m,class:t.normalizeClass([l.className,"g-percent-container"])},[t.createElementVNode("div",N,[t.withDirectives(t.createElementVNode("img",P,null,512),[[t.vShow,e.direction==="down"]]),t.withDirectives(t.createElementVNode("img",z,null,512),[[t.vShow,e.direction==="up"]])]),t.createElementVNode("span",{class:t.normalizeClass(["g-percent-number",{"g-percent-number-down":e.direction==="down","g-percent-number-up":e.direction==="up"}])},t.toDisplayString(n.value.toFixed(e.decimalPlaces)),3),t.createElementVNode("div",{class:t.normalizeClass(["g-percent-symbol",{"g-percent-number-down":e.direction==="down","g-percent-number-up":e.direction==="up"}])},[t.renderSlot(l.$slots,"symbol",{},()=>[s[0]||(s[0]=t.createTextVNode("%"))],!0)],2)],2))}}),i=S._export_sfc(F,[["__scopeId","data-v-6eeb4548"]]);i.install=d=>{d.component(i.name,i)};exports.GPercent=i;exports.default=i;

package/lib/GPercent/index.mjs

@@ -1,15 +1,15 @@
-import { defineComponent as A, useTemplateRef as E, ref as u, computed as h, watch as x, onMounted as T, nextTick as N, onUnmounted as R, createElementBlock as V, openBlock as W, normalizeClass as p, createElementVNode as l, withDirectives as L, vShow as _, toDisplayString as B, renderSlot as O, createTextVNode as q } from "vue";
+import { defineComponent as A, ref as l, computed as h, watch as x, onMounted as E, nextTick as N, onUnmounted as T, createElementBlock as V, openBlock as W, normalizeClass as p, createElementVNode as i, withDirectives as L, vShow as _, toDisplayString as B, renderSlot as O, createTextVNode as q } from "vue";
 import { _ as C } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
-const D = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20version='1.1'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='11px'%20height='12px'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='matrix(1%200%200%201%20-1755%20-466%20)'%3e%3cpath%20d='M%201755.77886671114%20477.5%20L%201760.5%20467.199345551568%20L%201765.22113328886%20477.5%20L%201755.77886671114%20477.5%20Z%20'%20fill-rule='nonzero'%20fill='%23fa3239'%20stroke='none'%20/%3e%3cpath%20d='M%201755%20478%20L%201760.5%20466%20L%201766%20478%20L%201755%20478%20Z%20M%201760.5%20468.398691103136%20L%201756.55773342227%20477%20L%201764.44226657773%20477%20L%201760.5%20468.398691103136%20Z%20'%20fill-rule='nonzero'%20fill='%23797979'%20stroke='none'%20/%3e%3c/g%3e%3c/svg%3e", G = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20version='1.1'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='11px'%20height='12px'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='matrix(1%200%200%201%20-1755%20-304%20)'%3e%3cpath%20d='M%201755.77886671114%20315.5%20L%201760.5%20305.199345551568%20L%201765.22113328886%20315.5%20L%201755.77886671114%20315.5%20Z%20'%20fill-rule='nonzero'%20fill='%232ce534'%20stroke='none'%20/%3e%3cpath%20d='M%201755%20316%20L%201760.5%20304%20L%201766%20316%20L%201755%20316%20Z%20M%201760.5%20306.398691103136%20L%201756.55773342227%20315%20L%201764.44226657773%20315%20L%201760.5%20306.398691103136%20Z%20'%20fill-rule='nonzero'%20fill='%23797979'%20stroke='none'%20/%3e%3c/g%3e%3c/svg%3e", U = { class: "g-percent-symbol-updown" }, $ = {
+const D = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20version='1.1'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='11px'%20height='12px'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='matrix(1%200%200%201%20-1755%20-466%20)'%3e%3cpath%20d='M%201755.77886671114%20477.5%20L%201760.5%20467.199345551568%20L%201765.22113328886%20477.5%20L%201755.77886671114%20477.5%20Z%20'%20fill-rule='nonzero'%20fill='%23fa3239'%20stroke='none'%20/%3e%3cpath%20d='M%201755%20478%20L%201760.5%20466%20L%201766%20478%20L%201755%20478%20Z%20M%201760.5%20468.398691103136%20L%201756.55773342227%20477%20L%201764.44226657773%20477%20L%201760.5%20468.398691103136%20Z%20'%20fill-rule='nonzero'%20fill='%23797979'%20stroke='none'%20/%3e%3c/g%3e%3c/svg%3e", G = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20version='1.1'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='11px'%20height='12px'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='matrix(1%200%200%201%20-1755%20-304%20)'%3e%3cpath%20d='M%201755.77886671114%20315.5%20L%201760.5%20305.199345551568%20L%201765.22113328886%20315.5%20L%201755.77886671114%20315.5%20Z%20'%20fill-rule='nonzero'%20fill='%232ce534'%20stroke='none'%20/%3e%3cpath%20d='M%201755%20316%20L%201760.5%20304%20L%201766%20316%20L%201755%20316%20Z%20M%201760.5%20306.398691103136%20L%201756.55773342227%20315%20L%201764.44226657773%20315%20L%201760.5%20306.398691103136%20Z%20'%20fill-rule='nonzero'%20fill='%23797979'%20stroke='none'%20/%3e%3c/g%3e%3c/svg%3e", R = { class: "g-percent-symbol-updown" }, U = {
   src: D,
   alt: "down",
   style: { transform: "rotate(180deg)" },
   class: "g-percent-svg"
-}, j = {
+}, $ = {
   src: G,
   alt: "up",
   class: "g-percent-svg"
-}, H = /* @__PURE__ */ A({
+}, j = /* @__PURE__ */ A({
   name: "GPercent",
   __name: "index",
   props: {
@@ -25,23 +25,23 @@ const D = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3cs
     onEnd: {}
   },
   setup(d) {
-    const e = d, m = E("elementRef"), t = u(e.direction === "down" ? e.to : e.from), i = u(!1), n = u(null), c = u(!1);
+    const e = d, m = l(null), t = l(e.direction === "down" ? e.to : e.from), c = l(!1), n = l(null), u = l(!1);
     let o = null;
     const b = h(() => 20 + 40 * (1 / e.duration)), M = h(() => 200 * (1 / e.duration));
-    let a = 0;
-    const v = (r) => {
-      const s = e.direction === "down" ? e.from : e.to, S = t.value, w = s - S, F = w * M.value, I = a * b.value, P = F - I;
-      a += P * 0.016, t.value += a * 0.016, t.value = Math.max(0, Math.min(100, t.value));
+    let r = 0;
+    const v = (a) => {
+      const s = e.direction === "down" ? e.from : e.to, S = t.value, w = s - S, F = w * M.value, I = r * b.value, P = F - I;
+      r += P * 0.016, t.value += r * 0.016, t.value = Math.max(0, Math.min(100, t.value));
       const Z = Math.pow(10, -e.decimalPlaces) * 0.1, z = Math.pow(10, -e.decimalPlaces) * 0.1;
-      Math.abs(w) > Z || Math.abs(a) > z ? n.value = requestAnimationFrame(v) : (t.value = s, n.value = null, e.onEnd && e.onEnd());
+      Math.abs(w) > Z || Math.abs(r) > z ? n.value = requestAnimationFrame(v) : (t.value = s, n.value = null, e.onEnd && e.onEnd());
     }, g = () => {
-      c.value || !i.value || !e.startWhen || (c.value = !0, e.onStart && e.onStart(), setTimeout(() => {
-        a = 0, n.value = requestAnimationFrame(v);
+      u.value || !c.value || !e.startWhen || (u.value = !0, e.onStart && e.onStart(), setTimeout(() => {
+        r = 0, n.value = requestAnimationFrame(v);
       }, e.delay * 1e3));
     }, k = () => {
       m.value && (o = new IntersectionObserver(
-        ([r]) => {
-          r.isIntersecting && !i.value && (i.value = !0, g());
+        ([a]) => {
+          a.isIntersecting && !c.value && (c.value = !0, g());
         },
         {
           threshold: 0,
@@ -55,44 +55,44 @@ const D = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3cs
     return x(
       [() => e.from, () => e.to, () => e.direction],
       () => {
-        t.value = e.direction === "down" ? e.to : e.from, c.value = !1;
+        t.value = e.direction === "down" ? e.to : e.from, u.value = !1;
       },
       { immediate: !0 }
     ), x(
       () => e.startWhen,
       () => {
-        e.startWhen && i.value && !c.value && g();
+        e.startWhen && c.value && !u.value && g();
       }
-    ), T(async () => {
+    ), E(async () => {
       await N(), k();
-    }), R(() => {
+    }), T(() => {
       y();
-    }), (r, s) => (W(), V("div", {
+    }), (a, s) => (W(), V("div", {
       ref_key: "elementRef",
       ref: m,
-      class: p([r.className, "g-percent-container"])
+      class: p([a.className, "g-percent-container"])
     }, [
-      l("div", U, [
-        L(l("img", $, null, 512), [
+      i("div", R, [
+        L(i("img", U, null, 512), [
           [_, e.direction === "down"]
         ]),
-        L(l("img", j, null, 512), [
+        L(i("img", $, null, 512), [
           [_, e.direction === "up"]
         ])
       ]),
-      l("span", {
+      i("span", {
         class: p(["g-percent-number", { "g-percent-number-down": e.direction === "down", "g-percent-number-up": e.direction === "up" }])
       }, B(t.value.toFixed(e.decimalPlaces)), 3),
-      l("div", {
+      i("div", {
         class: p(["g-percent-symbol", { "g-percent-number-down": e.direction === "down", "g-percent-number-up": e.direction === "up" }])
       }, [
-        O(r.$slots, "symbol", {}, () => [
+        O(a.$slots, "symbol", {}, () => [
           s[0] || (s[0] = q("%"))
         ], !0)
       ], 2)
     ], 2));
   }
-}), f = /* @__PURE__ */ C(H, [["__scopeId", "data-v-f258770a"]]);
+}), f = /* @__PURE__ */ C(j, [["__scopeId", "data-v-6eeb4548"]]);
 f.install = (d) => {
   d.component(f.name, f);
 };

package/lib/GPercent/style.css

@@ -1 +1 @@
-.g-percent-container[data-v-f258770a]{display:inline-flex;align-items:center;justify-content:center}.g-percent-number-down[data-v-f258770a]{color:#ff4d4f}.g-percent-number-up[data-v-f258770a]{color:#52c41a}.g-percent-svg[data-v-f258770a]{width:8px;height:8px}
+.g-percent-container[data-v-6eeb4548]{display:inline-flex;align-items:center;justify-content:center}.g-percent-number-down[data-v-6eeb4548]{color:#ff4d4f}.g-percent-number-up[data-v-6eeb4548]{color:#52c41a}.g-percent-svg[data-v-6eeb4548]{width:8px;height:8px}