@opendesign-plus-test/components 0.0.1-rc.165 → 0.0.1-rc.167

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

@@ -1,6 +1,6 @@
 import { App } from 'vue';
 declare const OHeader: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').NavT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').NavT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
         "onNav-layout"?: ((val: any) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
@@ -11,15 +11,15 @@ declare const OHeader: {
     }, import('vue').PublicProps, {
         isFlatten: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        contentRef: HTMLElement;
-    }, HTMLElement, import('vue').ComponentProvideOptions, {
+        contentRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').NavT> & Readonly<{
+    }, Readonly<import('../../index').NavT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
         "onNav-layout"?: ((val: any) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
@@ -29,7 +29,7 @@ declare const OHeader: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').NavT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').NavT> & Readonly<{
     "onHandle-click"?: ((val: any) => any) | undefined;
     "onNav-layout"?: ((val: any) => any) | undefined;
     "onGo-home"?: (() => any) | undefined;
@@ -50,15 +50,15 @@ declare const OHeader: {
     install(app: App): void;
 };
 declare const OHeaderMobile: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').NavT> & Readonly<{
-        "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').NavT> & Readonly<{
+        "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
-        "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+        "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
         "onGo-back"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "handle-click": (val: import('./types').NavItemT) => any;
+        "handle-click": (val: import('../../index').NavItemT) => any;
         "go-home": () => any;
-        "lang-click": (val: import('./types').LangItemT) => any;
+        "lang-click": (val: import('../../index').LangItemT) => any;
         "go-back": () => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         mobileNav: ({
@@ -66,14 +66,14 @@ declare const OHeaderMobile: {
             $data: {};
             $props: {
                 readonly menuShow: boolean;
-                readonly navData: import('./types').NavItemT[];
-                readonly codeData?: import('./types').CodeT | undefined;
-                readonly langData?: import('./types').LangT | undefined;
+                readonly navData: import('../../index').NavItemT[];
+                readonly codeData?: import('../../index').CodeT | undefined;
+                readonly langData?: import('../../index').LangT | undefined;
                 readonly activeIndex: string | number;
                 readonly community?: string | undefined;
                 readonly "onHandle-click"?: ((val: any) => any) | undefined;
                 readonly "onOn-click"?: (() => any) | undefined;
-                readonly "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+                readonly "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
             $refs: {
@@ -85,18 +85,18 @@ declare const OHeaderMobile: {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: import('./types').LangItemT) => void);
+            $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: import('../../index').LangItemT) => void);
             $el: HTMLDivElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('./types').NavMobileItemT> & Readonly<{
+            $options: import('vue').ComponentOptionsBase<Readonly<import('../../index').NavMobileItemT> & Readonly<{
                 "onHandle-click"?: ((val: any) => any) | undefined;
                 "onOn-click"?: (() => any) | undefined;
-                "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+                "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 "handle-click": (val: any) => any;
                 "on-click": () => any;
-                "lang-click": (val: import('./types').LangItemT) => any;
+                "lang-click": (val: import('../../index').LangItemT) => any;
             }, string, {
-                navData: import('./types').NavItemT[];
+                navData: import('../../index').NavItemT[];
                 menuShow: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -119,12 +119,12 @@ declare const OHeaderMobile: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            navData: import('./types').NavItemT[];
+            navData: import('../../index').NavItemT[];
             menuShow: boolean;
-        }> & Omit<Readonly<import('./types').NavMobileItemT> & Readonly<{
+        }> & Omit<Readonly<import('../../index').NavMobileItemT> & Readonly<{
             "onHandle-click"?: ((val: any) => any) | undefined;
             "onOn-click"?: (() => any) | undefined;
-            "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+            "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
         }>, "navData" | "menuShow"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 tool?(_: {}): any;
@@ -137,24 +137,24 @@ declare const OHeaderMobile: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').NavT> & Readonly<{
-        "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
+    }, Readonly<import('../../index').NavT> & Readonly<{
+        "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
-        "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+        "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
         "onGo-back"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').NavT> & Readonly<{
-    "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').NavT> & Readonly<{
+    "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
     "onGo-home"?: (() => any) | undefined;
-    "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+    "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
     "onGo-back"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "handle-click": (val: import('./types').NavItemT) => any;
+    "handle-click": (val: import('../../index').NavItemT) => any;
     "go-home": () => any;
-    "lang-click": (val: import('./types').LangItemT) => any;
+    "lang-click": (val: import('../../index').LangItemT) => any;
     "go-back": () => any;
 }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue.d.ts

@@ -60,8 +60,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     type: "auto" | "common" | "mobile";
     disabled: boolean;
-    auto: boolean;
     options: LanguageOptionT[];
+    auto: boolean;
     itemRadius: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/treeshaking/components/header-language-switcher/index.d.ts

@@ -32,8 +32,8 @@ declare const OHeaderLanguageSwitcher: {
     }, import('vue').PublicProps, {
         type: "auto" | "common" | "mobile";
         disabled: boolean;
-        auto: boolean;
         options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
+        auto: boolean;
         itemRadius: number;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -72,8 +72,8 @@ declare const OHeaderLanguageSwitcher: {
     }>, {}, {}, {}, {}, {
         type: "auto" | "common" | "mobile";
         disabled: boolean;
-        auto: boolean;
         options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
+        auto: boolean;
         itemRadius: number;
     }>;
     __isFragment?: never;
@@ -111,8 +111,8 @@ declare const OHeaderLanguageSwitcher: {
 }, string, {
     type: "auto" | "common" | "mobile";
     disabled: boolean;
-    auto: boolean;
     options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
+    auto: boolean;
     itemRadius: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;

package/dist/treeshaking/components/header-search/OHeaderSearch.css

@@ -1,59 +1,60 @@
-.hover-icon-rotate .o-icon[data-v-bf46f1ee] {
+.hover-icon-rotate .o-icon[data-v-426c3515] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-bf46f1ee] {
+.hover-icon-rotate:hover .o-icon[data-v-426c3515] {
     transform: rotate(-180deg);
 }
 }
-.o-header-search[data-v-bf46f1ee] {
+.o-header-search[data-v-426c3515] {
   position: relative;
   width: 160px;
   height: 32px;
 }
 @media (max-width: 1440px) {
-.o-header-search[data-v-bf46f1ee] {
+.o-header-search[data-v-426c3515] {
+    width: 120px;
     height: 32px;
 }
 }
 @media (max-width: 840px) {
-.o-header-search[data-v-bf46f1ee] {
+.o-header-search[data-v-426c3515] {
     width: 24px;
     height: 24px;
     margin-left: auto;
 }
 }
-.o-header-search-pos[data-v-bf46f1ee] {
+.o-header-search-pos[data-v-426c3515] {
   position: absolute;
   top: 0;
   width: fit-content;
   background-color: var(--o-color-fill2);
   z-index: 100;
 }
-.o-header-search-pos.is-left[data-v-bf46f1ee] {
+.o-header-search-pos.is-left[data-v-426c3515] {
   right: 0;
 }
-.o-header-search-pos.is-right[data-v-bf46f1ee] {
+.o-header-search-pos.is-right[data-v-426c3515] {
   left: 0;
 }
-.o-header-search-pos.is-mobile[data-v-bf46f1ee] {
+.o-header-search-pos.is-mobile[data-v-426c3515] {
   display: none;
 }
-.o-header-search-pos.is-simple[data-v-bf46f1ee] {
+.o-header-search-pos.is-simple[data-v-426c3515] {
   display: none;
 }
-.o-header-search-pos.is-pc.is-focus[data-v-bf46f1ee] {
+.o-header-search-pos.is-pc.is-focus[data-v-426c3515] {
   box-shadow: var(--o-shadow-2);
   top: calc(-1 * var(--o-gap-4));
   border-radius: var(--o-radius-xs);
 }
-.o-header-search-pos.is-simple.is-focus[data-v-bf46f1ee] {
+.o-header-search-pos.is-simple.is-focus[data-v-426c3515] {
   display: block;
   box-shadow: var(--o-shadow-2);
   top: calc(-1 * var(--o-gap-4));
   border-radius: var(--o-radius-xs);
 }
-.o-header-search-pos.is-mobile.is-focus[data-v-bf46f1ee] {
+.o-header-search-pos.is-mobile.is-focus[data-v-426c3515] {
   position: fixed;
   top: 0;
   right: 0;
@@ -66,52 +67,57 @@
   z-index: 100;
   overflow-y: auto;
 }
-.o-header-search-row[data-v-bf46f1ee] {
+.o-header-search-row[data-v-426c3515] {
   display: flex;
   align-items: start;
 }
-.o-header-search-row.is-focus[data-v-bf46f1ee] {
+.o-header-search-row.is-focus[data-v-426c3515] {
   padding: var(--o-gap-4);
   border-radius: var(--o-radius-xs);
 }
 @media (max-width: 840px) {
-.o-header-search-row.is-focus[data-v-bf46f1ee] {
+.o-header-search-row.is-focus[data-v-426c3515] {
     align-items: center;
     gap: var(--o-gap-4);
     padding: 10px var(--o-gap-4) var(--o-gap-4) var(--o-gap-4);
     border-radius: unset;
 }
 }
-.o-header-search-input[data-v-bf46f1ee] {
+.o-header-search-input[data-v-426c3515] {
   width: 160px;
   transition: width var(--o-duration-m2) var(--o-easing-standard-in);
 }
-.o-header-search-row.is-focus .o-header-search-input[data-v-bf46f1ee] {
+@media (max-width: 1440px) {
+.o-header-search-input[data-v-426c3515] {
+    width: 120px;
+}
+}
+.o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
   width: 480px;
 }
 @media (min-width: 1201px) and (max-width: 1440px) {
-.o-header-search-row.is-focus .o-header-search-input[data-v-bf46f1ee] {
+.o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
     width: 360px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-header-search-row.is-focus .o-header-search-input[data-v-bf46f1ee] {
+.o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
     width: 272px;
 }
 }
 @media (max-width: 840px) {
-.o-header-search-row.is-focus .o-header-search-input[data-v-bf46f1ee] {
+.o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
     flex: 1;
     width: auto;
 }
 }
-.o-header-search-back-icon[data-v-bf46f1ee] {
+.o-header-search-back-icon[data-v-426c3515] {
   cursor: pointer;
   color: var(--o-color-info1);
   font-size: 20px;
   height: 30px;
 }
-.o-header-search-text[data-v-bf46f1ee] {
+.o-header-search-text[data-v-426c3515] {
   white-space: nowrap;
   font-size: 16px;
   line-height: 24px;
@@ -120,11 +126,11 @@
   height: 30px;
 }
 @media (hover: hover) {
-.o-header-search-text[data-v-bf46f1ee]:hover {
+.o-header-search-text[data-v-426c3515]:hover {
     color: var(--o-color-primary1);
 }
 }
-.o-header-search-drawer[data-v-bf46f1ee] {
+.o-header-search-drawer[data-v-426c3515] {
   position: absolute;
   width: 100%;
   padding: var(--o-gap-4);
@@ -134,7 +140,7 @@
   border-radius: 0 0 var(--o-radius-xs) var(--o-radius-xs);
 }
 @media (max-width: 840px) {
-.o-header-search-drawer[data-v-bf46f1ee] {
+.o-header-search-drawer[data-v-426c3515] {
     position: static;
     height: calc(100vh - 50px);
     padding-top: 0;
@@ -143,7 +149,7 @@
     border-radius: unset;
 }
 }
-.o-header-search-drawer[data-v-bf46f1ee]::before {
+.o-header-search-drawer[data-v-426c3515]::before {
   content: "";
   position: absolute;
   left: 0;
@@ -153,11 +159,11 @@
   background-color: var(--o-color-fill2);
 }
 @media (max-width: 840px) {
-.o-header-search-drawer[data-v-bf46f1ee]::before {
+.o-header-search-drawer[data-v-426c3515]::before {
     display: none;
 }
 }
-.o-header-search-mobile-icon[data-v-bf46f1ee] {
+.o-header-search-mobile-icon[data-v-426c3515] {
   font-size: 24px;
   line-height: 28px;
   color: var(--o-color-info2);
@@ -165,34 +171,34 @@
   display: none;
 }
 @media (max-width: 840px) {
-.o-header-search-mobile-icon[data-v-bf46f1ee] {
+.o-header-search-mobile-icon[data-v-426c3515] {
     display: block;
 }
 }
-.o-header-search-drawer-enter-active[data-v-bf46f1ee] {
+.o-header-search-drawer-enter-active[data-v-426c3515] {
   transition: opacity var(--o-duration-m1);
 }
-.o-header-search-drawer-enter-from[data-v-bf46f1ee] {
+.o-header-search-drawer-enter-from[data-v-426c3515] {
   opacity: 0;
 }
-.o-header-search.is-mobile-mode[data-v-bf46f1ee] {
+.o-header-search.is-mobile-mode[data-v-426c3515] {
   width: 24px;
   height: 24px;
 }
-.o-header-search.is-mobile-mode .o-header-search-mobile-icon[data-v-bf46f1ee] {
+.o-header-search.is-mobile-mode .o-header-search-mobile-icon[data-v-426c3515] {
   display: block;
 }
-.o-header-search.is-mobile-mode .o-header-search-row.is-focus[data-v-bf46f1ee] {
+.o-header-search.is-mobile-mode .o-header-search-row.is-focus[data-v-426c3515] {
   align-items: center;
   gap: var(--o-gap-4);
   padding: 10px var(--o-gap-4) var(--o-gap-4) var(--o-gap-4);
   border-radius: unset;
 }
-.o-header-search.is-mobile-mode .o-header-search-row.is-focus .o-header-search-input[data-v-bf46f1ee] {
+.o-header-search.is-mobile-mode .o-header-search-row.is-focus .o-header-search-input[data-v-426c3515] {
   flex: 1;
   width: auto;
 }
-.o-header-search.is-mobile-mode .o-header-search-drawer[data-v-bf46f1ee] {
+.o-header-search.is-mobile-mode .o-header-search-drawer[data-v-426c3515] {
   position: static;
   height: calc(100vh - 50px);
   padding-top: 0;
@@ -200,21 +206,21 @@
   box-shadow: unset;
   border-radius: unset;
 }
-.o-header-search.is-mobile-mode .o-header-search-drawer[data-v-bf46f1ee]::before {
+.o-header-search.is-mobile-mode .o-header-search-drawer[data-v-426c3515]::before {
   display: none;
 }
-.o-header-search.is-simple[data-v-bf46f1ee] {
+.o-header-search.is-simple[data-v-426c3515] {
   width: 24px;
   height: 24px;
 }
-.o-header-search.is-simple .o-header-search-mobile-icon[data-v-bf46f1ee] {
+.o-header-search.is-simple .o-header-search-mobile-icon[data-v-426c3515] {
   display: block;
 }
-[data-v-bf46f1ee] .o-input.o_box-medium {
+[data-v-426c3515] .o-input.o_box-medium {
   --_box-height: 32px;
 }
 @media (max-width: 840px) {
-[data-v-bf46f1ee] .o-input.o_box-medium {
+[data-v-426c3515] .o-input.o_box-medium {
     --_box-height: 40px;
 }
 }