@opendesign-plus/components 0.0.1-rc.94 → 0.0.1-rc.96

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, createBlock, withCtx, createElementVNode, createCommentVNode, withDirectives, createVNode, vShow, Teleport, unref } from "vue";
+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";
@@ -192,7 +192,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["show-title", "title", "radius", "expanded"])) : createCommentVNode("", true),
-        withDirectives(createVNode(ArticleAnchorMobile, {
+        __props.size === "mobile" ? (openBlock(), createBlock(ArticleAnchorMobile, {
+          key: 2,
           title: titleText.value,
           radius: __props.radius,
           expanded: expanded.value,
@@ -201,9 +202,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "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"]
-        ]),
+        }, null, 8, ["title", "radius", "expanded", "items", "container", "target-offset"])) : createCommentVNode("", true),
         createElementVNode("div", {
           ref_key: "hiddenSlotRef",
           ref: hiddenSlotRef,

package/dist/treeshaking/components/doc-layout/ODocLayout.css

@@ -0,0 +1,271 @@
+.hover-icon-rotate .o-icon[data-v-6510bed3] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-6510bed3] {
+    transform: rotate(-180deg);
+}
+}
+.o-doc-layout[data-v-6510bed3] {
+  --o-doc-layout-screen-width: 100vw;
+  --o-doc-layout-page-header-height: var(--layout-header-height);
+  --o-doc-layout-height: calc(100vh - var(--o-doc-layout-page-header-height));
+  --o-doc-layout-min-padding: 64px;
+  --o-doc-layout-padding: max(calc(var(--o-doc-layout-min-padding) + (var(--o-doc-layout-screen-width) - 1920px) / 2), var(--o-doc-layout-min-padding));
+  --o-doc-layout-gap: 40px;
+  --o-doc-layout-header-height: 0px;
+  --o-doc-layout-header-top: var(--o-doc-layout-page-header-height);
+  --o-doc-layout-sider-content-width-default: 256px;
+  --o-doc-layout-sider-content-width: var(--o-doc-layout-sider-content-width-default);
+  --o-doc-layout-sider-padding-left: var(--o-doc-layout-padding);
+  --o-doc-layout-sider-padding-right: 16px;
+  --o-doc-layout-sider-padding-top: 16px;
+  --o-doc-layout-sider-padding-bottom: 16px;
+  --o-doc-layout-sider-width: calc(var(--o-doc-layout-padding) + var(--o-doc-layout-sider-content-width) + var(--o-doc-layout-sider-padding-right));
+  --o-doc-layout-anchor-content-width: 272px;
+  --o-doc-layout-anchor-padding-top: 52px;
+  --o-doc-layout-anchor-top: calc(var(--o-doc-layout-page-header-height) + var(--o-doc-layout-anchor-padding-top));
+  --o-doc-layout-anchor-right: var(--o-doc-layout-padding);
+  --o-doc-layout-float-z-index: 36;
+  --o-doc-layout-float-bottom: 220px;
+  --o-doc-layout-float-content-width: 48px;
+  --o-doc-layout-float-right: calc(
+    var(--o-doc-layout-padding) +
+      max(var(--o-doc-layout-anchor-content-width), var(--o-doc-layout-float-content-width)) - var(--o-doc-layout-float-content-width)
+  );
+  --o-doc-layout-content-padding-top: var(--o-doc-layout-header-height);
+  --o-doc-layout-content-padding-left: calc(var(--o-doc-layout-sider-width) + var(--o-doc-layout-gap));
+  --o-doc-layout-content-padding-right: calc(
+    max(var(--o-doc-layout-anchor-content-width), var(--o-doc-layout-float-content-width)) + var(--o-doc-layout-gap) + var(--o-doc-layout-padding)
+  );
+  --o-doc-layout-opener-width: 9px;
+  --o-doc-layout-opener-height: 60px;
+  --o-doc-layout-opener-radius: 0 8px 8px 0;
+  --o-doc-layout-opener-left: var(--o-doc-layout-sider-width);
+}
+@media (max-width: 1680px) {
+.o-doc-layout[data-v-6510bed3] {
+    --o-doc-layout-min-padding: 40px;
+    --o-doc-layout-gap: 24px;
+    --o-doc-layout-sider-content-width-default: 196px;
+    --o-doc-layout-sider-padding-right: 12px;
+    --o-doc-layout-anchor-content-width: 208px;
+    --o-doc-layout-anchor-padding-top: 48px;
+}
+}
+@media (max-width: 1200px) {
+.o-doc-layout[data-v-6510bed3] {
+    --o-doc-layout-min-padding: 32px;
+    --o-doc-layout-gap: 16px;
+    --o-doc-layout-sider-content-width-default: 222px;
+    --o-doc-layout-anchor-content-width: 40px;
+    --o-doc-layout-anchor-padding-top: 42px;
+    --o-doc-layout-content-padding-left: var(--o-doc-layout-padding);
+    --o-doc-layout-float-right: 32px;
+}
+}
+@media (max-width: 840px) {
+.o-doc-layout[data-v-6510bed3] {
+    --o-doc-layout-gap: 16px;
+    --o-doc-layout-header-height: 48px;
+    --o-doc-layout-sider-content-width-default: 222px;
+    --o-doc-layout-anchor-content-width: 0px;
+    --o-doc-layout-content-padding-right: var(--o-doc-layout-padding);
+}
+}
+@media (max-width: 600px) {
+.o-doc-layout[data-v-6510bed3] {
+    --o-doc-layout-min-padding: 24px;
+    --o-doc-layout-sider-padding-top: 12px;
+    --o-doc-layout-sider-padding-right: 8px;
+    --o-doc-layout-float-right: 24px;
+}
+}
+.o-doc-layout[data-v-6510bed3]:not(.has-right) {
+  --o-doc-layout-anchor-content-width: 0px;
+}
+.o-doc-layout .o-doc-layout-container[data-v-6510bed3] {
+  height: var(--o-doc-layout-height);
+}
+.o-doc-layout .o-doc-layout-header[data-v-6510bed3] {
+  position: fixed;
+  top: var(--o-doc-layout-header-top);
+  left: 0;
+  right: 0;
+  height: var(--o-doc-layout-header-height);
+  z-index: 36;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 var(--o-doc-layout-padding);
+  background-color: var(--o-color-fill2);
+  box-shadow: var(--o-shadow-1);
+}
+.o-doc-layout .o-doc-layout-header-toggle[data-v-6510bed3] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  border: none;
+  background: none;
+  color: var(--o-color-info1);
+  cursor: pointer;
+}
+.o-doc-layout .o-doc-layout-header-toggle svg[data-v-6510bed3] {
+  width: 24px;
+  height: 24px;
+}
+.o-doc-layout .o-doc-layout-content[data-v-6510bed3] {
+  padding-top: var(--o-doc-layout-content-padding-top);
+  padding-left: var(--o-doc-layout-content-padding-left);
+  padding-right: var(--o-doc-layout-content-padding-right);
+  transition: padding-left 0.3s;
+}
+.o-doc-layout .o-doc-layout-left[data-v-6510bed3] {
+  box-sizing: content-box;
+  position: fixed;
+  top: var(--o-doc-layout-page-header-height);
+  left: 0;
+  bottom: 0;
+  width: var(--o-doc-layout-sider-content-width);
+  padding-left: var(--o-doc-layout-sider-padding-left);
+  padding-right: var(--o-doc-layout-sider-padding-right);
+  padding-top: var(--o-doc-layout-sider-padding-top);
+  padding-bottom: var(--o-doc-layout-sider-padding-bottom);
+  background-color: rgba(var(--o-brand-6), 0.03);
+  z-index: 35;
+  transition: transform 0.3s;
+}
+.o-doc-layout .o-doc-layout-right[data-v-6510bed3] {
+  position: fixed;
+  top: var(--o-doc-layout-anchor-top);
+  right: var(--o-doc-layout-anchor-right);
+  width: var(--o-doc-layout-anchor-content-width);
+}
+.o-doc-layout .o-doc-layout-float[data-v-6510bed3] {
+  position: fixed;
+  right: var(--o-doc-layout-float-right);
+  bottom: var(--o-doc-layout-float-bottom);
+  z-index: var(--o-doc-layout-float-z-index);
+}
+.o-doc-layout .o-doc-layout-mask[data-v-6510bed3] {
+  position: fixed;
+  inset: 0;
+  z-index: 34;
+  background-color: var(--o-color-mask1);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.3s;
+}
+.o-doc-layout .o-doc-layout-opener[data-v-6510bed3] {
+  position: fixed;
+  top: 50%;
+  left: var(--o-doc-layout-opener-left);
+  transform: translateY(-50%);
+  z-index: 36;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: var(--o-doc-layout-opener-width);
+  height: var(--o-doc-layout-opener-height);
+  background-color: rgba(var(--o-brand-6), 0.03);
+  border-top: 1px solid var(--o-color-control4);
+  border-right: 1px solid var(--o-color-control4);
+  border-bottom: 1px solid var(--o-color-control4);
+  border-left: none;
+  border-radius: var(--o-doc-layout-opener-radius);
+  cursor: pointer;
+  transition: transform 0.3s, box-shadow 0.3s;
+}
+.o-doc-layout .o-doc-layout-opener[data-v-6510bed3]::before, .o-doc-layout .o-doc-layout-opener[data-v-6510bed3]::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  width: 1px;
+  background-color: var(--o-color-control4);
+  pointer-events: none;
+  transition: opacity 0.3s;
+}
+.o-doc-layout .o-doc-layout-opener[data-v-6510bed3]::before {
+  bottom: 100%;
+  height: 100vh;
+}
+.o-doc-layout .o-doc-layout-opener[data-v-6510bed3]::after {
+  top: 100%;
+  height: 100vh;
+}
+.o-doc-layout .o-doc-layout-opener .o-doc-layout-opener-thumb[data-v-6510bed3] {
+  width: 2px;
+  height: 24px;
+  border-radius: 2px;
+  background-color: var(--o-color-info4);
+  transition: background-color 0.3s;
+}
+.o-doc-layout .o-doc-layout-opener:hover .o-doc-layout-opener-thumb[data-v-6510bed3] {
+  background-color: var(--o-color-primary1);
+}
+.o-doc-layout .o-doc-layout-resizer[data-v-6510bed3] {
+  position: fixed;
+  top: var(--o-doc-layout-page-header-height);
+  bottom: 0;
+  left: calc(var(--o-doc-layout-opener-left) - 4px);
+  width: 8px;
+  z-index: 35;
+  cursor: ew-resize;
+  touch-action: none;
+  user-select: none;
+  -webkit-user-select: none;
+  transition: transform 0.3s;
+}
+.o-doc-layout.is-collapsed .o-doc-layout-left[data-v-6510bed3] {
+  transform: translateX(-100%);
+}
+.o-doc-layout.is-collapsed .o-doc-layout-content[data-v-6510bed3] {
+  padding-left: var(--o-doc-layout-padding);
+}
+.o-doc-layout.is-collapsed .o-doc-layout-mask[data-v-6510bed3] {
+  opacity: 0;
+  pointer-events: none;
+}
+.o-doc-layout.is-collapsed .o-doc-layout-opener[data-v-6510bed3] {
+  transform: translateY(-50%) translateX(calc(-1 * var(--o-doc-layout-opener-left)));
+  box-shadow: var(--o-shadow-2);
+}
+.o-doc-layout.is-collapsed .o-doc-layout-opener[data-v-6510bed3]::before, .o-doc-layout.is-collapsed .o-doc-layout-opener[data-v-6510bed3]::after {
+  opacity: 0;
+}
+.o-doc-layout.is-collapsed .o-doc-layout-resizer[data-v-6510bed3] {
+  transform: translateX(calc(4px - var(--o-doc-layout-opener-left)));
+}
+.o-doc-layout.is-resizing .o-doc-layout-left[data-v-6510bed3],
+.o-doc-layout.is-resizing .o-doc-layout-content[data-v-6510bed3],
+.o-doc-layout.is-resizing .o-doc-layout-opener[data-v-6510bed3],
+.o-doc-layout.is-resizing .o-doc-layout-resizer[data-v-6510bed3] {
+  transition: none;
+}
+@media (max-width: 1200px) {
+.o-doc-layout .o-doc-layout-left[data-v-6510bed3] {
+    background-color: var(--o-color-fill2);
+    background-image: linear-gradient(rgba(var(--o-brand-6), 0.03), rgba(var(--o-brand-6), 0.03));
+}
+.o-doc-layout .o-doc-layout-mask[data-v-6510bed3] {
+    opacity: 1;
+    pointer-events: auto;
+}
+.o-doc-layout .o-doc-layout-opener[data-v-6510bed3] {
+    background-color: var(--o-color-fill2);
+    background-image: linear-gradient(rgba(var(--o-brand-6), 0.03), rgba(var(--o-brand-6), 0.03));
+}
+}
+@media (max-width: 840px) {
+.o-doc-layout .o-doc-layout-left[data-v-6510bed3] {
+    top: calc(var(--o-doc-layout-page-header-height) + var(--o-doc-layout-header-height));
+}
+.o-doc-layout .o-doc-layout-opener[data-v-6510bed3],
+  .o-doc-layout .o-doc-layout-resizer[data-v-6510bed3] {
+    display: none;
+}
+}

package/dist/treeshaking/components/doc-layout/ODocLayout.vue.d.ts

@@ -0,0 +1,38 @@
+type __VLS_Props = {
+    collapsed?: boolean;
+    hasRight?: boolean;
+    hasFloat?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'header-title'?(_: {}): any;
+        'header-right'?(_: {}): any;
+        left?(_: {}): any;
+        content?(_: {}): any;
+        right?(_: {}): any;
+        float?(_: {}): any;
+    };
+    refs: {
+        containerRef: 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, {
+    "update:collapsed": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {
+    hasRight: boolean;
+    hasFloat: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: 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/doc-layout/ODocLayout.vue.mjs

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

package/dist/treeshaking/components/doc-layout/ODocLayout.vue2.mjs

@@ -0,0 +1,165 @@
+import { defineComponent, computed, ref, onMounted, onUnmounted, openBlock, createBlock, unref, normalizeClass, withCtx, createElementVNode, createElementBlock, createVNode, renderSlot, createCommentVNode } from "vue";
+import { OScroller, OIcon } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import IconMenuFold from "../../_virtual/icon-menu-fold.mjs";
+import IconMenuUnfold from "../../_virtual/icon-menu-unfold.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "o-doc-layout-header"
+};
+const _hoisted_2 = { class: "o-doc-layout-header-title" };
+const _hoisted_3 = { class: "o-doc-layout-header-right" };
+const _hoisted_4 = { class: "o-doc-layout-left" };
+const _hoisted_5 = { class: "o-doc-layout-content" };
+const _hoisted_6 = {
+  key: 1,
+  class: "o-doc-layout-right"
+};
+const _hoisted_7 = {
+  key: 2,
+  class: "o-doc-layout-float"
+};
+const DRAG_THRESHOLD = 4;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ODocLayout",
+  props: {
+    collapsed: { type: Boolean },
+    hasRight: { type: Boolean, default: true },
+    hasFloat: { type: Boolean, default: true }
+  },
+  emits: ["update:collapsed"],
+  setup(__props, { emit: __emit }) {
+    const { lePad, lePadV } = useScreen();
+    const props = __props;
+    const emit = __emit;
+    const collapsed = computed({
+      get: () => props.collapsed ?? lePad.value,
+      set: (value) => emit("update:collapsed", value)
+    });
+    const containerRef = ref();
+    const isResizing = ref(false);
+    let resizeTimer;
+    const getRoot = () => {
+      var _a;
+      return (_a = containerRef.value) == null ? void 0 : _a.closest(".o-doc-layout");
+    };
+    const onWindowResize = () => {
+      const root = getRoot();
+      if (!root) return;
+      root.classList.add("is-resizing");
+      window.clearTimeout(resizeTimer);
+      resizeTimer = window.setTimeout(() => root.classList.remove("is-resizing"), 300);
+    };
+    onMounted(() => {
+      window.addEventListener("resize", onWindowResize);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("resize", onWindowResize);
+      window.clearTimeout(resizeTimer);
+    });
+    const onResizePointerDown = (event) => {
+      if (event.button !== 0) return;
+      const resizer = event.currentTarget;
+      const root = resizer.closest(".o-doc-layout");
+      const left = root == null ? void 0 : root.querySelector(".o-doc-layout-left");
+      if (!root || !left) return;
+      const style = getComputedStyle(root);
+      const paddingRight = Number.parseFloat(style.getPropertyValue("--o-doc-layout-sider-padding-right")) || 0;
+      const initContent = Number.parseFloat(style.getPropertyValue("--o-doc-layout-sider-content-width")) || 0;
+      const defaultContent = Number.parseFloat(style.getPropertyValue("--o-doc-layout-sider-content-width-default")) || initContent;
+      const initLeftWidth = left.getBoundingClientRect().width;
+      const padding = initLeftWidth - initContent - paddingRight;
+      const startX = event.clientX;
+      const minContent = Math.min(defaultContent, initContent);
+      const maxContent = Math.max(initContent, window.innerWidth * 0.5 - padding - paddingRight);
+      let dragged = false;
+      const onMove = (moveEvent) => {
+        const delta = moveEvent.clientX - startX;
+        if (!dragged && Math.abs(delta) < DRAG_THRESHOLD) return;
+        if (!dragged) {
+          dragged = true;
+          isResizing.value = true;
+          root.classList.add("is-resizing");
+        }
+        const nextContent = Math.min(Math.max(initContent + delta, minContent), maxContent);
+        root.style.setProperty("--o-doc-layout-sider-content-width", `${nextContent}px`);
+      };
+      const onUp = () => {
+        window.removeEventListener("pointermove", onMove);
+        window.removeEventListener("pointerup", onUp);
+        if (dragged) {
+          isResizing.value = false;
+          root.classList.remove("is-resizing");
+        }
+      };
+      window.addEventListener("pointermove", onMove);
+      window.addEventListener("pointerup", onUp);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(OScroller), {
+        class: normalizeClass(["o-doc-layout", {
+          "is-collapsed": collapsed.value,
+          "is-resizing": isResizing.value,
+          "has-right": __props.hasRight
+        }])
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            ref_key: "containerRef",
+            ref: containerRef,
+            class: "o-doc-layout-container"
+          }, [
+            unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              createVNode(unref(OIcon), {
+                class: "o-doc-layout-header-toggle",
+                onClick: _cache[0] || (_cache[0] = ($event) => collapsed.value = !collapsed.value)
+              }, {
+                default: withCtx(() => [
+                  collapsed.value ? (openBlock(), createBlock(unref(IconMenuUnfold), { key: 0 })) : (openBlock(), createBlock(unref(IconMenuFold), { key: 1 }))
+                ]),
+                _: 1
+              }),
+              createElementVNode("div", _hoisted_2, [
+                renderSlot(_ctx.$slots, "header-title", {}, void 0, true)
+              ]),
+              createElementVNode("div", _hoisted_3, [
+                renderSlot(_ctx.$slots, "header-right", {}, void 0, true)
+              ])
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_4, [
+              renderSlot(_ctx.$slots, "left", {}, void 0, true)
+            ]),
+            createElementVNode("div", _hoisted_5, [
+              renderSlot(_ctx.$slots, "content", {}, void 0, true)
+            ]),
+            __props.hasRight ? (openBlock(), createElementBlock("div", _hoisted_6, [
+              renderSlot(_ctx.$slots, "right", {}, void 0, true)
+            ])) : createCommentVNode("", true),
+            __props.hasFloat ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              renderSlot(_ctx.$slots, "float", {}, void 0, true)
+            ])) : createCommentVNode("", true),
+            unref(lePad) ? (openBlock(), createElementBlock("div", {
+              key: 3,
+              class: "o-doc-layout-mask",
+              onClick: _cache[1] || (_cache[1] = ($event) => collapsed.value = true)
+            })) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: "o-doc-layout-opener",
+              onClick: _cache[2] || (_cache[2] = ($event) => collapsed.value = !collapsed.value)
+            }, [..._cache[3] || (_cache[3] = [
+              createElementVNode("div", { class: "o-doc-layout-opener-thumb" }, null, -1)
+            ])]),
+            createElementVNode("div", {
+              class: "o-doc-layout-resizer",
+              onPointerdown: onResizePointerDown
+            }, null, 32)
+          ], 512)
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/doc-layout/index.d.ts

@@ -0,0 +1,59 @@
+import { App } from 'vue';
+declare const ODocLayout: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        collapsed?: boolean;
+        hasRight?: boolean;
+        hasFloat?: boolean;
+    }> & Readonly<{
+        "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:collapsed": (value: boolean) => any;
+    }, import('vue').PublicProps, {
+        hasRight: boolean;
+        hasFloat: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        containerRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        collapsed?: boolean;
+        hasRight?: boolean;
+        hasFloat?: boolean;
+    }> & Readonly<{
+        "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        hasRight: boolean;
+        hasFloat: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    collapsed?: boolean;
+    hasRight?: boolean;
+    hasFloat?: boolean;
+}> & Readonly<{
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:collapsed": (value: boolean) => any;
+}, string, {
+    hasRight: boolean;
+    hasFloat: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        'header-title'?(_: {}): any;
+        'header-right'?(_: {}): any;
+        left?(_: {}): any;
+        content?(_: {}): any;
+        right?(_: {}): any;
+        float?(_: {}): any;
+    };
+}) & {
+    install(app: App): void;
+};
+export { ODocLayout };

package/dist/treeshaking/components/doc-layout/index.mjs

@@ -0,0 +1,9 @@
+import _ODocLayout from "./ODocLayout.vue.mjs";
+const ODocLayout = Object.assign(_ODocLayout, {
+  install(app) {
+    app.component("ODocLayout", _ODocLayout);
+  }
+});
+export {
+  ODocLayout
+};

package/dist/treeshaking/components/markdown/OMarkdown.vue.d.ts

@@ -1,21 +1,20 @@
 type __VLS_Props = {
-    disableH1?: boolean;
     disableH2?: boolean;
     disableTable?: boolean;
     disableImg?: boolean;
     disableCode?: boolean;
     disableChangeCodeTheme?: boolean;
-    sourceUrl?: string;
-    updateTime?: string;
-    titleBg?: string;
-    enableDownload?: boolean;
-    enableStar?: boolean;
     markdownBodyClass?: string;
+    hideFirstH1?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        header?(_: {
+            h1: HTMLElement | undefined;
+        }): any;
         default?(_: {}): any;
+        footer?(_: {}): any;
     };
     refs: {
         markdownBodyRef: HTMLDivElement;
@@ -23,22 +22,14 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    download: () => any;
-    collect: () => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onDownload?: (() => any) | undefined;
-    onCollect?: (() => any) | undefined;
-}>, {
-    enableDownload: boolean;
-    enableStar: boolean;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disableChangeCodeTheme: boolean;
-    disableH1: boolean;
     disableH2: boolean;
     disableTable: boolean;
     disableImg: boolean;
     disableCode: boolean;
     markdownBodyClass: string;
+    hideFirstH1: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     markdownBodyRef: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/treeshaking/components/markdown/OMarkdown.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./OMarkdown.vue2.mjs";
 import './OMarkdown.css';
 import './OMarkdown2.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OMarkdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-31e0d0d3"]]);
+const _OMarkdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b845f428"]]);
 export {
   _OMarkdown as default
 };