@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/anchor/Anchor.vue.js

@@ -0,0 +1,215 @@
+import { defineComponent as G, reactive as J, ref as p, useSlots as K, computed as d, onMounted as Q, onUpdated as Y, onUnmounted as Z, createElementBlock as ee, openBlock as te, normalizeStyle as T, normalizeClass as g, createElementVNode as B, renderSlot as ne, nextTick as z } from "vue";
+import $ from "classnames";
+import { cssClasses as oe } from "@douyinfe/semi-foundation/anchor/constants";
+import le from "@douyinfe/semi-foundation/anchor/foundation";
+import ie from "lodash/throttle";
+import ae from "lodash/debounce";
+import re from "@douyinfe/semi-foundation/utils/uuid";
+import { provideAnchorContext as se } from "./context.js";
+const ce = ["id", "aria-label"], ke = /* @__PURE__ */ G({
+  __name: "Anchor",
+  props: {
+    autoCollapse: { type: Boolean, default: !1 },
+    className: {},
+    defaultAnchor: { default: "" },
+    getContainer: {},
+    maxHeight: { default: "100vh" },
+    maxWidth: { default: 200 },
+    offsetTop: { default: 0 },
+    position: {},
+    railTheme: { default: "primary" },
+    scrollMotion: { type: Boolean, default: !1 },
+    showTooltip: { type: [Boolean, Object], default: !1 },
+    size: { default: "default" },
+    style: {},
+    targetOffset: { default: 0 },
+    "aria-label": {}
+  },
+  emits: ["change", "click"],
+  setup(E, { expose: W, emit: _ }) {
+    const a = oe.PREFIX, n = E, b = _, o = J({
+      activeLink: "",
+      links: [],
+      clickLink: !1,
+      scrollHeight: "100%",
+      slideBarTop: "0"
+    }), k = p(""), c = p(null), C = p({}), f = p(null), h = p(null), y = p({ ...o }), m = {
+      // AnchorAdapter specific methods
+      addLink: (e) => {
+        o.links = [...o.links, e];
+      },
+      removeLink: (e) => {
+        const t = o.links.indexOf(e);
+        t !== -1 && o.links.splice(t, 1);
+      },
+      setChildMap: (e) => {
+        C.value = e;
+      },
+      setScrollHeight: (e) => {
+        o.scrollHeight = e;
+      },
+      setSlideBarTop: (e) => {
+        o.slideBarTop = `${e}px`;
+      },
+      setClickLink: (e) => {
+        o.clickLink = e;
+      },
+      setActiveLink: (e, t) => {
+        o.activeLink = e, t && z(() => {
+          t();
+        });
+      },
+      setClickLinkWithCallBack: (e, t, l) => {
+        o.clickLink = e, l && l(t);
+      },
+      getContainer: () => {
+        const { getContainer: e } = n;
+        return (e ? e() : null) || window;
+      },
+      getContainerBoundingTop: () => {
+        const e = m.getContainer();
+        return "getBoundingClientRect" in e ? e.getBoundingClientRect().top : 0;
+      },
+      getLinksBoundingTop: () => {
+        const { links: e } = o, { offsetTop: t } = n, l = m.getContainerBoundingTop();
+        return e.map((u) => {
+          let i = null;
+          try {
+            i = document.querySelector(u);
+          } catch {
+          }
+          return i && i.getBoundingClientRect().top - l - (t || 0) || -1 / 0;
+        });
+      },
+      getAnchorNode: (e) => {
+        const t = `#${k.value} ${e}`;
+        return document.querySelector(t);
+      },
+      getContentNode: (e) => document.querySelector(e),
+      notifyChange: (e, t) => {
+        b("change", e, t);
+      },
+      notifyClick: (e, t) => {
+        b("click", e, t);
+      },
+      canSmoothScroll: () => "scrollBehavior" in document.body.style,
+      // DefaultAdapter required methods
+      getContext: (e) => {
+      },
+      getContexts: () => ({}),
+      getState: (e) => o[e],
+      getStates: () => o,
+      setState: (e, t) => {
+        Object.assign(o, e), t && z(t);
+      },
+      getProp: (e) => n[e],
+      getProps: () => n,
+      getCache: (e) => {
+      },
+      getCaches: () => ({}),
+      setCache: (e, t) => {
+      },
+      stopPropagation: (e) => {
+        e == null || e.stopPropagation();
+      },
+      persistEvent: (e) => {
+      }
+    }, s = new le(m), H = (e) => {
+      s.addLink(e);
+    }, A = (e) => {
+      s.removeLink(e);
+    }, N = () => {
+      s.handleScroll();
+    }, j = (e, t) => {
+      s.handleClick(e, t);
+    }, P = () => {
+      s.handleClickLink();
+    }, v = (e, t, l) => {
+      if (!e) return;
+      if (Array.isArray(e)) {
+        e.forEach((x) => v(x, t, l));
+        return;
+      }
+      const u = (e.props || {}).href, i = e.children;
+      let r = null;
+      if (i && (Array.isArray(i) ? r = i : typeof i == "object" && i.default ? typeof i.default == "function" ? r = i.default() : r = i.default : typeof i == "function" && (r = i())), u) {
+        u in l || (l[u] = /* @__PURE__ */ new Set());
+        for (const x of t)
+          l[x].add(u);
+        r && (t.push(u), v(r, t, l), t.pop());
+      } else r && v(r, t, l);
+    }, L = K(), w = () => {
+      var t;
+      const e = (t = L.default) == null ? void 0 : t.call(L);
+      if (e && e.length > 0) {
+        const l = {};
+        v(e, [], l), C.value = l;
+      }
+    }, M = () => {
+      s.setScrollHeight();
+    }, O = (e, t) => {
+      s.updateScrollHeight(e, t);
+    }, R = (e, t) => {
+      const l = e.links.join(""), S = t.links.join("");
+      l !== S && w();
+    }, q = d(() => $(a, n.className, {
+      [`${a}-size-${n.size}`]: n.size
+    })), F = d(() => $(`${a}-slide`, `${a}-slide-${n.railTheme}`)), I = d(() => $(`${a}-slide-bar`, {
+      [`${a}-slide-bar-${n.size}`]: n.size,
+      [`${a}-slide-bar-${n.railTheme}`]: n.railTheme,
+      [`${a}-slide-bar-active`]: o.activeLink
+    })), U = d(() => `${a}-link-wrapper`), D = d(() => ({
+      ...n.style,
+      maxWidth: typeof n.maxWidth == "number" ? `${n.maxWidth}px` : n.maxWidth,
+      maxHeight: typeof n.maxHeight == "number" ? `${n.maxHeight}px` : n.maxHeight
+    })), V = d(() => n["aria-label"]), X = d(() => ({
+      activeLink: o.activeLink,
+      showTooltip: n.showTooltip,
+      position: n.position,
+      childMap: C.value,
+      autoCollapse: n.autoCollapse,
+      size: n.size,
+      onClick: j,
+      addLink: H,
+      removeLink: A
+    }));
+    return se(X), Q(() => {
+      const { defaultAnchor: e = "" } = n;
+      k.value = re("semi-anchor").replace(/\./g, ""), c.value = m.getContainer(), f.value = ie(N, 100), h.value = ae(P, 100), c.value && (c.value.addEventListener("scroll", f.value), c.value.addEventListener("scroll", h.value)), M(), w(), e && s.handleClick(null, e, !1);
+    }), Y(() => {
+      O(y.value, o), R(y.value, o), y.value = { ...o };
+    }), Z(() => {
+      c.value && f.value && h.value && (c.value.removeEventListener("scroll", f.value), c.value.removeEventListener("scroll", h.value));
+    }), W({
+      addLink: H,
+      removeLink: A
+    }), (e, t) => (te(), ee("div", {
+      id: k.value,
+      role: "navigation",
+      "aria-label": V.value || "Side navigation",
+      class: g(q.value),
+      style: T(D.value)
+    }, [
+      B("div", {
+        "aria-hidden": "",
+        class: g(F.value),
+        style: T({ height: o.scrollHeight })
+      }, [
+        B("span", {
+          class: g(I.value),
+          style: T({ top: o.slideBarTop })
+        }, null, 6)
+      ], 6),
+      B("div", {
+        class: g(U.value),
+        role: "list"
+      }, [
+        ne(e.$slots, "default")
+      ], 2)
+    ], 14, ce));
+  }
+});
+export {
+  ke as default
+};
+//# sourceMappingURL=Anchor.vue.js.map

package/lib/es/components/anchor/Anchor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.vue.js","sources":["../../../../src/components/anchor/Anchor.vue"],"sourcesContent":["<template>\n    <div\n        :id=\"anchorID\"\n        role=\"navigation\"\n        :aria-label=\"ariaLabel || 'Side navigation'\"\n        :class=\"wrapperCls\"\n        :style=\"wrapperStyle\"\n    >\n        <div aria-hidden :class=\"slideCls\" :style=\"{ height: state.scrollHeight }\">\n            <span :class=\"slideBarCls\" :style=\"{ top: state.slideBarTop }\" />\n        </div>\n        <div :class=\"anchorWrapper\" role=\"list\">\n            <slot></slot>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, reactive, computed, onMounted, onUnmounted, onUpdated, nextTick, useSlots } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/anchor/constants';\nimport AnchorFoundation, { AnchorAdapter } from '@douyinfe/semi-foundation/anchor/foundation';\nimport throttle from 'lodash/throttle';\nimport debounce from 'lodash/debounce';\nimport getUuid from '@douyinfe/semi-foundation/utils/uuid';\nimport type { AnchorProps, AnchorEmits, AnchorState } from './interface';\nimport { provideAnchorContext } from './context';\n\nconst prefixCls = cssClasses.PREFIX;\n\n// Props\nconst props = withDefaults(defineProps<AnchorProps>(), {\n    size: 'default',\n    railTheme: 'primary',\n    scrollMotion: false,\n    autoCollapse: false,\n    offsetTop: 0,\n    targetOffset: 0,\n    showTooltip: false,\n    maxWidth: 200,\n    maxHeight: '100vh',\n    defaultAnchor: '',\n});\n\n// Emits\nconst emit = defineEmits<AnchorEmits>();\n\n// State\nconst state = reactive<AnchorState>({\n    activeLink: '',\n    links: [],\n    clickLink: false,\n    scrollHeight: '100%',\n    slideBarTop: '0',\n});\n\n// Refs\nconst anchorID = ref<string>('');\nconst scrollContainer = ref<HTMLElement | Window | null>(null);\nconst childMap = ref<Record<string, Set<string>>>({});\nconst handler = ref<(() => void) | null>(null);\nconst clickHandler = ref<(() => void) | null>(null);\nconst prevState = ref<AnchorState>({ ...state });\n\n// Adapter\nconst adapter: AnchorAdapter = {\n    // AnchorAdapter specific methods\n    addLink: (value: string) => {\n        state.links = [...state.links, value];\n    },\n    removeLink: (link: string) => {\n        const index = state.links.indexOf(link);\n        if (index !== -1) {\n            state.links.splice(index, 1);\n        }\n    },\n    setChildMap: (value: Record<string, Set<string>>) => {\n        childMap.value = value;\n    },\n    setScrollHeight: (height: string) => {\n        state.scrollHeight = height;\n    },\n    setSlideBarTop: (height: number) => {\n        state.slideBarTop = `${height}px`;\n    },\n    setClickLink: (value: boolean) => {\n        state.clickLink = value;\n    },\n    setActiveLink: (link: string, cb: () => void) => {\n        state.activeLink = link;\n        // 等待 DOM 更新后再执行回调，确保 active 类名已经应用\n        if (cb) {\n            nextTick(() => {\n                cb();\n            });\n        }\n    },\n    setClickLinkWithCallBack: (value: boolean, link: string, cb: (link: string) => void) => {\n        state.clickLink = value;\n        // 立即执行回调，触发滚动\n        if (cb) {\n            cb(link);\n        }\n    },\n    getContainer: (): HTMLElement | Window => {\n        const { getContainer } = props;\n        const container = getContainer ? getContainer() : null;\n        return container || window;\n    },\n    getContainerBoundingTop: (): number => {\n        const container = adapter.getContainer();\n        if ('getBoundingClientRect' in container) {\n            return container.getBoundingClientRect().top;\n        }\n        return 0;\n    },\n    getLinksBoundingTop: (): number[] => {\n        const { links } = state;\n        const { offsetTop } = props;\n        const containerTop = adapter.getContainerBoundingTop();\n        const elTop = links.map((link) => {\n            let node: HTMLElement | null = null;\n            try {\n                // Get links from containers\n                node = document.querySelector(link);\n            } catch (e) {\n                // Invalid selector\n            }\n            return (node && node.getBoundingClientRect().top - containerTop - (offsetTop || 0)) || -Infinity;\n        });\n        return elTop;\n    },\n    getAnchorNode: (selector: string): HTMLElement | null => {\n        const selectors = `#${anchorID.value} ${selector}`;\n        return document.querySelector(selectors);\n    },\n    getContentNode: (selector: string): HTMLElement | null => {\n        return document.querySelector(selector);\n    },\n    notifyChange: (currentLink: string, previousLink: string) => {\n        emit('change', currentLink, previousLink);\n    },\n    notifyClick: (e: MouseEvent, link: string) => {\n        emit('click', e, link);\n    },\n    canSmoothScroll: (): boolean => {\n        return 'scrollBehavior' in document.body.style;\n    },\n\n    // DefaultAdapter required methods\n    getContext: (key: string) => {\n        // Vue 没有 React Context，返回空值\n        return undefined;\n    },\n    getContexts: () => {\n        return {};\n    },\n    getState: (key: string) => {\n        return state[key as keyof AnchorState];\n    },\n    getStates: () => {\n        return state;\n    },\n    setState: (newState: Partial<AnchorState>, callback?: () => void) => {\n        Object.assign(state, newState);\n        if (callback) {\n            nextTick(callback);\n        }\n    },\n    getProp: (key: string) => {\n        return props[key as keyof AnchorProps];\n    },\n    getProps: () => {\n        return props;\n    },\n    getCache: (key: string) => {\n        // 可以实现一个简单的缓存机制，这里返回 undefined\n        return undefined;\n    },\n    getCaches: () => {\n        return {};\n    },\n    setCache: (key: string, value: any) => {\n        // 可以实现缓存设置，这里暂不实现\n    },\n    stopPropagation: (e: Event) => {\n        e?.stopPropagation();\n    },\n    persistEvent: (event: Event) => {\n        // Vue 3 不需要持久化事件\n    },\n};\n\n// Foundation - 在 setup 阶段初始化\nconst foundation = new AnchorFoundation(adapter);\n\n// Methods\nconst addLink = (link: string) => {\n    foundation.addLink(link);\n};\n\nconst removeLink = (link: string) => {\n    foundation.removeLink(link);\n};\n\nconst handleScroll = () => {\n    foundation.handleScroll();\n};\n\nconst handleClick = (e: MouseEvent | KeyboardEvent, link: string) => {\n    foundation.handleClick(e, link);\n};\n\nconst handleClickLink = () => {\n    foundation.handleClickLink();\n};\n\n// Vue 版本的 childMap 构建 - 不能使用 Foundation 的方法，因为它期望 React 元素\nconst buildChildMapFromSlots = (vnode: any, parents: string[], linkMap: Record<string, Set<string>>) => {\n    if (!vnode) return;\n\n    // 处理数组\n    if (Array.isArray(vnode)) {\n        vnode.forEach((child) => buildChildMapFromSlots(child, parents, linkMap));\n        return;\n    }\n\n    // 获取 props\n    const props = vnode.props || {};\n    const href = props.href;\n\n    // Vue VNode 的 children 可能是：\n    // 1. 数组（直接的子 VNode）\n    // 2. 对象（slot 对象，包含 default 等属性）\n    // 3. 函数（slot 函数）\n    const children = vnode.children;\n    let actualChildren = null;\n\n    if (children) {\n        if (Array.isArray(children)) {\n            actualChildren = children;\n        } else if (typeof children === 'object' && children.default) {\n            // 如果是 slot 对象，尝试调用 default slot\n            if (typeof children.default === 'function') {\n                actualChildren = children.default();\n            } else {\n                actualChildren = children.default;\n            }\n        } else if (typeof children === 'function') {\n            // 如果 children 本身是函数，调用它\n            actualChildren = children();\n        }\n    }\n\n    // 如果有 href，说明是 Link 组件\n    if (href) {\n        // 初始化当前节点的 Set\n        if (!(href in linkMap)) {\n            linkMap[href] = new Set();\n        }\n\n        // 将当前节点添加到所有祖先的 Set 中\n        for (const parent of parents) {\n            linkMap[parent].add(href);\n        }\n\n        // 处理子节点\n        if (actualChildren) {\n            parents.push(href);\n            buildChildMapFromSlots(actualChildren, parents, linkMap);\n            parents.pop();\n        }\n    } else if (actualChildren) {\n        // 不是 Link 组件，但有子节点，继续遍历\n        buildChildMapFromSlots(actualChildren, parents, linkMap);\n    }\n};\n\n// 在组件外部获取 slots\nconst slots = useSlots();\n\nconst setChildMap = () => {\n    const defaultSlot = slots.default?.();\n\n    if (defaultSlot && defaultSlot.length > 0) {\n        const linkMap: Record<string, Set<string>> = {};\n        buildChildMapFromSlots(defaultSlot, [], linkMap);\n        childMap.value = linkMap;\n    }\n};\n\nconst setScrollHeight = () => {\n    foundation.setScrollHeight();\n};\n\nconst updateScrollHeight = (prev: AnchorState, current: AnchorState) => {\n    foundation.updateScrollHeight(prev, current);\n};\n\nconst updateChildMap = (prev: AnchorState, current: AnchorState) => {\n    // Vue 版本：检查 links 是否变化，如果变化则重新构建 childMap\n    const prevLinks = prev.links.join('');\n    const currentLinks = current.links.join('');\n    if (prevLinks !== currentLinks) {\n        setChildMap(); // 调用 Vue 版本的 setChildMap\n    }\n};\n\n// Computed\nconst wrapperCls = computed(() => {\n    return classNames(prefixCls, props.className, {\n        [`${prefixCls}-size-${props.size}`]: props.size,\n    });\n});\n\nconst slideCls = computed(() => {\n    return classNames(`${prefixCls}-slide`, `${prefixCls}-slide-${props.railTheme}`);\n});\n\nconst slideBarCls = computed(() => {\n    return classNames(`${prefixCls}-slide-bar`, {\n        [`${prefixCls}-slide-bar-${props.size}`]: props.size,\n        [`${prefixCls}-slide-bar-${props.railTheme}`]: props.railTheme,\n        [`${prefixCls}-slide-bar-active`]: state.activeLink,\n    });\n});\n\nconst anchorWrapper = computed(() => {\n    return `${prefixCls}-link-wrapper`;\n});\n\nconst wrapperStyle = computed(() => {\n    return {\n        ...props.style,\n        maxWidth: typeof props.maxWidth === 'number' ? `${props.maxWidth}px` : props.maxWidth,\n        maxHeight: typeof props.maxHeight === 'number' ? `${props.maxHeight}px` : props.maxHeight,\n    };\n});\n\nconst ariaLabel = computed(() => {\n    return props['aria-label'];\n});\n\n// Provide context (需要是响应式的)\nconst anchorContext = computed(() => {\n    return {\n        activeLink: state.activeLink,\n        showTooltip: props.showTooltip,\n        position: props.position,\n        childMap: childMap.value,\n        autoCollapse: props.autoCollapse,\n        size: props.size,\n        onClick: handleClick,\n        addLink,\n        removeLink,\n    };\n});\n\nprovideAnchorContext(anchorContext);\n\n// Lifecycle\nonMounted(() => {\n    const { defaultAnchor = '' } = props;\n    anchorID.value = getUuid('semi-anchor').replace(/\\./g, '');\n    scrollContainer.value = adapter.getContainer();\n\n    handler.value = throttle(handleScroll, 100);\n    clickHandler.value = debounce(handleClickLink, 100);\n\n    if (scrollContainer.value) {\n        scrollContainer.value.addEventListener('scroll', handler.value as any);\n        scrollContainer.value.addEventListener('scroll', clickHandler.value as any);\n    }\n\n    setScrollHeight();\n    setChildMap();\n\n    if (defaultAnchor) {\n        foundation.handleClick(null as any, defaultAnchor, false);\n    }\n});\n\nonUpdated(() => {\n    updateScrollHeight(prevState.value, state);\n    updateChildMap(prevState.value, state);\n    prevState.value = { ...state };\n});\n\nonUnmounted(() => {\n    if (scrollContainer.value && handler.value && clickHandler.value) {\n        scrollContainer.value.removeEventListener('scroll', handler.value as any);\n        scrollContainer.value.removeEventListener('scroll', clickHandler.value as any);\n    }\n});\n\n// Expose methods\ndefineExpose({\n    addLink,\n    removeLink,\n});\n</script>\n"],"names":["prefixCls","cssClasses","props","__props","emit","__emit","state","reactive","anchorID","ref","scrollContainer","childMap","handler","clickHandler","prevState","adapter","value","link","index","height","cb","nextTick","getContainer","container","links","offsetTop","containerTop","node","selector","selectors","currentLink","previousLink","key","newState","callback","event","foundation","AnchorFoundation","addLink","removeLink","handleScroll","handleClick","handleClickLink","buildChildMapFromSlots","vnode","parents","linkMap","child","href","children","actualChildren","parent","slots","useSlots","setChildMap","defaultSlot","_a","setScrollHeight","updateScrollHeight","prev","current","updateChildMap","prevLinks","currentLinks","wrapperCls","computed","classNames","slideCls","slideBarCls","anchorWrapper","wrapperStyle","ariaLabel","anchorContext","provideAnchorContext","onMounted","defaultAnchor","getUuid","throttle","debounce","onUpdated","onUnmounted","__expose","_createElementBlock","_createElementVNode","_normalizeStyle","_renderSlot","_ctx"],"mappings":"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"}

package/lib/es/components/anchor/Link.vue.js

@@ -0,0 +1,150 @@
+import { defineComponent as E, computed as i, watch as F, onMounted as M, onUnmounted as O, createElementBlock as v, openBlock as d, normalizeStyle as C, normalizeClass as c, createElementVNode as U, createCommentVNode as V, createBlock as K, withCtx as D, createTextVNode as y, toDisplayString as g, Fragment as I, renderSlot as X } from "vue";
+import p from "classnames";
+import { cssClasses as q } from "@douyinfe/semi-foundation/anchor/constants";
+import G from "@douyinfe/semi-foundation/anchor/linkFoundation";
+import { useAnchorContext as J } from "./context.js";
+import Q from "../typography/Text.vue.js";
+import { isObject as W } from "lodash";
+const Y = ["aria-disabled", "aria-details", "title"], Z = {
+  key: 0,
+  role: "list"
+}, ae = /* @__PURE__ */ E({
+  __name: "Link",
+  props: {
+    href: { default: "#" },
+    title: { default: "" },
+    className: {},
+    style: {},
+    disabled: { type: Boolean, default: !1 },
+    level: { default: 1 },
+    direction: {}
+  },
+  setup(s) {
+    const n = q.PREFIX, a = s, t = J();
+    let o;
+    const L = {
+      // LinkAdapter specific methods
+      addLink: (e) => {
+        t != null && t.value && t.value.addLink(e);
+      },
+      removeLink: (e) => {
+        t != null && t.value && t.value.removeLink(e);
+      },
+      // DefaultAdapter required methods
+      getContext: (e) => {
+      },
+      getContexts: () => ({}),
+      getState: (e) => {
+      },
+      getStates: () => ({}),
+      setState: (e, l) => {
+        l && l();
+      },
+      getProp: (e) => a[e],
+      getProps: () => a,
+      getCache: (e) => {
+      },
+      getCaches: () => ({}),
+      setCache: (e, l) => {
+      },
+      stopPropagation: (e) => {
+        e == null || e.stopPropagation();
+      },
+      persistEvent: (e) => {
+      }
+    }, u = i(() => {
+      var e;
+      return ((e = t == null ? void 0 : t.value) == null ? void 0 : e.activeLink) === a.href;
+    }), r = i(() => {
+      var e;
+      return (e = t == null ? void 0 : t.value) == null ? void 0 : e.showTooltip;
+    }), m = i(() => {
+      var e;
+      return ((e = t == null ? void 0 : t.value) == null ? void 0 : e.size) || "default";
+    }), k = i(() => {
+      var e;
+      return (e = t == null ? void 0 : t.value) == null ? void 0 : e.position;
+    }), b = i(() => {
+      var e;
+      return ((e = t == null ? void 0 : t.value) == null ? void 0 : e.childMap) || {};
+    }), $ = i(() => {
+      var e;
+      return (e = t == null ? void 0 : t.value) == null ? void 0 : e.autoCollapse;
+    }), w = i(() => p(`${n}-link`, a.className)), S = i(() => p(`${n}-link-title`, {
+      [`${n}-link-title-active`]: u.value,
+      [`${n}-link-title-disabled`]: a.disabled
+    })), T = i(() => p(`${n}-link-tooltip`, {
+      [`${n}-link-tooltip-small`]: m.value === "small",
+      [`${n}-link-tooltip-active`]: u.value,
+      [`${n}-link-tooltip-disabled`]: a.disabled
+    })), z = i(() => a.direction === "rtl" ? "paddingRight" : "paddingLeft"), N = i(() => {
+      if (r.value) {
+        const e = W(r.value) ? Object.assign({ opts: {} }, r.value) : { opts: {} };
+        return k.value && (e.opts.position = k.value), e;
+      }
+    }), P = i(() => ({ showTooltip: N.value })), R = i(() => {
+      var l;
+      if (!$.value)
+        return !0;
+      const e = b.value[a.href || ""];
+      return u.value || e && e.has(((l = t == null ? void 0 : t.value) == null ? void 0 : l.activeLink) || "");
+    }), j = () => {
+      o && o.handleAddLink();
+    }, A = () => {
+      o && o.handleRemoveLink();
+    }, B = (e, l) => {
+      o && o.handleUpdateLink(e, l);
+    }, f = (e) => {
+      const { disabled: l, href: h } = a;
+      !l && (t != null && t.value) && h && t.value.onClick(e, h);
+    };
+    return F(
+      () => a.href,
+      (e, l) => {
+        e !== l && l && B(e || "", l);
+      }
+    ), M(() => {
+      o = new G(L), j();
+    }), O(() => {
+      A();
+    }), (e, l) => (d(), v("div", {
+      class: c(w.value),
+      style: C(s.style),
+      role: "listitem"
+    }, [
+      U("div", {
+        role: "link",
+        tabindex: "0",
+        "aria-disabled": s.disabled,
+        "aria-details": u.value ? "active" : void 0,
+        title: !r.value && typeof s.title == "string" ? s.title : void 0,
+        class: c(S.value),
+        style: C({ [z.value]: `${8 * (s.level || 1)}px` }),
+        onClick: f,
+        onKeypress: f
+      }, [
+        r.value ? (d(), K(Q, {
+          key: 0,
+          size: m.value === "default" ? "normal" : "small",
+          ellipsis: P.value,
+          type: "tertiary",
+          class: c(T.value)
+        }, {
+          default: D(() => [
+            y(g(s.title), 1)
+          ]),
+          _: 1
+        }, 8, ["size", "ellipsis", "class"])) : (d(), v(I, { key: 1 }, [
+          y(g(s.title), 1)
+        ], 64))
+      ], 46, Y),
+      R.value ? (d(), v("div", Z, [
+        X(e.$slots, "default")
+      ])) : V("", !0)
+    ], 6));
+  }
+});
+export {
+  ae as default
+};
+//# sourceMappingURL=Link.vue.js.map

package/lib/es/components/anchor/Link.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.vue.js","sources":["../../../../src/components/anchor/Link.vue"],"sourcesContent":["<template>\n    <div :class=\"linkCls\" :style=\"style\" role=\"listitem\">\n        <div\n            role=\"link\"\n            tabindex=\"0\"\n            :aria-disabled=\"disabled\"\n            :aria-details=\"active ? 'active' : undefined\"\n            :title=\"!showTooltip && typeof title === 'string' ? title : undefined\"\n            :class=\"linkTitleCls\"\n            :style=\"{ [paddingAttributeKey]: `${8 * (level || 1)}px` }\"\n            @click=\"handleClick\"\n            @keypress=\"handleClick\"\n        >\n            <TypographyText\n                v-if=\"showTooltip\"\n                :size=\"size === 'default' ? 'normal' : 'small'\"\n                :ellipsis=\"ellipsisProp\"\n                type=\"tertiary\"\n                :class=\"linkTooltipCls\"\n            >\n                {{ title }}\n            </TypographyText>\n            <template v-else>\n                {{ title }}\n            </template>\n        </div>\n        <div v-if=\"shouldRenderChildren\" role=\"list\">\n            <slot></slot>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, watch } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/anchor/constants';\nimport LinkFoundation, { LinkAdapter } from '@douyinfe/semi-foundation/anchor/linkFoundation';\nimport { useAnchorContext } from './context';\nimport type { LinkProps } from './interface';\nimport TypographyText from '../typography/Text.vue';\nimport { isObject } from 'lodash';\n\nconst prefixCls = cssClasses.PREFIX;\n\n// Props\nconst props = withDefaults(defineProps<LinkProps>(), {\n    href: '#',\n    title: '',\n    disabled: false,\n    level: 1,\n});\n\n// Context\nconst context = useAnchorContext();\n\n// Foundation\nlet foundation: LinkFoundation;\n\n// Adapter\nconst adapter: LinkAdapter = {\n    // LinkAdapter specific methods\n    addLink: (href: string) => {\n        if (context?.value) {\n            context.value.addLink(href);\n        }\n    },\n    removeLink: (href: string) => {\n        if (context?.value) {\n            context.value.removeLink(href);\n        }\n    },\n\n    // DefaultAdapter required methods\n    getContext: (key: string) => {\n        // Vue 没有 React Context，返回空值\n        return undefined;\n    },\n    getContexts: () => {\n        return {};\n    },\n    getState: (key: string) => {\n        return undefined;\n    },\n    getStates: () => {\n        return {};\n    },\n    setState: (newState: any, callback?: () => void) => {\n        // Link 组件没有内部状态\n        if (callback) {\n            callback();\n        }\n    },\n    getProp: (key: string) => {\n        return props[key as keyof LinkProps];\n    },\n    getProps: () => {\n        return props;\n    },\n    getCache: (key: string) => {\n        return undefined;\n    },\n    getCaches: () => {\n        return {};\n    },\n    setCache: (key: string, value: any) => {\n        // 可以实现缓存设置，这里暂不实现\n    },\n    stopPropagation: (e: Event) => {\n        e?.stopPropagation();\n    },\n    persistEvent: (event: Event) => {\n        // Vue 3 不需要持久化事件\n    },\n};\n\n// Computed\nconst active = computed(() => {\n    return context?.value?.activeLink === props.href;\n});\n\nconst showTooltip = computed(() => {\n    return context?.value?.showTooltip;\n});\n\nconst size = computed(() => {\n    return context?.value?.size || 'default';\n});\n\nconst position = computed(() => {\n    return context?.value?.position;\n});\n\nconst childMap = computed(() => {\n    return context?.value?.childMap || {};\n});\n\nconst autoCollapse = computed(() => {\n    return context?.value?.autoCollapse;\n});\n\nconst linkCls = computed(() => {\n    return classNames(`${prefixCls}-link`, props.className);\n});\n\nconst linkTitleCls = computed(() => {\n    return classNames(`${prefixCls}-link-title`, {\n        [`${prefixCls}-link-title-active`]: active.value,\n        [`${prefixCls}-link-title-disabled`]: props.disabled,\n    });\n});\n\nconst linkTooltipCls = computed(() => {\n    return classNames(`${prefixCls}-link-tooltip`, {\n        [`${prefixCls}-link-tooltip-small`]: size.value === 'small',\n        [`${prefixCls}-link-tooltip-active`]: active.value,\n        [`${prefixCls}-link-tooltip-disabled`]: props.disabled,\n    });\n});\n\nconst paddingAttributeKey = computed(() => {\n    return props.direction === 'rtl' ? 'paddingRight' : 'paddingLeft';\n});\n\nconst showTooltipObj = computed(() => {\n    if (showTooltip.value) {\n        const obj = isObject(showTooltip.value) ? Object.assign({ opts: {} }, showTooltip.value) : { opts: {} };\n        // The position can be set through showTooltip, here it is compatible with the position API\n        if (position.value) {\n            (obj.opts as any)['position'] = position.value;\n        }\n        return obj;\n    }\n    return undefined;\n});\n\n// 用于传递给 TypographyText 的 ellipsis prop\nconst ellipsisProp = computed(() => {\n    return { showTooltip: showTooltipObj.value };\n});\n\nconst shouldRenderChildren = computed(() => {\n    if (!autoCollapse.value) {\n        return true;\n    }\n    const map = childMap.value[props.href || ''];\n    return active.value || (map && map.has(context?.value?.activeLink || ''));\n});\n\n// Methods\nconst handleAddLink = () => {\n    if (foundation) {\n        foundation.handleAddLink();\n    }\n};\n\nconst handleRemoveLink = () => {\n    if (foundation) {\n        foundation.handleRemoveLink();\n    }\n};\n\nconst handleUpdateLink = (href: string, prevHref: string) => {\n    if (foundation) {\n        foundation.handleUpdateLink(href, prevHref);\n    }\n};\n\nconst handleClick = (e: MouseEvent | KeyboardEvent) => {\n    const { disabled, href } = props;\n    if (!disabled && context?.value && href) {\n        context.value.onClick(e, href);\n    }\n};\n\n// Watch href changes\nwatch(\n    () => props.href,\n    (newHref, oldHref) => {\n        if (newHref !== oldHref && oldHref) {\n            handleUpdateLink(newHref || '', oldHref);\n        }\n    }\n);\n\n// Lifecycle\nonMounted(() => {\n    foundation = new LinkFoundation(adapter);\n    handleAddLink();\n});\n\nonUnmounted(() => {\n    handleRemoveLink();\n});\n</script>\n"],"names":["prefixCls","cssClasses","props","__props","context","useAnchorContext","foundation","adapter","href","key","newState","callback","value","event","active","computed","_a","showTooltip","size","position","childMap","autoCollapse","linkCls","classNames","linkTitleCls","linkTooltipCls","paddingAttributeKey","showTooltipObj","obj","isObject","ellipsisProp","shouldRenderChildren","map","handleAddLink","handleRemoveLink","handleUpdateLink","prevHref","handleClick","disabled","watch","newHref","oldHref","onMounted","LinkFoundation","onUnmounted","_createElementBlock","_createElementVNode","_normalizeStyle","_createBlock","TypographyText","_Fragment","_openBlock","_hoisted_2","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0CA,UAAMA,IAAYC,EAAW,QAGvBC,IAAQC,GAQRC,IAAUC,EAAA;AAGhB,QAAIC;AAGJ,UAAMC,IAAuB;AAAA;AAAA,MAEzB,SAAS,CAACC,MAAiB;AACvB,QAAIJ,KAAA,QAAAA,EAAS,SACTA,EAAQ,MAAM,QAAQI,CAAI;AAAA,MAElC;AAAA,MACA,YAAY,CAACA,MAAiB;AAC1B,QAAIJ,KAAA,QAAAA,EAAS,SACTA,EAAQ,MAAM,WAAWI,CAAI;AAAA,MAErC;AAAA;AAAA,MAGA,YAAY,CAACC,MAAgB;AAAA,MAG7B;AAAA,MACA,aAAa,OACF,CAAA;AAAA,MAEX,UAAU,CAACA,MAAgB;AAAA,MAE3B;AAAA,MACA,WAAW,OACA,CAAA;AAAA,MAEX,UAAU,CAACC,GAAeC,MAA0B;AAEhD,QAAIA,KACAA,EAAA;AAAA,MAER;AAAA,MACA,SAAS,CAACF,MACCP,EAAMO,CAAsB;AAAA,MAEvC,UAAU,MACCP;AAAA,MAEX,UAAU,CAACO,MAAgB;AAAA,MAE3B;AAAA,MACA,WAAW,OACA,CAAA;AAAA,MAEX,UAAU,CAACA,GAAaG,MAAe;AAAA,MAEvC;AAAA,MACA,iBAAiB,CAAC,MAAa;AAC3B,uBAAG;AAAA,MACP;AAAA,MACA,cAAc,CAACC,MAAiB;AAAA,MAEhC;AAAA,IAAA,GAIEC,IAASC,EAAS,MAAM;;AAC1B,eAAOC,IAAAZ,KAAA,gBAAAA,EAAS,UAAT,gBAAAY,EAAgB,gBAAed,EAAM;AAAA,IAChD,CAAC,GAEKe,IAAcF,EAAS,MAAM;;AAC/B,cAAOC,IAAAZ,KAAA,gBAAAA,EAAS,UAAT,gBAAAY,EAAgB;AAAA,IAC3B,CAAC,GAEKE,IAAOH,EAAS,MAAM;;AACxB,eAAOC,IAAAZ,KAAA,gBAAAA,EAAS,UAAT,gBAAAY,EAAgB,SAAQ;AAAA,IACnC,CAAC,GAEKG,IAAWJ,EAAS,MAAM;;AAC5B,cAAOC,IAAAZ,KAAA,gBAAAA,EAAS,UAAT,gBAAAY,EAAgB;AAAA,IAC3B,CAAC,GAEKI,IAAWL,EAAS,MAAM;;AAC5B,eAAOC,IAAAZ,KAAA,gBAAAA,EAAS,UAAT,gBAAAY,EAAgB,aAAY,CAAA;AAAA,IACvC,CAAC,GAEKK,IAAeN,EAAS,MAAM;;AAChC,cAAOC,IAAAZ,KAAA,gBAAAA,EAAS,UAAT,gBAAAY,EAAgB;AAAA,IAC3B,CAAC,GAEKM,IAAUP,EAAS,MACdQ,EAAW,GAAGvB,CAAS,SAASE,EAAM,SAAS,CACzD,GAEKsB,IAAeT,EAAS,MACnBQ,EAAW,GAAGvB,CAAS,eAAe;AAAA,MACzC,CAAC,GAAGA,CAAS,oBAAoB,GAAGc,EAAO;AAAA,MAC3C,CAAC,GAAGd,CAAS,sBAAsB,GAAGE,EAAM;AAAA,IAAA,CAC/C,CACJ,GAEKuB,IAAiBV,EAAS,MACrBQ,EAAW,GAAGvB,CAAS,iBAAiB;AAAA,MAC3C,CAAC,GAAGA,CAAS,qBAAqB,GAAGkB,EAAK,UAAU;AAAA,MACpD,CAAC,GAAGlB,CAAS,sBAAsB,GAAGc,EAAO;AAAA,MAC7C,CAAC,GAAGd,CAAS,wBAAwB,GAAGE,EAAM;AAAA,IAAA,CACjD,CACJ,GAEKwB,IAAsBX,EAAS,MAC1Bb,EAAM,cAAc,QAAQ,iBAAiB,aACvD,GAEKyB,IAAiBZ,EAAS,MAAM;AAClC,UAAIE,EAAY,OAAO;AACnB,cAAMW,IAAMC,EAASZ,EAAY,KAAK,IAAI,OAAO,OAAO,EAAE,MAAM,CAAA,EAAC,GAAKA,EAAY,KAAK,IAAI,EAAE,MAAM,GAAC;AAEpG,eAAIE,EAAS,UACRS,EAAI,KAAa,WAAcT,EAAS,QAEtCS;AAAA,MACX;AAAA,IAEJ,CAAC,GAGKE,IAAef,EAAS,OACnB,EAAE,aAAaY,EAAe,MAAA,EACxC,GAEKI,IAAuBhB,EAAS,MAAM;;AACxC,UAAI,CAACM,EAAa;AACd,eAAO;AAEX,YAAMW,IAAMZ,EAAS,MAAMlB,EAAM,QAAQ,EAAE;AAC3C,aAAOY,EAAO,SAAUkB,KAAOA,EAAI,MAAIhB,IAAAZ,KAAA,gBAAAA,EAAS,UAAT,gBAAAY,EAAgB,eAAc,EAAE;AAAA,IAC3E,CAAC,GAGKiB,IAAgB,MAAM;AACxB,MAAI3B,KACAA,EAAW,cAAA;AAAA,IAEnB,GAEM4B,IAAmB,MAAM;AAC3B,MAAI5B,KACAA,EAAW,iBAAA;AAAA,IAEnB,GAEM6B,IAAmB,CAAC3B,GAAc4B,MAAqB;AACzD,MAAI9B,KACAA,EAAW,iBAAiBE,GAAM4B,CAAQ;AAAA,IAElD,GAEMC,IAAc,CAAC,MAAkC;AACnD,YAAM,EAAE,UAAAC,GAAU,MAAA9B,EAAA,IAASN;AAC3B,MAAI,CAACoC,MAAYlC,KAAA,QAAAA,EAAS,UAASI,KAC/BJ,EAAQ,MAAM,QAAQ,GAAGI,CAAI;AAAA,IAErC;AAGA,WAAA+B;AAAA,MACI,MAAMrC,EAAM;AAAA,MACZ,CAACsC,GAASC,MAAY;AAClB,QAAID,MAAYC,KAAWA,KACvBN,EAAiBK,KAAW,IAAIC,CAAO;AAAA,MAE/C;AAAA,IAAA,GAIJC,EAAU,MAAM;AACZ,MAAApC,IAAa,IAAIqC,EAAepC,CAAO,GACvC0B,EAAA;AAAA,IACJ,CAAC,GAEDW,EAAY,MAAM;AACd,MAAAV,EAAA;AAAA,IACJ,CAAC,mBAvOGW,EA4BM,OAAA;AAAA,MA5BA,SAAOvB,EAAA,KAAO;AAAA,MAAG,SAAOnB,EAAA,KAAK;AAAA,MAAE,MAAK;AAAA,IAAA;MACtC2C,EAuBM,OAAA;AAAA,QAtBF,MAAK;AAAA,QACL,UAAS;AAAA,QACR,iBAAe3C,EAAA;AAAA,QACf,gBAAcW,EAAA,QAAM,WAAc;AAAA,QAClC,QAAQG,EAAA,SAAW,OAAWd,WAAK,WAAgBA,EAAA,QAAQ;AAAA,QAC3D,SAAOqB,EAAA,KAAY;AAAA,QACnB,OAAKuB,EAAA,EAAA,CAAKrB,EAAA,KAAmB,GAAA,GAAA,KAAWvB,EAAA,SAAK,EAAA,MAAA;AAAA,QAC7C,SAAOkC;AAAA,QACP,YAAUA;AAAA,MAAA;QAGDpB,EAAA,cADV+B,EAQiBC,GAAA;AAAA;UANZ,MAAM/B,EAAA,UAAI,YAAA,WAAA;AAAA,UACV,UAAUY,EAAA;AAAA,UACX,MAAK;AAAA,UACJ,SAAOL,EAAA,KAAc;AAAA,QAAA;qBAEtB,MAAW;AAAA,gBAARtB,EAAA,KAAK,GAAA,CAAA;AAAA,UAAA;;sDAEZ0C,EAEWK,GAAA,EAAA,KAAA,KAAA;AAAA,cADJ/C,EAAA,KAAK,GAAA,CAAA;AAAA,QAAA;;MAGL4B,EAAA,SAAXoB,EAAA,GAAAN,EAEM,OAFNO,GAEM;AAAA,QADFC,EAAaC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/lib/es/components/anchor/context.js

@@ -0,0 +1,14 @@
+import { inject as t, provide as e } from "vue";
+const o = Symbol("AnchorContext");
+function c() {
+  return t(o);
+}
+function i(n) {
+  e(o, n);
+}
+export {
+  o as AnchorContextKey,
+  i as provideAnchorContext,
+  c as useAnchorContext
+};
+//# sourceMappingURL=context.js.map

package/lib/es/components/anchor/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/components/anchor/context.ts"],"sourcesContent":["import { inject, provide, InjectionKey, ComputedRef } from 'vue';\nimport type { AnchorContextType } from './interface';\n\nexport const AnchorContextKey: InjectionKey<ComputedRef<AnchorContextType>> = Symbol('AnchorContext');\n\nexport function useAnchorContext() {\n    return inject(AnchorContextKey);\n}\n\nexport function provideAnchorContext(context: ComputedRef<AnchorContextType>) {\n    provide(AnchorContextKey, context);\n}\n"],"names":["AnchorContextKey","useAnchorContext","inject","provideAnchorContext","context","provide"],"mappings":";AAGO,MAAMA,IAAiE,OAAO,eAAe;AAE7F,SAASC,IAAmB;AAC/B,SAAOC,EAAOF,CAAgB;AAClC;AAEO,SAASG,EAAqBC,GAAyC;AAC1E,EAAAC,EAAQL,GAAkBI,CAAO;AACrC;"}

package/lib/es/components/anchor/index.js

@@ -0,0 +1,6 @@
+import o from "./Anchor.vue.js";
+/* empty css            */
+export {
+  o as default
+};
+//# sourceMappingURL=index.js.map

package/lib/es/components/anchor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}