@opendesign-plus/components 0.0.1-rc.102 → 0.0.1-rc.103

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

@@ -0,0 +1,628 @@
+import { defineComponent, computed, ref, watch, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from "vue";
+import { useMessage, OForm, OFormItem, OInput, OSelect, OOption, OTextarea, OButton } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import { dayjs, ElDatePicker } from "element-plus";
+import "element-plus/es/components/date-picker/style/css";
+import { WEBSITE_REGEXP } from "./config.mjs";
+import { EMAIL_REGEX } from "../meeting/config.mjs";
+import { useI18n } from "../../i18n/index.mjs";
+import { useActivityConfig } from "./composables/useActivityConfig.mjs";
+const _hoisted_1 = { class: "o-activity-form" };
+const _hoisted_2 = { class: "time-config" };
+const _hoisted_3 = { class: "o-activity-form-btns" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OActivityForm",
+  props: {
+    data: {},
+    creatActivity: {},
+    editActivity: {},
+    admins: {},
+    organizers: {}
+  },
+  emits: ["confirm", "close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const message = useMessage(null);
+    const { lePadV } = useScreen();
+    const { t } = useI18n();
+    const $t = t;
+    const { activityTypeMap } = useActivityConfig();
+    const props = __props;
+    const isEdit = computed(() => !!props.data);
+    const form = ref({
+      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: ""
+    });
+    const formRef = ref();
+    const loading = ref(false);
+    const rules = ref({
+      title: [
+        { required: true, message: t("meeting.enterActivityName") },
+        {
+          validator: (value) => {
+            if (value.length > 50) {
+              return {
+                type: "danger",
+                message: t("meeting.activityNameMaxLength")
+              };
+            }
+          }
+        }
+      ],
+      activity_type: [{ required: true, message: t("meeting.selectActivityType") }],
+      organizer: [{ required: true, message: t("meeting.selectActivityOrganizer") }],
+      start_date: [
+        { required: true, message: t("meeting.selectActivityTime") },
+        {
+          validator: () => {
+            const { start_date, end_date } = form.value;
+            const startDate = start_date.split(" ");
+            const endDate = end_date.split(" ");
+            if (!start_date || !end_date) {
+              return {
+                type: "danger",
+                message: t("meeting.selectActivityDate")
+              };
+            }
+            const startArr = startDate[1].split(":").map(Number);
+            const endArr = endDate[1].split(":").map(Number);
+            if (startArr[0] < 8 || startArr[0] > 21 || endArr[0] < 8 || endArr[0] > 21) {
+              return {
+                type: "danger",
+                message: t("meeting.activityTimeRange")
+              };
+            }
+            if (dayjs(start_date).valueOf() > dayjs(end_date).valueOf()) {
+              return {
+                type: "danger",
+                message: t("meeting.endDateAfterStartDate")
+              };
+            }
+            form.value.start_date = startDate[0];
+            form.value.end_date = endDate[0];
+            form.value.start = startDate[1];
+            form.value.end = endDate[1];
+          },
+          triggers: ["blur", "change"]
+        }
+      ],
+      register_end_date: [
+        {
+          validator: () => {
+            const { register_end_date, end_date, end } = form.value;
+            if (register_end_date && dayjs(`${end_date} ${end}`).valueOf() < dayjs(register_end_date).valueOf()) {
+              return {
+                type: "danger",
+                message: t("meeting.registerDeadlineBeforeEnd")
+              };
+            }
+          },
+          triggers: ["blur", "change"]
+        }
+      ],
+      address: [
+        { required: true, message: t("meeting.enterActivityAddress") },
+        {
+          validator: (value) => {
+            if (value.length > 255) {
+              return {
+                type: "danger",
+                message: t("meeting.activityAddressMaxLength")
+              };
+            }
+          }
+        }
+      ],
+      register_url: [
+        {
+          validator: (value) => {
+            const str = value.replaceAll(" ", "") || "";
+            if (str.length) {
+              const list = str.split(";") || [];
+              if (list.some((v) => !WEBSITE_REGEXP.test(v))) {
+                return {
+                  type: "danger",
+                  message: t("meeting.invalidRegistrationUrl")
+                };
+              }
+            }
+          },
+          triggers: ["blur", "change"]
+        }
+      ],
+      content_url: [
+        {
+          validator: (value) => {
+            const str = value.replaceAll(" ", "") || "";
+            if (str.length) {
+              const list = str.split(";") || [];
+              if (list.some((v) => !WEBSITE_REGEXP.test(v))) {
+                return {
+                  type: "danger",
+                  message: t("meeting.invalidActivityDetailUrl")
+                };
+              }
+            }
+          },
+          triggers: ["blur", "change"]
+        }
+      ],
+      synopsis: [{
+        validator: (value) => {
+          if (value.length > 1e3) {
+            return {
+              type: "danger",
+              message: t("meeting.activityContentMaxLength")
+            };
+          }
+        }
+      }],
+      email_list: [{
+        validator: (value) => {
+          const str = value.replaceAll(" ", "").replaceAll(",", ";") || "";
+          if (str.length) {
+            if (str.length > 1020) {
+              return {
+                type: "danger",
+                message: t("meeting.emailTooLong")
+              };
+            }
+            const list = str.split(";") || [];
+            if (list.some((v) => !EMAIL_REGEX.test(v))) {
+              return {
+                type: "danger",
+                message: t("meeting.emailInvalid")
+              };
+            }
+            if (list.some((v) => v.length > 50)) {
+              return {
+                type: "danger",
+                message: t("meeting.singleEmailTooLong")
+              };
+            }
+            if (list.length > 20) {
+              return {
+                type: "danger",
+                message: t("meeting.emailCountTooLong")
+              };
+            }
+          }
+        },
+        triggers: ["blur", "change"]
+      }],
+      approver: [{ required: true, message: t("meeting.selectActivityApprover") }]
+    });
+    const approverList = computed(() => {
+      return props.admins || [];
+    });
+    const typeValue = ref("");
+    const typeOptions = ref([]);
+    activityTypeMap.value.forEach((item) => {
+      typeOptions.value.push(item);
+    });
+    const changeType = (val) => {
+      const item = typeOptions.value.find((v) => v.label === val);
+      form.value.activity_type = item == null ? void 0 : item.value;
+    };
+    const disabledDate = (date) => {
+      return date.getTime() < Date.now() - 24 * 60 * 60 * 1e3;
+    };
+    watch(
+      () => props.data,
+      (val) => {
+        var _a;
+        if (val) {
+          const {
+            title,
+            start_date,
+            end_date,
+            register_end_date,
+            activity_type,
+            register_url,
+            content_url,
+            address,
+            start,
+            end,
+            is_publish,
+            approver,
+            update_activity_id,
+            synopsis,
+            email_list,
+            organizer
+          } = val;
+          let params = {
+            title,
+            start_date,
+            end_date,
+            register_end_date,
+            activity_type,
+            register_url,
+            content_url,
+            address,
+            start,
+            end,
+            is_publish,
+            approver,
+            update_activity_id,
+            synopsis,
+            email_list,
+            organizer
+          };
+          form.value = { ...params };
+          typeValue.value = (_a = activityTypeMap.value.get(Number(val.activity_type))) == null ? void 0 : _a.label;
+          form.value.start_date = `${form.value.start_date} ${form.value.start}`;
+          form.value.end_date = `${form.value.end_date} ${form.value.end}`;
+        }
+      },
+      { immediate: true, deep: true }
+    );
+    const confirm = async (val) => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      let type = isEdit.value ? t("meeting.modifyActivity") : val ? t("meeting.create") : t("meeting.saveDraft");
+      try {
+        const valid = await ((_a = formRef.value) == null ? void 0 : _a.validate());
+        if (valid.some((v) => !!v)) {
+          return;
+        }
+        loading.value = true;
+        form.value.is_publish = `${val}`;
+        let flag = void 0;
+        if (isEdit.value && ((_b = props.data) == null ? void 0 : _b.status) === 3) {
+          form.value.update_activity_id = (_c = props.data) == null ? void 0 : _c.id;
+          flag = await ((_d = props.creatActivity) == null ? void 0 : _d.call(props, form.value));
+        } else if (isEdit.value) {
+          flag = await ((_f = props.editActivity) == null ? void 0 : _f.call(props, (_e = props.data) == null ? void 0 : _e.id, form.value));
+        } else {
+          flag = await ((_g = props.creatActivity) == null ? void 0 : _g.call(props, form.value));
+        }
+        if (typeof flag === "boolean" && !flag) {
+          return;
+        }
+        message.success({
+          content: t("meeting.activityActionSuccess", [form.value.title, type.toLowerCase()])
+        });
+        close();
+        emits("confirm");
+      } finally {
+        loading.value = false;
+      }
+    };
+    const close = () => {
+      form.value = {};
+      emits("close");
+    };
+    __expose({
+      confirm
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(OForm), {
+          model: form.value,
+          ref_key: "formRef",
+          ref: formRef,
+          "has-required": "",
+          "label-width": "108px",
+          layout: unref(lePadV) ? "v" : "h",
+          class: "form-wrapper"
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(OFormItem), {
+              rules: rules.value.title,
+              label: unref(t)("meeting.activityName"),
+              field: "title"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(OInput), {
+                  size: "large",
+                  placeholder: unref(t)("meeting.enterActivityName"),
+                  modelValue: form.value.title,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.title = $event)
+                }, null, 8, ["placeholder", "modelValue"])
+              ]),
+              _: 1
+            }, 8, ["rules", "label"]),
+            createVNode(unref(OFormItem), {
+              rules: rules.value.organizer,
+              label: unref(t)("meeting.activityOrganizer"),
+              field: "organizer"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(OSelect), {
+                  placeholder: unref(t)("meeting.selectActivityOrganizer"),
+                  size: "large",
+                  modelValue: form.value.organizer,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.organizer = $event)
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.organizers, (t2) => {
+                      return openBlock(), createBlock(unref(OOption), {
+                        key: t2.name,
+                        value: t2.name
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(t2.name), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["value"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["placeholder", "modelValue"])
+              ]),
+              _: 1
+            }, 8, ["rules", "label"]),
+            createVNode(unref(OFormItem), {
+              rules: rules.value.activity_type,
+              label: unref(t)("meeting.activityType"),
+              field: "activity_type"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(OSelect), {
+                  placeholder: unref(t)("meeting.selectActivityType"),
+                  size: "large",
+                  modelValue: typeValue.value,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => typeValue.value = $event),
+                  onChange: changeType
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(typeOptions.value, (t2) => {
+                      return openBlock(), createBlock(unref(OOption), {
+                        key: t2.value,
+                        value: t2.label
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(t2.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["value"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["placeholder", "modelValue"])
+              ]),
+              _: 1
+            }, 8, ["rules", "label"]),
+            form.value.activity_type === 1 || form.value.activity_type === 3 ? (openBlock(), createBlock(unref(OFormItem), {
+              key: 0,
+              rules: rules.value.address,
+              label: unref(t)("meeting.activityAddress"),
+              field: "address"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(OInput), {
+                  size: "large",
+                  placeholder: unref(t)("meeting.enterActivityAddress"),
+                  modelValue: form.value.address,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => form.value.address = $event)
+                }, null, 8, ["placeholder", "modelValue"])
+              ]),
+              _: 1
+            }, 8, ["rules", "label"])) : createCommentVNode("", true),
+            createVNode(unref(OFormItem), {
+              rules: rules.value.start_date,
+              label: unref(t)("meeting.activityTime"),
+              field: "start_date",
+              required: ""
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_2, [
+                  createVNode(unref(OFormItem), {
+                    label: unref(t)("meeting.startDate"),
+                    field: "start_date"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(ElDatePicker), {
+                        size: "large",
+                        modelValue: form.value.start_date,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.value.start_date = $event),
+                        type: "datetime",
+                        placeholder: unref(t)("meeting.selectDate"),
+                        format: "YYYY/MM/DD HH:mm",
+                        "value-format": "YYYY-MM-DD HH:mm",
+                        "disabled-date": disabledDate,
+                        clearable: false,
+                        class: "o-activity-form-date-activity"
+                      }, null, 8, ["modelValue", "placeholder"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  createVNode(unref(OFormItem), {
+                    label: unref(t)("meeting.endDate"),
+                    field: "end_date"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(ElDatePicker), {
+                        size: "large",
+                        modelValue: form.value.end_date,
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form.value.end_date = $event),
+                        type: "datetime",
+                        placeholder: unref(t)("meeting.selectDate"),
+                        format: "YYYY/MM/DD HH:mm",
+                        "value-format": "YYYY-MM-DD HH:mm",
+                        "disabled-date": disabledDate,
+                        clearable: false,
+                        class: "o-activity-form-date-activity"
+                      }, null, 8, ["modelValue", "placeholder"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["rules", "label"]),
+            createVNode(unref(OFormItem), {
+              rules: rules.value.register_end_date,
+              label: unref(t)("meeting.registrationDeadline"),
+              field: "register_end_date"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(ElDatePicker), {
+                  size: "large",
+                  modelValue: form.value.register_end_date,
+                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => form.value.register_end_date = $event),
+                  type: "datetime",
+                  placeholder: unref(t)("meeting.selectActivityDeadline"),
+                  format: "YYYY/MM/DD HH:mm",
+                  "value-format": "YYYY-MM-DD HH:mm",
+                  clearable: false,
+                  class: "o-activity-form-date-activity"
+                }, null, 8, ["modelValue", "placeholder"])
+              ]),
+              _: 1
+            }, 8, ["rules", "label"]),
+            createVNode(unref(OFormItem), {
+              rules: rules.value.register_url,
+              label: unref(t)("meeting.registrationUrl"),
+              field: "register_url"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(OInput), {
+                  size: "large",
+                  placeholder: unref(t)("meeting.enterActivityRegistrationUrl"),
+                  modelValue: form.value.register_url,
+                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => form.value.register_url = $event)
+                }, null, 8, ["placeholder", "modelValue"])
+              ]),
+              _: 1
+            }, 8, ["rules", "label"]),
+            createVNode(unref(OFormItem), {
+              rules: rules.value.content_url,
+              label: unref(t)("meeting.activityDetailUrl"),
+              field: "content_url"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(OInput), {
+                  size: "large",
+                  placeholder: unref(t)("meeting.enterActivityDetailUrl"),
+                  modelValue: form.value.content_url,
+                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => form.value.content_url = $event)
+                }, null, 8, ["placeholder", "modelValue"])
+              ]),
+              _: 1
+            }, 8, ["rules", "label"]),
+            createVNode(unref(OFormItem), {
+              rules: rules.value.synopsis,
+              label: unref(t)("meeting.activityContent"),
+              field: "synopsis"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(OTextarea), {
+                  size: "large",
+                  placeholder: unref(t)("meeting.enterActivityContent"),
+                  modelValue: form.value.synopsis,
+                  "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => form.value.synopsis = $event)
+                }, null, 8, ["placeholder", "modelValue"])
+              ]),
+              _: 1
+            }, 8, ["rules", "label"]),
+            createVNode(unref(OFormItem), {
+              field: "email_list",
+              rules: rules.value.email_list,
+              label: unref(t)("meeting.email")
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(OTextarea), {
+                  disabled: isEdit.value,
+                  size: "large",
+                  placeholder: unref($t)("meeting.enterEmail"),
+                  rows: 4,
+                  modelValue: form.value.email_list,
+                  "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => form.value.email_list = $event)
+                }, null, 8, ["disabled", "placeholder", "modelValue"])
+              ]),
+              _: 1
+            }, 8, ["rules", "label"]),
+            createVNode(unref(OFormItem), {
+              rules: rules.value.approver,
+              label: unref(t)("meeting.activityApprover"),
+              field: "approver"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(OSelect), {
+                  placeholder: unref(t)("meeting.selectActivityApprover"),
+                  size: "large",
+                  modelValue: form.value.approver,
+                  "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => form.value.approver = $event)
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(approverList.value, (t2) => {
+                      return openBlock(), createBlock(unref(OOption), {
+                        key: t2,
+                        value: t2
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(t2), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["value"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["placeholder", "modelValue"])
+              ]),
+              _: 1
+            }, 8, ["rules", "label"])
+          ]),
+          _: 1
+        }, 8, ["model", "layout"]),
+        createElementVNode("div", _hoisted_3, [
+          createVNode(unref(OButton), {
+            color: "primary",
+            variant: "solid",
+            size: "large",
+            round: "pill",
+            onClick: _cache[12] || (_cache[12] = ($event) => confirm(true)),
+            loading: loading.value
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(isEdit.value ? unref(t)("common.save") : unref(t)("meeting.create")), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"]),
+          !isEdit.value ? (openBlock(), createBlock(unref(OButton), {
+            key: 0,
+            color: "primary",
+            variant: "outline",
+            round: "pill",
+            size: "large",
+            onClick: _cache[13] || (_cache[13] = ($event) => confirm(false)),
+            loading: loading.value
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("meeting.saveDraft")), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])) : createCommentVNode("", true),
+          createVNode(unref(OButton), {
+            color: "primary",
+            variant: "outline",
+            size: "large",
+            round: "pill",
+            onClick: close
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("meeting.cancelBtn")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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