hys-ui 0.5.0 → 0.7.0

package/dist/components/HysPopconfirm/HysPopconfirm2.vue.js

@@ -0,0 +1,346 @@
+import { defineComponent as le, useSlots as ie, ref as re, computed as s, watch as _, openBlock as u, createElementBlock as x, mergeProps as se, unref as l, createVNode as H, withCtx as T, renderSlot as m, normalizeProps as v, guardReactiveProps as y, createBlock as R, createTextVNode as h, toDisplayString as g, createCommentVNode as C, createElementVNode as P, resolveDynamicComponent as ce, nextTick as W } from "vue";
+import { CircleAlert as ue, TriangleAlert as de, CircleCheck as fe, Info as pe, CircleHelp as me } from "lucide-vue-next";
+import { useHysRootAttrs as ve } from "../../config.js";
+import { useHysControlState as ye } from "../../composables/formContext.js";
+import { usePopupSurface as ge } from "../../composables/usePopupSurface.js";
+import be from "../../internal/PopupReference.js";
+import he from "../../internal/PopupSurfacePanel.vue.js";
+import N from "../HysButton/HysButton.vue.js";
+import { usePopconfirmAction as Ce } from "./usePopconfirmAction.js";
+const we = ["data-external"], Be = ["data-tone"], xe = { class: "hys-popconfirm-body" }, Te = {
+  key: 0,
+  class: "hys-popconfirm-icon",
+  "aria-hidden": "true"
+}, Pe = { class: "hys-popconfirm-copy" }, ke = ["id"], De = {
+  key: 0,
+  class: "hys-popconfirm-error",
+  role: "alert"
+}, Ee = ["data-align"], Se = {
+  class: "hys-popconfirm-sr",
+  role: "status"
+}, Ne = /* @__PURE__ */ le({
+  __name: "HysPopconfirm",
+  props: {
+    trigger: { default: "click" },
+    triggerText: { default: "打开确认" },
+    title: { default: "确认操作？" },
+    description: {},
+    tone: { default: "warning" },
+    icon: { type: Boolean, default: void 0 },
+    showIcon: { type: Boolean, default: !0 },
+    confirmText: { default: "确认" },
+    cancelText: { default: "取消" },
+    pendingText: { default: "处理中…" },
+    errorText: {},
+    confirmVariant: {},
+    cancelVariant: { default: "secondary" },
+    size: { default: "sm" },
+    align: { default: "end" },
+    showCancel: { type: Boolean, default: !0 },
+    confirmDisabled: { type: Boolean },
+    cancelDisabled: { type: Boolean },
+    loading: { type: Boolean },
+    allowCancelWhilePending: { type: Boolean },
+    dismissWhilePending: { type: Boolean },
+    closeOnConfirm: { type: Boolean, default: !0 },
+    closeOnCancel: { type: Boolean, default: !0 },
+    initialFocus: { default: "cancel" },
+    restoreFocus: { type: Boolean, default: !0 },
+    beforeConfirm: {},
+    beforeCancel: {},
+    action: {},
+    open: { type: Boolean, default: void 0 },
+    modelValue: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean },
+    disabled: { type: Boolean },
+    triggerKeys: {},
+    triggerTabindex: {},
+    placement: { default: "top" },
+    offset: { default: 9 },
+    autoAdjustOverflow: { type: Boolean, default: !0 },
+    closeOnEscape: { type: Boolean, default: !0 },
+    closeOnOutside: { type: Boolean, default: !0 },
+    destroyOnHide: { type: Boolean, default: !0 },
+    forceRender: { type: Boolean },
+    appendTo: { type: [String, Boolean], default: "body" },
+    reference: {},
+    width: {},
+    maxWidth: { default: 360 },
+    maxHeight: {},
+    showArrow: { type: Boolean, default: !0 },
+    arrowOffset: {},
+    effect: {},
+    color: {},
+    textColor: {},
+    overlayClass: {},
+    overlayStyle: {},
+    contentClass: {},
+    contentStyle: {},
+    zIndex: {},
+    ariaLabel: {},
+    popupTransition: {},
+    popupTransitionDuration: {}
+  },
+  emits: ["update:open", "update:modelValue", "openChange", "visibleChange", "show", "hide", "opened", "closed", "confirm", "cancel", "dismiss", "error"],
+  setup(a, { expose: ee, emit: oe }) {
+    const t = a, w = oe, q = ie(), te = ve(), { disabled: k } = ye({
+      get disabled() {
+        return t.disabled;
+      }
+    }), d = Ce(), f = re(""), p = s(
+      () => d.pending.value ?? (t.loading ? "confirm" : null)
+    ), b = s(() => p.value !== null), o = ge(
+      t,
+      "popover",
+      (e, ...i) => w(e, ...i),
+      {
+        allowClose: (e) => e === "programmatic" || e === "anchor" || !b.value || t.dismissWhilePending,
+        onDismiss: (e) => {
+          e !== "auto" && w("dismiss", e);
+        },
+        allowTabExit: !0,
+        shouldRestoreFocus: () => t.restoreFocus
+      }
+    ), ne = {
+      neutral: me,
+      info: pe,
+      success: fe,
+      warning: de,
+      danger: ue
+    }, K = s(
+      () => t.showIcon && (t.icon ?? ne[t.tone])
+    ), ae = s(
+      () => t.confirmVariant ?? (t.tone === "danger" ? "danger" : t.tone === "success" ? "success" : "primary")
+    ), O = s(
+      () => k.value || t.confirmDisabled || b.value
+    ), V = s(
+      () => k.value || t.cancelDisabled || p.value === "cancel" || b.value && !t.allowCancelWhilePending
+    ), j = s(() => !!(t.title || q.title)), L = s(
+      () => !!(t.description || q.description)
+    ), G = o.id + "-description";
+    function z() {
+      f.value = "";
+    }
+    function D() {
+      return o.request(!1, t.restoreFocus);
+    }
+    function J() {
+      var e;
+      (e = o.panel.value) == null || e.focus({ preventScroll: !0 });
+    }
+    function M(e) {
+      var n, E;
+      (E = ((n = o.panel.value) == null ? void 0 : n.querySelector(
+        `[data-hys-popconfirm-focus="${e}"]:not(:disabled):not([aria-disabled="true"])`
+      )) ?? o.panel.value) == null || E.focus({ preventScroll: !0 });
+    }
+    let F = !1;
+    _(
+      [o.open, o.panel, () => o.style.value.visibility],
+      ([e, i, n]) => {
+        if (!e) {
+          F = !1;
+          return;
+        }
+        !i || n === "hidden" || F || (F = !0, t.initialFocus === "panel" ? J() : t.initialFocus !== "none" && M(t.initialFocus));
+      },
+      { flush: "post" }
+    ), _(
+      o.open,
+      (e) => {
+        e ? z() : d.abort();
+      },
+      { flush: "sync" }
+    );
+    function Q(e, i) {
+      var Z;
+      if (!o.open.value || (e === "confirm" ? O.value : V.value))
+        return Promise.resolve(!1);
+      e === "cancel" && p.value === "confirm" && d.abort();
+      const n = document.activeElement, E = !!(n != null && n.matches(`[data-hys-popconfirm-focus="${e}"]`)) && !!((Z = o.panel.value) != null && Z.contains(n)), X = e === "confirm" ? t.beforeConfirm : t.beforeCancel, I = e === "confirm" ? t.action : void 0;
+      z();
+      const Y = d.run(
+        e,
+        i,
+        async (r) => X && await X(r) === !1 || r.signal.aborted ? !1 : I == null ? void 0 : I(r),
+        async (r, B, S) => {
+          e === "confirm" ? w("confirm", r, B) : w("cancel", B), (e === "confirm" ? t.closeOnConfirm : t.closeOnCancel) && (await W(), S() && o.open.value && await o.request(
+            !1,
+            t.restoreFocus,
+            "programmatic",
+            !1
+          ));
+        },
+        (r, B) => {
+          const S = e === "confirm" ? "操作失败，请重试。" : "取消失败，请重试。";
+          try {
+            f.value = (typeof t.errorText == "function" ? t.errorText(r, B) : t.errorText) || S;
+          } catch {
+            f.value = S;
+          }
+          w("error", r, B);
+        }
+      );
+      return E ? (W(() => {
+        o.open.value && d.pending.value === e && (document.activeElement === n || document.activeElement === document.body) && J();
+      }), Y.then(async (r) => (await W(), o.open.value && !b.value && document.activeElement === o.panel.value && M(e), r))) : Y;
+    }
+    const $ = (e) => Q("confirm", e), A = (e) => Q("cancel", e), U = () => o.open.value ? D() : o.show(), c = s(() => ({
+      ...o.scope.value,
+      close: D,
+      toggle: U,
+      confirm: $,
+      cancel: A,
+      abort: d.abort,
+      pending: p.value,
+      busy: b.value,
+      disabled: k.value,
+      confirmDisabled: O.value,
+      cancelDisabled: V.value,
+      error: f.value
+    }));
+    return ee({
+      element: o.panel,
+      referenceElement: o.actualReference,
+      open: o.open,
+      placement: o.placement,
+      show: o.show,
+      close: D,
+      hide: D,
+      toggle: U,
+      updatePosition: o.updatePosition,
+      focus: o.focus,
+      confirm: $,
+      cancel: A,
+      abort: d.abort,
+      pending: p,
+      error: f,
+      clearError: z
+    }), (e, i) => (u(), x("span", se({
+      ref: (n) => l(o).wrapper.value = n
+    }, { ...l(te), ...l(o).wrapperAttrs.value }, {
+      class: "hys-ui-popconfirm",
+      "data-external": !!a.reference || void 0,
+      onClick: i[1] || (i[1] = //@ts-ignore
+      (...n) => l(o).click && l(o).click(...n)),
+      onContextmenu: i[2] || (i[2] = //@ts-ignore
+      (...n) => l(o).contextmenu && l(o).contextmenu(...n)),
+      onKeydown: i[3] || (i[3] = //@ts-ignore
+      (...n) => l(o).key && l(o).key(...n))
+    }), [
+      H(l(be), {
+        id: l(o).id,
+        open: c.value.open,
+        kind: "popover",
+        onElement: i[0] || (i[0] = (n) => l(o).referenceElement.value = n)
+      }, {
+        default: T(() => [
+          m(e.$slots, "trigger", v(y(c.value)), () => [
+            m(e.$slots, "default", v(y(c.value)), () => [
+              a.reference ? C("", !0) : (u(), R(N, {
+                key: 0,
+                variant: "secondary",
+                disabled: l(k)
+              }, {
+                default: T(() => [
+                  h(g(a.triggerText), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]))
+            ], !0)
+          ], !0)
+        ]),
+        _: 3
+      }, 8, ["id", "open"]),
+      H(he, {
+        surface: l(o),
+        options: t,
+        kind: "popover",
+        tabindex: -1,
+        "labelled-by": j.value ? l(o).titleId : void 0,
+        "described-by": L.value ? G : void 0
+      }, {
+        default: T(() => [
+          P("div", {
+            class: "hys-popconfirm-layout",
+            "data-tone": a.tone
+          }, [
+            P("div", xe, [
+              a.showIcon && (K.value || e.$slots.icon) ? (u(), x("div", Te, [
+                m(e.$slots, "icon", v(y(c.value)), () => [
+                  (u(), R(ce(K.value), { size: 19 }))
+                ], !0)
+              ])) : C("", !0),
+              P("div", Pe, [
+                j.value ? (u(), x("div", {
+                  key: 0,
+                  id: l(o).titleId,
+                  class: "hys-popconfirm-title"
+                }, [
+                  m(e.$slots, "title", v(y(c.value)), () => [
+                    h(g(a.title), 1)
+                  ], !0)
+                ], 8, ke)) : C("", !0),
+                L.value ? (u(), x("div", {
+                  key: 1,
+                  id: G,
+                  class: "hys-popconfirm-description"
+                }, [
+                  m(e.$slots, "description", v(y(c.value)), () => [
+                    h(g(a.description), 1)
+                  ], !0)
+                ])) : C("", !0)
+              ])
+            ]),
+            f.value ? (u(), x("div", De, [
+              m(e.$slots, "error", v(y(c.value)), () => [
+                h(g(f.value), 1)
+              ], !0)
+            ])) : C("", !0),
+            P("div", {
+              class: "hys-popconfirm-actions",
+              "data-align": a.align
+            }, [
+              m(e.$slots, "actions", v(y(c.value)), () => [
+                a.showCancel ? (u(), R(N, {
+                  key: 0,
+                  size: a.size,
+                  variant: a.cancelVariant,
+                  disabled: V.value,
+                  loading: p.value === "cancel",
+                  "loading-text": a.pendingText,
+                  "data-hys-popconfirm-focus": "cancel",
+                  onClick: A
+                }, {
+                  default: T(() => [
+                    h(g(a.cancelText), 1)
+                  ]),
+                  _: 1
+                }, 8, ["size", "variant", "disabled", "loading", "loading-text"])) : C("", !0),
+                H(N, {
+                  size: a.size,
+                  variant: ae.value,
+                  disabled: O.value,
+                  loading: p.value === "confirm",
+                  "loading-text": a.pendingText,
+                  "data-hys-popconfirm-focus": "confirm",
+                  onClick: $
+                }, {
+                  default: T(() => [
+                    h(g(a.confirmText), 1)
+                  ]),
+                  _: 1
+                }, 8, ["size", "variant", "disabled", "loading", "loading-text"])
+              ], !0)
+            ], 8, Ee),
+            P("span", Se, g(b.value ? a.pendingText : ""), 1)
+          ], 8, Be)
+        ]),
+        _: 3
+      }, 8, ["surface", "labelled-by", "described-by"])
+    ], 16, we));
+  }
+});
+export {
+  Ne as default
+};

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/HysSearch/HysSearch.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysSearch2.vue.js";
 /* empty css               */
-import a from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-b415aa18"]]);
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9b26d2a0"]]);
 export {
   p as default
 };

package/dist/components/HysSortableList/HysSortableList.vue.js

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