@opendesign-plus/components 0.0.1-rc.39 → 0.0.1-rc.40

package/dist/treeshaking/components/header/components/HeaderNavMobile.vue2.mjs

@@ -1,40 +1,43 @@
-import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createBlock, unref, withCtx, resolveDynamicComponent, createCommentVNode, createTextVNode, renderSlot } from "vue";
+import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, renderSlot, createBlock, unref, withCtx, resolveDynamicComponent, createTextVNode } from "vue";
 import { OIcon, OTag } from "@opensig/opendesign";
 import { NavType } from "../types.mjs";
 const _hoisted_1 = { class: "o-nav" };
 const _hoisted_2 = { class: "o-nav-list" };
 const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "nav-aside" };
+const _hoisted_4 = { class: "header-tool" };
 const _hoisted_5 = {
+  key: 2,
+  class: "other-tool"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "nav-aside"
+};
+const _hoisted_7 = {
   key: 0,
   class: "nav-aside-wrapper"
 };
-const _hoisted_6 = ["value"];
-const _hoisted_7 = { class: "content-label" };
-const _hoisted_8 = { class: "container-mobile" };
-const _hoisted_9 = ["onClick"];
-const _hoisted_10 = { class: "item-label" };
-const _hoisted_11 = { class: "desc-container" };
-const _hoisted_12 = { class: "item-desc" };
-const _hoisted_13 = ["onClick"];
-const _hoisted_14 = { class: "item-label" };
-const _hoisted_15 = {
+const _hoisted_8 = ["value"];
+const _hoisted_9 = { class: "content-label" };
+const _hoisted_10 = { class: "container-mobile" };
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = { class: "item-label" };
+const _hoisted_13 = { class: "desc-container" };
+const _hoisted_14 = { class: "item-desc" };
+const _hoisted_15 = ["onClick"];
+const _hoisted_16 = { class: "item-label" };
+const _hoisted_17 = {
   key: 1,
   class: "nav-aside-wrapper"
 };
-const _hoisted_16 = ["onClick"];
-const _hoisted_17 = { class: "header-tool" };
-const _hoisted_18 = {
-  key: 2,
-  class: "other-tool"
-};
+const _hoisted_18 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "HeaderNavMobile",
   props: {
     menuShow: { type: Boolean, default: false },
     navData: { default: () => [] },
-    codeData: { default: () => [] },
-    langData: { default: () => [] }
+    codeData: {},
+    langData: {}
   },
   emits: ["on-click", "lang-click", "handle-click"],
   setup(__props, { emit: __emit }) {
@@ -90,6 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
+      var _a, _b;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["header-nav", { active: __props.menuShow }])
       }, [
@@ -103,123 +107,124 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })
               }, [
                 createElementVNode("span", {
+                  class: "text-label",
                   onClick: ($event) => handleNavClick(item, "nav")
                 }, toDisplayString(item.label), 9, _hoisted_3)
               ], 2);
             }), 128))
           ]),
           createElementVNode("div", _hoisted_4, [
-            navActive.value !== "code" && navActive.value !== "lang" ? (openBlock(), createElementBlock("ul", _hoisted_5, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(navInfo.value.children, (item) => {
-                return openBlock(), createElementBlock("li", {
-                  value: item.label,
-                  key: item.label,
-                  class: "nav-aside-content"
-                }, [
-                  (item == null ? void 0 : item.children) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    createElementVNode("p", _hoisted_7, toDisplayString(item.label), 1),
-                    createElementVNode("div", _hoisted_8, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(item == null ? void 0 : item.children, (subItem) => {
-                        return openBlock(), createElementBlock("div", {
-                          key: subItem.label,
-                          class: "content-container-mobile"
+            __props.codeData ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(["header-tool-item", {
+                active: navActive.value === "code"
+              }]),
+              onClick: _cache[0] || (_cache[0] = ($event) => handleNavClick(null, "code"))
+            }, toDisplayString(__props.codeData.label), 3)) : createCommentVNode("", true),
+            __props.langData ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass(["header-tool-item", {
+                active: navActive.value === "lang"
+              }]),
+              onClick: _cache[1] || (_cache[1] = ($event) => handleNavClick(null, "lang"))
+            }, toDisplayString(__props.langData.label), 3)) : createCommentVNode("", true),
+            _ctx.$slots.tool ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              renderSlot(_ctx.$slots, "tool", {}, void 0, true)
+            ])) : createCommentVNode("", true)
+          ])
+        ]),
+        ((_b = (_a = navInfo.value) == null ? void 0 : _a.children) == null ? void 0 : _b.length) ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          navActive.value !== "code" && navActive.value !== "lang" ? (openBlock(), createElementBlock("ul", _hoisted_7, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(navInfo.value.children, (item) => {
+              return openBlock(), createElementBlock("li", {
+                value: item.label,
+                key: item.label,
+                class: "nav-aside-content"
+              }, [
+                (item == null ? void 0 : item.children) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  createElementVNode("p", _hoisted_9, toDisplayString(item.label), 1),
+                  createElementVNode("div", _hoisted_10, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(item == null ? void 0 : item.children, (subItem) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: subItem.label,
+                        class: normalizeClass(["content-container-mobile", { "content-item-disabled": subItem == null ? void 0 : subItem.disabled }])
+                      }, [
+                        createElementVNode("a", {
+                          onClick: ($event) => onClick(subItem.href, subItem == null ? void 0 : subItem.target),
+                          rel: "noopener noreferrer",
+                          class: "content-subtitle"
                         }, [
-                          createElementVNode("a", {
-                            onClick: ($event) => onClick(subItem.href, subItem == null ? void 0 : subItem.target),
-                            rel: "noopener noreferrer",
-                            class: "content-subtitle"
-                          }, [
-                            createElementVNode("span", _hoisted_10, toDisplayString(subItem.label), 1),
-                            subItem.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
-                              default: withCtx(() => [
-                                (openBlock(), createBlock(resolveDynamicComponent(subItem.icon), { class: "icon" }))
-                              ]),
-                              _: 2
-                            }, 1024)) : createCommentVNode("", true),
-                            subItem.tag ? (openBlock(), createBlock(unref(OTag), {
-                              key: 1,
-                              round: "pill",
-                              color: "danger",
-                              size: "small",
-                              class: "content-tag"
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode(toDisplayString(subItem.tag), 1)
-                              ]),
-                              _: 2
-                            }, 1024)) : createCommentVNode("", true)
-                          ], 8, _hoisted_9),
-                          createElementVNode("div", _hoisted_11, [
-                            createElementVNode("p", _hoisted_12, toDisplayString(subItem.description), 1)
-                          ])
-                        ]);
-                      }), 128))
-                    ])
-                  ], 64)) : (openBlock(), createElementBlock("a", {
-                    key: 1,
-                    onClick: ($event) => onClick(item.href, item == null ? void 0 : item.target),
-                    rel: "noopener noreferrer",
-                    class: "content-subtitle item-not-children"
-                  }, [
-                    createElementVNode("span", _hoisted_14, toDisplayString(item.label), 1),
-                    item.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
-                      default: withCtx(() => [
-                        (openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "icon" }))
-                      ]),
-                      _: 2
-                    }, 1024)) : createCommentVNode("", true),
-                    item.tag ? (openBlock(), createBlock(unref(OTag), {
-                      key: 1,
-                      round: "pill",
-                      color: "danger",
-                      size: "small"
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(item.tag), 1)
-                      ]),
-                      _: 2
-                    }, 1024)) : createCommentVNode("", true)
-                  ], 8, _hoisted_13))
-                ], 8, _hoisted_6);
-              }), 128))
-            ])) : (openBlock(), createElementBlock("div", _hoisted_15, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(navInfo.value, (item) => {
-                return openBlock(), createElementBlock("a", {
-                  key: item.label,
-                  onClick: ($event) => onClickNav(item),
-                  class: "source-code-item"
+                          createElementVNode("span", _hoisted_12, toDisplayString(subItem.label), 1),
+                          subItem.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
+                            default: withCtx(() => [
+                              (openBlock(), createBlock(resolveDynamicComponent(subItem.icon), { class: "icon" }))
+                            ]),
+                            _: 2
+                          }, 1024)) : createCommentVNode("", true),
+                          subItem.tag ? (openBlock(), createBlock(unref(OTag), {
+                            key: 1,
+                            round: "pill",
+                            color: "danger",
+                            size: "small",
+                            class: "content-tag"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(subItem.tag), 1)
+                            ]),
+                            _: 2
+                          }, 1024)) : createCommentVNode("", true)
+                        ], 8, _hoisted_11),
+                        createElementVNode("div", _hoisted_13, [
+                          createElementVNode("p", _hoisted_14, toDisplayString(subItem.description), 1)
+                        ])
+                      ], 2);
+                    }), 128))
+                  ])
+                ], 64)) : (openBlock(), createElementBlock("a", {
+                  key: 1,
+                  onClick: ($event) => onClick(item.href, item == null ? void 0 : item.target),
+                  rel: "noopener noreferrer",
+                  class: "content-subtitle item-not-children"
                 }, [
-                  createElementVNode("span", null, toDisplayString(item.label), 1),
+                  createElementVNode("span", _hoisted_16, toDisplayString(item.label), 1),
                   item.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
                     default: withCtx(() => [
                       (openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "icon" }))
                     ]),
                     _: 2
+                  }, 1024)) : createCommentVNode("", true),
+                  item.tag ? (openBlock(), createBlock(unref(OTag), {
+                    key: 1,
+                    round: "pill",
+                    color: "danger",
+                    size: "small"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(item.tag), 1)
+                    ]),
+                    _: 2
                   }, 1024)) : createCommentVNode("", true)
-                ], 8, _hoisted_16);
-              }), 128))
-            ]))
-          ])
-        ]),
-        createElementVNode("div", _hoisted_17, [
-          __props.codeData ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(["header-tool-item", {
-              active: navActive.value === "code"
-            }]),
-            onClick: _cache[0] || (_cache[0] = ($event) => handleNavClick(null, "code"))
-          }, toDisplayString(__props.codeData.label), 3)) : createCommentVNode("", true),
-          __props.langData ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: normalizeClass(["header-tool-item", {
-              active: navActive.value === "lang"
-            }]),
-            onClick: _cache[1] || (_cache[1] = ($event) => handleNavClick(null, "lang"))
-          }, toDisplayString(__props.langData.label), 3)) : createCommentVNode("", true),
-          _ctx.$slots.tool ? (openBlock(), createElementBlock("div", _hoisted_18, [
-            renderSlot(_ctx.$slots, "tool", {}, void 0, true)
-          ])) : createCommentVNode("", true)
-        ])
+                ], 8, _hoisted_15))
+              ], 8, _hoisted_8);
+            }), 128))
+          ])) : (openBlock(), createElementBlock("div", _hoisted_17, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(navInfo.value, (item) => {
+              return openBlock(), createElementBlock("a", {
+                key: item.label,
+                onClick: ($event) => onClickNav(item),
+                class: "source-code-item"
+              }, [
+                createElementVNode("span", null, toDisplayString(item.label), 1),
+                item.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
+                  default: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "icon" }))
+                  ]),
+                  _: 2
+                }, 1024)) : createCommentVNode("", true)
+              ], 8, _hoisted_18);
+            }), 128))
+          ]))
+        ])) : createCommentVNode("", true)
       ], 2);
     };
   }

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

@@ -2,11 +2,15 @@ import { App } from 'vue';
 declare const OHeader: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').NavT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
+        "onNav-layout"?: ((val: any) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         "handle-click": (val: any) => any;
+        "nav-layout": (val: any) => any;
         "go-home": () => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    }, import('vue').PublicProps, {
+        isFlatten: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         contentRef: HTMLDivElement;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -17,21 +21,29 @@ declare const OHeader: {
         Defaults: {};
     }, Readonly<import('./types').NavT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
+        "onNav-layout"?: ((val: any) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
-    }>, {}, {}, {}, {}, {}>;
+    }>, {}, {}, {}, {}, {
+        isFlatten: boolean;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./types').NavT> & Readonly<{
     "onHandle-click"?: ((val: any) => any) | undefined;
+    "onNav-layout"?: ((val: any) => any) | undefined;
     "onGo-home"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "handle-click": (val: any) => any;
+    "nav-layout": (val: any) => any;
     "go-home": () => any;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+}, string, {
+    isFlatten: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         logo?(_: {}): any;
         nav?(_: {}): any;
+        nav?(_: {}): any;
         toolbar?(_: {}): any;
     };
 }) & {
@@ -53,8 +65,8 @@ declare const OHeaderMobile: {
             $props: {
                 readonly menuShow: boolean;
                 readonly navData: import('./types').NavItemT[];
-                readonly codeData?: import('./types').CodeT[] | undefined;
-                readonly langData?: import('./types').LangT[] | undefined;
+                readonly codeData?: import('./types').CodeT | undefined;
+                readonly langData?: import('./types').LangT | undefined;
                 readonly "onHandle-click"?: ((val: any) => any) | undefined;
                 readonly "onOn-click"?: (() => any) | undefined;
                 readonly "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
@@ -81,8 +93,6 @@ declare const OHeaderMobile: {
                 "lang-click": (val: import('./types').LangItemT) => any;
             }, string, {
                 navData: import('./types').NavItemT[];
-                codeData: import('./types').CodeT[];
-                langData: import('./types').LangT[];
                 menuShow: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -106,14 +116,12 @@ declare const OHeaderMobile: {
             $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[];
-            codeData: import('./types').CodeT[];
-            langData: import('./types').LangT[];
             menuShow: boolean;
         }> & Omit<Readonly<import('./types').NavMobileItemT> & Readonly<{
             "onHandle-click"?: ((val: any) => any) | undefined;
             "onOn-click"?: (() => any) | undefined;
             "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
-        }>, "navData" | "codeData" | "langData" | "menuShow"> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "navData" | "menuShow"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 tool?(_: {}): any;
             };

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

@@ -11,6 +11,8 @@ export interface ChildrenItemT {
     tag?: tagT;
     icon?: any;
     target?: string;
+    line?: number;
+    disabled?: boolean;
     children?: ChildrenItemT[];
 }
 export interface ShortcutItemT {
@@ -32,6 +34,7 @@ export interface NavItemT {
     children: ChildrenItemT[];
     shortcut: ShortcutItemT[];
     tag?: string;
+    disabled?: boolean;
 }
 export interface CodeItemT {
     label: string;
@@ -58,10 +61,11 @@ export interface NavT {
     bgLeft?: string;
     bgRight?: string;
     activeIndex: string | number;
-    codeData?: CodeT[];
-    langData?: LangT[];
+    codeData?: CodeT;
+    langData?: LangT;
     isSimpleHeader?: boolean;
     headerTitle?: string;
+    isFlatten?: boolean;
 }
 export interface NavLiT {
     navData: NavItemT[];
@@ -79,7 +83,7 @@ export interface NavLiItemT {
 export interface NavMobileItemT {
     menuShow: boolean;
     navData: NavItemT[];
-    codeData?: CodeT[];
-    langData?: LangT[];
+    codeData?: CodeT;
+    langData?: LangT;
 }
 export {};

package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.css

@@ -1,43 +1,43 @@
-.hover-icon-rotate .o-icon[data-v-f4b40fad] {
+.hover-icon-rotate .o-icon[data-v-9ed8b351] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-f4b40fad] {
+.hover-icon-rotate:hover .o-icon[data-v-9ed8b351] {
     transform: rotate(-180deg);
 }
 }
-.hide-lang[data-v-f4b40fad] {
+.hide-lang[data-v-9ed8b351] {
   display: none;
 }
-.header-lang[data-v-f4b40fad] {
-  height: calc(100% + 10px);
+.header-lang[data-v-9ed8b351] {
+  height: 100%;
   display: flex;
   align-items: center;
 }
-.header-lang .info-wrap[data-v-f4b40fad] {
+.header-lang .info-wrap[data-v-9ed8b351] {
   height: 100%;
   display: flex;
   align-items: center;
   cursor: pointer;
 }
-.header-lang .info-wrap .icon[data-v-f4b40fad] {
+.header-lang .info-wrap .icon[data-v-9ed8b351] {
   font-size: var(--o-icon_size_control-m);
   position: relative;
-  color: var(--o-color-info1);
+  color: var(--o-color-info2);
 }
 @media (hover: hover) {
-.header-lang .info-wrap .icon[data-v-f4b40fad]:hover {
-    color: var(--o-color-primary1);
+.header-lang .info-wrap .icon[data-v-9ed8b351]:hover {
+    color: var(--o-color-primary2);
     background-color: var(--o-color-control2-light);
     border-radius: var(--o-radius-xs);
 }
 }
 @media (max-width: 1200px) {
-.header-lang .info-wrap .icon[data-v-f4b40fad] {
+.header-lang .info-wrap .icon[data-v-9ed8b351] {
     font-size: var(--o-icon_size_control-s);
 }
 }
-.header-lang .info-wrap .locale-tag[data-v-f4b40fad] {
+.header-lang .info-wrap .locale-tag[data-v-9ed8b351] {
   position: absolute;
   font-size: 10px;
   height: 12px;
@@ -49,65 +49,72 @@
   left: 12px;
   top: 11px;
 }
-.header-lang .info-wrap .locale-tag.is-en[data-v-f4b40fad] {
+.header-lang .info-wrap .locale-tag.is-en[data-v-9ed8b351] {
   width: 16px;
 }
-.header-lang.is-disabled .info-wrap[data-v-f4b40fad] {
+.header-lang.is-disabled .info-wrap[data-v-9ed8b351] {
   color: var(--o-color-info4);
   cursor: not-allowed;
 }
-.header-lang.is-disabled .info-wrap[data-v-f4b40fad]:hover {
+.header-lang.is-disabled .info-wrap[data-v-9ed8b351]:hover {
   color: var(--o-color-info4);
 }
-.header-lang.is-disabled .info-wrap .o-icon[data-v-f4b40fad] {
+.header-lang.is-disabled .info-wrap .o-icon[data-v-9ed8b351] {
   color: inherit;
 }
 @media (hover: hover) {
-.header-lang.is-disabled .info-wrap .o-icon[data-v-f4b40fad]:hover {
+.header-lang.is-disabled .info-wrap .o-icon[data-v-9ed8b351]:hover {
     background-color: transparent;
 }
 }
-.header-lang .list[data-v-f4b40fad] {
-  background: var(--o-color-fill2);
+.header-lang .list[data-v-9ed8b351] {
+  background: var(--o-color-control5-light);
   cursor: pointer;
   box-shadow: var(--o-shadow-1);
   border-radius: var(--o-radius_control-xs);
   padding: var(--o-gap-1);
   width: 144px;
 }
-.o-dropdown[data-v-f4b40fad] {
+.o-dropdown[data-v-9ed8b351] {
   height: 100%;
 }
-.o-dropdown-item[data-v-f4b40fad] {
-  background: var(--o-color-fill2);
+.o-dropdown-item[data-v-9ed8b351] {
+  background: var(--o-color-control5-light);
   cursor: pointer;
   border-radius: var(--o-radius_control-xs);
-  padding-left: var(--o-gap-3);
-  padding-right: var(--o-gap-3);
-  color: var(--o-color-info1);
+  --dropdown-item-color: var(--o-color-info2);
+  padding: var(--o-gap-1) var(--o-gap-3);
+  height: 32px;
+  --dropdown-item-text-size: 14px;
+  --dropdown-item-text-height: 22px;
 }
 @media (hover: hover) {
-.o-dropdown-item[data-v-f4b40fad]:hover {
+.o-dropdown-item[data-v-9ed8b351]:hover {
     background: var(--o-color-control2-light);
 }
 }
-.o-dropdown-item.is-active[data-v-f4b40fad] {
+.o-dropdown-item[data-v-9ed8b351]:active {
+  color: var(--o-color-primary1);
+  background: var(--o-color-control3-light);
+  font-weight: 600;
+}
+.o-dropdown-item.is-active[data-v-9ed8b351] {
   color: var(--o-color-primary1);
   background: var(--o-color-control3-light);
 }
-.dropdown[data-v-f4b40fad] {
+.dropdown[data-v-9ed8b351] {
   --dropdown-list-radius: var(--o-radius-xs);
 }
-.mobile-change-language[data-v-f4b40fad] {
+.mobile-change-language[data-v-9ed8b351] {
   display: flex;
   align-items: center;
 }
-.mobile-change-language .o-divider[data-v-f4b40fad] {
+.mobile-change-language .o-divider[data-v-9ed8b351] {
   margin: 0;
   height: 8px;
   background-color: var(--o-color-control4);
 }
-.mobile-change-language span[data-v-f4b40fad] {
+.mobile-change-language span[data-v-9ed8b351] {
   color: var(--o-color-info1);
   text-align: center;
   cursor: pointer;
@@ -116,39 +123,39 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.mobile-change-language span[data-v-f4b40fad] {
+.mobile-change-language span[data-v-9ed8b351] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.mobile-change-language span[data-v-f4b40fad] {
+.mobile-change-language span[data-v-9ed8b351] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.mobile-change-language span[data-v-f4b40fad] {
+.mobile-change-language span[data-v-9ed8b351] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.mobile-change-language span[data-v-f4b40fad] {
+.mobile-change-language span[data-v-9ed8b351] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.mobile-change-language span.active[data-v-f4b40fad] {
+.mobile-change-language span.active[data-v-9ed8b351] {
   color: var(--o-color-primary1);
   font-weight: 500;
 }
-.mobile-change-language.is-disabled span[data-v-f4b40fad] {
+.mobile-change-language.is-disabled span[data-v-9ed8b351] {
   color: var(--o-color-info4);
   cursor: not-allowed;
 }
 @media (hover: hover) {
-.mobile-change-language.is-disabled span[data-v-f4b40fad]:hover {
+.mobile-change-language.is-disabled span[data-v-9ed8b351]:hover {
     color: var(--o-color-info4);
 }
 }

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

@@ -2,7 +2,7 @@ import _sfc_main from "./OHeaderLanguageSwitcher.vue2.mjs";
 import './OHeaderLanguageSwitcher.css';
 import './OHeaderLanguageSwitcher2.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OHeaderLanguageSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f4b40fad"]]);
+const _OHeaderLanguageSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9ed8b351"]]);
 export {
   _OHeaderLanguageSwitcher as default
 };