@opendesign-plus-test/components 0.0.1-rc.65 → 0.0.1-rc.66

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

@@ -0,0 +1,190 @@
+import { defineComponent as x, ref as O, computed as G, openBlock as r, createElementBlock as f, createElementVNode as n, renderSlot as A, toDisplayString as u, unref as s, createVNode as c, withCtx as i, Fragment as V, renderList as C, createTextVNode as L, createBlock as h, createSlots as $, resolveDynamicComponent as B, createCommentVNode as y } from "vue";
+import { ORadioGroup as R, ORadio as U, OToggle as j, OInput as H, OIcon as K, OIconSearch as q, OCard as J, OTag as E, ODivider as Q, OPagination as W } from "@opensig/opendesign";
+import { EventsStatusT as p } from "./types.mjs";
+import { compareDate as _ } from "./utils.mjs";
+import { useI18n as X } from "../../i18n/index.mjs";
+import { CITY_MAP as D, DEFAULT_COVER as Z } from "./config.mjs";
+import { useScreen as ee } from "@opendesign-plus/composables";
+import g from "dayjs";
+const te = { class: "o-events-list" }, ae = { class: "filter-slot-wrapper" }, se = { class: "filter-wrapper" }, le = { class: "filter-left" }, oe = { class: "list-content" }, ne = { class: "tags-wrapper" }, re = { class: "event-name" }, ie = { class: "event-desc" }, ce = { class: "event-date" }, de = {
+  key: 0,
+  class: "event-location"
+}, _e = /* @__PURE__ */ x({
+  __name: "OEventsList",
+  props: {
+    data: { default: () => [] },
+    page: {},
+    pageSize: {},
+    total: {}
+  },
+  emits: ["search"],
+  setup(m, { emit: F }) {
+    const { t: d } = X(), { lePadV: M } = ee(), S = m, T = [
+      {
+        label: d("events.statusAll"),
+        value: p.ALL
+      },
+      {
+        label: d("events.statusIng"),
+        value: p.ING
+      },
+      {
+        label: d("events.statusFinish"),
+        value: p.FINISH
+      }
+    ], b = F, Y = O(p.ALL), k = O(""), w = O(""), I = (t = {}) => {
+      b(
+        "search",
+        Object.assign(
+          {
+            page: S.page,
+            pageSize: S.pageSize,
+            status: Y.value,
+            keyword: w.value
+          },
+          t
+        )
+      );
+    }, P = () => {
+      I();
+    }, z = () => {
+      w.value = k.value, I();
+    }, N = G(() => S.data.map((t) => {
+      let a = t.startDate, e = t.endDate, l = g(t.date).format("YYYY/MM/DD");
+      if (a && e) {
+        const o = g().format("YYYY-01-01");
+        _(o, a) && (a = o);
+        const v = g().format("YYYY-12-31");
+        _(e, v) && (e = v), l = `${g(a).format("YYYY/MM/DD")}-${g(e).format("MM/DD")}`;
+      }
+      return {
+        ...t,
+        startDate: a,
+        endDate: e,
+        dateStr: l,
+        status: _(/* @__PURE__ */ new Date(), t.date || t.endDate) ? p.FINISH : p.ING
+      };
+    }).sort((t, a) => _(t.date || t.endDate, a.date || a.endDate) ? -1 : 1).map((t) => {
+      var l, o, v;
+      const a = (v = (o = (l = t.city) == null ? void 0 : l.replace("市", "")) == null ? void 0 : o.replace("中国", "")) == null ? void 0 : v.replaceAll(" ", "");
+      let e = null;
+      return Array.isArray(D[a]) ? e = D[a][t.name.length % D[a].length] : e = D[a], e || (e = Z), {
+        ...t,
+        cover: e
+      };
+    }));
+    return (t, a) => (r(), f("div", te, [
+      n("div", ae, [
+        A(t.$slots, "filter", {}, () => [
+          n("div", se, [
+            n("div", le, [
+              n("span", null, u(s(d)("events.status")), 1),
+              c(s(R), {
+                modelValue: Y.value,
+                "onUpdate:modelValue": a[0] || (a[0] = (e) => Y.value = e),
+                style: { "--radio-group-gap": "8px" },
+                onChange: P
+              }, {
+                default: i(() => [
+                  (r(), f(V, null, C(T, (e) => c(s(U), {
+                    key: e.value,
+                    value: e.value
+                  }, {
+                    radio: i(({ checked: l }) => [
+                      c(s(j), { checked: l }, {
+                        default: i(() => [
+                          L(u(e.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["checked"])
+                    ]),
+                    _: 2
+                  }, 1032, ["value"])), 64))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            c(s(H), {
+              size: "large",
+              modelValue: k.value,
+              "onUpdate:modelValue": a[1] || (a[1] = (e) => k.value = e),
+              placeholder: s(d)("events.searchPlaceholder"),
+              onPressEnter: z,
+              onClear: z,
+              clearable: ""
+            }, {
+              prefix: i(() => [
+                c(s(K), { class: "input-icon" }, {
+                  default: i(() => [
+                    c(s(q))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "placeholder"])
+          ])
+        ])
+      ]),
+      n("div", oe, [
+        (r(!0), f(V, null, C(N.value, (e) => (r(), h(s(J), {
+          key: e.name,
+          cover: e.cover,
+          href: e.link
+        }, {
+          default: i(() => {
+            var l;
+            return [
+              n("div", ne, [
+                (l = e.tags) != null && l.length ? (r(!0), f(V, { key: 0 }, C(e.tags, (o) => (r(), h(s(E), {
+                  key: o.title,
+                  size: "medium"
+                }, $({
+                  default: i(() => [
+                    n("span", null, u(o.title), 1)
+                  ]),
+                  _: 2
+                }, [
+                  o.icon ? {
+                    name: "icon",
+                    fn: i(() => [
+                      (r(), h(B(o.icon)))
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1024))), 128)) : y("", !0),
+                c(s(E), { class: "event-status" }, {
+                  default: i(() => [
+                    L(u(e.status === s(p).ING ? s(d)("events.statusIng") : s(d)("events.statusFinish")), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              n("div", re, u(e.name), 1),
+              n("div", ie, [
+                n("div", ce, u(e.dateStr), 1),
+                c(s(Q), { direction: "v" }),
+                e.city ? (r(), f("div", de, u(e.city), 1)) : y("", !0)
+              ])
+            ];
+          }),
+          _: 2
+        }, 1032, ["cover", "href"]))), 128))
+      ]),
+      N.value.length ? y("", !0) : A(t.$slots, "empty", { key: 0 }),
+      m.total > 8 ? (r(), h(s(W), {
+        key: 1,
+        page: m.page,
+        simple: s(M),
+        "show-total": !0,
+        pageSize: m.pageSize,
+        total: m.total,
+        onChange: I,
+        pageSizes: [4, 12, 24, 36, 48]
+      }, null, 8, ["page", "simple", "pageSize", "total"])) : y("", !0)
+    ]));
+  }
+});
+export {
+  _e as default
+};

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

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

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

@@ -0,0 +1,34 @@
+import t from "../../icons/events-icon-summit.mjs";
+import i from "../../icons/icon-events.mjs";
+import e from "../../icons/icon-competition.mjs";
+import r from "../../icons/icon-release.mjs";
+const p = {
+  summit: "--o-orange-6",
+  events: "--o-cyan-6",
+  competition: "--o-blue-6",
+  release: "--o-purple-6"
+}, o = {
+  events: i,
+  competition: e,
+  release: r,
+  summit: t
+}, a = {
+  上海: "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"
+}, f = "https://infrastructure-website.osinfra.cn/picture/city/default-cover.jpg";
+export {
+  a as CITY_MAP,
+  f as DEFAULT_COVER,
+  p as EVENTS_COLOR_MAP,
+  o as EVENTS_ICON_MAP
+};

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

@@ -0,0 +1,24 @@
+import n from "./OEventsCalendar.vue.mjs";
+import './OEventsCalendar.css';
+import s from "./OEventsList.vue.mjs";
+import './OEventsList.css';
+import o from "./OEventsApply.vue.mjs";
+import './OEventsApply.css';
+const r = Object.assign(n, {
+  install(t) {
+    t.component("OEventsCalendar", n);
+  }
+}), l = Object.assign(s, {
+  install(t) {
+    t.component("OEventsList", s);
+  }
+}), O = Object.assign(o, {
+  install(t) {
+    t.component("OEventsApply", o);
+  }
+});
+export {
+  O as OEventsApply,
+  r as OEventsCalendar,
+  l as OEventsList
+};

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

@@ -0,0 +1,4 @@
+var i = /* @__PURE__ */ ((r) => (r.FINISH = "finish", r.ING = "ing", r.ALL = "", r))(i || {});
+export {
+  i as EventsStatusT
+};

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

@@ -0,0 +1,4 @@
+const a = (e, t) => new Date(e).getTime() > new Date(t).getTime();
+export {
+  a as compareDate
+};