hys-ui 0.1.0 → 0.1.1

package/dist/components/HysGantt/HysGantt2.vue.js

@@ -1,4 +1,304 @@
-import f from "./HysGantt.vue.js";
+import { defineComponent as ge, ref as W, watch as j, computed as y, onMounted as ye, onActivated as fe, nextTick as le, onDeactivated as me, onBeforeUnmount as we, openBlock as i, createElementBlock as o, mergeProps as be, unref as q, createElementVNode as r, createVNode as se, withCtx as xe, createTextVNode as ie, toDisplayString as f, normalizeStyle as p, Fragment as P, renderList as S, withKeys as _, withModifiers as x, normalizeClass as K, createCommentVNode as z } from "vue";
+import { useHysRootAttrs as ke } from "../../config.js";
+import $e from "../HysSegmented/HysSegmented.vue.js";
+import Ce from "../HysButton/HysButton.vue.js";
+const Me = { class: "hys-ui-pg-toolbar" }, De = { class: "hys-ui-pg-hint" }, Pe = { class: "hys-ui-pg-body" }, Se = ["onClick", "onKeydown"], _e = ["title"], Te = {
+  key: 0,
+  class: "hys-ui-pg-empty"
+}, He = { class: "hys-ui-pg-months" }, Ue = ["title"], Ve = { class: "hys-ui-pg-days" }, We = ["aria-label", "title", "onClick", "onKeydown", "onPointerdown"], ze = { class: "hys-ui-pg-bar-title" }, Le = ["onPointerdown"], Ae = ["onPointerdown"], Be = ["width", "height"], Fe = ["d"], Ee = { class: "hys-ui-pg-footer" }, Ke = { key: 0 }, oe = 864e5, Oe = /* @__PURE__ */ ge({
+  __name: "HysGantt",
+  props: {
+    items: {},
+    modelValue: {},
+    scale: { default: "day" },
+    editable: { type: Boolean, default: !1 },
+    rowHeight: { default: 46 },
+    labelWidth: { default: 270 },
+    fitContainer: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "update:scale", "scaleChange", "update:items", "change", "open"],
+  setup(d, { emit: re }) {
+    const ue = ke(), c = d, m = re, w = W(c.scale);
+    j(() => c.scale, (e) => w.value = e);
+    const T = W(c.modelValue ?? null);
+    j(() => c.modelValue, (e) => T.value = e ?? null);
+    const k = W(null), H = /* @__PURE__ */ new Date();
+    H.setHours(0, 0, 0, 0);
+    function $(e) {
+      if (!/^\d{4}-\d{2}-\d{2}$/.test(e)) return null;
+      const [n, t, l] = e.split("-").map(Number), a = new Date(n, t - 1, l);
+      return a.getFullYear() === n && a.getMonth() === t - 1 && a.getDate() === l ? a : null;
+    }
+    function h(e) {
+      return Math.round((Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()) - Date.UTC(1970, 0, 1)) / oe);
+    }
+    function U(e) {
+      return new Date(e * oe);
+    }
+    function L(e) {
+      return U(e).toISOString().slice(0, 10);
+    }
+    const v = y(() => c.items.map((e) => {
+      const n = $(e.start), t = $(e.end);
+      return !n || !t || h(t) < h(n) ? null : { ...e, s: h(n), e: h(t), progress: Math.min(100, Math.max(0, e.progress ?? 0)) };
+    }).filter((e) => e !== null)), de = y(() => w.value === "day" ? 36 : w.value === "week" ? 17 : w.value === "month" ? 7 : 36), b = y(() => {
+      const e = v.value.flatMap((t) => [t.s, t.e]), n = h(H);
+      return { start: Math.min(n - 7, ...e) - 7, end: Math.max(n + 21, ...e) + 14 };
+    }), N = y(() => b.value.end - b.value.start + 1), Y = W(0), u = y(() => Math.max(de.value, c.fitContainer ? Y.value / N.value : 0)), J = y(() => Math.max(N.value * u.value, c.fitContainer ? Y.value : 0));
+    let C, M = !0;
+    function A() {
+      var e;
+      M && (Y.value = ((e = k.value) == null ? void 0 : e.clientWidth) || 0);
+    }
+    function R() {
+      C == null || C.disconnect(), C = void 0, window.removeEventListener("resize", A);
+    }
+    function Q() {
+      R(), !(!M || !k.value) && (A(), k.value && typeof ResizeObserver < "u" ? (C = new ResizeObserver(A), C.observe(k.value)) : window.addEventListener("resize", A));
+    }
+    ye(Q), fe(() => {
+      M = !0, le(() => M && Q());
+    }), me(() => {
+      M = !1, R(), V();
+    }), we(() => {
+      M = !1, R(), V();
+    });
+    function ce(e) {
+      !["day", "week", "month"].includes(e) || e === w.value || (w.value = e, m("update:scale", e), m("scaleChange", e));
+    }
+    const B = y(() => Array.from({ length: N.value }, (e, n) => b.value.start + n)), he = y(() => {
+      const e = [];
+      for (let n = 0; n < B.value.length; n++) {
+        const t = U(B.value[n]), l = `${t.getUTCFullYear()}-${t.getUTCMonth()}`, a = e[e.length - 1];
+        (a == null ? void 0 : a.key) === l ? a.width += u.value : e.push({ key: l, label: `${t.getUTCFullYear()}年${t.getUTCMonth() + 1}月`, left: n * u.value, width: u.value });
+      }
+      return e;
+    }), Z = y(() => new Map(v.value.map((e, n) => [String(e.id), { x: (e.s - b.value.start) * u.value, w: (e.e - e.s + 1) * u.value, y: n * c.rowHeight + c.rowHeight / 2 }]))), ee = y(() => v.value.flatMap((e) => (e.dependencies ?? []).flatMap((n) => {
+      const t = Z.value.get(String(n)), l = Z.value.get(String(e.id));
+      return !t || !l || String(n) === String(e.id) ? [] : [{ id: `${n}-${e.id}`, path: `M ${t.x + t.w} ${t.y} H ${t.x + t.w + 9} V ${l.y} H ${l.x}` }];
+    })));
+    function F(e) {
+      T.value = e.id, m("update:modelValue", e.id), m("open", e);
+    }
+    function te() {
+      const e = k.value;
+      e && (e.scrollLeft = Math.max(0, (h(H) - b.value.start) * u.value - e.clientWidth / 3));
+    }
+    j(w, () => le(te));
+    const g = W(null);
+    let I;
+    function ne() {
+      var n, t;
+      const e = I;
+      I = void 0, (t = e == null ? void 0 : (n = e.element).hasPointerCapture) != null && t.call(n, e.id) && e.element.releasePointerCapture(e.id);
+    }
+    function V() {
+      g.value = null, ne();
+    }
+    function O(e, n, t) {
+      !c.editable || n.disabled || e.button !== 0 || (e.preventDefault(), e.stopPropagation(), e.currentTarget.setPointerCapture(e.pointerId), I = { element: e.currentTarget, id: e.pointerId }, g.value = { id: n.id, type: t, x: e.clientX, original: { ...n }, days: 0, unitWidth: u.value }, T.value = n.id, m("update:modelValue", n.id));
+    }
+    function X(e) {
+      g.value && (g.value.days = Math.round((e.clientX - g.value.x) / g.value.unitWidth));
+    }
+    function D(e) {
+      const n = g.value;
+      if (!n || (g.value = null, ne(), e.type === "pointercancel" || !n.days)) return;
+      const t = $(n.original.start), l = $(n.original.end);
+      if (!t || !l) return;
+      let a = h(t), s = h(l);
+      n.type === "move" ? (a += n.days, s += n.days) : n.type === "start" ? a = Math.min(s, a + n.days) : s = Math.max(a, s + n.days);
+      const G = { ...n.original, start: L(a), end: L(s) };
+      m("update:items", c.items.map((ae) => String(ae.id) === String(G.id) ? G : ae)), m("change", G);
+    }
+    function ve(e) {
+      const n = g.value;
+      if (!n || String(n.id) !== String(e.id)) return { s: e.s, e: e.e };
+      const t = n.days;
+      return n.type === "move" ? { s: e.s + t, e: e.e + t } : n.type === "start" ? { s: Math.min(e.e, e.s + t), e: e.e } : { s: e.s, e: Math.max(e.s, e.e + t) };
+    }
+    function pe(e) {
+      const n = ve(e);
+      return { left: `${(n.s - b.value.start) * u.value}px`, width: `${Math.max(u.value, (n.e - n.s + 1) * u.value)}px`, background: e.color || "var(--hys-ui-primary,var(--hys-ui-theme-primary, #4776ed))" };
+    }
+    function E(e, n) {
+      if (!c.editable || e.disabled) return;
+      const t = $(e.start), l = $(e.end);
+      if (!t || !l) return;
+      const a = { ...e, start: L(h(t) + n), end: L(h(l) + n) };
+      m("update:items", c.items.map((s) => String(s.id) === String(e.id) ? a : s)), m("change", a);
+    }
+    return (e, n) => (i(), o("section", be(q(ue), {
+      class: "hys-ui-pg-gantt",
+      "aria-label": "项目甘特图"
+    }), [
+      r("div", Me, [
+        se($e, {
+          class: "hys-ui-pg-scale",
+          "model-value": w.value,
+          options: [{ label: "日", value: "day" }, { label: "周", value: "week" }, { label: "月", value: "month" }],
+          "aria-label": "时间刻度",
+          "onUpdate:modelValue": ce
+        }, null, 8, ["model-value"]),
+        se(Ce, {
+          variant: "secondary",
+          size: "sm",
+          class: "hys-ui-pg-today",
+          onClick: te
+        }, {
+          default: xe(() => [...n[0] || (n[0] = [
+            ie("定位今天", -1)
+          ])]),
+          _: 1
+        }),
+        r("span", De, f(d.editable ? "拖动任务条调整排期 · Alt + 左/右方向键微调日期" : "点击任务查看详情"), 1)
+      ]),
+      r("div", Pe, [
+        r("div", {
+          class: "hys-ui-pg-labels",
+          style: p({ width: d.labelWidth + "px", minWidth: d.labelWidth + "px" })
+        }, [
+          n[1] || (n[1] = r("div", { class: "hys-ui-pg-label-head" }, "任务 / 负责人", -1)),
+          (i(!0), o(P, null, S(v.value, (t) => (i(), o("button", {
+            type: "button",
+            key: t.id,
+            class: K(["hys-ui-pg-task-label", { "hys-ui-selected": T.value === t.id }]),
+            style: p({ height: d.rowHeight + "px" }),
+            onClick: (l) => F(t),
+            onKeydown: [
+              _(x((l) => E(t, -1), ["alt", "prevent"]), ["left"]),
+              _(x((l) => E(t, 1), ["alt", "prevent"]), ["right"])
+            ]
+          }, [
+            r("strong", {
+              title: t.title
+            }, f(t.title), 9, _e),
+            r("small", null, f(t.owner || "未分配") + " · " + f(t.status || "待办"), 1)
+          ], 46, Se))), 128)),
+          v.value.length ? z("", !0) : (i(), o("div", Te, "暂无有效排期任务"))
+        ], 4),
+        r("div", {
+          ref_key: "scroller",
+          ref: k,
+          class: "hys-ui-pg-scroll",
+          tabindex: "0",
+          "aria-label": "可横向滚动的甘特图时间轴"
+        }, [
+          r("div", {
+            class: "hys-ui-pg-canvas",
+            style: p({ width: J.value + "px" })
+          }, [
+            r("div", He, [
+              (i(!0), o(P, null, S(he.value, (t) => (i(), o("span", {
+                key: t.key,
+                title: t.label,
+                style: p({ left: t.left + "px", width: t.width + "px" })
+              }, f(t.label), 13, Ue))), 128))
+            ]),
+            r("div", Ve, [
+              (i(!0), o(P, null, S(B.value, (t) => (i(), o("span", {
+                key: t,
+                class: K({ "hys-ui-weekend": [0, 6].includes(U(t).getUTCDay()), "hys-ui-today": t === h(q(H)) }),
+                style: p({ width: u.value + "px" })
+              }, f(w.value === "month" ? "" : U(t).getUTCDate()), 7))), 128))
+            ]),
+            r("div", {
+              class: "hys-ui-pg-grid",
+              style: p({ height: v.value.length * d.rowHeight + "px" })
+            }, [
+              (i(!0), o(P, null, S(B.value, (t) => (i(), o("div", {
+                key: t,
+                class: K(["hys-ui-pg-day-column", { "hys-ui-weekend": [0, 6].includes(U(t).getUTCDay()) }]),
+                style: p({ left: (t - b.value.start) * u.value + "px", width: u.value + "px" })
+              }, null, 6))), 128)),
+              r("div", {
+                class: "hys-ui-pg-today-line",
+                style: p({ left: (h(q(H)) - b.value.start) * u.value + u.value / 2 + "px" })
+              }, null, 4),
+              (i(!0), o(P, null, S(v.value, (t, l) => {
+                var a;
+                return i(), o("div", {
+                  key: t.id,
+                  class: "hys-ui-pg-row",
+                  style: p({ top: l * d.rowHeight + "px", height: d.rowHeight + "px" })
+                }, [
+                  r("div", {
+                    class: K(["hys-ui-pg-bar", { "hys-ui-selected": T.value === t.id, "hys-ui-dragging": ((a = g.value) == null ? void 0 : a.id) === t.id, "hys-ui-disabled": t.disabled }]),
+                    style: p(pe(t)),
+                    role: "button",
+                    tabindex: "0",
+                    "aria-label": `${t.title}，${t.start} 至 ${t.end}，完成 ${t.progress}%`,
+                    title: `${t.title}
+${t.start} → ${t.end}
+完成 ${t.progress}%`,
+                    onClick: (s) => F(t),
+                    onKeydown: [
+                      _((s) => F(t), ["enter"]),
+                      _(x((s) => F(t), ["prevent"]), ["space"]),
+                      _(x((s) => E(t, -1), ["alt", "prevent"]), ["left"]),
+                      _(x((s) => E(t, 1), ["alt", "prevent"]), ["right"])
+                    ],
+                    onPointerdown: (s) => O(s, t, "move"),
+                    onPointermove: X,
+                    onPointerup: D,
+                    onPointercancel: D,
+                    onLostpointercapture: V
+                  }, [
+                    r("div", {
+                      class: "hys-ui-pg-progress",
+                      style: p({ width: t.progress + "%" })
+                    }, null, 4),
+                    r("span", ze, f(t.progress) + "%", 1),
+                    d.editable && !t.disabled ? (i(), o("span", {
+                      key: 0,
+                      class: "hys-ui-pg-handle hys-ui-start",
+                      title: "调整开始日期",
+                      onPointerdown: x((s) => O(s, t, "start"), ["stop"]),
+                      onPointermove: X,
+                      onPointerup: D,
+                      onPointercancel: D,
+                      onLostpointercapture: V
+                    }, null, 40, Le)) : z("", !0),
+                    d.editable && !t.disabled ? (i(), o("span", {
+                      key: 1,
+                      class: "hys-ui-pg-handle hys-ui-end",
+                      title: "调整结束日期",
+                      onPointerdown: x((s) => O(s, t, "end"), ["stop"]),
+                      onPointermove: X,
+                      onPointerup: D,
+                      onPointercancel: D,
+                      onLostpointercapture: V
+                    }, null, 40, Ae)) : z("", !0)
+                  ], 46, We)
+                ], 4);
+              }), 128)),
+              ee.value.length ? (i(), o("svg", {
+                key: 0,
+                class: "hys-ui-pg-dependencies",
+                width: J.value,
+                height: v.value.length * d.rowHeight,
+                "aria-hidden": "true"
+              }, [
+                (i(!0), o(P, null, S(ee.value, (t) => (i(), o("path", {
+                  key: t.id,
+                  d: t.path,
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "1.5",
+                  "stroke-dasharray": "4 3"
+                }, null, 8, Fe))), 128))
+              ], 8, Be)) : z("", !0)
+            ], 4)
+          ], 4)
+        ], 512)
+      ]),
+      r("div", Ee, [
+        ie(f(v.value.length) + " 项任务 · " + f(v.value.filter((t) => t.status === "已完成").length) + " 项已完成 ", 1),
+        v.value.length !== d.items.length ? (i(), o("span", Ke, "· " + f(d.items.length - v.value.length) + " 项日期无效已隐藏", 1)) : z("", !0)
+      ])
+    ], 16));
+  }
+});
 export {
-  f as default
+  Oe as default
 };

package/dist/components/HysInput/HysInput.vue.js

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

package/dist/components/HysInput/HysInput2.vue.js

@@ -1,23 +1,23 @@
-import { defineComponent as P, ref as h, useAttrs as j, useId as q, inject as K, computed as N, openBlock as s, createElementBlock as o, mergeProps as V, unref as i, createElementVNode as b, renderSlot as f, createCommentVNode as r, normalizeClass as O, withKeys as D, withModifiers as H, createVNode as L, createBlock as M, resolveDynamicComponent as R, toDisplayString as c } from "vue";
-import { X as S, EyeOff as F, Eye as X } from "lucide-vue-next";
-import { useHysRootAttrs as G } from "../../config.js";
-import { fieldKey as J } from "../../composables/formContext.js";
-const Q = { class: "hys-ui-input-group" }, T = {
+import { defineComponent as P, ref as h, useAttrs as q, useId as K, inject as N, computed as O, openBlock as i, createElementBlock as o, mergeProps as V, unref as s, createElementVNode as b, renderSlot as f, createCommentVNode as r, normalizeClass as D, withKeys as H, withModifiers as L, createVNode as M, createBlock as R, resolveDynamicComponent as S, toDisplayString as c } from "vue";
+import { X as F, EyeOff as X, Eye as G } from "lucide-vue-next";
+import { useHysRootAttrs as J } from "../../config.js";
+import { fieldKey as Q } from "../../composables/formContext.js";
+const T = { class: "hys-ui-input-group" }, U = {
   key: 0,
   class: "hys-ui-input-addon"
-}, U = {
+}, W = {
   key: 0,
   class: "hys-ui-input-affix"
-}, W = ["id", "aria-label", "aria-invalid", "aria-required", "aria-describedby", "value", "placeholder", "type", "disabled", "readonly", "maxlength", "minlength", "autocomplete", "name"], Y = ["aria-label", "aria-pressed", "disabled"], Z = {
+}, Y = ["id", "aria-label", "aria-invalid", "aria-required", "aria-describedby", "value", "placeholder", "type", "disabled", "readonly", "maxlength", "minlength", "autocomplete", "name"], Z = ["aria-label", "aria-pressed", "disabled"], _ = {
   key: 3,
   class: "hys-ui-input-affix"
-}, _ = {
+}, ee = {
   key: 4,
   class: "hys-ui-input-count"
-}, ee = {
+}, te = {
   key: 1,
   class: "hys-ui-input-addon"
-}, te = ["id"], ne = /* @__PURE__ */ P({
+}, ae = ["id"], oe = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "HysInput",
   props: {
@@ -38,10 +38,10 @@ const Q = { class: "hys-ui-input-group" }, T = {
     size: { default: "md" }
   },
   emits: ["update:modelValue", "input", "change", "clear", "focus", "blur", "pressEnter"],
-  setup(t, { expose: B, emit: E }) {
-    const m = t, n = E, x = G(), d = h(), z = j(), p = q(), y = h(!1), v = h(!1), u = K(J, void 0), g = N(() => m.error || (u == null ? void 0 : u.error.value));
-    function A() {
-      return Object.fromEntries(Object.entries(z).filter(([e]) => !["class", "style"].includes(e)));
+  setup(t, { expose: E, emit: x }) {
+    const m = t, n = x, z = J(), d = h(), A = q(), p = K(), y = h(!1), v = h(!1), u = N(Q, void 0), g = O(() => m.error || (u == null ? void 0 : u.error.value));
+    function j() {
+      return Object.fromEntries(Object.entries(A).filter(([e]) => !["class", "style"].includes(e)));
     }
     function k(e) {
       if (v.value || m.disabled || m.readonly) return;
@@ -52,7 +52,7 @@ const Q = { class: "hys-ui-input-group" }, T = {
       var e;
       m.disabled || m.readonly || (n("update:modelValue", ""), n("input", ""), n("clear"), (e = d.value) == null || e.focus());
     }
-    return B({ input: d, focus: () => {
+    return E({ input: d, focus: () => {
       var e;
       return (e = d.value) == null ? void 0 : e.focus();
     }, blur: () => {
@@ -62,31 +62,32 @@ const Q = { class: "hys-ui-input-group" }, T = {
       var e;
       return (e = d.value) == null ? void 0 : e.select();
     } }), (e, a) => {
-      var w, $, C;
-      return s(), o("div", V(i(x), {
+      var w, $, C, B;
+      return i(), o("div", V(s(z), {
         class: ["hys-ui-input-wrap", [e.$attrs.class, { "hys-ui-input-disabled": t.disabled }, "hys-ui-input-" + t.size]],
         style: e.$attrs.style
       }), [
-        b("div", Q, [
-          e.$slots.prepend ? (s(), o("span", T, [
+        b("div", T, [
+          e.$slots.prepend ? (i(), o("span", U, [
             f(e.$slots, "prepend", {}, void 0, !0)
           ])) : r("", !0),
           b("div", {
-            class: O(["hys-ui-input-shell", { "hys-ui-input-shell-error": g.value }])
+            class: D(["hys-ui-input-shell", { "hys-ui-input-shell-error": g.value }])
           }, [
-            e.$slots.prefix ? (s(), o("span", U, [
+            e.$slots.prefix ? (i(), o("span", W, [
               f(e.$slots, "prefix", {}, void 0, !0)
             ])) : r("", !0),
             b("input", V({
               ref_key: "input",
               ref: d
-            }, A(), {
-              id: e.$attrs.id || ((w = i(u)) == null ? void 0 : w.id.value),
+            }, j(), {
+              id: e.$attrs.id || ((w = s(u)) == null ? void 0 : w.id.value),
               class: "hys-ui-input",
-              "aria-label": t.ariaLabel || e.$attrs["aria-label"],
+              "data-hys-ui-field-managed": "",
+              "aria-label": t.ariaLabel || e.$attrs["aria-label"] || (($ = s(u)) == null ? void 0 : $.label.value),
               "aria-invalid": !!g.value || void 0,
-              "aria-required": (($ = i(u)) == null ? void 0 : $.required.value) || void 0,
-              "aria-describedby": t.error ? i(p) : (C = i(u)) != null && C.error.value ? i(u).errorId : e.$attrs["aria-describedby"],
+              "aria-required": ((C = s(u)) == null ? void 0 : C.required.value) || void 0,
+              "aria-describedby": [t.error ? s(p) : (B = s(u)) == null ? void 0 : B.describedBy.value, e.$attrs["aria-describedby"]].filter(Boolean).join(" ") || void 0,
               value: t.modelValue,
               placeholder: t.placeholder,
               type: t.showPassword && y.value ? "text" : t.type,
@@ -104,23 +105,23 @@ const Q = { class: "hys-ui-input-group" }, T = {
               onChange: a[2] || (a[2] = (l) => n("change", l.target.value)),
               onFocus: a[3] || (a[3] = (l) => n("focus", l)),
               onBlur: a[4] || (a[4] = (l) => n("blur", l)),
-              onKeydown: a[5] || (a[5] = D((l) => !l.isComposing && n("pressEnter", l), ["enter"]))
-            }), null, 16, W),
-            t.clearable && t.modelValue && !t.disabled && !t.readonly ? (s(), o("button", {
+              onKeydown: a[5] || (a[5] = H((l) => !l.isComposing && n("pressEnter", l), ["enter"]))
+            }), null, 16, Y),
+            t.clearable && t.modelValue && !t.disabled && !t.readonly ? (i(), o("button", {
               key: 1,
               type: "button",
               class: "hys-ui-input-action",
               "aria-label": "清空输入",
-              onMousedown: a[6] || (a[6] = H(() => {
+              onMousedown: a[6] || (a[6] = L(() => {
               }, ["prevent"])),
               onClick: I
             }, [
-              L(i(S), {
+              M(s(F), {
                 size: 14,
                 "aria-hidden": "true"
               })
             ], 32)) : r("", !0),
-            t.showPassword && t.type === "password" ? (s(), o("button", {
+            t.showPassword && t.type === "password" ? (i(), o("button", {
               key: 2,
               type: "button",
               class: "hys-ui-input-action",
@@ -129,30 +130,30 @@ const Q = { class: "hys-ui-input-group" }, T = {
               disabled: t.disabled,
               onClick: a[7] || (a[7] = (l) => y.value = !y.value)
             }, [
-              (s(), M(R(y.value ? i(F) : i(X)), {
+              (i(), R(S(y.value ? s(X) : s(G)), {
                 size: 16,
                 "aria-hidden": "true"
               }))
-            ], 8, Y)) : r("", !0),
-            e.$slots.suffix ? (s(), o("span", Z, [
+            ], 8, Z)) : r("", !0),
+            e.$slots.suffix ? (i(), o("span", _, [
               f(e.$slots, "suffix", {}, void 0, !0)
             ])) : r("", !0),
-            t.showCount ? (s(), o("small", _, c(t.modelValue.length) + c(t.maxlength ? " / " + t.maxlength : ""), 1)) : r("", !0)
+            t.showCount ? (i(), o("small", ee, c(t.modelValue.length) + c(t.maxlength ? " / " + t.maxlength : ""), 1)) : r("", !0)
           ], 2),
-          e.$slots.append ? (s(), o("span", ee, [
+          e.$slots.append ? (i(), o("span", te, [
             f(e.$slots, "append", {}, void 0, !0)
           ])) : r("", !0)
         ]),
-        t.error ? (s(), o("small", {
+        t.error ? (i(), o("small", {
           key: 0,
-          id: i(p),
+          id: s(p),
           class: "hys-ui-error-text",
           role: "alert"
-        }, c(t.error), 9, te)) : r("", !0)
+        }, c(t.error), 9, ae)) : r("", !0)
       ], 16);
     };
   }
 });
 export {
-  ne as default
+  oe as default
 };

package/dist/components/HysModal/HysModal.vue.js

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

package/dist/components/HysModal/HysModal2.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, ref as g, toRef as E, watch as O, onDeactivated as $, openBlock as n, createBlock as x, Teleport as D, createVNode as C, Transition as M, withCtx as S, unref as c, withDirectives as H, createElementBlock as f, mergeProps as N, withModifiers as R, createElementVNode as r, normalizeStyle as V, renderSlot as y, toDisplayString as z, createCommentVNode as h, vShow as A } from "vue";
+import { defineComponent as B, ref as g, toRef as E, watch as O, onDeactivated as $, openBlock as r, createBlock as x, Teleport as D, createVNode as C, Transition as M, withCtx as S, unref as f, withDirectives as H, createElementBlock as y, mergeProps as N, withModifiers as R, createElementVNode as u, normalizeStyle as V, renderSlot as h, toDisplayString as z, createCommentVNode as m, vShow as A } from "vue";
 import { useHysRootAttrs as P } from "../../config.js";
 import { X as T } from "lucide-vue-next";
 import { useDialog as q } from "../../composables/useDialog.js";
@@ -21,75 +21,75 @@ const W = ["aria-label", "aria-busy"], X = { class: "hys-ui-dialog-head" }, j =
   },
   emits: ["close", "closeError"],
   setup(e, { expose: k, emit: w }) {
-    const p = P(), s = e, m = w, u = g(), t = g(!1), { active: v } = q(E(s, "open"), u, () => {
-      s.closeOnEscape && a("escape");
+    const p = P(), s = e, v = w, d = g(), l = g(!1), { active: n } = q(E(s, "open"), d, () => {
+      s.closeOnEscape && i("escape");
     });
-    let i = 0;
+    let a = 0;
     function b() {
-      i++, t.value = !1;
+      a++, l.value = !1;
     }
     O(() => s.open, (o) => {
       o || b();
     }), $(b);
-    async function a(o = "button") {
-      if (t.value || !s.open) return;
-      const l = ++i;
-      t.value = !0;
+    async function i(o = "button") {
+      if (l.value || !s.open || !n.value) return;
+      const t = ++a;
+      l.value = !0;
       try {
         if (s.beforeClose && await s.beforeClose(o) === !1) return;
-        v.value && l === i && m("close");
-      } catch (d) {
-        m("closeError", d);
+        n.value && t === a && v("close");
+      } catch (c) {
+        n.value && t === a && v("closeError", c);
       } finally {
-        l === i && (t.value = !1);
+        t === a && (l.value = !1);
       }
     }
-    return k({ close: a, element: u }), (o, l) => (n(), x(D, { to: "body" }, [
+    return k({ close: i, element: d }), (o, t) => (r(), x(D, { to: "body" }, [
       C(M, { name: "hys-ui-modal-motion" }, {
         default: S(() => [
-          c(v) && (e.open || !e.destroyOnClose) ? H((n(), f("div", N({ key: 0 }, c(p), {
+          f(n) && (e.open || !e.destroyOnClose) ? H((r(), y("div", N({ key: 0 }, f(p), {
             class: ["hys-ui-overlay", { "hys-ui-modal-fullscreen": e.fullscreen }],
-            onPointerdown: l[1] || (l[1] = R((d) => e.closeOnMask && a("mask"), ["self"]))
+            onPointerdown: t[1] || (t[1] = R((c) => e.closeOnMask && i("mask"), ["self"]))
           }), [
-            r("section", {
+            u("section", {
               ref_key: "dialog",
-              ref: u,
+              ref: d,
               tabindex: "-1",
               class: "hys-ui-modal",
               role: "dialog",
               "aria-modal": "true",
               "aria-label": e.title,
-              "aria-busy": t.value,
+              "aria-busy": l.value,
               style: V({ maxWidth: e.fullscreen ? "100%" : e.width, width: e.fullscreen ? "100%" : void 0, height: e.fullscreen ? "100dvh" : void 0, maxHeight: e.fullscreen ? "100dvh" : void 0 })
             }, [
-              r("header", X, [
-                y(o.$slots, "header", {}, () => [
-                  r("h3", null, z(e.title), 1)
+              u("header", X, [
+                h(o.$slots, "header", {}, () => [
+                  u("h3", null, z(e.title), 1)
                 ], !0),
-                e.showClose ? (n(), f("button", {
+                e.showClose ? (r(), y("button", {
                   key: 0,
                   type: "button",
                   class: "hys-ui-icon-action",
                   "aria-label": "关闭",
-                  disabled: t.value,
-                  onClick: l[0] || (l[0] = (d) => a("button"))
+                  disabled: l.value,
+                  onClick: t[0] || (t[0] = (c) => i("button"))
                 }, [
-                  C(c(T), { size: 18 })
-                ], 8, j)) : h("", !0)
+                  C(f(T), { size: 18 })
+                ], 8, j)) : m("", !0)
               ]),
-              r("div", F, [
-                y(o.$slots, "default", {}, void 0, !0)
+              u("div", F, [
+                h(o.$slots, "default", {}, void 0, !0)
               ]),
-              o.$slots.footer ? (n(), f("footer", G, [
-                y(o.$slots, "footer", {
-                  close: a,
-                  closing: t.value
+              o.$slots.footer ? (r(), y("footer", G, [
+                h(o.$slots, "footer", {
+                  close: i,
+                  closing: l.value
                 }, void 0, !0)
-              ])) : h("", !0)
+              ])) : m("", !0)
             ], 12, W)
           ], 16)), [
             [A, e.open]
-          ]) : h("", !0)
+          ]) : m("", !0)
         ]),
         _: 3
       })