@opendesign-plus-test/components 0.0.1-rc.191 → 0.0.1-rc.192

package/dist/treeshaking/components/user-center/OAppHeader.vue2.mjs

@@ -1,5 +1,6 @@
-import { defineComponent, computed, ref, watch, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode } from "vue";
+import { defineComponent, computed, ref, watch, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, createCommentVNode } from "vue";
 import OHeaderSearch from "../header-search/OHeaderSearch.vue.mjs";
+import OHeaderSourceCode from "../header-source-code/OHeaderSourceCode.vue.mjs";
 import OHeaderUser from "../header-user/OHeaderUser.vue.mjs";
 import OHeaderTheme from "../header-theme/OHeaderTheme.vue.mjs";
 import OHeaderLanguageSwitcher from "../header-language-switcher/OHeaderLanguageSwitcher.vue.mjs";
@@ -8,7 +9,6 @@ import OCommonHeader from "./internal/OCommonHeader.vue.mjs";
 import DefaultAvatar from "../../assets/user-center/images/avatar.png.mjs";
 import { useI18n } from "../../i18n/index.mjs";
 const _hoisted_1 = { class: "header-toolbar" };
-const _hoisted_2 = { class: "header-user-mb" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OAppHeader",
   props: {
@@ -28,7 +28,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     langOptions: { default: () => [
       { id: "zh", label: "简体中文", simple: "中" },
       { id: "en", label: "English", simple: "EN" }
-    ] }
+    ] },
+    codeData: {}
   },
   emits: ["navigate", "theme-change"],
   setup(__props, { emit: __emit }) {
@@ -134,6 +135,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         community: "openEuler",
         logo: __props.logo,
         "nav-data": __props.navData,
+        "code-data": __props.codeData,
         "lang-options": langOptions.value,
         theme: __props.theme,
         "active-index": __props.activeIndex,
@@ -147,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onLangChange: handleLangChange,
         onThemeChange: _cache[1] || (_cache[1] = (v) => emit("theme-change", v))
       }, {
-        toolbar: withCtx(({ theme, setTheme, onLangChange, langOptions: langOptions2 }) => [
+        toolbar: withCtx(({ isMobile, theme, setTheme, onLangChange, langOptions: langOptions2 }) => [
           createElementVNode("div", _hoisted_1, [
             createVNode(OHeaderSearch, {
               modelValue: searchInput.value,
@@ -160,17 +162,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "search-url-open-blank": false,
               onFocus: fetchHotItems
             }, null, 8, ["modelValue", "hot-items", "suggest-items", "search-url"]),
-            createVNode(OHeaderLanguageSwitcher, {
+            __props.codeData && !isMobile ? (openBlock(), createBlock(OHeaderSourceCode, {
+              key: 0,
+              title: __props.codeData.label,
+              options: __props.codeData.children
+            }, null, 8, ["title", "options"])) : createCommentVNode("", true),
+            !isMobile ? (openBlock(), createBlock(OHeaderLanguageSwitcher, {
+              key: 1,
               options: langOptions2,
               type: "common",
               auto: false,
               onChange: onLangChange
-            }, null, 8, ["options", "onChange"]),
-            createVNode(OHeaderTheme, {
+            }, null, 8, ["options", "onChange"])) : createCommentVNode("", true),
+            !isMobile ? (openBlock(), createBlock(OHeaderTheme, {
+              key: 2,
               type: "common",
               theme,
               onChange: setTheme
-            }, null, 8, ["theme", "onChange"]),
+            }, null, 8, ["theme", "onChange"])) : createCommentVNode("", true),
             createVNode(OHeaderUser, {
               token: isLogined.value ? "1" : "",
               "user-info": userInfo.value,
@@ -187,19 +196,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onChange: setTheme
           }, null, 8, ["theme", "onChange"])
         ]),
-        rightConfig: withCtx(() => [
-          createElementVNode("div", _hoisted_2, [
-            createVNode(OHeaderUser, {
-              token: isLogined.value ? "1" : "",
-              "user-info": userInfo.value,
-              options: userOptions.value,
-              onLogin: __props.onLogin,
-              onLogout: __props.onLogout
-            }, null, 8, ["token", "user-info", "options", "onLogin", "onLogout"])
-          ])
-        ]),
         _: 1
-      }, 8, ["logo", "nav-data", "lang-options", "theme", "active-index", "simple-header", "header-title", "locale"]);
+      }, 8, ["logo", "nav-data", "code-data", "lang-options", "theme", "active-index", "simple-header", "header-title", "locale"]);
     };
   }
 });

package/dist/treeshaking/components/user-center/OThirdPartyBindings.css

@@ -1,18 +1,18 @@
-.hover-icon-rotate .o-icon[data-v-742c27f3] {
+.hover-icon-rotate .o-icon[data-v-0492b80f] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-742c27f3] {
+.hover-icon-rotate:hover .o-icon[data-v-0492b80f] {
     transform: rotate(-180deg);
 }
 }
-.title[data-v-742c27f3] {
+.title[data-v-0492b80f] {
   font-size: var(--font-size3);
   line-height: var(--line-height3);
   font-weight: 600;
   padding-top: var(--layout-gap2);
 }
-.third-party-item[data-v-742c27f3] {
+.third-party-item[data-v-0492b80f] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -21,53 +21,53 @@
   width: 592px;
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.third-party-item[data-v-742c27f3] {
+.third-party-item[data-v-0492b80f] {
     width: 540px;
 }
 }
-.third-party-item .common-label[data-v-742c27f3] {
+.third-party-item .common-label[data-v-0492b80f] {
   width: 120px;
   min-width: 120px;
   padding-left: 8px;
   color: var(--o-color-info2);
 }
 @media (max-width: 840px) {
-.third-party-item .common-label[data-v-742c27f3] {
+.third-party-item .common-label[data-v-0492b80f] {
     color: var(--o-color-info1);
 }
 }
-.third-party-item .common-label-en[data-v-742c27f3] {
+.third-party-item .common-label-en[data-v-0492b80f] {
   width: 160px;
   padding-left: 8px;
 }
-.third-party-item .icon svg[data-v-742c27f3] {
+.third-party-item .icon svg[data-v-0492b80f] {
   width: 24px;
   height: 24px;
 }
-.third-party-item .left-content[data-v-742c27f3] {
+.third-party-item .left-content[data-v-0492b80f] {
   display: flex;
 }
-.third-party-item .left-content .common-value[data-v-742c27f3] {
+.third-party-item .left-content .common-value[data-v-0492b80f] {
   color: var(--o-color-info2);
 }
-.right-content .bind[data-v-742c27f3] {
+.right-content .bind[data-v-0492b80f] {
   color: var(--o-color-link1);
 }
-.right-content .bind[data-v-742c27f3]:hover {
+.right-content .bind[data-v-0492b80f]:hover {
   color: var(--o-color-primary2);
 }
-.right-content .unbind[data-v-742c27f3] .o-link-label {
+.right-content .unbind[data-v-0492b80f] .o-link-label {
   color: var(--o-color-info3);
   transition: none;
   background: none;
   background-size: 0;
 }
-.third-seeting[data-v-742c27f3] {
+.third-seeting[data-v-0492b80f] {
   font-size: var(--font-size5);
   padding-bottom: var(--layout-gap2);
   border-bottom: 1px solid var(--o-color-control4);
 }
-.third-seeting-pad[data-v-742c27f3] {
+.third-seeting-pad[data-v-0492b80f] {
   padding-bottom: 0;
   border-bottom: none;
   background-color: var(--o-color-fill2);
@@ -75,22 +75,24 @@
   border-radius: 8px;
   padding: 0 16px;
 }
-.third-seeting-pad .third-party-item[data-v-742c27f3] {
+.third-seeting-pad .third-party-item[data-v-0492b80f] {
   width: 100%;
+  /* 重置基础规则的 max-width:592px，移动端卡片行始终通栏 */
+  max-width: 100%;
   padding-top: 0;
   height: 52px;
   border-bottom: 1px solid var(--o-color-control4);
 }
-.third-seeting-pad .third-party-item[data-v-742c27f3]:last-child {
+.third-seeting-pad .third-party-item[data-v-0492b80f]:last-child {
   border-bottom: none;
 }
-.third-seeting-pad .left-content[data-v-742c27f3] {
+.third-seeting-pad .left-content[data-v-0492b80f] {
   flex: 1;
   align-items: center;
 }
-.third-seeting-pad .left-content > div[data-v-742c27f3]:last-child {
+.third-seeting-pad .left-content > div[data-v-0492b80f]:last-child {
   margin-left: auto;
 }
-.third-seeting-pad .right-content .common-value[data-v-742c27f3] {
+.third-seeting-pad .right-content .common-value[data-v-0492b80f] {
   color: var(--o-color-info2);
 }

package/dist/treeshaking/components/user-center/OThirdPartyBindings.vue.mjs

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

package/dist/treeshaking/components/user-center/index.d.ts

@@ -198,6 +198,7 @@ declare const OAppHeader: {
         onLogin?: () => void;
         onLogout?: () => void;
         langOptions?: import('./internal/OCommonHeader.vue').LanguageOptionT[];
+        codeData?: import('../header').CodeT;
     }> & Readonly<{
         "onTheme-change"?: ((val: string) => any) | undefined;
         onNavigate?: ((url: string) => any) | undefined;
@@ -246,6 +247,7 @@ declare const OAppHeader: {
         onLogin?: () => void;
         onLogout?: () => void;
         langOptions?: import('./internal/OCommonHeader.vue').LanguageOptionT[];
+        codeData?: import('../header').CodeT;
     }> & Readonly<{
         "onTheme-change"?: ((val: string) => any) | undefined;
         onNavigate?: ((url: string) => any) | undefined;
@@ -288,6 +290,7 @@ declare const OAppHeader: {
     onLogin?: () => void;
     onLogout?: () => void;
     langOptions?: import('./internal/OCommonHeader.vue').LanguageOptionT[];
+    codeData?: import('../header').CodeT;
 }> & Readonly<{
     "onTheme-change"?: ((val: string) => any) | undefined;
     onNavigate?: ((url: string) => any) | undefined;

package/dist/treeshaking/components/user-center/internal/OCommonHeader.css

@@ -1,34 +1,34 @@
-.hover-icon-rotate .o-icon[data-v-90c267fc] {
+.hover-icon-rotate .o-icon[data-v-6da8051c] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-90c267fc] {
+.hover-icon-rotate:hover .o-icon[data-v-6da8051c] {
     transform: rotate(-180deg);
 }
 }
-.common-header[data-v-90c267fc] {
+.common-header[data-v-6da8051c] {
   /* inline 轴尺寸包含：header 本组件按文档流使用（.header-wrap 为 relative），
      桌面端英文导航 + 搜索工具条的固有宽度若向外传播，会在窄视口下把整页撑宽
      （表现为 main 居中偏移出左侧空区、右侧内容被视口裁切）。
      contain 后 header 自身渲染不变（宽度仍为撑满父级），但不再参与页面固有宽度计算 */
   contain: inline-size;
 }
-.common-header[data-v-90c267fc] .header {
+.common-header[data-v-6da8051c] .header {
   position: relative;
 }
-.common-header[data-v-90c267fc] .header {
+.common-header[data-v-6da8051c] .header {
   --o-header-height: var(--layout-header-height, 72px);
 }
-.common-header[data-v-90c267fc] .header-wrap {
+.common-header[data-v-6da8051c] .header-wrap {
   position: relative;
 }
-.common-header[data-v-90c267fc] .header-nav-content {
+.common-header[data-v-6da8051c] .header-nav-content {
   position: absolute;
   top: 100%;
 }
-.common-header[data-v-90c267fc] .header-box {
+.common-header[data-v-6da8051c] .header-box {
   position: relative;
 }
-.common-header[data-v-90c267fc] .header-content-mb {
+.common-header[data-v-6da8051c] .header-content-mb {
   position: absolute;
 }

package/dist/treeshaking/components/user-center/internal/OCommonHeader.vue.d.ts

@@ -1,4 +1,4 @@
-import { NavItemT, LangItemT } from '../../header/types';
+import { NavItemT, LangItemT, CodeT } from '../../header/types';
 export type LanguageOptionT = {
     id: string;
     label: string;
@@ -30,6 +30,7 @@ type __VLS_Props = {
     simpleHeader?: boolean;
     headerTitle?: string;
     locale?: string;
+    codeData?: CodeT;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -57,6 +58,9 @@ declare function __VLS_template(): {
             theme: "light" | "dark";
             setTheme: (val?: string) => void;
             isMobile: boolean;
+            locale: string;
+            onLangChange: (lang: any) => void;
+            langOptions: LanguageOptionT[];
         }): any;
     };
     refs: {};

package/dist/treeshaking/components/user-center/internal/OCommonHeader.vue.mjs

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

package/dist/treeshaking/components/user-center/internal/OCommonHeader.vue2.mjs

@@ -16,7 +16,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     activeIndex: { default: -1 },
     simpleHeader: { type: Boolean, default: false },
     headerTitle: { default: "" },
-    locale: { default: "zh" }
+    locale: { default: "zh" },
+    codeData: {}
   },
   emits: ["go-home", "handle-click", "go-back", "lang-click", "lang-change", "theme-change"],
   setup(__props, { emit: __emit }) {
@@ -49,12 +50,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const onLangChange = (lang) => {
       emit("lang-change", lang);
     };
+    const langData = computed(() => ({
+      label: isZh.value ? "语言切换" : "Language",
+      children: langOptions.value
+    }));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("header", _hoisted_1, [
         unref(lePadV) ? (openBlock(), createBlock(OHeaderMobile, {
           key: 0,
           logo: logoSrc.value,
           "nav-data": __props.navData,
+          "lang-data": langData.value,
+          "code-data": __props.codeData,
           "active-index": activeIndex.value,
           "is-simple-header": isSimpleHeader.value,
           "header-title": headerTitle.value,
@@ -64,7 +71,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onGoBack: _cache[0] || (_cache[0] = ($event) => emit("go-back")),
           onGoHome: _cache[1] || (_cache[1] = ($event) => emit("go-home")),
           onHandleClick: _cache[2] || (_cache[2] = (v) => emit("handle-click", v)),
-          onLangClick: _cache[3] || (_cache[3] = (v) => emit("lang-click", v))
+          onLangClick: _cache[3] || (_cache[3] = (v) => {
+            emit("lang-click", v);
+            emit("lang-change", v);
+          })
         }, createSlots({ _: 2 }, [
           _ctx.$slots.rightConfig ? {
             name: "rightConfig",
@@ -94,12 +104,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "tool", {
                 theme: theme.value,
                 setTheme,
-                isMobile: true
+                isMobile: true,
+                locale: __props.locale,
+                onLangChange,
+                langOptions: langOptions.value
               }, void 0, true)
             ]),
             key: "2"
           } : void 0
-        ]), 1032, ["logo", "nav-data", "active-index", "is-simple-header", "header-title", "community", "bg-left", "bg-right"])) : (openBlock(), createBlock(OHeader, {
+        ]), 1032, ["logo", "nav-data", "lang-data", "code-data", "active-index", "is-simple-header", "header-title", "community", "bg-left", "bg-right"])) : (openBlock(), createBlock(OHeader, {
           key: 1,
           community: __props.community,
           logo: logoSrc.value,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus-test/components",
-  "version": "0.0.1-rc.191",
+  "version": "0.0.1-rc.192",
   "type": "module",
   "publishConfig": {
     "access": "public",