geekin-devtoys 0.0.2

package/lib/CountUp/index.js

@@ -0,0 +1 @@
+"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;

package/lib/CountUp/index.mjs

@@ -0,0 +1,78 @@
+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";
+const p = /* @__PURE__ */ S({
+  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(d) {
+    const e = d, a = E("elementRef"), o = f(e.direction === "down" ? e.to : e.from), i = f(!1), t = f(null), u = f(!1);
+    let r = null;
+    const w = b(() => 20 + 40 * (1 / e.duration)), x = b(() => 100 * (1 / e.duration));
+    let s = 0;
+    const y = (n) => {
+      const l = {
+        useGrouping: !!e.separator,
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0
+      }, m = Intl.NumberFormat("en-US", l).format(Number(n.toFixed(0)));
+      return e.separator ? m.replace(/,/g, e.separator) : m;
+    }, c = () => {
+      a.value && (a.value.textContent = y(o.value));
+    }, v = (n) => {
+      const l = e.direction === "down" ? e.from : e.to, m = o.value, h = l - m, _ = h * x.value, A = s * w.value, C = _ - A;
+      s += C * 0.016, o.value += s * 0.016, c(), Math.abs(h) > 0.01 || Math.abs(s) > 0.01 ? t.value = requestAnimationFrame(v) : (o.value = l, c(), t.value = null, e.onEnd && e.onEnd());
+    }, g = () => {
+      u.value || !i.value || !e.startWhen || (u.value = !0, e.onStart && e.onStart(), setTimeout(() => {
+        s = 0, t.value = requestAnimationFrame(v);
+      }, e.delay * 1e3));
+    }, I = () => {
+      a.value && (r = new IntersectionObserver(
+        ([n]) => {
+          n.isIntersecting && !i.value && (i.value = !0, g());
+        },
+        {
+          threshold: 0,
+          rootMargin: "0px"
+        }
+      ), r.observe(a.value));
+    }, N = () => {
+      t.value && (cancelAnimationFrame(t.value), t.value = null), r && (r.disconnect(), r = null);
+    };
+    return F(
+      [() => e.from, () => e.to, () => e.direction],
+      () => {
+        o.value = e.direction === "down" ? e.to : e.from, c(), u.value = !1;
+      },
+      { immediate: !0 }
+    ), F(
+      () => e.startWhen,
+      () => {
+        e.startWhen && i.value && !u.value && g();
+      }
+    ), M(() => {
+      c(), I();
+    }), R(() => {
+      N();
+    }), (n, l) => (W(), U("span", {
+      ref_key: "elementRef",
+      ref: a,
+      class: k(n.className)
+    }, null, 2));
+  }
+});
+p.install = (d) => {
+  d.component(p.name, p);
+};
+export {
+  p as CountUp
+};

package/lib/Demo/index.js

@@ -0,0 +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;

package/lib/Demo/index.mjs

@@ -0,0 +1,23 @@
+import { createElementBlock as r, openBlock as a, toDisplayString as _ } from "vue";
+const m = (t, n) => {
+  const e = t.__vccOpts || t;
+  for (const [s, c] of n)
+    e[s] = c;
+  return e;
+}, p = { class: "demo" }, i = /* @__PURE__ */ Object.assign({
+  name: "Demo"
+}, {
+  __name: "index",
+  props: {
+    msg: String
+  },
+  setup(t) {
+    return (n, e) => (a(), r("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
+};

package/lib/index/index.js

@@ -0,0 +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;

package/lib/index/index.mjs

@@ -0,0 +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];
+    t.component(o.name, o);
+  });
+}, r = { install: m };
+export {
+  e as CountUp,
+  c as Demo,
+  r as default
+};

package/lib/index/style.css

@@ -0,0 +1 @@
+.demo[data-v-bd7af65f]{width:200px;height:40px;background-color:#7fffd4;margin:20px}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "geekin-devtoys",
+  "version": "0.0.2",
+  "author": "leon",
+  "license": "MIT",
+  "description": "geekin-devtoys组件库",
+  "private": false,
+  "files": [
+    "lib",
+    "README.md"
+  ],
+  "scripts": {
+    "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"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ],
+  "exports": {
+    ".": {
+      "import": "./lib/index/index.mjs",
+      "require": "./lib/index/index.js"
+    },
+    "./style": {
+      "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"
+    },
+    "./Demo/style": {
+      "import": "./lib/Demo/style.css",
+      "require": "./lib/Demo/style.css"
+    }
+  }
+}