@opendesign-plus-test/components 0.0.1-rc.155 → 0.0.1-rc.157

package/dist/treeshaking/components/header/OHeader.css

@@ -1,35 +1,35 @@
-.hover-icon-rotate .o-icon[data-v-8cae5712] {
+.hover-icon-rotate .o-icon[data-v-bd55d99c] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-8cae5712] {
+.hover-icon-rotate:hover .o-icon[data-v-bd55d99c] {
     transform: rotate(-180deg);
 }
 }
-.header[data-v-8cae5712] {
+.header[data-v-bd55d99c] {
   --o-header-height: 72px;
   --o-header-content-max-width: 1488px;
   --o-header-content-padding: 0;
 }
 @media (max-width: 1680px) {
-.header[data-v-8cae5712] {
+.header[data-v-bd55d99c] {
     --o-header-content-max-width: 100%;
     --o-header-content-padding: 64px;
 }
 }
 @media (max-width: 1440px) {
-.header[data-v-8cae5712] {
+.header[data-v-bd55d99c] {
     --o-header-height: 64px;
     --o-header-content-padding: 40px;
 }
 }
 @media (max-width: 1200px) {
-.header[data-v-8cae5712] {
+.header[data-v-bd55d99c] {
     --o-header-height: 56px;
     --o-header-content-padding: 32px;
 }
 }
-.header-wrap[data-v-8cae5712] {
+.header-wrap[data-v-bd55d99c] {
   background-color: var(--o-color-fill2);
   position: fixed;
   left: 0;
@@ -40,7 +40,7 @@
   backdrop-filter: blur(5px);
   height: var(--o-header-height);
 }
-.header-content[data-v-8cae5712] {
+.header-content[data-v-bd55d99c] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -48,7 +48,7 @@
   margin: 0 auto;
   padding: 0 var(--o-header-content-padding);
 }
-.header-logo[data-v-8cae5712] {
+.header-logo[data-v-bd55d99c] {
   height: 100%;
   display: flex;
   align-items: center;
@@ -56,27 +56,37 @@
   margin-right: 24px;
   flex-shrink: 0;
 }
-.logo[data-v-8cae5712] {
+@media (min-width: 1201px) and (max-width: 1440px) {
+.header-logo[data-v-bd55d99c] {
+    margin-right: 12px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.header-logo[data-v-bd55d99c] {
+    margin-right: 8px;
+}
+}
+.logo[data-v-bd55d99c] {
   height: 32px;
 }
-.header-nav-top[data-v-8cae5712] {
+.header-nav-top[data-v-bd55d99c] {
   flex: 1;
   height: 100%;
   min-width: 0;
   overflow: hidden;
   position: relative;
 }
-.header-nav-flatten[data-v-8cae5712] {
+.header-nav-flatten[data-v-bd55d99c] {
   flex: 1;
   height: 100%;
   min-width: 0;
   position: relative;
 }
-.header-toolbar[data-v-8cae5712] {
+.header-toolbar[data-v-bd55d99c] {
   height: 100%;
   position: relative;
 }
-.header-nav-content[data-v-8cae5712] {
+.header-nav-content[data-v-bd55d99c] {
   position: fixed;
   top: var(--o-header-height);
   left: 0;
@@ -86,6 +96,6 @@
   box-shadow: var(--o-shadow-1);
   overflow: hidden;
 }
-[data-o-theme*=dark] .header-wrap[data-v-8cae5712] {
+[data-o-theme*=dark] .header-wrap[data-v-bd55d99c] {
   border-bottom: 1px solid var(--o-color-control4);
 }

package/dist/treeshaking/components/header/OHeader.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./OHeader.vue2.mjs";
 import './OHeader.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8cae5712"]]);
+const _OHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bd55d99c"]]);
 export {
   _OHeader as default
 };

package/dist/treeshaking/components/header/OHeaderMobile.vue.d.ts

@@ -20,8 +20,8 @@ declare function __VLS_template(): {
             $props: {
                 readonly menuShow: boolean;
                 readonly navData: NavItemT[];
-                readonly codeData?: import('./types.ts').CodeT | undefined;
-                readonly langData?: import('./types.ts').LangT | undefined;
+                readonly codeData?: import('../../index.ts').CodeT | undefined;
+                readonly langData?: import('../../index.ts').LangT | undefined;
                 readonly activeIndex: string | number;
                 readonly community?: string | undefined;
                 readonly "onHandle-click"?: ((val: any) => any) | undefined;
@@ -40,7 +40,7 @@ declare function __VLS_template(): {
             $host: Element | null;
             $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: LangItemT) => void);
             $el: HTMLDivElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('./types.ts').NavMobileItemT> & Readonly<{
+            $options: import('vue').ComponentOptionsBase<Readonly<import('../../index.ts').NavMobileItemT> & Readonly<{
                 "onHandle-click"?: ((val: any) => any) | undefined;
                 "onOn-click"?: (() => any) | undefined;
                 "onLang-click"?: ((val: LangItemT) => any) | undefined;
@@ -74,7 +74,7 @@ declare function __VLS_template(): {
         } & Readonly<{
             navData: NavItemT[];
             menuShow: boolean;
-        }> & Omit<Readonly<import('./types.ts').NavMobileItemT> & Readonly<{
+        }> & Omit<Readonly<import('../../index.ts').NavMobileItemT> & Readonly<{
             "onHandle-click"?: ((val: any) => any) | undefined;
             "onOn-click"?: (() => any) | undefined;
             "onLang-click"?: ((val: LangItemT) => any) | undefined;
@@ -104,8 +104,8 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
         $props: {
             readonly menuShow: boolean;
             readonly navData: NavItemT[];
-            readonly codeData?: import('./types.ts').CodeT | undefined;
-            readonly langData?: import('./types.ts').LangT | undefined;
+            readonly codeData?: import('../../index.ts').CodeT | undefined;
+            readonly langData?: import('../../index.ts').LangT | undefined;
             readonly activeIndex: string | number;
             readonly community?: string | undefined;
             readonly "onHandle-click"?: ((val: any) => any) | undefined;
@@ -124,7 +124,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
         $host: Element | null;
         $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: LangItemT) => void);
         $el: HTMLDivElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('./types.ts').NavMobileItemT> & Readonly<{
+        $options: import('vue').ComponentOptionsBase<Readonly<import('../../index.ts').NavMobileItemT> & Readonly<{
             "onHandle-click"?: ((val: any) => any) | undefined;
             "onOn-click"?: (() => any) | undefined;
             "onLang-click"?: ((val: LangItemT) => any) | undefined;
@@ -158,7 +158,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
     } & Readonly<{
         navData: NavItemT[];
         menuShow: boolean;
-    }> & Omit<Readonly<import('./types.ts').NavMobileItemT> & Readonly<{
+    }> & Omit<Readonly<import('../../index.ts').NavMobileItemT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
         "onOn-click"?: (() => any) | undefined;
         "onLang-click"?: ((val: LangItemT) => any) | undefined;