@maketribe/ms-app 4.0.0-alpha.1 → 4.0.0-alpha.2

package/dist/esm/index-1LHTy-yq.js

@@ -0,0 +1,393 @@
+import { defineComponent, ref, onMounted, watch, computed, 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 { ad as MsRoleForm, q as MKSvgIcon, _ as _export_sfc, ae as MsMemberRoleTable, z as MKPageContainer, A as MKDataTable, af as MKTable, ag as MKDataTablePagination } from "./index-D2Qngjos.js";
+import "@maketribe/utils";
+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 { useRouter } from "vue-router";
+import "@maketribe/locale";
+import "lodash-es";
+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"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const dvOpt = DvOpt.createInstance({ name: "ms-role" });
+    const roles = ref([]);
+    const currentRole = ref(null);
+    const loading = ref(false);
+    onMounted(() => {
+      loadRoleList();
+    });
+    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: "网络异常" });
+      }
+    };
+    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-55e5d766"]]);
+const _hoisted_1 = {
+  style: { "color": "var(--el-text-color-regular)" },
+  flex: "~ items-center",
+  m: "l-[10px]"
+};
+const _hoisted_2 = { class: "ms-role__body-warp" };
+const _hoisted_3 = { class: "ms-role__aside" };
+const _hoisted_4 = { class: "ms-role__main" };
+const _hoisted_5 = {
+  key: 0,
+  class: "ms-role__content"
+};
+const _hoisted_6 = { class: "flex flex-justify-between" };
+const _hoisted_7 = {
+  class: "ms-role__title",
+  flex: "~ items-center"
+};
+const _hoisted_8 = { 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) => {
+      const _component_el_page_header = resolveComponent("el-page-header");
+      return openBlock(), createBlock(unref(MKPageContainer), { class: "ms-role" }, {
+        default: withCtx(() => [
+          createVNode(_component_el_page_header, {
+            style: { "background-color": "#fff", "padding": "10px" },
+            icon: null
+          }, {
+            title: withCtx(() => [
+              createElementVNode("h3", _hoisted_1, [
+                createVNode(unref(MKSvgIcon), {
+                  name: "oui:app-users-roles",
+                  style: { "margin-right": "5px" }
+                }),
+                createTextVNode(" 角色管理 ")
+              ])
+            ]),
+            extra: withCtx(() => [
+              createVNode(unref(ElButton), {
+                type: "primary",
+                text: "",
+                onClick: handleAddRoleClick,
+                style: { "margin-right": "10px" }
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(MKSvgIcon), {
+                    name: "carbon:add-filled",
+                    style: { "margin-right": "5px" }
+                  }),
+                  createTextVNode(" 添加角色 ")
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
+              createVNode(RoleAside, {
+                onRoleSelect: handleRoleSelect,
+                "role-form": roleForm,
+                ref: "RoleAsideEl"
+              }, null, 8, ["role-form"])
+            ]),
+            createElementVNode("div", _hoisted_4, [
+              currentRole.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                createElementVNode("div", _hoisted_6, [
+                  createElementVNode("div", _hoisted_7, [
+                    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_8, [
+                    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-214b56d9"]]);
+export {
+  index as default
+};
+//# sourceMappingURL=index-1LHTy-yq.js.map

package/dist/esm/index-1LHTy-yq.js.map

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

package/dist/esm/index-4WD1v3-O.js

@@ -0,0 +1,37 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode } from "vue";
+import { z as MKPageContainer, I as MKMaterialList } from "./index-D2Qngjos.js";
+import "element-plus";
+import "@maketribe/request";
+import "@maketribe/utils";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "@maketribe/dm";
+import "@element-plus/icons-vue";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "vue-router";
+import "@maketribe/locale";
+import "lodash-es";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(MKPageContainer), null, {
+        default: withCtx(() => [
+          createVNode(unref(MKMaterialList))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index-4WD1v3-O.js.map

package/dist/esm/index-4WD1v3-O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-4WD1v3-O.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/index-8jPb4Wj9.js

@@ -0,0 +1,110 @@
+import { buildProps, withInstall } from "@maketribe/utils";
+import { defineComponent, ref, watch, unref, createVNode, Fragment, createTextVNode } from "vue";
+import { ElIcon, ElButton, ElDialog } from "element-plus";
+import { Film, View, Download, Close } from "@element-plus/icons-vue";
+import { MKImageView } from "./index-C8z_gFCT.js";
+const videoViewProps = buildProps({
+  src: { type: String, required: true },
+  poster: { type: String, required: false },
+  dialogWidth: { type: String, default: "800px" }
+});
+const VideoView = /* @__PURE__ */ defineComponent({
+  name: "MKVideoView",
+  props: videoViewProps,
+  setup(props) {
+    const isShowVideoDialog = ref(false);
+    const videoEl = ref(null);
+    const handleViewClick = () => {
+      isShowVideoDialog.value = true;
+    };
+    const handleDownloadClick = () => {
+      if (!props.src) {
+        return;
+      }
+      const a = document.createElement("a");
+      a.setAttribute("download", (/* @__PURE__ */ new Date()).getTime().toString());
+      a.target = "_blank";
+      a.href = props.src;
+      Object.assign(a.style, {
+        width: "1px",
+        height: "1px"
+      });
+      document.body.append(a);
+      a.click();
+      setTimeout(() => {
+        document.body.removeChild(a);
+      });
+    };
+    watch(isShowVideoDialog, (isShowVideoDialog2) => {
+      if (!unref(videoEl)) {
+        return;
+      }
+      if (!isShowVideoDialog2) {
+        unref(videoEl).pause();
+        unref(videoEl).currentTime = 0;
+      }
+    });
+    return () => createVNode("div", {
+      "class": "mk-video-view"
+    }, [createVNode(MKImageView, {
+      "src": props.src,
+      "showPreview": false
+    }, {
+      error: () => {
+        return createVNode(Fragment, null, [createVNode(ElIcon, {
+          "size": "20"
+        }, {
+          default: () => [createVNode(Film, null, null)]
+        }), createVNode("div", {
+          "class": "mk-video-view__tools"
+        }, [createVNode(ElButton, {
+          "type": "primary",
+          "icon": View,
+          "onClick": handleViewClick
+        }, null), createVNode(ElButton, {
+          "type": "primary",
+          "icon": Download,
+          "onClick": handleDownloadClick
+        }, null)])]);
+      }
+    }), createVNode(ElDialog, {
+      "appendToBody": true,
+      "showClose": false,
+      "width": props.dialogWidth,
+      "modelValue": unref(isShowVideoDialog),
+      "onUpdate:modelValue": (v) => {
+        isShowVideoDialog.value = v;
+      }
+    }, {
+      default: () => [createVNode("video", {
+        "class": "mk-video-view__video",
+        "src": props.src,
+        "draggable": "false",
+        "preload": "true",
+        "controls": true,
+        "ref": (el) => videoEl.value = el
+      }, null)],
+      header: (scope) => {
+        return createVNode("div", {
+          "class": "mk-video-view__dialog-header"
+        }, [createVNode(ElButton, {
+          "type": "primary",
+          "icon": Download,
+          "onClick": handleDownloadClick
+        }, {
+          default: () => [createTextVNode("下载")]
+        }), createVNode(ElButton, {
+          "icon": Close,
+          "onClick": scope.close
+        }, null)]);
+      }
+    })]);
+  }
+});
+const MKVideoView = withInstall(VideoView);
+export {
+  MKVideoView,
+  MKVideoView as default,
+  videoViewProps
+};
+//# sourceMappingURL=index-8jPb4Wj9.js.map

package/dist/esm/index-8jPb4Wj9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-8jPb4Wj9.js","sources":["../../src/modules/ms/components/material-list/components/video-view/video-view-options.ts","../../src/modules/ms/components/material-list/components/video-view/video-view.tsx","../../src/modules/ms/components/material-list/components/video-view/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const videoViewProps = buildProps({\r\n  src: { type: String, required: true },\r\n  poster: { type: String, required: false },\r\n  dialogWidth: { type: String, default: \"800px\" },\r\n} as const);\r\n\r\nexport type VideoViewProps = ExtractPropTypes<typeof videoViewProps>;\r\n","import { Fragment, Ref, defineComponent, ref, unref, watch } from \"vue\";\r\nimport { ElButton, ElDialog, ElIcon } from \"element-plus\";\r\nimport { Film, View, Download, Close } from \"@element-plus/icons-vue\";\r\nimport MKImageView from \"../image-view\";\r\nimport { videoViewProps } from \"./video-view-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKVideoView\",\r\n  props: videoViewProps,\r\n  setup(props) {\r\n    const isShowVideoDialog = ref(false);\r\n\r\n    const videoEl: Ref<HTMLVideoElement | null> = ref(null);\r\n\r\n    const handleViewClick = () => {\r\n      isShowVideoDialog.value = true;\r\n    };\r\n\r\n    const handleDownloadClick = () => {\r\n      if (!props.src) {\r\n        return;\r\n      }\r\n\r\n      const a = document.createElement(\"a\");\r\n      a.setAttribute(\"download\", new Date().getTime().toString());\r\n      a.target = \"_blank\";\r\n      a.href = props.src;\r\n      Object.assign(a.style, { width: \"1px\", height: \"1px\" });\r\n\r\n      document.body.append(a);\r\n      a.click();\r\n\r\n      setTimeout(() => {\r\n        document.body.removeChild(a);\r\n      });\r\n    };\r\n\r\n    watch(isShowVideoDialog, (isShowVideoDialog) => {\r\n      if (!unref(videoEl)) {\r\n        return;\r\n      }\r\n\r\n      if (!isShowVideoDialog) {\r\n        unref(videoEl)!.pause();\r\n        unref(videoEl)!.currentTime = 0;\r\n      }\r\n    });\r\n\r\n    return () => (\r\n      <div class=\"mk-video-view\">\r\n        <MKImageView\r\n          src={props.src}\r\n          showPreview={false}\r\n          v-slots={{\r\n            error: () => {\r\n              return (\r\n                <Fragment>\r\n                  <ElIcon size=\"20\">\r\n                    <Film />\r\n                  </ElIcon>\r\n                  <div class=\"mk-video-view__tools\">\r\n                    <ElButton\r\n                      type=\"primary\"\r\n                      icon={View}\r\n                      onClick={handleViewClick}\r\n                    />\r\n                    <ElButton\r\n                      type=\"primary\"\r\n                      icon={Download}\r\n                      onClick={handleDownloadClick}\r\n                    />\r\n                  </div>\r\n                </Fragment>\r\n              );\r\n            },\r\n          }}\r\n        />\r\n        <ElDialog\r\n          appendToBody\r\n          showClose={false}\r\n          width={props.dialogWidth}\r\n          modelValue={unref(isShowVideoDialog)}\r\n          onUpdate:modelValue={(v) => {\r\n            isShowVideoDialog.value = v;\r\n          }}\r\n          v-slots={{\r\n            header: (scope: any) => {\r\n              return (\r\n                <div class=\"mk-video-view__dialog-header\">\r\n                  <ElButton\r\n                    type=\"primary\"\r\n                    icon={Download}\r\n                    onClick={handleDownloadClick}\r\n                  >\r\n                    下载\r\n                  </ElButton>\r\n                  <ElButton icon={Close} onClick={scope.close} />\r\n                </div>\r\n              );\r\n            },\r\n          }}\r\n        >\r\n          <video\r\n            class=\"mk-video-view__video\"\r\n            src={props.src}\r\n            draggable=\"false\"\r\n            preload=\"true\"\r\n            controls\r\n            ref={(el: any) => (videoEl.value = el)}\r\n          />\r\n        </ElDialog>\r\n      </div>\r\n    );\r\n  },\r\n});\r\n","import { withInstall } from \"@maketribe/utils\";\r\nimport VideoView from \"./video-view\";\r\n\r\nexport const MKVideoView = withInstall(VideoView);\r\nexport default MKVideoView;\r\n\r\nexport * from \"./video-view-options\";\r\n"],"names":["defineComponent","name","props","videoViewProps","setup","isShowVideoDialog","ref","videoEl","handleViewClick","value","handleDownloadClick","src","a","document","createElement","setAttribute","Date","getTime","toString","target","href","Object","assign","style","width","height","body","append","click","setTimeout","removeChild","watch","unref","pause","currentTime","_createVNode","MKImageView","error","_Fragment","ElIcon","default","Film","ElButton","View","Download","ElDialog","dialogWidth","v","el","header","scope","_createTextVNode","Close","close"],"mappings":"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"}