@rhino-design/vue 0.2.2 → 0.2.3

package/dist/components/XBackTop.vue.js

@@ -0,0 +1,118 @@
+import { defineComponent as E, ref as g, onMounted as A, onBeforeUnmount as S, resolveComponent as w, openBlock as O, createBlock as B, Transition as F, withCtx as y, createElementBlock as H, renderSlot as L, createElementVNode as N, createVNode as V, createCommentVNode as P } from "vue";
+const U = {
+  type: "button",
+  class: "x-back-top-btn"
+}, X = /* @__PURE__ */ E({
+  __name: "XBackTop",
+  props: {
+    visibleHeight: { default: 200 },
+    targetContainer: {},
+    easing: { default: "quartOut" },
+    duration: { default: 200 }
+  },
+  setup(b) {
+    const o = b, m = g(!1), n = g(null);
+    let l = !0, a = 0, i = 0, t = null;
+    const p = {
+      linear: (e) => e,
+      quadIn: (e) => e * e,
+      quadOut: (e) => e * (2 - e),
+      quadInOut: (e) => e < 0.5 ? 2 * e * e : -1 + (4 - 2 * e) * e,
+      cubicIn: (e) => e * e * e,
+      cubicOut: (e) => {
+        const r = e - 1;
+        return r * r * r + 1;
+      },
+      cubicInOut: (e) => e < 0.5 ? 4 * e * e * e : 1 + 4 * (e - 1) * (e - 1) * (e - 1),
+      quartIn: (e) => e * e * e * e,
+      quartOut: (e) => 1 - (1 - e) ** 4,
+      quartInOut: (e) => e < 0.5 ? 8 * e * e * e * e : 1 - 8 * (1 - e) ** 4,
+      quintIn: (e) => e ** 5,
+      quintOut: (e) => 1 - (1 - e) ** 5,
+      quintInOut: (e) => e < 0.5 ? 16 * e ** 5 : 1 - 16 * (1 - e) ** 5,
+      sineIn: (e) => 1 - Math.cos(e * Math.PI / 2),
+      sineOut: (e) => Math.sin(e * Math.PI / 2),
+      sineInOut: (e) => -(Math.cos(Math.PI * e) - 1) / 2,
+      expoIn: (e) => e === 0 ? 0 : 2 ** (10 * (e - 1)),
+      expoOut: (e) => e === 1 ? 1 : 1 - 2 ** (-10 * e),
+      expoInOut: (e) => e === 0 || e === 1 ? e : e < 0.5 ? 2 ** (20 * e - 10) / 2 : (2 - 2 ** (-20 * e + 10)) / 2,
+      circIn: (e) => 1 - Math.sqrt(1 - e * e),
+      circOut: (e) => Math.sqrt(1 - (e - 1) * (e - 1)),
+      circInOut: (e) => e < 0.5 ? (1 - Math.sqrt(1 - 4 * e * e)) / 2 : (Math.sqrt(1 - 4 * (1 - e) * (1 - e)) + 1) / 2
+    };
+    function M(e) {
+      return typeof e == "string" ? document.querySelector(e) : e;
+    }
+    function x(e) {
+      return p[e] ?? p.quartOut;
+    }
+    function c() {
+      var e;
+      return ((e = n.value) == null ? void 0 : e.scrollTop) ?? 0;
+    }
+    function s(e) {
+      n.value && (n.value.scrollTop = e);
+    }
+    function u() {
+      m.value = c() >= o.visibleHeight;
+    }
+    function v() {
+      i && (cancelAnimationFrame(i), i = 0);
+    }
+    function T() {
+      if (!n.value) return;
+      v();
+      const e = c(), r = Math.max(0, Number(o.duration) || 0);
+      if (e <= 0 || r === 0) {
+        s(0), u();
+        return;
+      }
+      const f = x(o.easing);
+      let d = 0;
+      const h = (q) => {
+        d || (d = q);
+        const k = q - d, I = Math.min(k / r, 1), C = e * (1 - f(I));
+        if (s(C), u(), I < 1 && c() > 0) {
+          i = requestAnimationFrame(h);
+          return;
+        }
+        s(0), u(), i = 0;
+      };
+      i = requestAnimationFrame(h);
+    }
+    function _() {
+      return () => {
+        a || (a = requestAnimationFrame(() => {
+          a = 0, u();
+        }));
+      };
+    }
+    return A(() => {
+      n.value = o.targetContainer ? M(o.targetContainer) ?? null : (document == null ? void 0 : document.documentElement) ?? null, l = !o.targetContainer, n.value && (t = _(), l ? window.addEventListener("scroll", t, { passive: !0 }) : n.value.addEventListener("scroll", t, { passive: !0 }), u());
+    }), S(() => {
+      var e;
+      t && (l ? window.removeEventListener("scroll", t) : (e = n.value) == null || e.removeEventListener("scroll", t), t = null), a && (cancelAnimationFrame(a), a = 0), v();
+    }), (e, r) => {
+      const f = w("x-icon");
+      return O(), B(F, { name: "x-back-top-fade" }, {
+        default: y(() => [
+          m.value ? (O(), H("div", {
+            key: 0,
+            class: "x-back-top",
+            onClick: T
+          }, [
+            L(e.$slots, "default", {}, () => [
+              N("button", U, [
+                V(f, { name: "xiangshang" })
+              ])
+            ])
+          ])) : P("", !0)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  X as default
+};

package/dist/components/XBackTop.vue2.js

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

package/dist/components/XBadge.vue.js

@@ -0,0 +1,64 @@
+import { defineComponent as p, useSlots as B, computed as s, openBlock as a, createElementBlock as n, createElementVNode as u, normalizeStyle as r, normalizeClass as c, toDisplayString as d, renderSlot as f, createTextVNode as h, createCommentVNode as V } from "vue";
+const w = {
+  key: 0,
+  class: "x-badge-status"
+}, z = { class: "x-badge__status-text" }, D = {
+  key: 1,
+  class: "x-badge x-badge--standalone"
+}, E = {
+  key: 2,
+  class: "x-badge"
+}, X = /* @__PURE__ */ p({
+  __name: "XBadge",
+  props: {
+    count: { default: 0 },
+    dot: { type: Boolean, default: !1 },
+    maxCount: { default: 99 },
+    status: { default: "danger" },
+    color: { default: "" },
+    offset: { default: () => [0, 0] },
+    text: { default: "" },
+    showZero: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, S = B(), k = s(() => !!S.default), i = s(() => Number(t.count)), g = s(() => !!(t.dot || t.showZero || t.text || String(t.count) !== "0")), x = s(() => !k.value), b = s(() => t.dot ? "" : !Number.isNaN(i.value) && i.value > t.maxCount ? `${t.maxCount}+` : t.count), m = s(() => {
+      var C, $;
+      const o = {};
+      t.color && (o.background = t.color);
+      const l = ((C = t.offset) == null ? void 0 : C[0]) ?? 0, y = (($ = t.offset) == null ? void 0 : $[1]) ?? 0;
+      return (l !== 0 || y !== 0) && (o.transform = `translate(calc(50% + ${l}px), calc(-50% + ${y}px))`), o;
+    }), N = s(() => ({
+      background: t.color || void 0
+    })), v = s(() => t.color && !t.color.startsWith("#") ? `x-badge__count--${t.color}` : `x-badge__count--${t.status}`), _ = s(() => t.color && !t.color.startsWith("#") ? `x-badge__status-dot--${t.color}` : `x-badge__status-dot--${t.status}`);
+    return (o, l) => x.value && e.text ? (a(), n("span", w, [
+      u("i", {
+        class: c(["x-badge__status-dot", [_.value, { "is-processing": e.status === "processing" }]]),
+        style: r(N.value)
+      }, null, 6),
+      u("span", z, d(e.text), 1)
+    ])) : x.value && g.value ? (a(), n("span", D, [
+      u("sup", {
+        class: c(["x-badge__count", [{ "is-dot": e.dot }, v.value]]),
+        style: r(m.value)
+      }, [
+        f(o.$slots, "content", {}, () => [
+          h(d(e.dot ? "" : e.text || b.value), 1)
+        ])
+      ], 6)
+    ])) : (a(), n("span", E, [
+      f(o.$slots, "default"),
+      g.value || o.$slots.content ? (a(), n("sup", {
+        key: 0,
+        class: c(["x-badge__count", [{ "is-dot": e.dot && !o.$slots.content }, v.value]]),
+        style: r(m.value)
+      }, [
+        f(o.$slots, "content", {}, () => [
+          h(d(e.dot ? "" : e.text || b.value), 1)
+        ])
+      ], 6)) : V("", !0)
+    ]));
+  }
+});
+export {
+  X as default
+};

package/dist/components/XBadge.vue2.js

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

package/dist/components/XBaseMenu.vue.js

@@ -0,0 +1,37 @@
+import p from "./XBaseMenu.vue2.js";
+import { resolveComponent as d, openBlock as n, createElementBlock as r, mergeProps as m, createElementVNode as u, normalizeClass as s, renderSlot as a, normalizeStyle as f, createCommentVNode as t, createVNode as C } from "vue";
+import v from "../_virtual/_plugin-vue_export-helper.js";
+function c(o, e, $, z, I, k) {
+  const i = d("XIcon");
+  return n(), r("div", m({ class: o.classNames }, o.$attrs, { style: o.computedStyle }), [
+    u("div", {
+      ref: "menuInnerRef",
+      class: s(`${o.prefixCls}__inner`),
+      onMouseover: e[0] || (e[0] = (...l) => o.onHorizontalIndicatorOver && o.onHorizontalIndicatorOver(...l)),
+      onMouseleave: e[1] || (e[1] = (...l) => o.onHorizontalIndicatorLeave && o.onHorizontalIndicatorLeave(...l))
+    }, [
+      a(o.$slots, "default"),
+      o.showHorizontalIndicator ? (n(), r("div", {
+        key: 0,
+        class: s(`${o.prefixCls}__selected-label`),
+        style: f(o.horizontalIndicatorStyle)
+      }, null, 6)) : t("", !0)
+    ], 34),
+    o.computedHasCollapseButton ? (n(), r("div", {
+      key: 0,
+      class: s(`${o.prefixCls}__collapse-button`),
+      onClick: e[2] || (e[2] = (...l) => o.onCollapseBtnClick && o.onCollapseBtnClick(...l))
+    }, [
+      a(o.$slots, "collapse-icon", { collapsed: o.computedCollapsed }, () => [
+        C(i, {
+          name: o.computedCollapsed ? "mono-right" : "mono-left",
+          size: 14
+        }, null, 8, ["name"])
+      ])
+    ], 2)) : t("", !0)
+  ], 16);
+}
+const N = /* @__PURE__ */ v(p, [["render", c]]);
+export {
+  N as default
+};

package/dist/components/XBaseMenu.vue2.js

@@ -0,0 +1,334 @@
+import { defineComponent as ye, toRefs as me, reactive as X, computed as y, ref as _, provide as he, watch as ge, onMounted as xe, onBeforeUnmount as Ke, nextTick as Ce } from "vue";
+import { useMergeState as N } from "../composables/useMergeState.js";
+import { provideLevel as Be } from "../composables/menu-hooks/use-level.js";
+import { MenuInjectionKey as Se } from "../composables/menu-context.js";
+import be from "../composables/menu-hooks/use-menu-data-collector.js";
+import we from "../composables/menu-hooks/use-menu-open-state.js";
+import { useResponsive as Ie } from "../composables/useResponsive.js";
+import Oe from "./XIcon.js";
+const Me = (t) => typeof t == "number", ze = (t) => t !== null && typeof t == "object" && !Array.isArray(t), ke = (t) => t === void 0, $e = (t, n) => {
+  const a = { ...t };
+  return n.forEach((r) => delete a[r]), a;
+}, He = (t, n) => {
+  const a = (r) => {
+    for (let o = 0; o < r.length; o++) {
+      const u = r[o];
+      if (u.key === n)
+        return u;
+      if (u.children) {
+        const s = a(u.children);
+        if (s) return s;
+      }
+    }
+    return null;
+  };
+  return a(t);
+}, D = (t) => {
+  if (!(!t || !t.length))
+    for (let n = 0; n < t.length; n++) {
+      const a = t[n];
+      if (!a.children || a.children.length === 0)
+        return a.key;
+      const r = D(a.children);
+      if (r)
+        return r;
+    }
+}, Le = (t, n) => {
+  if (!t || !t.length || !n.length) return !1;
+  const a = new Set(n), r = (o) => {
+    for (let u = 0; u < o.length; u++) {
+      const s = o[u];
+      if (a.has(s.key) || s.children && r(s.children))
+        return !0;
+    }
+    return !1;
+  };
+  return r(t);
+}, Pe = ye({
+  name: "XBaseMenu",
+  components: {
+    XIcon: Oe
+  },
+  inheritAttrs: !1,
+  props: {
+    style: {
+      type: Object
+    },
+    theme: {
+      type: String,
+      default: "light"
+    },
+    mode: {
+      type: String,
+      default: "vertical"
+    },
+    levelIndent: {
+      type: Number
+    },
+    autoOpen: {
+      type: Boolean
+    },
+    collapsed: {
+      type: Boolean,
+      default: void 0
+    },
+    defaultCollapsed: {
+      type: Boolean
+    },
+    collapsedWidth: {
+      type: Number
+    },
+    accordion: {
+      type: Boolean
+    },
+    autoScrollIntoView: {
+      type: Boolean
+    },
+    showCollapseButton: {
+      type: Boolean
+    },
+    selectedKeys: {
+      type: Array
+    },
+    defaultSelectedKeys: {
+      type: Array,
+      default: () => []
+    },
+    openKeys: {
+      type: Array
+    },
+    defaultOpenKeys: {
+      type: Array,
+      default: () => []
+    },
+    scrollConfig: {
+      type: Object
+    },
+    triggerProps: {
+      type: Object
+    },
+    tooltipProps: {
+      type: Object
+    },
+    autoOpenSelected: {
+      type: Boolean
+    },
+    breakpoint: {
+      type: String
+    },
+    popupMaxHeight: {
+      type: [Boolean, Number],
+      default: !0
+    },
+    prefixCls: {
+      type: String,
+      default: "x-menu"
+    },
+    inTrigger: {
+      type: Boolean
+    },
+    siderCollapsed: {
+      type: Boolean
+    },
+    isRoot: {
+      type: Boolean
+    }
+  },
+  emits: [
+    "update:collapsed",
+    "update:selectedKeys",
+    "update:openKeys",
+    "collapse",
+    "menu-item-click",
+    "sub-menu-click"
+  ],
+  setup(t, { emit: n, slots: a }) {
+    const {
+      style: r,
+      mode: o,
+      theme: u,
+      levelIndent: s,
+      accordion: M,
+      showCollapseButton: S,
+      scrollConfig: P,
+      autoScrollIntoView: E,
+      collapsedWidth: m,
+      autoOpen: V,
+      collapsed: W,
+      defaultCollapsed: h,
+      selectedKeys: q,
+      defaultSelectedKeys: z,
+      openKeys: U,
+      defaultOpenKeys: F,
+      triggerProps: G,
+      tooltipProps: J,
+      autoOpenSelected: Q,
+      breakpoint: Y,
+      popupMaxHeight: Z,
+      prefixCls: c,
+      inTrigger: g,
+      siderCollapsed: b,
+      isRoot: v
+    } = me(t), { subMenuKeys: ee, menuData: k } = be({
+      type: v != null && v.value ? "menu" : "popupMenu"
+    }), [x, $] = N(
+      z.value,
+      {
+        value: q,
+        defaultValue: z,
+        syncDefaultValue: !0
+      }
+    ), { openKeys: H, setOpenKeys: te, open: ne } = we(
+      X({
+        modelValue: U,
+        defaultValue: F,
+        autoOpen: V,
+        autoOpenSelected: Q,
+        selectedKeys: x,
+        subMenuKeys: ee,
+        menuData: k,
+        accordion: M
+      })
+    ), oe = ke(h == null ? void 0 : h.value) ? o.value === "pop" : h.value, [w, le] = N(
+      oe,
+      {
+        value: W
+      }
+    ), f = y(
+      () => (b == null ? void 0 : b.value) || w.value || o.value === "popButton"
+    ), L = y(
+      () => ["horizontal", "popButton"].indexOf(o.value) < 0 && !(g != null && g.value) && (S == null ? void 0 : S.value)
+    ), R = (e, l) => {
+      e !== w.value && (le(e), n("update:collapsed", e), n("collapse", e, l));
+    }, re = () => {
+      R(!w.value, "clickTrigger");
+    };
+    Ie(Y, (e) => {
+      R(!e, "responsive");
+    });
+    const ae = y(() => [
+      c.value,
+      `${c.value}--${u == null ? void 0 : u.value}`,
+      `${c.value}--${o.value === "horizontal" ? "horizontal" : "vertical"}`,
+      {
+        [`${c.value}--has-collapse-button`]: L.value,
+        [`${c.value}--collapsed`]: f.value,
+        [`${c.value}--pop`]: o.value === "pop" || f.value,
+        [`${c.value}--pop-button`]: o.value === "popButton"
+      }
+    ]), K = _(null), C = _({
+      width: "0px",
+      transform: "translateX(0px)",
+      opacity: "0"
+    }), I = y(
+      () => o.value === "horizontal" && !f.value
+    ), ue = () => {
+      const e = K.value;
+      return e ? e.querySelector(
+        '[data-menu-indicator="true"].x-menu-item--selected, [data-menu-indicator="true"].x-sub-menu--selected'
+      ) : null;
+    }, A = async (e) => {
+      if (!I.value) {
+        C.value = {
+          width: "0px",
+          transform: "translateX(0px)",
+          opacity: "0"
+        };
+        return;
+      }
+      await Ce();
+      const l = K.value, i = e ?? ue();
+      if (!l || !i) {
+        C.value = {
+          width: "0px",
+          transform: "translateX(0px)",
+          opacity: "0"
+        };
+        return;
+      }
+      const p = l.getBoundingClientRect();
+      i.getBoundingClientRect();
+      const d = (i.querySelector(".x-menu-item__text, .x-sub-menu__title-text") ?? i).getBoundingClientRect(), j = Math.max(Math.round(d.width), 16), ve = d.left - p.left + (d.width - j) / 2;
+      C.value = {
+        width: `${j}px`,
+        transform: `translateX(${ve}px)`,
+        opacity: "1"
+      };
+    }, B = () => {
+      A();
+    }, ie = (e) => {
+      var i, p;
+      if (!I.value) return;
+      const l = (i = e.target) == null ? void 0 : i.closest(
+        '[data-menu-indicator="true"]'
+      );
+      l && ((p = K.value) != null && p.contains(l)) && A(l);
+    }, ce = () => {
+      B();
+    }, T = () => {
+      B();
+    }, se = y(() => {
+      const e = Me(m == null ? void 0 : m.value) ? `${m.value}px` : void 0, l = ze(r == null ? void 0 : r.value) ? r.value : void 0, i = f.value ? e : l == null ? void 0 : l.width;
+      return [
+        l ? $e(l, ["width"]) : r.value,
+        { width: i }
+      ];
+    }), pe = a["expand-icon-down"], de = a["expand-icon-right"], fe = X({
+      theme: u,
+      mode: o,
+      levelIndent: s,
+      autoScrollIntoView: E,
+      selectedKeys: x,
+      openKeys: H,
+      prefixCls: c.value,
+      scrollConfig: P,
+      inTrigger: g,
+      collapsed: f,
+      accordion: M,
+      triggerProps: G,
+      tooltipProps: J,
+      popupMaxHeight: Z,
+      expandIconDown: pe,
+      expandIconRight: de,
+      onMenuItemClick: (e) => {
+        $([e]), n("update:selectedKeys", [e]), n("menu-item-click", e);
+      },
+      onSubMenuClick: (e, l) => {
+        const i = ne(e, l);
+        if (te(i), n("update:openKeys", i), n("sub-menu-click", e, i), !(v != null && v.value && o.value === "vertical" && l === 1))
+          return;
+        const p = He(k.value, e), O = p == null ? void 0 : p.children;
+        if (Le(O, x.value || []))
+          return;
+        const d = D(O);
+        d && ($([d]), n("update:selectedKeys", [d]), n("menu-item-click", d));
+      }
+    });
+    return he(Se, fe), Be(1), ge(
+      [o, f, x, H],
+      () => {
+        B();
+      },
+      { deep: !0, immediate: !0 }
+    ), xe(() => {
+      window.addEventListener("resize", T), B();
+    }), Ke(() => {
+      window.removeEventListener("resize", T);
+    }), {
+      prefixCls: c.value,
+      classNames: ae,
+      computedStyle: se,
+      computedCollapsed: f,
+      computedHasCollapseButton: L,
+      menuInnerRef: K,
+      showHorizontalIndicator: I,
+      horizontalIndicatorStyle: C,
+      onHorizontalIndicatorOver: ie,
+      onHorizontalIndicatorLeave: ce,
+      onCollapseBtnClick: re
+    };
+  }
+});
+export {
+  Pe as default
+};

package/dist/components/XBreadcrumb.vue.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 interface XBreadcrumbRoute {
     label: string;
     path: string;
@@ -6,6 +7,16 @@ interface XBreadcrumbRoute {
         path: string;
     }>;
 }
+type XBreadcrumbSlots = {
+    default?: (_: Record<string, never>) => VNode[];
+    separator?: (_: Record<string, never>) => VNode[];
+    'more-icon'?: (_: Record<string, never>) => VNode[];
+    'item-render'?: (_: {
+        route: XBreadcrumbRoute;
+        routes: XBreadcrumbRoute[];
+        paths: string[];
+    }) => VNode[];
+};
 type __VLS_Props = {
     maxCount?: number;
     routes?: XBreadcrumbRoute[];
@@ -14,13 +25,7 @@ type __VLS_Props = {
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: {
-        'item-render'?(_: {
-            route: XBreadcrumbRoute;
-            routes: XBreadcrumbRoute[];
-            paths: string[];
-        }): any;
-    };
+    slots: Readonly<XBreadcrumbSlots> & XBreadcrumbSlots;
     refs: {};
     rootEl: HTMLDivElement;
 };

package/dist/components/XBreadcrumb.vue.js

@@ -0,0 +1,97 @@
+import { defineComponent as F, useSlots as L, ref as N, toRef as b, computed as f, cloneVNode as j, watchEffect as P, provide as $, openBlock as a, createElementBlock as i, Fragment as y, renderList as A, createBlock as C, resolveDynamicComponent as w, withCtx as H, renderSlot as D, toDisplayString as g, isVNode as G, Comment as I } from "vue";
+import M from "./XBreadcrumbItem.vue.js";
+import { xBreadcrumbInjectionKey as O } from "./x-breadcrumb-context.js";
+const T = {
+  role: "list",
+  class: "x-breadcrumb"
+}, U = { key: 0 }, V = ["href"], X = 1, K = 6, J = /* @__PURE__ */ F({
+  name: "XBreadcrumb",
+  __name: "XBreadcrumb",
+  props: {
+    maxCount: { default: 0 },
+    routes: { default: () => [] },
+    separator: { default: void 0 },
+    customUrl: { type: Function, default: void 0 }
+  },
+  setup(E) {
+    const l = E, s = L(), h = N(0), p = b(l, "maxCount"), x = b(l, "separator"), B = f(() => p.value > 0 && h.value > p.value + 1);
+    function S(o) {
+      const r = [], e = (n) => {
+        var c, d, u, k;
+        for (const t of n ?? [])
+          if (t) {
+            if (Array.isArray(t)) {
+              e(t);
+              continue;
+            }
+            if (G(t) && t.type !== I) {
+              if (t.type === y) {
+                Array.isArray(t.children) ? e(t.children) : t.children && typeof t.children == "object" && "default" in t.children && typeof t.children.default == "function" && e((d = (c = t.children).default) == null ? void 0 : d.call(c));
+                continue;
+              }
+              if (t.shapeFlag & X || t.shapeFlag & K) {
+                r.push(t);
+                continue;
+              }
+              Array.isArray(t.children) ? e(t.children) : t.children && typeof t.children == "object" && "default" in t.children && typeof t.children.default == "function" && e((k = (u = t.children).default) == null ? void 0 : k.call(u));
+            }
+          }
+      };
+      return e(o), r;
+    }
+    const m = f(() => {
+      var r;
+      return S((r = s.default) == null ? void 0 : r.call(s, {})).map((e, n) => j(e, { index: n }));
+    }), _ = f(() => !!s.default), v = f(() => {
+      const o = l.routes ?? [], r = [];
+      return o.map((e, n) => {
+        var u;
+        r.push((e.path ?? "").replace(/^\//, ""));
+        const c = [...r], d = ((u = l.customUrl) == null ? void 0 : u.call(l, c)) ?? `#/${c.join("/").replace(/^\//, "")}`;
+        return {
+          key: e.path || e.label || String(n),
+          route: e,
+          routes: o,
+          paths: c,
+          href: d,
+          index: n,
+          isLast: n === o.length - 1
+        };
+      });
+    });
+    return P(() => {
+      h.value = _.value ? m.value.length : v.value.length;
+    }), $(O, {
+      total: h,
+      maxCount: p,
+      separator: x,
+      needHide: B,
+      slots: s
+    }), (o, r) => (a(), i("div", T, [
+      _.value ? (a(!0), i(y, { key: 0 }, A(m.value, (e, n) => (a(), C(w(e), {
+        key: e.key ?? `breadcrumb-child-${n}`
+      }))), 128)) : (a(!0), i(y, { key: 1 }, A(v.value, (e) => (a(), C(M, {
+        key: e.key,
+        index: e.index,
+        droplist: e.route.children
+      }, {
+        default: H(() => [
+          D(o.$slots, "item-render", {
+            route: e.route,
+            routes: e.routes,
+            paths: e.paths
+          }, () => [
+            e.isLast ? (a(), i("span", U, g(e.route.label), 1)) : (a(), i("a", {
+              key: 1,
+              href: e.href
+            }, g(e.route.label), 9, V))
+          ])
+        ]),
+        _: 2
+      }, 1032, ["index", "droplist"]))), 128))
+    ]));
+  }
+});
+export {
+  J as default
+};