@opendesign-plus-test/components 0.0.1-rc.120 → 0.0.1-rc.122

package/dist/treeshaking/components/header-theme/OHeaderTheme.css

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-6209ad5c] {
+.hover-icon-rotate .o-icon[data-v-a8461f7a] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-6209ad5c] {
+.hover-icon-rotate:hover .o-icon[data-v-a8461f7a] {
     transform: rotate(-180deg);
 }
 }
-.o-theme-switcher-common[data-v-6209ad5c] {
+.o-theme-switcher-common[data-v-a8461f7a] {
   display: flex;
   align-items: center;
   width: var(--o-icon_size-m);
@@ -14,35 +14,35 @@
   font-size: var(--o-icon_size-m);
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-theme-switcher-common[data-v-6209ad5c] {
+.o-theme-switcher-common[data-v-a8461f7a] {
     width: var(--o-icon_size-s);
     height: var(--o-icon_size-s);
     font-size: var(--o-icon_size-s);
 }
 }
-.o-theme-switcher-common[data-v-6209ad5c]:not(.disabled) {
+.o-theme-switcher-common[data-v-a8461f7a]:not(.disabled) {
   cursor: pointer;
 }
-.o-theme-switcher-common:not(.disabled) .o-theme-icon[data-v-6209ad5c] {
+.o-theme-switcher-common:not(.disabled) .o-theme-icon[data-v-a8461f7a] {
   color: var(--o-color-info2);
 }
 @media (hover: hover) {
-.o-theme-switcher-common:not(.disabled) .o-theme-icon[data-v-6209ad5c]:hover {
+.o-theme-switcher-common:not(.disabled) .o-theme-icon[data-v-a8461f7a]:hover {
     color: var(--o-color-primary2);
     background-color: var(--o-color-control2-light);
     border-radius: var(--o-radius-xs);
 }
 }
-.o-theme-switcher-common:not(.disabled) .o-theme-icon[data-v-6209ad5c]:active {
+.o-theme-switcher-common:not(.disabled) .o-theme-icon[data-v-a8461f7a]:active {
   color: var(--o-color-primary3);
 }
-.o-theme-switcher-common.disabled[data-v-6209ad5c] {
+.o-theme-switcher-common.disabled[data-v-a8461f7a] {
   cursor: not-allowed;
 }
-.o-theme-switcher-common.disabled .o-theme-icon[data-v-6209ad5c] {
+.o-theme-switcher-common.disabled .o-theme-icon[data-v-a8461f7a] {
   color: var(--o-color-info4);
 }
-.o-theme-switcher-mobile .o-theme-switch[data-v-6209ad5c] {
+.o-theme-switcher-mobile .o-theme-switch[data-v-a8461f7a] {
   --switch-handler-color: var(--o-color-white);
   --switch-color: var(--o-color-info4);
 }

package/dist/treeshaking/components/header-theme/OHeaderTheme.vue.mjs

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

package/dist/treeshaking/components/header-theme/OHeaderTheme.vue2.mjs

@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const { gtPhone } = useScreen();
+    const { lePadV } = useScreen();
     const switchVal = computed({
       get() {
         return props.theme;
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const isCommon = computed(() => {
-      return props.type === "common" || props.type === "auto" && gtPhone.value;
+      return props.type === "common" || props.type === "auto" && !lePadV.value;
     });
     const toggleTheme = () => {
       if (props.disabled) {

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

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

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

@@ -19,6 +19,7 @@ export interface UserPropsT {
     options?: OptionsItemT[];
     customSize?: number;
     simple?: boolean;
+    itemRadius?: number;
 }
 export interface OHeaderUserEmitsT {
     (e: 'login'): void;
@@ -32,5 +33,7 @@ declare const _default: import('vue').DefineComponent<UserPropsT, {}, {}, {}, {}
     onLogout?: (() => any) | undefined;
 }>, {
     simple: boolean;
+    itemRadius: number;
+    customSize: number;
 }, {}, {}, {}, 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-3a35e509"]]);
+const _OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-67498511"]]);
 export {
   _OHeaderUser as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, createCommentVNode, Transition, createElementVNode, normalizeClass, toDisplayString, Fragment, renderList, createTextVNode } from "vue";
+import { defineComponent, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, createCommentVNode, Transition, createElementVNode, normalizeClass, toDisplayString, Fragment, renderList, normalizeStyle, createTextVNode } from "vue";
 import { OIcon, ODropdown, OBadge, ODropdownItem } from "@opensig/opendesign";
 import AppAvatar from "../common/AppAvatar.vue.mjs";
 import IconAvatar from "../../_virtual/icon-avatar-line.mjs";
@@ -23,8 +23,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noticeTotal: {},
     userInfo: {},
     options: {},
-    customSize: {},
-    simple: { type: Boolean, default: false }
+    customSize: { default: 20 },
+    simple: { type: Boolean, default: false },
+    itemRadius: { default: 4 }
   },
   emits: ["login", "logout"],
   setup(__props, { emit: __emit }) {
@@ -65,7 +66,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
                     return openBlock(), createBlock(unref(ODropdownItem), {
                       key: item.label,
-                      onClick: ($event) => jumpToPage(item)
+                      onClick: ($event) => jumpToPage(item),
+                      style: normalizeStyle({ "--dropdown-item-radius": `${__props.itemRadius}px` })
                     }, {
                       default: withCtx(() => [
                         (item == null ? void 0 : item.total) ? (openBlock(), createBlock(unref(OBadge), {
@@ -81,7 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, 1032, ["value", "class"])) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(item.label), 1))
                       ]),
                       _: 2
-                    }, 1032, ["onClick"]);
+                    }, 1032, ["onClick", "style"]);
                   }), 128))
                 ]),
                 default: withCtx(() => {

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

@@ -6,24 +6,6 @@
     transform: rotate(-180deg);
 }
 }
-.avatar-icon {
-  font-size: 24px;
-  color: var(--o-color-info2);
-  cursor: pointer;
-}
-@media (hover: hover) {
-.avatar-icon:hover {
-    color: var(--o-color-primary2);
-}
-}
-.avatar-icon:active {
-  color: var(--o-color-primary3);
-}
-@media (max-width: 1200px) {
-.avatar-icon {
-    font-size: var(--o-icon_size_control-s);
-}
-}
 @media (max-width: 840px) {
 .user-dropdown .o-divider {
     display: none;

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

@@ -8,6 +8,8 @@ declare const OHeaderUser: {
         logout: () => any;
     }, import('vue').PublicProps, {
         simple: boolean;
+        itemRadius: number;
+        customSize: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -20,6 +22,8 @@ declare const OHeaderUser: {
         onLogout?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
         simple: boolean;
+        itemRadius: number;
+        customSize: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -32,6 +36,8 @@ declare const OHeaderUser: {
     logout: () => any;
 }, string, {
     simple: boolean;
+    itemRadius: number;
+    customSize: number;
 }, {}, 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

@@ -377,6 +377,26 @@
   border-bottom: 1px solid var(--o-color-control4);
   background: var(--o-color-fill2);
 }
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-calendar .calendar-body .calender .el-calendar__header {
+    padding: 0 var(--o-gap-5);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-calendar .calendar-body .calender .el-calendar__header {
+    padding: 0 var(--o-gap-4);
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-calendar .calendar-body .calender .el-calendar__header {
+    padding: 0 var(--o-gap-4);
+}
+}
+@media (max-width: 600px) {
+.o-meeting-calendar .calendar-body .calender .el-calendar__header {
+    padding: 0 var(--o-gap-4);
+}
+}
 @media (max-width: 840px) {
 .o-meeting-calendar .calendar-body .calender .el-calendar__header {
     justify-content: center;
@@ -516,6 +536,26 @@
   margin-bottom: 0;
   background: var(--o-color-fill2);
 }
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-calendar .calendar-body .calender .el-calendar__body {
+    padding: 0 var(--o-gap-5) var(--o-gap-5);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-calendar .calendar-body .calender .el-calendar__body {
+    padding: 0 var(--o-gap-4) var(--o-gap-4);
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-calendar .calendar-body .calender .el-calendar__body {
+    padding: 0 var(--o-gap-4) var(--o-gap-4);
+}
+}
+@media (max-width: 600px) {
+.o-meeting-calendar .calendar-body .calender .el-calendar__body {
+    padding: 0 var(--o-gap-4) var(--o-gap-4);
+}
+}
 .o-meeting-calendar .calendar-body .calender .el-calendar__body thead th {
   padding: var(--o-gap-4) var(--o-gap-3);
   text-align: left;
@@ -938,6 +978,7 @@
 @media (max-width: 600px) {
 .o-meeting-calendar .calendar-body .detail-list .o-tab {
     --tab-nav-padding: 0 0 4px;
+    width: 100%;
 }
 }
 .o-meeting-calendar .calendar-body .detail-list .o-tab .o-icon svg path {
@@ -951,6 +992,39 @@
     width: 16px;
 }
 }
+.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container {
+  margin: 0 var(--o-gap-5);
+  --tab-nav-gap: var(--o-gap-6);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container {
+    --tab-nav-gap: var(--o-gap-5);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container {
+    --tab-nav-gap: var(--o-gap-4);
+    margin: 0 var(--o-gap-3);
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container {
+    --tab-nav-gap: var(--o-gap-4);
+    margin: 0;
+}
+}
+@media (max-width: 600px) {
+.o-meeting-calendar .calendar-body .detail-list .o-tab .o-tab-navs-container {
+    --tab-nav-gap: var(--o-gap-4);
+    margin: 0;
+}
+}
+.o-meeting-calendar .calendar-body .detail-list .o-tab.hide-icons .o-tab-nav-list .o-icon {
+  display: none;
+}
+.o-meeting-calendar .calendar-body .detail-list .o-tab.measuring .o-tab-nav-list.width-measurement .o-icon {
+  display: inline-flex;
+}
 .o-meeting-calendar .calendar-body .meeting-list {
   height: var(--height);
 }

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

@@ -7,6 +7,7 @@ declare function __VLS_template(): {
         empty?(_: {}): any;
     };
     refs: {
+        rootRef: HTMLDivElement;
         calendar: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -159,6 +160,7 @@ declare const __VLS_component: import('vue').DefineComponent<MeetingCalendarProp
     groups: string[];
     showDesc: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
     calendar: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};