@opendesign-plus-test/components 0.0.1-rc.45 → 0.0.1-rc.46

package/dist/index.d.ts

@@ -13,7 +13,6 @@ export * from './components/element-plus';
 export * from './components/events';
 export * from './components/header';
 export * from './components/meeting';
-export * from './components/search';
 declare const _default: {
     install: (app: any) => void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus-test/components",
-  "version": "0.0.1-rc.45",
+  "version": "0.0.1-rc.46",
   "type": "module",
   "publishConfig": {
     "access": "public",
@@ -26,7 +26,7 @@
     }
   },
   "dependencies": {
-    "@opensig/opendesign": "1.2.3",
+    "@opensig/opendesign": "1.0.2",
     "@vueuse/core": "10.11.1",
     "aos": "^2.3.4",
     "dayjs": "^1.11.13",

package/src/assets/svg-icons/icon-delete.svg

@@ -1,7 +1,3 @@
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-<path opacity="0.8" fill="currentColor" d="M5.616 4.34c0.368 0 0.674 0.265 0.738 0.615l0.012 0.135v14.968c0 0.213 0.148 0.391 0.347 0.438l0.103 0.012h10.719c0.213 0 0.391-0.148 0.438-0.347l0.012-0.103v-11.712c0-0.414 0.336-0.75 0.75-0.75 0.368 0 0.674 0.265 0.738 0.615l0.012 0.135v11.712c0 1.010-0.767 1.84-1.751 1.94l-0.199 0.010h-10.719c-1.010 0-1.84-0.767-1.94-1.751l-0.010-0.199v-14.968c0-0.414 0.336-0.75 0.75-0.75z"></path>
-<path opacity="0.8" fill="currentColor" d="M20.19 4.34c0.414 0 0.75 0.336 0.75 0.75 0 0.368-0.265 0.674-0.615 0.738l-0.135 0.012h-16.333c-0.414 0-0.75-0.336-0.75-0.75 0-0.368 0.265-0.674 0.615-0.738l0.135-0.012h16.333z"></path>
-<path opacity="0.8" fill="currentColor" d="M14.256 1.936c0.414 0 0.75 0.336 0.75 0.75 0 0.368-0.265 0.674-0.615 0.738l-0.135 0.012h-4.535c-0.414 0-0.75-0.336-0.75-0.75 0-0.368 0.265-0.674 0.615-0.738l0.135-0.012h4.535z"></path>
-<path opacity="0.8" fill="currentColor" d="M10.096 9.419c0.368 0 0.674 0.265 0.738 0.615l0.012 0.135v6.484c0 0.414-0.336 0.75-0.75 0.75-0.368 0-0.674-0.265-0.738-0.615l-0.012-0.135v-6.484c0-0.414 0.336-0.75 0.75-0.75z"></path>
-<path opacity="0.8" fill="currentColor" d="M14.596 9.419c0.368 0 0.674 0.265 0.738 0.615l0.012 0.135v6.484c0 0.414-0.336 0.75-0.75 0.75-0.368 0-0.674-0.265-0.738-0.615l-0.012-0.135v-6.484c0-0.414 0.336-0.75 0.75-0.75z"></path>
+<path fill="currentColor" d="M19.154 5.295c0.387 0 0.7 0.313 0.7 0.7 0 0.354-0.263 0.647-0.605 0.694l-0.095 0.006-12.201-0.001 0.001 12.413c0 0.17 0.12 0.311 0.28 0.344l0.071 0.007h9.39c0.17 0 0.311-0.12 0.344-0.28l0.007-0.071v-10.47c0-0.387 0.313-0.7 0.7-0.7 0.354 0 0.647 0.263 0.694 0.605l0.006 0.095v10.47c0 0.919-0.708 1.672-1.608 1.745l-0.144 0.006h-9.39c-0.919 0-1.672-0.708-1.745-1.608l-0.006-0.144-0.001-12.413-0.707 0.001c-0.387 0-0.7-0.313-0.7-0.7 0-0.354 0.263-0.647 0.605-0.694l0.095-0.006h14.308zM10.011 9.744c0.354 0 0.647 0.263 0.694 0.605l0.006 0.095v5.68c0 0.387-0.313 0.7-0.7 0.7-0.354 0-0.647-0.263-0.694-0.605l-0.006-0.095v-5.68c0-0.387 0.313-0.7 0.7-0.7zM13.953 9.744c0.354 0 0.647 0.263 0.694 0.605l0.006 0.095v5.68c0 0.387-0.313 0.7-0.7 0.7-0.354 0-0.647-0.263-0.694-0.605l-0.006-0.095v-5.68c0-0.387 0.313-0.7 0.7-0.7zM13.652 3.189c0.387 0 0.7 0.313 0.7 0.7 0 0.354-0.263 0.647-0.605 0.694l-0.095 0.006h-3.972c-0.387 0-0.7-0.313-0.7-0.7 0-0.354 0.263-0.647 0.605-0.694l0.095-0.006h3.972z"></path>
 </svg>

package/src/components/OBanner.vue

@@ -151,7 +151,7 @@ const onClick = (href: string, hasBtn: boolean | undefined) => {
     background-size: contain;
     background-repeat: no-repeat;
 
-    @include respond('pad') {
+    @include respond-to('pad') {
       height: var(--pad-height);
       width: var(--pad-width);
     }
@@ -169,15 +169,15 @@ const onClick = (href: string, hasBtn: boolean | undefined) => {
       @include h4;
     }
 
-    @include respond('laptop-pc_s') {
+    @include respond-to('laptop-pc_s') {
       --banner-height: 400px;
     }
 
-    @include respond('pad_h') {
+    @include respond-to('pad_h') {
       --banner-height: 360px;
     }
 
-    @include respond('<=pad_v') {
+    @include respond-to('<=pad_v') {
       --banner-height: 184px;
     }
   }
@@ -194,15 +194,15 @@ const onClick = (href: string, hasBtn: boolean | undefined) => {
       @include text2;
     }
 
-    @include respond('laptop-pc_s') {
+    @include respond-to('laptop-pc_s') {
       --banner-height: 280px;
     }
 
-    @include respond('pad_h') {
+    @include respond-to('pad_h') {
       --banner-height: 220px;
     }
 
-    @include respond('<=pad_v') {
+    @include respond-to('<=pad_v') {
       --banner-height: 120px;
     }
 
@@ -210,7 +210,7 @@ const onClick = (href: string, hasBtn: boolean | undefined) => {
       --pc-height: 100px !important;
       --pc-width: 500px !important;
 
-      @include respond('pad') {
+      @include respond-to('pad') {
         --pc-height: 60px !important;
         --pc-width: 300px !important;
       }
@@ -229,15 +229,15 @@ const onClick = (href: string, hasBtn: boolean | undefined) => {
       @include text2;
     }
 
-    @include respond('laptop-pc_s') {
+    @include respond-to('laptop-pc_s') {
       --banner-height: 220px;
     }
 
-    @include respond('pad_h') {
+    @include respond-to('pad_h') {
       --banner-height: 180px;
     }
 
-    @include respond('<=pad_v') {
+    @include respond-to('<=pad_v') {
       display: none;
     }
 
@@ -245,7 +245,7 @@ const onClick = (href: string, hasBtn: boolean | undefined) => {
       --pc-height: 80px !important;
       --pc-width: 400px !important;
 
-      @include respond('pad') {
+      @include respond-to('pad') {
         --pc-height: 50px !important;
         --pc-width: 250px !important;
       }
@@ -260,11 +260,11 @@ const onClick = (href: string, hasBtn: boolean | undefined) => {
 .banner-carousel {
   width: 100%;
   height: 100%;
-  @include respond('>pad_v') {
+  @include respond-to('>pad_v') {
     --carousel-indicator-offset: 53px;
   }
 
-  @include respond('<=pad_v') {
+  @include respond-to('<=pad_v') {
     --carousel-indicator-offset: 1px;
   }
 
@@ -287,14 +287,14 @@ const onClick = (href: string, hasBtn: boolean | undefined) => {
     height: 100%;
   }
 
-  @include respond('pad') {
+  @include respond-to('pad') {
     :deep(.o-figure-img) {
       transition: object-position 0.3s ease;
       object-position: var(--pad-offset);
     }
   }
 
-  @include respond('phone') {
+  @include respond-to('phone') {
     --figure-radius: 4px;
   }
 }
@@ -367,7 +367,7 @@ const onClick = (href: string, hasBtn: boolean | undefined) => {
   .banner-attach {
     height: 120px;
 
-    @include respond('pad') {
+    @include respond-to('pad') {
       height: 80px;
     }
   }
@@ -377,7 +377,7 @@ const onClick = (href: string, hasBtn: boolean | undefined) => {
   .banner-attach {
     height: 156px;
 
-    @include respond('pad') {
+    @include respond-to('pad') {
       height: 120px;
     }
   }

package/src/components/OCookieNotice.vue

@@ -294,19 +294,19 @@ defineExpose({
 <style lang="scss">
 .o-cookie-notice-dlg-main {
   --dlg-edge-gap: 32px;
-  @include respond('laptop') {
+  @include respond-to('laptop') {
     --dlg-edge-gap: 24px;
   }
-  @include respond('phone') {
+  @include respond-to('phone') {
     --dlg-edge-gap: 16px 24px;
   }
 
   --dlg-width: var(--grid-14);
-  @include respond('pad_h') {
+  @include respond-to('pad_h') {
     --dlg-edge-gap: 16px;
     --dlg-width: var(--grid-8);
   }
-  @include respond('<=pad_v') {
+  @include respond-to('<=pad_v') {
     --dlg-width: 100vw;
   }
 }
@@ -341,7 +341,7 @@ defineExpose({
 }
 
 .cookie-notice-content {
-  background-color: rgba(var(--o-grey-1), 0.9);
+  background-color: rgba(var(--o-mixedgray-1), 0.9);
   backdrop-filter: blur(5px);
   box-shadow: var(--o-shadow-1);
 }
@@ -354,13 +354,13 @@ defineExpose({
   @media (1680px >= width >= 1201px) {
     padding: 12px var(--layout-content-padding);
   }
-  @include respond('pad_h') {
+  @include respond-to('pad_h') {
     padding: 8px var(--layout-content-padding);
   }
   @media (max-width: 840px) {
     padding: 16px var(--layout-content-padding);
   }
-  @include respond('phone') {
+  @include respond-to('phone') {
     padding: 16px var(--layout-content-padding);
   }
   &:not([type='zh']) {
@@ -377,13 +377,13 @@ defineExpose({
   @media (1680px >= width >= 1201px) {
     padding: 12px 0;
   }
-  @include respond('pad_h') {
+  @include respond-to('pad_h') {
     padding: 8px 0;
   }
   @media (max-width: 840px) {
     padding: 16px 0;
   }
-  @include respond('phone') {
+  @include respond-to('phone') {
     padding: 16px 0;
   }
   &:not([type='zh']) {
@@ -403,13 +403,13 @@ defineExpose({
   @media (max-width: 1680px) {
     font-size: 14px;
   }
-  @include respond('<=pad_v') {
+  @include respond-to('<=pad_v') {
     text-align: center;
   }
 }
 
 .cookie-en-title {
-  @include respond('<=pad_v') {
+  @include respond-to('<=pad_v') {
     margin-left: auto;
   }
 }
@@ -419,7 +419,7 @@ defineExpose({
   line-height: 22px;
   margin-right: 8px;
   text-align: start;
-  @include respond('<=pad_v') {
+  @include respond-to('<=pad_v') {
     font-size: 12px;
     line-height: 18px;
   }
@@ -429,7 +429,7 @@ defineExpose({
   display: flex;
   width: 100%;
   margin-top: 8px;
-  @include respond('<=pad_v') {
+  @include respond-to('<=pad_v') {
     flex-direction: column;
   }
 }
@@ -444,10 +444,10 @@ defineExpose({
   @media (1680px >= width >= 1201px) {
     margin-right: 40px;
   }
-  @include respond('pad') {
+  @include respond-to('pad') {
     margin-right: 24px;
   }
-  @include respond('<=pad_v') {
+  @include respond-to('<=pad_v') {
     margin: 0;
   }
 }
@@ -461,7 +461,7 @@ defineExpose({
     @media (1680px >= width >= 1201px) {
       margin-left: 12px;
     }
-    @include respond('pad_h') {
+    @include respond-to('pad_h') {
       margin-left: 8px;
     }
     @media (min-width: 841px) {
@@ -469,7 +469,7 @@ defineExpose({
     }
   }
 
-  @include respond('<=pad_v') {
+  @include respond-to('<=pad_v') {
     margin-top: 16px;
     width: 100%;
     display: grid;
@@ -514,7 +514,7 @@ defineExpose({
     @media (1680px >= width >= 1201px) {
       margin-top: 16px;
     }
-    @include respond('<=pad') {
+    @include respond-to('<=pad') {
       margin-top: 12px;
     }
   }
@@ -532,7 +532,7 @@ defineExpose({
         @media (1680px >= width >= 1201px) {
           font-size: 18px;
         }
-        @include respond('<=pad') {
+        @include respond-to('<=pad') {
           font-size: 16px;
         }
       }
@@ -541,7 +541,7 @@ defineExpose({
         font-size: 14px;
         color: var(--o-color-info3);
         margin-left: 24px;
-        @include respond('<=pad') {
+        @include respond-to('<=pad') {
           font-size: 12px;
         }
       }
@@ -556,7 +556,7 @@ defineExpose({
         margin-top: 12px;
         font-size: 14px;
       }
-      @include respond('<=pad') {
+      @include respond-to('<=pad') {
         margin-top: 8px;
       }
       @media (max-width: 840px) {

package/src/components/OFooter.vue

@@ -201,11 +201,11 @@ const props = withDefaults(defineProps<{
       height: 32px;
       margin-top: 12px;
 
-      @include respond('<=laptop') {
+      @include respond-to('<=laptop') {
         margin-top: 8px;
       }
 
-      @include respond('<=pad_v') {
+      @include respond-to('<=pad_v') {
         height: 30px;
         margin-top: 12px;
       }
@@ -214,10 +214,10 @@ const props = withDefaults(defineProps<{
   .atom-divider {
     --o-divider-bd-color: rgba(229, 229, 229, 0.12);
     --o-divider-gap: 16px;
-    @include respond('laptop') {
+    @include respond-to('laptop') {
       --o-divider-gap: 12px;
     }
-    @include respond('pad_h') {
+    @include respond-to('pad_h') {
       --o-divider-gap: 8px;
     }
   }
@@ -241,7 +241,7 @@ const props = withDefaults(defineProps<{
     display: flex;
     justify-content: space-between;
     max-width: 1140px;
-    @include respond('<=pad_v') {
+    @include respond-to('<=pad_v') {
       display: none;
     }
     .category {
@@ -280,7 +280,7 @@ const props = withDefaults(defineProps<{
       margin-right: 24px;
     }
 
-    @include respond('<=pad') {
+    @include respond-to('<=pad') {
       .friendship-link-title {
         margin-right: 24px;
         min-width: 48px;
@@ -290,7 +290,7 @@ const props = withDefaults(defineProps<{
       }
     }
 
-    @include respond('<=pad_v') {
+    @include respond-to('<=pad_v') {
       display: none;
     }
   }
@@ -301,14 +301,14 @@ const props = withDefaults(defineProps<{
     padding: 8px 0 32px;
     position: relative;
 
-    @include respond('<=pad_v') {
+    @include respond-to('<=pad_v') {
       margin: 0 auto;
       padding: 0 0 24px;
       flex-direction: column;
     }
   }
   .inner-en {
-    @include respond('<=pad_v') {
+    @include respond-to('<=pad_v') {
       max-width: fit-content;
     }
   }
@@ -327,7 +327,7 @@ const props = withDefaults(defineProps<{
       color: var(--o-color-white);
     }
 
-    @include respond('<=pad_v') {
+    @include respond-to('<=pad_v') {
       text-align: center;
       margin: 16px 0;
       .show-pc {
@@ -355,7 +355,7 @@ const props = withDefaults(defineProps<{
       }
     }
 
-    @include respond('<=pad_v') {
+    @include respond-to('<=pad_v') {
       order: -1;
     }
   }
@@ -395,14 +395,14 @@ const props = withDefaults(defineProps<{
       }
     }
 
-    @include respond('<=pad') {
+    @include respond-to('<=pad') {
       flex-direction: column;
       .filing {
         margin-left: 6px;
       }
     }
 
-    @include respond('<=pad_v') {
+    @include respond-to('<=pad_v') {
       margin-top: 4px;
       .filing {
         margin-left: 4px;
@@ -457,19 +457,19 @@ const props = withDefaults(defineProps<{
           }
         }
 
-        @include respond('pad_h') {
+        @include respond-to('pad_h') {
           height: 18px;
         }
       }
       .code-pop + .code-pop {
         margin-left: 80px;
-        @include respond('<=pad_v') {
+        @include respond-to('<=pad_v') {
           margin-left: 64px;
         }
       }
     }
 
-    @include respond('<=pad_v') {
+    @include respond-to('<=pad_v') {
       .code-box {
         justify-content: space-between;
         .code-pop {
@@ -564,8 +564,7 @@ const props = withDefaults(defineProps<{
       }
     }
   }
-
-  @include respond('<=pad') {
+  @include respond-to('<=pad') {
     .app-footer-pc {
       display: none;
     }