hys-ui 0.1.1 → 0.3.0

package/dist/components/HysContextMenu/HysMenuPanel2.vue.js

@@ -0,0 +1,208 @@
+import { defineComponent as F, ref as N, useSlots as P, computed as V, onBeforeUpdate as D, openBlock as n, createElementBlock as s, normalizeStyle as M, renderSlot as h, createCommentVNode as m, createVNode as $, unref as d, createElementVNode as y, toDisplayString as o, createTextVNode as S, Fragment as z, renderList as q, createBlock as c, resolveDynamicComponent as b, mergeProps as p, withCtx as E } from "vue";
+import { ChevronLeft as T, LoaderCircle as H, CircleDot as K, Circle as U, SquareCheck as j, Square as A, Check as G, ChevronRight as J } from "lucide-vue-next";
+import O from "./HysMenuSlot.js";
+import { menuSafeRel as B } from "../../composables/menu.js";
+const Q = ["dir"], W = {
+  key: 0,
+  class: "hys-ui-menu-header"
+}, X = ["id", "aria-label", "aria-busy"], Y = {
+  key: 0,
+  role: "status",
+  class: "hys-ui-menu-message"
+}, Z = {
+  key: 1,
+  class: "hys-ui-menu-message"
+}, _ = {
+  key: 0,
+  role: "separator",
+  class: "hys-ui-menu-divider"
+}, w = {
+  key: 1,
+  role: "presentation",
+  class: "hys-ui-menu-group"
+}, ee = {
+  class: "hys-ui-menu-prefix",
+  "aria-hidden": "true"
+}, te = { class: "hys-ui-menu-copy" }, ie = { class: "hys-ui-menu-label" }, ne = ["id"], se = {
+  key: 0,
+  class: "hys-ui-menu-shortcut"
+}, de = { key: 1 }, le = { key: 3 }, ae = {
+  key: 2,
+  class: "hys-ui-menu-footer"
+}, he = /* @__PURE__ */ F({
+  __name: "HysMenuPanel",
+  props: {
+    rows: {},
+    level: {},
+    id: {},
+    rootId: {},
+    label: {},
+    parentLabel: {},
+    busy: { type: Boolean },
+    loading: { type: Boolean },
+    emptyText: {},
+    loadingText: {},
+    backText: {},
+    direction: {},
+    context: { type: Function },
+    tabbable: { type: Function }
+  },
+  emits: ["choose", "focusRow", "hoverRow", "keyboard", "back", "scroll"],
+  setup(i, { expose: R, emit: I }) {
+    const a = i, u = I, g = N(), v = P(), L = V(
+      () => !!v.icon || a.rows.some(
+        (t) => t.icon || ["checkbox", "radio"].includes(t.type) || a.context(t).selected
+      )
+    ), k = /* @__PURE__ */ new Map();
+    D(() => k.clear());
+    function f(t) {
+      const l = k.get(t.id);
+      if (l) return l;
+      const e = a.context(t), r = !!t.children.length, x = {
+        id: a.rootId + "-item-" + t.id,
+        "data-hys-menu-item": "",
+        role: !r && t.type === "checkbox" ? "menuitemcheckbox" : !r && t.type === "radio" ? "menuitemradio" : "menuitem",
+        tabindex: a.tabbable(t),
+        title: t.description ? t.label + " · " + t.description : t.label,
+        "aria-disabled": e.disabled || void 0,
+        "aria-haspopup": r ? "menu" : void 0,
+        "aria-expanded": r ? e.expanded : void 0,
+        "aria-controls": r && e.expanded ? a.rootId + "-menu-" + (a.level + 1) : void 0,
+        "aria-checked": !r && ["checkbox", "radio"].includes(t.type) ? e.checked : void 0,
+        "aria-describedby": t.description && !(v.link && t.href && !t.children.length) ? a.rootId + "-description-" + t.id : void 0,
+        class: [
+          "hys-ui-menu-item",
+          {
+            "hys-ui-menu-selected": e.selected,
+            "hys-ui-menu-expanded": e.expanded,
+            "hys-ui-menu-danger": t.danger
+          }
+        ],
+        onClick: (C) => {
+          C.stopPropagation(), u("choose", t, C);
+        },
+        onFocus: () => u("focusRow", t),
+        onPointerenter: () => u("hoverRow", t)
+      };
+      return k.set(t.id, x), x;
+    }
+    return R({ element: g }), (t, l) => (n(), s("section", {
+      ref_key: "element",
+      ref: g,
+      class: "hys-ui-ent-context hys-ui-menu-panel",
+      dir: i.direction,
+      style: M({ "--hys-ui-menu-prefix": L.value ? "16px" : "0px" }),
+      onKeydown: l[2] || (l[2] = (e) => u("keyboard", e))
+    }, [
+      t.$slots.header ? (n(), s("div", W, [
+        h(t.$slots, "header", {}, void 0, !0)
+      ])) : m("", !0),
+      i.level ? (n(), s("button", {
+        key: 1,
+        type: "button",
+        class: "hys-ui-menu-back",
+        onClick: l[0] || (l[0] = (e) => u("back"))
+      }, [
+        $(d(T), { size: 14 }),
+        y("span", null, o(i.backText) + " · " + o(i.parentLabel), 1)
+      ])) : m("", !0),
+      y("div", {
+        id: i.id,
+        role: "menu",
+        tabindex: "-1",
+        "aria-label": i.label,
+        "aria-busy": i.loading || void 0,
+        class: "hys-ui-menu-body",
+        onScroll: l[1] || (l[1] = (e) => u("scroll"))
+      }, [
+        i.loading ? (n(), s("div", Y, [
+          h(t.$slots, "loading", {}, () => [
+            $(d(H), {
+              size: 18,
+              class: "hys-ui-menu-spinner"
+            }),
+            y("span", null, o(i.loadingText), 1)
+          ], !0)
+        ])) : i.rows.some((e) => e.type !== "divider" && e.type !== "group") ? (n(!0), s(z, { key: 2 }, q(i.rows, (e) => (n(), s(z, {
+          key: e.id
+        }, [
+          e.type === "divider" ? (n(), s("hr", _)) : e.type === "group" ? (n(), s("div", w, o(e.label), 1)) : t.$slots.link && e.href && !e.disabled && !e.children.length ? (n(), c(d(O), {
+            key: 2,
+            content: t.$slots.link,
+            scope: {
+              ...i.context(e),
+              attrs: {
+                ...f(e),
+                href: e.href,
+                target: e.target,
+                rel: d(B)(e.target, e.rel)
+              }
+            },
+            "node-attrs": f(e)
+          }, null, 8, ["content", "scope", "node-attrs"])) : (n(), c(b(
+            e.href && !e.disabled && !e.children.length ? "a" : "button"
+          ), p({
+            key: 3,
+            ref_for: !0
+          }, f(e), {
+            type: !e.href || e.disabled || e.children.length ? "button" : void 0,
+            href: !e.disabled && !e.children.length ? e.href : void 0,
+            target: e.target,
+            rel: d(B)(e.target, e.rel),
+            disabled: !e.href || e.disabled || e.children.length ? e.disabled || i.busy : void 0
+          }), {
+            default: E(() => [
+              y("span", ee, [
+                h(t.$slots, "icon", p({ ref_for: !0 }, i.context(e)), () => [
+                  e.type === "radio" && !e.children.length ? (n(), c(b(i.context(e).checked ? d(K) : d(U)), {
+                    key: 0,
+                    size: 15
+                  })) : e.type === "checkbox" && !e.children.length ? (n(), c(b(i.context(e).checked ? d(j) : d(A)), {
+                    key: 1,
+                    size: 15
+                  })) : i.context(e).checked || i.context(e).selected ? (n(), c(d(G), {
+                    key: 2,
+                    size: 15
+                  })) : e.icon ? (n(), c(b(e.icon), {
+                    key: 3,
+                    size: 16
+                  })) : m("", !0)
+                ], !0)
+              ]),
+              y("span", te, [
+                y("span", ie, [
+                  h(t.$slots, "item", p({ ref_for: !0 }, i.context(e)), () => [
+                    S(o(e.label), 1)
+                  ], !0)
+                ]),
+                e.description ? (n(), s("small", {
+                  key: 0,
+                  id: i.rootId + "-description-" + e.id,
+                  class: "hys-ui-menu-description"
+                }, o(e.description), 9, ne)) : m("", !0)
+              ]),
+              e.shortcut ? (n(), s("kbd", se, o(e.shortcut), 1)) : (n(), s("span", de)),
+              e.children.length ? (n(), c(b(i.direction === "rtl" ? d(T) : d(J)), {
+                key: 2,
+                size: 14,
+                class: "hys-ui-menu-chevron",
+                "aria-hidden": "true"
+              })) : (n(), s("span", le))
+            ]),
+            _: 2
+          }, 1040, ["type", "href", "target", "rel", "disabled"]))
+        ], 64))), 128)) : (n(), s("div", Z, [
+          h(t.$slots, "empty", {}, () => [
+            S(o(i.emptyText), 1)
+          ], !0)
+        ]))
+      ], 40, X),
+      t.$slots.footer ? (n(), s("div", ae, [
+        h(t.$slots, "footer", {}, void 0, !0)
+      ])) : m("", !0)
+    ], 44, Q));
+  }
+});
+export {
+  he as default
+};

package/dist/components/HysContextMenu/HysMenuSlot.js

@@ -0,0 +1,10 @@
+import { cloneVNode as l, h as c, isVNode as s, Comment as y, Text as f, Fragment as A } from "vue";
+const m = (r) => {
+  var a;
+  const i = (n) => (Array.isArray(n) ? n : [n]).flatMap((t) => s(t) ? t.type === y || t.type === f && !String(t.children ?? "").trim() ? [] : t.type === A && Array.isArray(t.children) ? i(t.children) : [t] : t == null || typeof t == "boolean" ? [] : [c("span", String(t))]), e = i((a = r.content) == null ? void 0 : a.call(r, r.scope));
+  return e.length === 1 ? l(e[0], r.nodeAttrs, !0) : c("span", r.nodeAttrs, e);
+};
+m.props = ["content", "scope", "nodeAttrs"];
+export {
+  m as default
+};

package/dist/components/HysDataGrid/HysDataGrid.vue.js

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