@opendesign-plus-test/components 0.0.1-rc.69 → 0.0.1-rc.70

package/package.json

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

package/src/components/header-language-switcher/OHeaderLanguageSwitcher.vue

@@ -29,6 +29,10 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const { changeLocale, locale } = useLocale();
@@ -66,12 +70,15 @@ const isCommon = computed(() => {
 <template>
   <div
     v-if="isCommon"
-    :class="options.length <= 1 ? 'hide-lang' : 'header-lang'"
+    :class="[options.length <= 1 ? 'hide-lang' : 'header-lang', disabled ? 'is-disabled' : '']"
   >
     <ODropdown
       trigger="hover"
       optionPosition="bottom"
-      option-wrap-class="dropdown"
+      :optionWrapClass="{
+        'dropdown':true,
+        'is-disabled': disabled,
+      }"
     >
       <div class="info-wrap">
         <OIcon class="icon">
@@ -95,7 +102,7 @@ const isCommon = computed(() => {
 
   <div
     v-else
-    :class="options.length <= 1 ? 'hide-lang' : 'mobile-change-language'"
+    :class="[options.length <= 1 ? 'hide-lang' : 'mobile-change-language', disabled ? 'is-disabled' : '']"
   >
     <span
       v-for="item in options"
@@ -150,6 +157,21 @@ const isCommon = computed(() => {
       }
     }
   }
+
+  &.is-disabled {
+    .info-wrap {
+      color: var(--o-color-info4);
+      cursor: not-allowed;
+
+      &:hover {
+        color: var(--o-color-info4);
+      }
+
+      .o-icon {
+        color: inherit;
+      }
+    }
+  }
   .list {
     background: var(--o-color-fill2);
     cursor: pointer;
@@ -207,5 +229,25 @@ const isCommon = computed(() => {
       }
     }
   }
+
+  &.is-disabled {
+    span {
+      color: var(--o-color-info4);
+      cursor: not-allowed;
+      @include hover {
+        color: var(--o-color-info4);
+      }
+
+      &:after {
+        color: inherit;
+      }
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+.o-dropdown-list.is-disabled {
+  display: none;
 }
 </style>

package/src/components/meeting/OMeetingCalendar.vue

@@ -17,7 +17,7 @@ import OMeetingCalendarList from './components/OMeetingCalendarList.vue';
 import IconEvent from '~icons/meeting/icon-event.svg';
 import IconSummit from '~icons/meeting/icon-summit.svg';
 import IconMeeting from '~icons/meeting/icon-meet.svg';
-import emptyImg from '@/assets/meeting/svg-icons/icon-empty.svg';
+import emptyImg from '@/assets/meeting/empty.png';
 import { Locales } from '@/i18n';
 import { useMeetingConfig } from './composables/useMeetingConfig';
 import {
@@ -845,6 +845,9 @@ defineExpose({
           @include respond('<=pad_v') {
             display: inline-flex;
           }
+          @include respond('pad_v') {
+            max-width: 160px;
+          }
           @include respond('phone') {
             display: flex;
             width: 100%;
@@ -915,8 +918,21 @@ defineExpose({
   }
 
   .empty-result {
-    --result-image-width: 200px;
-    --result-image-height: 175px;
+    --result-image-width: 240px;
+    --result-image-height: 210px;
+    --result-desc-gap: var(--o-gap-4);
+
+    @include respond('laptop') {
+      --result-image-width: 200px;
+      --result-image-height: 175px;
+      --result-desc-gap: var(--o-gap-3);
+    }
+
+    @include respond('<=pad') {
+      --result-image-width: 160px;
+      --result-image-height: 140px;
+      --result-desc-gap: var(--o-gap-2);
+    }
 
     .o-result-description {
       @include tip1;

package/src/components/meeting/OMeetingSigCalendar.vue

@@ -20,7 +20,7 @@ import { useScreen } from '@opendesign-plus/composables';
 import { useMeetingConfig } from './composables/useMeetingConfig';
 import OMeetingCalendarList from '@/components/meeting/components/OMeetingCalendarList.vue';
 import { formatDate } from '@/components/meeting/utils.ts';
-import emptyImg from '@/assets/meeting/svg-icons/icon-empty.svg';
+import emptyImg from '@/assets/meeting/empty.png';
 
 const props = defineProps<{
   sigName: String;

package/src/components/meeting/components/OMeetingCalendarList.vue

@@ -332,6 +332,10 @@ const computedList = computed<any[]>(() => {
     display: flex;
     align-items: center;
     justify-content: center;
+    @include respond('<=pad_v') {
+      min-height: auto;
+      padding: var(--o-gap-5) 0;
+    }
   }