@opendesign-plus-test/components 0.0.1-rc.20 → 0.0.1-rc.22

package/src/components/events/OEventsList.vue

@@ -14,8 +14,8 @@ import { computed, ref } from 'vue';
 import { type EventsCardItemT, EventsStatusT, type EventsListPropsT, SearchParamsT } from './types';
 import { compareDate } from './utils.ts';
 import { useI18n } from '@/i18n';
-import defaultCover from '@/assets/events/city/default-cover.jpg';
-import { CITY_MAP } from './config.ts';
+
+import { CITY_MAP, DEFAULT_COVER } from './config.ts';
 import { useScreen } from '@opendesign-plus/composables';
 
 const { t } = useI18n();
@@ -100,7 +100,7 @@ const list = computed(() => {
         cover = CITY_MAP[city];
       }
       if (!cover) {
-        cover = defaultCover;
+        cover = DEFAULT_COVER;
       }
       return {
         ...v,
@@ -176,18 +176,6 @@ const list = computed(() => {
     border-radius: var(--o-radius-xs);
     padding: var(--o-gap-5) var(--o-gap-6);
     gap: var(--o-gap-3) var(--o-gap-2);
-    @include respond-to('laptop') {
-      padding: var(--o-gap-4) var(--o-gap-5);
-    }
-    @include respond-to('pad_h') {
-      padding: var(--o-gap-4) var(--o-gap-5);
-    }
-    @include respond-to('pad_v') {
-      padding: var(--o-gap-3) var(--o-gap-4);
-    }
-    @include respond-to('phone') {
-      padding: var(--o-gap-3) var(--o-gap-4);
-    }
     @include text1;
 
     .filter-left {
@@ -200,12 +188,6 @@ const list = computed(() => {
         flex-shrink: 0;
         margin-right: var(--o-gap-5);
         font-weight: 500;
-        @include respond-to('laptop') {
-          margin-right: var(--o-gap-4);
-        }
-        @include respond-to('pad_h') {
-          margin-right: var(--o-gap-3);
-        }
         @include respond-to('pad_v') {
           margin-right: var(--o-gap-4);
         }
@@ -246,14 +228,6 @@ const list = computed(() => {
     @include respond-to('<=pad_v') {
       grid-template-columns: repeat(1, 1fr);
     }
-    @include respond-to('laptop') {
-      margin-top: var(--o-gap-5);
-      gap: var(--o-gap-5);
-    }
-    @include respond-to('pad_h') {
-      margin-top: var(--o-gap-4);
-      gap: var(--o-gap-4);
-    }
     @include respond-to('pad_v') {
       margin-top: var(--o-gap-4);
       gap: var(--o-gap-3);
@@ -292,12 +266,6 @@ const list = computed(() => {
         padding: var(--o-gap-6);
         z-index: 10;
 
-        @include respond-to('laptop') {
-          margin-top: var(--o-gap-5);
-        }
-        @include respond-to('pad_h') {
-          margin-top: var(--o-gap-4);
-        }
         @include respond-to('pad_v') {
           margin-top: var(--o-gap-4);
         }
@@ -345,12 +313,6 @@ const list = computed(() => {
           }
 
           @include text1;
-          @include respond-to('laptop') {
-            margin-top: var(--o-gap-4);
-          }
-          @include respond-to('pad_h') {
-            margin-top: var(--o-gap-3);
-          }
           @include respond-to('pad_v') {
             margin-top: var(--o-gap-2);
           }
@@ -380,19 +342,6 @@ const list = computed(() => {
   .o-pagination {
     margin-top: var(--o-gap-6);
 
-    @include respond-to('laptop') {
-      margin-top: var(--o-gap-5);
-    }
-    @include respond-to('pad_h') {
-      margin-top: var(--o-gap-4);
-    }
-    @include respond-to('pad_v') {
-      margin-top: var(--o-gap-4);
-    }
-    @include respond-to('phone') {
-      margin-top: var(--o-gap-4);
-    }
-
     .o-pagination-wrap {
       justify-content: flex-end;
     }

package/src/components/events/config.ts

@@ -3,21 +3,6 @@ import IconEvents from '~icons/events/icon-events.svg';
 import IconCompetition from '~icons/events/icon-competition.svg';
 import IconRelease from '~icons/events/icon-release.svg';
 
-import 上海 from '@/assets/events/city/shanghai.jpg';
-import 北京 from '@/assets/events/city/beijing.jpg';
-import 南京 from '@/assets/events/city/nanjing.jpg';
-import 天津 from '@/assets/events/city/tianjin.jpg';
-import 成都 from '@/assets/events/city/chengdu.jpg';
-import 无锡 from '@/assets/events/city/wuxi.jpg';
-import 杭州 from '@/assets/events/city/hangzhou.jpg';
-import 深圳1 from '@/assets/events/city/shenzhen1.jpg';
-import 深圳2 from '@/assets/events/city/shenzhen2.jpg';
-import 苏州 from '@/assets/events/city/suzhou.jpg';
-import 西安 from '@/assets/events/city/xian.jpg';
-import 郑州 from '@/assets/events/city/zhengzhou.jpg';
-import 武汉 from '@/assets/events/city/wuhan.jpg';
-import 广州 from '@/assets/events/city/guangzhou.jpg';
-
 export const EVENTS_COLOR_MAP = {
   summit: '--o-orange-6',
   events: '--o-cyan-6',
@@ -33,17 +18,18 @@ export const EVENTS_ICON_MAP = {
 };
 
 export const CITY_MAP = {
-  上海,
-  北京,
-  南京,
-  天津,
-  成都,
-  无锡,
-  杭州,
-  深圳: [深圳1, 深圳2],
-  苏州,
-  西安,
-  郑州,
-  武汉,
-  广州,
-};
+  上海: 'https://infrastructure-website.osinfra.cn/picture/city/shanghai.jpg',
+  北京: 'https://infrastructure-website.osinfra.cn/picture/city/beijing.jpg',
+  南京: 'https://infrastructure-website.osinfra.cn/picture/city/nanjing.jpg',
+  天津: 'https://infrastructure-website.osinfra.cn/picture/city/tianjin.jpg',
+  成都: 'https://infrastructure-website.osinfra.cn/picture/city/chengdu.jpg',
+  无锡: 'https://infrastructure-website.osinfra.cn/picture/city/wuxi.jpg',
+  杭州: 'https://infrastructure-website.osinfra.cn/picture/city/hangzhou.jpg',
+  深圳: ['https://infrastructure-website.osinfra.cn/picture/city/shenzhen1.jpg', 'https://infrastructure-website.osinfra.cn/picture/city/shenzhen2.jpg'],
+  苏州: 'https://infrastructure-website.osinfra.cn/picture/city/suzhou.jpg',
+  西安: 'https://infrastructure-website.osinfra.cn/picture/city/xian.jpg',
+  郑州: 'https://infrastructure-website.osinfra.cn/picture/city/zhengzhou.jpg',
+  武汉: 'https://infrastructure-website.osinfra.cn/picture/city/wuhan.jpg',
+};
+
+export const DEFAULT_COVER = 'https://infrastructure-website.osinfra.cn/picture/city/default-cover.jpg';

package/src/components/events/index.ts

@@ -3,6 +3,7 @@ import _OEventsList from './OEventsList.vue';
 import _OEventsApply from './OEventsApply.vue';
 import type { App } from 'vue';
 
+
 const OEventsCalendar = Object.assign(_OEventsCalendar, {
   install(app: App) {
     app.component('OEventsCalendar', _OEventsCalendar);