@opendesign-plus/components 0.0.1-rc.88 → 0.0.1-rc.89

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

@@ -0,0 +1,180 @@
+import { defineComponent, useCssVars, computed, ref, watch, nextTick, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, normalizeStyle, Fragment, renderList, createTextVNode, toDisplayString, createBlock, createCommentVNode } from "vue";
+import { OIcon, ODialog, OMenu, OMenuItem } from "@opensig/opendesign";
+import { useEventListener } from "@vueuse/core";
+import IconAnchor from "../../../_virtual/icon-anchor.mjs";
+const _hoisted_1 = { class: "o-article-anchor--mobile" };
+const _hoisted_2 = ["aria-label", "aria-expanded"];
+const _hoisted_3 = { class: "o-article-anchor--mobile__sheet-title" };
+const _sfc_main = /* @__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(() => {
+      var _a;
+      const list = [];
+      (_a = props.items) == null ? void 0 : _a.forEach((item) => {
+        var _a2;
+        list.push(item);
+        if ((_a2 = item.children) == null ? void 0 : _a2.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) => {
+      var _a;
+      (_a = document.getElementById(id)) == null ? void 0 : _a.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(IconAnchor))
+            ]),
+            _: 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) => {
+                  var _a;
+                  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"]),
+                    ((_a = item.children) == null ? void 0 : _a.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 {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,78 @@
+import { defineComponent, useCssVars, computed, ref, openBlock, createElementBlock, createElementVNode, normalizeClass, createVNode, unref, withCtx, toDisplayString, withDirectives, createCommentVNode, renderSlot, vShow } from "vue";
+import { OIcon } from "@opensig/opendesign";
+import { useEventListener } from "@vueuse/core";
+import { useI18n } from "../../../i18n/index.mjs";
+import IconAnchor from "../../../_virtual/icon-anchor.mjs";
+import IconAnchorExpand from "../../../_virtual/icon-anchor-expand.mjs";
+const _hoisted_1 = { class: "o-article-anchor--pad__toggle-label" };
+const _hoisted_2 = { class: "o-article-anchor--pad__pop" };
+const _hoisted_3 = {
+  key: 0,
+  class: "o-article-anchor--pad__pop-title"
+};
+const _hoisted_4 = { class: "o-article-anchor--pad__pop-title-text" };
+const _sfc_main = /* @__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) => {
+      var _a;
+      if (!((_a = rootRef.value) == null ? void 0 : _a.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(IconAnchor))
+            ]),
+            _: 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(IconAnchorExpand))
+              ]),
+              _: 1
+            })
+          ])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 512), [
+          [vShow, __props.expanded]
+        ])
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,38 @@
+import { defineComponent, useCssVars, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
+import { OIcon } from "@opensig/opendesign";
+import IconAnchor from "../../../_virtual/icon-anchor.mjs";
+const _hoisted_1 = { class: "o-article-anchor" };
+const _hoisted_2 = {
+  key: 0,
+  class: "o-article-anchor__title"
+};
+const _sfc_main = /* @__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(IconAnchor))
+            ]),
+            _: 1
+          }),
+          createElementVNode("span", null, toDisplayString(__props.title), 1)
+        ])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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('./types').ArticleAnchorPropsT> & Readonly<{}>, {
+        collect: () => void;
+        items: import('vue').ComputedRef<import('./types').ArticleAnchorItemT[]>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        size: "pc" | "pad" | "mobile";
+        items: import('./types').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('./types').ArticleAnchorPropsT> & Readonly<{}>, {
+        collect: () => void;
+        items: import('vue').ComputedRef<import('./types').ArticleAnchorItemT[]>;
+    }, {}, {}, {}, {
+        size: "pc" | "pad" | "mobile";
+        items: import('./types').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('./types').ArticleAnchorPropsT> & Readonly<{}>, {
+    collect: () => void;
+    items: import('vue').ComputedRef<import('./types').ArticleAnchorItemT[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    size: "pc" | "pad" | "mobile";
+    items: import('./types').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,9 @@
+import _OArticleAnchor from "./OArticleAnchor.vue.mjs";
+const OArticleAnchor = Object.assign(_OArticleAnchor, {
+  install(app) {
+    app.component("OArticleAnchor", _OArticleAnchor);
+  }
+});
+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;
+}