@opendesign-plus/components 0.0.1-rc.10 → 0.0.1-rc.101

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

@@ -0,0 +1,27 @@
+import ArticleAnchorItems_default from "./ArticleAnchorItems.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, defineComponent, openBlock, renderList, unref, withCtx } from "vue";
+import { OAnchorItem } from "@opensig/opendesign";
+// src/components/article-anchor/components/ArticleAnchorItems.vue?vue&type=script&setup=true&lang.ts
+var ArticleAnchorItems_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ArticleAnchorItems",
+	props: { items: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+				return openBlock(), createBlock(unref(OAnchorItem), {
+					key: item.id,
+					title: item.title,
+					href: `#${item.id}`,
+					class: "o-article-anchor-item"
+				}, {
+					default: withCtx(() => [item.children?.length ? (openBlock(), createBlock(ArticleAnchorItems_default, {
+						key: 0,
+						items: item.children
+					}, null, 8, ["items"])) : createCommentVNode("", true)]),
+					_: 2
+				}, 1032, ["title", "href"]);
+			}), 128);
+		};
+	}
+});
+export { ArticleAnchorItems_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorItems.vue_vue_type_style_index_0_scoped_c0fc5e57_lang.css

@@ -0,0 +1,11 @@
+.hover-icon-rotate .o-icon[data-v-c0fc5e57] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-c0fc5e57] {
+    transform: rotate(-180deg);
+}
+}
+.o-article-anchor-item[data-v-c0fc5e57] {
+  --link-color: var(--o-color-info2);
+}

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

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

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorMobile.vue.d.ts

@@ -0,0 +1,19 @@
+import { ArticleAnchorItemT } from '../types';
+type __VLS_Props = {
+    title?: string;
+    radius?: string;
+    expanded?: boolean;
+    items?: ArticleAnchorItemT[];
+    container?: string | HTMLElement | Window;
+    targetOffset?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    toggle: () => any;
+    "update:visible": (args_0: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onToggle?: (() => any) | undefined;
+    "onUpdate:visible"?: ((args_0: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,130 @@
+import icon_anchor_default from "../../../_virtual/~icons/components/icon-anchor.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, useCssVars, watch, withCtx } from "vue";
+import { ODialog, OIcon, OMenu, OMenuItem } from "@opensig/opendesign";
+import { useEventListener } from "@vueuse/core";
+// src/components/article-anchor/components/ArticleAnchorMobile.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-article-anchor--mobile" };
+var _hoisted_2 = ["aria-label", "aria-expanded"];
+var _hoisted_3 = { class: "o-article-anchor--mobile__sheet-title" };
+var ArticleAnchorMobile_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ArticleAnchorMobile",
+	props: {
+		title: {},
+		radius: {},
+		expanded: { type: Boolean },
+		items: {},
+		container: {},
+		targetOffset: {}
+	},
+	emits: [
+		"toggle",
+		"close",
+		"update:visible"
+	],
+	setup(__props, { emit: __emit }) {
+		useCssVars((_ctx) => ({ "v1994d85b": _ctx.radius }));
+		const props = __props;
+		const emit = __emit;
+		const visible = computed({
+			get: () => !!props.expanded,
+			set: (value) => {
+				if (value) emit("toggle");
+				else emit("close");
+			}
+		});
+		const flatItems = computed(() => {
+			const list = [];
+			props.items?.forEach((item) => {
+				list.push(item);
+				if (item.children?.length) list.push(...item.children);
+			});
+			return list;
+		});
+		const active = ref("");
+		const scrollTarget = computed(() => {
+			if (typeof props.container === "string") return document.querySelector(props.container);
+			if (props.container && props.container !== window) return props.container;
+			return window;
+		});
+		const updateActive = () => {
+			if (!flatItems.value.length) return;
+			const container = scrollTarget.value;
+			if (!container) return;
+			const containerTop = container === window ? 0 : container.getBoundingClientRect().top;
+			const offset = (props.targetOffset ?? 0) + 1;
+			let current = null;
+			for (const item of flatItems.value) {
+				const el = document.getElementById(item.id);
+				if (!el) continue;
+				if (el.getBoundingClientRect().top - containerTop <= offset) current = item.id;
+			}
+			if (current && active.value !== `#${current}`) active.value = `#${current}`;
+		};
+		useEventListener(scrollTarget, "scroll", updateActive);
+		watch(() => props.expanded, (value) => {
+			if (value) nextTick(updateActive);
+		});
+		watch(() => props.items, () => {
+			nextTick(updateActive);
+		}, { deep: true });
+		const jump = (id) => {
+			document.getElementById(id)?.scrollIntoView({
+				behavior: "smooth",
+				block: "start"
+			});
+			emit("close");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+				class: "o-article-anchor--mobile__fab",
+				"aria-label": __props.title,
+				"aria-expanded": __props.expanded,
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("toggle"))
+			}, [createVNode(unref(OIcon), { class: "o-article-anchor--mobile__fab-icon" }, {
+				default: withCtx(() => [createVNode(unref(icon_anchor_default))]),
+				_: 1
+			})], 8, _hoisted_2), createVNode(unref(ODialog), {
+				visible: visible.value,
+				"onUpdate:visible": _cache[2] || (_cache[2] = ($event) => visible.value = $event),
+				"phone-half-full": "",
+				size: "medium",
+				style: normalizeStyle({
+					"--dlg-radius": __props.radius,
+					"--dlg-margin": "24px",
+					"--dlg-header-color": "var(--o-color-info1)"
+				})
+			}, {
+				header: withCtx(() => [createElementVNode("span", _hoisted_3, toDisplayString(__props.title), 1)]),
+				default: withCtx(() => [createVNode(unref(OMenu), {
+					modelValue: active.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => active.value = $event),
+					class: "o-article-anchor--mobile__menu"
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+						return openBlock(), createElementBlock(Fragment, { key: item.id }, [createVNode(unref(OMenuItem), {
+							class: "o-article-anchor--mobile__menu-item",
+							value: `#${item.id}`,
+							onClick: ($event) => jump(item.id)
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(item.title), 1)]),
+							_: 2
+						}, 1032, ["value", "onClick"]), item.children?.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(item.children, (child) => {
+							return openBlock(), createBlock(unref(OMenuItem), {
+								key: child.id,
+								value: `#${child.id}`,
+								class: "o-article-anchor--mobile__menu-subitem",
+								onClick: ($event) => jump(child.id)
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(child.title), 1)]),
+								_: 2
+							}, 1032, ["value", "onClick"]);
+						}), 128)) : createCommentVNode("", true)], 64);
+					}), 128))]),
+					_: 1
+				}, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["visible", "style"])]);
+		};
+	}
+});
+export { ArticleAnchorMobile_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorMobile.vue_vue_type_style_index_0_scoped_648619c2_lang.css

@@ -0,0 +1,47 @@
+.hover-icon-rotate .o-icon[data-v-648619c2] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-648619c2] {
+    transform: rotate(-180deg);
+}
+}
+.o-article-anchor--mobile[data-v-648619c2] {
+  --o-article-anchor-radius: var(--v1994d85b);
+}
+.o-article-anchor--mobile__fab[data-v-648619c2] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border: none;
+  cursor: pointer;
+  background-color: var(--o-color-fill2);
+  border-radius: 50%;
+  box-shadow: var(--o-shadow-3);
+}
+.o-article-anchor--mobile__fab-icon[data-v-648619c2] {
+  font-size: 24px;
+  color: var(--o-color-info2);
+  line-height: 1;
+}
+.o-article-anchor--mobile__sheet-title[data-v-648619c2] {
+  color: var(--o-color-info1);
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 26px;
+}
+.o-article-anchor--mobile__menu[data-v-648619c2] {
+  --menu-width: 100%;
+}
+.o-article-anchor--mobile__menu-sub[data-v-648619c2] {
+  padding-left: 16px;
+}
+.o-article-anchor--mobile__menu-item[data-v-648619c2] {
+  padding: 12px 16px;
+}
+.o-article-anchor--mobile__menu-subitem[data-v-648619c2] {
+  padding: 12px 16px;
+  padding-left: 28px;
+}

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

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

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorPad.vue.d.ts

@@ -0,0 +1,33 @@
+type __VLS_Props = {
+    showTitle?: boolean;
+    title?: string;
+    radius?: string;
+    expanded?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        rootRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    toggle: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,54 @@
+import { useI18n } from "../../../i18n/index.mjs";
+import icon_anchor_default from "../../../_virtual/~icons/components/icon-anchor.mjs";
+import icon_anchor_expand_default from "../../../_virtual/~icons/components/icon-anchor-expand.mjs";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, useCssVars, vShow, withCtx, withDirectives } from "vue";
+import { OIcon } from "@opensig/opendesign";
+import { useEventListener } from "@vueuse/core";
+// src/components/article-anchor/components/ArticleAnchorPad.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-article-anchor--pad__toggle-label" };
+var _hoisted_2 = { class: "o-article-anchor--pad__pop" };
+var _hoisted_3 = {
+	key: 0,
+	class: "o-article-anchor--pad__pop-title"
+};
+var _hoisted_4 = { class: "o-article-anchor--pad__pop-title-text" };
+var ArticleAnchorPad_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ArticleAnchorPad",
+	props: {
+		showTitle: { type: Boolean },
+		title: {},
+		radius: {},
+		expanded: { type: Boolean }
+	},
+	emits: ["toggle", "close"],
+	setup(__props, { emit: __emit }) {
+		useCssVars((_ctx) => ({ "v8dd14310": _ctx.radius }));
+		const { t } = useI18n();
+		const navTitle = computed(() => t("articleAnchor.navTitle"));
+		const emit = __emit;
+		const rootRef = ref();
+		useEventListener(document, "click", (e) => {
+			if (!rootRef.value?.contains(e.target)) emit("close");
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: "o-article-anchor--pad"
+			}, [createElementVNode("div", {
+				class: normalizeClass(["o-article-anchor--pad__toggle", { hidden: __props.expanded }]),
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("toggle"))
+			}, [createVNode(unref(OIcon), { class: "o-article-anchor--pad__toggle-icon" }, {
+				default: withCtx(() => [createVNode(unref(icon_anchor_default))]),
+				_: 1
+			}), createElementVNode("span", _hoisted_1, toDisplayString(navTitle.value), 1)], 2), withDirectives(createElementVNode("div", _hoisted_2, [__props.showTitle ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("span", _hoisted_4, toDisplayString(__props.title), 1), createVNode(unref(OIcon), {
+				class: "o-article-anchor--pad__pop-close",
+				onClick: _cache[1] || (_cache[1] = ($event) => emit("close"))
+			}, {
+				default: withCtx(() => [createVNode(unref(icon_anchor_expand_default))]),
+				_: 1
+			})])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512), [[vShow, __props.expanded]])], 512);
+		};
+	}
+});
+export { ArticleAnchorPad_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorPad.vue_vue_type_style_index_0_scoped_3c75b66d_lang.css

@@ -0,0 +1,80 @@
+.hover-icon-rotate .o-icon[data-v-3c75b66d] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-3c75b66d] {
+    transform: rotate(-180deg);
+}
+}
+.o-article-anchor--pad[data-v-3c75b66d] {
+  position: relative;
+  display: inline-block;
+  --o-article-anchor-radius: var(--v8dd14310);
+}
+.o-article-anchor--pad__toggle[data-v-3c75b66d] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 2px;
+  padding: 12px 10px;
+  border: none;
+  cursor: pointer;
+  color: var(--o-color-info1);
+  background-color: var(--o-color-fill2);
+  border-radius: var(--o-article-anchor-radius);
+  box-shadow: var(--o-shadow-2);
+}
+.o-article-anchor--pad__toggle.hidden[data-v-3c75b66d] {
+  opacity: 0;
+}
+.o-article-anchor--pad__toggle-icon[data-v-3c75b66d] {
+  font-size: 24px;
+  color: var(--o-color-info1);
+}
+.o-article-anchor--pad__toggle-label[data-v-3c75b66d] {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 10px;
+  line-height: 16px;
+}
+.o-article-anchor--pad__pop[data-v-3c75b66d] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 99;
+  width: 240px;
+  padding: 16px;
+  background-color: var(--o-color-fill2);
+  border-radius: var(--o-article-anchor-radius);
+  box-shadow: var(--o-shadow-2);
+}
+.o-article-anchor--pad__pop-title[data-v-3c75b66d] {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-bottom: 12px;
+  color: var(--o-color-info1);
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 22px;
+}
+.o-article-anchor--pad__pop-title .o-article-anchor__icon[data-v-3c75b66d] {
+  font-size: 22px;
+  color: var(--o-color-info1);
+  line-height: 1;
+  flex-shrink: 0;
+}
+.o-article-anchor--pad__pop-title-text[data-v-3c75b66d] {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.o-article-anchor--pad__pop-close[data-v-3c75b66d] {
+  margin-left: auto;
+  font-size: 20px;
+  color: var(--o-color-info2);
+  cursor: pointer;
+}

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

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

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorPc.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    showTitle?: boolean;
+    title?: string;
+    radius?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,27 @@
+import icon_anchor_default from "../../../_virtual/~icons/components/icon-anchor.mjs";
+import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref, useCssVars, withCtx } from "vue";
+import { OIcon } from "@opensig/opendesign";
+// src/components/article-anchor/components/ArticleAnchorPc.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-article-anchor" };
+var _hoisted_2 = {
+	key: 0,
+	class: "o-article-anchor__title"
+};
+var ArticleAnchorPc_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ArticleAnchorPc",
+	props: {
+		showTitle: { type: Boolean },
+		title: {},
+		radius: {}
+	},
+	setup(__props) {
+		useCssVars((_ctx) => ({ "v1e4fd6d4": _ctx.radius }));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [__props.showTitle ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(OIcon), { class: "o-article-anchor__icon" }, {
+				default: withCtx(() => [createVNode(unref(icon_anchor_default))]),
+				_: 1
+			}), createElementVNode("span", null, toDisplayString(__props.title), 1)])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)]);
+		};
+	}
+});
+export { ArticleAnchorPc_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorPc.vue_vue_type_style_index_0_scoped_a480e4e7_lang.css

@@ -0,0 +1,68 @@
+.hover-icon-rotate .o-icon[data-v-a480e4e7] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-a480e4e7] {
+    transform: rotate(-180deg);
+}
+}
+.o-article-anchor[data-v-a480e4e7] {
+  --o-article-anchor-radius: var(--v1e4fd6d4);
+  background-color: rgba(var(--o-brand-6), 0.03);
+  border-radius: var(--o-article-anchor-radius);
+  padding: 24px 16px;
+  height: fit-content;
+}
+@media (max-width: 1680px) {
+.o-article-anchor[data-v-a480e4e7] {
+    padding: 16px 12px;
+}
+}
+@media (max-width: 840px) {
+.o-article-anchor[data-v-a480e4e7] {
+    padding: 12px;
+}
+}
+.o-article-anchor__title[data-v-a480e4e7] {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-bottom: 16px;
+  color: var(--o-color-info1);
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-article-anchor__title[data-v-a480e4e7] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-article-anchor__title[data-v-a480e4e7] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-article-anchor__title[data-v-a480e4e7] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-article-anchor__title[data-v-a480e4e7] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 1680px) {
+.o-article-anchor__title[data-v-a480e4e7] {
+    margin-bottom: 8px;
+}
+}
+.o-article-anchor__icon[data-v-a480e4e7] {
+  font-size: 22px;
+  color: var(--o-color-info1);
+}

package/dist/treeshaking/components/article-anchor/index.d.ts

@@ -0,0 +1,58 @@
+import { App } from 'vue';
+declare const OArticleAnchor: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').ArticleAnchorPropsT> & Readonly<{}>, {
+        collect: () => void;
+        items: import('vue').ComputedRef<import('../../index').ArticleAnchorItemT[]>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        size: "pc" | "pad" | "mobile";
+        items: import('../../index').ArticleAnchorItemT[];
+        radius: string;
+        showTitle: boolean;
+        selector: string | HTMLElement;
+        autoExtract: boolean;
+        maxLevel: number;
+        writeId: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        pcSlotRef: HTMLDivElement;
+        padSlotRef: HTMLDivElement;
+        hiddenSlotRef: HTMLDivElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('../../index').ArticleAnchorPropsT> & Readonly<{}>, {
+        collect: () => void;
+        items: import('vue').ComputedRef<import('../../index').ArticleAnchorItemT[]>;
+    }, {}, {}, {}, {
+        size: "pc" | "pad" | "mobile";
+        items: import('../../index').ArticleAnchorItemT[];
+        radius: string;
+        showTitle: boolean;
+        selector: string | HTMLElement;
+        autoExtract: boolean;
+        maxLevel: number;
+        writeId: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').ArticleAnchorPropsT> & Readonly<{}>, {
+    collect: () => void;
+    items: import('vue').ComputedRef<import('../../index').ArticleAnchorItemT[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    size: "pc" | "pad" | "mobile";
+    items: import('../../index').ArticleAnchorItemT[];
+    radius: string;
+    showTitle: boolean;
+    selector: string | HTMLElement;
+    autoExtract: boolean;
+    maxLevel: number;
+    writeId: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+export { OArticleAnchor };
+export * from './types';

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

@@ -0,0 +1,6 @@
+import OArticleAnchor_default from "./OArticleAnchor.mjs";
+// src/components/article-anchor/index.ts
+var OArticleAnchor = Object.assign(OArticleAnchor_default, { install(app) {
+	app.component("OArticleAnchor", OArticleAnchor_default);
+} });
+export { OArticleAnchor };

package/dist/treeshaking/components/article-anchor/types.d.ts

@@ -0,0 +1,32 @@
+export interface ArticleAnchorItemT {
+    /** 锚点 id（不含 #），对应页面元素 id */
+    id: string;
+    /** 展示标题 */
+    title: string;
+    /** 子锚点（嵌套渲染缩进） */
+    children?: ArticleAnchorItemT[];
+}
+export interface ArticleAnchorPropsT {
+    /** 显示尺寸，默认为 pc */
+    size?: 'pc' | 'pad' | 'mobile';
+    /** 目录标题，默认取 i18n（本页内容 / On this page） */
+    title?: string;
+    /** 是否显示标题行，默认 true */
+    showTitle?: boolean;
+    /** 锚点列表；传入后优先使用，否则自动从正文容器提取 */
+    items?: ArticleAnchorItemT[];
+    /** 自动提取标题的正文容器选择器或元素，默认 '.o-markdown-body' */
+    selector?: string | HTMLElement;
+    /** 是否自动提取，默认 true */
+    autoExtract?: boolean;
+    /** 自动提取的最大标题级别：2=h2、3=h2+h3、4=h2+h3+h4，默认 2 */
+    maxLevel?: number;
+    /** 无 id 标题自动生成 slug 并回写到元素 id（保证锚点可用），默认 true */
+    writeId?: boolean;
+    /** 透传 OAnchor：滚动容器，默认 window */
+    container?: string | HTMLElement | Window;
+    /** 透传 OAnchor：滚动偏移量 */
+    targetOffset?: number;
+    /** 卡片圆角 */
+    radius?: string;
+}

package/dist/treeshaking/components/article-pagination/OArticlePagination.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OArticlePagination_vue_vue_type_script_setup_true_lang_default from "./OArticlePagination.vue_vue_type_script_setup_true_lang.mjs";
+import './OArticlePagination.vue_vue_type_style_index_0_scoped_8a8cf9f8_lang.css';
+// src/components/article-pagination/OArticlePagination.vue
+var OArticlePagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OArticlePagination_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8a8cf9f8"]]);
+export { OArticlePagination_default as default };