@opendesign-plus/components 0.0.1-rc.35 → 0.0.1-rc.36

package/src/components/activity/composables/useActivityConfig.ts

@@ -1,141 +0,0 @@
-import { computed } from 'vue';
-import { useI18n } from '@/i18n';
-
-export const useActivityConfig = () => {
-  const { t } = useI18n();
-
-  const activityTypeMap = computed(() => new Map([
-    [
-      1,
-      {
-        label: t('meeting.offline'),
-        value: 1,
-      },
-    ],
-    [
-      2,
-      {
-        label: t('meeting.online'),
-        value: 2,
-      },
-    ],
-    [
-      3,
-      {
-        label: t('meeting.onlineOffline'),
-        value: 3,
-      },
-    ],
-  ]));
-
-  const statusMap = computed(() => new Map([
-    [
-      1,
-      {
-        id: 'draft',
-        label: t('meeting.statusDraft'),
-        text: t('meeting.statusDraft'),
-        value: 1,
-      },
-    ],
-    [
-      2,
-      {
-        id: 'under-review',
-        label: t('meeting.statusUnderReview'),
-        text: t('meeting.statusPending'),
-        value: 2,
-      },
-    ],
-    [
-      3,
-      {
-        id: 'registration',
-        label: t('meeting.statusRegistering'),
-        text: t('meeting.statusApproved'),
-        value: 3,
-      },
-    ],
-    [
-      4,
-      {
-        id: 'in-progress',
-        label: t('meeting.statusInProgress'),
-        text: t('meeting.statusApproved'),
-        value: 4,
-      },
-    ],
-    [
-      5,
-      {
-        id: 'ended',
-        label: t('meeting.statusEnded'),
-        text: t('meeting.statusEnded'),
-        value: 5,
-      },
-    ],
-    [
-      6,
-      {
-        id: 'modified',
-        label: t('meeting.statusModified'),
-        text: t('meeting.statusModified'),
-        value: 6,
-      },
-    ],
-    [
-      7,
-      {
-        id: 'reject',
-        label: t('meeting.statusRejected'),
-        text: t('meeting.statusRejected'),
-        value: 7,
-      },
-    ],
-  ]));
-
-  const approvalStatusMap = computed(() => new Map([
-    [
-      'all',
-      {
-        label: t('common.all'),
-        value: 'all',
-      },
-    ],
-    [
-      'rejected',
-      {
-        label: t('meeting.statusRejected'),
-        value: 'rejected',
-      },
-    ],
-    [
-      'approved',
-      {
-        label: t('meeting.statusApproved'),
-        value: 'approved',
-      },
-    ],
-    [
-      'publish',
-      {
-        label: t('meeting.statusPending'),
-        value: 'publish',
-      },
-    ],
-    [
-      'cancel',
-      {
-        label: t('meeting.statusCanceled'),
-        value: 'cancel',
-      },
-    ],
-  ]));
-
-  return {
-    t,
-    activityTypeMap,
-    statusMap,
-    approvalStatusMap,
-  };
-};

package/src/components/activity/config.ts

@@ -1 +0,0 @@
-export const WEBSITE_REGEXP = /^https?:\/\/\S+/;

package/src/components/activity/index.ts

@@ -1,24 +0,0 @@
-import _OActivityForm from './OActivityForm.vue';
-import _OActivityApproval from './OActivityApproval.vue';
-import _OActivityMyCalendar from './OActivityMyCalendar.vue';
-import type { App } from 'vue';
-
-
-const OActivityForm = Object.assign(_OActivityForm, {
-  install(app: App) {
-    app.component('OActivityForm', _OActivityForm);
-  },
-});
-const OActivityApproval = Object.assign(_OActivityApproval, {
-  install(app: App) {
-    app.component('OActivityApproval', _OActivityApproval);
-  },
-});
-const OActivityMyCalendar = Object.assign(_OActivityMyCalendar, {
-  install(app: App) {
-    app.component('OActivityMyCalendar', OActivityMyCalendar);
-  },
-});
-
-export { OActivityForm, OActivityApproval, OActivityMyCalendar };
-export * from './types';

package/src/components/activity/types.ts

@@ -1,95 +0,0 @@
-// 活动新增、修改
-export interface ParamsItemT {
-  id?: number; // 活动id
-  title: string; // 活动名称
-  start_date: string; // 活动起始日期
-  end_date: string; // 活动结束日期
-  register_end_date: string; // 报名截止时间
-  activity_type: string | number; // 活动类型
-  synopsis: string; // 活动简介
-  register_url: string; // 报名网址
-  content_url: string; // 活动详情网址
-  address: string; // 活动地址
-  start: string; // 活动开始时间
-  end: string; // 活动结束时间
-  schedules?: string;
-  is_publish: string; // 是否发布 true-发布审核 false-发布为草稿
-  update_activity_id?: string | number;
-  email_list?: string; // 邮件列表
-  organizer?: string; // 主办方
-  approver: string; // 审批人
-  status?: number; // 状态
-}
-
-export interface ActivityFormPropsT {
-  data?: ParamsItemT;
-  creatActivity: any;
-  editActivity: any;
-  admins: string[];
-  organizers: {
-    id: number;
-    name: string;
-  }[];
-}
-
-export interface TypeOptionT {
-  label: string;
-  value: number;
-}
-
-export interface ActivityItemT {
-  activity_mode: number;
-  activity_type: number;
-  address: string;
-  approver: string;
-  approve_record: object;
-  start_date: string;
-  end: string;
-  end_date: string;
-  id: number;
-  is_delete: number; // 1-已取消 0-正常
-  live_address: string;
-  register_end_date: string;
-  register_url: string;
-  content_url: string;
-  start: string;
-  status: number; // 1-草稿 2-审核中 3-报名中 4-进行中 5-已结束 6-已修改 7-驳回
-  synopsis: string;
-  title: string;
-  update_activity_id: number;
-  user: string;
-  sponsor: string; // 创建人
-  create_time: string; // 创建时间
-  isExpired?: number; // 计算属性表示是否过期
-  sub_id?: string;
-  dateRange?: string;  // 计算属性
-}
-
-export interface ReviewParamsT {
-  page: number;
-  size: number;
-  status: string;
-  activity_mode?: string;
-  is_delete?: number;
-  search: string;
-  sponsor: string;
-  order_by: string;
-}
-
-export interface ActivityTablePropsT {
-  getTableDataRequest: any;
-  applicantList: string[];
-  cancelActivityRequest: any;
-  deleteActivityRequest: any;
-  approveActivityRequest: any;
-  rejectActivityRequest: any;
-  getActivityDetailRequest: any;
-}
-
-export interface MyActivityCalendarPropsT {
-  getListRequest: any;
-  revokeActivityRequest: any;
-  deleteActivityRequest: any;
-  editActivityRequest: any;
-  getActivityDetailRequest: any;
-}

package/src/components/banner/OBanner.vue

@@ -1,288 +0,0 @@
-<script setup lang="ts">
-import { OCarousel, OCarouselItem, OFigure } from '@opensig/opendesign';
-import { computed } from 'vue';
-
-import { useScreen, useTheme } from '@opendesign-plus/composables';
-import ContentWrapper from '../common/ContentWrapper.vue';
-import BannerContent from './OBannerContent.vue';
-import type { BannerItem } from './types';
-
-const props = defineProps<{
-  options?: BannerItem | BannerItem[];
-  size?: 'large' | 'medium' | 'small' | 'tiny';
-  contentJustifyCenter?: boolean;
-  autoPlay?: boolean;
-}>();
-
-const emit = defineEmits<{
-  (e: 'click', href: string | undefined): void;
-}>();
-
-const { isLight } = useTheme();
-const { isPhone } = useScreen();
-
-// 单个 Banner（非数组，或仅含一项的数组）
-const singleBanner = computed((): BannerItem | undefined => {
-  if (!props.options) return undefined;
-  if (Array.isArray(props.options)) {
-    return props.options.length === 1 ? props.options[0] : undefined;
-  }
-  return props.options;
-});
-
-// 多个 Banner（数组且超过一项）
-const multiBanner = computed((): BannerItem[] | undefined => {
-  if (!Array.isArray(props.options) || props.options.length <= 1) return undefined;
-  return props.options;
-});
-</script>
-
-<template>
-  <div :class="['home-banner', size]">
-    <!-- 单个 Banner 的情况 -->
-    <div v-if="singleBanner" class="content-height">
-      <div v-if="size === 'tiny'">
-        {{ singleBanner.title }}
-      </div>
-
-      <BannerContent
-        v-else-if="!isPhone"
-        :info="singleBanner"
-        :size="size"
-        :content-justify-center="contentJustifyCenter"
-        :is-phone="isPhone"
-        :is-light="isLight"
-        @click="emit('click', $event)"
-      />
-
-      <ContentWrapper v-else class="banner-wrapper">
-        <OFigure
-          class="banner-bg"
-          :src="singleBanner.bg"
-          fit="cover"
-        />
-      </ContentWrapper>
-    </div>
-
-    <!-- 多个 Banner 轮播的情况 -->
-    <div v-else-if="multiBanner" class="content-height">
-      <OCarousel
-        v-if="!isPhone"
-        class="banner-carousel"
-        effect="toggle"
-        active-class="current-slide"
-        indicator-click
-        :auto-play="autoPlay"
-      >
-        <OCarouselItem
-          v-for="(info, index) in multiBanner"
-          :key="index"
-          class="banner-item"
-          :class="`banner-item${index}`"
-        >
-          <BannerContent
-            :info="info"
-            :size="size"
-            :content-justify-center="contentJustifyCenter"
-            :is-phone="isPhone"
-            :is-light="isLight"
-            @click="emit('click', $event)"
-          />
-        </OCarouselItem>
-      </OCarousel>
-
-      <OCarousel
-        v-else
-        class="banner-carousel"
-        effect="gallery"
-        indicator-click
-        arrow="never"
-        :auto-play="autoPlay"
-      >
-        <OCarouselItem
-          v-for="(info, index) in multiBanner"
-          :key="index"
-          class="banner-item"
-          :class="`banner-item${index}`"
-        >
-          <ContentWrapper class="banner-wrapper">
-            <OFigure
-              class="banner-bg"
-              :src="info.bg"
-              @click="emit('click', info.href)"
-            />
-          </ContentWrapper>
-        </OCarouselItem>
-      </OCarousel>
-    </div>
-
-    <!-- 没有 Banner 数据的情况 -->
-    <div v-else class="content-height">
-      <p>No data.</p>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.home-banner {
-  overflow: hidden;
-  position: relative;
-
-  &.tiny {
-    @include display2;
-    font-weight: 500;
-    margin: var(--o-gap-8) 0;
-    color: var(--o-color-info1);
-  }
-
-  .content-height {
-    height: 100%;
-  }
-
-  &.large {
-    --banner-height: 460px;
-    height: var(--banner-height);
-
-    @include respond-to('laptop-pc_s') {
-      --banner-height: 400px;
-    }
-
-    @include respond-to('pad_h') {
-      --banner-height: 360px;
-    }
-
-    @include respond-to('<=pad_v') {
-      --banner-height: 184px;
-    }
-  }
-
-  &.medium {
-    --banner-height: 360px;
-    height: var(--banner-height);
-
-    @include respond-to('laptop-pc_s') {
-      --banner-height: 280px;
-    }
-
-    @include respond-to('pad_h') {
-      --banner-height: 220px;
-    }
-
-    @include respond-to('<=pad_v') {
-      --banner-height: 120px;
-    }
-  }
-
-  &.small {
-    --banner-height: 280px;
-    height: var(--banner-height);
-
-    @include respond-to('laptop-pc_s') {
-      --banner-height: 220px;
-    }
-
-    @include respond-to('pad_h') {
-      --banner-height: 180px;
-    }
-
-    @include respond-to('<=pad_v') {
-        display: none;
-    }
-  }
-
-  :deep(.o-btn) {
-    border-radius: var(--btn-height);
-  }
-}
-
-.banner-carousel {
-  width: 100%;
-  height: 100%;
-  @include respond-to('>pad_v') {
-    --carousel-indicator-offset: 53px;
-  }
-
-  @include respond-to('<=pad_v') {
-    --carousel-indicator-offset: 1px;
-  }
-
-  :deep(.o-carousel-indicator-bar) {
-    height: 24px;
-  }
-}
-
-.banner-item {
-  width: 100%;
-  height: 100%;
-}
-
-@keyframes fade-up {
-  from {
-    transform: translateY(var(--d));
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-
-.current-slide {
-  .banner-title {
-    animation: fade-up 400ms ease-in;
-  }
-  .banner-subtitle {
-    animation: fade-up 400ms ease-in;
-  }
-  .banner-text {
-    animation: fade-up 400ms ease-in;
-  }
-  .banner-opts {
-    animation: fade-up 400ms ease-in;
-  }
-}
-</style>
-
-<style lang="scss" scoped>
-// 定制修改item1
-.banner-item0 {
-  .banner-attach {
-    height: 120px;
-
-    @include respond-to('pad') {
-      height: 80px;
-    }
-  }
-}
-
-.banner-item1 {
-  .banner-attach {
-    height: 156px;
-
-    @include respond-to('pad') {
-      height: 120px;
-    }
-  }
-}
-
-// 定制修改item2
-.banner-item2 {
-  .banner-content {
-    width: 100%;
-    justify-content: center;
-  }
-  .banner-attach {
-    height: 38%;
-    margin-top: -60px;
-    object-fit: contain;
-  }
-}
-
-.banner-wrapper {
-  height: 100%;
-
-  .banner-bg {
-    height: 100%;
-  }
-}
-</style>

package/src/components/banner/OBannerContent.vue

@@ -1,175 +0,0 @@
-<script setup lang="ts">
-import { OButton, OFigure } from '@opensig/opendesign';
-import ContentWrapper from '../common/ContentWrapper.vue';
-import type { BannerContentProps } from './types';
-
-defineProps<BannerContentProps>();
-
-// 内联定义 emits 类型
-const emit = defineEmits<{
-  (e: 'click', href: string | undefined): void;
-}>();
-
-const onClick = (href: string | undefined, hasBtn: string | undefined) => {
-  if (href && !hasBtn) {
-    window.open(href);
-    emit('click', href);
-  }
-};
-</script>
-
-<template>
-  <OFigure
-    class="banner-bg"
-    :src="info.bg"
-    :class="{
-      'with-sticky-bg': info.withStickyBg,
-      'cursor-pointer': info.href && !info.btn,
-    }"
-    :style="{
-      '--pad-offset': info.pad_offset,
-    }"
-    @click="onClick(info.href, info.btn)"
-  >
-    <ContentWrapper class="banner-wrapper" :class="['banner-wrapper', contentJustifyCenter ? 'content-center' : '']">
-      <div class="banner-content">
-        <img v-if="!isPhone && info.attach" :src="info.attach" class="banner-attach" />
-
-        <!-- 标题 -->
-        <div 
-          :class="{
-            'banner-title': true, 
-            'text-dark': info.text_theme === 'dark' 
-          }" 
-          v-if="info.title"
-        >
-          {{ info.title }}
-        </div>
-        <!-- 副标题 -->
-        <div 
-          :class="{
-            'banner-subtitle': true, 
-            'text-dark': info.text_theme === 'dark' 
-          }" 
-          v-if="info.subtitle"
-        >
-          {{ info.subtitle }}
-        </div>
-        <div
-          class="banner-text"
-          v-if="info.bg_text"
-          :style="{
-            backgroundImage: `url(${info.bg_text})`,
-            '--pc-width': info.pc_text_width,
-            '--pc-height': info.pc_text_height,
-            '--pad-width': info.pad_text_width,
-            '--pad-height': info.pad_text_height,
-          }"
-        ></div>
-        <!-- 操作按钮 -->
-        <div v-if="info.btn" class="banner-opts">
-          <OButton 
-            :href="info.href" 
-            target="_blank" 
-            variant="solid" 
-            color="primary" 
-            :size="size === 'tiny' ? undefined : size"
-          >
-            {{ info.btn }}
-          </OButton>
-        </div>
-      </div>
-    </ContentWrapper>
-  </OFigure>
-</template>
-
-<style lang="scss" scoped>
-.banner-bg {
-  width: 100%;
-  height: 100%;
-
-  :deep(.o-figure-img) {
-    width: 100%;
-    height: 100%;
-  }
-
-  @include respond-to('pad') {
-    :deep(.o-figure-img) {
-      transition: object-position 0.3s ease;
-      object-position: var(--pad-offset);
-    }
-  }
-
-  @include respond-to('phone') {
-    --figure-radius: 4px;
-  }
-}
-
-.banner-wrapper {
-  height: 100%;
-
-  &.content-center {
-    display: flex;
-    justify-content: center;
-
-    & .banner-content {
-      align-items: center;
-    }
-  }
-}
-
-.banner-content {
-  height: 100%;
-  display: inline-flex;
-  flex-direction: column;
-  justify-content: center;
-  position: relative;
-}
-
-.banner-title {
-  @include display1;
-  color: var(--o-color-info1);
-  font-weight: 500;
-  margin-bottom: 8px;
-
-  &.text-dark {
-    color: var(--o-color-info1-inverse);
-  }
-
-  @include respond-to('<=pad_v') {
-    font-size: 22px;
-    line-height: 30px;
-  }
-}
-
-.banner-subtitle {
-  color: var(--o-color-info1);
-  margin-top: 8px;
-  font-size: 16px;
-
-  &.text-dark {
-    color: var(--o-color-info1-inverse);
-  }
-}
-
-.banner-text {
-  height: var(--pc-height);
-  width: var(--pc-width);
-  background-size: contain;
-  background-repeat: no-repeat;
-
-  @include respond-to('pad') {
-    height: var(--pad-height);
-    width: var(--pad-width);
-  }
-}
-
-.banner-opts {
-  margin-top: 24px;
-  --d: 20px;
-}
-
-.cursor-pointer {
-  cursor: pointer;
-}
-</style>