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

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

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-22ffeea2] {
+.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-22ffeea2] {
+.hover-icon-rotate:hover .o-icon[data-v-3a35e509] {
     transform: rotate(-180deg);
 }
 }
-.header-user[data-v-22ffeea2] {
+.header-user[data-v-3a35e509] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -14,70 +14,61 @@
   opacity: 1;
   transition: opacity 0.15s;
 }
-.user-info[data-v-22ffeea2] {
+.user-info[data-v-3a35e509] {
   height: 100%;
   min-width: 32px;
   display: flex;
   cursor: pointer;
 }
-.info-wrap[data-v-22ffeea2] {
+.info-wrap[data-v-3a35e509] {
   height: calc(100% - 10px);
   margin: 5px 0;
   display: flex;
   align-items: center;
 }
-.info-wrap .icon[data-v-22ffeea2] {
+.info-wrap .icon[data-v-3a35e509] {
   margin-left: 4px;
 }
-.user-avatar[data-v-22ffeea2] {
+.user-avatar[data-v-3a35e509] {
   margin-right: 4px;
 }
-.user-avatar[data-v-22ffeea2] .o-badge-content {
+.user-avatar[data-v-3a35e509] .o-badge-content {
   --badge-dot-size: 6px;
   right: 7px;
   top: 2px;
 }
-.o-dropdown-item[data-v-22ffeea2] {
-  white-space: nowrap;
-  --dropdown-item-color: var(--o-color-info1);
-  --dropdown-item-padding: 5px 12px;
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-dropdown-item[data-v-22ffeea2] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-dropdown-item[data-v-22ffeea2] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-dropdown-item[data-v-22ffeea2] {
-    font-size: 12px;
-    line-height: 18px;
-}
+.o-badge[data-v-3a35e509] {
+  display: flex;
 }
-@media (max-width: 600px) {
-.o-dropdown-item[data-v-22ffeea2] {
-    font-size: 12px;
-    line-height: 18px;
+.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);
+  border-radius: var(--o-radius_control-xs);
+  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-22ffeea2]:hover {
-    color: var(--o-color-primary1);
+.o-dropdown-item[data-v-3a35e509]:hover {
     background: var(--o-color-control2-light);
 }
 }
-.notice-not[data-v-22ffeea2] .o-badge-content {
+.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-3a35e509] .o-badge-content {
   display: none;
 }
-.user-account[data-v-22ffeea2] {
+.user-account[data-v-3a35e509] {
   color: var(--o-color-info1);
   max-width: 96px;
   font-weight: 500;
@@ -85,30 +76,30 @@
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.user-account[data-v-22ffeea2] {
+.user-account[data-v-3a35e509] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.user-account[data-v-22ffeea2] {
+.user-account[data-v-3a35e509] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.user-account[data-v-22ffeea2] {
+.user-account[data-v-3a35e509] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.user-account[data-v-22ffeea2] {
+.user-account[data-v-3a35e509] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.user-account[data-v-22ffeea2] {
+.user-account[data-v-3a35e509] {
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-all;
@@ -116,20 +107,84 @@
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
 }
+@media (min-width: 1201px) and (max-width: 1680px) {
+.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-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-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-3a35e509] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
+.user-account[data-v-3a35e509] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 1200px) {
+.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-3a35e509] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
+.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-3a35e509] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 1200px) and (max-width: 600px) {
+.user-account[data-v-3a35e509] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
 @media (max-width: 840px) {
-.header-user[data-v-22ffeea2] {
+.header-user[data-v-3a35e509] {
     min-width: auto;
 }
-.header-user .user-info[data-v-22ffeea2] {
+.header-user .user-info[data-v-3a35e509] {
     min-width: 24px;
 }
-.header-user .user-info .info-wrap .user-avatar[data-v-22ffeea2] {
+.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-22ffeea2] {
+.header-user .user-info .info-wrap .user-account[data-v-3a35e509] {
     display: none;
 }
-.header-user .user-info .info-wrap .icon[data-v-22ffeea2] {
+.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-22ffeea2"]]);
+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 }) {
@@ -80,32 +84,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, 1032, ["onClick"]);
                   }), 128))
                 ]),
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_3, [
-                    createVNode(unref(OBadge), {
-                      value: __props.noticeTotal,
-                      dot: true,
-                      color: "danger",
-                      class: normalizeClass(["header-message user-avatar", { "notice-not": !__props.noticeTotal }])
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(AppAvatar, {
-                          avatar: __props.userInfo.photo,
-                          name: __props.userInfo.username,
-                          "custom-size": __props.customSize
-                        }, null, 8, ["avatar", "name", "custom-size"])
-                      ]),
-                      _: 1
-                    }, 8, ["value", "class"]),
-                    createElementVNode("p", _hoisted_4, toDisplayString(__props.userInfo.username), 1),
-                    createVNode(unref(OIcon), { class: "icon" }, {
-                      default: withCtx(() => [
-                        createVNode(unref(IconChevronDown))
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ]),
+                default: withCtx(() => {
+                  var _a, _b, _c;
+                  return [
+                    createElementVNode("div", _hoisted_3, [
+                      createVNode(unref(OBadge), {
+                        value: __props.noticeTotal,
+                        dot: true,
+                        color: "danger",
+                        class: normalizeClass(["header-message user-avatar", { "notice-not": !__props.noticeTotal }])
+                      }, {
+                        default: withCtx(() => {
+                          var _a2, _b2;
+                          return [
+                            createVNode(AppAvatar, {
+                              avatar: (_a2 = __props.userInfo) == null ? void 0 : _a2.photo,
+                              name: (_b2 = __props.userInfo) == null ? void 0 : _b2.username,
+                              "custom-size": __props.customSize
+                            }, null, 8, ["avatar", "name", "custom-size"])
+                          ];
+                        }),
+                        _: 1
+                      }, 8, ["value", "class"]),
+                      !__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)
+                    ])
+                  ];
+                }),
                 _: 1
               }, 8, ["trigger", "optionPosition", "option-wrap-class"])
             ])) : createCommentVNode("", true)

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

@@ -6,54 +6,18 @@
     transform: rotate(-180deg);
 }
 }
-.user-dropdown {
-  --dropdown-list-radius: var(--o-radius-xs);
-}
-.user-dropdown .o-dropdown-item {
-  padding-left: 12px;
-  padding-right: 12px;
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (max-width: 840px) {
-.user-dropdown .o-dropdown-item {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
-.user-dropdown .o-dropdown-item {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
-.user-dropdown .o-dropdown-item {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
-.user-dropdown .o-dropdown-item {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) and (max-width: 600px) {
-.user-dropdown .o-dropdown-item {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
 .avatar-icon {
   font-size: 24px;
-  color: var(--o-color-info1);
+  color: var(--o-color-info2);
   cursor: pointer;
 }
 @media (hover: hover) {
 .avatar-icon:hover {
-    color: var(--o-color-primary1);
+    color: var(--o-color-primary2);
+}
 }
+.avatar-icon:active {
+  color: var(--o-color-primary3);
 }
 @media (max-width: 1200px) {
 .avatar-icon {

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;
 };

package/dist/treeshaking/components/meeting/OMeetingCalendar.css

@@ -302,6 +302,35 @@
   --meeting-input-radius: var(--o-radius-xs);
   --meeting-cell-radius: var(--o-radius-xs);
 }
+.o-meeting-calendar .o-meeting-calendar-desc {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  color: var(--o-color-info2);
+  --gap: var(--o-gap-5);
+  column-gap: var(--gap);
+  margin-bottom: var(--gap);
+}
+@media (max-width: 1680px) {
+.o-meeting-calendar .o-meeting-calendar-desc {
+    --gap: var(--o-gap-4);
+}
+}
+@media (max-width: 840px) {
+.o-meeting-calendar .o-meeting-calendar-desc {
+    --gap: var(--o-gap-2);
+    row-gap: var(--gap);
+    flex-direction: column-reverse;
+    justify-content: center;
+    margin-bottom: var(--o-gap-3);
+}
+}
+.o-meeting-calendar .o-meeting-calendar-desc .o-btn {
+  flex-shrink: 0;
+}
+.o-meeting-calendar .o-meeting-calendar-desc span {
+  color: var(--o-color-info2);
+}
 .o-meeting-calendar .o-select {
   flex-grow: 1;
   max-width: 320px;
@@ -626,7 +655,7 @@
 .o-meeting-calendar .calendar-body .calender .el-calendar-day .out-box .day-box {
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
+  justify-content: flex-start;
   height: 100%;
 }
 .o-meeting-calendar .calendar-body .calender .el-calendar-day .out-box .icon-box {

package/dist/treeshaking/components/meeting/OMeetingCalendar.vue.d.ts

@@ -146,13 +146,18 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<MeetingCalendarPropsT, {
     refresh: (day?: string) => Promise<void>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MeetingCalendarPropsT> & Readonly<{}>, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    create: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<MeetingCalendarPropsT> & Readonly<{
+    onCreate?: ((...args: any[]) => any) | undefined;
+}>, {
     groupType: MeetingGroupType;
     getSummitListRequest: any;
     getEventsListRequest: any;
     hiddenEvents: boolean;
     hiddenSummit: boolean;
     groups: string[];
+    showDesc: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     calendar: ({
         $: import('vue').ComponentInternalInstance;