@opendesign-plus-test/components 0.0.1-rc.100 → 0.0.1-rc.101

package/dist/treeshaking/components/header-user/OHeaderUser.css

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-ecfe3e64] {
+.hover-icon-rotate .o-icon[data-v-3a35e509] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-ecfe3e64] {
+.hover-icon-rotate:hover .o-icon[data-v-3a35e509] {
     transform: rotate(-180deg);
 }
 }
-.header-user[data-v-ecfe3e64] {
+.header-user[data-v-3a35e509] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -14,33 +14,38 @@
   opacity: 1;
   transition: opacity 0.15s;
 }
-.user-info[data-v-ecfe3e64] {
+.user-info[data-v-3a35e509] {
   height: 100%;
   min-width: 32px;
   display: flex;
   cursor: pointer;
 }
-.info-wrap[data-v-ecfe3e64] {
+.info-wrap[data-v-3a35e509] {
   height: calc(100% - 10px);
   margin: 5px 0;
   display: flex;
   align-items: center;
 }
-.info-wrap .icon[data-v-ecfe3e64] {
+.info-wrap .icon[data-v-3a35e509] {
   margin-left: 4px;
 }
-.user-avatar[data-v-ecfe3e64] {
+.user-avatar[data-v-3a35e509] {
   margin-right: 4px;
 }
-.user-avatar[data-v-ecfe3e64] .o-badge-content {
+.user-avatar[data-v-3a35e509] .o-badge-content {
   --badge-dot-size: 6px;
   right: 7px;
   top: 2px;
 }
-.o-badge[data-v-ecfe3e64] {
+.o-badge[data-v-3a35e509] {
   display: flex;
 }
-.o-dropdown-item[data-v-ecfe3e64] {
+.o-dropdown[data-v-3a35e509] {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.o-dropdown-item[data-v-3a35e509] {
   white-space: nowrap;
   background: var(--o-color-control5-light);
   --dropdown-item-color: var(--o-color-info2);
@@ -51,19 +56,19 @@
   --dropdown-item-text-height: 22px;
 }
 @media (hover: hover) {
-.o-dropdown-item[data-v-ecfe3e64]:hover {
+.o-dropdown-item[data-v-3a35e509]:hover {
     background: var(--o-color-control2-light);
 }
 }
-.o-dropdown-item[data-v-ecfe3e64]:active {
+.o-dropdown-item[data-v-3a35e509]:active {
   color: var(--o-color-primary1);
   background: var(--o-color-control3-light);
   font-weight: 600;
 }
-.notice-not[data-v-ecfe3e64] .o-badge-content {
+.notice-not[data-v-3a35e509] .o-badge-content {
   display: none;
 }
-.user-account[data-v-ecfe3e64] {
+.user-account[data-v-3a35e509] {
   color: var(--o-color-info1);
   max-width: 96px;
   font-weight: 500;
@@ -71,30 +76,30 @@
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.user-account[data-v-ecfe3e64] {
+.user-account[data-v-3a35e509] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.user-account[data-v-ecfe3e64] {
+.user-account[data-v-3a35e509] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.user-account[data-v-ecfe3e64] {
+.user-account[data-v-3a35e509] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.user-account[data-v-ecfe3e64] {
+.user-account[data-v-3a35e509] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.user-account[data-v-ecfe3e64] {
+.user-account[data-v-3a35e509] {
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-all;
@@ -103,79 +108,83 @@
   -webkit-line-clamp: 1;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.user-account[data-v-ecfe3e64] {
+.user-account[data-v-3a35e509] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
-.user-account[data-v-ecfe3e64] {
+.user-account[data-v-3a35e509] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
-.user-account[data-v-ecfe3e64] {
+.user-account[data-v-3a35e509] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
-.user-account[data-v-ecfe3e64] {
+.user-account[data-v-3a35e509] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
-.user-account[data-v-ecfe3e64] {
+.user-account[data-v-3a35e509] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 1200px) {
-.user-account[data-v-ecfe3e64] {
+.user-account[data-v-3a35e509] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
-.user-account[data-v-ecfe3e64] {
+.user-account[data-v-3a35e509] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
-.user-account[data-v-ecfe3e64] {
+.user-account[data-v-3a35e509] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
-.user-account[data-v-ecfe3e64] {
+.user-account[data-v-3a35e509] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 1200px) and (max-width: 600px) {
-.user-account[data-v-ecfe3e64] {
+.user-account[data-v-3a35e509] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 840px) {
-.header-user[data-v-ecfe3e64] {
+.header-user[data-v-3a35e509] {
     min-width: auto;
 }
-.header-user .user-info[data-v-ecfe3e64] {
+.header-user .user-info[data-v-3a35e509] {
     min-width: 24px;
 }
-.header-user .user-info .info-wrap .user-avatar[data-v-ecfe3e64] {
+.header-user .user-info .info-wrap[data-v-3a35e509] {
+    height: auto;
+    margin: 0;
+}
+.header-user .user-info .info-wrap .user-avatar[data-v-3a35e509] {
     margin-right: 0;
 }
-.header-user .user-info .info-wrap .user-account[data-v-ecfe3e64] {
+.header-user .user-info .info-wrap .user-account[data-v-3a35e509] {
     display: none;
 }
-.header-user .user-info .info-wrap .icon[data-v-ecfe3e64] {
+.header-user .user-info .info-wrap .icon[data-v-3a35e509] {
     display: none;
 }
 }

package/dist/treeshaking/components/header-user/OHeaderUser.vue.d.ts

@@ -18,6 +18,7 @@ export interface UserPropsT {
     userInfo?: UserInfoT;
     options?: OptionsItemT[];
     customSize?: number;
+    simple?: boolean;
 }
 export interface OHeaderUserEmitsT {
     (e: 'login'): void;
@@ -30,11 +31,6 @@ declare const _default: import('vue').DefineComponent<UserPropsT, {}, {}, {}, {}
     onLogin?: (() => any) | undefined;
     onLogout?: (() => any) | undefined;
 }>, {
-    options: OptionsItemT[];
-    lang: string;
-    customSize: number;
-    token: string;
-    noticeTotal: number;
-    userInfo: UserInfoT;
+    simple: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/treeshaking/components/header-user/OHeaderUser.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./OHeaderUser.vue2.mjs";
 import './OHeaderUser.css';
 import './OHeaderUser2.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ecfe3e64"]]);
+const _OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3a35e509"]]);
 export {
   _OHeaderUser as default
 };

package/dist/treeshaking/components/header-user/OHeaderUser.vue2.mjs

@@ -10,17 +10,21 @@ const _hoisted_2 = {
   class: "user-info"
 };
 const _hoisted_3 = { class: "info-wrap hover-icon-rotate" };
-const _hoisted_4 = { class: "user-account" };
+const _hoisted_4 = {
+  key: 0,
+  class: "user-account"
+};
 const _hoisted_5 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OHeaderUser",
   props: {
-    token: { default: void 0 },
-    lang: { default: void 0 },
-    noticeTotal: { default: void 0 },
-    userInfo: { default: void 0 },
-    options: { default: void 0 },
-    customSize: { default: void 0 }
+    token: {},
+    lang: {},
+    noticeTotal: {},
+    userInfo: {},
+    options: {},
+    customSize: {},
+    simple: { type: Boolean, default: false }
   },
   emits: ["login", "logout"],
   setup(__props, { emit: __emit }) {
@@ -81,7 +85,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }), 128))
                 ]),
                 default: withCtx(() => {
-                  var _a;
+                  var _a, _b, _c;
                   return [
                     createElementVNode("div", _hoisted_3, [
                       createVNode(unref(OBadge), {
@@ -91,24 +95,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         class: normalizeClass(["header-message user-avatar", { "notice-not": !__props.noticeTotal }])
                       }, {
                         default: withCtx(() => {
-                          var _a2, _b;
+                          var _a2, _b2;
                           return [
                             createVNode(AppAvatar, {
                               avatar: (_a2 = __props.userInfo) == null ? void 0 : _a2.photo,
-                              name: (_b = __props.userInfo) == null ? void 0 : _b.username,
+                              name: (_b2 = __props.userInfo) == null ? void 0 : _b2.username,
                               "custom-size": __props.customSize
                             }, null, 8, ["avatar", "name", "custom-size"])
                           ];
                         }),
                         _: 1
                       }, 8, ["value", "class"]),
-                      createElementVNode("p", _hoisted_4, toDisplayString((_a = __props.userInfo) == null ? void 0 : _a.username), 1),
-                      createVNode(unref(OIcon), { class: "icon" }, {
+                      !__props.simple && !unref(lePadV) && ((_a = __props.userInfo) == null ? void 0 : _a.username) ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString((_b = __props.userInfo) == null ? void 0 : _b.username), 1)) : createCommentVNode("", true),
+                      !__props.simple && !unref(lePadV) && ((_c = __props.userInfo) == null ? void 0 : _c.username) ? (openBlock(), createBlock(unref(OIcon), {
+                        key: 1,
+                        class: "icon"
+                      }, {
                         default: withCtx(() => [
                           createVNode(unref(IconChevronDown))
                         ]),
                         _: 1
-                      })
+                      })) : createCommentVNode("", true)
                     ])
                   ];
                 }),

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

@@ -7,12 +7,7 @@ declare const OHeaderUser: {
         login: () => any;
         logout: () => any;
     }, import('vue').PublicProps, {
-        options: import('./OHeaderUser.vue').OptionsItemT[];
-        lang: string;
-        customSize: number;
-        token: string;
-        noticeTotal: number;
-        userInfo: import('./OHeaderUser.vue').UserInfoT;
+        simple: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -24,12 +19,7 @@ declare const OHeaderUser: {
         onLogin?: (() => any) | undefined;
         onLogout?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
-        options: import('./OHeaderUser.vue').OptionsItemT[];
-        lang: string;
-        customSize: number;
-        token: string;
-        noticeTotal: number;
-        userInfo: import('./OHeaderUser.vue').UserInfoT;
+        simple: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -41,12 +31,7 @@ declare const OHeaderUser: {
     login: () => any;
     logout: () => any;
 }, string, {
-    options: import('./OHeaderUser.vue').OptionsItemT[];
-    lang: string;
-    customSize: number;
-    token: string;
-    noticeTotal: number;
-    userInfo: import('./OHeaderUser.vue').UserInfoT;
+    simple: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;
 };