geekin-devtoys 0.0.2 → 0.0.3

package/lib/Demo/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),a=(e,s)=>{const o=e.__vccOpts||e;for(const[c,r]of s)o[c]=r;return o},_={class:"demo"},i=Object.assign({name:"Demo"},{__name:"index",props:{msg:String},setup(e){return(s,o)=>(n.openBlock(),n.createElementBlock("div",_,n.toDisplayString(e.msg),1))}}),t=a(i,[["__scopeId","data-v-bd7af65f"]]);t.install=e=>{e.component(t.name,t)};exports.Demo=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),a=(e,s)=>{const o=e.__vccOpts||e;for(const[c,r]of s)o[c]=r;return o},_={class:"demo"},i=Object.assign({name:"Demo"},{__name:"index",props:{msg:String},setup(e){return(s,o)=>(n.openBlock(),n.createElementBlock("div",_,n.toDisplayString(e.msg),1))}}),t=a(i,[["__scopeId","data-v-bd7af65f"]]);t.install=e=>{e.component(t.name,t)};exports.Demo=t;exports.default=t;

package/lib/Demo/index.mjs

@@ -1,4 +1,4 @@
-import { createElementBlock as r, openBlock as a, toDisplayString as _ } from "vue";
+import { createElementBlock as a, openBlock as r, toDisplayString as _ } from "vue";
 const m = (t, n) => {
   const e = t.__vccOpts || t;
   for (const [s, c] of n)
@@ -12,12 +12,13 @@ const m = (t, n) => {
     msg: String
   },
   setup(t) {
-    return (n, e) => (a(), r("div", p, _(t.msg), 1));
+    return (n, e) => (r(), a("div", p, _(t.msg), 1));
   }
 }), o = /* @__PURE__ */ m(i, [["__scopeId", "data-v-bd7af65f"]]);
 o.install = (t) => {
   t.component(o.name, o);
 };
 export {
-  o as Demo
+  o as Demo,
+  o as default
 };

package/lib/GCount/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),i=t.defineComponent({name:"GCount",__name:"index",props:{to:{},from:{default:0},direction:{default:"up"},delay:{default:0},duration:{default:2},className:{default:""},startWhen:{type:Boolean,default:!0},separator:{default:""},onStart:{},onEnd:{}},setup(p){const e=p,o=t.useTemplateRef("elementRef"),r=t.ref(e.direction==="down"?e.to:e.from),c=t.ref(!1),n=t.ref(null),m=t.ref(!1);let s=null;const h=t.computed(()=>20+40*(1/e.duration)),F=t.computed(()=>100*(1/e.duration));let u=0;const _=a=>{const l={useGrouping:!!e.separator,minimumFractionDigits:0,maximumFractionDigits:0},f=Intl.NumberFormat("en-US",l).format(Number(a.toFixed(0)));return e.separator?f.replace(/,/g,e.separator):f},d=()=>{o.value&&(o.value.textContent=_(r.value))},v=a=>{const l=e.direction==="down"?e.from:e.to,f=r.value,b=l-f,S=b*F.value,I=u*h.value,M=S-I;u+=M*.016,r.value+=u*.016,d(),Math.abs(b)>.01||Math.abs(u)>.01?n.value=requestAnimationFrame(v):(r.value=l,d(),n.value=null,e.onEnd&&e.onEnd())},g=()=>{m.value||!c.value||!e.startWhen||(m.value=!0,e.onStart&&e.onStart(),setTimeout(()=>{u=0,n.value=requestAnimationFrame(v)},e.delay*1e3))},w=()=>{o.value&&(s=new IntersectionObserver(([a])=>{a.isIntersecting&&!c.value&&(c.value=!0,g())},{threshold:0,rootMargin:"0px"}),s.observe(o.value))},y=()=>{n.value&&(cancelAnimationFrame(n.value),n.value=null),s&&(s.disconnect(),s=null)};return t.watch([()=>e.from,()=>e.to,()=>e.direction],()=>{r.value=e.direction==="down"?e.to:e.from,d(),m.value=!1},{immediate:!0}),t.watch(()=>e.startWhen,()=>{e.startWhen&&c.value&&!m.value&&g()}),t.onMounted(()=>{d(),w()}),t.onUnmounted(()=>{y()}),(a,l)=>(t.openBlock(),t.createElementBlock("span",{ref_key:"elementRef",ref:o,class:t.normalizeClass(a.className)},null,2))}});i.install=p=>{p.component(i.name,i)};exports.GCount=i;exports.default=i;

package/lib/{CountUp → GCount}/index.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as S, useTemplateRef as E, ref as f, computed as b, watch as F, onMounted as M, onUnmounted as R, createElementBlock as U, openBlock as W, normalizeClass as k } from "vue";
+import { defineComponent as S, useTemplateRef as E, ref as f, computed as b, watch as F, onMounted as M, onUnmounted as R, createElementBlock as W, openBlock as k, normalizeClass as B } from "vue";
 const p = /* @__PURE__ */ S({
-  name: "GCountUp",
+  name: "GCount",
   __name: "index",
   props: {
     to: {},
@@ -63,10 +63,10 @@ const p = /* @__PURE__ */ S({
       c(), I();
     }), R(() => {
       N();
-    }), (n, l) => (W(), U("span", {
+    }), (n, l) => (k(), W("span", {
       ref_key: "elementRef",
       ref: a,
-      class: k(n.className)
+      class: B(n.className)
     }, null, 2));
   }
 });
@@ -74,5 +74,6 @@ p.install = (d) => {
   d.component(p.name, p);
 };
 export {
-  p as CountUp
+  p as GCount,
+  p as default
 };

package/lib/index/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Demo/index.js"),n=require("../CountUp/index.js"),o={Demo:t.Demo,CountUp:n.CountUp},s=u=>{Object.keys(o).forEach(c=>{const e=o[c];u.component(e.name,e)})},m={install:s};exports.Demo=t.Demo;exports.CountUp=n.CountUp;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../Demo/index.js"),n=require("../GCount/index.js"),t={Demo:o.default,GCount:n.default},s=u=>{Object.keys(t).forEach(c=>{const e=t[c];u.component(e.name,e)})},l={install:s};exports.Demo=o.default;exports.GCount=n.default;exports.default=l;

package/lib/index/index.mjs

@@ -1,13 +1,13 @@
-import { Demo as c } from "../Demo/index.mjs";
-import { CountUp as e } from "../CountUp/index.mjs";
-const n = { Demo: c, CountUp: e }, m = (t) => {
-  Object.keys(n).forEach((s) => {
-    const o = n[s];
+import e from "../Demo/index.mjs";
+import m from "../GCount/index.mjs";
+const n = { Demo: e, GCount: m }, s = (t) => {
+  Object.keys(n).forEach((c) => {
+    const o = n[c];
     t.component(o.name, o);
   });
-}, r = { install: m };
+}, r = { install: s };
 export {
-  e as CountUp,
-  c as Demo,
+  e as Demo,
+  m as GCount,
   r as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geekin-devtoys",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "author": "leon",
   "license": "MIT",
   "description": "geekin-devtoys组件库",
@@ -13,13 +13,13 @@
     "lib": "vite build && node update-exports.js"
   },
   "devDependencies": {
-    "vite-plugin-dts": "^4.5.4",
     "@babel/core": "^7.12.16",
     "core-js": "^3.8.3",
     "file-loader": "^6.2.0",
     "rollup-plugin-visualizer": "^6.0.1",
-    "vite-plugin-libcss": "^1.1.1",
-    "tsx": "^4.19.1"
+    "tsx": "^4.19.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-libcss": "^1.1.1"
   },
   "browserslist": [
     "> 1%",
@@ -35,14 +35,6 @@
       "import": "./lib/index/style.css",
       "require": "./lib/index/style.css"
     },
-    "./CountUp": {
-      "import": "./lib/CountUp/index.mjs",
-      "require": "./lib/CountUp/index.js"
-    },
-    "./CountUp/style": {
-      "import": "./lib/CountUp/style.css",
-      "require": "./lib/CountUp/style.css"
-    },
     "./Demo": {
       "import": "./lib/Demo/index.mjs",
       "require": "./lib/Demo/index.js"
@@ -50,6 +42,14 @@
     "./Demo/style": {
       "import": "./lib/Demo/style.css",
       "require": "./lib/Demo/style.css"
+    },
+    "./GCount": {
+      "import": "./lib/GCount/index.mjs",
+      "require": "./lib/GCount/index.js"
+    },
+    "./GCount/style": {
+      "import": "./lib/GCount/style.css",
+      "require": "./lib/GCount/style.css"
     }
   }
 }

package/lib/CountUp/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),d=t.defineComponent({name:"GCountUp",__name:"index",props:{to:{},from:{default:0},direction:{default:"up"},delay:{default:0},duration:{default:2},className:{default:""},startWhen:{type:Boolean,default:!0},separator:{default:""},onStart:{},onEnd:{}},setup(p){const e=p,o=t.useTemplateRef("elementRef"),r=t.ref(e.direction==="down"?e.to:e.from),i=t.ref(!1),n=t.ref(null),c=t.ref(!1);let s=null;const h=t.computed(()=>20+40*(1/e.duration)),F=t.computed(()=>100*(1/e.duration));let u=0;const y=a=>{const l={useGrouping:!!e.separator,minimumFractionDigits:0,maximumFractionDigits:0},f=Intl.NumberFormat("en-US",l).format(Number(a.toFixed(0)));return e.separator?f.replace(/,/g,e.separator):f},m=()=>{o.value&&(o.value.textContent=y(r.value))},v=a=>{const l=e.direction==="down"?e.from:e.to,f=r.value,b=l-f,I=b*F.value,N=u*h.value,_=I-N;u+=_*.016,r.value+=u*.016,m(),Math.abs(b)>.01||Math.abs(u)>.01?n.value=requestAnimationFrame(v):(r.value=l,m(),n.value=null,e.onEnd&&e.onEnd())},g=()=>{c.value||!i.value||!e.startWhen||(c.value=!0,e.onStart&&e.onStart(),setTimeout(()=>{u=0,n.value=requestAnimationFrame(v)},e.delay*1e3))},w=()=>{o.value&&(s=new IntersectionObserver(([a])=>{a.isIntersecting&&!i.value&&(i.value=!0,g())},{threshold:0,rootMargin:"0px"}),s.observe(o.value))},S=()=>{n.value&&(cancelAnimationFrame(n.value),n.value=null),s&&(s.disconnect(),s=null)};return t.watch([()=>e.from,()=>e.to,()=>e.direction],()=>{r.value=e.direction==="down"?e.to:e.from,m(),c.value=!1},{immediate:!0}),t.watch(()=>e.startWhen,()=>{e.startWhen&&i.value&&!c.value&&g()}),t.onMounted(()=>{m(),w()}),t.onUnmounted(()=>{S()}),(a,l)=>(t.openBlock(),t.createElementBlock("span",{ref_key:"elementRef",ref:o,class:t.normalizeClass(a.className)},null,2))}});d.install=p=>{p.component(d.name,d)};exports.CountUp=d;