hys-ui 0.2.0 → 0.3.0

package/dist/components/HysBreadcrumb/HysBreadcrumb2.vue.js

@@ -1,76 +1,290 @@
-import { defineComponent as y, openBlock as s, createElementBlock as o, mergeProps as k, unref as g, createElementVNode as u, Fragment as i, renderList as p, renderSlot as l, createBlock as B, resolveDynamicComponent as C, createTextVNode as n, toDisplayString as c, createCommentVNode as v } from "vue";
-import { useHysRootAttrs as S } from "../../config.js";
-const $ = ["aria-label"], I = { class: "hys-ui-ex-breadcrumb" }, L = {
+import { defineComponent as O, useSlots as Q, computed as E, onBeforeUpdate as X, openBlock as r, createElementBlock as m, mergeProps as k, unref as c, createElementVNode as I, Fragment as C, renderList as Y, renderSlot as H, createBlock as p, resolveDynamicComponent as Z, createTextVNode as y, toDisplayString as _, createCommentVNode as V, createSlots as R, withCtx as x, createVNode as u, h as F, toRaw as L } from "vue";
+import { Ellipsis as ee, ChevronDown as te } from "lucide-vue-next";
+import { useHysRootAttrs as ie } from "../../config.js";
+import { menuSafeRel as ae } from "../../composables/menu.js";
+import P from "../HysContextMenu/HysContextMenu.vue.js";
+import z from "../HysContextMenu/HysMenuSlot.js";
+const le = ["aria-label"], ne = { class: "hys-ui-ex-breadcrumb" }, se = {
   key: 0,
   class: "hys-ui-breadcrumb-separator",
   "aria-hidden": "true"
-}, N = ["href", "target", "rel", "onClick"], R = ["aria-disabled", "aria-current"], D = /* @__PURE__ */ y({
+}, re = ["aria-label", "disabled"], oe = {
+  key: 2,
+  class: "hys-ui-breadcrumb-node"
+}, de = ["aria-current", "aria-disabled"], me = ["disabled", "aria-label"], pe = /* @__PURE__ */ O({
   __name: "HysBreadcrumb",
   props: {
+    items: {},
     separator: { default: "/" },
     separatorIcon: {},
-    items: {},
-    ariaLabel: { default: "面包屑" }
+    ariaLabel: { default: "面包屑" },
+    size: { default: "md" },
+    disabled: { type: Boolean },
+    maxItems: { default: 0 },
+    itemsBeforeCollapse: { default: 1 },
+    itemsAfterCollapse: { default: 1 },
+    maxItemWidth: {},
+    ellipsisLabel: { default: "更多层级" },
+    dropdownLabel: { default: "{label} 的其他页面" },
+    popupTransition: {},
+    popupTransitionDuration: {}
   },
-  emits: ["select"],
-  setup(a, { emit: d }) {
-    const h = d, b = S();
+  emits: ["select", "dropdownSelect"],
+  setup(l, { emit: $ }) {
+    const d = l, o = Q(), v = $, j = ie(), w = (t, a) => Number.isFinite(t) ? Math.max(0, Math.floor(t)) : a, U = E(() => {
+      const t = d.items.map((i, s) => ({
+        kind: "item",
+        item: i,
+        index: s
+      })), a = w(d.maxItems, 0);
+      if (a < 3 || t.length <= a) return t;
+      const e = Math.max(
+        1,
+        Math.min(a - 2, w(d.itemsBeforeCollapse, 1))
+      ), n = Math.max(
+        1,
+        Math.min(a - e - 1, w(d.itemsAfterCollapse, 1))
+      );
+      return [
+        ...t.slice(0, e),
+        {
+          kind: "overflow",
+          items: t.slice(e, t.length - n),
+          index: e
+        },
+        ...t.slice(-n)
+      ];
+    });
+    function B(t, a) {
+      const e = /* @__PURE__ */ new WeakSet();
+      function n(i, s, h, b) {
+        var N;
+        const S = L(i);
+        if (e.has(S) || b > 32) return;
+        e.add(S);
+        const G = a ? (N = i.children) == null ? void 0 : N.flatMap((J, K) => {
+          const A = n(J, s, h.concat(K), b + 1);
+          return A ? [A] : [];
+        }) : void 0;
+        return e.delete(S), {
+          value: h.join("-"),
+          label: i.label,
+          href: i.href ?? (o.link && i.to !== void 0 ? "#" : void 0),
+          target: i.target,
+          rel: i.rel,
+          disabled: i.disabled,
+          icon: i.icon ? L(i.icon) : void 0,
+          children: G,
+          crumb: i,
+          index: s
+        };
+      }
+      return t.flatMap(({ item: i, index: s }, h) => {
+        const b = n(i, s, [s, h], 0);
+        return b ? [b] : [];
+      });
+    }
+    function q(t, a) {
+      return B(
+        (t.children ?? []).map((e) => ({ item: e, index: a })),
+        !0
+      );
+    }
+    function T(t, a, e) {
+      const n = t.item.crumb, i = t.item.index;
+      t.event instanceof MouseEvent && v("select", n, i, t.event), v("dropdownSelect", n, {
+        index: i,
+        parent: e,
+        path: t.path.map((s) => s.crumb),
+        source: a,
+        event: t.event
+      });
+    }
+    const g = /* @__PURE__ */ new Map();
+    X(() => g.clear());
+    function M(t, a) {
+      const e = g.get(a);
+      if (e) return e;
+      const n = {
+        ...t.href !== void 0 ? { href: t.href } : {},
+        target: t.target,
+        rel: ae(t.target, t.rel),
+        class: "hys-ui-breadcrumb-link",
+        onClick: (i) => v("select", t, a, i)
+      };
+      return g.set(a, n), n;
+    }
     function f(t) {
-      return t.target === "_blank" ? [...new Set((t.rel || "").split(/\s+/).filter(Boolean).concat("noopener", "noreferrer"))].join(" ") : t.rel;
+      const a = { ...t.attrs };
+      return t.item.crumb.href === void 0 && delete a.href, {
+        item: t.item.crumb,
+        index: t.item.index,
+        current: !1,
+        attrs: a
+      };
     }
-    return (t, V) => (s(), o("nav", k(g(b), { "aria-label": a.ariaLabel }), [
-      u("ol", I, [
-        (s(!0), o(i, null, p(a.items, (e, r) => (s(), o("li", { key: r }, [
-          r && e.showSeparator !== !1 ? (s(), o("span", L, [
-            l(t.$slots, "separator", {
-              item: e,
-              index: r
-            }, () => [
-              a.separatorIcon ? (s(), B(C(a.separatorIcon), {
-                key: 0,
-                size: 14
-              })) : (s(), o(i, { key: 1 }, [
-                n(c(e.separator ?? a.separator), 1)
-              ], 64))
-            ], !0)
-          ])) : v("", !0),
-          e.href && !e.disabled && r !== a.items.length - 1 ? l(t.$slots, "link", {
-            item: e,
-            index: r
-          }, () => [
-            u("a", {
-              href: e.href,
-              target: e.target,
-              rel: f(e),
-              onClick: (m) => h("select", e, r, m)
-            }, [
-              l(t.$slots, "item", {
-                item: e,
-                index: r,
-                current: !1
+    const W = (t) => {
+      var a;
+      return ((a = o.item) == null ? void 0 : a.call(o, t)) ?? [
+        t.item.icon ? F(L(t.item.icon), {
+          size: d.size === "lg" ? 17 : 14,
+          "aria-hidden": "true"
+        }) : null,
+        F(
+          "span",
+          {
+            class: "hys-ui-breadcrumb-label",
+            title: t.item.title ?? (d.maxItemWidth ? t.item.label : void 0)
+          },
+          t.item.label
+        )
+      ];
+    }, D = E(() => ({
+      trigger: "click",
+      size: d.size,
+      disabled: d.disabled,
+      popupTransition: d.popupTransition,
+      popupTransitionDuration: d.popupTransitionDuration
+    }));
+    return (t, a) => (r(), m("nav", k(c(j), {
+      "aria-label": l.ariaLabel,
+      class: [
+        "hys-ui-breadcrumb",
+        "hys-ui-breadcrumb-" + l.size,
+        { "hys-ui-breadcrumb-truncate": l.maxItemWidth !== void 0 }
+      ],
+      style: {
+        "--hys-ui-breadcrumb-item-width": typeof l.maxItemWidth == "number" ? Math.max(24, l.maxItemWidth) + "px" : l.maxItemWidth
+      }
+    }), [
+      I("ol", ne, [
+        (r(!0), m(C, null, Y(U.value, (e) => {
+          var n;
+          return r(), m("li", {
+            key: e.kind + "-" + e.index
+          }, [
+            e.index && (e.kind === "overflow" || e.item.showSeparator !== !1) ? (r(), m("span", se, [
+              H(t.$slots, "separator", {
+                item: e.kind === "item" ? e.item : e.items[0].item,
+                index: e.index
               }, () => [
-                n(c(e.label), 1)
+                l.separatorIcon ? (r(), p(Z(l.separatorIcon), {
+                  key: 0,
+                  size: 14
+                })) : (r(), m(C, { key: 1 }, [
+                  y(_(e.kind === "item" ? e.item.separator ?? l.separator : l.separator), 1)
+                ], 64))
               ], !0)
-            ], 8, N)
-          ], !0, 1) : (s(), o("span", {
-            key: 2,
-            class: "hys-ui-breadcrumb-item",
-            "aria-disabled": e.disabled || void 0,
-            "aria-current": r === a.items.length - 1 ? "page" : void 0
-          }, [
-            l(t.$slots, "item", {
-              item: e,
-              index: r,
-              current: r === a.items.length - 1
-            }, () => [
-              n(c(e.label), 1)
-            ], !0)
-          ], 8, R))
-        ]))), 128))
+            ])) : V("", !0),
+            e.kind === "overflow" ? (r(), p(P, k({
+              key: 1,
+              ref_for: !0
+            }, D.value, {
+              items: B(e.items, !1),
+              "aria-label": l.ellipsisLabel,
+              onSelect: a[0] || (a[0] = (i, s) => T(s, "overflow"))
+            }), R({
+              default: x(() => [
+                I("button", {
+                  type: "button",
+                  class: "hys-ui-breadcrumb-overflow",
+                  "aria-label": l.ellipsisLabel,
+                  disabled: l.disabled
+                }, [
+                  H(t.$slots, "overflow", {
+                    items: e.items.map((i) => i.item)
+                  }, () => [
+                    u(c(ee), { size: 17 })
+                  ], !0)
+                ], 8, re)
+              ]),
+              _: 2
+            }, [
+              o.link ? {
+                name: "link",
+                fn: x((i) => [
+                  u(c(z), {
+                    content: o.link,
+                    scope: f(i),
+                    "node-attrs": f(i).attrs
+                  }, null, 8, ["content", "scope", "node-attrs"])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040, ["items", "aria-label"])) : (r(), m("span", oe, [
+              e.index !== l.items.length - 1 && !l.disabled && !e.item.disabled && (e.item.href || o.link && e.item.to !== void 0) ? (r(), m(C, { key: 0 }, [
+                o.link ? (r(), p(c(z), {
+                  key: 0,
+                  content: o.link,
+                  scope: {
+                    item: e.item,
+                    index: e.index,
+                    current: !1,
+                    attrs: M(e.item, e.index)
+                  },
+                  "node-attrs": M(e.item, e.index)
+                }, null, 8, ["content", "scope", "node-attrs"])) : (r(), m("a", k({
+                  key: 1,
+                  ref_for: !0
+                }, M(e.item, e.index)), [
+                  u(W, {
+                    item: e.item,
+                    index: e.index,
+                    current: !1
+                  }, null, 8, ["item", "index"])
+                ], 16))
+              ], 64)) : (r(), m("span", {
+                key: 1,
+                class: "hys-ui-breadcrumb-item",
+                "aria-current": e.index === l.items.length - 1 ? "page" : void 0,
+                "aria-disabled": l.disabled || e.item.disabled || void 0
+              }, [
+                u(W, {
+                  item: e.item,
+                  index: e.index,
+                  current: e.index === l.items.length - 1
+                }, null, 8, ["item", "index", "current"])
+              ], 8, de)),
+              (n = e.item.children) != null && n.length ? (r(), p(P, k({
+                key: 2,
+                ref_for: !0
+              }, D.value, {
+                disabled: l.disabled || e.item.disabled,
+                items: q(e.item, e.index),
+                "aria-label": l.dropdownLabel.replace("{label}", e.item.label),
+                onSelect: (i, s) => T(s, "dropdown", e.item)
+              }), R({
+                default: x(() => [
+                  I("button", {
+                    type: "button",
+                    class: "hys-ui-breadcrumb-arrow",
+                    disabled: l.disabled || e.item.disabled,
+                    "aria-label": l.dropdownLabel.replace("{label}", e.item.label)
+                  }, [
+                    u(c(te), { size: 13 })
+                  ], 8, me)
+                ]),
+                _: 2
+              }, [
+                o.link ? {
+                  name: "link",
+                  fn: x((i) => [
+                    u(c(z), {
+                      content: o.link,
+                      scope: f(i),
+                      "node-attrs": f(i).attrs
+                    }, null, 8, ["content", "scope", "node-attrs"])
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1040, ["disabled", "items", "aria-label", "onSelect"])) : V("", !0)
+            ]))
+          ]);
+        }), 128))
       ])
-    ], 16, $));
+    ], 16, le));
   }
 });
 export {
-  D as default
+  pe as default
 };

package/dist/components/HysCalendar/HysCalendar.vue.js

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