@opendesign-plus/components 0.0.1-rc.103 → 0.0.1-rc.105

package/dist/treeshaking/components/article/components/ArticleTitle.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,77 @@
+import { useI18n } from "../../../i18n/index.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, openBlock, renderList, toDisplayString, unref, useCssVars, withCtx, withDirectives } from "vue";
+import { ODivider, OTag } from "@opensig/opendesign";
+import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
+// src/components/article/components/ArticleTitle.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-article__header" };
+var _hoisted_2 = {
+	key: 0,
+	class: "o-article__title"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "o-article__title __mounted"
+};
+var _hoisted_4 = {
+	key: 2,
+	class: "o-article__meta"
+};
+var _hoisted_5 = {
+	key: 0,
+	class: "o-article__tags"
+};
+var _hoisted_6 = {
+	key: 1,
+	class: "o-article__update-time"
+};
+var ArticleTitle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ArticleTitle",
+	props: {
+		title: {},
+		el: {},
+		headerBg: {},
+		tags: { default: () => [] },
+		community: {},
+		updateTime: {},
+		radius: { default: "var(--o-radius-xs)" }
+	},
+	setup(__props) {
+		useCssVars((_ctx) => ({ "v5804c76a": headerBgStyle.value }));
+		const props = __props;
+		const { t } = useI18n();
+		const vDompurifyHtml = buildVueDompurifyHTMLDirective({ default: { FORBID_ATTR: ["style"] } });
+		const headerBgStyle = computed(() => props.headerBg ? `url(${props.headerBg})` : "none");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("header", _hoisted_1, [__props.title ? (openBlock(), createElementBlock("h1", _hoisted_2, toDisplayString(__props.title), 1)) : withDirectives((openBlock(), createElementBlock("h1", _hoisted_3, null, 512)), [[unref(vDompurifyHtml), __props.el?.outerHTML]]), __props.tags.length || __props.updateTime || __props.community ? (openBlock(), createElementBlock("div", _hoisted_4, [__props.tags.length || __props.community ? (openBlock(), createElementBlock("div", _hoisted_5, [
+				__props.community ? (openBlock(), createBlock(unref(OTag), {
+					key: 0,
+					class: "o-article__tag",
+					size: "large",
+					variant: "outline",
+					round: __props.community === "MindSpore" ? "pill" : __props.radius
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.community), 1)]),
+					_: 1
+				}, 8, ["round"])) : createCommentVNode("", true),
+				__props.community && __props.tags.length ? (openBlock(), createBlock(unref(ODivider), {
+					key: 1,
+					direction: "v",
+					class: "o-article__tags-divider"
+				})) : createCommentVNode("", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tags, (tag) => {
+					return openBlock(), createBlock(unref(OTag), {
+						key: tag,
+						class: "o-article__tag",
+						size: "large",
+						variant: "outline",
+						round: __props.community === "MindSpore" ? "pill" : __props.radius
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(tag), 1)]),
+						_: 2
+					}, 1032, ["round"]);
+				}), 128))
+			])) : createCommentVNode("", true), __props.updateTime ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(unref(t)("md.updateTime")) + toDisplayString(__props.updateTime), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)]);
+		};
+	}
+});
+export { ArticleTitle_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/article/components/DocTitle.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import DocTitle_vue_vue_type_script_setup_true_lang_default from "./DocTitle.vue_vue_type_script_setup_true_lang.mjs";
+import './DocTitle.vue_vue_type_style_index_0_scoped_12467c9f_lang.css';
+// src/components/article/components/DocTitle.vue
+var DocTitle_default = /*#__PURE__*/ _plugin_vue_export_helper_default(DocTitle_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-12467c9f"]]);
+export { DocTitle_default as default };

package/dist/treeshaking/components/article/components/DocTitle.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,224 @@
+import { useI18n } from "../../../i18n/index.mjs";
+import icon_link_default from "../../../_virtual/~icons/components/icon-link.mjs";
+import icon_outlink_default from "../../../_virtual/~icons/components/icon-outlink.mjs";
+import icon_more_default from "../../../_virtual/~icons/components/icon-more.mjs";
+import icon_download_default from "../../../_virtual/~icons/components/icon-download.mjs";
+import icon_star_default from "../../../_virtual/~icons/components/icon-star.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, toValue, unref, useCssVars, withCtx, withDirectives } from "vue";
+import { ODialog, ODivider, OIcon, OLink, OPopover, useMessage, useToast } from "@opensig/opendesign";
+import { useClipboard, useScreen } from "@opendesign-plus/composables";
+import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
+// src/components/article/components/DocTitle.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-doc-title-content" };
+var _hoisted_2 = {
+	key: 0,
+	class: "o-doc-title-text"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "o-doc-title-text __mounted"
+};
+var _hoisted_4 = {
+	key: 0,
+	class: "o-doc-title-actions"
+};
+var _hoisted_5 = { class: "o-doc-title-actions-left" };
+var _hoisted_6 = {
+	key: 0,
+	class: "o-doc-title-update-time"
+};
+var _hoisted_7 = { class: "o-doc-title-dlg-action-box-icon" };
+var _hoisted_8 = { class: "o-doc-title-dlg-action-box-label" };
+var _hoisted_9 = { class: "o-doc-title-dlg-action-box-icon" };
+var _hoisted_10 = { class: "o-doc-title-dlg-action-box-label" };
+var _hoisted_11 = { class: "o-doc-title-dlg-action-box-icon" };
+var _hoisted_12 = { class: "o-doc-title-dlg-action-box-label" };
+var _hoisted_13 = { class: "o-doc-title-dlg-action-box-icon" };
+var _hoisted_14 = { class: "o-doc-title-dlg-action-box-label" };
+var DocTitle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "DocTitle",
+	props: {
+		el: {},
+		title: {},
+		bgImage: {},
+		sourceUrl: {},
+		updateTime: {},
+		enableDownload: { default: false },
+		enableStar: { default: false },
+		enableCopyLink: { default: false }
+	},
+	emits: ["download", "collect"],
+	setup(__props, { emit: __emit }) {
+		useCssVars((_ctx) => ({ "v2780f8b8": bgImage.value }));
+		const props = __props;
+		const emit = __emit;
+		const bgImage = computed(() => {
+			const value = toValue(props.bgImage);
+			return value ? `url(${value})` : "none";
+		});
+		const sourceUrl = computed(() => toValue(props.sourceUrl));
+		const updateTime = computed(() => toValue(props.updateTime));
+		const enableDownload = computed(() => toValue(props.enableDownload));
+		const enableStar = computed(() => toValue(props.enableStar));
+		const enableCopyLink = computed(() => toValue(props.enableCopyLink));
+		const showActions = computed(() => sourceUrl.value || updateTime.value || enableDownload.value || enableStar.value || enableCopyLink.value);
+		const showDivider = computed(() => sourceUrl.value && (enableDownload.value || enableStar.value));
+		const actionCount = computed(() => [
+			enableDownload.value,
+			enableStar.value,
+			enableCopyLink.value,
+			sourceUrl.value
+		].filter(Boolean).length);
+		const vDompurifyHtml = buildVueDompurifyHTMLDirective({ default: { FORBID_ATTR: ["style"] } });
+		const { lePadV } = useScreen();
+		const { t } = useI18n();
+		const message = useMessage();
+		const toast = useToast();
+		const showActionsDlg = ref(false);
+		const openSourceUrl = () => {
+			window.open(sourceUrl.value, "_blank", "noopener,noreferrer");
+			showActionsDlg.value = false;
+		};
+		const copyLink = async () => {
+			if (await useClipboard(window.location.href)) {
+				if (lePadV.value) {
+					toast.show(t("common.copySuccess"));
+					showActionsDlg.value = false;
+				} else message.success(t("common.copySuccess"));
+			}
+		};
+		const onDownload = () => {
+			emit("download");
+			showActionsDlg.value = false;
+		};
+		const onCollect = () => {
+			emit("collect");
+			showActionsDlg.value = false;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", { class: normalizeClass(["o-doc-title", {
+				"is-simple": unref(lePadV),
+				"first-h1": true
+			}]) }, [createElementVNode("div", _hoisted_1, [__props.title ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("h1", null, toDisplayString(__props.title), 1)])) : withDirectives((openBlock(), createElementBlock("div", _hoisted_3, null, 512)), [[unref(vDompurifyHtml), __props.el?.outerHTML]])]), showActions.value ? (openBlock(), createElementBlock("div", _hoisted_4, [unref(lePadV) ? (openBlock(), createBlock(unref(OIcon), {
+				key: 0,
+				class: "o-doc-title-icon-more",
+				onClick: _cache[0] || (_cache[0] = ($event) => showActionsDlg.value = true)
+			}, {
+				default: withCtx(() => [createVNode(unref(icon_more_default))]),
+				_: 1
+			})) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", _hoisted_5, [
+				enableDownload.value ? (openBlock(), createBlock(unref(OPopover), {
+					key: 0,
+					position: "top",
+					trigger: "hover",
+					offset: 12
+				}, {
+					target: withCtx(() => [createVNode(unref(OIcon), {
+						class: "o-doc-title-icon-download",
+						onClick: _cache[1] || (_cache[1] = ($event) => emit("download"))
+					}, {
+						default: withCtx(() => [createVNode(unref(icon_download_default))]),
+						_: 1
+					})]),
+					default: withCtx(() => [createElementVNode("span", null, toDisplayString(unref(t)("md.downloadDoc")), 1)]),
+					_: 1
+				})) : createCommentVNode("", true),
+				enableStar.value ? (openBlock(), createBlock(unref(OPopover), {
+					key: 1,
+					position: "top",
+					trigger: "hover",
+					offset: 12
+				}, {
+					target: withCtx(() => [createVNode(unref(OIcon), {
+						class: "o-doc-title-icon-star",
+						onClick: _cache[2] || (_cache[2] = ($event) => emit("collect"))
+					}, {
+						default: withCtx(() => [createVNode(unref(icon_star_default))]),
+						_: 1
+					})]),
+					default: withCtx(() => [createElementVNode("span", null, toDisplayString(unref(t)("md.starDoc")), 1)]),
+					_: 1
+				})) : createCommentVNode("", true),
+				enableCopyLink.value ? (openBlock(), createBlock(unref(OPopover), {
+					key: 2,
+					position: "top",
+					trigger: "hover",
+					offset: 12
+				}, {
+					target: withCtx(() => [createVNode(unref(OIcon), {
+						class: "o-doc-title-icon-copy",
+						onClick: copyLink
+					}, {
+						default: withCtx(() => [createVNode(unref(icon_link_default))]),
+						_: 1
+					})]),
+					default: withCtx(() => [createElementVNode("span", null, toDisplayString(unref(t)("common.copyLink")), 1)]),
+					_: 1
+				})) : createCommentVNode("", true),
+				showDivider.value ? (openBlock(), createBlock(unref(ODivider), {
+					key: 3,
+					direction: "v",
+					style: { "--o-divider-label-gap": "0" }
+				})) : createCommentVNode("", true),
+				sourceUrl.value ? (openBlock(), createBlock(unref(OLink), {
+					key: 4,
+					class: "o-doc-title-source-code",
+					size: "large",
+					href: sourceUrl.value,
+					target: "_blank",
+					rel: "noopener noreferrer"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("md.gitSource")) + " ", 1), createVNode(unref(OIcon), { class: "o-doc-title-icon-outlink" }, {
+						default: withCtx(() => [createVNode(unref(icon_outlink_default))]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["href"])) : createCommentVNode("", true)
+			]), updateTime.value ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(unref(t)("md.updateTime")) + toDisplayString(updateTime.value), 1)) : createCommentVNode("", true)], 64))])) : createCommentVNode("", true)], 2), unref(lePadV) && showActions.value ? (openBlock(), createBlock(unref(ODialog), {
+				key: 0,
+				visible: showActionsDlg.value,
+				"onUpdate:visible": _cache[3] || (_cache[3] = ($event) => showActionsDlg.value = $event),
+				size: "medium",
+				"phone-half-full": ""
+			}, {
+				header: withCtx(() => [createTextVNode(toDisplayString(unref(t)("md.moreActions")), 1)]),
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(["o-doc-title-dlg-action-box-container", { "is-center": actionCount.value < 3 }]) }, [
+					enableDownload.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: "o-doc-title-dlg-action-box",
+						onClick: onDownload
+					}, [createElementVNode("div", _hoisted_7, [createVNode(unref(OIcon), null, {
+						default: withCtx(() => [createVNode(unref(icon_download_default))]),
+						_: 1
+					})]), createElementVNode("div", _hoisted_8, toDisplayString(unref(t)("md.downloadDoc")), 1)])) : createCommentVNode("", true),
+					enableStar.value ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: "o-doc-title-dlg-action-box",
+						onClick: onCollect
+					}, [createElementVNode("div", _hoisted_9, [createVNode(unref(OIcon), null, {
+						default: withCtx(() => [createVNode(unref(icon_star_default))]),
+						_: 1
+					})]), createElementVNode("div", _hoisted_10, toDisplayString(unref(t)("md.starDoc")), 1)])) : createCommentVNode("", true),
+					enableCopyLink.value ? (openBlock(), createElementBlock("div", {
+						key: 2,
+						class: "o-doc-title-dlg-action-box",
+						onClick: copyLink
+					}, [createElementVNode("div", _hoisted_11, [createVNode(unref(OIcon), null, {
+						default: withCtx(() => [createVNode(unref(icon_link_default))]),
+						_: 1
+					})]), createElementVNode("div", _hoisted_12, toDisplayString(unref(t)("common.copyLink")), 1)])) : createCommentVNode("", true),
+					sourceUrl.value ? (openBlock(), createElementBlock("div", {
+						key: 3,
+						class: "o-doc-title-dlg-action-box",
+						onClick: openSourceUrl
+					}, [createElementVNode("div", _hoisted_13, [createVNode(unref(OIcon), null, {
+						default: withCtx(() => [createVNode(unref(icon_outlink_default))]),
+						_: 1
+					})]), createElementVNode("div", _hoisted_14, toDisplayString(unref(t)("md.gitSourceShort")), 1)])) : createCommentVNode("", true)
+				], 2)]),
+				_: 1
+			}, 8, ["visible"])) : createCommentVNode("", true)], 64);
+		};
+	}
+});
+export { DocTitle_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/article/index.mjs

@@ -1,17 +1,10 @@
-import _OArticle from "./OArticle.vue.mjs";
-import _sfc_main from "./OArticleList.vue.mjs";
-import './OArticleList.css';
-const OArticle = Object.assign(_OArticle, {
-  install(app) {
-    app.component("OArticle", _OArticle);
-  }
-});
-const OArticleList = Object.assign(_sfc_main, {
-  install(app) {
-    app.component("OArticleList", _sfc_main);
-  }
-});
-export {
-  OArticle,
-  OArticleList
-};
+import OArticle_default from "./OArticle.mjs";
+import OArticleList_default from "./OArticleList.mjs";
+// src/components/article/index.ts
+var OArticle = Object.assign(OArticle_default, { install(app) {
+	app.component("OArticle", OArticle_default);
+} });
+var OArticleList = Object.assign(OArticleList_default, { install(app) {
+	app.component("OArticleList", OArticleList_default);
+} });
+export { OArticle, OArticleList };

package/dist/treeshaking/components/article-anchor/OArticleAnchor.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OArticleAnchor_vue_vue_type_script_setup_true_lang_default from "./OArticleAnchor.vue_vue_type_script_setup_true_lang.mjs";
+import './OArticleAnchor.vue_vue_type_style_index_0_scoped_dcc5e0d5_lang.css';
+// src/components/article-anchor/OArticleAnchor.vue
+var OArticleAnchor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OArticleAnchor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-dcc5e0d5"]]);
+export { OArticleAnchor_default as default };

package/dist/treeshaking/components/article-anchor/OArticleAnchor.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,306 @@
+import { useI18n } from "../../i18n/index.mjs";
+import ArticleAnchorItems_default from "./components/ArticleAnchorItems.mjs";
+import ArticleAnchorPc_default from "./components/ArticleAnchorPc.mjs";
+import ArticleAnchorPad_default from "./components/ArticleAnchorPad.mjs";
+import ArticleAnchorMobile_default from "./components/ArticleAnchorMobile.mjs";
+import { Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, ref, unref, watch, withCtx } from "vue";
+import { OAnchor } from "@opensig/opendesign";
+// src/components/article-anchor/OArticleAnchor.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "o-article-anchor-root"
+};
+var _hoisted_2 = { class: "o-article-anchor__body" };
+var OArticleAnchor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OArticleAnchor",
+	props: {
+		size: { default: "pc" },
+		title: {},
+		showTitle: {
+			type: Boolean,
+			default: true
+		},
+		items: { default: () => [] },
+		selector: { default: ".o-markdown-body" },
+		autoExtract: {
+			type: Boolean,
+			default: true
+		},
+		maxLevel: { default: 2 },
+		writeId: {
+			type: Boolean,
+			default: true
+		},
+		idPrefix: { default: "" },
+		container: {},
+		targetOffset: {},
+		bounds: { default: 5 },
+		changeHash: {
+			type: Boolean,
+			default: true
+		},
+		radius: { default: "var(--o-radius-xs)" }
+	},
+	emits: ["change", "click"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const { t } = useI18n();
+		const emit = __emit;
+		const autoItems = ref([]);
+		const items = computed(() => props.items.length ? props.items : autoItems.value);
+		const titleText = computed(() => props.title || t("articleAnchor.title"));
+		const expanded = ref(false);
+		watch(() => props.size, () => {
+			expanded.value = false;
+		});
+		watch([() => props.size, expanded], () => {
+			document.body.style.overflow = props.size === "mobile" && expanded.value ? "hidden" : "";
+		});
+		const onAnchorClick = (ev, link) => {
+			emit("click", ev, link);
+			if (props.size === "pad") expanded.value = false;
+		};
+		const onAnchorChange = (link) => {
+			emit("change", link);
+		};
+		/** hash 别名映射：href 为展示地址（如 #a），observeHref 为实际目标（如 #user-content-a） */
+		const hrefAliasMap = computed(() => {
+			const map = /* @__PURE__ */ new Map();
+			const walk = (list) => {
+				list.forEach((item) => {
+					if (item.observeHref && item.observeHref !== item.href) map.set(item.href, item.observeHref);
+					if (item.children?.length) walk(item.children);
+				});
+			};
+			walk(items.value);
+			return map;
+		});
+		const jumpFromHash = (hash) => {
+			const link = (anchorRef.value?.$el)?.querySelector(`a[href="${CSS.escape(hash)}"]`);
+			if (link) {
+				link.click();
+				return;
+			}
+			const observeHref = hrefAliasMap.value.get(hash);
+			const el = observeHref && document.getElementById(observeHref.replace(/^#/, ""));
+			if (!el) return;
+			const container = typeof props.container === "string" ? document.querySelector(props.container) || window : props.container || window;
+			const offsetTop = el.getBoundingClientRect().top - (container === window ? document.documentElement.clientTop : container.getBoundingClientRect().top);
+			const y = (container === window ? window.scrollY : container.scrollTop) + offsetTop - (props.targetOffset ?? 0);
+			if (container === window) window.scrollTo({ top: y });
+			else container.scrollTo({ top: y });
+		};
+		const onHashChange = () => {
+			if (!window.location.hash) return;
+			jumpFromHash(decodeURIComponent(window.location.hash));
+		};
+		const pcSlotRef = ref();
+		const padSlotRef = ref();
+		const hiddenSlotRef = ref();
+		const anchorRef = ref();
+		const teleportTarget = computed(() => {
+			if (props.size === "pc") return pcSlotRef.value;
+			if (props.size === "pad" && expanded.value) return padSlotRef.value;
+			return hiddenSlotRef.value;
+		});
+		let observer;
+		let observedEl = null;
+		let rafId;
+		const slugify = (text) => text.toLowerCase().trim().replace(/[`<>.!'":,@#$%^&*()[\];+/\\=?{}|~-]/g, " ").replace(/\s+/g, "-").replace(/^-+|-+$/g, "");
+		const resolveSelector = () => {
+			if (typeof props.selector === "string") return document.querySelector(props.selector);
+			return props.selector || null;
+		};
+		const collect = () => {
+			const root = resolveSelector();
+			if (!root) {
+				autoItems.value = [];
+				return;
+			}
+			const max = Math.min(4, Math.max(2, props.maxLevel));
+			const tags = [];
+			for (let level = 2; level <= max; level++) tags.push(`h${level}`);
+			const rootItems = [];
+			const stack = [{
+				level: 0,
+				list: rootItems
+			}];
+			const seen = /* @__PURE__ */ new Set();
+			root.querySelectorAll(tags.join(",")).forEach((el) => {
+				const elH = el;
+				const level = Number(el.tagName.charAt(1)) - 1;
+				let id = elH.id;
+				if (!id) {
+					id = slugify(elH.textContent || "");
+					if (!id) return;
+					let unique = id;
+					let i = 1;
+					while (seen.has(unique)) unique = `${id}-${i++}`;
+					id = unique;
+					if (props.writeId) elH.id = id;
+				}
+				seen.add(id);
+				let href = `#${id}`;
+				let observeHref;
+				if (props.idPrefix && id.startsWith(props.idPrefix) && id.length > props.idPrefix.length) {
+					href = `#${id.slice(props.idPrefix.length)}`;
+					observeHref = `#${id}`;
+				}
+				const item = {
+					href,
+					title: (elH.textContent || "").trim(),
+					observeHref,
+					children: []
+				};
+				while (stack.length > 1 && stack[stack.length - 1].level >= level) stack.pop();
+				stack[stack.length - 1].list.push(item);
+				stack.push({
+					level,
+					list: item.children
+				});
+			});
+			autoItems.value = rootItems;
+		};
+		const ensureObserver = () => {
+			if (!props.autoExtract) return;
+			const target = resolveSelector() || document.body;
+			if (target === observedEl) return;
+			observer?.disconnect();
+			observer = new MutationObserver(scheduleCollect);
+			observer.observe(target, {
+				childList: true,
+				subtree: true
+			});
+			observedEl = target;
+		};
+		const scheduleCollect = () => {
+			if (rafId !== void 0) return;
+			rafId = requestAnimationFrame(() => {
+				rafId = void 0;
+				ensureObserver();
+				collect();
+			});
+		};
+		const teardownObserver = () => {
+			if (rafId !== void 0) {
+				cancelAnimationFrame(rafId);
+				rafId = void 0;
+			}
+			observer?.disconnect();
+			observer = void 0;
+			observedEl = null;
+		};
+		onMounted(() => {
+			collect();
+			ensureObserver();
+			onHashChange();
+			window.addEventListener("hashchange", onHashChange);
+		});
+		onBeforeUnmount(() => {
+			teardownObserver();
+			document.body.style.overflow = "";
+			window.removeEventListener("hashchange", onHashChange);
+		});
+		watch(() => [
+			props.selector,
+			props.autoExtract,
+			props.maxLevel,
+			props.idPrefix
+		], () => {
+			teardownObserver();
+			collect();
+			ensureObserver();
+		});
+		__expose({
+			collect,
+			items
+		});
+		return (_ctx, _cache) => {
+			return items.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+				__props.size === "pc" ? (openBlock(), createBlock(ArticleAnchorPc_default, {
+					key: 0,
+					"show-title": __props.showTitle,
+					title: titleText.value,
+					radius: __props.radius
+				}, {
+					default: withCtx(() => [createElementVNode("div", {
+						ref_key: "pcSlotRef",
+						ref: pcSlotRef,
+						class: "o-article-anchor__slot"
+					}, null, 512)]),
+					_: 1
+				}, 8, [
+					"show-title",
+					"title",
+					"radius"
+				])) : __props.size === "pad" ? (openBlock(), createBlock(ArticleAnchorPad_default, {
+					key: 1,
+					"show-title": __props.showTitle,
+					title: titleText.value,
+					radius: __props.radius,
+					expanded: expanded.value,
+					onToggle: _cache[0] || (_cache[0] = ($event) => expanded.value = !expanded.value),
+					onClose: _cache[1] || (_cache[1] = ($event) => expanded.value = false)
+				}, {
+					default: withCtx(() => [createElementVNode("div", {
+						ref_key: "padSlotRef",
+						ref: padSlotRef
+					}, null, 512)]),
+					_: 1
+				}, 8, [
+					"show-title",
+					"title",
+					"radius",
+					"expanded"
+				])) : createCommentVNode("", true),
+				__props.size === "mobile" ? (openBlock(), createBlock(ArticleAnchorMobile_default, {
+					key: 2,
+					title: titleText.value,
+					radius: __props.radius,
+					expanded: expanded.value,
+					items: items.value,
+					container: __props.container,
+					"target-offset": __props.targetOffset,
+					onToggle: _cache[2] || (_cache[2] = ($event) => expanded.value = true),
+					onClose: _cache[3] || (_cache[3] = ($event) => expanded.value = false)
+				}, null, 8, [
+					"title",
+					"radius",
+					"expanded",
+					"items",
+					"container",
+					"target-offset"
+				])) : createCommentVNode("", true),
+				createElementVNode("div", {
+					ref_key: "hiddenSlotRef",
+					ref: hiddenSlotRef,
+					class: "o-article-anchor--hidden"
+				}, null, 512),
+				(openBlock(), createBlock(Teleport, {
+					to: teleportTarget.value,
+					disabled: !teleportTarget.value
+				}, [createElementVNode("div", _hoisted_2, [createVNode(unref(OAnchor), {
+					ref_key: "anchorRef",
+					ref: anchorRef,
+					layout: "v",
+					size: "small",
+					container: __props.container,
+					"target-offset": __props.targetOffset,
+					bounds: __props.bounds,
+					"change-hash": __props.changeHash,
+					onChange: onAnchorChange,
+					onClick: onAnchorClick
+				}, {
+					default: withCtx(() => [createVNode(ArticleAnchorItems_default, { items: items.value }, null, 8, ["items"])]),
+					_: 1
+				}, 8, [
+					"container",
+					"target-offset",
+					"bounds",
+					"change-hash"
+				])])], 8, ["to", "disabled"]))
+			])) : createCommentVNode("", true);
+		};
+	}
+});
+export { OArticleAnchor_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorItems.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import ArticleAnchorItems_vue_vue_type_script_setup_true_lang_default from "./ArticleAnchorItems.vue_vue_type_script_setup_true_lang.mjs";
+import './ArticleAnchorItems.vue_vue_type_style_index_0_scoped_126e1824_lang.css';
+// src/components/article-anchor/components/ArticleAnchorItems.vue
+var ArticleAnchorItems_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ArticleAnchorItems_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-126e1824"]]);
+export { ArticleAnchorItems_default as default };