@opendesign-plus/components 0.0.1-rc.46 → 0.0.1-rc.48

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

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

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, inject, resolveDirective, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, createVNode, withCtx, Fragment, renderList, toDisplayString, withDirectives, createBlock, resolveDynamicComponent, createCommentVNode, createTextVNode } from "vue";
-import { OScroller, OIcon, OTag, OPopover } from "@opensig/opendesign";
+import { OScroller, OPopover, OIcon, OTag } from "@opensig/opendesign";
 import { useTheme } from "../../../shared/theme.mjs";
 import { useI18n } from "../../../i18n/index.mjs";
 const _hoisted_1 = { class: "header-content-nav" };
@@ -8,7 +8,7 @@ const _hoisted_3 = { class: "content-left" };
 const _hoisted_4 = { class: "content-label" };
 const _hoisted_5 = { class: "content-container" };
 const _hoisted_6 = ["href", "target"];
-const _hoisted_7 = { class: "item-name" };
+const _hoisted_7 = { class: "popover-shortcut" };
 const _hoisted_8 = {
   key: 0,
   class: "desc-container"
@@ -28,8 +28,8 @@ const _hoisted_14 = { class: "popover-shortcut" };
 const _hoisted_15 = ["href", "target"];
 const _hoisted_16 = ["src"];
 const _hoisted_17 = { class: "review-content" };
-const _hoisted_18 = { class: "review-label" };
-const _hoisted_19 = { class: "review-property" };
+const _hoisted_18 = { class: "popover-shortcut" };
+const _hoisted_19 = { class: "popover-shortcut" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "HeaderContent",
   props: {
@@ -44,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
-    const { locale } = useI18n();
+    const { locale, t } = useI18n();
     const { theme, isDark } = useTheme();
     const navVisible = ref(false);
     const onMouseEnter = () => {
@@ -64,6 +64,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const target = e.target;
       showDesc.value = target.clientHeight < target.scrollHeight;
     };
+    const showTitle = ref(false);
+    const titleMouseenter = (e) => {
+      if (!e || !e.target) {
+        return;
+      }
+      const target = e.target;
+      showTitle.value = target.clientHeight < target.scrollHeight;
+    };
     const hoveringNavLiName = inject("hoveringNavLiName");
     const onClickNavHref = (item, sub) => {
       const res = {
@@ -83,7 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         properties: {
           module: "navigation",
           level1: (hoveringNavLiName == null ? void 0 : hoveringNavLiName.value) ?? "",
-          level2: locale.value === "zh" ? "快捷链接" : "Quick Link",
+          level2: locale.value === t("header.quickLink"),
           level3: item.label,
           target: item.label,
           url: item.href
@@ -148,15 +156,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   rel: "noopener noreferrer",
                                   class: "item-label"
                                 }, [
-                                  createElementVNode("span", _hoisted_7, toDisplayString(subItem.label), 1),
-                                  subItem.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
+                                  showTitle.value ? (openBlock(), createBlock(unref(OPopover), {
+                                    key: 0,
+                                    trigger: "hover",
+                                    position: "bottom",
+                                    "adjust-min-width": false,
+                                    "adjust-width": false
+                                  }, {
+                                    target: withCtx(() => [
+                                      createElementVNode("p", {
+                                        class: "item-name",
+                                        onMouseenter: _cache[0] || (_cache[0] = ($event) => titleMouseenter($event))
+                                      }, toDisplayString(subItem.label), 33)
+                                    ]),
+                                    default: withCtx(() => [
+                                      createElementVNode("p", _hoisted_7, toDisplayString(subItem.label), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1024)) : (openBlock(), createElementBlock("p", {
+                                    key: 1,
+                                    class: "item-name",
+                                    onMouseenter: _cache[1] || (_cache[1] = ($event) => titleMouseenter($event))
+                                  }, toDisplayString(subItem.label), 33)),
+                                  subItem.icon ? (openBlock(), createBlock(unref(OIcon), { key: 2 }, {
                                     default: withCtx(() => [
                                       (openBlock(), createBlock(resolveDynamicComponent(subItem.icon)))
                                     ]),
                                     _: 2
                                   }, 1024)) : createCommentVNode("", true),
                                   subItem.tag ? (openBlock(), createBlock(unref(OTag), {
-                                    key: 1,
+                                    key: 3,
                                     color: "danger",
                                     size: "small",
                                     class: normalizeClass(["content-tag", `tag-${(_a3 = subItem == null ? void 0 : subItem.tag) == null ? void 0 : _a3.toLowerCase()}`])
@@ -180,7 +209,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     target: withCtx(() => [
                                       createElementVNode("p", {
                                         class: normalizeClass(["item-desc", [`item-desc-line-${subItem == null ? void 0 : subItem.line}`]]),
-                                        onMouseenter: _cache[0] || (_cache[0] = ($event) => descMouseenter($event))
+                                        onMouseenter: _cache[2] || (_cache[2] = ($event) => descMouseenter($event))
                                       }, toDisplayString(subItem.description), 35)
                                     ]),
                                     default: withCtx(() => [
@@ -190,7 +219,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   }, 1024)) : (openBlock(), createElementBlock("p", {
                                     key: 1,
                                     class: normalizeClass(["item-desc", [`item-desc-line-${subItem == null ? void 0 : subItem.line}`]]),
-                                    onMouseenter: _cache[1] || (_cache[1] = ($event) => descMouseenter($event))
+                                    onMouseenter: _cache[3] || (_cache[3] = ($event) => descMouseenter($event))
                                   }, toDisplayString(subItem.description), 35))
                                 ])) : createCommentVNode("", true)
                               ], 2);
@@ -201,7 +230,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     ((_c2 = (_b2 = props.itemData) == null ? void 0 : _b2.shortcut) == null ? void 0 : _c2.length) ? (openBlock(), createElementBlock("div", _hoisted_10)) : createCommentVNode("", true),
                     ((_e = (_d = props.itemData) == null ? void 0 : _d.shortcut) == null ? void 0 : _e.length) ? (openBlock(), createElementBlock("div", _hoisted_11, [
-                      createElementVNode("span", _hoisted_12, toDisplayString(unref(locale) === "zh" ? "快捷链接" : "Quick Link"), 1),
+                      createElementVNode("span", _hoisted_12, toDisplayString(unref(t)("header.quickLink")), 1),
                       !((_f = props.itemData) == null ? void 0 : _f.withPicture) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList((_g = props.itemData) == null ? void 0 : _g.shortcut, (shortcut) => {
                         return openBlock(), createElementBlock("div", {
                           key: shortcut.label,
@@ -223,7 +252,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               target: withCtx(() => [
                                 createElementVNode("p", {
                                   class: "shortcut-title",
-                                  onMouseenter: _cache[2] || (_cache[2] = ($event) => descMouseenter($event))
+                                  onMouseenter: _cache[4] || (_cache[4] = ($event) => descMouseenter($event))
                                 }, toDisplayString(shortcut.label), 33)
                               ]),
                               default: withCtx(() => [
@@ -233,7 +262,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             }, 1024)) : (openBlock(), createElementBlock("p", {
                               key: 1,
                               class: "shortcut-title",
-                              onMouseenter: _cache[3] || (_cache[3] = ($event) => descMouseenter($event))
+                              onMouseenter: _cache[5] || (_cache[5] = ($event) => descMouseenter($event))
                             }, toDisplayString(shortcut.label), 33)),
                             shortcut.icon ? (openBlock(), createBlock(unref(OIcon), { key: 2 }, {
                               default: withCtx(() => [
@@ -258,8 +287,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             class: "review-picture"
                           }, null, 8, _hoisted_16),
                           createElementVNode("div", _hoisted_17, [
-                            createElementVNode("p", _hoisted_18, toDisplayString(shortcut.label), 1),
-                            createElementVNode("div", _hoisted_19, toDisplayString(shortcut.remark), 1)
+                            showDesc.value ? (openBlock(), createBlock(unref(OPopover), {
+                              key: 0,
+                              trigger: "hover",
+                              position: "bottom",
+                              "adjust-min-width": false,
+                              "adjust-width": false
+                            }, {
+                              target: withCtx(() => [
+                                createElementVNode("p", {
+                                  class: "review-label",
+                                  onMouseenter: _cache[6] || (_cache[6] = ($event) => descMouseenter($event))
+                                }, toDisplayString(shortcut.label), 33)
+                              ]),
+                              default: withCtx(() => [
+                                createElementVNode("p", _hoisted_18, toDisplayString(shortcut.label), 1)
+                              ]),
+                              _: 2
+                            }, 1024)) : (openBlock(), createElementBlock("p", {
+                              key: 1,
+                              class: "review-label",
+                              onMouseenter: _cache[7] || (_cache[7] = ($event) => descMouseenter($event))
+                            }, toDisplayString(shortcut.label), 33)),
+                            showTitle.value ? (openBlock(), createBlock(unref(OPopover), {
+                              key: 2,
+                              trigger: "hover",
+                              position: "bottom",
+                              "adjust-min-width": false,
+                              "adjust-width": false
+                            }, {
+                              target: withCtx(() => [
+                                createElementVNode("div", {
+                                  class: "review-property",
+                                  onMouseenter: _cache[8] || (_cache[8] = ($event) => titleMouseenter($event))
+                                }, toDisplayString(shortcut.remark), 33)
+                              ]),
+                              default: withCtx(() => [
+                                createElementVNode("div", _hoisted_19, toDisplayString(shortcut.remark), 1)
+                              ]),
+                              _: 2
+                            }, 1024)) : (openBlock(), createElementBlock("div", {
+                              key: 3,
+                              class: "review-property",
+                              onMouseenter: _cache[9] || (_cache[9] = ($event) => titleMouseenter($event))
+                            }, toDisplayString(shortcut.remark), 33))
                           ])
                         ], 8, _hoisted_15)), [
                           [_directive_analytics, () => onClickShortcut(shortcut)]

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

@@ -1,47 +1,47 @@
-.hover-icon-rotate .o-icon[data-v-aeb69719] {
+.hover-icon-rotate .o-icon[data-v-11427217] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-aeb69719] {
+.hover-icon-rotate:hover .o-icon[data-v-11427217] {
     transform: rotate(-180deg);
 }
 }
-.header-nav-wrap[data-v-aeb69719] {
+.header-nav-wrap[data-v-11427217] {
   height: 100%;
   --nav-right: 64px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.header-nav-wrap[data-v-aeb69719] {
+.header-nav-wrap[data-v-11427217] {
     --nav-right: 48px;
 }
 }
 @media (max-width: 1200px) {
-.header-nav-wrap[data-v-aeb69719] {
+.header-nav-wrap[data-v-11427217] {
     --nav-right: 32px;
 }
 }
-.header-nav-wrap .header-nav[data-v-aeb69719] {
+.header-nav-wrap .header-nav[data-v-11427217] {
   height: 100%;
   display: flex;
   justify-content: space-between;
   width: calc(100% - var(--nav-right));
   align-items: center;
 }
-.header-nav-wrap .header-nav-scroll[data-v-aeb69719] {
+.header-nav-wrap .header-nav-scroll[data-v-11427217] {
   width: calc(100% - var(--nav-right) - 24px);
 }
-.o-nav[data-v-aeb69719] {
+.o-nav[data-v-11427217] {
   height: 100%;
   position: relative;
   overflow-y: hidden;
   overflow-x: auto;
   z-index: 8;
 }
-.o-nav[data-v-aeb69719]::-webkit-scrollbar {
+.o-nav[data-v-11427217]::-webkit-scrollbar {
   display: none;
 }
-.left-icon[data-v-aeb69719],
-.right-icon[data-v-aeb69719] {
+.left-icon[data-v-11427217],
+.right-icon[data-v-11427217] {
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -50,24 +50,24 @@
   height: 16px;
   border-radius: var(--o-radius-xs);
 }
-.left-icon .o-icon[data-v-aeb69719],
-.right-icon .o-icon[data-v-aeb69719] {
+.left-icon .o-icon[data-v-11427217],
+.right-icon .o-icon[data-v-11427217] {
   --icon-size: 16px;
   position: relative;
   z-index: 11;
 }
 @media (hover: hover) {
-.left-icon[data-v-aeb69719]:hover,
-  .right-icon[data-v-aeb69719]:hover {
+.left-icon[data-v-11427217]:hover,
+  .right-icon[data-v-11427217]:hover {
     background-color: var(--o-color-control2-light);
     color: var(--o-color-link2);
 }
 }
-.left-icon[data-v-aeb69719]:active,
-.right-icon[data-v-aeb69719]:active {
+.left-icon[data-v-11427217]:active,
+.right-icon[data-v-11427217]:active {
   color: var(--o-color-link3);
 }
-.left-icon[data-v-aeb69719]::before {
+.left-icon[data-v-11427217]::before {
   content: "";
   position: absolute;
   width: 50px;
@@ -79,16 +79,16 @@
   cursor: default;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.left-icon[data-v-aeb69719]::before {
+.left-icon[data-v-11427217]::before {
     top: -24px;
 }
 }
 @media (max-width: 1200px) {
-.left-icon[data-v-aeb69719]::before {
+.left-icon[data-v-11427217]::before {
     top: -20px;
 }
 }
-.right-icon[data-v-aeb69719]::before {
+.right-icon[data-v-11427217]::before {
   content: "";
   position: absolute;
   width: 50px;
@@ -100,25 +100,25 @@
   cursor: default;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.right-icon[data-v-aeb69719]::before {
+.right-icon[data-v-11427217]::before {
     top: -24px;
 }
 }
 @media (max-width: 1200px) {
-.right-icon[data-v-aeb69719]::before {
+.right-icon[data-v-11427217]::before {
     top: -20px;
 }
 }
-[data-o-theme*=dark] .left-icon[data-v-aeb69719] {
+[data-o-theme*=dark] .left-icon[data-v-11427217]::before {
   background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 1) 0%, rgba(var(--o-grey-4), 0) 100%);
 }
-[data-o-theme*=dark] .right-icon[data-v-aeb69719] {
+[data-o-theme*=dark] .right-icon[data-v-11427217]::before {
   background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 0) 0%, rgba(var(--o-grey-4), 1) 100%);
 }
-.o-nav-scroll[data-v-aeb69719]::after {
+.o-nav-scroll[data-v-11427217]::after {
   display: none;
 }
-.o-nav-list[data-v-aeb69719] {
+.o-nav-list[data-v-11427217] {
   display: flex;
   height: 100%;
   width: fit-content;
@@ -127,7 +127,7 @@
   padding: 0;
   margin: 0;
 }
-.o-nav-list li[data-v-aeb69719] {
+.o-nav-list li[data-v-11427217] {
   position: relative;
   display: flex;
   align-items: center;
@@ -135,10 +135,10 @@
   color: var(--o-color-info1);
   transition: all var(--o-duration-s) var(--o-easing-standard);
 }
-.o-nav-list li .nav-text[data-v-aeb69719] {
+.o-nav-list li .nav-text[data-v-11427217] {
   position: relative;
 }
-.o-nav-list li .nav-text[data-v-aeb69719]::after {
+.o-nav-list li .nav-text[data-v-11427217]::after {
   content: "";
   position: absolute;
   left: 0;
@@ -151,32 +151,32 @@
   transition: all var(--o-duration-s) var(--o-easing-standard);
 }
 @media (max-width: 1440px) {
-.o-nav-list li .nav-text[data-v-aeb69719]::after {
+.o-nav-list li .nav-text[data-v-11427217]::after {
     bottom: -21px;
 }
 }
 @media (max-width: 1200px) {
-.o-nav-list li .nav-text[data-v-aeb69719]::after {
+.o-nav-list li .nav-text[data-v-11427217]::after {
     bottom: -17px;
 }
 }
-.o-nav-list li.is-selected .nav-text[data-v-aeb69719] {
+.o-nav-list li.is-selected .nav-text[data-v-11427217] {
   color: var(--o-color-primary2);
 }
-.o-nav-list li.is-active .nav-text[data-v-aeb69719] {
+.o-nav-list li.is-active .nav-text[data-v-11427217] {
   color: var(--o-color-primary1);
   z-index: 99;
   font-weight: 600;
 }
-.o-nav-list li.is-active .nav-text[data-v-aeb69719]::after {
+.o-nav-list li.is-active .nav-text[data-v-11427217]::after {
   content: "";
   opacity: 1;
 }
-.o-nav-list li.is-disabled[data-v-aeb69719] {
+.o-nav-list li.is-disabled[data-v-11427217] {
   color: var(--o-color-info4);
   pointer-events: none;
 }
-.o-nav-list .nav-item[data-v-aeb69719] {
+.o-nav-list .nav-item[data-v-11427217] {
   cursor: default;
   display: flex;
   align-items: center;
@@ -185,60 +185,60 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-nav-list .nav-item[data-v-aeb69719] {
+.o-nav-list .nav-item[data-v-11427217] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-nav-list .nav-item[data-v-aeb69719] {
+.o-nav-list .nav-item[data-v-11427217] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-nav-list .nav-item[data-v-aeb69719] {
+.o-nav-list .nav-item[data-v-11427217] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-nav-list .nav-item[data-v-aeb69719] {
+.o-nav-list .nav-item[data-v-11427217] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 1440px) {
-.o-nav-list .nav-item[data-v-aeb69719] {
+.o-nav-list .nav-item[data-v-11427217] {
     padding: 18px 12px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-nav-list .nav-item[data-v-aeb69719] {
+.o-nav-list .nav-item[data-v-11427217] {
     padding: 14px 8px;
 }
 }
 @media (min-width: 841px) and (max-width: 1000px) {
-.o-nav-list .nav-item.en[data-v-aeb69719] {
+.o-nav-list .nav-item.en[data-v-11427217] {
     padding: var(--o-gap-2);
 }
 }
-.o-nav-list .item-other[data-v-aeb69719] {
+.o-nav-list .item-other[data-v-11427217] {
   cursor: pointer;
 }
-.o-nav-list .item-other .content-tag[data-v-aeb69719] {
+.o-nav-list .item-other .content-tag[data-v-11427217] {
   margin-left: var(--o-gap-2);
   --layout-pkg-radius: var(--o-radius-xs);
 }
-.o-nav-list .item-other:active .nav-text[data-v-aeb69719] {
+.o-nav-list .item-other:active .nav-text[data-v-11427217] {
   color: var(--o-color-primary1);
   z-index: 99;
   font-weight: 600;
 }
-.o-nav-list .item-other:active .nav-text[data-v-aeb69719]::after {
+.o-nav-list .item-other:active .nav-text[data-v-11427217]::after {
   content: "";
   opacity: 1;
 }
-.mindspore .item-other .content-tag[data-v-aeb69719] {
+.mindspore .item-other .content-tag[data-v-11427217] {
   --layout-pkg-radius: 100vh;
 }

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

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

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

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