btt-ui 1.0.16 → 1.0.24

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

@@ -1,7 +1,7 @@
-import { defineComponent as C, ref as Y, reactive as q, onMounted as L, openBlock as W, createElementBlock as F, normalizeStyle as E, withModifiers as p } from "vue";
-const O = C({
+import { defineComponent as b, ref as Y, reactive as q, onMounted as L, openBlock as W, createElementBlock as F, normalizeStyle as E, withModifiers as m } from "vue";
+const O = b({
   name: "k-sign"
-}), z = C({
+}), z = b({
   ...O,
   props: {
     width: { default: 600 },
@@ -19,8 +19,8 @@ const O = C({
     isCrop: { type: Boolean, default: !0 }
   },
   emits: ["change"],
-  setup(b, { expose: M, emit: I }) {
-    const r = Y(), a = b, m = I, t = q({
+  setup(p, { expose: M, emit: I }) {
+    const r = Y(), a = p, x = I, t = q({
       sratio: 1,
       ctx: null,
       resImg: "",
@@ -39,23 +39,23 @@ const O = C({
       t.isMove = !0, f(o.pageX - t.offset.left, o.pageY - t.offset.top, !1);
     }, D = (o) => {
       t.isMove && f(o.pageX - t.offset.left, o.pageY - t.offset.top, !0);
-    }, x = async () => {
+    }, v = async () => {
       t.isMove = !1;
-      let o = await w();
-      m("change", o);
-    }, _ = (o) => {
+      let o = await y();
+      x("change", o);
+    }, R = (o) => {
       t.isMove = !0, f(
         o.changedTouches[0].clientX - t.offset.left,
         o.changedTouches[0].clientY - t.offset.top,
         !1
       );
-    }, R = (o) => {
+    }, _ = (o) => {
       t.isMove && f(
         o.changedTouches[0].clientX - t.offset.left,
         o.changedTouches[0].clientY - t.offset.top,
         !0
       );
-    }, v = () => {
+    }, w = () => {
       t.isMove = !1;
     }, B = (o) => {
       let c = r.value.width, u = r.value.height, h = 0, l = 0;
@@ -74,9 +74,9 @@ const O = C({
       const l = document.createElement("canvas"), g = l.getContext("2d");
       let i, n, e;
       c % 90 != 0 && console.error("\u65CB\u8F6C\u89D2\u5EA6\u5FC5\u987B\u662F90\u7684\u500D\u6570!");
-      const y = c / 90 % 4, s = { sx: 0, sy: 0, ex: 0, ey: 0 }, d = new Image();
+      const C = c / 90 % 4, s = { sx: 0, sy: 0, ex: 0, ey: 0 }, d = new Image();
       d.crossOrigin = "anonymous", d.src = o, d.onload = function() {
-        switch (i = d.width, n = d.height, e = i > n ? i : n, l.width = e * 2, l.height = e * 2, y) {
+        switch (i = d.width, n = d.height, e = i > n ? i : n, l.width = e * 2, l.height = e * 2, C) {
           case 0:
             s.sx = e, s.sy = e, s.ex = e + i, s.ey = e + n;
             break;
@@ -92,9 +92,9 @@ const O = C({
         }
         g.translate(e, e), g.rotate(c * Math.PI / 180), g.drawImage(d, 0, 0);
         var X = g.getImageData(s.sx, s.sy, s.ex, s.ey);
-        y % 2 == 0 ? (l.width = i, l.height = n) : (l.width = n, l.height = i), g.putImageData(X, 0, 0), h(l.toDataURL(u, a.quality));
+        C % 2 == 0 ? (l.width = i, l.height = n) : (l.width = n, l.height = i), g.putImageData(X, 0, 0), h(l.toDataURL(u, a.quality));
       };
-    }), w = () => new Promise((o) => {
+    }), y = () => new Promise((o) => {
       const c = t.ctx.getImageData(0, 0, r.value.width, r.value.height), u = B(c.data), h = document.createElement("canvas"), l = h.getContext("2d");
       h.width = u[2] - u[0], h.height = u[3] - u[1];
       const g = t.ctx.getImageData(...u);
@@ -109,26 +109,26 @@ const O = C({
       }) : o(n);
     }), S = () => {
       t.ctx.beginPath(), t.ctx.clearRect(0, 0, a.width, a.height), t.ctx.closePath(), setTimeout(() => {
-        m("change", "");
+        x("change", "");
       }, 1e3);
     };
     return L(() => {
       setTimeout(T, 100);
     }), M({
       clearCanvas: S,
-      createImg: w
+      createImg: y
     }), (o, c) => (W(), F("canvas", {
       ref_key: "vueSign",
       ref: r,
-      style: E({ background: o.bgColor }),
+      style: E({ background: p.bgColor }),
       onMousedown: k,
       onMousemove: D,
-      onMouseup: x,
-      onMouseleave: x,
-      onTouchstart: p(_, ["stop"]),
-      onTouchmove: p(R, ["stop"]),
-      onTouchend: p(v, ["stop"]),
-      onTouchcancel: p(v, ["stop"])
+      onMouseup: v,
+      onMouseleave: v,
+      onTouchstart: m(R, ["stop"]),
+      onTouchmove: m(_, ["stop"]),
+      onTouchend: m(w, ["stop"]),
+      onTouchcancel: m(w, ["stop"])
     }, null, 36));
   }
 });

package/es/src/switch/src/switch.mjs

@@ -0,0 +1,79 @@
+import { defineComponent as h, computed as r, openBlock as c, createElementBlock as o, normalizeClass as a, unref as l, normalizeStyle as V, withDirectives as k, createElementVNode as s, vModelCheckbox as B, toDisplayString as m, createCommentVNode as d, createBlock as T } from "vue";
+import { addUnit as w, createNamespace as C } from "../../../assets/ts/utils.mjs";
+import { Icon as N } from "../../icon/index.mjs";
+import "./style/index.css";
+const P = ["disabled"], S = { class: "is-text" }, z = h({
+  name: "k-switch"
+}), M = h({
+  ...z,
+  props: {
+    modelValue: { type: [Number, String, Boolean], default: !1 },
+    activeValue: { type: [Number, String, Boolean], default: !0 },
+    inactiveValue: { type: [Number, String, Boolean], default: !1 },
+    activeText: { default: "" },
+    inactiveText: { default: "" },
+    inlinePrompt: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    width: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: p }) {
+    const t = e, f = p, { n: i } = C("switch"), n = r({
+      get: () => t.modelValue === t.activeValue,
+      set: (u) => {
+        f("update:modelValue", u ? t.activeValue : t.inactiveValue), f("change", u ? t.activeValue : t.inactiveValue);
+      }
+    }), y = r(() => {
+      if (t.width)
+        return { width: w(t.width) };
+    }), b = r(() => t.inlinePrompt ? n.value ? t.activeText : t.inactiveText : "");
+    function g() {
+      t.disabled || (n.value = !n.value);
+    }
+    return (u, v) => (c(), o("div", {
+      class: a([l(i)(), { "is-checked": n.value, "is-disabled": e.disabled }]),
+      onClick: g,
+      style: V(y.value)
+    }, [
+      k(s("input", {
+        "onUpdate:modelValue": v[0] || (v[0] = (x) => n.value = x),
+        class: a(l(i)("input")),
+        type: "checkbox",
+        disabled: e.disabled
+      }, null, 10, P), [
+        [B, n.value]
+      ]),
+      !e.inlinePrompt && e.inactiveText ? (c(), o("span", {
+        key: 0,
+        class: a(l(i)("label--left"))
+      }, m(e.inactiveText), 3)) : d("", !0),
+      s("span", {
+        class: a(l(i)("core"))
+      }, [
+        e.inlinePrompt ? (c(), o("span", {
+          key: 0,
+          class: a(l(i)("inner"))
+        }, [
+          s("span", S, m(b.value), 1)
+        ], 2)) : d("", !0),
+        s("div", {
+          class: a(l(i)("action"))
+        }, [
+          e.loading ? (c(), T(l(N), {
+            key: 0,
+            class: a({ "is-loading": e.loading }),
+            name: "loading"
+          }, null, 8, ["class"])) : d("", !0)
+        ], 2)
+      ], 2),
+      !e.inlinePrompt && e.activeText ? (c(), o("span", {
+        key: 1,
+        class: a(l(i)("label--right"))
+      }, m(e.activeText), 3)) : d("", !0)
+    ], 6));
+  }
+});
+export {
+  M as default
+};

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

@@ -0,0 +1,49 @@
+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 b } from "../../icon/index.mjs";
+const k = {
+  key: 1,
+  class: "custom-icon"
+}, C = ["src"], x = s({
+  name: "k-text-button"
+}), N = s({
+  ...x,
+  props: {
+    size: { default: "small" },
+    icon: {},
+    color: { default: "#000000" },
+    bgColor: { default: "none" },
+    iconUrl: {},
+    disabled: { type: Boolean },
+    textColor: { default: "#000000" }
+  },
+  emits: [""],
+  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 })
+    }, [
+      e.icon ? (o(), m(t(b), {
+        key: 0,
+        name: e.icon,
+        color: e.color
+      }, null, 8, ["name", "color"])) : e.iconUrl ? (o(), n("span", k, [
+        r("img", {
+          src: e.iconUrl,
+          alt: ""
+        }, null, 8, C)
+      ])) : d("", !0),
+      r("span", {
+        class: c([t(l)("text")]),
+        style: a({ color: e.textColor })
+      }, [
+        u(i.$slots, "default")
+      ], 6)
+    ], 6));
+  }
+});
+export {
+  N as default
+};

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

@@ -6,7 +6,7 @@ import { Icon as W } from "../../icon/index.mjs";
 import { KCollapseTransition as fe } from "../../collapse-transition/index.mjs";
 import { KCheckbox as ue } from "../../checkbox/index.mjs";
 import "./style/index.css";
-import he from "../../../../../_virtual/plugin-vue_export-helper.mjs";
+import he from "../../../_virtual/plugin-vue_export-helper.mjs";
 let ge = 1;
 const j = 22, me = {
   children: "children",

package/es/src/upload/dragger.mjs

@@ -0,0 +1,51 @@
+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 = { class: "file-formatter" }, C = i({
+  name: "dragger"
+}), N = i({
+  ...C,
+  props: {
+    accept: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["getFilesList", "fileUpload"],
+  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 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, a) => (m(), v("div", {
+      class: g(["k-upload-dragger", { ["k-upload-draggerenter"]: r.value }]),
+      ref_key: "fileArea",
+      ref: u,
+      onClick: a[0] || (a[0] = (D) => n("fileUpload"))
+    }, [
+      o("div", A, [
+        F(k(y), {
+          class: "k-upload-icon",
+          name: "file-open",
+          size: 60,
+          style: { margin: "0 auto" }
+        }),
+        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))
+      ]),
+      o("div", B, "\u652F\u6301\u7684\u6587\u4EF6\u683C\u5F0F\u6709\uFF1A" + E(d.accept), 1)
+    ], 2));
+  }
+});
+export {
+  N as default
+};

package/es/{packages/components/src → 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

@@ -0,0 +1,221 @@
+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 = { 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 = V({
+  name: "k-upload-file"
+}), oe = V({
+  ...te,
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    isView: {
+      type: Boolean,
+      default: !0
+    },
+    accept: {
+      type: Array,
+      default: [".png", ".jpg", ".jpeg", ".webp", ".xls", ".pdf", ".xlsx", ".docx"]
+    },
+    limit: {
+      type: Number,
+      default: 1
+    },
+    type: {
+      type: String,
+      default: "image"
+    },
+    maxSize: {
+      type: Number,
+      default: 10
+    }
+  },
+  emits: ["limitError", "success", "deleteSuccess", "fileSizeError"],
+  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 = m.data, B(() => m.data, (i) => {
+      e.fileList = i;
+    }, { deep: !0 });
+    const z = () => {
+      f && f.hide(), R({
+        acceptType: m.accept,
+        limit: m.limit,
+        maxSize: v.value,
+        success: (i) => {
+          e.errFiles = new Array();
+          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: (i) => {
+          p("limitError"), e.errFiles = new Array();
+        },
+        fileSizeError: (i) => {
+          e.errFiles = i, p("fileSizeError", i);
+        }
+      });
+    }, 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 $({
+      clearFiles: () => {
+        e.fileList = new Array();
+      },
+      deleteFile: F
+    }), (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(i.$slots, "icon", {}, () => [
+              o("div", Z, [
+                o("div", q, [
+                  L(y(g), {
+                    name: "download",
+                    color: "#cccccc",
+                    size: "20"
+                  }),
+                  u[1] || (u[1] = o("span", null, "\u4E0A\u4F20\u9644\u4EF6", -1))
+                ])
+              ])
+            ])
+          ])
+        ])) : (t(), s("div", {
+          key: 1,
+          class: "btn-file-image",
+          onClick: C(z, ["stop"])
+        }, [
+          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,
+            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 ? (t(), S(y(g), {
+              key: 1,
+              name: "plus",
+              color: "#409eff"
+            })) : n("", !0)
+          ])
+        ]))
+      ]),
+      d(i.$slots, "files", {
+        data: e.fileList
+      }, () => [
+        r.type == "image" && r.limit > 1 ? (t(), s(k, { key: 0 }, [
+          e.fileList.length > 0 ? (t(), s("ul", {
+            key: 0,
+            class: b(["k-image-list", { "can-edit": !r.isView }])
+          }, [
+            (t(!0), s(k, null, w(e.fileList, (l, a) => (t(), s("li", { key: a }, [
+              o("div", J, [
+                l.type == "image/webp" ? (t(), s("img", {
+                  key: 0,
+                  src: l.url,
+                  onClick: h,
+                  title: l.name
+                }, 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" ? (t(), s("img", {
+                  key: 2,
+                  src: l.url,
+                  onClick: h,
+                  title: l.name
+                }, null, 8, Q)) : n("", !0)
+              ]),
+              r.isView ? n("", !0) : (t(), s("span", {
+                key: 0,
+                class: "k-file-icon-close",
+                onClick: (j) => F(a)
+              }, [
+                L(y(g), {
+                  name: "close",
+                  size: "12"
+                })
+              ], 8, W))
+            ]))), 128))
+          ], 2)) : n("", !0)
+        ], 64)) : n("", !0),
+        r.type == "file" ? (t(), s(k, { key: 1 }, [
+          e.fileList.length > 0 ? (t(), s("ul", {
+            key: 0,
+            class: b(["k-file-list", { "can-edit": !r.isView }])
+          }, [
+            (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: (j) => F(a)
+                }, [
+                  L(y(g), {
+                    name: "close",
+                    size: "12"
+                  })
+                ], 8, X))
+              ])
+            ]))), 128))
+          ], 2)) : n("", !0)
+        ], 64)) : n("", !0)
+      ]),
+      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(i.$slots, "sizeError", {
+        data: e.errFiles
+      }, () => [
+        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)
+      ])
+    ]));
+  }
+});
+export {
+  oe as default
+};

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

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