@maketribe/ms-app 4.0.0-beta.1 → 4.0.0-beta.11

package/dist/esm/index-CZ5HmPzO.js

@@ -0,0 +1,375 @@
+import { defineComponent, ref, watch, computed, withAsyncContext, resolveComponent, resolveDirective, openBlock, createElementBlock, withDirectives, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, withModifiers, createTextVNode, reactive, onBeforeUnmount, createBlock, createCommentVNode } from "vue";
+import { ElScrollbar, ElMessageBox, ElMessage, ElButton } from "element-plus";
+import { Dialoger } from "@maketribe/dm";
+import { DvOpt } from "@maketribe/request";
+import { o as MsRoleForm, b as MKSvgIcon, _ as _export_sfc, p as MsMemberRoleTable, m as MKPagePanel, f as MKDataTable, q as MKTable, r as MKDataTablePagination } from "./index-Fqju8eWa.js";
+import "vue-cropper";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import { Edit, Delete } from "@element-plus/icons-vue";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "lodash-es";
+import "@maketribe/utils";
+import { useRouter } from "vue-router";
+import "@maketribe/locale";
+const _hoisted_1$1 = { class: "ms-role-aside" };
+const _hoisted_2$1 = { class: "ms-role-aside__main" };
+const _hoisted_3$1 = { class: "ms-role-aside__role-list" };
+const _hoisted_4$1 = ["onClick"];
+const _hoisted_5$1 = { class: "ms-role-aside__role-desc" };
+const _hoisted_6$1 = { class: "ms-role-aside__icon" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "aside",
+  props: {
+    roleForm: {
+      type: MsRoleForm,
+      required: true
+    }
+  },
+  emits: ["role-select"],
+  async setup(__props, { emit: __emit }) {
+    let __temp, __restore;
+    const props = __props;
+    const emit = __emit;
+    const dvOpt = DvOpt.createInstance({ name: "ms-role" });
+    const roles = ref([]);
+    const currentRole = ref(null);
+    const loading = ref(false);
+    watch(currentRole, () => {
+      emit("role-select", currentRole.value);
+    });
+    watch(
+      computed(() => props.roleForm),
+      (roleForm, _, onCleanup) => {
+        const disposable = roleForm.submittedEvent.on(() => {
+          loadRoleList();
+        });
+        onCleanup(() => {
+          disposable.dispose();
+        });
+      },
+      { immediate: true }
+    );
+    const loadRoleList = async () => {
+      try {
+        loading.value = true;
+        roles.value = await dvOpt.query().list();
+        if (roles.value.length) {
+          handleRoleClick(roles.value[0]);
+        }
+      } finally {
+        loading.value = false;
+      }
+    };
+    const handleMemberRoleEdit = (role) => {
+      Dialoger.dataFormDialog({
+        dataForm: props.roleForm,
+        recId: role.id
+      });
+    };
+    const handleRoleClick = (role) => {
+      currentRole.value = role;
+    };
+    const handleDelete = async (role) => {
+      var _a;
+      const isConfirm = await ElMessageBox.confirm("是否确认删除", {
+        type: "warning"
+      }).then(
+        () => true,
+        () => false
+      );
+      if (!isConfirm) {
+        return;
+      }
+      try {
+        const result = await dvOpt.delete(role.id);
+        if (result.code !== 200) {
+          ElMessage.error({ message: result.msg });
+          return;
+        }
+        ElMessage.success({ message: "删除成功" });
+        if (((_a = unref(currentRole)) == null ? void 0 : _a.id) === role.id) {
+          currentRole.value = null;
+        }
+        loadRoleList();
+      } catch (e) {
+        console.error(e);
+        ElMessage.error({ message: "网络异常" });
+      }
+    };
+    [__temp, __restore] = withAsyncContext(() => loadRoleList()), await __temp, __restore();
+    return (_ctx, _cache) => {
+      const _component_ElDropdownItem = resolveComponent("ElDropdownItem");
+      const _component_ElDropdownMenu = resolveComponent("ElDropdownMenu");
+      const _component_ElDropdown = resolveComponent("ElDropdown");
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        withDirectives((openBlock(), createElementBlock("div", _hoisted_2$1, [
+          createVNode(unref(ElScrollbar), { height: "100%" }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_3$1, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(roles.value, (role) => {
+                  var _a;
+                  return openBlock(), createElementBlock("div", {
+                    class: normalizeClass(["ms-role-aside__role-item flex flex-justify-between", [role.id === ((_a = currentRole.value) == null ? void 0 : _a.id) ? "is-active" : ""]]),
+                    key: role.id,
+                    onClick: ($event) => handleRoleClick(role)
+                  }, [
+                    createElementVNode("div", null, [
+                      createVNode(unref(MKSvgIcon), {
+                        class: "ms-role-aside__role-icon",
+                        name: "solar:user-bold-duotone"
+                      }),
+                      createElementVNode("span", _hoisted_5$1, toDisplayString(role.desc), 1)
+                    ]),
+                    createElementVNode("div", {
+                      onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                      }, ["prevent"])),
+                      class: "flex flex-items-center"
+                    }, [
+                      createVNode(_component_ElDropdown, null, {
+                        dropdown: withCtx(() => [
+                          createVNode(_component_ElDropdownMenu, null, {
+                            default: withCtx(() => [
+                              createVNode(_component_ElDropdownItem, {
+                                icon: unref(Edit),
+                                onClick: ($event) => handleMemberRoleEdit(role)
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(" 编辑 ")
+                                ]),
+                                _: 2
+                              }, 1032, ["icon", "onClick"]),
+                              createVNode(_component_ElDropdownItem, {
+                                icon: unref(Delete),
+                                onClick: ($event) => handleDelete(role)
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(" 删除 ")
+                                ]),
+                                _: 2
+                              }, 1032, ["icon", "onClick"])
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        default: withCtx(() => [
+                          createElementVNode("span", _hoisted_6$1, [
+                            createVNode(unref(MKSvgIcon), { name: "ri:more-fill" })
+                          ])
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ])
+                  ], 10, _hoisted_4$1);
+                }), 128))
+              ])
+            ]),
+            _: 1
+          })
+        ])), [
+          [_directive_loading, loading.value]
+        ])
+      ]);
+    };
+  }
+});
+const RoleAside = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-6493653c"]]);
+const _hoisted_1 = { class: "ms-role__body-warp" };
+const _hoisted_2 = { class: "ms-role__aside" };
+const _hoisted_3 = { class: "ms-role__main" };
+const _hoisted_4 = {
+  key: 0,
+  class: "ms-role__content"
+};
+const _hoisted_5 = { class: "flex flex-justify-between" };
+const _hoisted_6 = {
+  class: "ms-role__title",
+  flex: "~ items-center"
+};
+const _hoisted_7 = { class: "ms-role__tools" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const router = useRouter();
+    const dvOpt = DvOpt.createInstance({ name: "ms-member-role" });
+    const currentRole = ref(null);
+    const memberRoleTable = reactive(new MsMemberRoleTable());
+    const roleForm = reactive(new MsRoleForm());
+    const disabledBatchDelete = computed(
+      () => memberRoleTable.getSelection().length === 0
+    );
+    watch(currentRole, (currentRole2) => {
+      memberRoleTable.setCurrentRole(currentRole2);
+    });
+    onBeforeUnmount(() => {
+      memberRoleTable.dispose();
+      roleForm.dispose();
+    });
+    const handleAddRoleClick = () => {
+      Dialoger.dataFormDialog({
+        dataForm: roleForm
+      });
+    };
+    const handleRoleSelect = (role) => {
+      currentRole.value = role;
+    };
+    const handleSelectUserClick = async () => {
+      const selectResult = await Dialoger.dataTableSelectDialog(
+        memberRoleTable.memberTable
+      );
+      if (!selectResult.isConfirm) {
+        return;
+      }
+      const roleId = unref(currentRole).id;
+      const memberRoleList = selectResult.selections.map((item) => ({
+        roleId,
+        memberId: item
+      }));
+      try {
+        const result = await dvOpt.batchSave(memberRoleList);
+        if (result.code !== 200) {
+          ElMessage.error({ message: result.msg });
+          return;
+        }
+        ElMessage.success({ message: "添加成功" });
+        memberRoleTable.load();
+      } catch (e) {
+        console.error(e);
+        ElMessage.error({ message: "网络异常" });
+      }
+    };
+    const handleBatchDelete = async () => {
+      const isConfirm = await ElMessageBox.confirm("是否确认删除", {
+        type: "warning"
+      }).then(
+        () => true,
+        () => false
+      );
+      if (!isConfirm) {
+        return;
+      }
+      try {
+        const result = await dvOpt.batchDelete(memberRoleTable.getSelection());
+        if (result.code !== 200) {
+          ElMessage.error({ message: result.msg });
+          return;
+        }
+        ElMessage.success({ message: "删除成功" });
+        memberRoleTable.load();
+      } catch (e) {
+        console.error(e);
+        ElMessage.error({ message: "网络异常" });
+      }
+    };
+    const handlePermissionEdit = () => {
+      var _a;
+      router.push({ name: "dv/ms-role/permission", params: { id: (_a = unref(currentRole)) == null ? void 0 : _a.id } });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(MKPagePanel), {
+        class: "ms-role",
+        title: "角色管理",
+        iconName: "carbon:add-filled"
+      }, {
+        extra: withCtx(() => [
+          createVNode(unref(ElButton), {
+            type: "primary",
+            onClick: handleAddRoleClick,
+            style: { "margin-right": "10px" }
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(MKSvgIcon), {
+                name: "carbon:add-filled",
+                style: { "margin-right": "5px" }
+              }),
+              createTextVNode(" 添加角色 ")
+            ]),
+            _: 1
+          })
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(RoleAside, {
+                onRoleSelect: handleRoleSelect,
+                "role-form": roleForm,
+                ref: "RoleAsideEl"
+              }, null, 8, ["role-form"])
+            ]),
+            createElementVNode("div", _hoisted_3, [
+              currentRole.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                createElementVNode("div", _hoisted_5, [
+                  createElementVNode("div", _hoisted_6, [
+                    createVNode(unref(MKSvgIcon), {
+                      class: "ms-role-aside__role-icon",
+                      name: "oui:app-users-roles",
+                      m: "r-[10px]"
+                    }),
+                    createTextVNode(" " + toDisplayString(currentRole.value.desc), 1)
+                  ]),
+                  createElementVNode("div", _hoisted_7, [
+                    createVNode(unref(ElButton), {
+                      type: "primary",
+                      text: "",
+                      onClick: handlePermissionEdit
+                    }, {
+                      icon: withCtx(() => [
+                        createVNode(unref(MKSvgIcon), { name: "material-symbols-light:vpn-key-outline" })
+                      ]),
+                      default: withCtx(() => [
+                        createTextVNode(" 权限设置 ")
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(ElButton), {
+                      type: "primary",
+                      onClick: handleSelectUserClick
+                    }, {
+                      icon: withCtx(() => [
+                        createVNode(unref(MKSvgIcon), { name: "carbon:add-filled" })
+                      ]),
+                      default: withCtx(() => [
+                        createTextVNode(" 添加成员 ")
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(ElButton), {
+                      disabled: disabledBatchDelete.value,
+                      onClick: handleBatchDelete
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" 批量删除 ")
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"])
+                  ])
+                ]),
+                createVNode(unref(MKDataTable), { "data-table": memberRoleTable }, {
+                  default: withCtx(() => [
+                    createVNode(unref(MKTable)),
+                    createVNode(unref(MKDataTablePagination))
+                  ]),
+                  _: 1
+                }, 8, ["data-table"])
+              ])) : createCommentVNode("", true)
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cbeb38ea"]]);
+export {
+  index as default
+};
+//# sourceMappingURL=index-CZ5HmPzO.js.map

package/dist/esm/index-CZ5HmPzO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CZ5HmPzO.js","sources":["../../src/pages/SysRole/components/aside.vue","../../src/pages/SysRole/index.vue"],"sourcesContent":["<template>\n  <div class=\"ms-role-aside\">\n    <div class=\"ms-role-aside__main\" v-loading=\"loading\">\n      <ElScrollbar height=\"100%\">\n        <div class=\"ms-role-aside__role-list\">\n          <div\n            v-for=\"role in roles\"\n            class=\"ms-role-aside__role-item flex flex-justify-between\"\n            :class=\"[role.id === currentRole?.id ? 'is-active' : '',]\"\n            :key=\"role.id\"\n            @click=\"handleRoleClick(role)\"\n          >\n            <div>\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"solar:user-bold-duotone\"/>\n              <span class=\"ms-role-aside__role-desc\">{{ role.desc }}</span>\n            </div>\n            <div @click.prevent class=\"flex flex-items-center\">\n              <ElDropdown>\n                <span class=\"ms-role-aside__icon\">\n                  <MKSvgIcon name=\"ri:more-fill\"/>\n                </span>\n\n                <template #dropdown>\n                  <ElDropdownMenu>\n                    <ElDropdownItem :icon=\"Edit\" @click=\"handleMemberRoleEdit(role)\">\n                      编辑\n                    </ElDropdownItem>\n                    <ElDropdownItem :icon=\"Delete\" @click=\"handleDelete(role)\">\n                      删除\n                    </ElDropdownItem>\n                  </ElDropdownMenu>\n                </template>\n              </ElDropdown>\n            </div>\n          </div>\n        </div>\n      </ElScrollbar>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {onMounted, ref, Ref, watch, computed, unref} from \"vue\";\nimport {DvOpt} from \"@maketribe/request\";\nimport {Dialoger} from \"@maketribe/dm\";\nimport {Edit, Delete} from \"@element-plus/icons-vue\";\nimport {ElButton, ElMessage, ElScrollbar, ElMessageBox} from \"element-plus\";\nimport {MKSvgIcon} from \"../../../components\";\nimport {MsRole, MsRoleForm} from \"../../../dataviews\";\n\nconst props = defineProps({\n  roleForm: {\n    type: MsRoleForm,\n    required: true,\n  },\n});\n\nconst emit = defineEmits([\"role-select\"]);\n\nconst dvOpt = DvOpt.createInstance({name: \"ms-role\"});\n\nconst roles: Ref<MsRole[]> = ref([]);\n\nconst currentRole: Ref<MsRole | null> = ref(null);\n\nconst loading = ref(false);\n\n\nwatch(currentRole, () => {\n  emit(\"role-select\", currentRole.value);\n});\n\n//asdasda\nwatch(\n  computed(() => props.roleForm),\n  (roleForm, _, onCleanup) => {\n    const disposable = roleForm.submittedEvent.on(() => {\n      loadRoleList();\n    });\n\n    onCleanup(() => {\n      disposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nconst loadRoleList = async () => {\n  try {\n    loading.value = true;\n\n    roles.value = await dvOpt.query().list<MsRole>();\n\n    // 加载完成之后默认选中第一个\n    if (roles.value.length) {\n      handleRoleClick(roles.value[0])\n    }\n\n  } finally {\n    loading.value = false;\n  }\n};\n\nconst handleMemberRoleEdit = (role: MsRole) => {\n  Dialoger.dataFormDialog({\n    dataForm: props.roleForm,\n    recId: role.id,\n  });\n};\n\nconst handleRoleClick = (role: MsRole) => {\n  currentRole.value = role;\n};\n\nconst handleDelete = async (role: MsRole) => {\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\n    type: \"warning\",\n  }).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  try {\n    const result = await dvOpt.delete(role.id);\n\n    if (result.code !== 200) {\n      ElMessage.error({message: result.msg});\n      return;\n    }\n\n    ElMessage.success({message: \"删除成功\"});\n\n    if (unref(currentRole)?.id === role.id) {\n      currentRole.value = null;\n    }\n\n    loadRoleList();\n  } catch (e) {\n    console.error(e);\n    ElMessage.error({message: \"网络异常\"});\n  }\n};\n\n// 加载角色列表\nawait loadRoleList();\n</script>\n\n<style lang=\"scss\" scoped>\n.ms-role-aside {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n\n  &__main {\n    height: 0;\n    flex: 1;\n  }\n\n  &__role {\n    &-icon {\n      margin-right: 8px;\n      font-size: 16px;\n    }\n    &-item+&-item {\n      margin-top: 5px;\n    }\n    &-item {\n      display: flex;\n      align-items: center;\n      height: 36px;\n      padding: 5px 10px;\n      line-height: 36px;\n      border-radius: 5px;\n      cursor: pointer;\n\n      &.is-active,\n      &:hover {\n        background-color: #f4f4f4;\n      }\n\n      .ms-role-aside__icon {\n        display: none;\n        border-radius: 3px;\n        font-size: 14px;\n\n        &:hover {\n          background-color: #f4f4f4;\n        }\n      }\n\n      &:hover {\n        .ms-role-aside__icon {\n          padding: 5px;\n          display: inline-flex;\n        }\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <MKPagePanel class=\"ms-role\" title=\"角色管理\" iconName=\"carbon:add-filled\">\n    <template #extra>\n      <el-button type=\"primary\" @click=\"handleAddRoleClick\" style=\"margin-right: 10px;\">\n        <MKSvgIcon name=\"carbon:add-filled\" style=\"margin-right: 5px;\"/>\n        添加角色\n      </el-button>\n    </template>\n    <div class=\"ms-role__body-warp\">\n      <div class=\"ms-role__aside\">\n        <RoleAside\n          @role-select=\"handleRoleSelect\"\n          :role-form=\"roleForm\"\n          ref=\"RoleAsideEl\"\n        />\n      </div>\n      <div class=\"ms-role__main\">\n        <div class=\"ms-role__content\" v-if=\"currentRole\">\n          <div class=\"flex flex-justify-between\">\n            <div class=\"ms-role__title\" flex=\"~ items-center\">\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"oui:app-users-roles\" m=\"r-[10px]\"/>\n              {{ currentRole.desc }}\n            </div>\n            <div class=\"ms-role__tools\">\n              <ElButton type=\"primary\" text @click=\"handlePermissionEdit\">\n                <template #icon>\n                  <MKSvgIcon name=\"material-symbols-light:vpn-key-outline\"/>\n                </template>\n                权限设置\n              </ElButton>\n              <ElButton type=\"primary\" @click=\"handleSelectUserClick\">\n                <template #icon>\n                  <MKSvgIcon name=\"carbon:add-filled\"/>\n                </template>\n                添加成员\n              </ElButton>\n              <ElButton\n                :disabled=\"disabledBatchDelete\"\n                @click=\"handleBatchDelete\"\n              >\n                批量删除\n              </ElButton>\n            </div>\n          </div>\n          <MKDataTable :data-table=\"memberRoleTable\">\n            <MKTable/>\n            <MKDataTablePagination/>\n          </MKDataTable>\n        </div>\n      </div>\n    </div>\n  </MKPagePanel>\n</template>\n<script setup lang=\"ts\">\nimport {\n  reactive,\n  Ref,\n  ref,\n  watch,\n  unref,\n  computed,\n  onBeforeUnmount,\n} from \"vue\";\nimport {ElButton, ElMessage, ElMessageBox} from \"element-plus\";\nimport {Dialoger} from \"@maketribe/dm\";\nimport {DvOpt} from \"@maketribe/request\";\nimport {MKDataTable, MKPagePanel, MKSvgIcon, MKTable, MKDataTablePagination} from \"../../components\";\nimport {MsRole, MsMemberRoleTable, MsRoleForm} from \"../../dataviews\";\nimport RoleAside from \"./components/aside.vue\";\n\nconst router = useRouter();\n\nconst dvOpt = DvOpt.createInstance({name: \"ms-member-role\"});\n\nconst currentRole: Ref<MsRole | null> = ref(null);\n\nconst memberRoleTable = reactive(new MsMemberRoleTable()) as MsMemberRoleTable;\n\nconst roleForm = reactive(new MsRoleForm()) as MsRoleForm;\n\nconst disabledBatchDelete = computed(\n  () => memberRoleTable.getSelection().length === 0\n);\n\nwatch(currentRole, (currentRole) => {\n  memberRoleTable.setCurrentRole(currentRole);\n});\n\nonBeforeUnmount(() => {\n  memberRoleTable.dispose();\n  roleForm.dispose();\n});\n\nconst handleAddRoleClick = () => {\n  Dialoger.dataFormDialog({\n    dataForm: roleForm\n  });\n};\n\nconst handleRoleSelect = (role: MsRole) => {\n  currentRole.value = role;\n};\n\nconst handleSelectUserClick = async () => {\n  const selectResult = await Dialoger.dataTableSelectDialog(\n    memberRoleTable.memberTable\n  );\n\n  if (!selectResult.isConfirm) {\n    return;\n  }\n\n  const roleId = unref(currentRole)!.id;\n\n  const memberRoleList = selectResult.selections.map((item) => ({\n    roleId,\n    memberId: item,\n  }));\n\n  try {\n    const result = await dvOpt.batchSave(memberRoleList);\n\n    if (result.code !== 200) {\n      ElMessage.error({message: result.msg});\n      return;\n    }\n\n    ElMessage.success({message: \"添加成功\"});\n\n    memberRoleTable.load();\n  } catch (e) {\n    console.error(e);\n\n    ElMessage.error({message: \"网络异常\"});\n  }\n};\n\nconst handleBatchDelete = async () => {\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\n    type: \"warning\",\n  }).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  try {\n    const result = await dvOpt.batchDelete(memberRoleTable.getSelection());\n\n    if (result.code !== 200) {\n      ElMessage.error({message: result.msg});\n      return;\n    }\n\n    ElMessage.success({message: \"删除成功\"});\n    memberRoleTable.load();\n  } catch (e) {\n    console.error(e);\n    ElMessage.error({message: \"网络异常\"});\n  }\n};\n\nconst handlePermissionEdit = () => {\n  router.push({name: \"dv/ms-role/permission\", params: {id: unref(currentRole)?.id}})\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.ms-role {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  padding: 0px;\n\n  &__body-warp {\n    padding: 10px;\n    display: flex;\n    height: 100%;\n    overflow: hidden;\n  }\n\n  &__aside {\n    background-color: #fff;\n    padding: 10px;\n    max-width: 360px;\n    min-width: 220px;\n    margin-right: 10px;\n  }\n\n  &__main {\n    width: 0;\n    flex: 1;\n\n    .mk-data-table {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n\n      .el-table {\n        height: 0;\n        flex: 1;\n      }\n    }\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: column;\n    padding: 12px;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    background-color: #fff;\n  }\n\n  &__title {\n    font-size: 18px;\n    font-weight: 600;\n    margin: 10px 0;\n  }\n\n  &__tools {\n    margin: 10px 0;\n    display: flex;\n    justify-content: flex-end;\n  }\n}\n\n</style>\n"],"names":["_withAsyncContext","currentRole"],"mappings":"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"}

package/dist/esm/index-Cmvvfuz1.js

@@ -0,0 +1,200 @@
+import { defineComponent, ref, reactive, resolveComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createTextVNode, createVNode } from "vue";
+import { useRouter } from "vue-router";
+import { Messager } from "@maketribe/dm";
+import { v as useHttpRequest, K as MKSimplePageLayout, b as MKSvgIcon, L as MKOpenVerifyCode } from "./index-Fqju8eWa.js";
+import "@maketribe/request";
+import "@maketribe/locale";
+import "@maketribe/utils";
+import "element-plus";
+import "lodash-es";
+import "vue-cropper";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "@element-plus/icons-vue";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+const _hoisted_1 = { class: "login-form-wrap" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "login-form-title" }, " 账号申请 ", -1);
+const _hoisted_3 = { class: "login-form-item" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+const _hoisted_5 = { class: "notify" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    mkRoute: {
+      name: "signup",
+      path: "/signup",
+      meta: {
+        isAuthorization: false
+      }
+    }
+  },
+  __name: "index",
+  setup(__props) {
+    const formEl = ref(null);
+    const router = useRouter();
+    const httpRequest = useHttpRequest();
+    const loading = ref(false);
+    const rules = {
+      account: [{ required: true, message: "账号必填" }],
+      email: [
+        {
+          required: true,
+          trigger: "change",
+          validator: (rule, value, callback) => {
+            if (!value) {
+              callback(new Error("邮箱必填"));
+            } else if (!/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(value)) {
+              callback(new Error("邮箱规则不符"));
+            } else {
+              callback();
+            }
+          }
+        }
+      ],
+      name: [{ required: true, message: "姓名必填" }]
+    };
+    const signFormData = reactive({
+      account: "",
+      email: "",
+      name: "",
+      nickName: "",
+      phone: "",
+      vCdoe: ""
+    });
+    const handleAccountApply = async () => {
+      if (!await formEl.value.validate()) {
+        return;
+      }
+      signFormData.vCdoe = await MKOpenVerifyCode({ scene: "AccountApply" }) + "";
+      const result = await httpRequest.post("ms/app/account-apply", signFormData);
+      if (result.data.code != 200) {
+        Messager.error({ message: result.data.msg || "注册失败" });
+        return;
+      }
+      Messager.success({ message: "注册成功,请联系管理员通过验证" });
+    };
+    ref(false);
+    return (_ctx, _cache) => {
+      const _component_el_link = resolveComponent("el-link");
+      const _component_ElInput = resolveComponent("ElInput");
+      const _component_ElFormItem = resolveComponent("ElFormItem");
+      const _component_ElButton = resolveComponent("ElButton");
+      const _component_ElForm = resolveComponent("ElForm");
+      return openBlock(), createBlock(unref(MKSimplePageLayout), { class: "login-wrap" }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            _hoisted_2,
+            createElementVNode("div", _hoisted_3, [
+              _hoisted_4,
+              createElementVNode("span", _hoisted_5, [
+                createTextVNode(" 已有账号？ "),
+                createVNode(_component_el_link, {
+                  underline: false,
+                  type: "primary",
+                  onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push("/login"))
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" 返回登录 "),
+                    createVNode(unref(MKSvgIcon), {
+                      name: "ep:arrow-right-bold",
+                      class: "mr-2"
+                    })
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            createVNode(_component_ElForm, {
+              model: signFormData,
+              rules,
+              size: "large",
+              ref_key: "formEl",
+              ref: formEl
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_ElFormItem, { prop: "account" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElInput, {
+                      modelValue: signFormData.account,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => signFormData.account = $event),
+                      placeholder: "帐号"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_ElFormItem, { prop: "email" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElInput, {
+                      modelValue: signFormData.email,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => signFormData.email = $event),
+                      placeholder: "邮箱"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_ElFormItem, { prop: "name" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElInput, {
+                      modelValue: signFormData.name,
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => signFormData.name = $event),
+                      placeholder: "姓名"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_ElFormItem, { prop: "nickName" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElInput, {
+                      modelValue: signFormData.nickName,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => signFormData.nickName = $event),
+                      placeholder: "昵称"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_ElFormItem, { prop: "phone" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElInput, {
+                      modelValue: signFormData.phone,
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => signFormData.phone = $event),
+                      placeholder: "手机号"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_ElFormItem, null, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElButton, {
+                      type: "primary",
+                      style: { "width": "100%" },
+                      loading: loading.value,
+                      onClick: handleAccountApply
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" 提交申请 ")
+                      ]),
+                      _: 1
+                    }, 8, ["loading"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["model"])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index-Cmvvfuz1.js.map

package/dist/esm/index-Cmvvfuz1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Cmvvfuz1.js","sources":["../../src/pages/signup/index.vue"],"sourcesContent":["<template>\n  <MKSimplePageLayout class=\"login-wrap\">\n    <div class=\"login-form-wrap\">\n      <div class=\"login-form-title\"> 账号申请 </div>\n        <div class=\"login-form-item\">\n          <div></div>\n          <span class=\"notify\">\n            已有账号？\n            <el-link :underline=\"false\" type=\"primary\" @click=\"router.push('/login')\">\n              返回登录\n              <MKSvgIcon name=\"ep:arrow-right-bold\" class=\"mr-2\" />\n            </el-link>\n          </span>\n      </div>\n      <ElForm\n        :model=\"signFormData\"\n        :rules=\"rules\"\n        size=\"large\"\n        ref=\"formEl\"\n      >\n        <ElFormItem prop=\"account\">\n          <ElInput v-model=\"signFormData.account\" placeholder=\"帐号\" />\n        </ElFormItem>\n        <ElFormItem prop=\"email\">\n          <ElInput v-model=\"signFormData.email\" placeholder=\"邮箱\" />\n        </ElFormItem>\n        <ElFormItem prop=\"name\">\n          <ElInput v-model=\"signFormData.name\" placeholder=\"姓名\" />\n        </ElFormItem>\n        <ElFormItem prop=\"nickName\">\n          <ElInput v-model=\"signFormData.nickName\" placeholder=\"昵称\" />\n        </ElFormItem>\n        <ElFormItem prop=\"phone\">\n          <ElInput v-model=\"signFormData.phone\" placeholder=\"手机号\" />\n        </ElFormItem>\n\n        <ElFormItem>\n          <ElButton type=\"primary\" style=\"width: 100%\"\n            :loading=\"loading\" @click=\"handleAccountApply\">\n            提交申请\n          </ElButton>\n        </ElFormItem>\n      </ElForm>\n    </div>\n  </MKSimplePageLayout>\n</template>\n\n<script setup lang=\"ts\">\nimport { Ref,  reactive, ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { FormRules } from \"element-plus\";\nimport { Messager } from \"@maketribe/dm\";\nimport { useHttpRequest } from \"../../composables\";\nimport { MKOpenVerifyCode,MKSimplePageLayout,MKSvgIcon } from \"../../components\";\n\ndefineOptions({\n  mkRoute: {\n    name: \"signup\",\n    path: \"/signup\",\n    meta: {\n      isAuthorization: false,\n    },\n  },\n});\n\nconst formEl: Ref<any> = ref(null);\n\nconst router = useRouter();\n\nconst httpRequest = useHttpRequest()!;\n\nconst loading = ref(false);\n\nconst rules: FormRules = {\n  account: [{ required: true, message: \"账号必填\" }],\n  email: [\n    {\n      required: true,\n      trigger: \"change\",\n      validator: (rule, value, callback) => {\n        if (!value) {\n          callback(new Error(\"邮箱必填\"));\n        } else if (\n          !/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/.test(value)\n        ) {\n          callback(new Error(\"邮箱规则不符\"));\n        } else {\n          callback();\n        }\n      },\n    },\n  ],\n  name: [{ required: true, message: \"姓名必填\" }],\n};\n\n\nconst signFormData = reactive({\n  account: \"\",\n  email: \"\",\n  name: \"\",\n  nickName: \"\",\n  phone: \"\",\n  vCdoe:\"\"\n});\n\nconst handleAccountApply = async () => {\n\n  if(! await formEl.value.validate()){\n    return ;\n  }\n\n  // 验证码\n  signFormData.vCdoe = (await MKOpenVerifyCode({ scene:\"AccountApply\" } as any)) + \"\";\n\n  const result = await httpRequest.post(\"ms/app/account-apply\",signFormData);\n\n  if (result.data.code != 200) {\n    Messager.error({ message: result.data.msg || \"注册失败\"});\n    return;\n  }\n\n  Messager.success({ message: \"注册成功,请联系管理员通过验证\" });\n};\n\n// 记住登陆状态\nconst rememberLoginState = ref(false);\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEM,UAAA,SAAmB,IAAI,IAAI;AAEjC,UAAM,SAAS;AAEf,UAAM,cAAc;AAEd,UAAA,UAAU,IAAI,KAAK;AAEzB,UAAM,QAAmB;AAAA,MACvB,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW,CAAC,MAAM,OAAO,aAAa;AACpC,gBAAI,CAAC,OAAO;AACD,uBAAA,IAAI,MAAM,MAAM,CAAC;AAAA,YAE1B,WAAA,CAAC,qDAAqD,KAAK,KAAK,GAChE;AACS,uBAAA,IAAI,MAAM,QAAQ,CAAC;AAAA,YAAA,OACvB;AACI;YACX;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,MAAM,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAI5C,UAAM,eAAe,SAAS;AAAA,MAC5B,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAM;AAAA,IAAA,CACP;AAED,UAAM,qBAAqB,YAAY;AAErC,UAAG,CAAE,MAAM,OAAO,MAAM,YAAW;AACjC;AAAA,MACF;AAGA,mBAAa,QAAS,MAAM,iBAAiB,EAAE,OAAM,eAAA,CAAuB,IAAK;AAEjF,YAAM,SAAS,MAAM,YAAY,KAAK,wBAAuB,YAAY;AAErE,UAAA,OAAO,KAAK,QAAQ,KAAK;AAC3B,iBAAS,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,QAAO;AACpD;AAAA,MACF;AAEA,eAAS,QAAQ,EAAE,SAAS,kBAAmB,CAAA;AAAA,IAAA;AAItB,QAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}