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

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

@@ -1,80 +0,0 @@
-.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.mjs

@@ -1,7 +0,0 @@
-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

@@ -1,78 +0,0 @@
-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

@@ -1,68 +0,0 @@
-.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.mjs

@@ -1,7 +0,0 @@
-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

@@ -1,38 +0,0 @@
-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

@@ -1,58 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,32 +0,0 @@
-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;
-}