hys-ui 0.1.1 → 0.2.0

package/dist/components/HysMention/HysMention2.vue.js

@@ -1,12 +1,13 @@
-import { defineComponent as _, useModel as ee, ref as g, useId as te, computed as C, watch as S, onBeforeUnmount as ae, onDeactivated as le, openBlock as M, createElementBlock as D, mergeProps as N, unref as r, withDirectives as oe, createElementVNode as A, vModelText as ne, createBlock as ie, Teleport as re, Fragment as de, renderList as se, withModifiers as ue, normalizeClass as ce, renderSlot as ve, toDisplayString as O, createCommentVNode as fe, mergeModels as U, nextTick as K } from "vue";
-import { useHysRootAttrs as pe } from "../../config.js";
-import { useFloating as he } from "../../composables/useFloating.js";
-const me = ["placeholder", "disabled", "readonly", "maxlength", "aria-label", "aria-controls", "aria-expanded", "aria-activedescendant"], ge = ["id"], be = ["id", "disabled", "aria-selected", "data-active", "onPointerenter", "onClick"], ye = {
+import { defineComponent as te, useModel as ae, ref as g, useId as le, computed as k, watch as D, onBeforeUnmount as oe, onDeactivated as ne, openBlock as C, createElementBlock as F, mergeProps as O, unref as o, withDirectives as ie, createElementVNode as z, vModelText as re, createBlock as de, Teleport as se, Fragment as ue, renderList as ce, withModifiers as ve, normalizeClass as fe, renderSlot as pe, toDisplayString as U, createCommentVNode as he, mergeModels as K, nextTick as j } from "vue";
+import { useHysControlState as me } from "../../composables/formContext.js";
+import { useHysRootAttrs as ge } from "../../config.js";
+import { useFloating as be } from "../../composables/useFloating.js";
+const ye = ["placeholder", "disabled", "readonly", "maxlength", "aria-label", "aria-controls", "aria-expanded", "aria-activedescendant"], xe = ["id"], we = ["id", "disabled", "aria-selected", "data-active", "onPointerenter", "onClick"], ke = {
   class: "hys-ui-mention-avatar",
   "aria-hidden": "true"
-}, Ce = /* @__PURE__ */ _({
+}, Se = /* @__PURE__ */ te({
   __name: "HysMention",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ K({
     users: {},
     placeholder: {},
     disabled: { type: Boolean },
@@ -17,9 +18,9 @@ const me = ["placeholder", "disabled", "readonly", "maxlength", "aria-label", "a
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ U(["select", "change"], ["update:modelValue"]),
-  setup(c, { expose: j, emit: q }) {
-    const b = c, i = ee(c, "modelValue"), R = q, z = pe(), o = g(0), v = g(!1), T = g(!1), d = g(), V = g(), B = g(i.value.length), L = te(), J = C(() => d.value ? { getBoundingClientRect: X, contains: (e) => {
+  emits: /* @__PURE__ */ K(["select", "change"], ["update:modelValue"]),
+  setup(h, { expose: q, emit: J }) {
+    const M = h, { disabled: R, label: G } = me(M), r = ae(h, "modelValue"), T = J, H = ge(), n = g(0), c = g(!1), V = g(!1), d = g(), $ = g(), L = g(r.value.length), B = le(), Q = k(() => d.value ? { getBoundingClientRect: Z, contains: (e) => {
       var t;
       return !!((t = d.value) != null && t.contains(e));
     }, focus: () => {
@@ -28,62 +29,62 @@ const me = ["placeholder", "disabled", "readonly", "maxlength", "aria-label", "a
     }, get isConnected() {
       var e;
       return !!((e = d.value) != null && e.isConnected);
-    } } : void 0), { open: f, style: G, show: I, close: y, update: Q } = he(J, V, { gap: 6 }), $ = C(() => i.value.slice(0, B.value)), E = C(() => {
+    } } : void 0), { open: v, style: X, show: I, close: b, update: Y } = be(Q, $, { gap: 6 }), E = k(() => r.value.slice(0, L.value)), W = k(() => {
       var e;
-      return ((e = $.value.match(/@([^\s@]*)$/)) == null ? void 0 : e[1]) ?? null;
+      return ((e = E.value.match(/@([^\s@]*)$/)) == null ? void 0 : e[1]) ?? null;
     });
-    let n;
-    function W() {
-      n == null || n.remove(), n = void 0;
+    let i;
+    function A() {
+      i == null || i.remove(), i = void 0;
     }
-    function X() {
+    function Z() {
       const e = d.value, t = e.getBoundingClientRect();
       if (!t.width && !t.height) return t;
       const l = getComputedStyle(e);
-      n || (n = document.createElement("div"), n.setAttribute("aria-hidden", "true"), document.body.append(n));
-      for (const H of ["direction", "font", "font-family", "font-size", "font-weight", "font-style", "font-variant", "letter-spacing", "word-spacing", "text-transform", "text-indent", "text-align", "line-height", "padding-top", "padding-right", "padding-bottom", "padding-left", "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-style", "box-sizing", "tab-size"]) n.style.setProperty(H, l.getPropertyValue(H));
-      Object.assign(n.style, { position: "fixed", top: "0px", left: "-10000px", visibility: "hidden", pointerEvents: "none", height: "auto", overflow: "hidden", whiteSpace: e.wrap === "off" ? "pre" : "pre-wrap", overflowWrap: "break-word", wordBreak: l.wordBreak });
-      const a = parseFloat(l.borderLeftWidth) || 0, p = parseFloat(l.borderTopWidth) || 0;
-      n.style.width = (e.clientWidth || t.width - a - (parseFloat(l.borderRightWidth) || 0)) + a + (parseFloat(l.borderRightWidth) || 0) + "px";
-      const u = Math.max(0, $.value.lastIndexOf("@"));
-      n.textContent = i.value.slice(0, u);
-      const h = document.createElement("span");
-      h.textContent = i.value.slice(u) || "@", n.append(h);
-      const k = parseFloat(l.lineHeight) || (parseFloat(l.fontSize) || 14) * 1.6, m = t.left + h.offsetLeft + a - e.scrollLeft, F = t.top + h.offsetTop + p - e.scrollTop;
-      return { x: m, y: F, left: m, top: F, right: m + 1, bottom: F + k, width: 1, height: k, toJSON: () => ({ left: m, top: F, width: 1, height: k }) };
+      i || (i = document.createElement("div"), i.setAttribute("aria-hidden", "true"), document.body.append(i));
+      for (const N of ["direction", "font", "font-family", "font-size", "font-weight", "font-style", "font-variant", "letter-spacing", "word-spacing", "text-transform", "text-indent", "text-align", "line-height", "padding-top", "padding-right", "padding-bottom", "padding-left", "border-top-width", "border-right-width", "border-bottom-width", "border-left-width", "border-style", "box-sizing", "tab-size"]) i.style.setProperty(N, l.getPropertyValue(N));
+      Object.assign(i.style, { position: "fixed", top: "0px", left: "-10000px", visibility: "hidden", pointerEvents: "none", height: "auto", overflow: "hidden", whiteSpace: e.wrap === "off" ? "pre" : "pre-wrap", overflowWrap: "break-word", wordBreak: l.wordBreak });
+      const a = parseFloat(l.borderLeftWidth) || 0, f = parseFloat(l.borderTopWidth) || 0;
+      i.style.width = (e.clientWidth || t.width - a - (parseFloat(l.borderRightWidth) || 0)) + a + (parseFloat(l.borderRightWidth) || 0) + "px";
+      const u = Math.max(0, E.value.lastIndexOf("@"));
+      i.textContent = r.value.slice(0, u);
+      const p = document.createElement("span");
+      p.textContent = r.value.slice(u) || "@", i.append(p);
+      const w = parseFloat(l.lineHeight) || (parseFloat(l.fontSize) || 14) * 1.6, m = t.left + p.offsetLeft + a - e.scrollLeft, S = t.top + p.offsetTop + f - e.scrollTop;
+      return { x: m, y: S, left: m, top: S, right: m + 1, bottom: S + w, width: 1, height: w, toJSON: () => ({ left: m, top: S, width: 1, height: w }) };
     }
-    S(f, (e) => {
-      e || W();
-    }), ae(W), le(W);
-    const x = C(() => E.value === null || b.disabled || b.readonly || v.value || !T.value ? [] : b.users.filter((e) => e.name.toLocaleLowerCase().includes(E.value.toLocaleLowerCase())).slice(0, 8)), s = C(() => x.value.filter((e) => !e.disabled));
-    S(E, () => {
-      o.value = 0, v.value = !1;
-    }), S(x, (e) => {
-      o.value = Math.min(o.value, Math.max(0, s.value.length - 1)), e.length ? I() : y();
+    D(v, (e) => {
+      e || A();
+    }), oe(A), ne(A);
+    const y = k(() => W.value === null || R.value || M.readonly || c.value || !V.value ? [] : M.users.filter((e) => e.name.toLocaleLowerCase().includes(W.value.toLocaleLowerCase())).slice(0, 8)), s = k(() => y.value.filter((e) => !e.disabled));
+    D(W, () => {
+      n.value = 0, c.value = !1;
+    }), D(y, (e) => {
+      n.value = Math.min(n.value, Math.max(0, s.value.length - 1)), e.length ? I() : b();
     }, { flush: "post" });
-    async function w() {
+    async function x() {
       var e;
-      await K(), B.value = ((e = d.value) == null ? void 0 : e.selectionStart) ?? i.value.length, f.value && Q();
+      await j(), L.value = ((e = d.value) == null ? void 0 : e.selectionStart) ?? r.value.length, v.value && Y();
     }
-    S(i, () => void w(), { flush: "post" });
+    D(r, () => void x(), { flush: "post" });
     async function P(e) {
-      var p, u;
-      if (!e || e.disabled || b.disabled || b.readonly) return;
-      const t = $.value.replace(/@[^\s@]*$/, "@" + e.name + " "), l = i.value.slice(B.value), a = l.startsWith(" ") ? l.slice(1) : l;
-      i.value = t + a, v.value = !0, o.value = 0, y(), R("select", e), R("change", i.value), await K(), (p = d.value) == null || p.focus(), (u = d.value) == null || u.setSelectionRange(t.length, t.length), B.value = t.length;
+      var f, u;
+      if (!e || e.disabled || R.value || M.readonly) return;
+      const t = E.value.replace(/@[^\s@]*$/, "@" + e.name + " "), l = r.value.slice(L.value), a = l.startsWith(" ") ? l.slice(1) : l;
+      r.value = t + a, c.value = !0, n.value = 0, b(), T("select", e), T("change", r.value), await j(), (f = d.value) == null || f.focus(), (u = d.value) == null || u.setSelectionRange(t.length, t.length), L.value = t.length;
     }
-    function Y(e) {
+    function _(e) {
       var t, l;
       if (e.key === "Tab") {
-        v.value = !0, y();
+        c.value = !0, b();
         return;
       }
-      x.value.length && (e.key === "Escape" ? (e.preventDefault(), v.value = !0, y()) : e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), f.value ? o.value = (o.value + (e.key === "ArrowDown" ? 1 : -1) + Math.max(1, s.value.length)) % Math.max(1, s.value.length) : I(), (l = (t = V.value) == null ? void 0 : t.querySelector('[data-active="true"]')) == null || l.scrollIntoView({ block: "nearest" })) : e.key === "Enter" && !e.isComposing && s.value[o.value] && (e.preventDefault(), P(s.value[o.value])));
+      y.value.length && (e.key === "Escape" ? (e.preventDefault(), c.value = !0, b()) : e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), v.value ? n.value = (n.value + (e.key === "ArrowDown" ? 1 : -1) + Math.max(1, s.value.length)) % Math.max(1, s.value.length) : I(), (l = (t = $.value) == null ? void 0 : t.querySelector('[data-active="true"]')) == null || l.scrollIntoView({ block: "nearest" })) : e.key === "Enter" && !e.isComposing && s.value[n.value] && (e.preventDefault(), P(s.value[n.value])));
     }
-    function Z() {
-      v.value = !1, w(), R("change", i.value);
+    function ee() {
+      c.value = !1, x(), T("change", r.value);
     }
-    return j({ focus: () => {
+    return q({ focus: () => {
       var e;
       return (e = d.value) == null ? void 0 : e.focus();
     }, blur: () => {
@@ -91,75 +92,75 @@ const me = ["placeholder", "disabled", "readonly", "maxlength", "aria-label", "a
       return (e = d.value) == null ? void 0 : e.blur();
     } }), (e, t) => {
       var l;
-      return M(), D("div", N(r(z), { class: "hys-ui-ent-mention" }), [
-        oe(A("textarea", {
+      return C(), F("div", O(o(H), { class: "hys-ui-ent-mention" }), [
+        ie(z("textarea", {
           ref_key: "input",
           ref: d,
-          "onUpdate:modelValue": t[0] || (t[0] = (a) => i.value = a),
-          placeholder: c.placeholder || "输入 @ 提及成员",
-          disabled: c.disabled,
-          readonly: c.readonly,
-          maxlength: c.maxlength,
-          "aria-label": c.ariaLabel || "提及输入",
-          "aria-controls": r(f) ? r(L) : void 0,
-          "aria-expanded": r(f),
-          "aria-activedescendant": r(f) ? r(L) + "-" + ((l = s.value[o.value]) == null ? void 0 : l.id) : void 0,
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => r.value = a),
+          placeholder: h.placeholder || "输入 @ 提及成员",
+          disabled: o(R),
+          readonly: h.readonly,
+          maxlength: h.maxlength,
+          "aria-label": h.ariaLabel || o(G) || "提及输入",
+          "aria-controls": o(v) ? o(B) : void 0,
+          "aria-expanded": o(v),
+          "aria-activedescendant": o(v) ? o(B) + "-" + ((l = s.value[n.value]) == null ? void 0 : l.id) : void 0,
           role: "combobox",
-          onKeydown: Y,
-          onKeyup: w,
+          onKeydown: _,
+          onKeyup: x,
           onClick: t[1] || (t[1] = (a) => {
-            v.value = !1, w();
+            c.value = !1, x();
           }),
           onFocus: t[2] || (t[2] = (a) => {
-            T.value = !0, w();
+            V.value = !0, x();
           }),
           onBlur: t[3] || (t[3] = (a) => {
-            T.value = !1, r(y)();
+            V.value = !1, o(b)();
           }),
-          onInput: Z
-        }, null, 40, me), [
-          [ne, i.value]
+          onInput: ee
+        }, null, 40, ye), [
+          [re, r.value]
         ]),
-        (M(), ie(re, { to: "body" }, [
-          r(f) && x.value.length ? (M(), D("div", N({
+        (C(), de(se, { to: "body" }, [
+          o(v) && y.value.length ? (C(), F("div", O({
             key: 0,
-            id: r(L),
+            id: o(B),
             ref_key: "panel",
-            ref: V
-          }, r(z), {
+            ref: $
+          }, o(H), {
             class: "hys-ui-mention-list hys-ui-floating-surface",
-            style: { ...r(G), maxHeight: "min(240px,calc(100vh - 20px))" },
+            style: { ...o(X), maxHeight: "min(240px,calc(100vh - 20px))" },
             role: "listbox",
             "aria-label": "提及候选成员"
           }), [
-            (M(!0), D(de, null, se(x.value, (a) => {
-              var p, u, h;
-              return M(), D("button", {
-                id: r(L) + "-" + a.id,
+            (C(!0), F(ue, null, ce(y.value, (a) => {
+              var f, u, p;
+              return C(), F("button", {
+                id: o(B) + "-" + a.id,
                 key: a.id,
                 type: "button",
                 role: "option",
                 disabled: a.disabled,
-                "aria-selected": ((p = s.value[o.value]) == null ? void 0 : p.id) === a.id,
-                "data-active": ((u = s.value[o.value]) == null ? void 0 : u.id) === a.id,
-                class: ce({ "hys-ui-mention-active": ((h = s.value[o.value]) == null ? void 0 : h.id) === a.id }),
-                onMousedown: t[4] || (t[4] = ue(() => {
+                "aria-selected": ((f = s.value[n.value]) == null ? void 0 : f.id) === a.id,
+                "data-active": ((u = s.value[n.value]) == null ? void 0 : u.id) === a.id,
+                class: fe({ "hys-ui-mention-active": ((p = s.value[n.value]) == null ? void 0 : p.id) === a.id }),
+                onMousedown: t[4] || (t[4] = ve(() => {
                 }, ["prevent"])),
-                onPointerenter: (k) => !a.disabled && (o.value = s.value.findIndex((m) => m.id === a.id)),
-                onClick: (k) => P(a)
+                onPointerenter: (w) => !a.disabled && (n.value = s.value.findIndex((m) => m.id === a.id)),
+                onClick: (w) => P(a)
               }, [
-                ve(e.$slots, "option", { user: a }, () => [
-                  A("span", ye, O(a.name.slice(0, 1)), 1),
-                  A("span", null, O(a.name), 1)
+                pe(e.$slots, "option", { user: a }, () => [
+                  z("span", ke, U(a.name.slice(0, 1)), 1),
+                  z("span", null, U(a.name), 1)
                 ], !0)
-              ], 42, be);
+              ], 42, we);
             }), 128))
-          ], 16, ge)) : fe("", !0)
+          ], 16, xe)) : he("", !0)
         ]))
       ], 16);
     };
   }
 });
 export {
-  Ce as default
+  Se as default
 };

package/dist/components/HysNumberInput/HysNumberInput.vue.js

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