hys-ui 0.6.0 → 0.7.0

package/dist/components/HysTabs/TabsPanels/TabsPanels.vue.js

@@ -0,0 +1,161 @@
+import { defineComponent as V, computed as P, openBlock as n, createElementBlock as o, Fragment as d, renderList as f, withDirectives as D, createVNode as u, unref as c, withCtx as y, createTextVNode as b, createElementVNode as F, createBlock as B, resolveDynamicComponent as S, mergeProps as T, toDisplayString as z, vShow as E, createCommentVNode as I, toRaw as L } from "vue";
+import { LoaderCircle as j } from "lucide-vue-next";
+import v from "../TabsSlot/TabsSlot.js";
+import H from "../../HysButton/HysButton.vue.js";
+const M = ["id", "aria-labelledby", "data-active", "aria-busy"], R = {
+  key: 0,
+  class: "hys-tab-panel-message",
+  role: "status"
+}, $ = {
+  key: 1,
+  class: "hys-tab-panel-message",
+  role: "alert"
+}, q = {
+  key: 2,
+  class: "hys-tab-panel-message"
+}, A = ["id", "aria-labelledby"], Q = /* @__PURE__ */ V({
+  __name: "TabsPanels",
+  props: {
+    items: {},
+    declarations: {},
+    slots: {},
+    active: {},
+    panels: {},
+    panelId: { type: Function },
+    tabId: { type: Function },
+    declarative: { type: Boolean },
+    forcePanels: { type: Boolean }
+  },
+  setup(a) {
+    const r = a, p = P(
+      () => new Map(r.declarations.map((e) => [e.item.value, e.slots]))
+    ), w = P(
+      () => r.declarative || r.forcePanels || r.slots.panel || r.items.some(
+        (e) => e.content !== void 0 || e.component || e.load
+      )
+    );
+    function g(e) {
+      const l = r.panels.loaded.get(e.value);
+      return {
+        item: e,
+        active: r.active === e.value,
+        loading: !!e.load && (!l || l.state === "loading"),
+        error: l == null ? void 0 : l.error,
+        content: m(e),
+        reload: () => r.panels.reload(e.value)
+      };
+    }
+    function m(e) {
+      var l;
+      return e.load ? (l = r.panels.loaded.get(e.value)) == null ? void 0 : l.content : e.component ? { component: e.component, props: e.componentProps } : e.content;
+    }
+    function k(e) {
+      return e && typeof e != "string" ? L(
+        "component" in e && e.component ? e.component : e
+      ) : void 0;
+    }
+    function N(e) {
+      return e && typeof e == "object" && "component" in e ? e.props : void 0;
+    }
+    return (e, l) => w.value ? (n(!0), o(d, { key: 0 }, f(a.items, (t) => (n(), o(d, {
+      key: t.value
+    }, [
+      a.panels.render(t) ? D((n(), o("div", {
+        key: 0,
+        id: a.panelId(t.value),
+        "aria-labelledby": a.tabId(t.value),
+        class: "hys-ui-tab-panel",
+        "data-active": a.active === t.value,
+        "aria-busy": g(t).loading || void 0,
+        role: "tabpanel",
+        tabindex: "0"
+      }, [
+        (n(), o("div", {
+          key: a.panels.versions.get(t.value) ?? 0,
+          class: "hys-tab-panel-body"
+        }, [
+          (n(!0), o(d, null, f([g(t)], (i) => {
+            var h, C, x;
+            return n(), o(d, { key: 0 }, [
+              i.loading ? (n(), o("div", R, [
+                u(c(v), {
+                  render: a.slots.loading,
+                  scope: i
+                }, {
+                  default: y(() => [
+                    u(c(j), {
+                      size: 17,
+                      class: "hys-tab-spinner",
+                      "aria-hidden": "true"
+                    }),
+                    l[0] || (l[0] = b(" 正在加载页签…", -1))
+                  ]),
+                  _: 1
+                }, 8, ["render", "scope"])
+              ])) : ((h = a.panels.loaded.get(t.value)) == null ? void 0 : h.state) === "error" ? (n(), o("div", $, [
+                u(c(v), {
+                  render: a.slots.error,
+                  scope: i
+                }, {
+                  default: y(() => [
+                    l[2] || (l[2] = F("span", null, "页签加载失败。", -1)),
+                    u(H, {
+                      size: "sm",
+                      variant: "secondary",
+                      onClick: (s) => i.reload()
+                    }, {
+                      default: y(() => [...l[1] || (l[1] = [
+                        b("重试", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["render", "scope"])
+              ])) : (C = p.value.get(t.value)) != null && C.default || a.slots.panel ? (n(), B(c(v), {
+                key: 2,
+                render: ((x = p.value.get(t.value)) == null ? void 0 : x.default) ?? a.slots.panel,
+                scope: i
+              }, null, 8, ["render", "scope"])) : (n(!0), o(d, { key: 3 }, f([m(t)], (s) => (n(), o(d, { key: 0 }, [
+                k(s) ? (n(), B(S(k(s)), T({
+                  key: 0,
+                  ref_for: !0
+                }, N(s) ?? {}), null, 16)) : typeof s == "string" && s !== "" ? (n(), o(d, { key: 1 }, [
+                  b(z(s), 1)
+                ], 64)) : (n(), o("div", q, [
+                  u(c(v), {
+                    render: a.slots.empty,
+                    scope: i
+                  }, {
+                    default: y(() => [...l[3] || (l[3] = [
+                      b("暂无页签内容", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["render", "scope"])
+                ]))
+              ], 64))), 128))
+            ], 64);
+          }), 128))
+        ]))
+      ], 8, M)), [
+        [E, a.active === t.value]
+      ]) : I("", !0)
+    ], 64))), 128)) : a.slots.default && a.items.some((t) => t.value === a.active) ? (n(), o("div", {
+      key: 1,
+      id: a.panelId(a.active),
+      class: "hys-ui-tab-panel",
+      role: "tabpanel",
+      "aria-labelledby": a.tabId(a.active),
+      tabindex: "0",
+      "data-active": "true"
+    }, [
+      u(c(v), {
+        render: a.slots.default,
+        scope: { active: a.active }
+      }, null, 8, ["render", "scope"])
+    ], 8, A)) : I("", !0);
+  }
+});
+export {
+  Q as default
+};

package/dist/components/HysTabs/TabsPanels/TabsPanels2.vue.js

@@ -0,0 +1,4 @@
+import f from "./TabsPanels.vue.js";
+export {
+  f as default
+};

package/dist/components/HysTabs/TabsPrompts/TabsPrompts.vue.js

@@ -0,0 +1,4 @@
+import f from "./TabsPrompts2.vue.js";
+export {
+  f as default
+};

package/dist/components/HysTabs/TabsPrompts/TabsPrompts2.vue.js

@@ -0,0 +1,88 @@
+import { defineComponent as w, shallowRef as x, ref as C, computed as V, onDeactivated as B, onBeforeUnmount as $, openBlock as u, createBlock as d, withCtx as s, createElementBlock as E, toDisplayString as k, withKeys as H, createVNode as N, createTextVNode as m, createCommentVNode as P } from "vue";
+import U from "../../HysModal/HysModal.vue.js";
+import v from "../../HysButton/HysButton.vue.js";
+import D from "../../HysInput/HysInput.vue.js";
+const K = { key: 0 }, R = /* @__PURE__ */ w({
+  __name: "TabsPrompts",
+  setup(L, { expose: y }) {
+    const r = x(), l = C("");
+    let a, i;
+    function n(t) {
+      i == null || i(), i = void 0;
+      const e = a;
+      a = void 0, r.value = void 0, e == null || e(t);
+    }
+    function f(t, e) {
+      return a || e != null && e.aborted ? Promise.resolve(!1) : (r.value = t, new Promise((o) => {
+        if (a = o, e) {
+          const p = () => n(!1);
+          e.addEventListener("abort", p, { once: !0 }), i = () => e.removeEventListener("abort", p);
+        }
+      }));
+    }
+    const b = V(
+      () => {
+        var t;
+        return ((t = r.value) == null ? void 0 : t.kind) === "rename" ? "重命名页签" : "关闭未保存的页签？";
+      }
+    );
+    return y({
+      confirm: async (t, e) => await f({ kind: "dirty", items: t }, e) === !0,
+      rename: async (t) => a ? !1 : (l.value = t.label, f({ kind: "rename", item: t }))
+    }), B(() => n(!1)), $(() => n(!1)), (t, e) => r.value ? (u(), d(U, {
+      key: 0,
+      open: !0,
+      title: b.value,
+      width: 420,
+      "close-on-mask": !1,
+      "onUpdate:open": e[5] || (e[5] = (o) => !o && n(!1))
+    }, {
+      footer: s(() => [
+        N(v, {
+          variant: "secondary",
+          onClick: e[2] || (e[2] = (o) => n(!1))
+        }, {
+          default: s(() => [...e[6] || (e[6] = [
+            m("取消", -1)
+          ])]),
+          _: 1
+        }),
+        r.value.kind === "dirty" ? (u(), d(v, {
+          key: 0,
+          variant: "danger",
+          onClick: e[3] || (e[3] = (o) => n(!0))
+        }, {
+          default: s(() => [...e[7] || (e[7] = [
+            m("仍然关闭", -1)
+          ])]),
+          _: 1
+        })) : (u(), d(v, {
+          key: 1,
+          disabled: !l.value.trim(),
+          onClick: e[4] || (e[4] = (o) => n(l.value.trim()))
+        }, {
+          default: s(() => [...e[8] || (e[8] = [
+            m("保存名称", -1)
+          ])]),
+          _: 1
+        }, 8, ["disabled"]))
+      ]),
+      default: s(() => [
+        r.value.kind === "dirty" ? (u(), E("p", K, " 「" + k(r.value.items.slice(0, 3).map((o) => o.label).join("、")) + "」" + k(r.value.items.length > 3 ? "等 " + r.value.items.length + " 项" : "") + "包含未保存的修改。关闭后这些修改可能丢失。 ", 1)) : (u(), d(D, {
+          key: 1,
+          modelValue: l.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (o) => l.value = o),
+          "aria-label": "页签名称",
+          maxlength: 120,
+          autofocus: "",
+          clearable: "",
+          onKeydown: e[1] || (e[1] = H((o) => l.value.trim() && n(l.value.trim()), ["enter"]))
+        }, null, 8, ["modelValue"]))
+      ]),
+      _: 1
+    }, 8, ["title"])) : P("", !0);
+  }
+});
+export {
+  R as default
+};

package/dist/components/HysTabs/TabsSlot/TabsSlot.js

@@ -0,0 +1,13 @@
+import { defineComponent as t } from "vue";
+const c = t({
+  props: { render: Function, scope: Object },
+  setup(e, { slots: n }) {
+    return () => {
+      var r;
+      return e.render ? e.render(e.scope) : (r = n.default) == null ? void 0 : r.call(n);
+    };
+  }
+});
+export {
+  c as default
+};

package/dist/components/HysTabs/TabsWorkbench/TabsWorkbench.vue.js

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