btt-ui 1.0.0

package/es/src/tree/src/use-drag.mjs

@@ -0,0 +1,52 @@
+import { ref as N } from "vue";
+import { isFunction as P } from "../../../assets/ts/utils.mjs";
+const I = (n, g, i) => {
+  const o = N({
+    draggingNode: {},
+    dropNode: {}
+  });
+  function t(a, r) {
+    const { draggingNode: d, dropNode: e } = o.value;
+    g(a, d, e, r);
+  }
+  function f() {
+    var u, v;
+    const { draggingNode: a, dropNode: r } = o.value, d = ((u = a == null ? void 0 : a.parent) == null ? void 0 : u.data) || a.store, e = ((v = r == null ? void 0 : r.parent) == null ? void 0 : v.data) || a.store, h = d === e, s = d.children.findIndex((l) => l === a.data), c = e.children.findIndex((l) => l === r.data);
+    h ? [e.children[s], e.children[c]] = [e.children[c], e.children[s]] : (d.children.splice(s, 1), e.children.push(a.data)), i();
+  }
+  function D(a) {
+    return {
+      onDragstart(r) {
+        r.stopPropagation(), o.value.draggingNode = a, o.value.dropNode = a, t("node-drag-start", r);
+      },
+      onDragenter(r) {
+        r.stopPropagation(), p(r.target, "is-dragging"), o.value.dropNode = a, t("node-drag-enter", r);
+      },
+      onDragleave(r) {
+        r.stopPropagation(), p(r.target, "is-dragging", !0), o.value.dropNode = a, t("node-drag-leave", r);
+      },
+      ondragover(r) {
+        r.preventDefault(), r.stopPropagation(), o.value.dropNode = a, t("node-drag-over", r);
+      },
+      ondragend(r) {
+        r.stopPropagation(), o.value.dropNode = a, t("node-drag-end", r);
+      },
+      onDrop(r) {
+        if (r.stopPropagation(), o.value.dropNode = a, p(r.target, "is-dragging", !0), P(n.allowDrop) && !n.allowDrop(o.value.draggingNode, o.value.dropNode, ""))
+          return !1;
+        f(), t("node-drop", r);
+      }
+    };
+  }
+  return {
+    createDragEvents: D,
+    dragState: o
+  };
+};
+function p(n, g, i = !1) {
+  i ? n.classList.remove(g) : n.classList.add(g);
+}
+export {
+  p as addClass,
+  I as useDrag
+};

package/es/src/upload/dragger.mjs

@@ -0,0 +1,51 @@
+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 "./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({
+  name: "dragger"
+}), N = i({
+  ...D,
+  props: {
+    accept: {
+      type: String,
+      default: ""
+    }
+  },
+  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);
+    });
+    const f = (e) => {
+      u.value = !0, t.value !== null && clearTimeout(t.value), t.value = window.setTimeout(() => {
+        u.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 }]),
+      ref_key: "fileArea",
+      ref: o,
+      onClick: n[0] || (n[0] = (L) => r("fileUpload"))
+    }, [
+      l("div", A, [
+        _(F(y), {
+          class: "k-upload-icon",
+          name: "file-open",
+          size: 60,
+          style: { margin: "0 auto" }
+        }),
+        B
+      ]),
+      l("div", C, "\u652F\u6301\u7684\u6587\u4EF6\u683C\u5F0F\u6709\uFF1A" + k(d.accept), 1)
+    ], 2));
+  }
+});
+export {
+  N as default
+};

package/es/src/upload/index.mjs

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

package/es/src/upload/style/drag.css

@@ -0,0 +1,36 @@
+.k-upload-dragger {
+  background-color: #fff;
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  box-sizing: border-box;
+  width: 360px;
+  height: 180px;
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+.k-upload-dragger:hover {
+  border: 1px dashed #409eff;
+}
+.k-upload-dragger .k-upload-content {
+  text-align: center;
+  color: #606266;
+}
+.k-upload-dragger .k-upload-content .k-upload-icon {
+  font-size: 20px;
+}
+.k-upload-dragger .k-upload-content em {
+  color: #409eff;
+  font-style: normal;
+}
+.k-upload-dragger .file-formatter {
+  font-size: 12px;
+  color: gray;
+  margin-top: 6px;
+}
+
+.k-upload-draggerenter {
+  border: 1px dashed #409eff;
+}

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

@@ -0,0 +1,40 @@
+.k-upload .k-upload-list .k-upload-list_item:first-child {
+  margin-top: 10px;
+}
+.k-upload .k-upload-list .k-upload-list_item {
+  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
+  font-size: 14px;
+  color: #606266;
+  line-height: 1.8;
+  margin-top: 5px;
+  position: relative;
+  box-sizing: border-box;
+  border-radius: 4px;
+  width: 100%;
+}
+.k-upload .k-upload-list .k-upload-list_item .k-upload-list_item-name {
+  color: #606266;
+  display: block;
+  margin-right: 40px;
+  overflow: hidden;
+  padding-left: 4px;
+  text-overflow: ellipsis;
+  transition: color 0.3s;
+  white-space: nowrap;
+}
+.k-upload .k-upload-list .k-upload-list_item .k-upload-list_item-status-label {
+  position: absolute;
+  right: 5px;
+  top: 5px;
+  line-height: inherit;
+}
+.k-upload .k-upload-list .k-upload-list_item:hover {
+  cursor: pointer;
+  background: #f5f7fa;
+}
+.k-upload .k-upload-list .k-upload-list_item:hover .k-upload-list_item-name {
+  color: #409eff;
+}
+.k-upload .k-upload-dragger-text {
+  margin-top: 6px;
+}

package/es/src/upload/upload.mjs

@@ -0,0 +1,76 @@
+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 "./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({
+  name: "k-upload"
+}), M = m({
+  ...q,
+  props: {
+    multiple: { type: Boolean },
+    accept: {},
+    drag: { type: Boolean },
+    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();
+    }, v = (t) => {
+      const o = t.target.files;
+      !o || (s.multiple ? e.value.push(...Array.from(o)) : e.value = [...o], a("getFilesList", e.value));
+    }, g = (t) => {
+      e.value.splice(t, 1), a("getFilesList", e.value);
+    }, h = (t) => {
+      e.value = t, a("getFilesList", t);
+    };
+    return f({
+      clear: () => {
+        e.value = new Array();
+      }
+    }), (t, o) => (l(), i("div", E, [
+      F(c("input", {
+        type: "file",
+        multiple: s.multiple,
+        accept: s.accept,
+        ref_key: "kIpt",
+        ref: n,
+        onChange: v
+      }, null, 40, U), [
+        [L, !1]
+      ]),
+      s.drag ? (l(), B(D, {
+        key: 1,
+        onGetFilesList: h,
+        onFileUpload: r,
+        accept: t.accept
+      }, null, 8, ["accept"])) : (l(), i("div", {
+        key: 0,
+        onClick: r
+      }, [
+        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", {
+          class: "k-upload-list_item",
+          key: u
+        }, [
+          c("div", G, N(y.name), 1),
+          c("div", j, [
+            S(V(A), {
+              name: "delete",
+              onClick: (x) => g(u)
+            }, null, 8, ["onClick"])
+          ])
+        ]))), 128))
+      ])) : $("", !0)
+    ]));
+  }
+});
+export {
+  M as default
+};

package/es/src/uploadFile/index.mjs

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

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

@@ -0,0 +1,131 @@
+.k-upload-file-wrapper {
+  --bg-li:#edebeb;
+  --text-li:#000;
+  --icon-close-color:#e50000;
+  --bg-li-hover:#c7d3ed;
+  --li-hover-border-color:#c7d3ed;
+  --upload-btn-border-color:#bdb4b4;
+  --border-color:#e1e1e1;
+  --error-text-color:red;
+}
+.k-upload-file-wrapper .k-image-list {
+  display: flex;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+.k-upload-file-wrapper .k-image-list li {
+  height: 60px;
+  width: 60px;
+  position: relative;
+  border: 1px solid transparent;
+  margin-bottom: 16px;
+  cursor: pointer;
+}
+.k-upload-file-wrapper .k-image-list li .img-wrapper {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.k-upload-file-wrapper .k-image-list li img {
+  width: 100%;
+}
+.k-upload-file-wrapper .k-image-list li .k-file-icon-close {
+  position: absolute;
+  background-color: #cf0707;
+  width: 18px;
+  height: 18px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  top: -8px;
+  right: -8px;
+  color: #fff;
+  cursor: pointer;
+  opacity: 0;
+  transition: all 0.3s;
+}
+.k-upload-file-wrapper .k-image-list.can-edit {
+  transition: all 0.3s;
+}
+.k-upload-file-wrapper .k-image-list.can-edit li:hover {
+  border: 1px solid var(--li-hover-border-color);
+}
+.k-upload-file-wrapper .k-image-list.can-edit li:hover .k-file-icon-close {
+  opacity: 1;
+}
+.k-upload-file-wrapper .k-file-list li {
+  display: flex;
+  justify-content: space-between;
+  padding: 4px 10px;
+  background-color: var(--bg-li);
+  margin-bottom: 10px;
+  color: var(--text-li);
+  transition: all 0.3s;
+  border: 1px solid transparent;
+  align-items: center;
+}
+.k-upload-file-wrapper .k-file-list li .k-file-icon-close {
+  color: var(--icon-close-color);
+  opacity: 0;
+  transition: all 0.18s;
+  transform: scale(0);
+}
+.k-upload-file-wrapper .k-file-list.can-edit li:hover {
+  border: 1px solid var(--li-hover-border-color);
+  background-color: var(--bg-li-hover);
+}
+.k-upload-file-wrapper .k-file-list.can-edit li:hover .k-file-icon-close {
+  cursor: pointer;
+  opacity: 1;
+  transform: scale(1);
+}
+.k-upload-file-wrapper .k-file-extensions-desc {
+  font-size: 12px;
+  color: #a19393;
+  margin-top: 10px;
+}
+.k-upload-file-wrapper .btn-file-image {
+  display: inline-flex;
+  width: 100px;
+  height: 100px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: 1px dashed var(--border-color);
+  margin-bottom: 10px;
+  transition: all 0.3s;
+  overflow: hidden;
+}
+.k-upload-file-wrapper .btn-file-image img {
+  width: 100%;
+}
+.k-upload-file-wrapper .btn-file-image .k-icon {
+  color: var(--border-color);
+  font-size: 30px;
+  transition: all 0.3s;
+}
+.k-upload-file-wrapper .btn-file-image:hover {
+  border-color: var(--bg-li-hover);
+}
+.k-upload-file-wrapper .btn-file-image:hover .k-icon {
+  color: var(--bg-li-hover);
+}
+.k-upload-file-wrapper .error-tip {
+  color: var(--error-text-color);
+}
+.k-upload-file-wrapper .upload-btn-section .btn-box {
+  width: 120px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  border: 1px solid var(--upload-btn-border-color);
+  color: var(--upload-btn-border-color);
+  border-radius: 4px;
+  cursor: pointer;
+  margin-bottom: 10px;
+}

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

@@ -0,0 +1,209 @@
+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 "./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" }, _ = {
+  key: 0,
+  class: "error-tip"
+}, ee = { key: 0 }, te = b({
+  name: "k-upload-file"
+}), ae = b({
+  ...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: 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({
+      fileList: new Array(),
+      errFiles: new Array()
+    });
+    e.fileList = c.data, N(() => c.data, (t) => {
+      e.fileList = t;
+    }, { deep: !0 });
+    const z = () => {
+      f && f.hide(), R({
+        acceptType: c.accept,
+        limit: c.limit,
+        maxSize: A.value,
+        success: (t) => {
+          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);
+        },
+        limitError: (t) => {
+          p("limitError"), e.errFiles = new Array();
+        },
+        fileSizeError: (t) => {
+          e.errFiles = t, p("fileSizeError", t);
+        }
+      });
+    }, 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();
+    };
+    return V({
+      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, [
+          o("span", { onClick: z }, [
+            d(t.$slots, "icon", {}, () => [
+              o("div", Z, [
+                o("div", q, [
+                  E(y(k), {
+                    name: "download",
+                    color: "#cccccc",
+                    size: "20"
+                  }),
+                  G
+                ])
+              ])
+            ])
+          ])
+        ])) : (i(), s("div", {
+          key: 1,
+          class: "btn-file-image",
+          onClick: B(z, ["stop"])
+        }, [
+          e.fileList.length > 0 && r.limit == 1 ? (i(), s("img", {
+            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), {
+              key: 0,
+              name: "plus",
+              color: "#409eff"
+            })) : n("", !0),
+            r.limit > 1 ? (i(), C(y(k), {
+              key: 1,
+              name: "plus",
+              color: "#409eff"
+            })) : n("", !0)
+          ])
+        ]))
+      ]),
+      d(t.$slots, "files", {
+        data: e.fileList
+      }, () => [
+        r.type == "image" && r.limit > 1 ? (i(), s(g, { key: 0 }, [
+          e.fileList.length > 0 ? (i(), s("ul", {
+            key: 0,
+            class: S(["k-image-list", { "can-edit": !r.isView }])
+          }, [
+            (i(!0), s(g, null, L(e.fileList, (l, u) => (i(), s("li", { key: u }, [
+              o("div", J, [
+                l.type == "image/webp" ? (i(), s("img", {
+                  key: 0,
+                  src: l.url,
+                  onClick: h,
+                  title: l.name
+                }, null, 8, K)) : l.type == "image/png" ? (i(), 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", {
+                  key: 2,
+                  src: l.url,
+                  onClick: h,
+                  title: l.name
+                }, null, 8, Q)) : n("", !0)
+              ]),
+              r.isView ? n("", !0) : (i(), s("span", {
+                key: 0,
+                class: "k-file-icon-close",
+                onClick: (x) => F(u)
+              }, [
+                E(y(k), {
+                  name: "close",
+                  size: "12"
+                })
+              ], 8, W))
+            ]))), 128))
+          ], 2)) : n("", !0)
+        ], 64)) : n("", !0),
+        r.type == "file" ? (i(), s(g, { key: 1 }, [
+          e.fileList.length > 0 ? (i(), s("ul", {
+            key: 0,
+            class: S(["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", {
+                  key: 0,
+                  class: "k-file-icon-close",
+                  onClick: (x) => F(u)
+                }, [
+                  E(y(k), {
+                    name: "close",
+                    size: "12"
+                  })
+                ], 8, X))
+              ])
+            ]))), 128))
+          ], 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(t.$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)
+          ]))), 128))
+        ])) : n("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  ae as default
+};

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

@@ -0,0 +1,17 @@
+const f = new Array(), u = (e) => {
+  e = { ...{
+    acceptType: f
+  }, ...e };
+  let t = document.createElement("form");
+  t.style.display = "none", document.body.appendChild(t);
+  let l = document.createElement("input");
+  l.type = "file", e.limit > 1 && (l.multiple = "multiple"), e.acceptType.length > 0 && (l.accept = e.acceptType.join(",")), l.onchange = (r) => {
+    let c = r.target.files, a = new Array();
+    for (let i = 0; i < c.length; i++)
+      c[i].size > e.maxSize && a.push(c[i]);
+    a.length > 0 ? e.fileSizeError && e.fileSizeError(a) : r.target.files.length > e.limit ? e.limitError && e.limitError(r.target.files) : e.success && e.success(r.target.files), t.reset();
+  }, t.appendChild(l), l.click();
+};
+export {
+  u as uploadImg
+};

package/es/src/wheel/index.mjs

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

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

@@ -0,0 +1,5 @@
+.mouse-wheel-wrapper {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}

package/es/src/wheel/wheel.mjs

@@ -0,0 +1,45 @@
+import { defineComponent as o, ref as u, onMounted as a, watch as m, nextTick as c, onUnmounted as d, openBlock as f, createElementBlock as p, createElementVNode as i, renderSlot as _ } from "vue";
+import h from "better-scroll";
+import "./style/index.css";
+const b = o({
+  name: "k-mouse-wheel"
+}), W = o({
+  ...b,
+  props: {
+    data: { default: () => [] },
+    scrollbar: { default: () => null }
+  },
+  emits: [""],
+  setup(l, { expose: n, emit: k }) {
+    const r = u(), t = l;
+    let e;
+    return a(() => {
+      e = new h(r.value, {
+        mouseWheel: !0,
+        scrollbar: t.scrollbar
+      });
+    }), m(() => t.data, () => {
+      c(() => {
+        e && e.refresh();
+      });
+    }, {
+      immediate: !0,
+      deep: !0
+    }), n({
+      bs: () => e
+    }), d(() => {
+      e.destroy(), e = null;
+    }), (s, w) => (f(), p("div", {
+      ref_key: "refMouseWheel",
+      ref: r,
+      class: "mouse-wheel-wrapper"
+    }, [
+      i("ul", null, [
+        _(s.$slots, "default")
+      ])
+    ], 512));
+  }
+});
+export {
+  W as default
+};