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

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

@@ -5,8 +5,8 @@ declare const OArticle: {
         headerBg?: string;
         tags?: string[];
         community?: string;
-        prev?: import('../../index').OArticlePaginationItemT | null;
-        next?: import('../../index').OArticlePaginationItemT | null;
+        prev?: import('../article-pagination').OArticlePaginationItemT | null;
+        next?: import('../article-pagination').OArticlePaginationItemT | null;
         type?: "article" | "doc";
         disableH2?: boolean;
         disableTable?: boolean;
@@ -21,11 +21,11 @@ declare const OArticle: {
         nextLabel?: string;
         radius?: string;
     }> & Readonly<{
-        onNavigate?: ((type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any) | undefined;
+        onNavigate?: ((type: "prev" | "next", item: import('../article-pagination').OArticlePaginationItemT) => any) | undefined;
         onDownload?: (() => any) | undefined;
         onCollect?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        navigate: (type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any;
+        navigate: (type: "prev" | "next", item: import('../article-pagination').OArticlePaginationItemT) => any;
         download: () => any;
         collect: () => any;
     }, import('vue').PublicProps, {
@@ -34,8 +34,8 @@ declare const OArticle: {
         disableTable: boolean;
         disableImg: boolean;
         disableCode: boolean;
-        prev: import('../../index').OArticlePaginationItemT | null;
-        next: import('../../index').OArticlePaginationItemT | null;
+        prev: import('../article-pagination').OArticlePaginationItemT | null;
+        next: import('../article-pagination').OArticlePaginationItemT | null;
         radius: string;
         tags: string[];
         enableDownload: boolean;
@@ -146,8 +146,8 @@ declare const OArticle: {
         headerBg?: string;
         tags?: string[];
         community?: string;
-        prev?: import('../../index').OArticlePaginationItemT | null;
-        next?: import('../../index').OArticlePaginationItemT | null;
+        prev?: import('../article-pagination').OArticlePaginationItemT | null;
+        next?: import('../article-pagination').OArticlePaginationItemT | null;
         type?: "article" | "doc";
         disableH2?: boolean;
         disableTable?: boolean;
@@ -162,7 +162,7 @@ declare const OArticle: {
         nextLabel?: string;
         radius?: string;
     }> & Readonly<{
-        onNavigate?: ((type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any) | undefined;
+        onNavigate?: ((type: "prev" | "next", item: import('../article-pagination').OArticlePaginationItemT) => any) | undefined;
         onDownload?: (() => any) | undefined;
         onCollect?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
@@ -171,8 +171,8 @@ declare const OArticle: {
         disableTable: boolean;
         disableImg: boolean;
         disableCode: boolean;
-        prev: import('../../index').OArticlePaginationItemT | null;
-        next: import('../../index').OArticlePaginationItemT | null;
+        prev: import('../article-pagination').OArticlePaginationItemT | null;
+        next: import('../article-pagination').OArticlePaginationItemT | null;
         radius: string;
         tags: string[];
         enableDownload: boolean;
@@ -187,8 +187,8 @@ declare const OArticle: {
     headerBg?: string;
     tags?: string[];
     community?: string;
-    prev?: import('../../index').OArticlePaginationItemT | null;
-    next?: import('../../index').OArticlePaginationItemT | null;
+    prev?: import('../article-pagination').OArticlePaginationItemT | null;
+    next?: import('../article-pagination').OArticlePaginationItemT | null;
     type?: "article" | "doc";
     disableH2?: boolean;
     disableTable?: boolean;
@@ -203,11 +203,11 @@ declare const OArticle: {
     nextLabel?: string;
     radius?: string;
 }> & Readonly<{
-    onNavigate?: ((type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any) | undefined;
+    onNavigate?: ((type: "prev" | "next", item: import('../article-pagination').OArticlePaginationItemT) => any) | undefined;
     onDownload?: (() => any) | undefined;
     onCollect?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    navigate: (type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any;
+    navigate: (type: "prev" | "next", item: import('../article-pagination').OArticlePaginationItemT) => any;
     download: () => any;
     collect: () => any;
 }, string, {
@@ -216,8 +216,8 @@ declare const OArticle: {
     disableTable: boolean;
     disableImg: boolean;
     disableCode: boolean;
-    prev: import('../../index').OArticlePaginationItemT | null;
-    next: import('../../index').OArticlePaginationItemT | null;
+    prev: import('../article-pagination').OArticlePaginationItemT | null;
+    next: import('../article-pagination').OArticlePaginationItemT | null;
     radius: string;
     tags: string[];
     enableDownload: boolean;
@@ -231,7 +231,7 @@ declare const OArticle: {
     install(app: App): void;
 };
 declare const OArticleList: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').ArticleListPropsT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').ArticleListPropsT> & Readonly<{
         "onPage-change"?: ((value: {
             page: number;
             pageSize: number;
@@ -242,7 +242,7 @@ declare const OArticleList: {
             pageSize: number;
         }) => any;
     }, import('vue').PublicProps, {
-        data: import('../../index').ArticleItemT[];
+        data: import('./types').ArticleItemT[];
         pageSizes: number[];
         pageSize: number;
         defaultCovers: string[];
@@ -254,13 +254,13 @@ declare const OArticleList: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').ArticleListPropsT> & Readonly<{
+    }, Readonly<import('./types').ArticleListPropsT> & Readonly<{
         "onPage-change"?: ((value: {
             page: number;
             pageSize: number;
         }) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        data: import('../../index').ArticleItemT[];
+        data: import('./types').ArticleItemT[];
         pageSizes: number[];
         pageSize: number;
         defaultCovers: string[];
@@ -269,7 +269,7 @@ declare const OArticleList: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').ArticleListPropsT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').ArticleListPropsT> & Readonly<{
     "onPage-change"?: ((value: {
         page: number;
         pageSize: number;
@@ -280,7 +280,7 @@ declare const OArticleList: {
         pageSize: number;
     }) => any;
 }, string, {
-    data: import('../../index').ArticleItemT[];
+    data: import('./types').ArticleItemT[];
     pageSizes: number[];
     pageSize: number;
     defaultCovers: string[];
@@ -289,7 +289,7 @@ declare const OArticleList: {
     $slots: Readonly<{
         filter?: () => any;
         card?: (props: {
-            item: import('../../index').ArticleItemT;
+            item: import('./types').ArticleItemT;
             index: number;
             cover?: string;
         }) => any;
@@ -297,7 +297,7 @@ declare const OArticleList: {
     }> & {
         filter?: () => any;
         card?: (props: {
-            item: import('../../index').ArticleItemT;
+            item: import('./types').ArticleItemT;
             index: number;
             cover?: string;
         }) => any;

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

@@ -1,10 +1,17 @@
-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 };
+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
+};

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-dcc5e0d5"]]);
+export {
+  _OArticleAnchor as default
+};

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

@@ -0,0 +1,303 @@
+import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, createBlock, withCtx, createElementVNode, createCommentVNode, Teleport, createVNode, 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 },
+    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);
+    };
+    const hrefAliasMap = computed(() => {
+      const map = /* @__PURE__ */ new Map();
+      const walk = (list) => {
+        list.forEach((item) => {
+          var _a;
+          if (item.observeHref && item.observeHref !== item.href) {
+            map.set(item.href, item.observeHref);
+          }
+          if ((_a = item.children) == null ? void 0 : _a.length) {
+            walk(item.children);
+          }
+        });
+      };
+      walk(items.value);
+      return map;
+    });
+    const jumpFromHash = (hash) => {
+      var _a, _b;
+      const link = (_b = (_a = anchorRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.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 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();
+      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, {
+          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),
+        __props.size === "mobile" ? (openBlock(), createBlock(ArticleAnchorMobile, {
+          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, { items: items.value }, null, 8, ["items"])
+              ]),
+              _: 1
+            }, 8, ["container", "target-offset", "bounds", "change-hash"])
+          ])
+        ], 8, ["to", "disabled"]))
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as 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-126e1824"]]);
+export {
+  ArticleAnchorItems as default
+};

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

@@ -0,0 +1,36 @@
+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.href,
+          title: item.title,
+          href: item.href,
+          "observe-href": item.observeHref,
+          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", "observe-href"]);
+      }), 128);
+    };
+  }
+});
+export {
+  _sfc_main as 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-ccc0d33c"]]);
+export {
+  ArticleAnchorMobile as default
+};