btt-ui 1.0.16 → 1.0.24

package/es/{packages/components/index.mjs → index.mjs}

@@ -20,7 +20,7 @@ import { KCollapse as J, KCollapseItem as N } 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/xgplayer/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";
@@ -30,7 +30,7 @@ const o = function(t, r) {
   if (o.installed)
     return;
   o.installed = !0;
-  let f = "2025-12-24 09:30:00";
+  let f = "2026-03-02 09:30:00";
   if (r)
     setTimeout(() => {
       var a;

package/es/src/button/src/button.mjs

@@ -0,0 +1,63 @@
+import { defineComponent as i, computed as d, openBlock as n, createElementBlock as c, normalizeClass as u, unref as t, normalizeStyle as a, createVNode as m, createCommentVNode as b, createElementVNode as y, renderSlot as f } from "vue";
+import { Icon as k } from "../../icon/index.mjs";
+import { createNamespace as x } from "../../../assets/ts/utils.mjs";
+import "./style/index.css";
+const B = ["disabled"], z = {
+  key: 0,
+  class: "k-icon-box"
+}, C = i({
+  name: "k-button"
+}), E = i({
+  ...C,
+  props: {
+    type: { default: "default" },
+    size: {},
+    plain: { type: Boolean },
+    autofocus: { type: Boolean },
+    round: { type: Boolean },
+    circle: { type: Boolean },
+    text: { type: Boolean },
+    icon: {},
+    color: {},
+    disabled: { type: Boolean },
+    textColor: {}
+  },
+  emits: [""],
+  setup(e) {
+    const o = e, { n: l } = x("button"), r = d(() => o.color ? {
+      "--k-button-bg-color": o.color,
+      "--k-button-text-color": "var(--k-color-white)",
+      "--k-button-border-color": o.color
+    } : {});
+    return (s, h) => (n(), c("button", {
+      class: u([
+        t(l)(),
+        e.type && t(l)(`--${e.type}`),
+        e.size && t(l)(`--${e.size}`),
+        e.plain && "is-plain",
+        e.round && "is-round",
+        e.circle && "is-circle",
+        e.disabled && "is-disabled",
+        e.text && "is-text"
+      ]),
+      style: a({
+        color: e.color,
+        ...r.value
+      }),
+      disabled: e.disabled,
+      type: "button"
+    }, [
+      e.icon ? (n(), c("span", z, [
+        m(t(k), { name: e.icon }, null, 8, ["name"])
+      ])) : b("", !0),
+      y("span", {
+        style: a({ color: e.textColor })
+      }, [
+        f(s.$slots, "default")
+      ], 4)
+    ], 14, B));
+  }
+});
+export {
+  E as default
+};

package/es/src/card/src/card.mjs

@@ -0,0 +1,43 @@
+import { defineComponent as d, openBlock as n, createElementBlock as a, normalizeStyle as i, createElementVNode as r, renderSlot as l, createTextVNode as s } from "vue";
+import "./style/index.css";
+const u = {
+  class: "front",
+  style: { background: "url('/559.jpg')" }
+}, c = {
+  class: "back",
+  style: { background: "url('/560.jpg')" }
+}, p = d({
+  name: "k-card"
+}), m = d({
+  ...p,
+  props: {
+    width: {
+      type: String,
+      default: "300px"
+    },
+    height: {
+      type: String,
+      default: "400px"
+    }
+  },
+  setup(e) {
+    return (o, t) => (n(), a("div", {
+      class: "k-card",
+      style: i({ width: e.width, height: e.height })
+    }, [
+      r("div", u, [
+        l(o.$slots, "default", {}, () => [
+          t[0] || (t[0] = s(" \u6B63\u9762 ", -1))
+        ])
+      ]),
+      r("div", c, [
+        l(o.$slots, "back", {}, () => [
+          t[1] || (t[1] = s(" \u53CD\u9762 ", -1))
+        ])
+      ])
+    ], 4));
+  }
+});
+export {
+  m as default
+};

package/es/src/dialog/src/dialog.mjs

@@ -0,0 +1,117 @@
+import { defineComponent as B, ref as h, watch as I, openBlock as d, createBlock as b, Teleport as L, unref as o, withModifiers as w, withCtx as M, createElementVNode as V, normalizeClass as i, normalizeStyle as N, createElementBlock as p, renderSlot as g, toDisplayString as R, createCommentVNode as c, createVNode as $, nextTick as O } from "vue";
+import { Overlay as P } from "../../overlay/index.mjs";
+import { createNamespace as S } from "../../../assets/ts/utils.mjs";
+import { Icon as H } from "../../icon/index.mjs";
+import "./style/index.css";
+const X = B({
+  name: "k-dialog"
+}), G = B({
+  ...X,
+  props: {
+    title: { default: "" },
+    showHeader: { type: Boolean, default: !0 },
+    showClose: { type: Boolean, default: !0 },
+    top: { default: 150 },
+    draggable: { type: Boolean, default: !0 },
+    width: { default: 1e3 },
+    modelValue: { type: Boolean, default: !1 },
+    closeOnClickModal: { type: Boolean, default: !1 },
+    closeDelay: { default: 0 },
+    beforeClose: {},
+    zIndex: { default: 2e3 },
+    teleportTo: { default: "body" }
+  },
+  emits: ["update:modelValue", "open", "opened", "close", "closed"],
+  setup(t, { emit: z }) {
+    const { n: a } = S("dialog"), v = h(!1), n = t, x = z;
+    v.value = n.modelValue;
+    const f = h(), k = h(), C = () => {
+      const e = () => {
+        setTimeout(() => {
+          v.value = !1, x("closed"), x("update:modelValue", v.value);
+        }, n.closeDelay);
+      };
+      if (n.beforeClose)
+        return n.beforeClose(() => e());
+      x("close"), e();
+    }, E = () => {
+      n.closeOnClickModal && C();
+    }, D = () => {
+      C();
+    };
+    let s = !1, u = { x: 0, y: 0 }, m = { x: 0, y: 0 };
+    const T = () => {
+      let e = 0, r = 0;
+      O(() => {
+        k.value.style.transform = "translate3d(" + e + "px, " + r + "px, 0)", f.value.addEventListener("pointerdown", function(l) {
+          s = !0, l.target.setPointerCapture(l.pointerId), m = { x: l.clientX, y: l.clientY };
+        }), f.value.addEventListener("pointermove", function(l) {
+          if (s) {
+            const y = { x: l.clientX, y: l.clientY };
+            u.x = y.x - m.x, u.y = y.y - m.y, m = { x: y.x, y: y.y }, e += u.x, r += u.y, k.value.style.transform = "translate3d(" + e + "px, " + r + "px, 0)", l.preventDefault();
+          }
+        }), f.value.addEventListener("pointerup", function() {
+          s && (s = !1);
+        }), f.value.addEventListener("pointercancel", function() {
+          s && (s = !1);
+        });
+      });
+    };
+    return I(() => n.modelValue, (e) => {
+      e && T();
+    }), (e, r) => (d(), b(L, { to: t.teleportTo }, [
+      t.modelValue ? (d(), b(o(P), {
+        key: 0,
+        onClick: w(E, ["stop"]),
+        "z-index": t.zIndex
+      }, {
+        default: M(() => [
+          V("div", {
+            ref_key: "targetRef",
+            ref: k,
+            class: i([o(a)(), "slide-in-top"]),
+            style: N({ top: t.top, width: t.width }),
+            onClick: r[0] || (r[0] = w(() => {
+            }, ["stop"]))
+          }, [
+            t.showHeader ? (d(), p("div", {
+              key: 0,
+              ref_key: "handleRef",
+              ref: f,
+              class: i([o(a)("header"), t.draggable && "is-draggable"])
+            }, [
+              g(e.$slots, "header", { close: C }, () => [
+                t.title ? (d(), p("span", {
+                  key: 0,
+                  class: i([o(a)("title")])
+                }, R(t.title), 3)) : c("", !0),
+                t.showClose ? (d(), p("button", {
+                  key: 1,
+                  class: i([o(a)("headerbtn")]),
+                  onClick: D
+                }, [
+                  $(o(H), { name: "close" })
+                ], 2)) : c("", !0)
+              ])
+            ], 2)) : c("", !0),
+            V("div", {
+              class: i([o(a)("body")])
+            }, [
+              g(e.$slots, "default")
+            ], 2),
+            e.$slots.footer ? (d(), p("div", {
+              key: 1,
+              class: i([o(a)("footer")])
+            }, [
+              g(e.$slots, "footer")
+            ], 2)) : c("", !0)
+          ], 6)
+        ]),
+        _: 3
+      }, 8, ["z-index"])) : c("", !0)
+    ], 8, ["to"]));
+  }
+});
+export {
+  G as default
+};

package/es/{packages/components/src → src}/drag/src/drag.mjs

@@ -1,9 +1,9 @@
-import { defineComponent as d, ref as r, watch as m, nextTick as y, openBlock as x, createBlock as w, unref as C, withModifiers as s, withCtx as k, createElementVNode as P, normalizeStyle as g, renderSlot as h, createCommentVNode as E } from "vue";
+import { defineComponent as u, ref as s, watch as p, nextTick as y, openBlock as x, createBlock as w, unref as C, withModifiers as d, withCtx as k, createElementVNode as P, normalizeStyle as g, renderSlot as h, createCommentVNode as E } from "vue";
 import { Overlay as B } from "../../overlay/index.mjs";
 import "./style/index.css";
-const L = d({
+const L = u({
   name: "k-drag"
-}), M = d({
+}), b = u({
   ...L,
   props: {
     width: { default: 800 },
@@ -14,8 +14,8 @@ const L = d({
     closeOnClickModal: { type: Boolean, default: !0 }
   },
   emits: ["close", "closed"],
-  setup(u, { emit: v }) {
-    const a = u, i = v, o = r(), e = r({
+  setup(i, { emit: v }) {
+    const a = i, r = v, o = s(), e = s({
       isPointerdown: !1,
       rect: {},
       lastPointermove: { x: 0, y: 0 },
@@ -26,19 +26,19 @@ const L = d({
       e.value.isPointerdown = !1, e.value.rect = {}, e.value.lastPointermove = { x: 0, y: 0 }, e.value.diff = { x: 0, y: 0 }, e.value.x = 0, e.value.y = 0;
       const t = () => {
         setTimeout(() => {
-          i("closed");
+          r("closed");
         }, a.closeDelay);
       };
       if (a.beforeClose)
         return a.beforeClose(() => t());
-      i("close"), t();
+      r("close"), t();
     }, f = () => {
       a.closeOnClickModal && c();
     };
-    m(() => a.modelValue, (t) => {
-      t && y(p);
+    p(() => a.modelValue, (t) => {
+      t && y(m);
     });
-    const p = () => {
+    const m = () => {
       o.value.addEventListener("pointerdown", (l) => {
         e.value.isPointerdown = !0, e.value.lastPointermove = { x: l.clientX, y: l.clientY }, e.value.rect = o.value.getBoundingClientRect();
       }), o.value.addEventListener("pointermove", (l) => {
@@ -52,18 +52,18 @@ const L = d({
       };
       o.value.addEventListener("pointerup", t), o.value.addEventListener("pointercancel", t), o.value.addEventListener("mouseleave", t), o.value.addEventListener("mouseup", t);
     };
-    return (t, l) => t.modelValue ? (x(), w(C(B), {
+    return (t, l) => i.modelValue ? (x(), w(C(B), {
       key: 0,
       class: "k-content-center",
-      onClick: s(f, ["stop"])
+      onClick: d(f, ["stop"])
     }, {
       default: k(() => [
         P("div", {
           class: "k-drag slide-in-top",
           ref_key: "dragWrapper",
           ref: o,
-          style: g({ width: t.width + "px" }),
-          onClick: l[0] || (l[0] = s(() => {
+          style: g({ width: i.width + "px" }),
+          onClick: l[0] || (l[0] = d(() => {
           }, ["stop"]))
         }, [
           h(t.$slots, "default")
@@ -74,5 +74,5 @@ const L = d({
   }
 });
 export {
-  M as default
+  b as default
 };

package/es/{packages/components/src → src}/echarts/src/index.mjs

@@ -1,14 +1,14 @@
-import { defineComponent as u, ref as p, onMounted as d, openBlock as m, createBlock as y, unref as r, withCtx as x, createElementVNode as a, normalizeClass as b, renderSlot as h, createTextVNode as k, createVNode as N, createCommentVNode as S } from "vue";
-import { Drag as C } from "../../drag/index.mjs";
-import * as g from "echarts";
+import { defineComponent as u, ref as p, onMounted as d, openBlock as m, createBlock as y, unref as a, withCtx as x, createElementVNode as o, normalizeClass as b, renderSlot as k, createTextVNode as N, createVNode as S, createCommentVNode as C } from "vue";
+import { Drag as g } from "../../drag/index.mjs";
+import * as h from "echarts";
 import { createNamespace as B } from "../../../assets/ts/utils.mjs";
-import { Icon as _ } from "../../icon/index.mjs";
+import { Icon as V } from "../../icon/index.mjs";
 import "./style/index.css";
 import i from "./ts/factory.mjs";
-const V = { class: "k-echart-header" }, j = u({
+const j = { class: "k-echart-header" }, v = u({
   name: "k-echarts"
 }), w = u({
-  ...j,
+  ...v,
   props: {
     modelValue: {
       type: Boolean,
@@ -76,36 +76,36 @@ const V = { class: "k-echart-header" }, j = u({
     }
   },
   emits: ["close"],
-  setup(o, { emit: c }) {
-    const { n: s } = B("echart-wrapper"), l = p(), e = o, f = c;
+  setup(l, { emit: s }) {
+    const { n: c } = B("echart-wrapper"), n = p(), e = l, f = s;
     return d(() => {
-      let t = g.init(l.value);
+      let t = h.init(n.value);
       e.type == "line" || e.type == "bar" ? i.line(t, e) : e.type == "polar" && i.polar(t, e);
-    }), (t, n) => o.modelValue ? (m(), y(r(C), { key: 0 }, {
+    }), (t, r) => l.modelValue ? (m(), y(a(g), { key: 0 }, {
       default: x(() => [
-        a("div", {
-          class: b([r(s)()])
+        o("div", {
+          class: b([a(c)()])
         }, [
-          a("div", V, [
-            h(t.$slots, "default", {}, () => [
-              k("\u8FD9\u662F\u6807\u9898")
+          o("div", j, [
+            k(t.$slots, "default", {}, () => [
+              r[1] || (r[1] = N("\u8FD9\u662F\u6807\u9898", -1))
             ]),
-            N(r(_), {
+            S(a(V), {
               name: "close",
               size: "16",
               class: "k-icon-close",
-              onClick: n[0] || (n[0] = (v) => f("close"))
+              onClick: r[0] || (r[0] = (z) => f("close"))
             })
           ]),
-          a("div", {
+          o("div", {
             class: "k-echart-content",
             ref_key: "echartsRef",
-            ref: l
+            ref: n
           }, null, 512)
         ], 2)
       ]),
       _: 3
-    })) : S("", !0);
+    })) : C("", !0);
   }
 });
 export {

package/es/{packages/components/src → src}/index.mjs

@@ -27,8 +27,8 @@ import n from "./uploadFile/index.mjs";
 import { default as Fo } from "./uploadFile/index.mjs";
 import { Card as u } from "./card/index.mjs";
 import { Card as Ho } from "./card/index.mjs";
-import d from "./xgplayer/index.mjs";
-import { default as Mo } from "./xgplayer/index.mjs";
+import d from "./xgplay/index.mjs";
+import { default as Mo } from "./xgplay/index.mjs";
 import { ECharts as K } from "./echarts/index.mjs";
 import { ECharts as Vo } from "./echarts/index.mjs";
 import { HotMap as c } from "./hotmap/index.mjs";

package/es/src/input/src/input.mjs

@@ -0,0 +1,119 @@
+import { defineComponent as I, ref as n, computed as D, openBlock as o, createElementBlock as m, normalizeClass as c, unref as a, createElementVNode as k, renderSlot as B, createBlock as b, createCommentVNode as s, withDirectives as V, mergeProps as R, vModelDynamic as j, createVNode as z, withModifiers as F, vShow as L } from "vue";
+import { Icon as p } from "../../icon/index.mjs";
+import { createNamespace as O } from "../../../assets/ts/utils.mjs";
+import "./style/index.css";
+const T = ["type", "placeholder", "autofocus", "readonly", "disabled"], U = I({
+  name: "k-input"
+}), J = I({
+  ...U,
+  props: {
+    type: { default: "text" },
+    modelValue: { type: [Number, String, Boolean, Object], default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    suffixIcon: { default: "" },
+    prefixIcon: { default: "" },
+    showPassword: { type: Boolean, default: !1 },
+    autofocus: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "focus", "blur", "clear"],
+  setup(e, { expose: C, emit: M }) {
+    const t = e, f = M, { n: u } = O("input"), r = n(), v = n(t.autofocus), i = n(!0), y = n(t.type), w = n(!1), d = D({
+      get: () => t.modelValue,
+      set: (l) => {
+        f("update:modelValue", l);
+      }
+    }), N = () => {
+      v.value = !0, f("focus");
+    }, P = () => {
+      v.value = !1, f("blur");
+    }, h = () => {
+      d.value = "", f("clear");
+    }, $ = () => {
+      t.type === "password" && (i.value = !i.value, i.value ? y.value = t.type : y.value = "text");
+    };
+    function g() {
+      w.value = t.clearable && d.value;
+    }
+    function E() {
+      w.value = !1;
+    }
+    return C({
+      blur: () => {
+        var l;
+        return (l = r.value) == null ? void 0 : l.blur();
+      },
+      focus: () => {
+        var l;
+        return (l = r.value) == null ? void 0 : l.focus();
+      },
+      clear: h,
+      input: () => r.value
+    }), (l, x) => (o(), m("div", {
+      class: c([a(u)(), { "is-disabled": e.disabled }])
+    }, [
+      k("div", {
+        class: c([a(u)("wrapper"), { "is-focus": v.value }]),
+        onMouseenter: g,
+        onMouseleave: E
+      }, [
+        l.$slots.prefix || e.prefixIcon ? (o(), m("span", {
+          key: 0,
+          class: c(a(u)("prefix"))
+        }, [
+          B(l.$slots, "prefix"),
+          e.prefixIcon ? (o(), b(a(p), {
+            key: 0,
+            name: e.prefixIcon
+          }, null, 8, ["name"])) : s("", !0)
+        ], 2)) : s("", !0),
+        V(k("input", R({
+          ref_key: "inputRef",
+          ref: r,
+          "onUpdate:modelValue": x[0] || (x[0] = (S) => d.value = S),
+          class: a(u)("inner"),
+          type: y.value,
+          placeholder: e.placeholder,
+          autofocus: e.autofocus,
+          readonly: e.readonly,
+          disabled: e.disabled,
+          onFocus: N,
+          onBlur: P
+        }, l.$attrs), null, 16, T), [
+          [j, d.value]
+        ]),
+        e.showPassword || e.clearable ? (o(), m("span", {
+          key: 1,
+          class: c(a(u)("suffix"))
+        }, [
+          e.showPassword ? (o(), b(a(p), {
+            key: 0,
+            name: i.value ? "view" : "hide",
+            onClick: $
+          }, null, 8, ["name"])) : s("", !0),
+          V(z(a(p), {
+            name: "circle-close",
+            onClick: F(h, ["stop"])
+          }, null, 512), [
+            [L, w.value]
+          ])
+        ], 2)) : s("", !0),
+        l.$slots.suffix || e.suffixIcon ? (o(), m("span", {
+          key: 2,
+          class: c(a(u)("suffix"))
+        }, [
+          B(l.$slots, "suffix"),
+          e.suffixIcon ? (o(), b(a(p), {
+            key: 0,
+            name: e.suffixIcon
+          }, null, 8, ["name"])) : s("", !0)
+        ], 2)) : s("", !0)
+      ], 34)
+    ], 2));
+  }
+});
+export {
+  J as default
+};

package/es/{packages/components/src → src}/link/link.mjs

@@ -1,7 +1,7 @@
 import "./style/index.css";
 import { linkProps as n } from "./types.mjs";
 import { defineComponent as r, useAttrs as o, computed as l, openBlock as i, createElementBlock as a, mergeProps as d, renderSlot as p } from "vue";
-import c from "../../../../_virtual/plugin-vue_export-helper.mjs";
+import c from "../../_virtual/plugin-vue_export-helper.mjs";
 const m = r({
   name: "k-link",
   props: n,

package/es/src/overlay/src/overlay.mjs

@@ -0,0 +1,36 @@
+import { defineComponent as m, computed as d, openBlock as l, createElementBlock as s, normalizeClass as o, unref as f, normalizeStyle as n, renderSlot as r } from "vue";
+import { createNamespace as y } from "../../../assets/ts/utils.mjs";
+import "./style/index.css";
+const i = m({
+  name: "k-overlay"
+}), C = m({
+  ...i,
+  props: {
+    mask: { type: Boolean, default: !0 },
+    customMaskEvent: { type: Boolean, default: !1 },
+    overlayClass: {},
+    zIndex: { default: 2e3 }
+  },
+  emits: [""],
+  setup(e) {
+    const c = e, { n: u } = y("overlay"), a = d(() => ({
+      zIndex: c.zIndex
+    }));
+    return (t, v) => e.mask ? (l(), s("div", {
+      key: 0,
+      class: o([f(u)(), e.overlayClass]),
+      style: n(a.value)
+    }, [
+      r(t.$slots, "default")
+    ], 6)) : (l(), s("div", {
+      key: 1,
+      class: o([e.overlayClass]),
+      style: n(a.value)
+    }, [
+      r(t.$slots, "default")
+    ], 6));
+  }
+});
+export {
+  C as default
+};