btt-ui 1.0.0

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

@@ -0,0 +1,67 @@
+.k-popper {
+  --k-arrow-size: 10px;
+  --k-popper-content-bg: var(--k-color-white);
+  border-radius: var(--k-radius-middle);
+  color: var(--k-color-black);
+  background-color: var(--k-popper-content-bg);
+  padding: 4px 12px;
+  border: 1px solid var(--k-border-color);
+  position: absolute;
+  white-space: nowrap;
+  transition: opacity var(--k-transition-duration);
+  font-size: 13px;
+  z-index: 1000;
+  width: -moz-max-content;
+  width: max-content;
+}
+.k-popper.is-light {
+  border-left: var(--k-border);
+  border-top: var(--k-border);
+}
+.k-popper.is-pure {
+  padding: 0px;
+}
+.k-popper.is-dark {
+  --k-popper-content-bg: var(--k-color-black);
+  color: var(--k-color-white);
+  border: none;
+}
+.k-popper.is-dark .k-popper__arrow {
+  border-color: transparent;
+}
+.k-popper__arrow {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  background: #fff;
+  transform: rotate(45deg);
+}
+
+[data-side^=bottom] .k-popper__arrow {
+  top: -5px;
+  border-top: var(--k-border);
+  border-left: var(--k-border);
+}
+
+[data-side^=top] .k-popper__arrow {
+  bottom: -5px;
+  border-bottom: var(--k-border);
+  border-right: var(--k-border);
+}
+
+[data-side^=right] .k-popper__arrow {
+  left: -5px;
+  border-left: var(--k-border);
+  border-bottom: var(--k-border);
+}
+
+[data-side^=left] .k-popper__arrow {
+  right: -5px;
+  border-right: var(--k-border);
+  border-top: var(--k-border);
+}
+
+.k-popper-fade-enter-from,
+.k-popper-fade-leave-to {
+  opacity: 0;
+}

package/es/src/popper/src/trigger.mjs

@@ -0,0 +1,68 @@
+import { defineComponent as v, inject as _, watch as $, onBeforeUnmount as F, openBlock as m, createBlock as R, unref as d, withCtx as b, renderSlot as g, normalizeProps as j, guardReactiveProps as O, createElementBlock as T, mergeProps as z } from "vue";
+import { composeEventHandlers as n, createNamespace as D } from "../../../assets/ts/utils.mjs";
+import { TriggerProps as H, PopperContextKey as K } from "./popper.mjs";
+import N from "./forward-ref.mjs";
+import "./style/index.css";
+const S = v({
+  name: "k-popper-trigger"
+}), J = v({
+  ...S,
+  props: H,
+  setup(k) {
+    const o = k, { n: f } = D("popper"), { onClose: u, onOpen: s, triggerRef: r } = _(K), E = (e) => {
+      var t;
+      r.value = e, (t = r == null ? void 0 : r.value) == null || t.classList.add(f("trigger"));
+    };
+    let c = !1;
+    const i = () => {
+      u(), c = !1;
+    }, L = n(o.onBlur, () => {
+      o.trigger === "focus" && u();
+    }), h = n(o.onFocus, () => {
+      o.trigger === "focus" ? s() : c || s();
+    }), w = n(o.onClick, (e) => {
+      o.trigger === "click" ? (s(), document.addEventListener("mouseup", i, { once: !0 })) : e.detail === 0 && u();
+    }), M = n(o.onMouseDown, () => {
+      c = !0, o.trigger !== "click" && o.trigger === "hover" && s(), document.addEventListener("mouseup", i, { once: !0 });
+    }), B = n(o.onMouseEnter, () => {
+      o.trigger === "hover" && s();
+    }), C = n(o.onMouseLeave, () => {
+      c || o.trigger === "hover" && u();
+    }), a = {
+      blur: L,
+      click: w,
+      focus: h,
+      mousedown: M,
+      mouseenter: B,
+      mouseleave: C
+    }, p = (e, t, P) => {
+      e && (Object.entries(t).forEach(([l, y]) => {
+        e[P](l, y);
+      }), e.addEventListener("mouseup", (l) => l.stopPropagation()));
+    };
+    return $(r, (e, t) => {
+      p(e, a, "addEventListener"), p(t, a, "removeEventListener");
+    }), F(() => {
+      p(r.value, a, "removeEventListener"), document.removeEventListener("mouseup", i);
+    }), (e, t) => e.nowrap ? (m(), R(d(N), {
+      key: 0,
+      "set-ref": E,
+      "only-child": ""
+    }, {
+      default: b(() => [
+        g(e.$slots, "default", j(O(e.$attrs)))
+      ]),
+      _: 3
+    })) : (m(), T("span", z({
+      key: 1,
+      ref_key: "triggerRef",
+      ref: r,
+      class: d(f)("trigger")
+    }, e.$attrs), [
+      g(e.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  J as default
+};

package/es/src/popper/src/use-floating.mjs

@@ -0,0 +1,38 @@
+import { computePosition as p } from "@floating-ui/dom";
+import { ref as t, onMounted as v, watchEffect as w, unref as a } from "vue";
+const y = ({ middleware: l, placement: c, strategy: r }) => {
+  const e = t(), o = t(), s = t(), u = t(), d = t({}), n = {
+    x: s,
+    y: u,
+    placement: c,
+    strategy: r,
+    middlewareData: d
+  };
+  async function f() {
+    if (!e.value || !o.value)
+      return;
+    const m = await p(e.value, o.value, {
+      middleware: a(l),
+      placement: a(c),
+      strategy: a(r)
+    });
+    Object.keys(n).forEach((i) => {
+      n[i].value = m[i];
+    });
+  }
+  return v(() => {
+    w(() => {
+      f();
+    });
+  }), {
+    ...n,
+    x: s,
+    y: u,
+    update: f,
+    referenceRef: e,
+    contentRef: o
+  };
+};
+export {
+  y as useFloating
+};

package/es/src/popper/src/use-nowrap.mjs

@@ -0,0 +1,13 @@
+import { getCurrentInstance as r, computed as o } from "vue";
+const a = () => {
+  const t = r();
+  return o(() => {
+    if (t != null && t.slots.default) {
+      const e = t == null ? void 0 : t.slots.default();
+      return !(!e[0] || e[0].shapeFlag === 8);
+    }
+  });
+};
+export {
+  a as useNowrap
+};

package/es/src/popper/src/use-popper-container.mjs

@@ -0,0 +1,14 @@
+import { onBeforeMount as t } from "vue";
+let o;
+const n = "k-popper-container-1996", c = () => (t(() => {
+  if (!o && !document.querySelector(`#${n}`)) {
+    const e = document.createElement("div");
+    e.id = n, o = e, document.body.appendChild(e);
+  }
+}), {
+  container: o,
+  selector: n
+});
+export {
+  c as usePopperContainer
+};

package/es/src/scroll/index.mjs

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

package/es/src/scroll/src/scroll.mjs

@@ -0,0 +1,88 @@
+import { defineComponent as g, ref as y, reactive as _, computed as s, onMounted as k, openBlock as o, createElementBlock as n, normalizeClass as r, unref as c, createElementVNode as C, normalizeStyle as B, renderSlot as b, createVNode as h, createCommentVNode as v } from "vue";
+import { createNamespace as D } from "../../../assets/ts/utils.mjs";
+import { Icon as f } from "../../icon/index.mjs";
+import "./style/index.css";
+const W = g({
+  name: "k-scroll"
+}), T = g({
+  ...W,
+  props: {
+    listData: { default: () => [] },
+    classOption: { default: () => ({
+      limitMoveNum: 0,
+      switchSingleStep: 210,
+      direction: 3,
+      autoPlay: !0
+    }) }
+  },
+  emits: [""],
+  setup(w, { emit: O }) {
+    const m = y(), { n: S } = D("scroll");
+    let u;
+    const t = w, e = _({
+      limitMoveNum: t.classOption.limitMoveNum,
+      switchSingleStep: t.classOption.switchSingleStep,
+      xPos: 0,
+      width: 0,
+      realBoxWidth: 0,
+      waitTime: t.classOption.direction * 1e3,
+      autoPlay: t.classOption.autoPlay,
+      switchDisabledClass: "disabled",
+      hasPaging: !0
+    }), x = s(() => {
+      let a = t.listData.length;
+      return e.xPos = e.limitMoveNum * e.switchSingleStep, e.realBoxWidth = e.switchSingleStep * a, {
+        width: `${e.realBoxWidth}px`,
+        transform: `translate(-${e.xPos}px, 0px)`,
+        transition: "all 400ms linear 0s"
+      };
+    }), i = s(() => e.xPos + e.width + e.switchSingleStep < e.realBoxWidth), M = s(() => i.value ? "" : e.switchDisabledClass), p = () => {
+      !i.value || (e.limitMoveNum = e.limitMoveNum > t.listData.length ? t.listData.length - 1 : e.limitMoveNum + 1);
+    }, N = () => {
+      e.limitMoveNum = e.limitMoveNum - 1 < 0 ? 0 : e.limitMoveNum - 1;
+    }, l = () => {
+      clearInterval(u);
+    }, P = () => {
+      d();
+    }, d = () => {
+      u = setInterval(() => {
+        i.value ? p() : e.limitMoveNum = 0;
+      }, e.waitTime);
+    };
+    return k(() => {
+      e.width = m.value.offsetWidth, e.width - e.realBoxWidth >= 0 ? e.hasPaging = !1 : e.autoPlay && d();
+    }), (a, z) => (o(), n("div", {
+      ref_key: "iscroll",
+      ref: m,
+      class: r([c(S)()])
+    }, [
+      C("div", {
+        class: "k-wrapper",
+        style: B(x.value),
+        onMouseenter: l,
+        onMouseleave: P
+      }, [
+        b(a.$slots, "default")
+      ], 36),
+      e.hasPaging ? (o(), n("span", {
+        key: 0,
+        class: r(["prev-btn", { disabled: e.xPos == 0 }]),
+        onClick: N,
+        onMouseenter: l
+      }, [
+        h(c(f), { name: "arrow-left" })
+      ], 34)) : v("", !0),
+      e.hasPaging ? (o(), n("span", {
+        key: 1,
+        class: r(["next-btn", M.value]),
+        onClick: p,
+        onMouseenter: l
+      }, [
+        h(c(f), { name: "arrow-right" })
+      ], 34)) : v("", !0)
+    ], 2));
+  }
+});
+export {
+  T as default
+};

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

@@ -0,0 +1,46 @@
+.k-scroll {
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+}
+.k-scroll .k-wrapper {
+  height: 100%;
+}
+.k-scroll .k-wrapper .ul-item {
+  display: inline-flex;
+  height: 100%;
+  align-items: center;
+}
+.k-scroll .prev-btn {
+  left: 10px;
+  position: absolute;
+  z-index: 2;
+  top: calc(50% - 15px);
+  width: 30px;
+  height: 30px;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 50%;
+  cursor: pointer;
+  color: #ffffff;
+  font-size: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.k-scroll .next-btn {
+  right: 10px;
+  position: absolute;
+  z-index: 2;
+  top: calc(50% - 15px);
+  width: 30px;
+  height: 30px;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 50%;
+  cursor: pointer;
+  color: #ffffff;
+  font-size: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

package/es/src/select/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall as t } from "../../assets/ts/utils.mjs";
+import o from "./src/select2.mjs";
+import m from "./src/option.mjs";
+const n = t(o), s = t(m);
+export {
+  s as KOption,
+  n as KSelect,
+  n as default
+};

package/es/src/select/src/option.mjs

@@ -0,0 +1,30 @@
+import { defineComponent as n, inject as d, computed as l, withDirectives as m, openBlock as f, createElementBlock as v, normalizeClass as h, unref as C, renderSlot as b, createTextVNode as k, toDisplayString as _, vShow as g } from "vue";
+import { createNamespace as S } from "../../../assets/ts/utils.mjs";
+import { OptionProps as w, SelectContextKey as V } from "./select.mjs";
+import "./style/index.css";
+const y = n({
+  name: "k-option"
+}), z = n({
+  ...y,
+  props: w,
+  emits: ["change"],
+  setup(a, { emit: s }) {
+    const e = d(V), t = a, i = s, { n: r } = S("select"), c = l(() => (e == null ? void 0 : e.selectValue.value) === t.value), u = l(() => e != null && e.filterable.value ? (t.value + "").indexOf((e == null ? void 0 : e.selectValue.value) + "") !== -1 : !0);
+    function p() {
+      t.disabled || (e == null || e.onChange(t.data), i("change", t.value));
+    }
+    return (o, B) => m((f(), v("li", {
+      class: h([C(r)("option"), { selected: c.value, "is-disabled": o.disabled }]),
+      onClick: p
+    }, [
+      b(o.$slots, "default", {}, () => [
+        k(_(o.label), 1)
+      ])
+    ], 2)), [
+      [g, u.value]
+    ]);
+  }
+});
+export {
+  z as default
+};

package/es/src/select/src/select.mjs

@@ -0,0 +1,32 @@
+const e = {
+  modelValue: {
+    type: [Number, String, Boolean, Object],
+    default: void 0
+  },
+  placeholder: {
+    type: String
+  },
+  clearable: Boolean,
+  filterable: {
+    type: Boolean
+  },
+  disabled: Boolean
+}, t = {
+  label: {
+    type: [String, Number]
+  },
+  value: {
+    type: [String, Number, Boolean, Object]
+  },
+  data: {
+    type: Object,
+    default: () => {
+    }
+  },
+  disabled: Boolean
+}, l = Symbol("SelectContextKey");
+export {
+  t as OptionProps,
+  l as SelectContextKey,
+  e as SelectProps
+};

package/es/src/select/src/select2.mjs

@@ -0,0 +1,89 @@
+import { defineComponent as C, reactive as R, ref as n, computed as r, provide as _, openBlock as E, createElementBlock as I, normalizeClass as s, unref as a, createVNode as V, mergeProps as P, withCtx as w, createElementVNode as u, normalizeStyle as z, renderSlot as K } from "vue";
+import { createNamespace as T } from "../../../assets/ts/utils.mjs";
+import { KInput as U } from "../../input/index.mjs";
+import { SelectProps as W, SelectContextKey as $ } from "./select.mjs";
+import { Tooltip as j } from "../../tooltip/index.mjs";
+import "./style/index.css";
+const q = C({
+  name: "k-select"
+}), L = C({
+  ...q,
+  props: W,
+  emits: ["update:modelValue", "change"],
+  setup(y, { emit: k }) {
+    var h;
+    const e = y, f = k, { n: o } = T("select"), B = R({
+      effect: "light",
+      pure: !0,
+      trigger: "click",
+      transitionName: "k-select-menu"
+    }), S = n(!1), d = n("arrow-down"), i = r({
+      get: () => e.modelValue,
+      set(l) {
+        b(l);
+      }
+    }), c = n(!1), m = n(), p = r(() => c.value && e.clearable && !!e.modelValue), v = r(() => e.filterable);
+    (h = document.getElementById("1")) == null || h.getBoundingClientRect;
+    const x = r(() => {
+      var t;
+      return { minWidth: (((t = m.value) == null ? void 0 : t.getBoundingClientRect().width) || 0) + "px" };
+    });
+    function b(l) {
+      let t = l;
+      f("change", l), f("update:modelValue", t.label), S.value = !1;
+    }
+    _($, {
+      onChange: b,
+      selectValue: i,
+      filterable: v
+    });
+    function M() {
+      e.disabled || e.clearable && e.modelValue && (d.value = "", c.value = !0);
+    }
+    function g() {
+      e.disabled || e.clearable && e.modelValue && (d.value = "arrow-down", c.value = !1);
+    }
+    return (l, t) => (E(), I("div", {
+      ref_key: "selectRef",
+      ref: m,
+      class: s([a(o)(), { clearable: p.value }])
+    }, [
+      V(a(j), P(B, { disabled: l.disabled }), {
+        content: w(() => [
+          u("div", {
+            class: s([a(o)("--dropdown")]),
+            style: z(x.value)
+          }, [
+            u("ul", {
+              class: s([a(o)("--list")])
+            }, [
+              K(l.$slots, "default")
+            ], 2)
+          ], 6)
+        ]),
+        default: w(() => [
+          u("div", {
+            class: s(a(o)("trigger")),
+            onMouseenter: M,
+            onMouseleave: g
+          }, [
+            V(a(U), {
+              modelValue: i.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (N) => i.value = N),
+              "suffix-icon": d.value,
+              clearable: p.value,
+              readonly: !v.value,
+              placeholder: l.placeholder,
+              disabled: l.disabled,
+              onClear: g
+            }, null, 8, ["modelValue", "suffix-icon", "clearable", "readonly", "placeholder", "disabled"])
+          ], 34)
+        ]),
+        _: 3
+      }, 16, ["disabled"])
+    ], 2));
+  }
+});
+export {
+  L as default
+};

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

@@ -0,0 +1,82 @@
+:root {
+  --k-select-hover-bg: var(--k-disabled-bg-color);
+  --k-select-active-color: var(--k-color-primary);
+}
+
+.k-select {
+  position: relative;
+  display: inline-flex;
+  cursor: pointer;
+}
+.k-select:not(.clearable) .k-select__trigger .k-input__suffix .k-icon {
+  transition: transform var(--k-transition-duration);
+}
+.k-select:not(.clearable) .k-select__trigger .is-focus .k-input__suffix .k-icon {
+  transform: rotate(-180deg);
+}
+
+.k-select--dropdown {
+  padding: 6px 0;
+  max-height: 274px;
+  overflow-y: auto;
+}
+.k-select--dropdown::-webkit-scrollbar {
+  opacity: 0;
+  width: 6px;
+}
+.k-select--dropdown::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 10px;
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+.k-select--dropdown:hover::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.k-select--dropdown .k-select--list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.k-select__option {
+  margin: 0;
+  padding: 0;
+  padding: 0 32px 0 20px;
+  position: relative;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: var(--k-text-color-regular);
+  height: 34px;
+  line-height: 34px;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+.k-select__option:hover:not(.is-disabled) {
+  background-color: var(--k-select-hover-bg);
+}
+.k-select__option.selected {
+  font-weight: 700;
+  color: var(--k-select-active-color);
+  background-color: var(--k-select-hover-bg);
+}
+.k-select__option.is-disabled {
+  color: var(--k-disabled-text-color);
+  cursor: not-allowed;
+}
+
+.k-select-menu-enter-active,
+.k-select-menu-leave-active {
+  transition: all 0.1s;
+  will-change: height;
+  transform-origin: top center;
+}
+
+.k-select-menu-enter-from,
+.k-select-menu-leave-to {
+  overflow: hidden;
+  transform: scaleY(0.5);
+  opacity: 0;
+}

package/es/src/shake/index.mjs

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

package/es/src/shake/shake.mjs

@@ -0,0 +1,25 @@
+import { defineComponent as a, watch as m, openBlock as n, createElementBlock as u, normalizeClass as d, renderSlot as r } from "vue";
+const c = a({
+  name: "k-shake"
+}), f = a({
+  ...c,
+  props: {
+    modelValue: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: o }) {
+    const t = l, s = o;
+    return m(() => t.modelValue, (e) => {
+      e && setTimeout(() => {
+        s("update:modelValue", !1);
+      }, 1e3);
+    }, { immediate: !0 }), (e, i) => (n(), u("div", {
+      class: d(["k-shake", { ["k-shakeactive"]: t.modelValue }])
+    }, [
+      r(e.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  f as default
+};

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

@@ -0,0 +1,20 @@
+@keyframes shake {
+  10%, 90% {
+    transform: translate3d(-1px, 0, 0);
+  }
+  20%, 80% {
+    transform: translate3d(2px, 0, 0);
+  }
+  30%, 70% {
+    transform: translate3d(-4px, 0, 0);
+  }
+  40%, 60% {
+    transform: translate3d(4px, 0, 0);
+  }
+  50%, 50% {
+    transform: translate3d(-4px, 0, 0);
+  }
+}
+.k-shake.k-shakeactive {
+  animation: shake 1s linear;
+}

package/es/src/sign/index.mjs

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