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

package/dist/esm/components/activity/OActivityForm.vue.mjs

@@ -0,0 +1,553 @@
+import { defineComponent as oe, computed as P, ref as f, watch as me, openBlock as v, createElementBlock as Y, createVNode as n, unref as e, withCtx as s, Fragment as C, renderList as H, createBlock as V, createTextVNode as _, toDisplayString as b, createCommentVNode as G, createElementVNode as X } from "vue";
+import { useMessage as ve, OForm as ge, OFormItem as o, OInput as M, OSelect as w, OOption as N, OTextarea as j, OButton as x } from "@opensig/opendesign";
+import { useScreen as ce } from "@opendesign-plus/composables";
+import { dayjs as U, ElDatePicker as L } from "element-plus";
+import "element-plus/es/components/date-picker/style/css";
+import { WEBSITE_REGEXP as W } from "./config.mjs";
+import { EMAIL_REGEX as pe } from "../meeting/config.mjs";
+import { useI18n as ye } from "../../i18n/index.mjs";
+import { useActivityConfig as fe } from "./composables/useActivityConfig.mjs";
+const _e = { class: "o-activity-form" }, be = { class: "time-config" }, Ve = { class: "form-btns" }, Te = /* @__PURE__ */ oe({
+  __name: "OActivityForm",
+  props: {
+    data: {},
+    creatActivity: {},
+    editActivity: {},
+    admins: {},
+    organizers: {}
+  },
+  emits: ["confirm", "close"],
+  setup($, { expose: J, emit: K }) {
+    const q = K, Q = ve(null), { lePadV: Z } = ce(), { t: a } = ye(), ee = a, { activityTypeMap: B } = fe(), u = $, y = P(() => !!u.data), i = f({
+      title: "",
+      organizer: "",
+      start_date: "",
+      end_date: "",
+      register_end_date: "",
+      activity_type: "",
+      synopsis: "",
+      register_url: "",
+      content_url: "",
+      address: "",
+      start: "",
+      end: "",
+      is_publish: "true",
+      email_list: "",
+      approver: ""
+    }), R = f(), A = f(!1), m = f({
+      title: [
+        { required: !0, message: a("meeting.enterActivityName") },
+        {
+          validator: (r) => {
+            if (r.length > 50)
+              return {
+                type: "danger",
+                message: a("meeting.activityNameMaxLength")
+              };
+          }
+        }
+      ],
+      activity_type: [{ required: !0, message: a("meeting.selectActivityType") }],
+      organizer: [{ required: !0, message: a("meeting.selectActivityOrganizer") }],
+      start_date: [
+        { required: !0, message: a("meeting.selectActivityTime") },
+        {
+          validator: () => {
+            const { start_date: r, end_date: l } = i.value, t = r.split(" "), d = l.split(" ");
+            if (!r || !l)
+              return {
+                type: "danger",
+                message: a("meeting.selectActivityDate")
+              };
+            const g = t[1].split(":").map(Number), c = d[1].split(":").map(Number);
+            if (g[0] < 8 || g[0] > 21 || c[0] < 8 || c[0] > 21)
+              return {
+                type: "danger",
+                message: a("meeting.activityTimeRange")
+              };
+            if (U(r).valueOf() > U(l).valueOf())
+              return {
+                type: "danger",
+                message: a("meeting.endDateAfterStartDate")
+              };
+            i.value.start_date = t[0], i.value.end_date = d[0], i.value.start = t[1], i.value.end = d[1];
+          },
+          triggers: ["blur", "change"]
+        }
+      ],
+      register_end_date: [
+        {
+          validator: () => {
+            const { register_end_date: r, end_date: l, end: t } = i.value;
+            if (r && U(`${l} ${t}`).valueOf() < U(r).valueOf())
+              return {
+                type: "danger",
+                message: a("meeting.registerDeadlineBeforeEnd")
+              };
+          },
+          triggers: ["blur", "change"]
+        }
+      ],
+      address: [
+        { required: !0, message: a("meeting.enterActivityAddress") },
+        {
+          validator: (r) => {
+            if (r.length > 255)
+              return {
+                type: "danger",
+                message: a("meeting.activityAddressMaxLength")
+              };
+          }
+        }
+      ],
+      register_url: [
+        {
+          validator: (r) => {
+            const l = r.replaceAll(" ", "") || "";
+            if (l.length && (l.split(";") || []).some((d) => !W.test(d)))
+              return {
+                type: "danger",
+                message: a("meeting.invalidRegistrationUrl")
+              };
+          },
+          triggers: ["blur", "change"]
+        }
+      ],
+      content_url: [
+        {
+          validator: (r) => {
+            const l = r.replaceAll(" ", "") || "";
+            if (l.length && (l.split(";") || []).some((d) => !W.test(d)))
+              return {
+                type: "danger",
+                message: a("meeting.invalidActivityDetailUrl")
+              };
+          },
+          triggers: ["blur", "change"]
+        }
+      ],
+      synopsis: [{
+        validator: (r) => {
+          if (r.length > 1e3)
+            return {
+              type: "danger",
+              message: a("meeting.activityContentMaxLength")
+            };
+        }
+      }],
+      email_list: [{
+        validator: (r) => {
+          const l = r.replaceAll(" ", "").replaceAll(",", ";") || "";
+          if (l.length) {
+            if (l.length > 1020)
+              return {
+                type: "danger",
+                message: a("meeting.emailTooLong")
+              };
+            const t = l.split(";") || [];
+            if (t.some((d) => !pe.test(d)))
+              return {
+                type: "danger",
+                message: a("meeting.emailInvalid")
+              };
+            if (t.some((d) => d.length > 50))
+              return {
+                type: "danger",
+                message: a("meeting.singleEmailTooLong")
+              };
+            if (t.length > 20)
+              return {
+                type: "danger",
+                message: a("meeting.emailCountTooLong")
+              };
+          }
+        },
+        triggers: ["blur", "change"]
+      }],
+      approver: [{ required: !0, message: a("meeting.selectActivityApprover") }]
+    }), te = P(() => u.admins || []), O = f(""), E = f([]);
+    B.value.forEach((r) => {
+      E.value.push(r);
+    });
+    const le = (r) => {
+      const l = E.value.find((t) => t.label === r);
+      i.value.activity_type = l == null ? void 0 : l.value;
+    }, I = (r) => r.getTime() < Date.now() - 1440 * 60 * 1e3;
+    me(
+      () => u.data,
+      (r) => {
+        var l;
+        if (r) {
+          const {
+            title: t,
+            start_date: d,
+            end_date: g,
+            register_end_date: c,
+            activity_type: D,
+            register_url: h,
+            content_url: z,
+            address: F,
+            start: p,
+            end: k,
+            is_publish: ae,
+            approver: ie,
+            update_activity_id: re,
+            synopsis: ne,
+            email_list: se,
+            organizer: de
+          } = r;
+          let ue = {
+            title: t,
+            start_date: d,
+            end_date: g,
+            register_end_date: c,
+            activity_type: D,
+            register_url: h,
+            content_url: z,
+            address: F,
+            start: p,
+            end: k,
+            is_publish: ae,
+            approver: ie,
+            update_activity_id: re,
+            synopsis: ne,
+            email_list: se,
+            organizer: de
+          };
+          i.value = { ...ue }, O.value = (l = B.value.get(Number(r.activity_type))) == null ? void 0 : l.label, i.value.start_date = `${i.value.start_date} ${i.value.start}`, i.value.end_date = `${i.value.end_date} ${i.value.end}`;
+        }
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const T = async (r) => {
+      var t, d, g, c, D, h, z;
+      let l = y.value ? a("meeting.modifyActivity") : a(r ? "meeting.create" : "meeting.saveDraft");
+      try {
+        if ((await ((t = R.value) == null ? void 0 : t.validate())).some((k) => !!k))
+          return;
+        A.value = !0, i.value.is_publish = `${r}`;
+        let p;
+        if (y.value && ((d = u.data) == null ? void 0 : d.status) === 3 ? (i.value.update_activity_id = (g = u.data) == null ? void 0 : g.id, p = await ((c = u.creatActivity) == null ? void 0 : c.call(u, i.value))) : y.value ? p = await ((h = u.editActivity) == null ? void 0 : h.call(u, (D = u.data) == null ? void 0 : D.id, i.value)) : p = await ((z = u.creatActivity) == null ? void 0 : z.call(u, i.value)), typeof p == "boolean" && !p)
+          return;
+        Q.success({
+          content: a("meeting.activityActionSuccess", [i.value.title, l.toLowerCase()])
+        }), S(), q("confirm");
+      } finally {
+        A.value = !1;
+      }
+    }, S = () => {
+      i.value = {}, q("close");
+    };
+    return J({
+      confirm: T
+    }), (r, l) => (v(), Y("div", _e, [
+      n(e(ge), {
+        model: i.value,
+        ref_key: "formRef",
+        ref: R,
+        "has-required": "",
+        "label-width": "108px",
+        layout: e(Z) ? "v" : "h",
+        class: "form-wrapper"
+      }, {
+        default: s(() => [
+          n(e(o), {
+            rules: m.value.title,
+            label: e(a)("meeting.activityName"),
+            field: "title"
+          }, {
+            default: s(() => [
+              n(e(M), {
+                size: "large",
+                placeholder: e(a)("meeting.enterActivityName"),
+                modelValue: i.value.title,
+                "onUpdate:modelValue": l[0] || (l[0] = (t) => i.value.title = t)
+              }, null, 8, ["placeholder", "modelValue"])
+            ]),
+            _: 1
+          }, 8, ["rules", "label"]),
+          n(e(o), {
+            rules: m.value.organizer,
+            label: e(a)("meeting.activityOrganizer"),
+            field: "organizer"
+          }, {
+            default: s(() => [
+              n(e(w), {
+                placeholder: e(a)("meeting.selectActivityOrganizer"),
+                size: "large",
+                modelValue: i.value.organizer,
+                "onUpdate:modelValue": l[1] || (l[1] = (t) => i.value.organizer = t)
+              }, {
+                default: s(() => [
+                  (v(!0), Y(C, null, H($.organizers, (t) => (v(), V(e(N), {
+                    key: t.name,
+                    value: t.name
+                  }, {
+                    default: s(() => [
+                      _(b(t.name), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["placeholder", "modelValue"])
+            ]),
+            _: 1
+          }, 8, ["rules", "label"]),
+          n(e(o), {
+            rules: m.value.activity_type,
+            label: e(a)("meeting.activityType"),
+            field: "activity_type"
+          }, {
+            default: s(() => [
+              n(e(w), {
+                placeholder: e(a)("meeting.selectActivityType"),
+                size: "large",
+                modelValue: O.value,
+                "onUpdate:modelValue": l[2] || (l[2] = (t) => O.value = t),
+                onChange: le
+              }, {
+                default: s(() => [
+                  (v(!0), Y(C, null, H(E.value, (t) => (v(), V(e(N), {
+                    key: t.value,
+                    value: t.label
+                  }, {
+                    default: s(() => [
+                      _(b(t.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["placeholder", "modelValue"])
+            ]),
+            _: 1
+          }, 8, ["rules", "label"]),
+          i.value.activity_type === 1 || i.value.activity_type === 3 ? (v(), V(e(o), {
+            key: 0,
+            rules: m.value.address,
+            label: e(a)("meeting.activityAddress"),
+            field: "address"
+          }, {
+            default: s(() => [
+              n(e(M), {
+                size: "large",
+                placeholder: e(a)("meeting.enterActivityAddress"),
+                modelValue: i.value.address,
+                "onUpdate:modelValue": l[3] || (l[3] = (t) => i.value.address = t)
+              }, null, 8, ["placeholder", "modelValue"])
+            ]),
+            _: 1
+          }, 8, ["rules", "label"])) : G("", !0),
+          n(e(o), {
+            rules: m.value.start_date,
+            label: e(a)("meeting.activityTime"),
+            field: "start_date",
+            required: ""
+          }, {
+            default: s(() => [
+              X("div", be, [
+                n(e(o), {
+                  label: e(a)("meeting.startDate"),
+                  field: "start_date"
+                }, {
+                  default: s(() => [
+                    n(e(L), {
+                      size: "large",
+                      modelValue: i.value.start_date,
+                      "onUpdate:modelValue": l[4] || (l[4] = (t) => i.value.start_date = t),
+                      type: "datetime",
+                      placeholder: e(a)("meeting.selectDate"),
+                      format: "YYYY/MM/DD HH:mm",
+                      "value-format": "YYYY-MM-DD HH:mm",
+                      "disabled-date": I,
+                      clearable: !1,
+                      class: "date-activity"
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                n(e(o), {
+                  label: e(a)("meeting.endDate"),
+                  field: "end_date"
+                }, {
+                  default: s(() => [
+                    n(e(L), {
+                      size: "large",
+                      modelValue: i.value.end_date,
+                      "onUpdate:modelValue": l[5] || (l[5] = (t) => i.value.end_date = t),
+                      type: "datetime",
+                      placeholder: e(a)("meeting.selectDate"),
+                      format: "YYYY/MM/DD HH:mm",
+                      "value-format": "YYYY-MM-DD HH:mm",
+                      "disabled-date": I,
+                      clearable: !1,
+                      class: "date-activity"
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ]),
+                  _: 1
+                }, 8, ["label"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["rules", "label"]),
+          n(e(o), {
+            rules: m.value.register_end_date,
+            label: e(a)("meeting.registrationDeadline"),
+            field: "register_end_date"
+          }, {
+            default: s(() => [
+              n(e(L), {
+                size: "large",
+                modelValue: i.value.register_end_date,
+                "onUpdate:modelValue": l[6] || (l[6] = (t) => i.value.register_end_date = t),
+                type: "datetime",
+                placeholder: e(a)("meeting.selectActivityDeadline"),
+                format: "YYYY/MM/DD HH:mm",
+                "value-format": "YYYY-MM-DD HH:mm",
+                clearable: !1,
+                class: "date-activity"
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            _: 1
+          }, 8, ["rules", "label"]),
+          n(e(o), {
+            rules: m.value.register_url,
+            label: e(a)("meeting.registrationUrl"),
+            field: "register_url"
+          }, {
+            default: s(() => [
+              n(e(M), {
+                size: "large",
+                placeholder: e(a)("meeting.enterActivityRegistrationUrl"),
+                modelValue: i.value.register_url,
+                "onUpdate:modelValue": l[7] || (l[7] = (t) => i.value.register_url = t)
+              }, null, 8, ["placeholder", "modelValue"])
+            ]),
+            _: 1
+          }, 8, ["rules", "label"]),
+          n(e(o), {
+            rules: m.value.content_url,
+            label: e(a)("meeting.activityDetailUrl"),
+            field: "content_url"
+          }, {
+            default: s(() => [
+              n(e(M), {
+                size: "large",
+                placeholder: e(a)("meeting.enterActivityDetailUrl"),
+                modelValue: i.value.content_url,
+                "onUpdate:modelValue": l[8] || (l[8] = (t) => i.value.content_url = t)
+              }, null, 8, ["placeholder", "modelValue"])
+            ]),
+            _: 1
+          }, 8, ["rules", "label"]),
+          n(e(o), {
+            rules: m.value.synopsis,
+            label: e(a)("meeting.activityContent"),
+            field: "synopsis"
+          }, {
+            default: s(() => [
+              n(e(j), {
+                size: "large",
+                placeholder: e(a)("meeting.enterActivityContent"),
+                modelValue: i.value.synopsis,
+                "onUpdate:modelValue": l[9] || (l[9] = (t) => i.value.synopsis = t)
+              }, null, 8, ["placeholder", "modelValue"])
+            ]),
+            _: 1
+          }, 8, ["rules", "label"]),
+          n(e(o), {
+            field: "email_list",
+            rules: m.value.email_list,
+            label: e(a)("meeting.email")
+          }, {
+            default: s(() => [
+              n(e(j), {
+                disabled: y.value,
+                size: "large",
+                placeholder: e(ee)("meeting.enterEmail"),
+                rows: 4,
+                modelValue: i.value.email_list,
+                "onUpdate:modelValue": l[10] || (l[10] = (t) => i.value.email_list = t)
+              }, null, 8, ["disabled", "placeholder", "modelValue"])
+            ]),
+            _: 1
+          }, 8, ["rules", "label"]),
+          n(e(o), {
+            rules: m.value.approver,
+            label: e(a)("meeting.activityApprover"),
+            field: "approver"
+          }, {
+            default: s(() => [
+              n(e(w), {
+                placeholder: e(a)("meeting.selectActivityApprover"),
+                size: "large",
+                modelValue: i.value.approver,
+                "onUpdate:modelValue": l[11] || (l[11] = (t) => i.value.approver = t)
+              }, {
+                default: s(() => [
+                  (v(!0), Y(C, null, H(te.value, (t) => (v(), V(e(N), {
+                    key: t,
+                    value: t
+                  }, {
+                    default: s(() => [
+                      _(b(t), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["placeholder", "modelValue"])
+            ]),
+            _: 1
+          }, 8, ["rules", "label"])
+        ]),
+        _: 1
+      }, 8, ["model", "layout"]),
+      X("div", Ve, [
+        n(e(x), {
+          color: "primary",
+          variant: "solid",
+          size: "large",
+          round: "pill",
+          onClick: l[12] || (l[12] = (t) => T(!0)),
+          loading: A.value
+        }, {
+          default: s(() => [
+            _(b(y.value ? e(a)("common.save") : e(a)("meeting.create")), 1)
+          ]),
+          _: 1
+        }, 8, ["loading"]),
+        y.value ? G("", !0) : (v(), V(e(x), {
+          key: 0,
+          color: "primary",
+          variant: "outline",
+          round: "pill",
+          size: "large",
+          onClick: l[13] || (l[13] = (t) => T(!1)),
+          loading: A.value
+        }, {
+          default: s(() => [
+            _(b(e(a)("meeting.saveDraft")), 1)
+          ]),
+          _: 1
+        }, 8, ["loading"])),
+        n(e(x), {
+          color: "primary",
+          variant: "outline",
+          size: "large",
+          round: "pill",
+          onClick: S
+        }, {
+          default: s(() => [
+            _(b(e(a)("meeting.cancelBtn")), 1)
+          ]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+});
+export {
+  Te as default
+};

package/dist/esm/components/activity/OActivityForm.vue4.mjs

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