@rhino-design/vue 0.2.1 → 0.2.3

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

@@ -31,8 +31,8 @@ declare const __VLS_component: import('vue').DefineComponent<AffixProps, {
 }, string, import('vue').PublicProps, Readonly<AffixProps> & Readonly<{
     onChange?: ((fixed: boolean) => any) | undefined;
 }>, {
-    offsetTop: number;
     disabled: boolean;
+    offsetTop: number;
     zIndex: number | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     wrapperRef: HTMLDivElement;

package/dist/components/XAffix.vue.js

@@ -0,0 +1,7 @@
+import f from "./XAffix.vue2.js";
+/* empty css            */
+import o from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ o(f, [["__scopeId", "data-v-fe4e48cf"]]);
+export {
+  m as default
+};

package/dist/components/XAffix.vue2.js

@@ -0,0 +1,181 @@
+import { defineComponent as X, ref as x, computed as j, watch as I, nextTick as G, onMounted as J, onUnmounted as K, openBlock as M, createElementBlock as k, mergeProps as Q, normalizeStyle as _, createCommentVNode as Y, createElementVNode as Z, normalizeClass as ee, renderSlot as te, isRef as ne } from "vue";
+const oe = /* @__PURE__ */ X({
+  __name: "XAffix",
+  props: {
+    offsetTop: { default: 0 },
+    offsetBottom: {},
+    target: {},
+    targetContainer: {},
+    disabled: { type: Boolean, default: !1 },
+    zIndex: { default: 100 }
+  },
+  emits: ["change"],
+  setup(F, { expose: A, emit: O }) {
+    const n = F, D = O, h = x(null), c = x(null), m = x(!1), g = x({}), y = x({}), H = j(() => ({
+      "x-affix": !0,
+      "x-affix--fixed": m.value
+    }));
+    let o = window, s = window, d = null, p = null, v = 0, R = !1;
+    function B(t) {
+      return typeof window < "u" && t === window;
+    }
+    function z(t) {
+      const e = typeof t == "function" ? t() : t;
+      return ne(e) ? e.value : e;
+    }
+    function E(t) {
+      if (typeof window > "u" || typeof document > "u")
+        return;
+      const e = z(t);
+      if (e)
+        return typeof e == "string" ? document.querySelector(e) ?? void 0 : e;
+    }
+    function N(t) {
+      if (B(t))
+        return {
+          top: 0,
+          bottom: window.innerHeight
+        };
+      const e = t.getBoundingClientRect();
+      return {
+        top: e.top,
+        bottom: e.bottom
+      };
+    }
+    function $(t) {
+      t !== m.value && (m.value = t, D("change", t));
+    }
+    function P() {
+      g.value = {}, y.value = {}, $(!1);
+    }
+    function q() {
+      const t = h.value, e = c.value;
+      if (!t || !e)
+        return {
+          width: 0,
+          height: 0
+        };
+      const f = t.getBoundingClientRect();
+      let l = f.width || t.offsetWidth, w = f.height || t.offsetHeight;
+      const a = window.getComputedStyle(t).display.startsWith("inline");
+      if (m.value && a) {
+        const r = e.style.width, u = e.style.maxWidth;
+        e.style.width = "max-content", e.style.maxWidth = "none";
+        const b = e.getBoundingClientRect();
+        b.width > 0 && (l = b.width), b.height > 0 && (w = b.height), e.style.width = r, e.style.maxWidth = u;
+      } else {
+        const r = e.getBoundingClientRect();
+        !l && r.width > 0 && (l = r.width), !w && r.height > 0 && (w = r.height);
+      }
+      return { width: l, height: w };
+    }
+    function L() {
+      const t = h.value;
+      if (!t || typeof window > "u") return;
+      if (n.disabled) {
+        P();
+        return;
+      }
+      const e = N(o), f = t.getBoundingClientRect(), { width: l, height: w } = q(), W = n.offsetBottom === void 0;
+      let a = !1, r = {};
+      if (W) {
+        const u = n.offsetTop ?? 0;
+        a = f.top <= e.top + u, a && (r = {
+          position: "fixed",
+          top: `${e.top + u}px`,
+          left: `${f.left}px`,
+          width: `${l}px`,
+          zIndex: n.zIndex
+        });
+      } else {
+        const u = n.offsetBottom ?? 0;
+        a = e.bottom - f.bottom <= u, a && (r = {
+          position: "fixed",
+          bottom: `${window.innerHeight - e.bottom + u}px`,
+          left: `${f.left}px`,
+          width: `${l}px`,
+          zIndex: n.zIndex
+        });
+      }
+      if ($(a), !a) {
+        g.value = {}, y.value = {};
+        return;
+      }
+      g.value = {
+        width: `${l}px`,
+        height: `${w}px`
+      }, y.value = r;
+    }
+    function i() {
+      typeof window > "u" || (cancelAnimationFrame(v), v = requestAnimationFrame(() => {
+        v = 0, L();
+      }));
+    }
+    function S() {
+      o == null || o.removeEventListener("scroll", i), s == null || s.removeEventListener("scroll", i), window.removeEventListener("resize", i), window.removeEventListener("scroll", i, !0);
+    }
+    function U() {
+      o.addEventListener("scroll", i, { passive: !0 }), s !== o && s.addEventListener("scroll", i, { passive: !0 }), window.addEventListener("resize", i, { passive: !0 }), window.addEventListener("scroll", i, { passive: !0, capture: !0 });
+    }
+    function C() {
+      d == null || d.disconnect(), d = null, p == null || p.disconnect(), p = null;
+    }
+    function V() {
+      C(), typeof ResizeObserver < "u" && (d = new ResizeObserver(() => {
+        i();
+      }), h.value && d.observe(h.value), c.value && d.observe(c.value), B(o) || d.observe(o), s !== o && !B(s) && d.observe(s)), typeof MutationObserver < "u" && c.value && (p = new MutationObserver(() => {
+        i();
+      }), p.observe(c.value, {
+        childList: !0,
+        subtree: !0,
+        characterData: !0,
+        attributes: !0
+      }));
+    }
+    function T() {
+      !R || typeof window > "u" || (S(), C(), o = E(n.target) ?? window, s = E(n.targetContainer) ?? window, U(), V(), i());
+    }
+    return A({
+      updatePosition: L,
+      scheduleUpdate: i
+    }), I(
+      () => [z(n.target), z(n.targetContainer)],
+      () => {
+        G(() => {
+          T();
+        });
+      }
+    ), I(
+      () => [n.offsetTop, n.offsetBottom, n.disabled, n.zIndex],
+      () => {
+        i();
+      }
+    ), J(() => {
+      R = !0, T();
+    }), K(() => {
+      R = !1, S(), C(), v && (cancelAnimationFrame(v), v = 0);
+    }), (t, e) => (M(), k("div", Q({
+      ref_key: "wrapperRef",
+      ref: h,
+      class: "x-affix-wrapper"
+    }, t.$attrs), [
+      m.value ? (M(), k("div", {
+        key: 0,
+        class: "x-affix-placeholder",
+        style: _(g.value),
+        "aria-hidden": "true"
+      }, null, 4)) : Y("", !0),
+      Z("div", {
+        ref_key: "affixRef",
+        ref: c,
+        class: ee(H.value),
+        style: _(y.value)
+      }, [
+        te(t.$slots, "default", {}, void 0, !0)
+      ], 6)
+    ], 16));
+  }
+});
+export {
+  oe as default
+};

package/dist/components/XAlert.vue.js

@@ -0,0 +1,106 @@
+import { defineComponent as B, getCurrentInstance as z, useAttrs as L, ref as I, computed as a, openBlock as s, createBlock as S, Transition as T, withCtx as $, createElementBlock as l, mergeProps as A, unref as u, renderSlot as n, createVNode as p, createCommentVNode as r, createElementVNode as C, createTextVNode as N, toDisplayString as V } from "vue";
+import w from "./XIcon.js";
+const Z = {
+  key: 0,
+  class: "x-alert__icon"
+}, D = {
+  key: 0,
+  class: "x-alert__status-svg",
+  "aria-hidden": "true"
+}, E = ["innerHTML"], H = { class: "x-alert__body" }, P = {
+  key: 0,
+  class: "x-alert__title"
+}, X = { class: "x-alert__content" }, G = {
+  key: 1,
+  class: "x-alert__action"
+}, j = /* @__PURE__ */ B({
+  __name: "XAlert",
+  props: {
+    type: { default: "info" },
+    showIcon: { type: Boolean, default: !0 },
+    closable: { type: Boolean, default: !1 },
+    title: { default: "" },
+    banner: { type: Boolean, default: !1 },
+    center: { type: Boolean, default: !1 }
+  },
+  emits: ["close", "afterClose"],
+  setup(c, { emit: _ }) {
+    const g = {
+      info: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" aria-label="info"><path stroke-width="4" fill="currentColor" d="M512 0C229.2 0 0 229.2 0 512s229.2 512 512 512 512-229.2 512-512S794.8 0 512 0z m316.8 828.8c-41.2 41.2-89.1 73.5-142.4 96C631.2 948.2 572.5 960 512 960s-119.2-11.8-174.4-35.2c-53.3-22.6-101.3-54.9-142.4-96-41.2-41.2-73.5-89.1-96-142.4C75.8 631.2 64 572.5 64 512s11.8-119.2 35.2-174.4c22.6-53.3 54.9-101.3 96-142.4 41.2-41.2 89.1-73.5 142.4-96C392.8 75.8 451.5 64 512 64s119.2 11.8 174.4 35.2c53.3 22.6 101.3 54.9 142.4 96 41.2 41.2 73.5 89.1 96 142.4C948.2 392.8 960 451.5 960 512s-11.8 119.2-35.2 174.4c-22.5 53.3-54.8 101.2-96 142.4z"></path><path stroke-width="4" fill="currentColor" d="M512 672.5c-17.7 0-32-14.3-32-32v-416c0-17.7 14.3-32 32-32s32 14.3 32 32v416c0 17.7-14.3 32-32 32zM512 801c-17.7 0-32-14.3-32-32v-1c0-17.7 14.3-32 32-32s32 14.3 32 32v1c0 17.7-14.3 32-32 32z"></path></svg>',
+      success: '<svg role="img" aria-label="success" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.00016 14C11.3139 14 14.0002 11.3137 14.0002 8.00004C14.0002 4.68633 11.3139 2.00004 8.00016 2.00004C4.68646 2.00004 2.00016 4.68633 2.00016 8.00004C2.00016 11.3137 4.68645 14 8.00016 14ZM15.3335 8.00004C15.3335 12.0501 12.0503 15.3334 8.00016 15.3334C3.95008 15.3334 0.66683 12.0501 0.666831 8.00004C0.666831 3.94995 3.95008 0.666707 8.00016 0.666707C12.0503 0.666708 15.3335 3.94995 15.3335 8.00004ZM7.3335 10.6095L4.72402 8.00004L5.66683 7.05723L7.3335 8.7239L10.6668 5.39057L11.6096 6.33337L7.3335 10.6095Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" fill-opacity="0.9"></path></svg>',
+      warning: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" aria-label="warning"><path stroke-width="4" fill="currentColor" d="M512 0C229.2 0 0 229.2 0 512s229.2 512 512 512 512-229.2 512-512S794.8 0 512 0z m316.8 828.8c-41.2 41.2-89.1 73.5-142.4 96C631.2 948.2 572.5 960 512 960s-119.2-11.8-174.4-35.2c-53.3-22.6-101.3-54.9-142.4-96-41.2-41.2-73.5-89.1-96-142.4C75.8 631.2 64 572.5 64 512s11.8-119.2 35.2-174.4c22.6-53.3 54.9-101.3 96-142.4 41.2-41.2 89.1-73.5 142.4-96C392.8 75.8 451.5 64 512 64s119.2 11.8 174.4 35.2c53.3 22.6 101.3 54.9 142.4 96 41.2 41.2 73.5 89.1 96 142.4C948.2 392.8 960 451.5 960 512s-11.8 119.2-35.2 174.4c-22.5 53.3-54.8 101.2-96 142.4z"></path><path stroke-width="4" fill="currentColor" d="M512 672.5c-17.7 0-32-14.3-32-32v-416c0-17.7 14.3-32 32-32s32 14.3 32 32v416c0 17.7-14.3 32-32 32zM512 801c-17.7 0-32-14.3-32-32v-1c0-17.7 14.3-32 32-32s32 14.3 32 32v1c0 17.7-14.3 32-32 32z"></path></svg>',
+      error: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" aria-label="error"><path stroke-width="4" fill="currentColor" d="M512 0C229.2 0 0 229.2 0 512s229.2 512 512 512 512-229.2 512-512S794.8 0 512 0z m316.8 828.8c-41.2 41.2-89.1 73.5-142.4 96C631.2 948.2 572.5 960 512 960s-119.2-11.8-174.4-35.2c-53.3-22.6-101.3-54.9-142.4-96-41.2-41.2-73.5-89.1-96-142.4C75.8 631.2 64 572.5 64 512s11.8-119.2 35.2-174.4c22.6-53.3 54.9-101.3 96-142.4 41.2-41.2 89.1-73.5 142.4-96C392.8 75.8 451.5 64 512 64s119.2 11.8 174.4 35.2c53.3 22.6 101.3 54.9 142.4 96 41.2 41.2 73.5 89.1 96 142.4C948.2 392.8 960 451.5 960 512s-11.8 119.2-35.2 174.4c-22.5 53.3-54.8 101.2-96 142.4z"></path><path stroke-width="4" fill="currentColor" d="M562.9 517.7l145.1 145c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0l-145-145.1c-3.1-3.1-8.2-3.1-11.3 0L361.3 708c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l145.1-145.1c3.1-3.1 3.1-8.2 0-11.3L316 361.3c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l145.1 145.1c3.1 3.1 8.2 3.1 11.3 0l145-145.1c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-145.1 145a8.15 8.15 0 0 0 0 11.4z"></path></svg>'
+    }, e = c, d = _, o = z(), m = L(), v = I(!0), h = a(() => !!(e.title || o != null && o.slots.title)), x = a(() => [
+      "x-alert",
+      `x-alert--${e.type}`,
+      {
+        "x-alert--with-title": h.value,
+        "x-alert--banner": e.banner,
+        "x-alert--center": e.center
+      }
+    ]), i = a(() => e.type !== "normal"), y = a(() => e.showIcon && (i.value || !!(o != null && o.slots.icon))), k = a(() => i.value && e.type === "warning"), f = a(() => i.value ? g[e.type] : "");
+    function b(t) {
+      v.value = !1, d("close", t);
+    }
+    function M() {
+      d("afterClose");
+    }
+    return (t, O) => (s(), S(T, {
+      name: "x-fade",
+      onAfterLeave: M
+    }, {
+      default: $(() => [
+        v.value ? (s(), l("div", A({
+          key: 0,
+          role: "alert",
+          class: x.value
+        }, u(m)), [
+          y.value ? (s(), l("div", Z, [
+            n(t.$slots, "icon", {}, () => [
+              k.value ? (s(), l("span", D, [
+                p(u(w), { name: "warning" })
+              ])) : f.value ? (s(), l("span", {
+                key: 1,
+                class: "x-alert__status-svg",
+                "aria-hidden": "true",
+                innerHTML: f.value
+              }, null, 8, E)) : r("", !0)
+            ])
+          ])) : r("", !0),
+          C("div", H, [
+            h.value ? (s(), l("div", P, [
+              n(t.$slots, "title", {}, () => [
+                N(V(c.title), 1)
+              ])
+            ])) : r("", !0),
+            C("div", X, [
+              n(t.$slots, "default")
+            ])
+          ]),
+          t.$slots.action ? (s(), l("div", G, [
+            n(t.$slots, "action")
+          ])) : r("", !0),
+          c.closable ? (s(), l("div", {
+            key: 2,
+            tabindex: "-1",
+            role: "button",
+            "aria-label": "Close",
+            class: "x-alert__close-btn",
+            onClick: b
+          }, [
+            n(t.$slots, "close-element", {}, () => [
+              p(u(w), {
+                name: "guanbi",
+                size: 12
+              })
+            ])
+          ])) : r("", !0)
+        ], 16)) : r("", !0)
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  j as default
+};

package/dist/components/XAlert.vue2.js

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

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

@@ -18,8 +18,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     changeHash?: boolean;
     smooth?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (href: string) => any;
     select: (href: string, preHash: string) => any;
+    change: (href: string) => any;
 }, string, import('vue').PublicProps, Readonly<{
     boundary?: "start" | "end" | "center" | "nearest" | number;
     lineLess?: boolean;
@@ -28,8 +28,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     changeHash?: boolean;
     smooth?: boolean;
 }> & Readonly<{
-    onChange?: ((href: string) => any) | undefined;
     onSelect?: ((href: string, preHash: string) => any) | undefined;
+    onChange?: ((href: string) => any) | undefined;
 }>, {
     smooth: boolean;
     boundary: "start" | "end" | "center" | "nearest" | number;

package/dist/components/XAnchor.vue.js

@@ -0,0 +1,9 @@
+import o from "./XAnchor.vue2.js";
+import { anchorKey as f } from "./XAnchor.vue2.js";
+/* empty css             */
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0a36d1be"]]);
+export {
+  f as anchorKey,
+  m as default
+};

package/dist/components/XAnchor.vue2.js

@@ -0,0 +1,204 @@
+import { defineComponent as Z, ref as s, provide as ee, watch as I, nextTick as C, onMounted as te, onUnmounted as ne, openBlock as q, createElementBlock as z, normalizeClass as oe, createCommentVNode as ie, createElementVNode as re, renderSlot as ce } from "vue";
+const le = { class: "x-anchor__list" }, se = Symbol.for("rhino.design.vue.anchor"), ue = /* @__PURE__ */ Z({
+  __name: "XAnchor",
+  props: {
+    boundary: { default: "start" },
+    lineLess: { type: Boolean, default: !1 },
+    scrollContainer: {},
+    target: {},
+    changeHash: { type: Boolean, default: !0 },
+    smooth: { type: Boolean, default: !0 }
+  },
+  emits: ["select", "change"],
+  setup(b, { emit: F }) {
+    const n = b, M = F, T = s(), R = s(), f = s(""), c = /* @__PURE__ */ new Map(), w = s([]), k = s(0), S = /* @__PURE__ */ new Map(), L = s(!1);
+    let h, m = 0, g = null, v = null;
+    const B = s(window), x = s(document.documentElement);
+    function E(e) {
+      return e === window;
+    }
+    function $() {
+      const e = n.target || n.scrollContainer;
+      return e ? typeof e == "string" ? document.querySelector(e) || window : e : window;
+    }
+    function A() {
+      const e = $(), t = v !== e;
+      B.value = e, x.value = E(e) ? document.documentElement : e, t && G(e);
+    }
+    function N(e, t) {
+      !e || !t || (c.has(e) || (w.value = [...w.value, e]), c.set(e, t), k.value += 1);
+    }
+    function D(e) {
+      c.has(e) && (c.delete(e), w.value = w.value.filter((t) => t !== e), S.delete(e), k.value += 1);
+    }
+    function K(e) {
+      !e || f.value === e || (f.value = e, M("change", e));
+    }
+    function V(e) {
+      if (!e || !e.startsWith("#"))
+        return null;
+      const t = S.get(e);
+      if (t && document.contains(t))
+        return t;
+      let o = e.slice(1);
+      try {
+        o = decodeURIComponent(o);
+      } catch {
+        o = e.slice(1);
+      }
+      const r = document.getElementById(o);
+      return S.set(e, r), r;
+    }
+    function W(e) {
+      const t = V(e);
+      if (!t)
+        return;
+      const o = B.value, r = E(o);
+      if (typeof n.boundary == "number") {
+        const l = n.boundary;
+        if (r) {
+          const y = t.getBoundingClientRect().top + window.scrollY - l;
+          window.scrollTo({
+            top: y,
+            behavior: n.smooth ? "smooth" : "auto"
+          });
+        } else {
+          const y = o, J = y.getBoundingClientRect(), P = t.getBoundingClientRect(), Q = y.scrollTop + P.top - J.top - l;
+          y.scrollTo({
+            top: Q,
+            behavior: n.smooth ? "smooth" : "auto"
+          });
+        }
+        return;
+      }
+      if (r) {
+        t.scrollIntoView({
+          block: n.boundary,
+          behavior: n.smooth ? "smooth" : "auto"
+        });
+        return;
+      }
+      const i = o, _ = i.getBoundingClientRect(), a = t.getBoundingClientRect(), u = i.scrollTop + a.top - _.top;
+      let d = u;
+      if (n.boundary === "center")
+        d -= (i.clientHeight - a.height) / 2;
+      else if (n.boundary === "end")
+        d -= i.clientHeight - a.height;
+      else if (n.boundary === "nearest") {
+        const l = u - (i.clientHeight - a.height);
+        d = Math.abs(i.scrollTop - u) <= Math.abs(i.scrollTop - l) ? u : l;
+      }
+      i.scrollTo({
+        top: d,
+        behavior: n.smooth ? "smooth" : "auto"
+      });
+    }
+    function O() {
+      L.value = !0, h && clearTimeout(h), h = setTimeout(() => {
+        L.value = !1;
+      }, n.smooth ? 320 : 80);
+    }
+    function U() {
+      if (n.lineLess || !R.value)
+        return;
+      const e = c.get(f.value);
+      e && (R.value.style.top = `${e.offsetTop}px`);
+    }
+    function H(e) {
+      if (!c.has(e) && T.value) {
+        const t = T.value.querySelector(
+          `a[href="${CSS.escape(e)}"]`
+        );
+        if (t) {
+          const o = t.closest("li");
+          o && c.set(e, o);
+        }
+      }
+      K(e);
+    }
+    function X(e, t) {
+      e.preventDefault();
+      const o = f.value;
+      O(), W(t), H(t), n.changeHash && window.location.hash !== t && ((window.location.hash || "").startsWith("#/") || window.history.pushState(null, "", t)), M("select", t, o);
+    }
+    function Y() {
+      const e = B.value, t = x.value;
+      if (!e || !t)
+        return;
+      const o = typeof n.boundary == "number" ? n.boundary : 0, r = E(e), i = t.getBoundingClientRect(), _ = r ? window.innerHeight : t.clientHeight;
+      for (const a of w.value) {
+        const u = V(a);
+        if (!u)
+          continue;
+        const { top: d } = u.getBoundingClientRect(), l = r ? d - o : d - i.top - o;
+        if (l >= 0 && l <= _ / 2)
+          return a;
+      }
+    }
+    function j() {
+      if (L.value)
+        return;
+      const e = Y();
+      e && H(e);
+    }
+    function p() {
+      m || (m = requestAnimationFrame(() => {
+        m = 0, j();
+      }));
+    }
+    function G(e) {
+      g && v && v.removeEventListener("scroll", g), g = () => {
+        p();
+      }, v = e, e.addEventListener("scroll", g, { passive: !0 });
+    }
+    return ee(se, {
+      currentLink: f,
+      addLink: N,
+      removeLink: D,
+      handleClick: X
+    }), I(f, () => {
+      C(() => {
+        U();
+      });
+    }), I(
+      () => [n.target, n.scrollContainer],
+      () => {
+        C(() => {
+          A(), p();
+        });
+      }
+    ), I(
+      () => [n.boundary, k.value],
+      () => {
+        C(() => {
+          p(), U();
+        });
+      }
+    ), te(() => {
+      A(), window.addEventListener("resize", p, { passive: !0 }), C(() => {
+        const e = decodeURIComponent(window.location.hash || "");
+        c.has(e) ? (W(e), H(e)) : p();
+      });
+    }), ne(() => {
+      v && g && v.removeEventListener("scroll", g), window.removeEventListener("resize", p), m && (cancelAnimationFrame(m), m = 0), h && (clearTimeout(h), h = void 0);
+    }), (e, t) => (q(), z("div", {
+      ref_key: "anchorRef",
+      ref: T,
+      class: oe(["x-anchor", { "x-anchor--line-less": b.lineLess }])
+    }, [
+      b.lineLess ? ie("", !0) : (q(), z("div", {
+        key: 0,
+        ref_key: "lineSliderRef",
+        ref: R,
+        class: "x-anchor__line-slider"
+      }, null, 512)),
+      re("ul", le, [
+        ce(e.$slots, "default", {}, void 0, !0)
+      ])
+    ], 2));
+  }
+});
+export {
+  se as anchorKey,
+  ue as default
+};

package/dist/components/XAnchorLink.vue.js

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

package/dist/components/XAnchorLink.vue2.js

@@ -0,0 +1,44 @@
+import { defineComponent as h, useSlots as d, inject as k, ref as m, computed as _, onMounted as v, onUnmounted as p, openBlock as i, createElementBlock as l, normalizeClass as x, createElementVNode as C, createTextVNode as y, toDisplayString as L, renderSlot as s, createCommentVNode as c, unref as b } from "vue";
+import { anchorKey as A } from "./XAnchor.vue2.js";
+const N = ["href"], S = {
+  key: 0,
+  class: "x-anchor__sublist"
+}, E = /* @__PURE__ */ h({
+  __name: "XAnchorLink",
+  props: {
+    href: {},
+    title: {}
+  },
+  setup(n) {
+    const t = n, a = d(), e = k(A), r = m();
+    e || console.warn("[XAnchorLink] must be used inside XAnchor");
+    const u = _(() => e ? e.currentLink.value === t.href : !1);
+    function f(o) {
+      e && e.handleClick(o, t.href);
+    }
+    return v(() => {
+      e && t.href && r.value && e.addLink(t.href, r.value);
+    }), p(() => {
+      e && e.removeLink(t.href);
+    }), (o, V) => (i(), l("li", {
+      ref_key: "linkRef",
+      ref: r,
+      class: x(["x-anchor__link-item", { "x-anchor__link-item--active": u.value }])
+    }, [
+      C("a", {
+        class: "x-anchor__link",
+        href: n.href,
+        onClick: f
+      }, [
+        y(L(n.title) + " ", 1),
+        n.title ? c("", !0) : s(o.$slots, "default", { key: 0 }, void 0, !0)
+      ], 8, N),
+      b(a).sublist ? (i(), l("ul", S, [
+        s(o.$slots, "sublist", {}, void 0, !0)
+      ])) : c("", !0)
+    ], 2));
+  }
+});
+export {
+  E as default
+};

package/dist/components/XApp.vue.js

@@ -0,0 +1,12 @@
+import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
+import c from "../_virtual/_plugin-vue_export-helper.js";
+const n = {}, s = { class: "x-app" };
+function p(e, _) {
+  return o(), t("div", s, [
+    r(e.$slots, "default")
+  ]);
+}
+const l = /* @__PURE__ */ c(n, [["render", p]]);
+export {
+  l as default
+};