@opendesign-plus-test/components 0.0.1-rc.210 → 0.0.1-rc.212

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export * from './components/activity';
 export * from './components/anchor-bar';
 export * from './components/article';
+export * from './components/article-anchor';
 export * from './components/article-pagination';
 export * from './components/banner';
 export * from './components/brand';
@@ -23,9 +24,9 @@ export * from './components/logo-swiper';
 export * from './components/markdown';
 export * from './components/meeting';
 export * from './components/org';
+export * from './components/recursion-menu';
 export * from './components/search';
 export * from './components/section';
 export * from './components/sig';
 export * from './components/summit';
-export * from './components/user-center';
 export * from './components/video';

package/dist/treeshaking/_virtual/icon-anchor-expand.mjs

@@ -0,0 +1,20 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24"
+};
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "currentColor",
+      "fill-rule": "evenodd",
+      d: "M19.816 2C21.022 2 22 2.978 22 4.184v10.49a.805.805 0 1 1-1.61 0V4.185a.575.575 0 0 0-.574-.575H8.206V20.39h11.61a.575.575 0 0 0 .575-.574V17.38a.805.805 0 1 1 1.609 0v2.437A2.184 2.184 0 0 1 19.816 22H4.184A2.184 2.184 0 0 1 2 19.816V4.184C2 2.978 2.978 2 4.184 2zM6.597 3.609H4.184a.575.575 0 0 0-.575.575v15.632c0 .317.258.575.575.575l2.413-.001zm6.81 4.318 3.45 3.448a.805.805 0 0 1 0 1.138l-3.45 3.448a.805.805 0 1 1-1.137-1.137l2.88-2.88-2.88-2.88a.805.805 0 0 1-.085-1.037l.085-.1a.805.805 0 0 1 1.138 0"
+    }, null, -1)
+  ])]);
+}
+const IconAnchorExpand = { name: "components-icon-anchor-expand", render };
+export {
+  IconAnchorExpand as default
+};

package/dist/treeshaking/_virtual/icon-anchor.mjs

@@ -0,0 +1,22 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  fill: "none"
+};
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-width": "1.2",
+      d: "M18.522 12.604v5.17a1.8 1.8 0 0 1-1.8 1.8H7.278a1.8 1.8 0 0 1-1.8-1.8V6.226a1.8 1.8 0 0 1 1.8-1.8h9.444a1.8 1.8 0 0 1 1.8 1.8v7.186M10.808 8.584h4.864m-7.333 0h-.01M10.808 12h4.864m-7.333 0h-.01m2.479 3.416h4.864m-7.333 0h-.01"
+    }, null, -1)
+  ])]);
+}
+const IconAnchor = { name: "components-icon-anchor", render };
+export {
+  IconAnchor as default
+};

package/dist/treeshaking/_virtual/icon-email.mjs

@@ -1,22 +1,21 @@
 import { openBlock, createElementBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
-  width: "24px",
-  height: "24px",
-  viewBox: "0 0 24 24",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink"
+  width: "32",
+  height: "32",
+  viewBox: "0 0 32 32"
 };
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      d: "M19.7302143,3.7590332 C20.8347769,3.7590332 21.7302074,4.65446353 21.7302074,5.7590332 L21.7302074,11.2494191 C21.7302074,11.6360247 21.4168126,11.9494212 21.0302108,11.9494212 C20.643609,11.9494212 20.3302142,11.6360247 20.3302142,11.2494191 L20.3304289,6.00074187 C19.2986037,6.85443694 16.9329556,8.81168905 13.2334847,11.8724982 C12.4849639,12.4917966 11.399646,12.4836263 10.6605433,11.853125 C10.6605433,11.853125 8.29408169,9.83438585 3.56115837,5.79690763 L3.56137022,18.2997234 C3.56137022,18.6310996 3.83001113,18.8997205 4.16137695,18.8997205 L19.7302143,18.8997205 C20.0615733,18.8997205 20.3302142,18.6310996 20.3302142,18.2997234 L20.3302142,14.2535395 C20.3302142,13.8669339 20.643609,13.5535374 21.0302108,13.5535374 C21.4168126,13.5535374 21.7302074,13.8669339 21.7302074,14.2535395 L21.7302074,18.2997234 C21.7302074,19.4042943 20.8347769,20.2997246 19.7302143,20.2997246 L4.16137695,20.2997246 C3.0568075,20.2997246 2.16137695,19.4042943 2.16137695,18.2997234 L2.16137695,5.7590332 C2.16137695,4.65446353 3.0568075,3.7590332 4.16137695,3.7590332 L19.7302143,3.7590332 Z M19.1508914,5.15959067 L4.97116245,5.15953281 C6.08234646,6.10744194 8.28167148,7.9836031 11.5691375,10.7880163 C11.7908756,10.9771675 12.1164692,10.9796194 12.3410309,10.7938315 C12.3410309,10.7938315 14.6109844,8.91575122 19.1508914,5.15959067 Z",
-      id: "形状结合",
-      fill: "currentColor"
+      opacity: "0.8",
+      fill: "#000",
+      d: "M26.307 5.012c1.473 0 2.667 1.193 2.667 2.667v7.32c0 0.516-0.417 0.933-0.933 0.933s-0.933-0.417-0.933-0.933l-0.001-6.997-9.461 7.828c-0.999 0.825-2.445 0.815-3.431-0.025l-9.465-8.075v16.671c0 0.441 0.359 0.8 0.8 0.8h20.759c0.441 0 0.8-0.359 0.8-0.8v-5.395c0-0.516 0.417-0.933 0.933-0.933s0.933 0.417 0.933 0.933v5.395c0 1.473-1.193 2.667-2.667 2.667h-20.759c-1.473 0-2.667-1.193-2.667-2.667v-16.721c0-1.473 1.193-2.667 2.667-2.667h20.759zM25.533 6.879h-18.907l8.799 7.505c0.296 0.252 0.729 0.256 1.029 0.008l9.079-7.513z"
     }, null, -1)
   ])]);
 }
-const IconMail = { name: "user-center-icon-email", render };
+const IconEmail = { name: "components-icon-email", render };
 export {
-  IconMail as default
+  IconEmail as default
 };

package/dist/treeshaking/_virtual/icon-gitee.mjs

@@ -2,19 +2,19 @@ import { openBlock, createElementBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
-  width: "32",
-  height: "32",
-  viewBox: "0 0 32 32"
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
 };
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "#c71d23",
-      d: "M16 32c-8.837 0-16-7.163-16-16s7.163-16 16-16c8.837 0 16 7.163 16 16s-7.163 16-16 16zM24.099 14.223l-9.086 0c-0.436 0-0.79 0.354-0.79 0.79l-0.001 1.975c-0 0.436 0.354 0.79 0.79 0.79l5.532-0c0.436 0 0.79 0.354 0.79 0.79v0 0.395c0 1.309-1.061 2.37-2.37 2.37l-7.507-0c-0.436 0-0.79-0.354-0.79-0.79l-0-7.506c-0-1.309 1.061-2.37 2.37-2.37l11.060-0c0.436 0 0.79-0.353 0.79-0.79l0.002-1.975c0-0.436-0.353-0.79-0.79-0.791-0 0-0 0-0 0l-11.062 0.001c-3.273 0-5.926 2.653-5.926 5.926v11.061c0 0.436 0.354 0.79 0.79 0.79h11.654c2.945 0 5.333-2.388 5.333-5.333v-4.543c0-0.436-0.354-0.79-0.79-0.79v0z"
+      d: "M12 24c-6.628 0-12-5.372-12-12s5.372-12 12-12c6.628 0 12 5.372 12 12s-5.372 12-12 12zM18.074 10.667h-6.814c-0.327 0-0.593 0.265-0.593 0.592l-0.001 1.481c0 0.327 0.265 0.592 0.593 0.592h4.149c0.327 0 0.592 0.265 0.592 0.593v0 0.296c0 0.982-0.796 1.778-1.777 1.778h-5.63c-0.327 0-0.593-0.265-0.593-0.593v-5.63c0-0.982 0.796-1.777 1.778-1.777h8.295c0.327 0 0.593-0.265 0.593-0.592l0.002-1.481c0-0.327-0.265-0.593-0.593-0.593 0 0 0 0 0 0l-8.296 0.001c-2.455 0-4.445 1.99-4.445 4.445v8.296c0 0.327 0.266 0.592 0.593 0.592h8.74c2.209 0 4-1.791 4-4v-3.407c0-0.327-0.265-0.592-0.592-0.592v0z"
     }, null, -1)
   ])]);
 }
-const IconGitee = { name: "user-center-icon-gitee", render };
+const IconGitee = { name: "sig-icon-gitee", render };
 export {
   IconGitee as default
 };

package/dist/treeshaking/_virtual/icon-meet.mjs

@@ -9,7 +9,8 @@ const _hoisted_1 = {
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      fill: "currentColor",
+      opacity: "0.8",
+      fill: "#000",
       d: "M16.933 4.002v1.733h8.4c0.163 0 0.323 0.017 0.479 0.050 0.137 0.030 0.272 0.072 0.404 0.128 0.131 0.055 0.254 0.122 0.37 0.199 0.125 0.083 0.242 0.179 0.35 0.287s0.204 0.225 0.287 0.35c0.077 0.116 0.143 0.24 0.199 0.37 0.056 0.132 0.098 0.266 0.128 0.404 0.034 0.156 0.050 0.315 0.050 0.479v7.222c0 0.523-0.411 0.933-0.933 0.933s-0.933-0.411-0.933-0.933v-7.222c0-0.055-0.010-0.106-0.029-0.154s-0.178-0.178-0.217-0.217c-0.047-0.020-0.098-0.029-0.154-0.029h-18.667c-0.055 0-0.106 0.010-0.153 0.029s-0.178 0.178-0.217 0.217c-0.020 0.047-0.029 0.098-0.029 0.154v13.333c0 0.055 0.010 0.106 0.029 0.153l0 0c0.020 0.047 0.178 0.178 0.217 0.217 0.047 0.019 0.098 0.029 0.153 0.029h18.667c0.055 0 0.107-0.010 0.154-0.029s0.178-0.178 0.217-0.217c0.019-0.047 0.029-0.098 0.029-0.153v-2.953c0-0.523 0.411-0.933 0.933-0.933s0.933 0.411 0.933 0.933v2.953c0 0.163-0.017 0.323-0.050 0.479-0.030 0.137-0.072 0.272-0.128 0.404-0.055 0.131-0.121 0.254-0.199 0.37-0.083 0.125-0.179 0.242-0.287 0.35s-0.225 0.204-0.35 0.287c-0.116 0.077-0.24 0.143-0.37 0.199-0.132 0.056-0.266 0.098-0.404 0.128-0.156 0.034-0.316 0.051-0.479 0.051h-0.44l2.42 2.42c0.37 0.37 0.37 0.95 0 1.32s-0.95 0.37-1.32 0l-3.74-3.74h-12.507l-3.74 3.74c-0.37 0.37-0.95 0.37-1.32 0s-0.369-0.95 0-1.32l2.42-2.42h-0.44c-0.161 0-0.319-0.017-0.474-0.049l-0.005-0.001-0-0c-0.137-0.030-0.272-0.072-0.404-0.128-0.131-0.055-0.254-0.122-0.37-0.199-0.125-0.083-0.242-0.179-0.35-0.287s-0.204-0.225-0.287-0.35c-0.077-0.116-0.143-0.24-0.199-0.37-0.056-0.132-0.098-0.267-0.128-0.404-0.034-0.156-0.050-0.315-0.050-0.479v-13.333c0-0.163 0.017-0.323 0.050-0.479v0l0-0c0.030-0.137 0.072-0.272 0.128-0.404 0.055-0.131 0.121-0.254 0.199-0.37 0.083-0.125 0.179-0.242 0.287-0.35s0.225-0.204 0.35-0.287c0.116-0.077 0.24-0.143 0.37-0.199 0.132-0.056 0.266-0.098 0.404-0.128h0c0.002-0 0.003-0.001 0.005-0.001v0c0.154-0.033 0.312-0.049 0.474-0.049h8.4v-1.733c0-0.523 0.411-0.933 0.933-0.933s0.933 0.411 0.933 0.933zM23.332 12.652l-4.615 4.741c-0.195 0.169-0.479 0.298-0.736 0.28s-0.47-0.125-0.639-0.32l-3.397-3.925-3.91 4.518c-0.342 0.395-0.921 0.437-1.316 0.095s-0.437-0.921-0.095-1.317l4.615-5.333c0.169-0.195 0.382-0.302 0.639-0.32s0.483 0.056 0.678 0.225l3.532 4.067 3.906-4.012c0.365-0.374 0.945-0.382 1.32-0.018s0.382 0.945 0.018 1.32z"
     }, null, -1)
   ])]);

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

@@ -0,0 +1,18 @@
+.hover-icon-rotate .o-icon[data-v-f561da4e] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-f561da4e] {
+    transform: rotate(-180deg);
+}
+}
+.o-article-anchor__body[data-v-f561da4e] .o-anchor {
+  --anchor-item-link-color: var(--o-color-info2);
+  --anchor-item-link-color-active: var(--o-color-primary1);
+  --anchor-item-link-color-hover: var(--o-color-primary2);
+  --anchor-item-link-color-press: var(--o-color-primary3);
+  --anchor-line-bg-color: var(--o-color-control4);
+}
+.o-article-anchor--hidden[data-v-f561da4e] {
+  display: none;
+}

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

@@ -0,0 +1,19 @@
+import { ArticleAnchorItemT, ArticleAnchorPropsT } from './types';
+declare const _default: import('vue').DefineComponent<ArticleAnchorPropsT, {
+    collect: () => void;
+    items: import('vue').ComputedRef<ArticleAnchorItemT[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ArticleAnchorPropsT> & Readonly<{}>, {
+    size: "pc" | "pad" | "mobile";
+    items: ArticleAnchorItemT[];
+    radius: string;
+    showTitle: boolean;
+    selector: string | HTMLElement;
+    autoExtract: boolean;
+    maxLevel: number;
+    writeId: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    pcSlotRef: HTMLDivElement;
+    padSlotRef: HTMLDivElement;
+    hiddenSlotRef: HTMLDivElement;
+}, any>;
+export default _default;

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

@@ -0,0 +1,7 @@
+import _sfc_main from "./OArticleAnchor.vue2.mjs";
+import './OArticleAnchor.css';
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _OArticleAnchor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f561da4e"]]);
+export {
+  _OArticleAnchor as default
+};

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

@@ -0,0 +1,237 @@
+import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, createBlock, withCtx, createElementVNode, createCommentVNode, withDirectives, createVNode, vShow, Teleport, unref } from "vue";
+import { OAnchor } from "@opensig/opendesign";
+import { useI18n } from "../../i18n/index.mjs";
+import ArticleAnchorItems from "./components/ArticleAnchorItems.vue.mjs";
+import ArticleAnchorPc from "./components/ArticleAnchorPc.vue.mjs";
+import ArticleAnchorPad from "./components/ArticleAnchorPad.vue.mjs";
+import ArticleAnchorMobile from "./components/ArticleAnchorMobile.vue.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "o-article-anchor-root"
+};
+const _hoisted_2 = { class: "o-article-anchor__body" };
+const _sfc_main = /* @__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 },
+    container: {},
+    targetOffset: {},
+    radius: { default: "var(--o-radius-xs)" }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { t } = useI18n();
+    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 = () => {
+      if (props.size === "pad") {
+        expanded.value = false;
+      }
+    };
+    const pcSlotRef = ref();
+    const padSlotRef = ref();
+    const hiddenSlotRef = 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);
+        const item = { id, title: (elH.textContent || "").trim(), 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 root = resolveSelector();
+      const target = root || document.body;
+      if (target === observedEl) {
+        return;
+      }
+      observer == null ? void 0 : 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 == null ? void 0 : observer.disconnect();
+      observer = void 0;
+      observedEl = null;
+    };
+    onMounted(() => {
+      collect();
+      ensureObserver();
+    });
+    onBeforeUnmount(() => {
+      teardownObserver();
+      document.body.style.overflow = "";
+    });
+    watch(
+      () => [props.selector, props.autoExtract, props.maxLevel],
+      () => {
+        teardownObserver();
+        collect();
+        ensureObserver();
+      }
+    );
+    __expose({ collect, items });
+    return (_ctx, _cache) => {
+      return items.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.size === "pc" ? (openBlock(), createBlock(ArticleAnchorPc, {
+          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, {
+          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),
+        withDirectives(createVNode(ArticleAnchorMobile, {
+          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"]), [
+          [vShow, __props.size === "mobile"]
+        ]),
+        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), {
+              layout: "v",
+              size: "small",
+              container: __props.container,
+              "target-offset": __props.targetOffset,
+              onClick: onAnchorClick
+            }, {
+              default: withCtx(() => [
+                createVNode(ArticleAnchorItems, { items: items.value }, null, 8, ["items"])
+              ]),
+              _: 1
+            }, 8, ["container", "target-offset"])
+          ])
+        ], 8, ["to", "disabled"]))
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorItems.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/ArticleAnchorItems.vue.d.ts

@@ -0,0 +1,6 @@
+import { ArticleAnchorItemT } from '../types.ts';
+type __VLS_Props = {
+    items: ArticleAnchorItemT[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,7 @@
+import _sfc_main from "./ArticleAnchorItems.vue2.mjs";
+import './ArticleAnchorItems.css';
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const ArticleAnchorItems = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c0fc5e57"]]);
+export {
+  ArticleAnchorItems as default
+};

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

@@ -0,0 +1,35 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, unref, withCtx, createCommentVNode } from "vue";
+import { OAnchorItem } from "@opensig/opendesign";
+import ArticleAnchorItems from "./ArticleAnchorItems.vue.mjs";
+const _sfc_main = /* @__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(() => {
+            var _a;
+            return [
+              ((_a = item.children) == null ? void 0 : _a.length) ? (openBlock(), createBlock(ArticleAnchorItems, {
+                key: 0,
+                items: item.children
+              }, null, 8, ["items"])) : createCommentVNode("", true)
+            ];
+          }),
+          _: 2
+        }, 1032, ["title", "href"]);
+      }), 128);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorMobile.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/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.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./ArticleAnchorMobile.vue2.mjs";
+import './ArticleAnchorMobile.css';
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const ArticleAnchorMobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-648619c2"]]);
+export {
+  ArticleAnchorMobile as default
+};