@opendesign-plus/components 0.0.1-rc.104 → 0.0.1-rc.105

package/dist/treeshaking/components/cookie-notice/{OCookieNotice.vue_vue_type_style_index_1_scoped_f4e92a4b_lang.css → OCookieNotice.vue_vue_type_style_index_0_scoped_a7993ee9_lang.css}

@@ -1,12 +1,47 @@
-.hover-icon-rotate .o-icon[data-v-f4e92a4b] {
+.hover-icon-rotate .o-icon[data-v-a7993ee9] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-f4e92a4b] {
+.hover-icon-rotate:hover .o-icon[data-v-a7993ee9] {
     transform: rotate(-180deg);
 }
 }
-.o-btn[data-v-f4e92a4b] {
+.o-cookie-notice-dlg-main {
+  --dlg-edge-gap: 32px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-cookie-notice-dlg-main {
+    --dlg-edge-gap: 24px;
+}
+}
+@media (max-width: 600px) {
+.o-cookie-notice-dlg-main {
+    --dlg-edge-gap: 16px 24px;
+}
+}
+.o-cookie-notice-dlg-main {
+  --dlg-width: var(--o-r-grid-14, var(--grid-14));
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-cookie-notice-dlg-main {
+    --dlg-edge-gap: 16px;
+    --dlg-width: var(--o-r-grid-8, var(--grid-8));
+}
+}
+@media (max-width: 840px) {
+.o-cookie-notice-dlg-main {
+    --dlg-width: 100vw;
+}
+}
+.o-cookie-notice-dlg-main .o-dlg-actions .o-btn+.o-btn {
+  margin-left: 16px;
+}
+@media (max-width: 840px) {
+.o-cookie-notice-dlg-main .o-dlg-actions .o-btn+.o-btn {
+    margin-left: 12px;
+}
+}
+.o-btn[data-v-a7993ee9] {
   --btn-bd-color-hover: var(--o-color-primary2);
   --btn-bd-color-active: var(--o-color-primary3);
   --btn-color-hover: var(--o-color-primary2);
@@ -14,92 +49,69 @@
   --btn-bg-color-hover: transparent;
   --btn-bg-color-active: transparent;
 }
-.cookie-notice[data-v-f4e92a4b] {
+.cookie-notice[data-v-a7993ee9] {
   position: fixed;
   bottom: 0;
   z-index: 999;
   width: 100%;
 }
-.cookie-notice .o-button[data-v-f4e92a4b] {
-  --o-button-font-size-mini: 14px;
-}
-.cookie-notice .o-button + .o-button[data-v-f4e92a4b] {
-  margin-left: 16px;
-}
-@media (max-width: 840px) {
-.cookie-notice .o-button + .o-button[data-v-f4e92a4b] {
-    margin-left: 0;
-    margin-top: 12px;
-}
-}
-.cookie-notice-content[data-v-f4e92a4b] {
+.cookie-notice-content[data-v-a7993ee9] {
   background-color: rgba(var(--o-grey-1), 0.9);
   backdrop-filter: blur(5px);
   box-shadow: var(--o-shadow-1);
 }
-.cookie-notice-wrap[data-v-f4e92a4b] {
+.cookie-notice-wrap[data-v-a7993ee9] {
   position: relative;
   margin: 0 auto;
   padding: 16px var(--layout-content-padding);
   max-width: var(--layout-content-max-width);
 }
-@media (1680px >= width >= 1201px) {
-.cookie-notice-wrap[data-v-f4e92a4b] {
+@media (min-width: 1201px) and (max-width: 1680px) {
+.cookie-notice-wrap[data-v-a7993ee9] {
     padding: 12px var(--layout-content-padding);
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.cookie-notice-wrap[data-v-f4e92a4b] {
+.cookie-notice-wrap[data-v-a7993ee9] {
     padding: 8px var(--layout-content-padding);
 }
 }
 @media (max-width: 840px) {
-.cookie-notice-wrap[data-v-f4e92a4b] {
+.cookie-notice-wrap[data-v-a7993ee9] {
     padding: 16px var(--layout-content-padding);
 }
 }
 @media (max-width: 600px) {
-.cookie-notice-wrap[data-v-f4e92a4b] {
+.cookie-notice-wrap[data-v-a7993ee9] {
     padding: 16px var(--layout-content-padding);
 }
 }
-@media (max-width: 840px) {
-.cookie-notice-wrap[data-v-f4e92a4b]:not([type=zh]) {
-    flex-direction: column;
-}
-}
-.cookie-notice-wrap-grid[data-v-f4e92a4b] {
-  width: var(--grid-content-width);
-  padding: 16px 0;
+.cookie-notice-wrap-grid[data-v-a7993ee9] {
+  width: var(--o-r-grid-section-width, var(--grid-content-width));
   margin: 0 auto;
+  padding: 16px 0;
 }
-@media (1680px >= width >= 1201px) {
-.cookie-notice-wrap-grid[data-v-f4e92a4b] {
+@media (min-width: 1201px) and (max-width: 1680px) {
+.cookie-notice-wrap-grid[data-v-a7993ee9] {
     padding: 12px 0;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.cookie-notice-wrap-grid[data-v-f4e92a4b] {
+.cookie-notice-wrap-grid[data-v-a7993ee9] {
     padding: 8px 0;
 }
 }
 @media (max-width: 840px) {
-.cookie-notice-wrap-grid[data-v-f4e92a4b] {
+.cookie-notice-wrap-grid[data-v-a7993ee9] {
     padding: 16px 0;
 }
 }
 @media (max-width: 600px) {
-.cookie-notice-wrap-grid[data-v-f4e92a4b] {
-    padding: 16px 0;
-}
-}
-@media (max-width: 840px) {
-.cookie-notice-wrap-grid[data-v-f4e92a4b]:not([type=zh]) {
+.cookie-notice-wrap-grid[data-v-a7993ee9] {
     padding: 16px 0;
-    flex-direction: column;
 }
 }
-.cookie-title[data-v-f4e92a4b] {
+.cookie-title[data-v-a7993ee9] {
   display: flex;
   font-size: 16px;
   line-height: calc(1em + 8px);
@@ -107,115 +119,118 @@
   font-weight: 500;
 }
 @media (max-width: 1680px) {
-.cookie-title[data-v-f4e92a4b] {
+.cookie-title[data-v-a7993ee9] {
     font-size: 14px;
 }
 }
 @media (max-width: 840px) {
-.cookie-title[data-v-f4e92a4b] {
+.cookie-title[data-v-a7993ee9] {
     text-align: center;
 }
 }
 @media (max-width: 840px) {
-.cookie-en-title[data-v-f4e92a4b] {
+.cookie-en-title[data-v-a7993ee9] {
     margin-left: auto;
 }
 }
-.cookie-zh-title[data-v-f4e92a4b] {
+.cookie-zh-title[data-v-a7993ee9] {
   font-size: 14px;
   line-height: 22px;
   margin-right: 8px;
   text-align: start;
 }
 @media (max-width: 840px) {
-.cookie-zh-title[data-v-f4e92a4b] {
+.cookie-zh-title[data-v-a7993ee9] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.cookie-en-content[data-v-f4e92a4b] {
+.cookie-en-content[data-v-a7993ee9] {
   display: flex;
   width: 100%;
   margin-top: 8px;
 }
 @media (max-width: 840px) {
-.cookie-en-content[data-v-f4e92a4b] {
+.cookie-en-content[data-v-a7993ee9] {
     flex-direction: column;
 }
 }
-.cookie-en-desc[data-v-f4e92a4b] {
+.cookie-en-desc[data-v-a7993ee9] {
   font-size: 12px;
   line-height: 18px;
   color: var(--o-color-info2);
 }
 @media (min-width: 1681px) {
-.cookie-en-desc[data-v-f4e92a4b] {
+.cookie-en-desc[data-v-a7993ee9] {
     margin-right: 48px;
 }
 }
-@media (1680px >= width >= 1201px) {
-.cookie-en-desc[data-v-f4e92a4b] {
+@media (min-width: 1201px) and (max-width: 1680px) {
+.cookie-en-desc[data-v-a7993ee9] {
     margin-right: 40px;
 }
 }
 @media (min-width: 601px) and (max-width: 1200px) {
-.cookie-en-desc[data-v-f4e92a4b] {
+.cookie-en-desc[data-v-a7993ee9] {
     margin-right: 24px;
 }
 }
 @media (max-width: 840px) {
-.cookie-en-desc[data-v-f4e92a4b] {
+.cookie-en-desc[data-v-a7993ee9] {
     margin: 0;
 }
 }
-.cookie-notice-right[data-v-f4e92a4b] {
+.cookie-notice-right[data-v-a7993ee9] {
   display: flex;
   margin-left: auto;
+  --cookie-btn-gap: 16px;
 }
-.cookie-notice-right .o-btn[data-v-f4e92a4b]:not(:first-child) {
-  margin-left: 16px;
-}
-@media (1680px >= width >= 1201px) {
-.cookie-notice-right .o-btn[data-v-f4e92a4b]:not(:first-child) {
-    margin-left: 12px;
+@media (min-width: 1201px) and (max-width: 1680px) {
+.cookie-notice-right[data-v-a7993ee9] {
+    --cookie-btn-gap: 12px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.cookie-notice-right .o-btn[data-v-f4e92a4b]:not(:first-child) {
-    margin-left: 8px;
+.cookie-notice-right[data-v-a7993ee9] {
+    --cookie-btn-gap: 8px;
 }
 }
-@media (min-width: 841px) {
-.cookie-notice-right .o-btn[data-v-f4e92a4b]:not(:first-child) {
-    margin-left: 12px;
+@media (max-width: 840px) {
+.cookie-notice-right[data-v-a7993ee9] {
+    --cookie-btn-gap: 12px;
+}
 }
+.cookie-notice-right .o-btn[data-v-a7993ee9]:not(:first-child) {
+  margin-left: var(--cookie-btn-gap);
 }
 @media (max-width: 840px) {
-.cookie-notice-right[data-v-f4e92a4b] {
+.cookie-notice-right .o-btn[data-v-a7993ee9]:not(:first-child) {
+    margin: 0;
+}
+}
+@media (max-width: 840px) {
+.cookie-notice-right[data-v-a7993ee9] {
     margin-top: 16px;
     width: 100%;
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-template-rows: auto auto;
-    gap: 12px;
-}
-.cookie-notice-right .o-btn[data-v-f4e92a4b] {
-    margin: 0;
+    gap: var(--cookie-btn-gap);
 }
-.cookie-notice-right .o-btn[data-v-f4e92a4b]:nth-child(1) {
+.cookie-notice-right .o-btn[data-v-a7993ee9]:nth-child(1) {
     grid-column: 1;
     grid-row: 1;
 }
-.cookie-notice-right .o-btn[data-v-f4e92a4b]:nth-child(2) {
+.cookie-notice-right .o-btn[data-v-a7993ee9]:nth-child(2) {
     grid-column: 2;
     grid-row: 1;
 }
-.cookie-notice-right .o-btn[data-v-f4e92a4b]:nth-child(3) {
+.cookie-notice-right .o-btn[data-v-a7993ee9]:nth-child(3) {
     grid-column: 1/span 2;
     grid-row: 2;
 }
 }
-.cookie-notice-close[data-v-f4e92a4b] {
+.cookie-notice-close[data-v-a7993ee9] {
   display: block;
   overflow: visible !important;
   margin-left: auto;
@@ -223,87 +238,87 @@
   color: var(--o-color-info1);
   font-size: 24px;
 }
-.cookie-notice-close[data-v-f4e92a4b]:hover {
+.cookie-notice-close[data-v-a7993ee9]:hover {
   color: var(--o-color-primary2);
 }
-.cookie-notice-close[data-v-f4e92a4b] {
+.cookie-notice-close[data-v-a7993ee9] {
   overflow: hidden;
 }
-.cookie-notice-close svg[data-v-f4e92a4b] {
+.cookie-notice-close svg[data-v-a7993ee9] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.cookie-notice-close:hover svg[data-v-f4e92a4b] {
+.cookie-notice-close:hover svg[data-v-a7993ee9] {
     transform: rotate(180deg);
 }
 }
-.cookie-dlg-content .content-item + .content-item[data-v-f4e92a4b] {
+.cookie-dlg-content .content-item + .content-item[data-v-a7993ee9] {
   margin-top: 24px;
 }
-@media (1680px >= width >= 1201px) {
-.cookie-dlg-content .content-item + .content-item[data-v-f4e92a4b] {
+@media (min-width: 1201px) and (max-width: 1680px) {
+.cookie-dlg-content .content-item + .content-item[data-v-a7993ee9] {
     margin-top: 16px;
 }
 }
 @media (max-width: 1200px) {
-.cookie-dlg-content .content-item + .content-item[data-v-f4e92a4b] {
+.cookie-dlg-content .content-item + .content-item[data-v-a7993ee9] {
     margin-top: 12px;
 }
 }
-.cookie-dlg-content .content-item .item-header[data-v-f4e92a4b] {
+.cookie-dlg-content .content-item .item-header[data-v-a7993ee9] {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.cookie-dlg-content .content-item .item-header .item-title[data-v-f4e92a4b] {
+.cookie-dlg-content .content-item .item-header .item-title[data-v-a7993ee9] {
   font-size: 20px;
   line-height: calc(1em + 8px);
   color: var(--o-color-info1);
   font-weight: 500;
 }
-@media (1680px >= width >= 1201px) {
-.cookie-dlg-content .content-item .item-header .item-title[data-v-f4e92a4b] {
+@media (min-width: 1201px) and (max-width: 1680px) {
+.cookie-dlg-content .content-item .item-header .item-title[data-v-a7993ee9] {
     font-size: 18px;
 }
 }
 @media (max-width: 1200px) {
-.cookie-dlg-content .content-item .item-header .item-title[data-v-f4e92a4b] {
+.cookie-dlg-content .content-item .item-header .item-title[data-v-a7993ee9] {
     font-size: 16px;
 }
 }
-.cookie-dlg-content .content-item .item-header .item-extra[data-v-f4e92a4b] {
+.cookie-dlg-content .content-item .item-header .item-extra[data-v-a7993ee9] {
   font-size: 14px;
   color: var(--o-color-info3);
   margin-left: 24px;
 }
 @media (max-width: 1200px) {
-.cookie-dlg-content .content-item .item-header .item-extra[data-v-f4e92a4b] {
+.cookie-dlg-content .content-item .item-header .item-extra[data-v-a7993ee9] {
     font-size: 12px;
 }
 }
-.cookie-dlg-content .content-item .item-detail[data-v-f4e92a4b] {
+.cookie-dlg-content .content-item .item-detail[data-v-a7993ee9] {
   font-size: 16px;
   line-height: calc(1em + 8px);
   color: var(--o-color-info2);
   margin-top: 16px;
 }
 @media (max-width: 1680px) {
-.cookie-dlg-content .content-item .item-detail[data-v-f4e92a4b] {
+.cookie-dlg-content .content-item .item-detail[data-v-a7993ee9] {
     margin-top: 12px;
     font-size: 14px;
 }
 }
 @media (max-width: 1200px) {
-.cookie-dlg-content .content-item .item-detail[data-v-f4e92a4b] {
+.cookie-dlg-content .content-item .item-detail[data-v-a7993ee9] {
     margin-top: 8px;
 }
 }
 @media (max-width: 840px) {
-.cookie-dlg-content .content-item .item-detail[data-v-f4e92a4b] {
+.cookie-dlg-content .content-item .item-detail[data-v-a7993ee9] {
     margin-top: 8px;
 }
 }
-.cookie-dlg-content .content-item:nth-child(2) .item-detail[data-v-f4e92a4b] {
+.cookie-dlg-content .content-item:nth-child(2) .item-detail[data-v-a7993ee9] {
   font-size: 16px !important;
   line-height: calc(1em + 8px);
 }

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

@@ -1,6 +1,6 @@
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
 import ODocLayout_vue_vue_type_script_setup_true_lang_default from "./ODocLayout.vue_vue_type_script_setup_true_lang.mjs";
-import './ODocLayout.vue_vue_type_style_index_0_scoped_966cd0b4_lang.css';
+import './ODocLayout.vue_vue_type_style_index_0_scoped_b4aff4ce_lang.css';
 // src/components/doc-layout/ODocLayout.vue
-var ODocLayout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ODocLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-966cd0b4"]]);
+var ODocLayout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ODocLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b4aff4ce"]]);
 export { ODocLayout_default as default };

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

@@ -1,8 +1,11 @@
+import { ScrollerSizeT } from '@opensig/opendesign';
 type __VLS_Props = {
     collapsed?: boolean;
     hasSider?: boolean;
     hasAnchor?: boolean;
     hasFloat?: boolean;
+    scrollerShowType?: 'auto' | 'always' | 'hover' | 'never';
+    scrollerSize?: ScrollerSizeT;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -90,7 +93,7 @@ declare function __VLS_template(): {
                     default: string;
                 };
                 size: {
-                    type: import('vue').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+                    type: import('vue').PropType<import('@opensig/opendesign/lib/scrollbar/types').ScrollerSizeT>;
                     default: string;
                 };
                 autoUpdateOnScrollSize: {
@@ -169,7 +172,7 @@ declare function __VLS_template(): {
                 default: string;
             };
             size: {
-                type: import('vue').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+                type: import('vue').PropType<import('@opensig/opendesign/lib/scrollbar/types').ScrollerSizeT>;
                 default: string;
             };
             autoUpdateOnScrollSize: {
@@ -212,6 +215,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     hasSider: boolean;
     hasAnchor: boolean;
     hasFloat: boolean;
+    scrollerShowType: "auto" | "always" | "hover" | "never";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     scrollerRef: ({
         $: import('vue').ComponentInternalInstance;
@@ -280,7 +284,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
                 default: string;
             };
             size: {
-                type: import('vue').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+                type: import('vue').PropType<import('@opensig/opendesign/lib/scrollbar/types').ScrollerSizeT>;
                 default: string;
             };
             autoUpdateOnScrollSize: {
@@ -359,7 +363,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             default: string;
         };
         size: {
-            type: import('vue').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+            type: import('vue').PropType<import('@opensig/opendesign/lib/scrollbar/types').ScrollerSizeT>;
             default: string;
         };
         autoUpdateOnScrollSize: {

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

@@ -8,18 +8,19 @@ var _hoisted_1 = {
 	key: 0,
 	class: "o-doc-layout-header"
 };
-var _hoisted_2 = { class: "o-doc-layout-header-title" };
-var _hoisted_3 = { class: "o-doc-layout-header-right" };
-var _hoisted_4 = {
+var _hoisted_2 = { class: "o-doc-layout-header-left" };
+var _hoisted_3 = { class: "o-doc-layout-header-title" };
+var _hoisted_4 = { class: "o-doc-layout-header-right" };
+var _hoisted_5 = {
 	key: 1,
 	class: "o-doc-layout-sider"
 };
-var _hoisted_5 = { class: "o-doc-layout-content" };
-var _hoisted_6 = {
+var _hoisted_6 = { class: "o-doc-layout-content" };
+var _hoisted_7 = {
 	key: 2,
 	class: "o-doc-layout-anchor"
 };
-var _hoisted_7 = {
+var _hoisted_8 = {
 	key: 3,
 	class: "o-doc-layout-float"
 };
@@ -39,7 +40,9 @@ var ODocLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		hasFloat: {
 			type: Boolean,
 			default: true
-		}
+		},
+		scrollerShowType: { default: "hover" },
+		scrollerSize: {}
 	},
 	emits: ["update:collapsed"],
 	setup(__props, { emit: __emit }) {
@@ -111,6 +114,8 @@ var ODocLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			return openBlock(), createBlock(unref(OScroller), {
 				ref_key: "scrollerRef",
 				ref: scrollerRef,
+				"show-type": __props.scrollerShowType,
+				size: __props.scrollerSize,
 				class: normalizeClass(["o-doc-layout", {
 					"is-collapsed": collapsed.value,
 					"is-resizing": isResizing.value,
@@ -123,22 +128,18 @@ var ODocLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 					ref: containerRef,
 					class: "o-doc-layout-container"
 				}, [
-					unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-						__props.hasSider ? (openBlock(), createBlock(unref(OIcon), {
-							key: 0,
-							class: "o-doc-layout-header-toggle",
-							onClick: _cache[0] || (_cache[0] = ($event) => collapsed.value = !collapsed.value)
-						}, {
-							default: withCtx(() => [collapsed.value ? (openBlock(), createBlock(unref(icon_menu_fold_default), { key: 0 })) : (openBlock(), createBlock(unref(icon_menu_unfold_default), { key: 1 }))]),
-							_: 1
-						})) : createCommentVNode("", true),
-						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),
-					__props.hasSider ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "sider", { scroller: scrollerEl.value }, void 0, true)])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "content", { scroller: scrollerEl.value }, void 0, true)]),
-					__props.hasAnchor ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "anchor", { scroller: scrollerEl.value }, void 0, true)])) : createCommentVNode("", true),
-					__props.hasFloat ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "float", { scroller: scrollerEl.value }, void 0, true)])) : createCommentVNode("", true),
+					unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [__props.hasSider ? (openBlock(), createBlock(unref(OIcon), {
+						key: 0,
+						class: "o-doc-layout-header-toggle",
+						onClick: _cache[0] || (_cache[0] = ($event) => collapsed.value = !collapsed.value)
+					}, {
+						default: withCtx(() => [collapsed.value ? (openBlock(), createBlock(unref(icon_menu_fold_default), { key: 0 })) : (openBlock(), createBlock(unref(icon_menu_unfold_default), { key: 1 }))]),
+						_: 1
+					})) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "header-title", {}, void 0, true)])]), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "header-right", {}, void 0, true)])])) : createCommentVNode("", true),
+					__props.hasSider ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "sider", { scroller: scrollerEl.value }, void 0, true)])) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "content", { scroller: scrollerEl.value }, void 0, true)]),
+					__props.hasAnchor ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "anchor", { scroller: scrollerEl.value }, void 0, true)])) : createCommentVNode("", true),
+					__props.hasFloat ? (openBlock(), createElementBlock("div", _hoisted_8, [renderSlot(_ctx.$slots, "float", { scroller: scrollerEl.value }, void 0, true)])) : createCommentVNode("", true),
 					__props.hasSider && unref(lePad) ? (openBlock(), createElementBlock("div", {
 						key: 4,
 						class: "o-doc-layout-mask",
@@ -156,7 +157,11 @@ var ODocLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 					}, null, 32)) : createCommentVNode("", true)
 				], 512)]),
 				_: 3
-			}, 8, ["class"]);
+			}, 8, [
+				"show-type",
+				"size",
+				"class"
+			]);
 		};
 	}
 });