hys-ui 0.2.0 → 0.4.0

package/dist/components/HysAvatarGroup/HysAvatarGroup.vue.js

@@ -1,7 +1,7 @@
 import o from "./HysAvatarGroup2.vue.js";
 /* empty css                    */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-52dfa187"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-463c4f8b"]]);
 export {
   f as default
 };

package/dist/components/HysAvatarGroup/HysAvatarGroup2.vue.js

@@ -1,17 +1,20 @@
-import { defineComponent as q, ref as y, useId as E, provide as J, computed as C, watch as b, onUpdated as L, nextTick as M, onDeactivated as Q, onBeforeUnmount as W, h as c, Teleport as X, mergeProps as Y, Fragment as G, cloneVNode as Z, Comment as ee, Text as ae } from "vue";
-import _ from "../HysAvatar/HysAvatar.vue.js";
-import { useHysRootAttrs as te } from "../../config.js";
-import { avatarGroupKey as ne } from "../../composables/avatar.js";
-import { useFloating as oe } from "../../composables/useFloating.js";
-function j(e) {
+import q from "../../motion/PopupMotion.js";
+import { defineComponent as E, ref as y, useId as J, provide as L, computed as T, watch as b, onUpdated as Q, nextTick as M, onDeactivated as W, onBeforeUnmount as X, h as l, Teleport as Y, mergeProps as Z, Fragment as H, cloneVNode as ee, Comment as ae, Text as te } from "vue";
+import z from "../HysAvatar/HysAvatar.vue.js";
+import { useHysRootAttrs as ne } from "../../config.js";
+import { avatarGroupKey as oe } from "../../composables/avatar.js";
+import { useFloating as re } from "../../composables/useFloating.js";
+function _(e) {
   return e.flatMap(
-    (u) => u.type === G ? j(u.children || []) : u.type === ee || u.type === ae && !String(u.children).trim() ? [] : [u]
+    (c) => c.type === H ? _(c.children || []) : c.type === ae || c.type === te && !String(c.children).trim() ? [] : [c]
   );
 }
-const ve = q({
+const fe = E({
   name: "HysAvatarGroup",
   inheritAttrs: !1,
   props: {
+    popupTransition: String,
+    popupTransitionDuration: Number,
     options: Array,
     size: [Number, String, Object],
     shape: String,
@@ -31,150 +34,150 @@ const ve = q({
   },
   emits: {
     visibleChange: (e) => !0,
-    overflowClick: (e, u) => !0
+    overflowClick: (e, c) => !0
   },
   slots: Object,
-  setup(e, { attrs: u, slots: l, emit: F, expose: D }) {
-    const w = y(), d = y(), m = y(), s = y(!1), S = te(), T = "hys-avatar-group-" + E();
-    J(ne, {
-      size: C(() => e.size),
-      shape: C(() => e.shape),
-      bordered: C(() => e.bordered)
+  setup(e, { attrs: c, slots: u, emit: C, expose: G }) {
+    const w = y(), m = y(), g = y(), f = y(!1), S = ne(), F = "hys-avatar-group-" + J();
+    L(oe, {
+      size: T(() => e.size),
+      shape: T(() => e.shape),
+      bordered: T(() => e.bordered)
     });
-    const o = oe(d, m, {
+    const n = re(m, g, {
       get placement() {
         return e.placement;
       }
     });
     let k;
-    function v() {
+    function s() {
       clearTimeout(k), k = void 0;
     }
-    function I() {
-      v(), e.trigger === "hover" && !o.restoringFocus.value && o.show();
+    function j() {
+      s(), e.trigger === "hover" && !n.restoringFocus.value && n.show();
     }
     function O() {
-      v(), e.trigger === "hover" && (k = setTimeout(() => o.close(), 80));
+      s(), e.trigger === "hover" && (k = setTimeout(() => n.close(), 80));
     }
-    function K() {
-      v(), e.trigger !== "click" && !o.restoringFocus.value && o.show();
+    function I() {
+      s(), e.trigger !== "click" && !n.restoringFocus.value && n.show();
     }
     function N(a) {
       var t, r;
-      a.relatedTarget instanceof Node && ((t = w.value) != null && t.contains(a.relatedTarget) || (r = m.value) != null && r.contains(a.relatedTarget)) || (v(), o.close());
+      a.relatedTarget instanceof Node && ((t = w.value) != null && t.contains(a.relatedTarget) || (r = g.value) != null && r.contains(a.relatedTarget)) || (s(), n.close());
     }
-    function p() {
-      v(), o.close(!1, !0), s.value = !1;
+    function d() {
+      s(), n.close(!1, !0), f.value = !1;
     }
-    function R() {
+    function K() {
       var a;
       return e.options ? e.options.map((t, r) => ({
         key: t.key ?? r,
         option: t,
-        node: l.avatar ? c(G, null, l.avatar({ option: t, index: r })) : c(_, t)
-      })) : j(((a = l.default) == null ? void 0 : a.call(l)) ?? []).map((t, r) => ({
+        node: u.avatar ? l(H, null, u.avatar({ option: t, index: r })) : l(z, t)
+      })) : _(((a = u.default) == null ? void 0 : a.call(u)) ?? []).map((t, r) => ({
         key: typeof t.key == "string" || typeof t.key == "number" ? t.key : r,
         node: t
       }));
     }
-    function A(a) {
-      const t = Number.isFinite(e.gap) ? e.gap : -10, r = e.expandOnHover && s.value ? Math.max(0, t) : t;
+    function P(a) {
+      const t = Number.isFinite(e.gap) ? e.gap : -10, r = e.expandOnHover && f.value ? Math.max(0, t) : t;
       return {
         ...e.vertical ? { marginTop: a ? r + "px" : void 0 } : { marginInlineStart: a ? r + "px" : void 0 },
         zIndex: a + 1
       };
     }
-    const U = (a) => {
-      var t, r, i, g;
-      return ((t = a.option) == null ? void 0 : t.name) || ((r = a.option) == null ? void 0 : r.alt) || ((i = a.node.props) == null ? void 0 : i.name) || ((g = a.node.props) == null ? void 0 : g.alt) || "成员";
+    const R = (a) => {
+      var t, r, i, p;
+      return ((t = a.option) == null ? void 0 : t.name) || ((r = a.option) == null ? void 0 : r.alt) || ((i = a.node.props) == null ? void 0 : i.name) || ((p = a.node.props) == null ? void 0 : p.alt) || "成员";
     };
-    function P(a, t, r = !1) {
-      const i = Z(a.node);
+    function A(a, t, r = !1) {
+      const i = ee(a.node);
       return r && (i.ref = null), i.key = t, i;
     }
-    const V = Symbol("hys-avatar-overflow");
+    const U = Symbol("hys-avatar-overflow");
     async function h() {
       var a;
-      v(), (a = d.value) != null && a.isConnected && await o.show();
+      s(), (a = m.value) != null && a.isConnected && await n.show();
     }
     function x() {
-      v(), o.close();
+      s(), n.close();
     }
-    return D({ open: h, close: x }), b(o.open, (a) => F("visibleChange", a)), b(() => [e.maxCount, e.showOverflow, e.trigger], p), b(
+    return G({ open: h, close: x }), b(n.open, (a) => C("visibleChange", a)), b(() => [e.maxCount, e.showOverflow, e.trigger], d), b(
       () => e.placement,
       () => {
-        o.open.value && o.update();
+        n.open.value && n.update();
       }
-    ), L(() => {
+    ), Q(() => {
       var a;
-      o.open.value && !((a = d.value) != null && a.isConnected) && p();
+      n.open.value && !((a = m.value) != null && a.isConnected) && d();
     }), b(
       () => [e.options, e.size, e.shape],
       () => void M(() => {
-        o.open.value && o.update();
+        n.open.value && n.update();
       }),
       { deep: !0 }
-    ), Q(p), W(p), {
+    ), W(d), X(d), {
       open: h,
       close: x,
       renderGroup: () => {
-        var z, H;
-        const a = R(), t = e.maxCount === void 0 || !Number.isFinite(e.maxCount) ? a.length : Math.max(0, Math.floor(e.maxCount)), r = a.slice(0, t), i = a.slice(t), g = i.flatMap(
-          (n) => n.option ? [n.option] : []
+        var D;
+        const a = K(), t = e.maxCount === void 0 || !Number.isFinite(e.maxCount) ? a.length : Math.max(0, Math.floor(e.maxCount)), r = a.slice(0, t), i = a.slice(t), p = i.flatMap(
+          (o) => o.option ? [o.option] : []
         ), B = r.map(
-          (n, f) => c(
+          (o, v) => l(
             "span",
             {
               class: "hys-ui-avatar-group-item",
-              style: A(f),
-              key: n.key
+              style: P(v),
+              key: o.key
             },
-            [P(n, n.key)]
+            [A(o, o.key)]
           )
         );
         i.length && e.showOverflow && B.push(
-          c(
+          l(
             "span",
             {
               class: "hys-ui-avatar-group-item",
-              style: A(r.length),
-              key: V
+              style: P(r.length),
+              key: U
             },
             [
-              c(
+              l(
                 "button",
                 {
-                  ref: d,
+                  ref: m,
                   type: "button",
                   class: "hys-ui-avatar-group-more",
                   "aria-label": `查看其余 ${i.length} 位成员`,
-                  "aria-expanded": o.open.value,
-                  "aria-controls": o.open.value ? T : void 0,
-                  onPointerenter: I,
+                  "aria-expanded": n.open.value,
+                  "aria-controls": n.open.value ? F : void 0,
+                  onPointerenter: j,
                   onPointerleave: O,
-                  onFocus: K,
+                  onFocus: I,
                   onBlur: N,
-                  onClick: (n) => {
-                    v(), F("overflowClick", i.length, n), e.trigger === "click" ? o.toggle() : h();
+                  onClick: (o) => {
+                    s(), C("overflowClick", i.length, o), e.trigger === "click" ? n.toggle() : h();
                   },
-                  onKeydown: async (n) => {
-                    var f;
-                    n.key === "ArrowDown" && (n.preventDefault(), await h(), await M(), (f = m.value) == null || f.focus());
+                  onKeydown: async (o) => {
+                    var v;
+                    o.key === "ArrowDown" && (o.preventDefault(), await h(), await M(), (v = g.value) == null || v.focus());
                   }
                 },
                 [
-                  c(
-                    _,
+                  l(
+                    z,
                     {
                       class: e.maxClass,
                       style: e.maxStyle,
                       "aria-hidden": "true"
                     },
                     () => {
-                      var n;
-                      return ((n = l.overflow) == null ? void 0 : n.call(l, {
+                      var o;
+                      return ((o = u.overflow) == null ? void 0 : o.call(u, {
                         count: i.length,
-                        options: g
+                        options: p
                       })) ?? "+" + i.length;
                     }
                   )
@@ -183,62 +186,63 @@ const ve = q({
             ]
           )
         );
-        const $ = o.open.value && i.length && e.showOverflow ? c(X, { to: "body" }, [
-          c(
+        const V = l(Y, { to: "body" }, [l(q, { popupTransition: e.popupTransition, popupTransitionDuration: e.popupTransitionDuration, placement: n.placement.value }, { default: () => {
+          var o;
+          return n.open.value && i.length && e.showOverflow ? l(
             "div",
             {
               ...S.value,
-              id: T,
-              ref: m,
+              id: F,
+              ref: g,
               role: "group",
               "aria-label": "其余成员",
               tabindex: -1,
               class: "hys-ui-avatar-group-popover",
-              style: o.style.value,
-              onPointerenter: v,
+              style: n.style.value,
+              onPointerenter: s,
               onPointerleave: O,
-              onFocusin: v,
+              onFocusin: s,
               onFocusout: N
             },
-            ((z = l.content) == null ? void 0 : z.call(l, {
-              options: g,
+            ((o = u.content) == null ? void 0 : o.call(u, {
+              options: p,
               close: x
             })) ?? i.map(
-              (n, f) => c(
+              (v, $) => l(
                 "div",
-                { class: "hys-ui-avatar-group-person", key: n.key },
+                { class: "hys-ui-avatar-group-person", key: v.key },
                 [
-                  P(n, "popup-" + f, !0),
-                  c(
+                  A(v, "popup-" + $, !0),
+                  l(
                     "span",
                     { class: "hys-ui-avatar-group-name" },
-                    String(U(n))
+                    String(R(v))
                   )
                 ]
               )
             )
-          )
-        ]) : null;
-        return c(
+          ) : null;
+        } })]);
+        return l(
           "div",
-          Y(S.value, u, {
+          Z(S.value, c, {
             ref: w,
             role: "group",
-            "aria-label": u["aria-label"] ?? "头像组",
+            "aria-label": c["aria-label"] ?? "头像组",
             class: [
               "hys-ui-avatar-group",
               { "hys-ui-avatar-group-vertical": e.vertical }
             ],
-            style: u.style,
-            onPointerenter: () => s.value = !0,
-            onPointerleave: () => s.value = !1,
-            onFocusin: () => s.value = !0,
-            onFocusout: (n) => {
-              var f;
-              n.relatedTarget instanceof Node && ((f = w.value) != null && f.contains(n.relatedTarget)) || (s.value = !1);
+            style: c.style,
+            onPointerenter: () => f.value = !0,
+            onPointerleave: () => f.value = !1,
+            onFocusin: () => f.value = !0,
+            onFocusout: (o) => {
+              var v;
+              o.relatedTarget instanceof Node && ((v = w.value) != null && v.contains(o.relatedTarget)) || (f.value = !1);
             }
           }),
-          [...B, ...a.length ? [] : ((H = l.empty) == null ? void 0 : H.call(l)) ?? [], $]
+          [...B, ...a.length ? [] : ((D = u.empty) == null ? void 0 : D.call(u)) ?? [], V]
         );
       }
     };
@@ -248,5 +252,5 @@ const ve = q({
   }
 });
 export {
-  ve as default
+  fe as default
 };

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

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