hys-ui 0.1.0 → 0.1.1

package/dist/components/HysForm/HysForm2.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as q, ref as w, provide as D, computed as H, openBlock as V, createElementBlock as $, mergeProps as z, unref as x, withModifiers as B, createElementVNode as P, renderSlot as S, toRaw as C, nextTick as I } from "vue";
-import { formKey as K } from "../../composables/formContext.js";
-import { useHysRootAttrs as N } from "../../config.js";
-const T = ["disabled", "inert"], G = { class: "hys-ui-ent-form-actions" }, U = /* @__PURE__ */ q({
+import { defineComponent as V, ref as g, provide as $, computed as B, openBlock as z, createElementBlock as C, mergeProps as I, unref as P, withModifiers as S, createElementVNode as F, renderSlot as M, toRaw as K, nextTick as R } from "vue";
+import { formKey as N, focusHysField as T } from "../../composables/formContext.js";
+import { useHysRootAttrs as G } from "../../config.js";
+const J = ["disabled", "inert"], L = { class: "hys-ui-ent-form-actions" }, Y = /* @__PURE__ */ V({
   __name: "HysForm",
   props: {
     model: {},
@@ -14,110 +14,112 @@ const T = ["disabled", "inert"], G = { class: "hys-ui-ent-form-actions" }, U = /
     labelWidth: { default: "100px" }
   },
   emits: ["submit", "invalid", "reset"],
-  setup(l, { expose: M, emit: R }) {
-    const r = l, g = R, E = N(), f = w({}), y = w(!1), k = w(), d = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
-    function v(e, s = /* @__PURE__ */ new WeakMap()) {
-      const t = C(x(e));
+  setup(n, { expose: E, emit: H }) {
+    const r = n, v = H, W = G(), f = g({}), m = g(!1), p = g(!1), A = g(), d = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
+    function b(e, i = /* @__PURE__ */ new WeakMap()) {
+      const t = K(P(e));
       if (!t || typeof t != "object") return t;
       if (t instanceof Date) return new Date(t);
-      if (s.has(t)) return s.get(t);
+      if (i.has(t)) return i.get(t);
       if (!Array.isArray(t) && Object.getPrototypeOf(t) !== Object.prototype && Object.getPrototypeOf(t) !== null) return t;
-      const n = Array.isArray(t) ? [] : {};
-      s.set(t, n);
-      for (const [o, a] of Object.entries(t)) n[o] = v(a, s);
-      return n;
+      const l = Array.isArray(t) ? [] : {};
+      i.set(t, l);
+      for (const [o, a] of Object.entries(t)) l[o] = b(a, i);
+      return l;
     }
-    const F = v(r.model || {});
-    function A(e, s) {
-      return s.split(".").reduce((t, n) => t == null ? void 0 : t[n], e);
+    const q = b(r.model || {});
+    function O(e, i) {
+      return i.split(".").reduce((t, l) => t == null ? void 0 : t[l], e);
     }
-    async function p(e, s) {
+    async function h(e, i) {
       const t = (u.get(e) || 0) + 1;
       u.set(e, t);
-      const n = [r.rules[e] || []].flat().filter((i) => !s || !i.trigger || [i.trigger].flat().includes(s)), o = A(r.model || {}, e);
+      const l = [r.rules[e] || []].flat().filter((s) => !i || !s.trigger || [s.trigger].flat().includes(i)), o = O(r.model || {}, e);
       let a = "";
-      for (const i of n) {
-        const h = o == null || o === "" || Array.isArray(o) && !o.length;
+      for (const s of l) {
+        const k = o == null || o === "" || Array.isArray(o) && !o.length;
         try {
-          i.required && h && (a = i.message || "此项不能为空"), !h && i.pattern && (i.pattern.lastIndex = 0, i.pattern.test(String(o)) || (a = i.message || "格式不正确"));
+          s.required && k && (a = s.message || "此项不能为空"), !k && s.pattern && (s.pattern.lastIndex = 0, s.pattern.test(String(o)) || (a = s.message || "格式不正确"));
           const c = typeof o == "number" ? o : o == null ? void 0 : o.length;
-          if (!h && c !== void 0 && (i.min !== void 0 && c < i.min || i.max !== void 0 && c > i.max) && (a = i.message || "超出允许范围"), !a && i.validator) {
-            const m = await i.validator(o, r.model || {});
-            (m === !1 || typeof m == "string") && (a = typeof m == "string" ? m : i.message || "校验未通过");
+          if (!k && c !== void 0 && (s.min !== void 0 && c < s.min || s.max !== void 0 && c > s.max) && (a = s.message || "超出允许范围"), !a && s.validator) {
+            const y = await s.validator(o, r.model || {});
+            (y === !1 || typeof y == "string") && (a = typeof y == "string" ? y : s.message || "校验未通过");
           }
         } catch (c) {
-          a = c instanceof Error ? c.message : i.message || "校验失败";
+          a = c instanceof Error ? c.message : s.message || "校验失败";
         }
         if (a) break;
       }
       if (u.get(e) === t)
         if (a) f.value = { ...f.value, [e]: a };
         else {
-          const i = { ...f.value };
-          delete i[e], f.value = i;
+          const s = { ...f.value };
+          delete s[e], f.value = s;
         }
       return !a;
     }
-    function O(e) {
-      const s = e ? [e].flat() : [.../* @__PURE__ */ new Set([...Object.keys(f.value), ...u.keys()])];
-      for (const t of s)
+    function j(e) {
+      const i = e ? [e].flat() : [.../* @__PURE__ */ new Set([...Object.keys(f.value), ...u.keys()])];
+      for (const t of i)
         u.set(t, (u.get(t) || 0) + 1), delete f.value[t];
     }
-    async function j() {
-      y.value = !0;
+    async function x() {
+      m.value = !0;
       try {
         const e = [.../* @__PURE__ */ new Set([...Object.keys(r.rules), ...d.keys()])];
-        return (await Promise.all(e.map((t) => p(t)))).every(Boolean) && (!r.validate || await r.validate());
+        return (await Promise.all(e.map((t) => h(t)))).every(Boolean) && (!r.validate || await r.validate());
       } catch {
         return !1;
       } finally {
-        y.value = !1;
+        m.value = !1;
       }
     }
-    function b() {
-      if (r.model)
+    function w() {
+      if (p.value = !0, r.model)
         for (const e of d.size ? d.keys() : Object.keys(r.model)) {
-          const s = e.split("."), t = s.pop();
-          let n = r.model;
-          for (const o of s) n = n[o] ?? (n[o] = {});
-          n[t] = v(A(F, e));
+          const i = e.split("."), t = i.pop();
+          let l = r.model;
+          for (const o of i) l = l[o] ?? (l[o] = {});
+          l[t] = b(O(q, e));
         }
-      O(), g("reset");
+      j(), v("reset"), R(() => {
+        p.value = !1;
+      });
     }
-    async function W() {
-      var e, s;
-      r.loading || r.disabled || y.value || (await j() ? g("submit") : (g("invalid"), await I(), (s = (e = k.value) == null ? void 0 : e.querySelector('[aria-invalid="true"]')) == null || s.focus()));
+    async function D() {
+      var e;
+      r.loading || r.disabled || m.value || (await x() ? v("submit") : (v("invalid"), await R(), T((e = A.value) == null ? void 0 : e.querySelector('[aria-invalid="true"]'))));
     }
-    return D(K, { errors: f, rules: H(() => r.rules), validateField: p, register(e) {
+    return $(N, { model: B(() => r.model), resetting: p, errors: f, rules: B(() => r.rules), validateField: h, register(e) {
       return d.set(e, (d.get(e) || 0) + 1), () => {
-        const s = (d.get(e) || 1) - 1;
-        s ? d.set(e, s) : d.delete(e);
+        const i = (d.get(e) || 1) - 1;
+        i ? d.set(e, i) : d.delete(e);
       };
-    } }), M({ validate: j, validateField: p, clearValidate: O, resetFields: b, errors: f, validating: y }), (e, s) => (V(), $("form", z({
+    } }), E({ validate: x, validateField: h, clearValidate: j, resetFields: w, errors: f, validating: m }), (e, i) => (z(), C("form", I({
       ref_key: "root",
-      ref: k
-    }, x(E), {
-      class: ["hys-ui-ent-form", ["hys-ui-form-" + l.labelPosition, { "hys-ui-form-inline": l.inline }]],
-      style: { "--hys-ui-form-label-width": l.labelWidth },
+      ref: A
+    }, P(W), {
+      class: ["hys-ui-ent-form", ["hys-ui-form-" + n.labelPosition, { "hys-ui-form-inline": n.inline }]],
+      style: { "--hys-ui-form-label-width": n.labelWidth },
       novalidate: "",
-      onSubmit: B(W, ["prevent"]),
-      onReset: B(b, ["prevent"])
+      onSubmit: S(D, ["prevent"]),
+      onReset: S(w, ["prevent"])
     }), [
-      P("fieldset", {
-        disabled: l.disabled || l.loading,
-        inert: l.disabled || l.loading
+      F("fieldset", {
+        disabled: n.disabled || n.loading,
+        inert: n.disabled || n.loading
       }, [
-        S(e.$slots, "default", {}, void 0, !0),
-        P("div", G, [
-          S(e.$slots, "actions", {
-            validating: y.value,
-            reset: b
+        M(e.$slots, "default", {}, void 0, !0),
+        F("div", L, [
+          M(e.$slots, "actions", {
+            validating: m.value,
+            reset: w
           }, void 0, !0)
         ])
-      ], 8, T)
+      ], 8, J)
     ], 16));
   }
 });
 export {
-  U as default
+  Y as default
 };

package/dist/components/HysFormItem/HysFormItem.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as S, inject as g, ref as q, useId as x, computed as f, provide as C, watch as I, onBeforeUnmount as w, onMounted as F, onUpdated as N, openBlock as d, createElementBlock as s, mergeProps as V, unref as $, createTextVNode as j, toDisplayString as y, createCommentVNode as b, createElementVNode as z, normalizeClass as E, renderSlot as H } from "vue";
-import { formKey as K, fieldKey as R } from "../../composables/formContext.js";
-import { useHysRootAttrs as U } from "../../config.js";
-const D = ["for"], M = {
+import { defineComponent as E, inject as H, ref as B, useId as N, computed as d, provide as V, watch as C, onBeforeUnmount as $, onMounted as j, onUpdated as z, openBlock as u, createElementBlock as s, mergeProps as D, unref as I, createTextVNode as K, toDisplayString as h, createCommentVNode as g, createElementVNode as R, normalizeClass as U, renderSlot as M } from "vue";
+import { formKey as P, fieldKey as T, focusHysField as G } from "../../composables/formContext.js";
+import { useHysRootAttrs as J } from "../../config.js";
+const L = ["for"], O = {
   key: 0,
   "aria-hidden": "true"
-}, P = { key: 2 }, L = /* @__PURE__ */ S({
+}, Y = /* @__PURE__ */ E({
   __name: "HysFormItem",
   props: {
     label: {},
@@ -15,57 +15,73 @@ const D = ["for"], M = {
     for: {}
   },
   setup(l) {
-    const r = l, B = U(), t = g(K, void 0), m = q(), h = x(), a = q(r.for || h), u = h + "-error", n = f(() => r.error || (r.prop ? t == null ? void 0 : t.errors.value[r.prop] : "")), c = f(() => !!n.value), p = f(() => !!(r.required || r.prop && [(t == null ? void 0 : t.rules.value[r.prop]) || []].flat().some((e) => e.required)));
-    C(R, { id: a, error: n, errorId: u, required: p });
+    const r = l, S = J(), t = H(P, void 0), A = B(), v = N(), n = B(r.for || v), c = v + "-error", b = v + "-hint", a = d(() => r.error || (r.prop ? t == null ? void 0 : t.errors.value[r.prop] : "")), p = d(() => !!a.value), f = d(() => !!(r.required || r.prop && [(t == null ? void 0 : t.rules.value[r.prop]) || []].flat().some((e) => e.required))), y = d(() => p.value ? c : r.hint ? b : void 0);
+    V(T, { id: n, label: d(() => r.label), error: a, errorId: c, describedBy: y, required: f }), C(() => r.prop ? r.prop.split(".").reduce((e, o) => e == null ? void 0 : e[o], t == null ? void 0 : t.model.value) : void 0, () => {
+      t != null && t.model.value && !t.resetting.value && m("change");
+    }, { deep: !0 });
     let i;
-    I(() => r.prop, (e) => {
+    C(() => r.prop, (e) => {
       i == null || i(), i = e ? t == null ? void 0 : t.register(e) : void 0;
-    }, { immediate: !0 }), w(() => i == null ? void 0 : i());
+    }, { immediate: !0 }), $(() => i == null ? void 0 : i());
     function k() {
-      var v;
-      const e = (v = m.value) == null ? void 0 : v.querySelector('input:not([type="hidden"]),textarea,select,button[role="combobox"],button[role="switch"]');
-      if (!e) return;
-      e.id ? a.value = e.id : e.id = a.value, e.setAttribute("aria-invalid", String(c.value)), p.value && e.setAttribute("aria-required", "true");
+      var e;
+      return (r.for ? document.getElementById(r.for) : null) || ((e = A.value) == null ? void 0 : e.querySelector('input:not([type="hidden"]):not([hidden]),textarea,select,button[role="combobox"],button[role="switch"],[role="radiogroup"],[role="slider"],[role="button"],[contenteditable][role="textbox"]'));
+    }
+    function F(e) {
+      const o = k();
+      o && !o.matches("input,button,textarea,select") && (e.preventDefault(), G(o));
+    }
+    function q() {
+      const e = k();
+      if (!e || (e.id ? n.value = e.id : e.id = n.value, e.hasAttribute("data-hys-ui-field-managed"))) return;
+      e.setAttribute("aria-invalid", String(p.value)), f.value ? e.setAttribute("aria-required", "true") : e.removeAttribute("aria-required");
       const o = new Set((e.getAttribute("aria-describedby") || "").split(" ").filter(Boolean));
-      c.value ? o.add(u) : o.delete(u), o.size ? e.setAttribute("aria-describedby", [...o].join(" ")) : e.removeAttribute("aria-describedby");
+      o.delete(c), o.delete(b), y.value && o.add(y.value), o.size ? e.setAttribute("aria-describedby", [...o].join(" ")) : e.removeAttribute("aria-describedby");
     }
-    F(k), N(k);
-    function A(e) {
-      r.prop && (t == null || t.validateField(r.prop, e));
+    j(q), z(q);
+    function m(e) {
+      !(t != null && t.resetting.value) && r.prop && (t == null || t.validateField(r.prop, e));
     }
-    return (e, o) => (d(), s("div", V({
+    return (e, o) => (u(), s("div", D({
       ref_key: "root",
-      ref: m
-    }, $(B), {
+      ref: A
+    }, I(S), {
       class: "hys-ui-ent-field",
-      onChange: o[0] || (o[0] = (v) => A("change")),
-      onFocusout: o[1] || (o[1] = (v) => A("blur"))
+      onChange: o[0] || (o[0] = (w) => {
+        var x;
+        return !((x = I(t)) != null && x.model.value) && m("change");
+      }),
+      onFocusout: o[1] || (o[1] = (w) => m("blur"))
     }), [
-      l.label ? (d(), s("label", {
+      l.label ? (u(), s("label", {
         key: 0,
-        for: a.value
+        for: n.value,
+        onClick: F
       }, [
-        j(y(l.label) + " ", 1),
-        p.value ? (d(), s("span", M, "*")) : b("", !0)
-      ], 8, D)) : b("", !0),
-      z("div", {
-        class: E({ "hys-ui-ent-invalid": c.value })
+        K(h(l.label) + " ", 1),
+        f.value ? (u(), s("span", O, "*")) : g("", !0)
+      ], 8, L)) : g("", !0),
+      R("div", {
+        class: U({ "hys-ui-ent-invalid": p.value })
       }, [
-        H(e.$slots, "default", {
-          id: a.value,
-          invalid: c.value,
-          error: n.value
+        M(e.$slots, "default", {
+          id: n.value,
+          invalid: p.value,
+          error: a.value
         })
       ], 2),
-      n.value ? (d(), s("small", {
+      a.value ? (u(), s("small", {
         key: 1,
-        id: u,
+        id: c,
         role: "alert",
         class: "hys-ui-ent-error"
-      }, y(n.value), 1)) : l.hint ? (d(), s("small", P, y(l.hint), 1)) : b("", !0)
+      }, h(a.value), 1)) : l.hint ? (u(), s("small", {
+        key: 2,
+        id: b
+      }, h(l.hint), 1)) : g("", !0)
     ], 16));
   }
 });
 export {
-  L as default
+  Y as default
 };

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

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