hys-ui 0.6.0 → 0.7.0

package/dist/components/HysPopconfirm/usePopconfirmAction.js

@@ -0,0 +1,32 @@
+import { ref as d, onScopeDispose as v } from "vue";
+function b(n, t) {
+  return new Promise((o, l) => {
+    const e = () => l(t.reason);
+    t.addEventListener("abort", e, { once: !0 }), Promise.resolve().then(() => t.throwIfAborted()).then(n).then(o, l).finally(() => t.removeEventListener("abort", e));
+  });
+}
+function m() {
+  const n = d(null);
+  let t;
+  function o() {
+    const e = t;
+    t = void 0, e && !e.settled && e.controller.abort(), n.value = null;
+  }
+  async function l(e, a, c, u, f) {
+    if (t) return !1;
+    const r = { controller: new AbortController(), settled: !1 }, s = { action: e, event: a, signal: r.controller.signal };
+    t = r, n.value = e;
+    try {
+      const i = await b(() => c(s), s.signal);
+      return t !== r || i === !1 ? !1 : (r.settled = !0, await u(i, s, () => t === r), !0);
+    } catch (i) {
+      return t === r && f(i, s), !1;
+    } finally {
+      t === r && o();
+    }
+  }
+  return v(o), { pending: n, run: l, abort: o };
+}
+export {
+  m as usePopconfirmAction
+};

package/dist/components/HysResult/HysResult.vue.js

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

package/dist/components/HysResult/HysResult2.vue.js

@@ -0,0 +1,124 @@
+import { defineComponent as $, useSlots as L, useId as P, ref as p, computed as r, openBlock as s, createElementBlock as o, mergeProps as R, unref as j, renderSlot as c, normalizeProps as d, guardReactiveProps as v, createBlock as C, resolveDynamicComponent as z, createCommentVNode as i, toDisplayString as y, withCtx as A, createTextVNode as w } from "vue";
+import { ServerCrash as D, FileQuestion as H, LockKeyhole as I, CircleX as N, TriangleAlert as O, CircleCheck as T, Info as V, Sparkles as E } from "lucide-vue-next";
+import { useHysRootAttrs as F } from "../../config.js";
+const K = ["data-status", "data-tone", "data-size", "data-align", "aria-labelledby"], Q = {
+  key: 0,
+  class: "hys-result-icon",
+  "aria-hidden": "true"
+}, X = {
+  key: 1,
+  class: "hys-result-code"
+}, q = {
+  key: 2,
+  class: "hys-result-copy"
+}, G = {
+  key: 1,
+  class: "hys-result-subtitle"
+}, J = {
+  key: 3,
+  class: "hys-result-details"
+}, M = {
+  key: 4,
+  class: "hys-result-actions"
+}, U = ["aria-live"], ee = /* @__PURE__ */ $({
+  __name: "HysResult",
+  props: {
+    status: { default: "info" },
+    title: {},
+    subtitle: {},
+    icon: { type: Boolean, default: void 0 },
+    showCode: { type: Boolean, default: !0 },
+    size: { default: "md" },
+    align: { default: "center" },
+    headingLevel: { default: 2 },
+    announce: { default: "off" },
+    announcement: {}
+  },
+  setup(n, { expose: _ }) {
+    const u = n, l = L(), S = F(), b = P() + "-result-title", h = p(), g = p(), f = {
+      primary: { title: "操作结果", icon: E, tone: "primary" },
+      info: { title: "提示信息", icon: V, tone: "primary" },
+      success: { title: "操作成功", icon: T, tone: "success" },
+      warning: { title: "操作需要注意", icon: O, tone: "warning" },
+      error: { title: "操作失败", icon: N, tone: "error" },
+      403: { title: "无权访问", icon: I, tone: "warning" },
+      404: { title: "页面不存在", icon: H, tone: "primary" },
+      500: { title: "服务暂不可用", icon: D, tone: "error" }
+    }, a = r(() => {
+      const t = String(u.status);
+      return Object.hasOwn(f, t) ? t : "info";
+    }), e = r(() => ({
+      status: a.value,
+      code: a.value === "403" || a.value === "404" || a.value === "500" ? a.value : void 0,
+      title: u.title ?? f[a.value].title,
+      subtitle: u.subtitle
+    })), k = r(() => u.icon ?? f[a.value].icon), B = r(
+      () => u.announce === "off" ? "" : u.announcement ?? [e.value.code, e.value.title, e.value.subtitle].filter(Boolean).join(" ")
+    ), x = r(() => ({ sm: 24, md: 32, lg: 40 })[u.size]);
+    return _({
+      element: h,
+      focus: (t) => {
+        var m;
+        return (m = g.value ?? h.value) == null ? void 0 : m.focus(t);
+      }
+    }), (t, m) => (s(), o("section", R({
+      ref_key: "element",
+      ref: h
+    }, j(S), {
+      class: "hys-ui-result",
+      tabindex: "-1",
+      "data-status": e.value.status,
+      "data-tone": f[a.value].tone,
+      "data-size": n.size,
+      "data-align": n.align,
+      "aria-labelledby": e.value.title || l.title ? b : void 0
+    }), [
+      k.value !== !1 || l.icon ? (s(), o("div", Q, [
+        c(t.$slots, "icon", d(v(e.value)), () => [
+          (s(), C(z(k.value || void 0), {
+            size: x.value,
+            "stroke-width": 1.8
+          }, null, 8, ["size"]))
+        ], !0)
+      ])) : i("", !0),
+      e.value.code && n.showCode ? (s(), o("div", X, y(e.value.code), 1)) : i("", !0),
+      e.value.title || e.value.subtitle || l.title || l.subtitle ? (s(), o("div", q, [
+        e.value.title || l.title ? (s(), C(z("h" + n.headingLevel), {
+          key: 0,
+          id: b,
+          ref_key: "heading",
+          ref: g,
+          class: "hys-result-title",
+          tabindex: "-1"
+        }, {
+          default: A(() => [
+            c(t.$slots, "title", d(v(e.value)), () => [
+              w(y(e.value.title), 1)
+            ], !0)
+          ]),
+          _: 3
+        }, 512)) : i("", !0),
+        e.value.subtitle || l.subtitle ? (s(), o("div", G, [
+          c(t.$slots, "subtitle", d(v(e.value)), () => [
+            w(y(e.value.subtitle), 1)
+          ], !0)
+        ])) : i("", !0)
+      ])) : i("", !0),
+      l.default ? (s(), o("div", J, [
+        c(t.$slots, "default", d(v(e.value)), void 0, !0)
+      ])) : i("", !0),
+      l.extra ? (s(), o("div", M, [
+        c(t.$slots, "extra", d(v(e.value)), void 0, !0)
+      ])) : i("", !0),
+      n.announce !== "off" ? (s(), o("span", {
+        key: 5,
+        class: "hys-result-sr",
+        "aria-live": n.announce,
+        "aria-atomic": "true"
+      }, y(B.value), 9, U)) : i("", !0)
+    ], 16, K));
+  }
+});
+export {
+  ee as default
+};

package/dist/components/HysSpace/HysSpace.vue.js

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

package/dist/components/HysSpace/HysSpace2.vue.js

@@ -0,0 +1,79 @@
+import { defineComponent as g, useSlots as v, computed as w, openBlock as a, createElementBlock as o, mergeProps as x, unref as p, Fragment as i, renderList as f, renderSlot as B, createTextVNode as j, toDisplayString as z, createCommentVNode as S, createElementVNode as V, createBlock as C, resolveDynamicComponent as N } from "vue";
+import { useHysRootAttrs as R } from "../../config.js";
+import { spaceGap as y, collectSpaceItems as D } from "./spaceItems.js";
+const E = ["data-direction", "data-wrap", "data-block", "data-fill"], F = {
+  key: 0,
+  class: "hys-space-separator",
+  "aria-hidden": "true"
+}, H = { class: "hys-space-content" }, G = /* @__PURE__ */ g({
+  __name: "HysSpace",
+  props: {
+    direction: { default: "horizontal" },
+    size: { default: "sm" },
+    align: {},
+    justify: { default: "start" },
+    wrap: { type: Boolean },
+    block: { type: Boolean },
+    fill: { type: Boolean },
+    fillRatio: {},
+    separator: {}
+  },
+  setup(e) {
+    const t = e, s = v(), m = R(), h = {
+      start: "flex-start",
+      center: "center",
+      end: "flex-end",
+      between: "space-between",
+      around: "space-around",
+      evenly: "space-evenly"
+    }, k = {
+      start: "flex-start",
+      center: "center",
+      end: "flex-end",
+      baseline: "baseline",
+      stretch: "stretch"
+    }, b = w(() => {
+      const n = t.size, [c, r] = typeof n == "object" ? n : [n, n], l = t.align ?? (t.direction === "horizontal" ? "center" : t.fill ? "stretch" : "start");
+      return {
+        "--hys-space-inline-gap": y(c),
+        "--hys-space-block-gap": y(r),
+        "--hys-space-basis": Number.isFinite(t.fillRatio) ? Math.max(0, Math.min(100, t.fillRatio)) + "%" : t.wrap ? "auto" : "0%",
+        alignItems: k[l],
+        justifyContent: h[t.justify]
+      };
+    });
+    return (n, c) => {
+      var r;
+      return a(), o("div", x(p(m), {
+        class: "hys-ui-space",
+        style: b.value,
+        "data-direction": e.direction,
+        "data-wrap": e.wrap && e.direction === "horizontal" || void 0,
+        "data-block": e.block || e.fill || void 0,
+        "data-fill": e.fill || void 0
+      }), [
+        (a(!0), o(i, null, f([p(D)(((r = s.default) == null ? void 0 : r.call(s)) ?? [])], (l) => (a(), o(i, { key: 0 }, [
+          (a(!0), o(i, null, f(l, (d, u) => (a(), o("div", {
+            key: d.key,
+            class: "hys-space-item"
+          }, [
+            u && (s.separator || e.separator) ? (a(), o("div", F, [
+              B(n.$slots, "separator", {
+                index: u,
+                count: l.length
+              }, () => [
+                j(z(e.separator), 1)
+              ], !0)
+            ])) : S("", !0),
+            V("div", H, [
+              (a(), C(N(d.node)))
+            ])
+          ]))), 128))
+        ], 64))), 128))
+      ], 16, E);
+    };
+  }
+});
+export {
+  G as default
+};

package/dist/components/HysSpace/spaceItems.js

@@ -0,0 +1,17 @@
+import { isVNode as n, Comment as y, Text as m, Fragment as f } from "vue";
+function h(t, c = "", i = []) {
+  return t.forEach((r, s) => {
+    if (!n(r) || r.type === y || r.type === m && !String(r.children ?? "").trim())
+      return;
+    const p = c + "/" + (r.key === null ? "#" + s : JSON.stringify([typeof r.key, String(r.key)]));
+    r.type === f && Array.isArray(r.children) ? h(r.children, p, i) : i.push({ key: p, node: r });
+  }), i;
+}
+const e = { sm: "8px", md: "12px", lg: "20px" };
+function a(t) {
+  return typeof t == "number" ? Number.isFinite(t) ? Math.max(0, t) + "px" : e.sm : Object.hasOwn(e, t) ? e[t] : t;
+}
+export {
+  h as collectSpaceItems,
+  a as spaceGap
+};

package/dist/components/HysSpin/HysSpin.vue.js

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