hys-ui 0.5.0 → 0.7.0

package/dist/components/HysDataGrid/gridColumnLayout.js

@@ -0,0 +1,46 @@
+import { positiveInteger as h } from "../../composables/dataGrid.js";
+const f = (r) => h(r.minWidth, 80), p = (r) => Math.max(f(r), h(r.maxWidth, 800)), c = (r, e) => Math.max(
+  f(r),
+  Math.min(p(r), e)
+);
+function x(r, e) {
+  const d = [...r.keys()], g = [
+    .../* @__PURE__ */ new Set([
+      ...Array.isArray(e == null ? void 0 : e.order) ? e.order.filter((i) => r.has(i)) : [],
+      ...d
+    ])
+  ], s = [
+    ...new Set(
+      Array.isArray(e == null ? void 0 : e.hidden) ? e.hidden.filter(
+        (i) => {
+          var n;
+          return r.has(i) && ((n = r.get(i)) == null ? void 0 : n.hideable) !== !1;
+        }
+      ) : []
+    )
+  ], m = Object.fromEntries(
+    Object.entries((e == null ? void 0 : e.widths) ?? {}).flatMap(([i, n]) => {
+      const t = r.get(i);
+      return t && typeof n == "number" && Number.isFinite(n) ? [[i, c(t, n)]] : [];
+    })
+  ), b = Object.fromEntries(
+    Object.entries((e == null ? void 0 : e.pins) ?? {}).filter(
+      ([i, n]) => {
+        var t;
+        return r.has(i) && ((t = r.get(i)) == null ? void 0 : t.pinnable) !== !1 && (n === null || n === "left" || n === "right");
+      }
+    )
+  );
+  return {
+    order: g,
+    hidden: s.length === d.length ? [] : s,
+    widths: m,
+    pins: b
+  };
+}
+export {
+  c as gridBoundColumnWidth,
+  p as gridMaxColumnWidth,
+  f as gridMinColumnWidth,
+  x as normalizeGridColumnLayout
+};

package/dist/components/HysDataGrid/gridPresentation.js

@@ -0,0 +1,17 @@
+function c(p, t) {
+  var e, r;
+  const u = [];
+  for (const o of p) {
+    const s = t(o), n = u.at(-1);
+    n && ((e = n.group) == null ? void 0 : e.key) === ((r = o.group) == null ? void 0 : r.key) && n.pinned === s ? n.columns.push(o) : u.push({
+      id: o.key,
+      group: o.group,
+      columns: [o],
+      pinned: s
+    });
+  }
+  return u;
+}
+export {
+  c as gridHeaderGroups
+};

package/dist/components/HysDataGrid/useGridContextMenu.js

@@ -0,0 +1,33 @@
+import { useTemplateRef as C, shallowRef as m, nextTick as R } from "vue";
+function A(c) {
+  const i = C("gridContextMenu"), r = m(), d = m([]);
+  let u = 0;
+  async function x(t, e) {
+    var h;
+    const n = c.config();
+    if (e.defaultPrevented || !n || !c.enabled(t)) return;
+    const y = c.defaults(t), l = typeof n == "function" ? n(t, y) : y;
+    if (!l || !l.some(
+      (f) => !f.hidden && f.type !== "divider" && f.type !== "group"
+    ))
+      return;
+    e.preventDefault();
+    const o = e.currentTarget, s = o.getBoundingClientRect(), a = e instanceof MouseEvent && (e.detail > 0 || e.type === "contextmenu" && (e.button === 2 || e.clientX !== 0 || e.clientY !== 0)), k = a ? e.clientX : s.left + Math.min(s.width / 2, 28), M = a ? e.clientY : s.bottom, g = ++u;
+    a && !o.contains(o.ownerDocument.activeElement) && (o.tabIndex >= 0 || o.hasAttribute("tabindex")) && o.focus({ preventScroll: !0 }), r.value = t, d.value = l, await R(), g === u && c.enabled(t) && await ((h = i.value) == null ? void 0 : h.showAt(k, M));
+  }
+  function b(t, e) {
+    (e.key === "ContextMenu" || e.shiftKey && e.key === "F10") && x(t, e);
+  }
+  function p(t, e) {
+    const n = r.value;
+    n && c.enabled(n) && c.select(t, n, e);
+  }
+  function w() {
+    var t;
+    u++, (t = i.value) != null && t.open && i.value.hide(!1);
+  }
+  return { items: d, open: x, keydown: b, select: p, close: w };
+}
+export {
+  A as useGridContextMenu
+};

package/dist/components/HysDescriptions/HysDescriptions.vue.js

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

package/dist/components/HysDescriptions/HysDescriptions2.vue.js

@@ -0,0 +1,146 @@
+import { defineComponent as A, useSlots as N, ref as B, useId as F, computed as S, openBlock as a, createElementBlock as i, mergeProps as d, unref as L, renderSlot as o, createTextVNode as u, toDisplayString as c, createCommentVNode as y, Fragment as M, renderList as W, normalizeStyle as f, createElementVNode as p, normalizeClass as $ } from "vue";
+import { useHysRootAttrs as I } from "../../config.js";
+import { resolveFormGrid as T } from "../../composables/formLayout.js";
+import { useContainerWidth as V } from "../../composables/useContainerWidth.js";
+const D = ["data-layout", "data-size", "data-bordered", "aria-label", "aria-labelledby"], E = {
+  key: 0,
+  class: "hys-descriptions-header"
+}, H = {
+  key: 1,
+  class: "hys-descriptions-extra"
+}, R = {
+  key: 1,
+  class: "hys-descriptions-list"
+}, G = {
+  key: 0,
+  "aria-hidden": "true"
+}, P = {
+  key: 2,
+  class: "hys-descriptions-empty"
+}, O = /* @__PURE__ */ A({
+  __name: "HysDescriptions",
+  props: {
+    items: { default: () => [] },
+    title: {},
+    extra: {},
+    columns: { default: () => ({ xs: 1, sm: 2, lg: 3 }) },
+    layout: { default: "horizontal" },
+    size: { default: "md" },
+    bordered: { type: Boolean },
+    colon: { type: Boolean },
+    labelWidth: {},
+    labelAlign: { default: "start" },
+    align: { default: "start" },
+    labelStyle: {},
+    contentStyle: {},
+    placeholder: { default: "—" },
+    emptyText: { default: "暂无详情" },
+    ariaLabel: {}
+  },
+  setup(l) {
+    const h = l, n = N(), v = B(), z = I(), g = F() + "-descriptions-title", C = V(v), m = S(() => T(h.columns, C.value)), b = S(
+      () => h.items.filter((e) => !e.hidden).map((e, s) => {
+        const t = e.value, r = e.format ? e.format(t, e) : t;
+        return {
+          item: e,
+          index: s,
+          value: t,
+          text: r == null || r === "" ? h.placeholder : String(r)
+        };
+      })
+    );
+    function k(e) {
+      return typeof e != "number" ? e : Number.isFinite(e) ? Math.max(0, e) + "px" : void 0;
+    }
+    function x(e, s) {
+      return Number.isFinite(e) ? Math.min(s, Math.max(1, Math.floor(e))) : 1;
+    }
+    function w(e) {
+      const { item: s } = e, t = x(
+        s.span === "full" ? m.value : s.span,
+        m.value
+      ), r = m.value === 1 ? 1 : x(s.rowSpan, b.value.length);
+      return {
+        gridColumn: "span " + t,
+        gridRow: "span " + r,
+        "--hys-description-field-label-width": k(s.labelWidth)
+      };
+    }
+    return (e, s) => (a(), i("section", d({
+      ref_key: "root",
+      ref: v
+    }, L(z), {
+      class: "hys-ui-descriptions",
+      "data-layout": l.layout,
+      "data-size": l.size,
+      "data-bordered": l.bordered || void 0,
+      "aria-label": l.ariaLabel,
+      "aria-labelledby": !l.ariaLabel && (l.title || n.title) ? g : void 0,
+      style: {
+        "--hys-descriptions-columns": m.value,
+        "--hys-descriptions-label-width": k(l.labelWidth)
+      }
+    }), [
+      l.title || l.extra || n.title || n.extra ? (a(), i("header", E, [
+        l.title || n.title ? (a(), i("div", {
+          key: 0,
+          id: g,
+          class: "hys-descriptions-title"
+        }, [
+          o(e.$slots, "title", {}, () => [
+            u(c(l.title), 1)
+          ], !0)
+        ])) : y("", !0),
+        l.extra || n.extra ? (a(), i("div", H, [
+          o(e.$slots, "extra", {}, () => [
+            u(c(l.extra), 1)
+          ], !0)
+        ])) : y("", !0)
+      ])) : y("", !0),
+      b.value.length ? (a(), i("dl", R, [
+        (a(!0), i(M, null, W(b.value, (t) => (a(), i("div", {
+          key: t.item.key,
+          class: "hys-descriptions-field",
+          style: f(w(t))
+        }, [
+          p("dt", {
+            class: $(["hys-descriptions-label", t.item.labelClass]),
+            style: f([
+              { textAlign: t.item.labelAlign ?? l.labelAlign },
+              l.labelStyle,
+              t.item.labelStyle
+            ])
+          }, [
+            o(e.$slots, `label-${t.item.key}`, d({ ref_for: !0 }, t), () => [
+              o(e.$slots, "label", d({ ref_for: !0 }, t), () => [
+                u(c(t.item.label), 1)
+              ], !0)
+            ], !0),
+            l.colon ? (a(), i("span", G, "：")) : y("", !0)
+          ], 6),
+          p("dd", {
+            class: $(["hys-descriptions-value", t.item.contentClass]),
+            style: f([
+              { textAlign: t.item.align ?? l.align },
+              l.contentStyle,
+              t.item.contentStyle
+            ])
+          }, [
+            o(e.$slots, `value-${t.item.key}`, d({ ref_for: !0 }, t), () => [
+              o(e.$slots, "value", d({ ref_for: !0 }, t), () => [
+                u(c(t.text), 1)
+              ], !0)
+            ], !0)
+          ], 6)
+        ], 4))), 128))
+      ])) : (a(), i("div", P, [
+        o(e.$slots, "empty", {}, () => [
+          u(c(l.emptyText), 1)
+        ], !0)
+      ]))
+    ], 16, D));
+  }
+});
+export {
+  O as default
+};

package/dist/components/HysDrawer/HysDrawer.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysDrawer2.vue.js";
 /* empty css               */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-81102b84"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8b06b772"]]);
 export {
   p as default
 };

package/dist/components/HysDrawer/HysDrawer2.vue.js

@@ -323,7 +323,7 @@ const Pe = ["inert", "aria-hidden"], De = ["role", "aria-label", "aria-labelledb
                     e.showClose ? (d(), u("button", {
                       key: 1,
                       type: "button",
-                      class: "hys-ui-icon-action",
+                      class: "hys-ui-icon-action hys-ui-dialog-close",
                       "aria-label": e.closeText,
                       disabled: t(a).closing.value || t(a).confirming.value && !e.closeWhileConfirming,
                       onClick: i[1] || (i[1] = (r) => t(a).requestClose("button", r))
@@ -336,7 +336,7 @@ const Pe = ["inert", "aria-hidden"], De = ["role", "aria-label", "aria-labelledb
                 ], 6)) : e.showClose ? (d(), u("button", {
                   key: 1,
                   type: "button",
-                  class: "hys-ui-icon-action hys-ui-drawer-floating-close",
+                  class: "hys-ui-icon-action hys-ui-dialog-close hys-ui-drawer-floating-close",
                   "aria-label": e.closeText,
                   disabled: t(a).closing.value || t(a).confirming.value && !e.closeWhileConfirming,
                   onClick: i[2] || (i[2] = (r) => t(a).requestClose("button", r))

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

@@ -1,12 +1,13 @@
 import { defineComponent as cl, ref as V, shallowRef as dl, computed as r, provide as vl, watch as Y, nextTick as G, onActivated as fl, onDeactivated as pl, onBeforeUnmount as gl, openBlock as qe, createElementBlock as Ie, mergeProps as ml, unref as bl, withModifiers as Le, createElementVNode as yl, renderSlot as _e, createCommentVNode as hl } from "vue";
 import { formPath as T, formKey as wl, formValue as g, setFormValue as Z, focusHysField as Fl } from "../../composables/formContext.js";
-import { useFormWidth as kl, resolveFormGrid as Ml, resolveFormCol as Ol } from "../../composables/formLayout.js";
+import { resolveFormGrid as kl, resolveFormCol as Ml } from "../../composables/formLayout.js";
 import { snapshotForm as d, sameFormValue as H, nestedFormRules as ze, runFormRules as $e } from "../../composables/formValidation.js";
-import { useHysRootAttrs as jl } from "../../config.js";
+import { useHysRootAttrs as Ol } from "../../config.js";
+import { useContainerWidth as jl } from "../../composables/useContainerWidth.js";
 const Bl = ["aria-busy"], Pl = ["disabled", "inert"], Vl = {
   key: 0,
   class: "hys-ui-ent-form-actions"
-}, Sl = /* @__PURE__ */ cl({
+}, Tl = /* @__PURE__ */ cl({
   __name: "HysForm",
   props: {
     model: {},
@@ -45,14 +46,14 @@ const Bl = ["aria-busy"], Pl = ["disabled", "inert"], Vl = {
   },
   emits: ["submit", "invalid", "reset", "validate", "validation"],
   setup(N, { expose: Ge, emit: He }) {
-    const a = N, D = He, Ne = jl(), ee = V(), v = V({}), f = V({}), p = V({}), M = V(!1), ce = V(!1), E = V(!1), O = V({}), j = V({}), m = dl([]), R = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), de = /* @__PURE__ */ new Set(), W = /* @__PURE__ */ new Map(), K = /* @__PURE__ */ new Map(), le = r(
+    const a = N, D = He, Ne = Ol(), ee = V(), v = V({}), f = V({}), p = V({}), M = V(!1), ce = V(!1), E = V(!1), O = V({}), j = V({}), m = dl([]), R = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), de = /* @__PURE__ */ new Set(), W = /* @__PURE__ */ new Map(), K = /* @__PURE__ */ new Map(), le = r(
       () => Object.fromEntries(
         Object.entries(a.rules).map(([e, l]) => [T(e), l])
       )
     ), x = r(() => !!(a.disabled || a.loading)), ve = r(
       () => typeof a.labelWidth == "number" ? a.labelWidth + "px" : a.labelWidth
-    ), te = kl(ee), we = r(
-      () => Ml(a.columns, te.value)
+    ), te = jl(ee), we = r(
+      () => kl(a.columns, te.value)
     ), De = r(
       () => a.layout === "inline" || !a.layout && a.inline
     ), ae = r(
@@ -76,7 +77,7 @@ const Bl = ["aria-busy"], Pl = ["disabled", "inert"], Vl = {
     const ke = r(
       () => ve.value === "auto" ? Fe.value : ve.value
     ), Je = r(() => {
-      const e = Ol(a.labelCol, te.value);
+      const e = Ml(a.labelCol, te.value);
       return {
         "--hys-ui-form-label-width": ke.value,
         "--hys-ui-form-columns": we.value,
@@ -607,5 +608,5 @@ const Bl = ["aria-busy"], Pl = ["disabled", "inert"], Vl = {
   }
 });
 export {
-  Sl as default
+  Tl as default
 };