@opendesign-plus/components 0.0.1-rc.16

package/src/components/events/types.ts

@@ -0,0 +1,80 @@
+type EventsTextAlignT = 'center' | 'left';
+
+export enum EventsStatusT {
+  FINISH = 'finish',
+  ING = 'ing',
+  ALL = ''
+}
+
+
+export interface EventsItemT {
+  name: string; // 事件名称
+  date: string | [string, string]; // 事件日期， "YYYY/MM/DD" 或 ["YYYY/MM/DD", "YYYY/MM/DD"]
+  location?: string; // 事件地点
+  link?: string; // 跳转链接
+  linkProps?: {
+    [key: string]: string | boolean;
+  },
+  align?: EventsTextAlignT; // 文本居中方式
+  cover?: string; // 事件背景，作为列表卡片形式时使用
+  status?: EventsStatusT; // 事件状态，作为列表卡片形式时使用，不传递，组件内部通过date计算得出
+}
+
+export type EventsTypeT = 'summit' | 'events' | 'competition' | 'release';
+
+export interface CalendarItemT {
+  name: string; // 分组标题
+  desc?: string; // 分组描述，可选，支持传递html片段
+  type: EventsTypeT; // 分组类型，决定颜色和图标
+  color?: string; // 分组颜色，可选，如果没有传递由type决定， RGB格式: "255, 0, 0"，包括图标背景和事件背景
+  icon?: string; // 分组图标，可选，如果没有传递由type决定，白色线性，背景由颜色决定
+  data: EventsItemT[];
+  isSpanMonth?: boolean; // 是否包含跨月事件，为true时date需要是[string, string]
+}
+
+export interface StepItemT {
+  title: string; // 标题
+  desc?: string; // 描述，支持HTML片段
+  img?: string; // 插图
+  imgPhone?: string; // 移动端插图
+  listTitle?: string; // 列表标题
+  list: Array<{
+    title: string; // 列表项标题
+    desc?: string; // 列表项描述
+  }>;
+}
+
+// 活动列表
+export interface EventsCardItemT {
+  name: string; // 事件名称
+  date: string; // 事件日期
+  city: string; // 事件城市
+  cover?: string; // 卡片封面，如果不传递，组件内部通过date计算得出
+  status?: EventsStatusT; // 事件状态，不传递，组件内部通过date计算得出
+  link: string; // 跳转链接
+}
+
+
+// 组件 Props 类型定义
+export interface EventsApplyPropsT {
+  steps: StepItemT[];
+}
+
+export interface EventsListPropsT {
+  data: EventsCardItemT[]; // 活动列表数据
+  page: number; // 当前页码
+  pageSize: number; // 当前每页个数
+  total: number; // 活动总计个数
+}
+
+export interface EventsCalendarPropsT {
+  data: CalendarItemT[];
+}
+
+// OEventList 组件搜索事件参数
+export interface SearchParamsT {
+  page: number; // 页码
+  pageSize: number; // 每页数量
+  status: EventsStatusT; // 状态
+  keyword: string; // 关键词
+}

package/src/components/events/utils.ts

@@ -0,0 +1,9 @@
+/**
+ * 比较两个日期字符串的先后顺序
+ * @param dateA - 第一个日期字符串
+ * @param dateB - 第二个日期字符串
+ * @returns 如果 dateA 晚于 dateB 返回 true，否则返回 false
+ */
+export const compareDate = (dateA: string | Date, dateB: string | Date): boolean => {
+  return new Date(dateA).getTime() > new Date(dateB).getTime();
+};