hys-ui 0.1.0 → 0.2.0

package/dist/composables/calendar.js

@@ -0,0 +1,96 @@
+function h(n, t = "YYYY-MM-DD") {
+  if (n instanceof Date)
+    return Number.isFinite(n.getTime()) ? f(n.getFullYear(), n.getMonth(), n.getDate()) : void 0;
+  if (typeof n != "string") return;
+  let e = /^(\d{4})-(\d{2})-(\d{2})$/.exec(n);
+  if (!e && t !== "YYYY-MM-DD") {
+    const d = [], u = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&").replace(/YYYY|MM|DD/g, (y) => (d.push(y), y === "YYYY" ? "(\\d{4})" : "(\\d{2})"));
+    if (d.length !== 3 || new Set(d).size !== 3) return;
+    const s = new RegExp("^" + u + "$").exec(n);
+    s && (e = [
+      s[0],
+      s[d.indexOf("YYYY") + 1],
+      s[d.indexOf("MM") + 1],
+      s[d.indexOf("DD") + 1]
+    ]);
+  }
+  if (!e) return;
+  const a = +e[1], o = +e[2] - 1, c = +e[3];
+  if (a < 1 || a > 9999 || o < 0 || o > 11 || c < 1 || c > 31) return;
+  const Y = f(a, o, c), i = new Date(Y * 864e5);
+  if (i.getUTCFullYear() === a && i.getUTCMonth() === o && i.getUTCDate() === c)
+    return Y;
+}
+function f(n, t, e) {
+  const a = /* @__PURE__ */ new Date(0);
+  return a.setUTCFullYear(n, t, e), a.setUTCHours(0, 0, 0, 0), a.getTime() / 864e5;
+}
+function r(n) {
+  const t = new Date(n * 864e5);
+  return {
+    year: t.getUTCFullYear(),
+    month: t.getUTCMonth(),
+    day: t.getUTCDate(),
+    weekday: t.getUTCDay()
+  };
+}
+function l(n) {
+  const t = r(n);
+  return `${String(t.year).padStart(4, "0")}-${String(t.month + 1).padStart(2, "0")}-${String(t.day).padStart(2, "0")}`;
+}
+function p(n) {
+  const t = r(n), e = /* @__PURE__ */ new Date(0);
+  return e.setFullYear(t.year, t.month, t.day), e.setHours(0, 0, 0, 0), e;
+}
+function M(n, t) {
+  const e = r(n);
+  return t.replace(
+    /YYYY|MM|DD/g,
+    (a) => a === "YYYY" ? String(e.year).padStart(4, "0") : String(a === "MM" ? e.month + 1 : e.day).padStart(2, "0")
+  );
+}
+function m(n, t) {
+  const e = r(n), a = r(f(e.year, e.month + t, 1)), o = r(f(a.year, a.month + 1, 0)).day;
+  return f(a.year, a.month, Math.min(e.day, o));
+}
+function w(n, t, e) {
+  return [
+    n - (r(n).weekday - e + 7) % 7,
+    t + (e + 6 - r(t).weekday + 7) % 7
+  ];
+}
+function S(n) {
+  const t = (r(n).weekday + 6) % 7, e = n + 3 - t, a = r(e).year;
+  return 1 + Math.floor((e - f(a, 0, 1)) / 7);
+}
+function T(n, t, e) {
+  const a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  for (const c of n) {
+    const Y = h(c.date), i = h(c.end ?? c.date);
+    if (Y === void 0 || i === void 0 || i < Y || i < t || Y > e)
+      continue;
+    const d = /* @__PURE__ */ new Set();
+    for (let u = Math.max(Y, t); u <= Math.min(i, e); u++) {
+      const s = a.get(u) ?? [];
+      s.push(c), a.set(u, s);
+      const y = r(u), g = y.year * 12 + y.month;
+      if (!d.has(g)) {
+        const D = o.get(g) ?? [];
+        D.push(c), o.set(g, D), d.add(g);
+      }
+    }
+  }
+  return { dates: a, months: o };
+}
+export {
+  p as calendarDate,
+  h as calendarDay,
+  T as calendarEvents,
+  M as calendarFormat,
+  l as calendarISO,
+  r as calendarParts,
+  m as calendarShift,
+  S as calendarWeek,
+  w as calendarWeeks,
+  f as civilDay
+};

package/dist/composables/cascader.js

@@ -0,0 +1,79 @@
+import { treeField as n, treeKey as m } from "./tree.js";
+const L = (r) => JSON.stringify(r.map((e) => [typeof e, e]));
+function P(r) {
+  try {
+    const e = JSON.parse(r);
+    return Array.isArray(e) && e.every(
+      (l) => Array.isArray(l) && l.length === 2 && m(l[1]) && typeof l[1] === l[0]
+    ) ? e.map((l) => l[1]) : [];
+  } catch {
+    return [];
+  }
+}
+const j = (r) => Array.isArray(r) && r.every(m), B = {
+  panel: "级联选择",
+  search: "搜索分类",
+  empty: "暂无分类",
+  noMatch: "无匹配分类",
+  loading: "加载中",
+  loadError: "加载失败",
+  retry: "重试",
+  clear: "清空选择",
+  close: "关闭",
+  level: "第{level}级",
+  expand: "展开 {label}",
+  remove: "移除 {label}",
+  more: "另外 {count} 项",
+  limit: "最多选择 {count} 项"
+};
+function F(r, e, l) {
+  var A, w, x, C, S, k, K;
+  const i = {
+    value: "value",
+    label: "label",
+    children: "children",
+    disabled: "disabled",
+    leaf: "isLeaf",
+    hasChildren: "hasChildren",
+    ...e.fieldNames
+  }, g = [], o = /* @__PURE__ */ new Map(), h = new Set((l == null ? void 0 : l.nodes) ?? []), c = [...r].reverse().map((t) => ({ node: t, parent: l, target: g }));
+  for (; c.length; ) {
+    const t = c.pop(), { node: a } = t;
+    if (t.exit) {
+      h.delete(a);
+      continue;
+    }
+    if (!a || typeof a != "object" || h.has(a)) continue;
+    const f = typeof e.valueKey == "function" ? e.valueKey(a) : n(a, e.valueKey ?? i.value);
+    if (!m(f)) continue;
+    const M = [...((A = t.parent) == null ? void 0 : A.path) ?? [], f], y = L(M);
+    if (o.has(y)) continue;
+    const u = [...((w = t.parent) == null ? void 0 : w.nodes) ?? [], a], N = String(n(a, i.label) ?? f), d = n(a, i.children), E = ((x = e.leafMethod) == null ? void 0 : x.call(e, a, u)) ?? n(a, i.leaf) ?? ((C = e.fieldNames) != null && C.leaf ? void 0 : n(a, "leaf")), v = E === !0, J = E === !1, s = {
+      value: y,
+      label: N,
+      raw: a,
+      path: M,
+      labels: [...((S = t.parent) == null ? void 0 : S.labels) ?? [], N],
+      nodes: u,
+      disabled: !!((k = t.parent) != null && k.disabled || n(a, i.disabled) || (K = e.disabledMethod) != null && K.call(e, a, u)),
+      isLeaf: v,
+      hasChildren: !v && !!(Array.isArray(d) && d.length || n(a, i.hasChildren) || J),
+      children: []
+    };
+    if (o.set(y, s), t.target.push(s), h.add(a), c.push({ ...t, exit: !0 }), !v && Array.isArray(d))
+      for (let b = d.length - 1; b >= 0; b--)
+        c.push({
+          node: d[b],
+          parent: s,
+          target: s.children
+        });
+  }
+  return { roots: g, map: o };
+}
+export {
+  F as cascaderEntries,
+  P as cascaderPath,
+  L as cascaderToken,
+  B as cascaderWords,
+  j as validCascaderPath
+};

package/dist/composables/choice.js

@@ -0,0 +1,38 @@
+const s = Symbol(
+  "hys-ui-checkbox-group"
+);
+function c(e) {
+  return typeof e == "string" || typeof e == "boolean" || typeof e == "number" && Number.isFinite(e);
+}
+function u(e) {
+  return typeof e + ":" + String(e);
+}
+function y(e) {
+  return Array.isArray(e) ? [...new Set(e.filter(c))] : [];
+}
+function b(e, o = {}) {
+  const a = /* @__PURE__ */ new Set(), i = [];
+  if (!Array.isArray(e)) return i;
+  for (const r of e) {
+    const n = c(r) ? { label: String(r), value: r } : r;
+    if (!n || typeof n != "object") continue;
+    const t = n[o.value ?? "value"];
+    !c(t) || a.has(u(t)) || (a.add(u(t)), i.push({
+      ...n,
+      label: String(n[o.label ?? "label"] ?? t),
+      value: t,
+      disabled: !!n[o.disabled ?? "disabled"],
+      indeterminate: !!n[o.indeterminate ?? "indeterminate"]
+    }));
+  }
+  return i;
+}
+const f = Symbol("hys-ui-radio-group");
+export {
+  s as checkboxGroupKey,
+  u as choiceKey,
+  b as choiceOptions,
+  c as isChoice,
+  f as radioGroupKey,
+  y as uniqueChoices
+};

package/dist/composables/choiceModel.js

@@ -0,0 +1,67 @@
+import { shallowRef as B, inject as C, computed as R, watch as x, onActivated as E, onDeactivated as L, onBeforeUnmount as M, onMounted as T, onUpdated as U, nextTick as j } from "vue";
+import { formKey as b } from "./formContext.js";
+function D(r, v, f = Object.is, c) {
+  const i = B(v()), t = C(b, void 0), l = R(
+    () => r.modelValue === void 0 ? i.value : r.modelValue
+  );
+  let n = !0, s = 0, u;
+  function o() {
+    s++, u = void 0, c == null || c();
+  }
+  async function a(e, m, h, V = !1) {
+    if (!n || f(l.value, e)) return !1;
+    const k = ++s;
+    return u = { value: e, version: k }, r.modelValue === void 0 && (i.value = e), m(e), V && h(e), await j(), !n || k !== s || (u = void 0, !f(l.value, e)) ? !1 : (V || h(e), !0);
+  }
+  function d() {
+    o(), r.modelValue === void 0 && (i.value = v());
+  }
+  return x(
+    () => r.modelValue,
+    (e) => {
+      u && f(e, u.value) || o();
+    },
+    { flush: "sync" }
+  ), x(
+    () => t == null ? void 0 : t.resetting.value,
+    (e) => {
+      e && o();
+    },
+    { flush: "sync" }
+  ), E(() => {
+    n = !0;
+  }), L(() => {
+    n = !1, o();
+  }), M(() => {
+    n = !1, o();
+  }), { current: l, commit: a, reset: d, invalidate: o, isLive: () => n };
+}
+function F(r, v, f, c) {
+  let i = !0, t, l = 0;
+  function n(o) {
+    const a = l;
+    queueMicrotask(() => {
+      !i || a !== l || o.defaultPrevented || (v(), j(() => f == null ? void 0 : f()));
+    });
+  }
+  function s() {
+    l++, t == null || t.removeEventListener("reset", n), t = void 0;
+  }
+  function u() {
+    var e, m;
+    if (!i) return;
+    const o = c == null ? void 0 : c(), a = o ? document.getElementById(o) : ((e = r.value) == null ? void 0 : e.form) || ((m = r.value) == null ? void 0 : m.closest("form")), d = a instanceof HTMLFormElement ? a : void 0;
+    d !== t && (s(), t = d, t == null || t.addEventListener("reset", n));
+  }
+  T(u), U(u), E(() => {
+    i = !0, u();
+  }), L(() => {
+    i = !1, s();
+  }), M(() => {
+    i = !1, s();
+  });
+}
+export {
+  D as useChoiceModel,
+  F as useChoiceNativeReset
+};

package/dist/composables/datePicker.js

@@ -0,0 +1,227 @@
+import { calendarDate as C, calendarParts as u, civilDay as d, calendarISO as g, calendarDay as N, calendarShift as A } from "./calendar.js";
+const P = {
+  open: void 0,
+  showConfirm: void 0,
+  type: "date",
+  clearable: !1,
+  editable: !1,
+  bordered: !0,
+  firstDayOfWeek: 1,
+  locale: "zh-CN",
+  showAdjacentDays: !0,
+  showToday: !0,
+  showNow: !0,
+  showFooter: !0,
+  showSeconds: !0,
+  singlePanel: !0,
+  rangeSeparator: " 至 ",
+  hourStep: 1,
+  minuteStep: 1,
+  secondStep: 1,
+  rangeValidation: "endpoints",
+  validateEvent: !0,
+  appendTo: "body"
+}, Q = {
+  today: "今天",
+  now: "此刻",
+  clear: "清空",
+  cancel: "取消",
+  close: "关闭",
+  confirm: "确定",
+  start: "开始日期",
+  end: "结束日期",
+  chooseStart: "请选择开始日期",
+  chooseEnd: "请选择结束日期",
+  invalid: "请选择有效日期",
+  week: "周",
+  year: "选择年份",
+  month: "选择月份",
+  back: "返回日期",
+  prevMonth: "上个月",
+  nextMonth: "下个月",
+  prevYear: "上一年",
+  nextYear: "下一年",
+  hour: "时",
+  minute: "分",
+  second: "秒",
+  empty: "选择日期",
+  limit: "最多选择 {count} 项"
+}, b = {
+  today: "Today",
+  now: "Now",
+  clear: "Clear",
+  cancel: "Cancel",
+  close: "Close",
+  confirm: "OK",
+  start: "Start date",
+  end: "End date",
+  chooseStart: "Choose a start date",
+  chooseEnd: "Choose an end date",
+  invalid: "Choose a valid date",
+  week: "Wk",
+  year: "Choose year",
+  month: "Choose month",
+  back: "Back to dates",
+  prevMonth: "Previous month",
+  nextMonth: "Next month",
+  prevYear: "Previous year",
+  nextYear: "Next year",
+  hour: "Hour",
+  minute: "Minute",
+  second: "Second",
+  empty: "Choose a date",
+  limit: "Select up to {count} items"
+}, M = d(1, 0, 1), S = d(9999, 11, 31), D = (e) => e === "datetime" || !e ? "date" : e.replace(/s$/, ""), F = (e) => ["dates", "weeks", "months", "quarters", "years"].includes(e ?? "");
+function O(e, t = !1) {
+  return t ? "YYYY-MM-DD HH:mm:ss" : D(e) === "year" ? "YYYY" : D(e) === "month" ? "YYYY-MM" : D(e) === "quarter" ? "YYYY-[Q]Q" : "YYYY-MM-DD";
+}
+function $(e, t, i = 1) {
+  const n = u(e);
+  if (t === "year")
+    return [d(n.year, 0, 1), d(n.year, 11, 31)];
+  if (t === "quarter") {
+    const r = Math.floor(n.month / 3) * 3;
+    return [d(n.year, r, 1), d(n.year, r + 3, 0)];
+  }
+  if (t === "month")
+    return [d(n.year, n.month, 1), d(n.year, n.month + 1, 0)];
+  if (t === "week") {
+    const r = e - (n.weekday - i + 7) % 7;
+    return [Math.max(M, r), Math.min(S, r + 6)];
+  }
+  return [e, e];
+}
+function v(e) {
+  const t = /^(\d{2}):(\d{2})(?::(\d{2}))?$/.exec(e ?? "");
+  return t && +t[1] < 24 && +t[2] < 60 && +(t[3] ?? 0) < 60 ? +t[1] * 3600 + +t[2] * 60 + +(t[3] ?? 0) : 0;
+}
+const G = /\[[^\]]*\]|YYYY|GGGG|MM|DD|HH|mm|ss|WW|Q/g;
+function W(e, t = 1, i = 4) {
+  t = Number.isFinite(t) ? (Math.trunc(t) % 7 + 7) % 7 : 1, i = Number.isFinite(i) ? Math.max(1, Math.min(7, Math.trunc(i))) : 4;
+  const n = (l) => {
+    const h = d(l, 0, i);
+    return h - (u(h).weekday - t + 7) % 7;
+  }, r = e - (u(e).weekday - t + 7) % 7;
+  let o = u(e).year;
+  r < n(o) ? o-- : r >= n(o + 1) && o++;
+  const m = Math.max(M, r), c = Math.min(S, r + 6);
+  return {
+    year: o,
+    week: Math.floor((r - n(o)) / 7) + 1,
+    start: g(m),
+    end: g(c),
+    dates: Array.from(
+      { length: Math.max(0, c - m + 1) },
+      (l, h) => g(m + h)
+    )
+  };
+}
+function q(e, t, i = 1, n = 4) {
+  const r = u(e.day), o = W(e.day, i, n), m = {
+    YYYY: String(r.year).padStart(4, "0"),
+    GGGG: String(o.year).padStart(4, "0"),
+    MM: String(r.month + 1).padStart(2, "0"),
+    DD: String(r.day).padStart(2, "0"),
+    HH: String(Math.floor(e.second / 3600)).padStart(2, "0"),
+    mm: String(Math.floor(e.second / 60) % 60).padStart(2, "0"),
+    ss: String(e.second % 60).padStart(2, "0"),
+    WW: String(o.week).padStart(2, "0"),
+    Q: String(Math.floor(r.month / 3) + 1)
+  };
+  return t.replace(
+    G,
+    (c) => c.startsWith("[") ? c.slice(1, -1) : m[c]
+  );
+}
+function E(e, t = "YYYY-MM-DD", i = 1, n = 4) {
+  if (e instanceof Date || typeof e == "number") {
+    const a = e instanceof Date ? e : new Date(e);
+    if (!Number.isFinite(a.getTime())) return;
+    const s = N(a);
+    return s === void 0 ? void 0 : {
+      day: s,
+      second: a.getHours() * 3600 + a.getMinutes() * 60 + a.getSeconds()
+    };
+  }
+  if (typeof e != "string" || !e.trim()) return;
+  if (t === "x" || t === "X")
+    return /^-?\d+(?:\.\d+)?$/.test(e) ? E(Number(e) * (t === "X" ? 1e3 : 1)) : void 0;
+  const r = {}, o = [];
+  let m = 0, c = "";
+  for (const a of t.matchAll(G)) {
+    c += w(t.slice(m, a.index));
+    const s = a[0];
+    s.startsWith("[") ? c += w(s.slice(1, -1)) : (o.push(s), c += s === "Q" ? "(\\d)" : s === "YYYY" || s === "GGGG" ? "(\\d{4})" : "(\\d{2})"), m = a.index + s.length;
+  }
+  c += w(t.slice(m));
+  const l = new RegExp("^" + c + "$").exec(e);
+  if (!l || !o.some((a) => a === "YYYY" || a === "GGGG") || new Set(o).size !== o.length)
+    return;
+  o.forEach((a, s) => r[a] = +l[s + 1]);
+  const h = r.YYYY ?? r.GGGG, Y = r.MM ?? (r.Q ? (r.Q - 1) * 3 + 1 : 1), y = r.DD ?? 1, p = r.HH ?? 0, k = r.mm ?? 0, x = r.ss ?? 0;
+  if (h < 1 || h > 9999 || Y < 1 || Y > 12 || y < 1 || y > 31 || p > 23 || k > 59 || x > 59 || r.Q !== void 0 && (r.Q < 1 || r.Q > 4))
+    return;
+  let f = d(h, Y - 1, y);
+  if (r.WW !== void 0) {
+    if (r.WW < 1 || r.WW > 53) return;
+    const a = d(
+      h,
+      0,
+      Math.max(1, Math.min(7, Math.trunc(n)))
+    );
+    f = a - (u(a).weekday - i + 7) % 7 + (r.WW - 1) * 7;
+    const s = W(f, i, n);
+    if (s.week !== r.WW || s.year !== h) return;
+  } else if (u(f).month !== Y - 1 || u(f).day !== y)
+    return;
+  if (!(f < M || f > S))
+    return { day: f, second: p * 3600 + k * 60 + x };
+}
+function w(e) {
+  return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function I(e) {
+  const t = C(e.day);
+  return t.setHours(
+    Math.floor(e.second / 3600),
+    Math.floor(e.second / 60) % 60,
+    e.second % 60,
+    0
+  ), t;
+}
+function T(e, t) {
+  return e instanceof Date && t instanceof Date ? e.getTime() === t.getTime() : Array.isArray(e) && Array.isArray(t) ? e.length === t.length && e.every((i, n) => T(i, t[n])) : Object.is(e, t);
+}
+function z(e) {
+  return e instanceof Date ? new Date(e) : Array.isArray(e) ? e.map((t) => t instanceof Date ? new Date(t) : t) : e;
+}
+function X(e) {
+  try {
+    return new Intl.DateTimeFormat(e, { month: "long" });
+  } catch {
+    return new Intl.DateTimeFormat("zh-CN", { month: "long" });
+  }
+}
+function _(e, t) {
+  return Math.max(M, Math.min(S, A(e, t)));
+}
+export {
+  S as DATE_MAX,
+  M as DATE_MIN,
+  z as dateClone,
+  T as dateEqual,
+  q as dateFormat,
+  X as dateLocale,
+  F as dateMultiple,
+  I as dateNative,
+  O as datePattern,
+  $ as datePeriod,
+  P as datePickerDefaults,
+  b as datePickerEnglish,
+  Q as datePickerWords,
+  E as datePoint,
+  _ as dateShift,
+  v as dateTimeSeconds,
+  D as dateUnit,
+  W as dateWeek
+};

package/dist/composables/formContext.js

@@ -1,5 +1,96 @@
-const o = Symbol("hys-ui-form"), y = Symbol("hys-ui-field");
+import { inject as d, computed as n } from "vue";
+const b = Symbol("hys-ui-form"), c = Symbol("hys-ui-field");
+function p() {
+  const e = d(c, void 0);
+  return {
+    id: n(() => e == null ? void 0 : e.id.value),
+    label: n(() => e == null ? void 0 : e.label.value),
+    disabled: n(() => {
+      var t;
+      return ((t = e == null ? void 0 : e.disabled) == null ? void 0 : t.value) ?? !1;
+    }),
+    size: n(() => {
+      var t;
+      return ((t = e == null ? void 0 : e.size) == null ? void 0 : t.value) ?? "md";
+    }),
+    required: n(() => (e == null ? void 0 : e.required.value) ?? !1),
+    invalid: n(() => {
+      var t;
+      return ((t = e == null ? void 0 : e.invalid) == null ? void 0 : t.value) ?? !!(e != null && e.error.value);
+    }),
+    status: n(() => {
+      var t;
+      return ((t = e == null ? void 0 : e.status) == null ? void 0 : t.value) ?? "idle";
+    }),
+    error: n(() => e == null ? void 0 : e.error.value),
+    describedBy: n(() => e == null ? void 0 : e.describedBy.value),
+    validate: (t) => {
+      var a;
+      return ((a = e == null ? void 0 : e.validate) == null ? void 0 : a.call(e, t)) ?? Promise.resolve(!0);
+    }
+  };
+}
+function y(e) {
+  const t = d(b, void 0), a = d(c, void 0);
+  return {
+    disabled: n(
+      () => {
+        var s;
+        return !!(e.disabled || t != null && t.disabled.value || (s = a == null ? void 0 : a.disabled) != null && s.value);
+      }
+    ),
+    size: n(
+      () => {
+        var s;
+        return e.size ?? ((s = a == null ? void 0 : a.size) == null ? void 0 : s.value) ?? (t == null ? void 0 : t.size.value) ?? "md";
+      }
+    ),
+    label: n(() => a == null ? void 0 : a.label.value)
+  };
+}
+function l(e) {
+  return Array.isArray(e) ? e.map(String).join(".") : String(e).replace(
+    /\[(?:"([^"\]]+)"|'([^'\]]+)'|(\d+))\]/g,
+    (t, a, s, u) => "." + (a ?? s ?? u)
+  ).replace(/^\./, "");
+}
+function m(e, t) {
+  return l(t).split(".").reduce(
+    (a, s) => a != null && Object.prototype.hasOwnProperty.call(Object(a), s) ? a[s] : void 0,
+    e
+  );
+}
+function h(e, t, a) {
+  const s = l(t).split(".");
+  if (s.some(
+    (o) => ["__proto__", "prototype", "constructor"].includes(o)
+  ))
+    return;
+  const u = s.pop();
+  let r = e;
+  for (let o = 0; o < s.length; o++) {
+    const i = s[o];
+    (!r[i] || typeof r[i] != "object") && (r[i] = /^\d+$/.test(s[o + 1] ?? u) ? [] : {}), r = r[i];
+  }
+  r[u] = a;
+}
+function x(e) {
+  if (!e || e.closest("[inert],fieldset[disabled]") || e.getAttribute("aria-disabled") === "true")
+    return;
+  const t = e.matches(
+    'input:not([type="hidden"]):not([hidden]),button,textarea,select,a[href],[tabindex],[contenteditable="true"]'
+  ) ? e : e.querySelector(
+    'input:checked:not(:disabled),input:not(:disabled):not([type="hidden"]):not([hidden]),button:not(:disabled),[tabindex]:not([tabindex="-1"])'
+  );
+  t == null || t.focus();
+}
 export {
-  y as fieldKey,
-  o as formKey
+  c as fieldKey,
+  x as focusHysField,
+  b as formKey,
+  l as formPath,
+  m as formValue,
+  h as setFormValue,
+  y as useHysControlState,
+  p as useHysFormItemContext
 };

package/dist/composables/formLayout.js

@@ -0,0 +1,57 @@
+import { ref as d, watch as a, onMounted as u, onActivated as c, onDeactivated as m, onBeforeUnmount as p, computed as h } from "vue";
+const s = [
+  ["xs", 0],
+  ["sm", 576],
+  ["md", 768],
+  ["lg", 992],
+  ["xl", 1200],
+  ["xxl", 1600]
+];
+function v(t, r, e = 1) {
+  let o = typeof t == "number" ? t : e;
+  if (t && typeof t == "object")
+    for (const [n, i] of s)
+      r >= i && t[n] !== void 0 && (o = t[n]);
+  return Math.max(1, Math.min(24, Math.floor(Number(o) || e)));
+}
+function l(t, r) {
+  if (!t) return;
+  let e = { span: t.span, offset: t.offset };
+  for (const [o, n] of s)
+    if (r >= n && t[o] !== void 0) {
+      const i = t[o];
+      e = {
+        ...e,
+        ...typeof i == "number" ? { span: i } : i
+      };
+    }
+  return {
+    span: Math.max(0, Math.min(24, Math.floor(e.span ?? 24))),
+    offset: Math.max(0, Math.min(23, Math.floor(e.offset ?? 0)))
+  };
+}
+function M(t) {
+  const r = d(0);
+  let e, o = !0;
+  const n = () => {
+    t.value && (r.value = t.value.clientWidth || t.value.getBoundingClientRect().width);
+  };
+  function i() {
+    f(), !(!o || !t.value) && (n(), typeof ResizeObserver < "u" ? (e = new ResizeObserver(n), e.observe(t.value)) : typeof window < "u" && window.addEventListener("resize", n));
+  }
+  function f() {
+    e == null || e.disconnect(), e = void 0, typeof window < "u" && window.removeEventListener("resize", n);
+  }
+  return a(t, i), u(i), c(() => {
+    o = !0, i();
+  }), m(() => {
+    o = !1, f();
+  }), p(() => {
+    o = !1, f();
+  }), h(() => r.value);
+}
+export {
+  l as resolveFormCol,
+  v as resolveFormGrid,
+  M as useFormWidth
+};