hys-ui 0.1.0 → 0.1.1

package/dist/components/HysSteps/HysSteps2.vue.js

@@ -1,25 +1,26 @@
-import { defineComponent as k, openBlock as s, createElementBlock as c, mergeProps as d, unref as n, Fragment as l, renderList as f, normalizeClass as m, createElementVNode as u, createBlock as i, createTextVNode as b, toDisplayString as o, createCommentVNode as g } from "vue";
+import { defineComponent as h, openBlock as s, createElementBlock as c, mergeProps as k, unref as n, Fragment as l, renderList as b, normalizeClass as f, createElementVNode as u, createBlock as i, createTextVNode as m, toDisplayString as a, createCommentVNode as g } from "vue";
 import { useHysRootAttrs as v } from "../../config.js";
 import { Check as C, CircleAlert as B } from "lucide-vue-next";
-const p = ["aria-current"], z = ["disabled", "onClick"], A = { key: 1 }, N = { key: 2 }, D = /* @__PURE__ */ k({
+const z = ["aria-current"], A = ["disabled", "onClick"], N = { key: 1 }, V = { key: 2 }, w = /* @__PURE__ */ h({
   __name: "HysSteps",
   props: {
     items: {},
     current: {},
     vertical: { type: Boolean },
     clickable: { type: Boolean },
+    disabled: { type: Boolean },
     status: {}
   },
   emits: ["update:current", "change"],
   setup(e, { emit: y }) {
-    const h = v(), a = y;
-    return (V, j) => (s(), c("ol", d(n(h), {
+    const d = v(), o = y;
+    return (j, E) => (s(), c("ol", k(n(d), {
       class: ["hys-ui-ex-steps", { "hys-ui-steps-vertical": e.vertical }],
       "aria-label": "流程进度"
     }), [
-      (s(!0), c(l, null, f(e.items, (t, r) => (s(), c("li", {
+      (s(!0), c(l, null, b(e.items, (t, r) => (s(), c("li", {
         key: r,
-        class: m({ "hys-ui-done": r < e.current, "hys-ui-active": r === e.current, "hys-ui-step-error": r === e.current && e.status === "error" }),
+        class: f({ "hys-ui-done": r < e.current, "hys-ui-active": r === e.current && e.status !== "wait", "hys-ui-step-error": r === e.current && e.status === "error" }),
         "aria-current": r === e.current ? "step" : void 0
       }, [
         u("span", null, [
@@ -30,24 +31,24 @@ const p = ["aria-current"], z = ["disabled", "onClick"], A = { key: 1 }, N = { k
             key: 1,
             size: 14
           })) : (s(), c(l, { key: 2 }, [
-            b(o(r + 1), 1)
+            m(a(r + 1), 1)
           ], 64))
         ]),
         u("div", null, [
           e.clickable ? (s(), c("button", {
             key: 0,
             type: "button",
-            disabled: typeof t == "object" && t.disabled,
-            onClick: (E) => {
-              a("update:current", r), a("change", r);
+            disabled: e.disabled || typeof t == "object" && t.disabled,
+            onClick: (H) => {
+              o("update:current", r), o("change", r);
             }
-          }, o(typeof t == "string" ? t : t.title), 9, z)) : (s(), c("strong", A, o(typeof t == "string" ? t : t.title), 1)),
-          typeof t == "object" && t.description ? (s(), c("small", N, o(t.description), 1)) : g("", !0)
+          }, a(typeof t == "string" ? t : t.title), 9, A)) : (s(), c("strong", N, a(typeof t == "string" ? t : t.title), 1)),
+          typeof t == "object" && t.description ? (s(), c("small", V, a(t.description), 1)) : g("", !0)
         ])
-      ], 10, p))), 128))
+      ], 10, z))), 128))
     ], 16));
   }
 });
 export {
-  D as default
+  w as default
 };

package/dist/components/HysSwitch/HysSwitch.vue.js

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

package/dist/components/HysSwitch/HysSwitch2.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as h, ref as y, openBlock as i, createElementBlock as o, mergeProps as f, unref as c, createElementVNode as r, normalizeClass as b, createBlock as g, createCommentVNode as u, toDisplayString as v } from "vue";
-import { LoaderCircle as x } from "lucide-vue-next";
-import { useHysRootAttrs as V } from "../../config.js";
-const k = ["aria-label", "aria-checked", "aria-busy", "disabled"], C = { key: 0 }, z = /* @__PURE__ */ h({
+import { defineComponent as g, ref as x, watch as V, onActivated as k, onDeactivated as C, onBeforeUnmount as T, openBlock as s, createElementBlock as u, mergeProps as w, unref as d, createElementVNode as f, normalizeClass as B, createBlock as A, createCommentVNode as m, toDisplayString as L } from "vue";
+import { LoaderCircle as z } from "lucide-vue-next";
+import { useHysRootAttrs as D } from "../../config.js";
+const E = ["aria-label", "aria-checked", "aria-busy", "disabled"], H = { key: 0 }, F = /* @__PURE__ */ g({
   __name: "HysSwitch",
   props: {
     modelValue: { type: Boolean },
@@ -13,44 +13,55 @@ const k = ["aria-label", "aria-checked", "aria-busy", "disabled"], C = { key: 0
     beforeChange: { type: Function }
   },
   emits: ["update:modelValue", "change", "error"],
-  setup(e, { emit: s }) {
-    const a = e, l = s, d = V(), t = y(!1);
-    async function m() {
-      if (!(a.disabled || a.loading || t.value)) {
-        t.value = !0;
-        try {
-          if (a.beforeChange && await a.beforeChange() === !1) return;
-          l("update:modelValue", !a.modelValue), l("change", !a.modelValue);
-        } catch (n) {
-          l("error", n);
-        } finally {
-          t.value = !1;
-        }
+  setup(e, { emit: h }) {
+    const a = e, c = h, y = D(), t = x(!1);
+    let l = 0, i = !0;
+    function r() {
+      l++, t.value = !1;
+    }
+    V(() => [a.disabled, a.loading, a.modelValue], r, { flush: "sync" }), k(() => {
+      i = !0;
+    }), C(() => {
+      i = !1, r();
+    }), T(() => {
+      i = !1, r();
+    });
+    async function v() {
+      if (!i || a.disabled || a.loading || t.value) return;
+      const n = ++l, o = !a.modelValue;
+      t.value = !0;
+      try {
+        if (a.beforeChange && await a.beforeChange(o) === !1 || !i || n !== l || a.disabled || a.loading) return;
+        c("update:modelValue", o), c("change", o);
+      } catch (b) {
+        i && n === l && c("error", b);
+      } finally {
+        n === l && (t.value = !1);
       }
     }
-    return (n, T) => (i(), o("span", f(c(d), { class: "hys-ui-switch-wrap" }), [
-      r("button", {
+    return (n, o) => (s(), u("span", w(d(y), { class: "hys-ui-switch-wrap" }), [
+      f("button", {
         type: "button",
         role: "switch",
         "aria-label": e.ariaLabel || e.activeText || e.inactiveText || "切换",
         "aria-checked": e.modelValue,
         "aria-busy": e.loading || t.value,
-        class: b(["hys-ui-switch", { "hys-ui-on": e.modelValue }]),
+        class: B(["hys-ui-switch", { "hys-ui-on": e.modelValue }]),
         disabled: e.disabled || e.loading || t.value,
-        onClick: m
+        onClick: v
       }, [
-        r("span", null, [
-          e.loading || t.value ? (i(), g(c(x), {
+        f("span", null, [
+          e.loading || t.value ? (s(), A(d(z), {
             key: 0,
             class: "hys-ui-icon-spin",
             size: 12
-          })) : u("", !0)
+          })) : m("", !0)
         ])
-      ], 10, k),
-      e.activeText || e.inactiveText ? (i(), o("span", C, v(e.modelValue ? e.activeText : e.inactiveText), 1)) : u("", !0)
+      ], 10, E),
+      e.activeText || e.inactiveText ? (s(), u("span", H, L(e.modelValue ? e.activeText : e.inactiveText), 1)) : m("", !0)
     ], 16));
   }
 });
 export {
-  z as default
+  F as default
 };

package/dist/components/HysTable/HysTable.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysTable2.vue.js";
 /* empty css              */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-31cf795a"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dcb04505"]]);
 export {
-  m as default
+  p as default
 };

package/dist/components/HysTable/HysTable2.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as S, ref as $, computed as A, openBlock as s, createElementBlock as o, mergeProps as T, unref as h, createElementVNode as d, toDisplayString as c, createCommentVNode as C, Fragment as u, renderList as g, normalizeStyle as f, createTextVNode as k, createBlock as x, resolveDynamicComponent as D, renderSlot as b, normalizeClass as V } from "vue";
-import { ChevronDown as E, ChevronUp as H } from "lucide-vue-next";
+import { defineComponent as $, ref as A, computed as D, openBlock as s, createElementBlock as l, mergeProps as T, unref as h, createElementVNode as d, toDisplayString as c, createCommentVNode as C, Fragment as u, renderList as b, normalizeStyle as f, createTextVNode as k, createBlock as x, resolveDynamicComponent as V, normalizeClass as w, renderSlot as g } from "vue";
+import { ChevronsUpDown as p, ChevronDown as E, ChevronUp as H } from "lucide-vue-next";
 import { useHysRootAttrs as K } from "../../config.js";
-const R = ["aria-busy"], p = { class: "hys-ui-data-table" }, F = { key: 0 }, L = ["aria-sort"], P = ["onClick"], U = { key: 0 }, j = ["colspan"], q = ["onClick"], G = { key: 0 }, I = ["colspan"], Q = /* @__PURE__ */ S({
+const R = ["aria-busy"], U = { class: "hys-ui-data-table" }, F = { key: 0 }, L = ["aria-sort"], P = ["onClick"], j = { key: 0 }, q = ["colspan"], G = ["onClick"], I = { key: 0 }, J = ["colspan"], X = /* @__PURE__ */ $({
   __name: "HysTable",
   props: {
     columns: {},
@@ -16,37 +16,41 @@ const R = ["aria-busy"], p = { class: "hys-ui-data-table" }, F = { key: 0 }, L =
     rowClassName: {}
   },
   emits: ["rowClick", "sortChange"],
-  setup(t, { emit: w }) {
-    const v = t, m = w, z = K(), a = $(null), B = A(() => a.value ? [...v.rows].sort((l, n) => String(l[a.value.key] ?? "").localeCompare(String(n[a.value.key] ?? ""), "zh-CN", { numeric: !0 }) * (a.value.direction === "asc" ? 1 : -1)) : v.rows);
-    function N(l) {
-      var n;
-      l.sortable && (a.value = ((n = a.value) == null ? void 0 : n.key) !== l.key ? { key: l.key, direction: "asc" } : a.value.direction === "asc" ? { key: l.key, direction: "desc" } : null, m("sortChange", a.value));
+  setup(t, { emit: z }) {
+    const v = t, m = z, B = K(), a = A(null), N = D(() => a.value ? [...v.rows].sort((o, i) => String(o[a.value.key] ?? "").localeCompare(String(i[a.value.key] ?? ""), "zh-CN", { numeric: !0 }) * (a.value.direction === "asc" ? 1 : -1)) : v.rows);
+    function S(o) {
+      var i;
+      o.sortable && (a.value = ((i = a.value) == null ? void 0 : i.key) !== o.key ? { key: o.key, direction: "asc" } : a.value.direction === "asc" ? { key: o.key, direction: "desc" } : null, m("sortChange", a.value));
     }
-    return (l, n) => (s(), o("div", T(h(z), {
+    return (o, i) => (s(), l("div", T(h(B), {
       class: ["hys-ui-table-scroll", [{ "hys-ui-table-striped": t.striped, "hys-ui-table-bordered": t.bordered }, "hys-ui-table-" + t.size]],
       "aria-busy": t.loading
     }), [
-      d("table", p, [
-        t.caption ? (s(), o("caption", F, c(t.caption), 1)) : C("", !0),
+      d("table", U, [
+        t.caption ? (s(), l("caption", F, c(t.caption), 1)) : C("", !0),
         d("thead", null, [
           d("tr", null, [
-            (s(!0), o(u, null, g(t.columns, (e) => {
-              var r, y;
-              return s(), o("th", {
+            (s(!0), l(u, null, b(t.columns, (e) => {
+              var r, y, n;
+              return s(), l("th", {
                 key: e.key,
                 scope: "col",
                 "aria-sort": e.sortable ? ((r = a.value) == null ? void 0 : r.key) === e.key ? a.value.direction === "asc" ? "ascending" : "descending" : "none" : void 0,
                 style: f({ width: typeof e.width == "number" ? e.width + "px" : e.width, textAlign: e.align })
               }, [
-                e.sortable ? (s(), o("button", {
+                e.sortable ? (s(), l("button", {
                   key: 0,
                   type: "button",
                   class: "hys-ui-table-sort",
-                  onClick: (i) => N(e)
+                  onClick: (M) => S(e)
                 }, [
                   k(c(e.label), 1),
-                  (s(), x(D(((y = a.value) == null ? void 0 : y.key) === e.key && a.value.direction === "desc" ? h(E) : h(H)), { size: 13 }))
-                ], 8, P)) : (s(), o(u, { key: 1 }, [
+                  (s(), x(V(((y = a.value) == null ? void 0 : y.key) !== e.key ? h(p) : a.value.direction === "desc" ? h(E) : h(H)), {
+                    size: 13,
+                    "aria-hidden": "true",
+                    class: w({ "hys-ui-table-sorted": ((n = a.value) == null ? void 0 : n.key) === e.key })
+                  }, null, 8, ["class"]))
+                ], 8, P)) : (s(), l(u, { key: 1 }, [
                   k(c(e.label), 1)
                 ], 64))
               ], 12, L);
@@ -54,45 +58,45 @@ const R = ["aria-busy"], p = { class: "hys-ui-data-table" }, F = { key: 0 }, L =
           ])
         ]),
         d("tbody", null, [
-          t.loading ? (s(), o("tr", U, [
+          t.loading ? (s(), l("tr", j, [
             d("td", {
               colspan: t.columns.length
             }, [
-              b(l.$slots, "loading", {}, () => [
-                n[0] || (n[0] = k("加载中…", -1))
+              g(o.$slots, "loading", {}, () => [
+                i[0] || (i[0] = k("加载中…", -1))
               ], !0)
-            ], 8, j)
-          ])) : (s(), o(u, { key: 1 }, [
-            (s(!0), o(u, null, g(B.value, (e, r) => {
+            ], 8, q)
+          ])) : (s(), l(u, { key: 1 }, [
+            (s(!0), l(u, null, b(N.value, (e, r) => {
               var y;
-              return s(), o("tr", {
+              return s(), l("tr", {
                 key: String(e[t.rowKey] ?? r),
-                class: V((y = t.rowClassName) == null ? void 0 : y.call(t, e, r)),
-                onClick: (i) => m("rowClick", e)
+                class: w((y = t.rowClassName) == null ? void 0 : y.call(t, e, r)),
+                onClick: (n) => m("rowClick", e)
               }, [
-                (s(!0), o(u, null, g(t.columns, (i) => (s(), o("td", {
-                  key: i.key,
-                  style: f({ textAlign: i.align })
+                (s(!0), l(u, null, b(t.columns, (n) => (s(), l("td", {
+                  key: n.key,
+                  style: f({ textAlign: n.align })
                 }, [
-                  b(l.$slots, i.key, {
+                  g(o.$slots, n.key, {
                     row: e,
-                    value: e[i.key],
+                    value: e[n.key],
                     index: r
                   }, () => [
-                    k(c(e[i.key]), 1)
+                    k(c(e[n.key]), 1)
                   ], !0)
                 ], 4))), 128))
-              ], 10, q);
+              ], 10, G);
             }), 128)),
-            t.rows.length ? C("", !0) : (s(), o("tr", G, [
+            t.rows.length ? C("", !0) : (s(), l("tr", I, [
               d("td", {
                 colspan: t.columns.length,
                 class: "hys-ui-empty"
               }, [
-                b(l.$slots, "empty", {}, () => [
+                g(o.$slots, "empty", {}, () => [
                   k(c(t.emptyText || "暂无数据"), 1)
                 ], !0)
-              ], 8, I)
+              ], 8, J)
             ]))
           ], 64))
         ])
@@ -101,5 +105,5 @@ const R = ["aria-busy"], p = { class: "hys-ui-data-table" }, F = { key: 0 }, L =
   }
 });
 export {
-  Q as default
+  X as default
 };

package/dist/components/HysTabs/HysTabs.vue.js

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

package/dist/components/HysTabs/HysTabs2.vue.js

@@ -14,21 +14,23 @@ const S = ["aria-label", "aria-orientation"], T = ["data-tab-value", "aria-selec
   },
   emits: ["update:modelValue", "change", "close"],
   setup(l, { emit: V }) {
-    const n = l, i = V, b = w(), g = R(), t = x(() => n.items.filter((a) => !n.disabled && !a.disabled));
+    const r = l, i = V, b = w(), g = R(), t = x(() => r.items.filter((a) => !r.disabled && !a.disabled));
     function v(a) {
-      t.value.some((r) => r.value === a) && (i("update:modelValue", a), a !== n.modelValue && i("change", a));
+      if (!t.value.some((e) => e.value === a)) return;
+      const n = a !== r.modelValue;
+      i("update:modelValue", a), n && i("change", a);
     }
     function A(a) {
       var y;
-      const r = n.vertical ? ["ArrowUp", "ArrowDown"] : ["ArrowLeft", "ArrowRight"];
-      if (![...r, "Home", "End"].includes(a.key) || !t.value.length) return;
+      const n = r.vertical ? ["ArrowUp", "ArrowDown"] : ["ArrowLeft", "ArrowRight"];
+      if (![...n, "Home", "End"].includes(a.key) || !t.value.length) return;
       a.preventDefault();
-      const e = t.value.findIndex((c) => c.value === n.modelValue), s = a.key === "Home" ? 0 : a.key === "End" ? t.value.length - 1 : (e + (a.key === r[0] ? -1 : 1) + t.value.length) % t.value.length;
+      const e = t.value.findIndex((c) => c.value === r.modelValue), s = a.key === "Home" ? 0 : a.key === "End" ? t.value.length - 1 : e < 0 ? a.key === n[0] ? t.value.length - 1 : 0 : (e + (a.key === n[0] ? -1 : 1) + t.value.length) % t.value.length;
       v(t.value[s].value);
       const o = Array.from(((y = b.value) == null ? void 0 : y.querySelectorAll('[role="tab"]')) || []).find((c) => c.dataset.tabValue === t.value[s].value);
       o == null || o.focus();
     }
-    return (a, r) => (u(), d(m, null, [
+    return (a, n) => (u(), d(m, null, [
       f("div", B({
         ref_key: "root",
         ref: b

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

@@ -1,10 +1,7 @@
-import { defineComponent as B, ref as x, useAttrs as C, watch as V, onMounted as k, openBlock as r, createElementBlock as u, mergeProps as v, unref as d, toDisplayString as m, createCommentVNode as b, createElementVNode as H, nextTick as j } from "vue";
-import { useHysRootAttrs as A } from "../../config.js";
-const F = { key: 0 }, R = ["value", "rows", "maxlength", "placeholder", "disabled", "readonly", "aria-invalid"], E = {
-  key: 1,
-  class: "hys-ui-ex-error",
-  role: "alert"
-}, M = { key: 2 }, I = /* @__PURE__ */ B({
+import { defineComponent as H, ref as w, useAttrs as A, inject as E, useId as F, computed as I, watch as R, onMounted as q, openBlock as f, createElementBlock as b, mergeProps as z, unref as a, toDisplayString as h, createCommentVNode as B, createElementVNode as M, nextTick as O } from "vue";
+import { useHysRootAttrs as T } from "../../config.js";
+import { fieldKey as N } from "../../composables/formContext.js";
+const S = { key: 0 }, D = ["value", "rows", "maxlength", "placeholder", "disabled", "readonly", "id", "aria-label", "aria-invalid", "aria-required", "aria-describedby"], K = ["id"], P = { key: 2 }, J = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "HysTextarea",
   props: {
@@ -21,21 +18,21 @@ const F = { key: 0 }, R = ["value", "rows", "maxlength", "placeholder", "disable
     resize: { default: "vertical" }
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
-  setup(t, { expose: p, emit: w }) {
-    const a = t, s = w, z = A(), n = x(), c = x(!1), y = C();
-    async function i() {
-      await j();
+  setup(t, { expose: C, emit: V }) {
+    const i = t, d = V, k = T(), n = w(), v = w(!1), s = A(), r = E(N, void 0), g = F(), j = I(() => i.error || (r == null ? void 0 : r.error.value));
+    async function y() {
+      await O();
       const e = n.value;
-      if (!e || !a.autosize) return;
-      const l = typeof a.autosize == "object" ? a.autosize : {}, o = getComputedStyle(e), h = parseFloat(o.lineHeight) || 21, g = parseFloat(o.paddingTop) + parseFloat(o.paddingBottom) + 2;
-      e.style.height = "auto", e.style.height = Math.min((l.maxRows ?? 1 / 0) * h + g, Math.max((l.minRows ?? 1) * h + g, e.scrollHeight + 2)) + "px", e.style.overflowY = e.scrollHeight > e.clientHeight ? "auto" : "hidden";
+      if (!e || !i.autosize) return;
+      const l = typeof i.autosize == "object" ? i.autosize : {}, u = getComputedStyle(e), m = parseFloat(u.lineHeight) || 21, c = parseFloat(u.paddingTop) + parseFloat(u.paddingBottom) + 2;
+      e.style.height = "auto", e.style.height = Math.min((l.maxRows ?? 1 / 0) * m + c, Math.max((l.minRows ?? 1) * m + c, e.scrollHeight + 2)) + "px", e.style.overflowY = e.scrollHeight > e.clientHeight ? "auto" : "hidden";
     }
-    function f(e) {
-      if (c.value) return;
+    function x(e) {
+      if (v.value || i.disabled || i.readonly) return;
       const l = e.target.value;
-      s("update:modelValue", l), s("input", l), i();
+      d("update:modelValue", l), d("input", l), y();
     }
-    return V(() => [a.modelValue, a.autosize], i, { deep: !0 }), k(i), p({ input: n, focus: () => {
+    return R(() => [i.modelValue, i.autosize], y, { deep: !0 }), q(y), C({ input: n, focus: () => {
       var e;
       return (e = n.value) == null ? void 0 : e.focus();
     }, blur: () => {
@@ -44,37 +41,50 @@ const F = { key: 0 }, R = ["value", "rows", "maxlength", "placeholder", "disable
     }, select: () => {
       var e;
       return (e = n.value) == null ? void 0 : e.select();
-    }, resize: i }), (e, l) => (r(), u("label", v(d(z), {
-      class: ["hys-ui-ex-field", d(y).class],
-      style: d(y).style
-    }), [
-      t.label ? (r(), u("span", F, m(t.label), 1)) : b("", !0),
-      H("textarea", v({
-        ref_key: "input",
-        ref: n
-      }, Object.fromEntries(Object.entries(d(y)).filter(([o]) => !["class", "style"].includes(o))), {
-        class: "hys-ui-ex-control",
-        value: t.modelValue,
-        rows: t.rows,
-        maxlength: t.maxlength,
-        placeholder: t.placeholder,
-        disabled: t.disabled,
-        readonly: t.readonly,
-        "aria-invalid": !!t.error,
-        style: { resize: t.autosize ? "none" : a.resize },
-        onInput: f,
-        onCompositionstart: l[0] || (l[0] = (o) => c.value = !0),
-        onCompositionend: l[1] || (l[1] = (o) => {
-          c.value = !1, f(o);
-        }),
-        onChange: l[2] || (l[2] = (o) => s("change", o.target.value)),
-        onFocus: l[3] || (l[3] = (o) => s("focus", o)),
-        onBlur: l[4] || (l[4] = (o) => s("blur", o))
-      }), null, 16, R),
-      t.error ? (r(), u("small", E, m(t.error), 1)) : t.showCount && t.maxlength ? (r(), u("small", M, m(t.modelValue.length) + " / " + m(t.maxlength), 1)) : b("", !0)
-    ], 16));
+    }, resize: y }), (e, l) => {
+      var u, m, c, p;
+      return f(), b("label", z(a(k), {
+        class: ["hys-ui-ex-field", a(s).class],
+        style: a(s).style
+      }), [
+        t.label ? (f(), b("span", S, h(t.label), 1)) : B("", !0),
+        M("textarea", z({
+          ref_key: "input",
+          ref: n
+        }, Object.fromEntries(Object.entries(a(s)).filter(([o]) => !["class", "style"].includes(o))), {
+          class: "hys-ui-ex-control",
+          value: t.modelValue,
+          rows: t.rows,
+          maxlength: t.maxlength,
+          placeholder: t.placeholder,
+          disabled: t.disabled,
+          readonly: t.readonly,
+          id: a(s).id || ((u = a(r)) == null ? void 0 : u.id.value),
+          "data-hys-ui-field-managed": "",
+          "aria-label": a(s)["aria-label"] || t.label || ((m = a(r)) == null ? void 0 : m.label.value),
+          "aria-invalid": !!j.value || void 0,
+          "aria-required": ((c = a(r)) == null ? void 0 : c.required.value) || void 0,
+          "aria-describedby": [t.error ? a(g) : (p = a(r)) == null ? void 0 : p.describedBy.value, a(s)["aria-describedby"]].filter(Boolean).join(" ") || void 0,
+          style: { resize: t.autosize ? "none" : i.resize },
+          onInput: x,
+          onCompositionstart: l[0] || (l[0] = (o) => v.value = !0),
+          onCompositionend: l[1] || (l[1] = (o) => {
+            v.value = !1, x(o);
+          }),
+          onChange: l[2] || (l[2] = (o) => d("change", o.target.value)),
+          onFocus: l[3] || (l[3] = (o) => d("focus", o)),
+          onBlur: l[4] || (l[4] = (o) => d("blur", o))
+        }), null, 16, D),
+        t.error ? (f(), b("small", {
+          key: 1,
+          id: a(g),
+          class: "hys-ui-ex-error",
+          role: "alert"
+        }, h(t.error), 9, K)) : t.showCount && t.maxlength ? (f(), b("small", P, h(t.modelValue.length) + " / " + h(t.maxlength), 1)) : B("", !0)
+      ], 16);
+    };
   }
 });
 export {
-  I as default
+  J as default
 };

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

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