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

package/dist/treeshaking/components/doc-layout/{ODocLayout.vue_vue_type_style_index_0_scoped_966cd0b4_lang.css → ODocLayout.vue_vue_type_style_index_0_scoped_b4aff4ce_lang.css}

@@ -1,13 +1,14 @@
-.hover-icon-rotate .o-icon[data-v-966cd0b4] {
+.hover-icon-rotate .o-icon[data-v-b4aff4ce] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-966cd0b4] {
+.hover-icon-rotate:hover .o-icon[data-v-b4aff4ce] {
     transform: rotate(-180deg);
 }
 }
-.o-doc-layout[data-v-966cd0b4] {
+.o-doc-layout[data-v-b4aff4ce] {
   --o-doc-layout-screen-width: 100vw;
+  --o-doc-layout-page-header-width: 1488px;
   --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;
@@ -33,6 +34,7 @@
     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-min-height: 100%;
   --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(
@@ -44,7 +46,7 @@
   --o-doc-layout-opener-left: var(--o-doc-layout-sider-width);
 }
 @media (max-width: 1680px) {
-.o-doc-layout[data-v-966cd0b4] {
+.o-doc-layout[data-v-b4aff4ce] {
     --o-doc-layout-min-padding: 40px;
     --o-doc-layout-gap: 24px;
     --o-doc-layout-sider-content-width-default: 196px;
@@ -55,7 +57,7 @@
 }
 }
 @media (max-width: 1200px) {
-.o-doc-layout[data-v-966cd0b4] {
+.o-doc-layout[data-v-b4aff4ce] {
     --o-doc-layout-min-padding: 32px;
     --o-doc-layout-gap: 16px;
     --o-doc-layout-sider-content-width-default: 222px;
@@ -66,7 +68,7 @@
 }
 }
 @media (max-width: 840px) {
-.o-doc-layout[data-v-966cd0b4] {
+.o-doc-layout[data-v-b4aff4ce] {
     --o-doc-layout-gap: 16px;
     --o-doc-layout-header-height: 48px;
     --o-doc-layout-sider-content-width-default: 222px;
@@ -75,23 +77,28 @@
 }
 }
 @media (max-width: 600px) {
-.o-doc-layout[data-v-966cd0b4] {
+.o-doc-layout[data-v-b4aff4ce] {
     --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-966cd0b4]:not(.has-anchor) {
+.o-doc-layout[data-v-b4aff4ce]:not(.has-anchor) {
   --o-doc-layout-anchor-content-width: 0px;
 }
-.o-doc-layout[data-v-966cd0b4]:not(.has-sider) {
-  --o-doc-layout-content-padding-left: var(--o-doc-layout-padding);
+.o-doc-layout[data-v-b4aff4ce]:not(.has-sider) {
+  --o-doc-layout-content-padding-left: calc((var(--o-doc-layout-screen-width) - var(--o-doc-layout-page-header-width)) / 2);
 }
-.o-doc-layout .o-doc-layout-container[data-v-966cd0b4] {
+@media (max-width: 1680px) {
+.o-doc-layout[data-v-b4aff4ce]:not(.has-sider) {
+    --o-doc-layout-content-padding-left: var(--o-doc-layout-padding);
+}
+}
+.o-doc-layout .o-doc-layout-container[data-v-b4aff4ce] {
   height: var(--o-doc-layout-height);
 }
-.o-doc-layout .o-doc-layout-header[data-v-966cd0b4] {
+.o-doc-layout .o-doc-layout-header[data-v-b4aff4ce] {
   position: fixed;
   top: var(--o-doc-layout-header-top);
   left: 0;
@@ -105,7 +112,7 @@
   background-color: var(--o-color-fill2);
   box-shadow: var(--o-shadow-1);
 }
-.o-doc-layout .o-doc-layout-header-toggle[data-v-966cd0b4] {
+.o-doc-layout .o-doc-layout-header-toggle[data-v-b4aff4ce] {
   flex-shrink: 0;
   display: inline-flex;
   align-items: center;
@@ -113,31 +120,39 @@
   width: 32px;
   height: 32px;
   padding: 0;
+  margin-left: -4px;
+  margin-right: 8px;
   border: none;
   background: none;
   color: var(--o-color-info1);
   cursor: pointer;
 }
-.o-doc-layout .o-doc-layout-header-toggle svg[data-v-966cd0b4] {
+.o-doc-layout .o-doc-layout-header-toggle svg[data-v-b4aff4ce] {
   width: 24px;
   height: 24px;
 }
-.o-doc-layout .o-doc-layout-header-title[data-v-966cd0b4] {
+.o-doc-layout .o-doc-layout-header-left[data-v-b4aff4ce] {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+}
+.o-doc-layout .o-doc-layout-header-title[data-v-b4aff4ce] {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.o-doc-layout .o-doc-layout-header-right[data-v-966cd0b4] {
+.o-doc-layout .o-doc-layout-header-right[data-v-b4aff4ce] {
   flex-shrink: 0;
 }
-.o-doc-layout .o-doc-layout-content[data-v-966cd0b4] {
+.o-doc-layout .o-doc-layout-content[data-v-b4aff4ce] {
+  min-height: var(--o-doc-layout-content-min-height);
   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-sider[data-v-966cd0b4] {
+.o-doc-layout .o-doc-layout-sider[data-v-b4aff4ce] {
   box-sizing: content-box;
   position: fixed;
   top: var(--o-doc-layout-page-header-height);
@@ -152,20 +167,20 @@
   z-index: 35;
   transition: transform 0.3s;
 }
-.o-doc-layout .o-doc-layout-anchor[data-v-966cd0b4] {
+.o-doc-layout .o-doc-layout-anchor[data-v-b4aff4ce] {
   position: fixed;
   top: var(--o-doc-layout-anchor-top);
   right: var(--o-doc-layout-anchor-right);
   width: var(--o-doc-layout-anchor-content-width);
   z-index: 33;
 }
-.o-doc-layout .o-doc-layout-float[data-v-966cd0b4] {
+.o-doc-layout .o-doc-layout-float[data-v-b4aff4ce] {
   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-966cd0b4] {
+.o-doc-layout .o-doc-layout-mask[data-v-b4aff4ce] {
   position: fixed;
   inset: 0;
   z-index: 34;
@@ -174,7 +189,7 @@
   pointer-events: none;
   transition: opacity 0.3s;
 }
-.o-doc-layout .o-doc-layout-opener[data-v-966cd0b4] {
+.o-doc-layout .o-doc-layout-opener[data-v-b4aff4ce] {
   position: fixed;
   top: 50%;
   left: var(--o-doc-layout-opener-left);
@@ -195,7 +210,7 @@
   cursor: pointer;
   transition: transform 0.3s, box-shadow 0.3s;
 }
-.o-doc-layout .o-doc-layout-opener[data-v-966cd0b4]::before, .o-doc-layout .o-doc-layout-opener[data-v-966cd0b4]::after {
+.o-doc-layout .o-doc-layout-opener[data-v-b4aff4ce]::before, .o-doc-layout .o-doc-layout-opener[data-v-b4aff4ce]::after {
   content: "";
   position: absolute;
   left: 0;
@@ -204,25 +219,25 @@
   pointer-events: none;
   transition: opacity 0.3s;
 }
-.o-doc-layout .o-doc-layout-opener[data-v-966cd0b4]::before {
+.o-doc-layout .o-doc-layout-opener[data-v-b4aff4ce]::before {
   bottom: 100%;
   height: 100vh;
 }
-.o-doc-layout .o-doc-layout-opener[data-v-966cd0b4]::after {
+.o-doc-layout .o-doc-layout-opener[data-v-b4aff4ce]::after {
   top: 100%;
   height: 100vh;
 }
-.o-doc-layout .o-doc-layout-opener .o-doc-layout-opener-thumb[data-v-966cd0b4] {
+.o-doc-layout .o-doc-layout-opener .o-doc-layout-opener-thumb[data-v-b4aff4ce] {
   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-966cd0b4] {
+.o-doc-layout .o-doc-layout-opener:hover .o-doc-layout-opener-thumb[data-v-b4aff4ce] {
   background-color: var(--o-color-primary1);
 }
-.o-doc-layout .o-doc-layout-resizer[data-v-966cd0b4] {
+.o-doc-layout .o-doc-layout-resizer[data-v-b4aff4ce] {
   position: fixed;
   top: var(--o-doc-layout-page-header-height);
   bottom: 0;
@@ -235,52 +250,57 @@
   -webkit-user-select: none;
   transition: transform 0.3s;
 }
-.o-doc-layout.is-collapsed .o-doc-layout-sider[data-v-966cd0b4] {
-  transform: translateX(-100%);
+.o-doc-layout.is-collapsed[data-v-b4aff4ce] {
+  --o-doc-layout-content-padding-left: calc((var(--o-doc-layout-screen-width) - var(--o-doc-layout-page-header-width)) / 2);
 }
-.o-doc-layout.is-collapsed .o-doc-layout-content[data-v-966cd0b4] {
-  padding-left: var(--o-doc-layout-padding);
+@media (max-width: 1680px) {
+.o-doc-layout.is-collapsed[data-v-b4aff4ce] {
+    --o-doc-layout-content-padding-left: var(--o-doc-layout-padding);
+}
+}
+.o-doc-layout.is-collapsed .o-doc-layout-sider[data-v-b4aff4ce] {
+  transform: translateX(-100%);
 }
-.o-doc-layout.is-collapsed .o-doc-layout-mask[data-v-966cd0b4] {
+.o-doc-layout.is-collapsed .o-doc-layout-mask[data-v-b4aff4ce] {
   opacity: 0;
   pointer-events: none;
 }
-.o-doc-layout.is-collapsed .o-doc-layout-opener[data-v-966cd0b4] {
+.o-doc-layout.is-collapsed .o-doc-layout-opener[data-v-b4aff4ce] {
   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-966cd0b4]::before, .o-doc-layout.is-collapsed .o-doc-layout-opener[data-v-966cd0b4]::after {
+.o-doc-layout.is-collapsed .o-doc-layout-opener[data-v-b4aff4ce]::before, .o-doc-layout.is-collapsed .o-doc-layout-opener[data-v-b4aff4ce]::after {
   opacity: 0;
 }
-.o-doc-layout.is-collapsed .o-doc-layout-resizer[data-v-966cd0b4] {
+.o-doc-layout.is-collapsed .o-doc-layout-resizer[data-v-b4aff4ce] {
   transform: translateX(calc(4px - var(--o-doc-layout-opener-left)));
 }
-.o-doc-layout.is-resizing .o-doc-layout-sider[data-v-966cd0b4],
-.o-doc-layout.is-resizing .o-doc-layout-content[data-v-966cd0b4],
-.o-doc-layout.is-resizing .o-doc-layout-opener[data-v-966cd0b4],
-.o-doc-layout.is-resizing .o-doc-layout-resizer[data-v-966cd0b4] {
+.o-doc-layout.is-resizing .o-doc-layout-sider[data-v-b4aff4ce],
+.o-doc-layout.is-resizing .o-doc-layout-content[data-v-b4aff4ce],
+.o-doc-layout.is-resizing .o-doc-layout-opener[data-v-b4aff4ce],
+.o-doc-layout.is-resizing .o-doc-layout-resizer[data-v-b4aff4ce] {
   transition: none;
 }
 @media (max-width: 1200px) {
-.o-doc-layout .o-doc-layout-sider[data-v-966cd0b4] {
+.o-doc-layout .o-doc-layout-sider[data-v-b4aff4ce] {
     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-966cd0b4] {
+.o-doc-layout .o-doc-layout-mask[data-v-b4aff4ce] {
     opacity: 1;
     pointer-events: auto;
 }
-.o-doc-layout .o-doc-layout-opener[data-v-966cd0b4] {
+.o-doc-layout .o-doc-layout-opener[data-v-b4aff4ce] {
     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-sider[data-v-966cd0b4] {
+.o-doc-layout .o-doc-layout-sider[data-v-b4aff4ce] {
     top: calc(var(--o-doc-layout-page-header-height) + var(--o-doc-layout-header-height));
 }
-.o-doc-layout .o-doc-layout-opener[data-v-966cd0b4],
-  .o-doc-layout .o-doc-layout-resizer[data-v-966cd0b4] {
+.o-doc-layout .o-doc-layout-opener[data-v-b4aff4ce],
+  .o-doc-layout .o-doc-layout-resizer[data-v-b4aff4ce] {
     display: none;
 }
 }

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

@@ -5,6 +5,8 @@ declare const ODocLayout: {
         hasSider?: boolean;
         hasAnchor?: boolean;
         hasFloat?: boolean;
+        scrollerShowType?: "auto" | "always" | "hover" | "never";
+        scrollerSize?: import('@opensig/opendesign').ScrollerSizeT;
     }> & Readonly<{
         "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -13,6 +15,7 @@ declare const ODocLayout: {
         hasSider: boolean;
         hasAnchor: boolean;
         hasFloat: boolean;
+        scrollerShowType: "auto" | "always" | "hover" | "never";
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         scrollerRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -203,12 +206,15 @@ declare const ODocLayout: {
         hasSider?: boolean;
         hasAnchor?: boolean;
         hasFloat?: boolean;
+        scrollerShowType?: "auto" | "always" | "hover" | "never";
+        scrollerSize?: import('@opensig/opendesign').ScrollerSizeT;
     }> & Readonly<{
         "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
         hasSider: boolean;
         hasAnchor: boolean;
         hasFloat: boolean;
+        scrollerShowType: "auto" | "always" | "hover" | "never";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -218,6 +224,8 @@ declare const ODocLayout: {
     hasSider?: boolean;
     hasAnchor?: boolean;
     hasFloat?: boolean;
+    scrollerShowType?: "auto" | "always" | "hover" | "never";
+    scrollerSize?: import('@opensig/opendesign').ScrollerSizeT;
 }> & Readonly<{
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -226,6 +234,7 @@ declare const ODocLayout: {
     hasSider: boolean;
     hasAnchor: boolean;
     hasFloat: boolean;
+    scrollerShowType: "auto" | "always" | "hover" | "never";
 }, {}, 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;

package/dist/treeshaking/components/element-plus/OElCookieNotice.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
 import OElCookieNotice_vue_vue_type_script_setup_true_lang_default from "./OElCookieNotice.vue_vue_type_script_setup_true_lang.mjs";
 import './OElCookieNotice.vue_vue_type_style_index_0_lang.css';
-import './OElCookieNotice.vue_vue_type_style_index_1_scoped_8ed27ecb_lang.css';
+import './OElCookieNotice.vue_vue_type_style_index_1_scoped_d9e2bcf9_lang.css';
 // src/components/element-plus/OElCookieNotice.vue
-var OElCookieNotice_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OElCookieNotice_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8ed27ecb"]]);
+var OElCookieNotice_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OElCookieNotice_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d9e2bcf9"]]);
 export { OElCookieNotice_default as default };

package/dist/treeshaking/components/element-plus/OElCookieNotice.vue_vue_type_script_setup_true_lang.mjs

@@ -76,7 +76,10 @@ var OElCookieNotice_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const isZh = computed(() => locale.value === "zh");
 		const cookieNoticeRef = ref();
 		const enableGrid = computed(() => {
-			if (cookieNoticeRef.value) return !!getComputedStyle(cookieNoticeRef.value).getPropertyValue("--grid-content-width");
+			if (cookieNoticeRef.value) {
+				const cssProperties = getComputedStyle(cookieNoticeRef.value);
+				return !!cssProperties.getPropertyValue("--o-r-grid-section-width") || !!cssProperties.getPropertyValue("--grid-content-width");
+			}
 			return false;
 		});
 		const cookieKey = computed(() => isZh.value ? COOKIE_KEY_ZH : COOKIE_KEY_EN);

package/dist/treeshaking/components/element-plus/OElCookieNotice.vue_vue_type_style_index_0_lang.css

@@ -94,7 +94,24 @@
   order: 1;
   font-size: 16px;
 }
-:root .el-date-editor .el-input__icon {
+:root .el-date-editor .el-input__wrapper .el-input__suffix {
+  order: 1;
+}
+:root .el-date-editor .el-range__close-icon {
+  order: 1;
+  font-size: 20px;
+  color: var(--o-color-info1);
+  margin-left: 2px;
+  margin-right: 4px;
+}
+:root .el-date-editor .el-range__close-icon.el-range__close-icon--hidden {
+  display: none;
+}
+:root .el-date-editor:has(.el-range__close-icon:not(.el-range__close-icon--hidden)) .el-range__icon {
+  display: none;
+}
+:root .el-date-editor .el-input__prefix .el-input__icon,
+:root .el-date-editor .el-range__icon {
   height: 100%;
   order: 1;
   font-size: 24px;
@@ -106,7 +123,8 @@
   background-repeat: no-repeat;
   background-position: center center;
 }
-:root .el-date-editor .el-input__icon svg {
+:root .el-date-editor .el-input__prefix .el-input__icon svg,
+:root .el-date-editor .el-range__icon svg {
   display: none;
 }
 :root .el-popper .el-popper__arrow {