hys-ui 0.4.0 → 0.6.0

package/dist/components/HysSortableList/useSortWindow.js

@@ -0,0 +1,144 @@
+import { computed as d, ref as k, shallowRef as p, watch as F, onBeforeUnmount as q, nextTick as I } from "vue";
+import { layoutOf as K, keyToken as N } from "./model.js";
+const G = (n, u, l, s) => Number.isFinite(n) ? Math.min(s, Math.max(l, n)) : u;
+function H(n, u) {
+  let l = 0, s = n.length - 1;
+  for (; l < s; ) {
+    const m = Math.ceil((l + s) / 2);
+    n[m] <= u ? l = m : s = m - 1;
+  }
+  return Math.min(l, Math.max(0, n.length - 2));
+}
+function J(n, u, l, s, m) {
+  const x = d(
+    () => typeof n.virtual == "object" ? n.virtual : {}
+  ), c = d(() => K(n) === "horizontal"), v = k(0), L = k(0), z = k(0), y = k(0), h = /* @__PURE__ */ new Map(), R = p(0), b = d(() => {
+    if (K(n) !== "grid" || !n.virtual) return 1;
+    const e = x.value.columns;
+    return Math.floor(
+      G(
+        typeof e == "function" ? e(L.value) : e,
+        2,
+        1,
+        100
+      )
+    );
+  }), w = d(() => {
+    if (!n.virtual) return [0];
+    R.value;
+    const e = [0], t = G(
+      x.value.estimateSize,
+      c.value ? 160 : 48,
+      1,
+      2e3
+    ), a = b.value;
+    for (let o = 0; o < u.value.length; o += a) {
+      let i = 0;
+      for (let r = o; r < Math.min(o + a, u.value.length); r++)
+        i = Math.max(
+          i,
+          h.get(N(m(u.value[r]))) ?? t
+        );
+      e.push(e[e.length - 1] + i + y.value);
+    }
+    return e;
+  }), W = d(() => {
+    if (!n.virtual)
+      return { start: 0, end: u.value.length, before: 0, after: 0 };
+    const e = w.value, t = e.length - 1, a = Math.floor(G(x.value.overscan, 4, 1, 100)), o = Math.max(0, H(e, v.value) - a), i = Math.min(
+      t,
+      H(e, v.value + (z.value || 300)) + a + 1
+    );
+    return {
+      start: o * b.value,
+      end: Math.min(i * b.value, u.value.length),
+      before: Math.max(0, e[o] - y.value),
+      after: Math.max(0, e[t] - e[i] - y.value)
+    };
+  }), P = d(
+    () => u.value.slice(W.value.start, W.value.end)
+  ), O = d(() => {
+    if (!n.virtual) return;
+    const e = x.value.height ?? (c.value ? "auto" : 320);
+    return typeof e == "number" ? `${Math.max(1, e)}px` : e;
+  });
+  let g, f;
+  const M = /* @__PURE__ */ new Set();
+  function S() {
+    const e = l.value;
+    if (!e || !n.virtual) return;
+    v.value = c.value ? Math.abs(e.scrollLeft) : e.scrollTop, z.value = c.value ? e.clientWidth : e.clientHeight, L.value = e.clientWidth;
+    const t = s.value;
+    if (t) {
+      const a = getComputedStyle(t);
+      y.value = parseFloat(c.value ? a.columnGap : a.rowGap) || 0;
+    }
+  }
+  function T(e) {
+    const t = l.value;
+    t && (c.value ? t.scrollLeft = getComputedStyle(t).direction === "rtl" ? -e : e : t.scrollTop = e, S());
+  }
+  function U(e) {
+    const t = w.value, a = H(t, v.value);
+    let o = !1;
+    for (const i of e) {
+      const r = i.target, A = r.dataset.sortKey;
+      if (A === void 0 || !M.has(r)) continue;
+      const C = c.value ? r.offsetWidth : r.offsetHeight;
+      !C || h.get(A) === C || (h.set(A, C), o = !0);
+    }
+    if (o) {
+      R.value++;
+      const i = (w.value[a] ?? 0) - (t[a] ?? 0);
+      if (i && v.value > 0) {
+        const r = v.value;
+        I(() => {
+          v.value === r && T(r + i);
+        });
+      }
+    }
+  }
+  function j() {
+    if (!f || !s.value) return;
+    const e = new Set(
+      Array.from(s.value.children).filter(
+        (t) => t.hasAttribute("data-sort-key")
+      )
+    );
+    for (const t of M)
+      e.has(t) || (f.unobserve(t), M.delete(t));
+    for (const t of e)
+      M.has(t) || (M.add(t), f.observe(t));
+  }
+  function B() {
+    g == null || g.disconnect(), f == null || f.disconnect(), g = f = void 0, M.clear();
+  }
+  F(
+    [l, s, () => !!n.virtual, c],
+    () => {
+      B(), h.clear(), R.value++, !(!l.value || !n.virtual) && (S(), typeof ResizeObserver < "u" && (g = new ResizeObserver(S), g.observe(l.value), f = new ResizeObserver(U), j()));
+    },
+    { flush: "post" }
+  ), F(P, j, { flush: "post" }), F(u, (e) => {
+    if (!h.size) return;
+    const t = new Set(e.map((a) => N(m(a))));
+    for (const a of h.keys()) t.has(a) || h.delete(a);
+  }), q(B);
+  async function $(e) {
+    if (!n.virtual || e < 0) return;
+    const t = Math.floor(e / b.value), a = w.value[t], o = w.value[t + 1] - y.value;
+    a < v.value ? T(a) : o > v.value + z.value && T(Math.max(0, o - z.value)), await I();
+  }
+  return {
+    visibleItems: P,
+    range: W,
+    horizontal: c,
+    length: O,
+    columns: b,
+    reveal: $,
+    syncPosition: S
+  };
+}
+export {
+  J as useSortWindow
+};

package/dist/components/HysTextarea/HysTextarea.vue.js

@@ -1,10 +1,11 @@
-import { defineComponent as y, ref as v, useAttrs as c, computed as i, openBlock as B, createBlock as $, mergeProps as g, unref as b, createSlots as C, withCtx as l, renderSlot as r, normalizeProps as k, guardReactiveProps as w } from "vue";
-import x from "../HysInput/HysInput.vue.js";
+import { defineComponent as y, ref as v, useAttrs as B, computed as a, openBlock as x, createBlock as b, mergeProps as g, unref as w, createSlots as $, withCtx as s, renderSlot as r, normalizeProps as C, guardReactiveProps as k } from "vue";
+import P from "../HysInput/HysInput.vue.js";
 const I = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "HysTextarea",
   props: {
     modelValue: {},
+    modelModifiers: {},
     defaultValue: {},
     placeholder: {},
     label: {},
@@ -13,7 +14,10 @@ const I = /* @__PURE__ */ y({
     ariaLabel: {},
     error: {},
     status: {},
-    clearable: { type: Boolean },
+    clearable: { type: Boolean, default: void 0 },
+    allowClear: { type: Boolean },
+    addonBefore: {},
+    addonAfter: {},
     clearIcon: {},
     prefixIcon: {},
     suffixIcon: {},
@@ -34,24 +38,33 @@ const I = /* @__PURE__ */ y({
     autosize: { type: [Boolean, Object] },
     resize: { default: "vertical" },
     inputProps: {},
+    inputStyle: { type: [Boolean, null, String, Object, Array] },
+    inputmode: {},
+    tabindex: {},
+    form: {},
+    validateEvent: { type: Boolean, default: !0 },
     autofocus: { type: Boolean },
     selectOnFocus: { type: Boolean },
     bordered: { type: Boolean, default: !0 },
     round: { type: Boolean }
   },
-  emits: ["update:modelValue", "input", "change", "clear", "focus", "blur", "pressEnter", "compositionstart", "compositionupdate", "compositionend"],
-  setup(u, { expose: d, emit: m }) {
-    const a = u, s = m, n = v(), f = c();
+  emits: ["update:modelValue", "input", "change", "clear", "focus", "blur", "pressEnter", "keydown", "mouseenter", "mouseleave", "compositionstart", "compositionupdate", "compositionend"],
+  setup(p, { expose: d, emit: m }) {
+    const i = p, l = m, n = v(), f = B();
     return d({
-      input: i(() => {
+      element: a(() => {
         var e;
         return (e = n.value) == null ? void 0 : e.textarea;
       }),
-      textarea: i(() => {
+      input: a(() => {
         var e;
         return (e = n.value) == null ? void 0 : e.textarea;
       }),
-      isComposing: i(() => {
+      textarea: a(() => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.textarea;
+      }),
+      isComposing: a(() => {
         var e;
         return ((e = n.value) == null ? void 0 : e.isComposing) ?? !1;
       }),
@@ -75,71 +88,82 @@ const I = /* @__PURE__ */ y({
         var e;
         return ((e = n.value) == null ? void 0 : e.resize()) ?? Promise.resolve();
       },
+      resizeTextarea: () => {
+        var e;
+        return ((e = n.value) == null ? void 0 : e.resizeTextarea()) ?? Promise.resolve();
+      },
+      textareaStyle: a(() => {
+        var e;
+        return ((e = n.value) == null ? void 0 : e.textareaStyle) ?? {};
+      }),
       setSelectionRange: (e, o, t) => {
-        var p;
-        return (p = n.value) == null ? void 0 : p.setSelectionRange(e, o, t);
+        var u;
+        return (u = n.value) == null ? void 0 : u.setSelectionRange(e, o, t);
       },
       scrollTo: (e) => {
         var o;
         return (o = n.value) == null ? void 0 : o.scrollTo(e);
       }
-    }), (e, o) => (B(), $(x, g({
+    }), (e, o) => (x(), b(P, g({
       ref_key: "control",
       ref: n
-    }, { ...a, ...b(f) }, {
-      "show-count": a.showCount ?? a.maxlength !== void 0,
+    }, { ...i, ...w(f) }, {
+      "show-count": i.showCount ?? i.maxlength !== void 0,
       type: "textarea",
       class: "hys-ui-ex-field",
-      "onUpdate:modelValue": o[0] || (o[0] = (t) => s("update:modelValue", t)),
-      onInput: o[1] || (o[1] = (t) => s("input", t)),
-      onChange: o[2] || (o[2] = (t) => s("change", t)),
-      onClear: o[3] || (o[3] = (t) => s("clear")),
-      onFocus: o[4] || (o[4] = (t) => s("focus", t)),
-      onBlur: o[5] || (o[5] = (t) => s("blur", t)),
-      onPressEnter: o[6] || (o[6] = (t) => s("pressEnter", t)),
-      onCompositionstart: o[7] || (o[7] = (t) => s("compositionstart", t)),
-      onCompositionupdate: o[8] || (o[8] = (t) => s("compositionupdate", t)),
-      onCompositionend: o[9] || (o[9] = (t) => s("compositionend", t))
-    }), C({ _: 2 }, [
+      "onUpdate:modelValue": o[0] || (o[0] = (t) => l("update:modelValue", t)),
+      onInput: o[1] || (o[1] = (t) => l("input", t)),
+      onChange: o[2] || (o[2] = (t) => l("change", t)),
+      onClear: o[3] || (o[3] = (t) => l("clear")),
+      onFocus: o[4] || (o[4] = (t) => l("focus", t)),
+      onBlur: o[5] || (o[5] = (t) => l("blur", t)),
+      onPressEnter: o[6] || (o[6] = (t) => l("pressEnter", t)),
+      onKeydown: o[7] || (o[7] = (t) => l("keydown", t)),
+      onMouseenter: o[8] || (o[8] = (t) => l("mouseenter", t)),
+      onMouseleave: o[9] || (o[9] = (t) => l("mouseleave", t)),
+      onCompositionstart: o[10] || (o[10] = (t) => l("compositionstart", t)),
+      onCompositionupdate: o[11] || (o[11] = (t) => l("compositionupdate", t)),
+      onCompositionend: o[12] || (o[12] = (t) => l("compositionend", t))
+    }), $({ _: 2 }, [
       e.$slots.prefix ? {
         name: "prefix",
-        fn: l(() => [
+        fn: s(() => [
           r(e.$slots, "prefix")
         ]),
         key: "0"
       } : void 0,
       e.$slots.suffix ? {
         name: "suffix",
-        fn: l(() => [
+        fn: s(() => [
           r(e.$slots, "suffix")
         ]),
         key: "1"
       } : void 0,
       e.$slots.prepend ? {
         name: "prepend",
-        fn: l(() => [
+        fn: s(() => [
           r(e.$slots, "prepend")
         ]),
         key: "2"
       } : void 0,
       e.$slots.append ? {
         name: "append",
-        fn: l(() => [
+        fn: s(() => [
           r(e.$slots, "append")
         ]),
         key: "3"
       } : void 0,
       e.$slots["clear-icon"] ? {
         name: "clear-icon",
-        fn: l(() => [
+        fn: s(() => [
           r(e.$slots, "clear-icon")
         ]),
         key: "4"
       } : void 0,
       e.$slots.count ? {
         name: "count",
-        fn: l((t) => [
-          r(e.$slots, "count", k(w(t)))
+        fn: s((t) => [
+          r(e.$slots, "count", C(k(t)))
         ]),
         key: "5"
       } : void 0

package/dist/components/HysToast/HysToast.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysToast2.vue.js";
-/* empty css              */
+/* empty css          */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-eaff35fd"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f72ab805"]]);
 export {
-  s as default
+  f as default
 };