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

package/dist/treeshaking/components/events/OEventsList.vue.mjs

@@ -0,0 +1,237 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, renderSlot, toDisplayString, unref, createVNode, withCtx, Fragment, renderList, createTextVNode, createBlock, createSlots, resolveDynamicComponent, createCommentVNode } from "vue";
+import { ORadioGroup, ORadio, OToggle, OInput, OIcon, OIconSearch, OCard, OTag, ODivider, OPagination } from "@opensig/opendesign";
+import { EventsStatusT } from "./types.mjs";
+import { compareDate } from "./utils.mjs";
+import { useI18n } from "../../i18n/index.mjs";
+import { CITY_MAP, DEFAULT_COVER } from "./config.mjs";
+import { useScreen } from "@opendesign-plus/composables";
+import dayjs from "dayjs";
+const _hoisted_1 = { class: "o-events-list" };
+const _hoisted_2 = { class: "filter-slot-wrapper" };
+const _hoisted_3 = { class: "filter-wrapper" };
+const _hoisted_4 = { class: "filter-left" };
+const _hoisted_5 = { class: "list-content" };
+const _hoisted_6 = { class: "tags-wrapper" };
+const _hoisted_7 = { class: "event-name" };
+const _hoisted_8 = { class: "event-desc" };
+const _hoisted_9 = { class: "event-date" };
+const _hoisted_10 = {
+  key: 0,
+  class: "event-location"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OEventsList",
+  props: {
+    data: { default: () => [] },
+    page: {},
+    pageSize: {},
+    total: {}
+  },
+  emits: ["search"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const { lePadV } = useScreen();
+    const props = __props;
+    const statusOptions = [
+      {
+        label: t("events.statusAll"),
+        value: EventsStatusT.ALL
+      },
+      {
+        label: t("events.statusIng"),
+        value: EventsStatusT.ING
+      },
+      {
+        label: t("events.statusFinish"),
+        value: EventsStatusT.FINISH
+      }
+    ];
+    const emits = __emit;
+    const status = ref(EventsStatusT.ALL);
+    const input = ref("");
+    const keyword = ref("");
+    const emitSearch = (params = {}) => {
+      emits(
+        "search",
+        Object.assign(
+          {
+            page: props.page,
+            pageSize: props.pageSize,
+            status: status.value,
+            keyword: keyword.value
+          },
+          params
+        )
+      );
+    };
+    const changeStatus = () => {
+      emitSearch();
+    };
+    const changeKeyword = () => {
+      keyword.value = input.value;
+      emitSearch();
+    };
+    const list = computed(() => {
+      return props.data.map((v) => {
+        let startDate = v.startDate;
+        let endDate = v.endDate;
+        let dateStr = dayjs(v.date).format("YYYY/MM/DD");
+        if (startDate && endDate) {
+          const yearFirstDay = dayjs().format("YYYY-01-01");
+          if (compareDate(yearFirstDay, startDate)) {
+            startDate = yearFirstDay;
+          }
+          const yearLastDay = dayjs().format("YYYY-12-31");
+          if (compareDate(endDate, yearLastDay)) {
+            endDate = yearLastDay;
+          }
+          dateStr = `${dayjs(startDate).format("YYYY/MM/DD")}-${dayjs(endDate).format("MM/DD")}`;
+        }
+        return {
+          ...v,
+          startDate,
+          endDate,
+          dateStr,
+          status: !compareDate(/* @__PURE__ */ new Date(), v.date || v.endDate) ? EventsStatusT.ING : EventsStatusT.FINISH
+        };
+      }).sort((a, b) => compareDate(a.date || a.endDate, b.date || b.endDate) ? -1 : 1).map((v) => {
+        var _a, _b, _c;
+        const city = (_c = (_b = (_a = v.city) == null ? void 0 : _a.replace("市", "")) == null ? void 0 : _b.replace("中国", "")) == null ? void 0 : _c.replaceAll(" ", "");
+        let cover = null;
+        if (Array.isArray(CITY_MAP[city])) {
+          cover = CITY_MAP[city][v.name.length % CITY_MAP[city].length];
+        } else {
+          cover = CITY_MAP[city];
+        }
+        if (!cover) {
+          cover = DEFAULT_COVER;
+        }
+        return {
+          ...v,
+          cover
+        };
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "filter", {}, () => [
+            createElementVNode("div", _hoisted_3, [
+              createElementVNode("div", _hoisted_4, [
+                createElementVNode("span", null, toDisplayString(unref(t)("events.status")), 1),
+                createVNode(unref(ORadioGroup), {
+                  modelValue: status.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => status.value = $event),
+                  style: { "--radio-group-gap": "8px" },
+                  onChange: changeStatus
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createElementBlock(Fragment, null, renderList(statusOptions, (t2) => {
+                      return createVNode(unref(ORadio), {
+                        key: t2.value,
+                        value: t2.value
+                      }, {
+                        radio: withCtx(({ checked }) => [
+                          createVNode(unref(OToggle), { checked }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(t2.label), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["checked"])
+                        ]),
+                        _: 2
+                      }, 1032, ["value"]);
+                    }), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              createVNode(unref(OInput), {
+                size: "large",
+                modelValue: input.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => input.value = $event),
+                placeholder: unref(t)("events.searchPlaceholder"),
+                onPressEnter: changeKeyword,
+                onClear: changeKeyword,
+                clearable: ""
+              }, {
+                prefix: withCtx(() => [
+                  createVNode(unref(OIcon), { class: "input-icon" }, {
+                    default: withCtx(() => [
+                      createVNode(unref(OIconSearch))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue", "placeholder"])
+            ])
+          ])
+        ]),
+        createElementVNode("div", _hoisted_5, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(list.value, (item) => {
+            return openBlock(), createBlock(unref(OCard), {
+              key: item.name,
+              cover: item.cover,
+              href: item.link
+            }, {
+              default: withCtx(() => {
+                var _a;
+                return [
+                  createElementVNode("div", _hoisted_6, [
+                    ((_a = item.tags) == null ? void 0 : _a.length) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(item.tags, (tag) => {
+                      return openBlock(), createBlock(unref(OTag), {
+                        key: tag.title,
+                        size: "medium"
+                      }, createSlots({
+                        default: withCtx(() => [
+                          createElementVNode("span", null, toDisplayString(tag.title), 1)
+                        ]),
+                        _: 2
+                      }, [
+                        tag.icon ? {
+                          name: "icon",
+                          fn: withCtx(() => [
+                            (openBlock(), createBlock(resolveDynamicComponent(tag.icon)))
+                          ]),
+                          key: "0"
+                        } : void 0
+                      ]), 1024);
+                    }), 128)) : createCommentVNode("", true),
+                    createVNode(unref(OTag), { class: "event-status" }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(item.status === unref(EventsStatusT).ING ? unref(t)("events.statusIng") : unref(t)("events.statusFinish")), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  createElementVNode("div", _hoisted_7, toDisplayString(item.name), 1),
+                  createElementVNode("div", _hoisted_8, [
+                    createElementVNode("div", _hoisted_9, toDisplayString(item.dateStr), 1),
+                    createVNode(unref(ODivider), { direction: "v" }),
+                    item.city ? (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(item.city), 1)) : createCommentVNode("", true)
+                  ])
+                ];
+              }),
+              _: 2
+            }, 1032, ["cover", "href"]);
+          }), 128))
+        ]),
+        !list.value.length ? renderSlot(_ctx.$slots, "empty", { key: 0 }) : createCommentVNode("", true),
+        __props.total > 8 ? (openBlock(), createBlock(unref(OPagination), {
+          key: 1,
+          page: __props.page,
+          simple: unref(lePadV),
+          "show-total": true,
+          pageSize: __props.pageSize,
+          total: __props.total,
+          onChange: emitSearch,
+          pageSizes: [4, 12, 24, 36, 48]
+        }, null, 8, ["page", "simple", "pageSize", "total"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/events/OEventsList.vue3.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./OEventsList.vue.mjs";
+import './OEventsList.css';
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/events/config.d.ts

@@ -0,0 +1,14 @@
+export declare const EVENTS_COLOR_MAP: {
+    summit: string;
+    events: string;
+    competition: string;
+    release: string;
+};
+export declare const EVENTS_ICON_MAP: {
+    events: string;
+    competition: string;
+    release: string;
+    summit: string;
+};
+export declare const CITY_MAP: Record<string, string | string[]>;
+export declare const DEFAULT_COVER = "https://infrastructure-website.osinfra.cn/picture/city/default-cover.jpg";

package/dist/treeshaking/components/events/config.mjs

@@ -0,0 +1,37 @@
+import IconSummit from "../../_virtual/icon-summit2.mjs";
+import IconEvents from "../../_virtual/icon-events.mjs";
+import IconCompetition from "../../_virtual/icon-competition.mjs";
+import IconRelease from "../../_virtual/icon-release.mjs";
+const EVENTS_COLOR_MAP = {
+  summit: "--o-orange-6",
+  events: "--o-cyan-6",
+  competition: "--o-blue-6",
+  release: "--o-purple-6"
+};
+const EVENTS_ICON_MAP = {
+  events: IconEvents,
+  competition: IconCompetition,
+  release: IconRelease,
+  summit: IconSummit
+};
+const CITY_MAP = {
+  上海: "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"
+};
+const DEFAULT_COVER = "https://infrastructure-website.osinfra.cn/picture/city/default-cover.jpg";
+export {
+  CITY_MAP,
+  DEFAULT_COVER,
+  EVENTS_COLOR_MAP,
+  EVENTS_ICON_MAP
+};

package/dist/treeshaking/components/events/index.d.ts

@@ -0,0 +1,78 @@
+import { App } from 'vue';
+declare const OEventsCalendar: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        data: import('../../index').CalendarItemT[];
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('../../index').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, {
+        data: import('../../index').CalendarItemT[];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    data: import('../../index').CalendarItemT[];
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+declare const OEventsList: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').EventsListPropsT> & Readonly<{
+        onSearch?: ((params: import('../../index').SearchParamsT) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        search: (params: import('../../index').SearchParamsT) => any;
+    }, import('vue').PublicProps, {
+        data: import('../../index').EventsCardItemT[];
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('../../index').EventsListPropsT> & Readonly<{
+        onSearch?: ((params: import('../../index').SearchParamsT) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        data: import('../../index').EventsCardItemT[];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').EventsListPropsT> & Readonly<{
+    onSearch?: ((params: import('../../index').SearchParamsT) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    search: (params: import('../../index').SearchParamsT) => any;
+}, string, {
+    data: import('../../index').EventsCardItemT[];
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        empty?: () => any;
+    }> & {
+        empty?: () => any;
+    };
+}) & {
+    install(app: App): void;
+};
+declare const OEventsApply: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('../../index').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Partial<Record<`step${number}`, (_: {}) => any>>;
+}) & {
+    install(app: App): void;
+};
+export { OEventsCalendar, OEventsList, OEventsApply };
+export * from './types';

package/dist/treeshaking/components/events/index.mjs

@@ -0,0 +1,26 @@
+import _sfc_main$1 from "./OEventsCalendar.vue.mjs";
+import './OEventsCalendar.css';
+import _sfc_main$2 from "./OEventsList.vue.mjs";
+import './OEventsList.css';
+import _sfc_main from "./OEventsApply.vue.mjs";
+import './OEventsApply.css';
+const OEventsCalendar = Object.assign(_sfc_main$1, {
+  install(app) {
+    app.component("OEventsCalendar", _sfc_main$1);
+  }
+});
+const OEventsList = Object.assign(_sfc_main$2, {
+  install(app) {
+    app.component("OEventsList", _sfc_main$2);
+  }
+});
+const OEventsApply = Object.assign(_sfc_main, {
+  install(app) {
+    app.component("OEventsApply", _sfc_main);
+  }
+});
+export {
+  OEventsApply,
+  OEventsCalendar,
+  OEventsList
+};

package/dist/treeshaking/components/events/types.d.ts

@@ -0,0 +1,73 @@
+type EventsTextAlignT = 'center' | 'left';
+export declare enum EventsStatusT {
+    FINISH = "finish",
+    ING = "ing",
+    ALL = ""
+}
+export interface EventsItemT {
+    name: string;
+    date: string | [string, string];
+    location?: string;
+    link?: string;
+    linkProps?: {
+        [key: string]: string | boolean;
+    };
+    align?: EventsTextAlignT;
+    cover?: string;
+    status?: EventsStatusT;
+}
+export type EventsTypeT = 'summit' | 'events' | 'competition' | 'release';
+export interface CalendarItemT {
+    name: string;
+    desc?: string;
+    type: EventsTypeT;
+    color?: string;
+    icon?: string;
+    data: EventsItemT[];
+    isSpanMonth?: boolean;
+}
+export interface StepItemT {
+    title: string;
+    desc?: string;
+    img?: string;
+    imgPhone?: string;
+    listTitle?: string;
+    list: Array<{
+        title: string;
+        desc?: string;
+    }>;
+}
+export interface EventsCardItemT {
+    name: string;
+    date?: string;
+    startDate?: string;
+    endDate?: string;
+    dateStr?: string;
+    city: string;
+    cover?: string;
+    status?: EventsStatusT;
+    link: string;
+    tags?: {
+        icon?: any;
+        title: string;
+    }[];
+}
+export interface EventsApplyPropsT {
+    steps: StepItemT[];
+}
+export interface EventsListPropsT {
+    data: EventsCardItemT[];
+    page: number;
+    pageSize: number;
+    total: number;
+}
+export interface EventsCalendarPropsT {
+    data: CalendarItemT[];
+}
+export interface SearchParamsT {
+    page: number;
+    pageSize: number;
+    status: EventsStatusT;
+    keyword: string;
+}
+export {};

package/dist/treeshaking/components/events/types.mjs

@@ -0,0 +1,9 @@
+var EventsStatusT = /* @__PURE__ */ ((EventsStatusT2) => {
+  EventsStatusT2["FINISH"] = "finish";
+  EventsStatusT2["ING"] = "ing";
+  EventsStatusT2["ALL"] = "";
+  return EventsStatusT2;
+})(EventsStatusT || {});
+export {
+  EventsStatusT
+};

package/{src/components/events/utils.ts → dist/treeshaking/components/events/utils.d.ts}

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

package/dist/treeshaking/components/events/utils.mjs

@@ -0,0 +1,6 @@
+const compareDate = (dateA, dateB) => {
+  return new Date(dateA).getTime() > new Date(dateB).getTime();
+};
+export {
+  compareDate
+};