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

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/events/index.d.ts

@@ -1,7 +1,7 @@
 import { App } from 'vue';
 declare const OEventsCalendar: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        data: import('./types').CalendarItemT[];
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        data: import('../../index').CalendarItemT[];
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -9,24 +9,24 @@ declare const OEventsCalendar: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, {
-        data: import('./types').CalendarItemT[];
+    }, Readonly<import('../../index').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, {
+        data: import('../../index').CalendarItemT[];
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    data: import('./types').CalendarItemT[];
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    data: import('../../index').CalendarItemT[];
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;
 };
 declare const OEventsList: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').EventsListPropsT> & Readonly<{
-        onSearch?: ((params: import('./types').SearchParamsT) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').EventsListPropsT> & Readonly<{
+        onSearch?: ((params: import('../../index').SearchParamsT) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        search: (params: import('./types').SearchParamsT) => any;
+        search: (params: import('../../index').SearchParamsT) => any;
     }, import('vue').PublicProps, {
-        data: import('./types').EventsCardItemT[];
+        data: import('../../index').EventsCardItemT[];
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -34,20 +34,20 @@ declare const OEventsList: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').EventsListPropsT> & Readonly<{
-        onSearch?: ((params: import('./types').SearchParamsT) => any) | undefined;
+    }, Readonly<import('../../index').EventsListPropsT> & Readonly<{
+        onSearch?: ((params: import('../../index').SearchParamsT) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        data: import('./types').EventsCardItemT[];
+        data: import('../../index').EventsCardItemT[];
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').EventsListPropsT> & Readonly<{
-    onSearch?: ((params: import('./types').SearchParamsT) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').EventsListPropsT> & Readonly<{
+    onSearch?: ((params: import('../../index').SearchParamsT) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    search: (params: import('./types').SearchParamsT) => any;
+    search: (params: import('../../index').SearchParamsT) => any;
 }, string, {
-    data: import('./types').EventsCardItemT[];
+    data: import('../../index').EventsCardItemT[];
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Readonly<{
         empty?: () => any;
@@ -60,18 +60,18 @@ declare const OEventsList: {
     install(app: App): void;
 };
 declare const OEventsApply: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('../../index').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Partial<Record<`step${number}`, (_: {}) => any>>;
 }) & {
     install(app: App): void;

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

@@ -1,6 +1,6 @@
 import { App } from 'vue';
 declare const OFooter: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').FooterT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').FooterT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         simple: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -9,13 +9,13 @@ declare const OFooter: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').FooterT> & Readonly<{}>, {}, {}, {}, {}, {
+    }, Readonly<import('../../index').FooterT> & Readonly<{}>, {}, {}, {}, {}, {
         simple: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').FooterT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').FooterT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     simple: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {