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

package/dist/cjs/index-DJR8wNp6.cjs

@@ -1,393 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const elementPlus = require("element-plus");
-const dm = require("@maketribe/dm");
-const request = require("@maketribe/request");
-const index$1 = require("./index-Cqx6has-.cjs");
-require("@maketribe/utils");
-require("@lexical/overflow");
-require("@lexical/text");
-require("@lexical/utils");
-require("lexical");
-require("@lexical/selection");
-require("@lexical/link");
-require("@lexical/rich-text");
-const elIcons = require("@element-plus/icons-vue");
-require("@lexical/history");
-require("@lexical/dragon");
-require("@lexical/plain-text");
-const vueRouter = require("vue-router");
-require("@maketribe/locale");
-require("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__ */ vue.defineComponent({
-  __name: "aside",
-  props: {
-    roleForm: {
-      type: index$1.MsRoleForm,
-      required: true
-    }
-  },
-  emits: ["role-select"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const dvOpt = request.DvOpt.createInstance({ name: "ms-role" });
-    const roles = vue.ref([]);
-    const currentRole = vue.ref(null);
-    const loading = vue.ref(false);
-    vue.onMounted(() => {
-      loadRoleList();
-    });
-    vue.watch(currentRole, () => {
-      emit("role-select", currentRole.value);
-    });
-    vue.watch(
-      vue.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) => {
-      dm.Dialoger.dataFormDialog({
-        dataForm: props.roleForm,
-        recId: role.id
-      });
-    };
-    const handleRoleClick = (role) => {
-      currentRole.value = role;
-    };
-    const handleDelete = async (role) => {
-      var _a;
-      const isConfirm = await elementPlus.ElMessageBox.confirm("是否确认删除", {
-        type: "warning"
-      }).then(
-        () => true,
-        () => false
-      );
-      if (!isConfirm) {
-        return;
-      }
-      try {
-        const result = await dvOpt.delete(role.id);
-        if (result.code !== 200) {
-          elementPlus.ElMessage.error({ message: result.msg });
-          return;
-        }
-        elementPlus.ElMessage.success({ message: "删除成功" });
-        if (((_a = vue.unref(currentRole)) == null ? void 0 : _a.id) === role.id) {
-          currentRole.value = null;
-        }
-        loadRoleList();
-      } catch (e) {
-        console.error(e);
-        elementPlus.ElMessage.error({ message: "网络异常" });
-      }
-    };
-    return (_ctx, _cache) => {
-      const _component_ElDropdownItem = vue.resolveComponent("ElDropdownItem");
-      const _component_ElDropdownMenu = vue.resolveComponent("ElDropdownMenu");
-      const _component_ElDropdown = vue.resolveComponent("ElDropdown");
-      const _directive_loading = vue.resolveDirective("loading");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
-        vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
-          vue.createVNode(vue.unref(elementPlus.ElScrollbar), { height: "100%" }, {
-            default: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_3$1, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(roles.value, (role) => {
-                  var _a;
-                  return vue.openBlock(), vue.createElementBlock("div", {
-                    class: vue.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)
-                  }, [
-                    vue.createElementVNode("div", null, [
-                      vue.createVNode(vue.unref(index$1.MKSvgIcon), {
-                        class: "ms-role-aside__role-icon",
-                        name: "solar:user-bold-duotone"
-                      }),
-                      vue.createElementVNode("span", _hoisted_5$1, vue.toDisplayString(role.desc), 1)
-                    ]),
-                    vue.createElementVNode("div", {
-                      onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-                      }, ["prevent"])),
-                      class: "flex flex-items-center"
-                    }, [
-                      vue.createVNode(_component_ElDropdown, null, {
-                        dropdown: vue.withCtx(() => [
-                          vue.createVNode(_component_ElDropdownMenu, null, {
-                            default: vue.withCtx(() => [
-                              vue.createVNode(_component_ElDropdownItem, {
-                                icon: vue.unref(elIcons.Edit),
-                                onClick: ($event) => handleMemberRoleEdit(role)
-                              }, {
-                                default: vue.withCtx(() => [
-                                  vue.createTextVNode(" 编辑 ")
-                                ]),
-                                _: 2
-                              }, 1032, ["icon", "onClick"]),
-                              vue.createVNode(_component_ElDropdownItem, {
-                                icon: vue.unref(elIcons.Delete),
-                                onClick: ($event) => handleDelete(role)
-                              }, {
-                                default: vue.withCtx(() => [
-                                  vue.createTextVNode(" 删除 ")
-                                ]),
-                                _: 2
-                              }, 1032, ["icon", "onClick"])
-                            ]),
-                            _: 2
-                          }, 1024)
-                        ]),
-                        default: vue.withCtx(() => [
-                          vue.createElementVNode("span", _hoisted_6$1, [
-                            vue.createVNode(vue.unref(index$1.MKSvgIcon), { name: "ri:more-fill" })
-                          ])
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ])
-                  ], 10, _hoisted_4$1);
-                }), 128))
-              ])
-            ]),
-            _: 1
-          })
-        ])), [
-          [_directive_loading, loading.value]
-        ])
-      ]);
-    };
-  }
-});
-const RoleAside = /* @__PURE__ */ index$1._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__ */ vue.defineComponent({
-  __name: "index",
-  setup(__props) {
-    const router = vueRouter.useRouter();
-    const dvOpt = request.DvOpt.createInstance({ name: "ms-member-role" });
-    const currentRole = vue.ref(null);
-    const memberRoleTable = vue.reactive(new index$1.MsMemberRoleTable());
-    const roleForm = vue.reactive(new index$1.MsRoleForm());
-    const disabledBatchDelete = vue.computed(
-      () => memberRoleTable.getSelection().length === 0
-    );
-    vue.watch(currentRole, (currentRole2) => {
-      memberRoleTable.setCurrentRole(currentRole2);
-    });
-    vue.onBeforeUnmount(() => {
-      memberRoleTable.dispose();
-      roleForm.dispose();
-    });
-    const handleAddRoleClick = () => {
-      dm.Dialoger.dataFormDialog({
-        dataForm: roleForm
-      });
-    };
-    const handleRoleSelect = (role) => {
-      currentRole.value = role;
-    };
-    const handleSelectUserClick = async () => {
-      const selectResult = await dm.Dialoger.dataTableSelectDialog(
-        memberRoleTable.memberTable
-      );
-      if (!selectResult.isConfirm) {
-        return;
-      }
-      const roleId = vue.unref(currentRole).id;
-      const memberRoleList = selectResult.selections.map((item) => ({
-        roleId,
-        memberId: item
-      }));
-      try {
-        const result = await dvOpt.batchSave(memberRoleList);
-        if (result.code !== 200) {
-          elementPlus.ElMessage.error({ message: result.msg });
-          return;
-        }
-        elementPlus.ElMessage.success({ message: "添加成功" });
-        memberRoleTable.load();
-      } catch (e) {
-        console.error(e);
-        elementPlus.ElMessage.error({ message: "网络异常" });
-      }
-    };
-    const handleBatchDelete = async () => {
-      const isConfirm = await elementPlus.ElMessageBox.confirm("是否确认删除", {
-        type: "warning"
-      }).then(
-        () => true,
-        () => false
-      );
-      if (!isConfirm) {
-        return;
-      }
-      try {
-        const result = await dvOpt.batchDelete(memberRoleTable.getSelection());
-        if (result.code !== 200) {
-          elementPlus.ElMessage.error({ message: result.msg });
-          return;
-        }
-        elementPlus.ElMessage.success({ message: "删除成功" });
-        memberRoleTable.load();
-      } catch (e) {
-        console.error(e);
-        elementPlus.ElMessage.error({ message: "网络异常" });
-      }
-    };
-    const handlePermissionEdit = () => {
-      var _a;
-      router.push({ name: "dv/ms-role/permission", params: { id: (_a = vue.unref(currentRole)) == null ? void 0 : _a.id } });
-    };
-    return (_ctx, _cache) => {
-      const _component_el_page_header = vue.resolveComponent("el-page-header");
-      return vue.openBlock(), vue.createBlock(vue.unref(index$1.MKPageContainer), { class: "ms-role" }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_el_page_header, {
-            style: { "background-color": "#fff", "padding": "10px" },
-            icon: null
-          }, {
-            title: vue.withCtx(() => [
-              vue.createElementVNode("h3", _hoisted_1, [
-                vue.createVNode(vue.unref(index$1.MKSvgIcon), {
-                  name: "oui:app-users-roles",
-                  style: { "margin-right": "5px" }
-                }),
-                vue.createTextVNode(" 角色管理 ")
-              ])
-            ]),
-            extra: vue.withCtx(() => [
-              vue.createVNode(vue.unref(elementPlus.ElButton), {
-                type: "primary",
-                text: "",
-                onClick: handleAddRoleClick,
-                style: { "margin-right": "10px" }
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(index$1.MKSvgIcon), {
-                    name: "carbon:add-filled",
-                    style: { "margin-right": "5px" }
-                  }),
-                  vue.createTextVNode(" 添加角色 ")
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          vue.createElementVNode("div", _hoisted_2, [
-            vue.createElementVNode("div", _hoisted_3, [
-              vue.createVNode(RoleAside, {
-                onRoleSelect: handleRoleSelect,
-                "role-form": roleForm,
-                ref: "RoleAsideEl"
-              }, null, 8, ["role-form"])
-            ]),
-            vue.createElementVNode("div", _hoisted_4, [
-              currentRole.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-                vue.createElementVNode("div", _hoisted_6, [
-                  vue.createElementVNode("div", _hoisted_7, [
-                    vue.createVNode(vue.unref(index$1.MKSvgIcon), {
-                      class: "ms-role-aside__role-icon",
-                      name: "oui:app-users-roles",
-                      m: "r-[10px]"
-                    }),
-                    vue.createTextVNode(" " + vue.toDisplayString(currentRole.value.desc), 1)
-                  ]),
-                  vue.createElementVNode("div", _hoisted_8, [
-                    vue.createVNode(vue.unref(elementPlus.ElButton), {
-                      type: "primary",
-                      text: "",
-                      onClick: handlePermissionEdit
-                    }, {
-                      icon: vue.withCtx(() => [
-                        vue.createVNode(vue.unref(index$1.MKSvgIcon), { name: "material-symbols-light:vpn-key-outline" })
-                      ]),
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode(" 权限设置 ")
-                      ]),
-                      _: 1
-                    }),
-                    vue.createVNode(vue.unref(elementPlus.ElButton), {
-                      type: "primary",
-                      onClick: handleSelectUserClick
-                    }, {
-                      icon: vue.withCtx(() => [
-                        vue.createVNode(vue.unref(index$1.MKSvgIcon), { name: "carbon:add-filled" })
-                      ]),
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode(" 添加成员 ")
-                      ]),
-                      _: 1
-                    }),
-                    vue.createVNode(vue.unref(elementPlus.ElButton), {
-                      disabled: disabledBatchDelete.value,
-                      onClick: handleBatchDelete
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode(" 批量删除 ")
-                      ]),
-                      _: 1
-                    }, 8, ["disabled"])
-                  ])
-                ]),
-                vue.createVNode(vue.unref(index$1.MKDataTable), { "data-table": memberRoleTable }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(index$1.MKTable)),
-                    vue.createVNode(vue.unref(index$1.MKDataTablePagination))
-                  ]),
-                  _: 1
-                }, 8, ["data-table"])
-              ])) : vue.createCommentVNode("", true)
-            ])
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-const index = /* @__PURE__ */ index$1._export_sfc(_sfc_main, [["__scopeId", "data-v-214b56d9"]]);
-exports.default = index;
-//# sourceMappingURL=index-DJR8wNp6.cjs.map

package/dist/cjs/index-DJR8wNp6.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DJR8wNp6.cjs","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":["DvOpt","ref","onMounted","watch","computed","Dialoger","ElMessageBox","ElMessage","unref","useRouter","reactive","MsMemberRoleTable","MsRoleForm","currentRole","onBeforeUnmount"],"mappings":"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"}

package/dist/cjs/index-DMz-Jp1a.cjs

@@ -1,74 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const elementPlus = require("element-plus");
-const index = require("./index-Cqx6has-.cjs");
-require("@maketribe/request");
-require("@maketribe/utils");
-require("@lexical/overflow");
-require("@lexical/text");
-require("@lexical/utils");
-require("lexical");
-require("@lexical/selection");
-require("@lexical/link");
-require("@lexical/rich-text");
-const dm = require("@maketribe/dm");
-require("@element-plus/icons-vue");
-require("@lexical/history");
-require("@lexical/dragon");
-require("@lexical/plain-text");
-const BatchOpt = /* @__PURE__ */ vue.defineComponent({
-  name: "MKBatchOpt",
-  setup(props) {
-    var _a;
-    const dataTable = (_a = vue.inject(index.DATA_TABLE_CONTEXT_KEY)) == null ? void 0 : _a.dataTable;
-    var disallowBatchOpt = vue.computed(() => ((dataTable == null ? void 0 : dataTable.getSelection().length) ?? 0) === 0);
-    const handleExport = (...args) => {
-      dataTable.exportData();
-    };
-    const handleBatchDelete = async () => {
-      const isConfirm = await dm.Dialoger.confirm({
-        message: "是否删除选中项",
-        type: "warning",
-        title: "批量删除"
-      });
-      if (!isConfirm) {
-        return;
-      }
-      const response = await dataTable.batchDelete(dataTable.getSelection());
-      if (response.data.code !== 200) {
-        dm.Messager.error({
-          message: response.data.msg
-        });
-        return;
-      }
-      dataTable.load();
-    };
-    return () => {
-      return vue.createVNode(elementPlus.ElDropdown, {
-        "onClick": handleExport,
-        "splitButton": true
-      }, {
-        default: () => [vue.createVNode(index.MKSvgIcon, {
-          "name": "clarity:export-solid-badged"
-        }, null)],
-        dropdown: () => {
-          return vue.createVNode(elementPlus.ElDropdownMenu, null, {
-            default: () => [vue.createVNode(elementPlus.ElDropdownItem, {
-              "disabled": vue.unref(disallowBatchOpt),
-              "onClick": handleBatchDelete
-            }, {
-              default: () => [vue.createVNode(index.MKSvgIcon, {
-                "name": "icon-park-solid:delete-themes"
-              }, null), vue.createTextVNode(" 批量删除")]
-            })]
-          });
-        }
-      });
-    };
-  }
-});
-const MKBatchOpt = BatchOpt;
-exports.MKBatchOpt = MKBatchOpt;
-exports.default = MKBatchOpt;
-//# sourceMappingURL=index-DMz-Jp1a.cjs.map

package/dist/cjs/index-DMz-Jp1a.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DMz-Jp1a.cjs","sources":["../../src/components/data-model/data-table/components/header-components/batch-opt/batch-opt.tsx","../../src/components/data-model/data-table/components/header-components/batch-opt/index.ts"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\r\nimport { ElDropdown, ElDropdownItem, ElDropdownMenu } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../../../basic\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKBatchOpt\",\r\n  setup(props) {\r\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)?.dataTable!;\r\n\r\n    var disallowBatchOpt = computed(\r\n      () => (dataTable?.getSelection().length ?? 0) === 0\r\n    );\r\n\r\n    const handleExport = (...args: any[]) => {\r\n      dataTable.exportData();\r\n    };\r\n\r\n    const handleBatchDelete = async () => {\r\n      const isConfirm = await Dialoger.confirm({\r\n        message: \"是否删除选中项\",\r\n        type: \"warning\",\r\n        title: \"批量删除\",\r\n      });\r\n\r\n      if (!isConfirm) {\r\n        return;\r\n      }\r\n\r\n      const response = await dataTable.batchDelete(dataTable.getSelection());\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        return;\r\n      }\r\n\r\n      dataTable.load();\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <ElDropdown\r\n          onClick={handleExport}\r\n          splitButton\r\n          v-slots={{\r\n            dropdown: () => {\r\n              return (\r\n                <ElDropdownMenu>\r\n                  <ElDropdownItem\r\n                    disabled={unref(disallowBatchOpt)}\r\n                    onClick={handleBatchDelete}\r\n                  >\r\n                    <MKSvgIcon name=\"icon-park-solid:delete-themes\" /> 批量删除\r\n                  </ElDropdownItem>\r\n                </ElDropdownMenu>\r\n              );\r\n            },\r\n          }}\r\n        >\r\n          <MKSvgIcon name=\"clarity:export-solid-badged\" />\r\n        </ElDropdown>\r\n      );\r\n    };\r\n  },\r\n});\r\n","import BatchOpt from \"./batch-opt\";\r\n\r\nexport const MKBatchOpt = BatchOpt;\r\nexport default MKBatchOpt;\r\n"],"names":["defineComponent","name","setup","props","dataTable","inject","DATA_TABLE_CONTEXT_KEY","disallowBatchOpt","computed","getSelection","length","handleExport","args","exportData","handleBatchDelete","isConfirm","Dialoger","confirm","message","type","title","response","batchDelete","data","code","Messager","error","msg","load","_createVNode","ElDropdown","default","MKSvgIcon","dropdown","ElDropdownMenu","ElDropdownItem","unref","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,OAAO;;AACX,UAAMC,aAAYC,SAAAA,OAAOC,MAAsB,sBAAA,MAA7BD,mBAAgCD;AAElD,QAAIG,mBAAmBC,aACrB,QAAOJ,uCAAWK,eAAeC,WAAU,OAAO,CACpD;AAEA,UAAMC,eAAeA,IAAIC,SAAgB;AACvCR,gBAAUS,WAAU;AAAA;AAGtB,UAAMC,oBAAoB,YAAY;AACpC,YAAMC,YAAY,MAAMC,GAAQ,SAACC,QAAQ;AAAA,QACvCC,SAAS;AAAA,QACTC,MAAM;AAAA,QACNC,OAAO;AAAA,MACT,CAAC;AAED,UAAI,CAACL,WAAW;AACd;AAAA,MACF;AAEA,YAAMM,WAAW,MAAMjB,UAAUkB,YAAYlB,UAAUK,aAAY,CAAE;AAErE,UAAIY,SAASE,KAAKC,SAAS,KAAK;AAC9BC,WAAAA,SAASC,MAAM;AAAA,UAAER,SAASG,SAASE,KAAKI;AAAAA,QAAI,CAAC;AAC7C;AAAA,MACF;AAEAvB,gBAAUwB,KAAI;AAAA;AAGhB,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,YAAAA,YAAA;AAAA,QAAA,WAEanB;AAAAA,QAAY,eAAA;AAAA,MAAA,GAAA;AAAA,QAAAoB,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,iBAAA;AAAA,UAAA,QAAA;AAAA,QAAA,GAAA,IAAA,CAAA;AAAA,QAGnBC,UAAUA,MAAM;AACd,iBAAAJ,IAAA,YAAAK,YAAA,gBAAA,MAAA;AAAA,YAAAH,SAAAA,MAAAF,CAAAA,IAAA,YAAAM,4BAAA;AAAA,cAAA,YAGgBC,IAAK,MAAC7B,gBAAgB;AAAA,cAAC,WACxBO;AAAAA,YAAiB,GAAA;AAAA,cAAAiB,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,iBAAA;AAAA,gBAAA,QAAA;AAAA,cAAA,GAAA,IAAA,GAAAK,oBAAA,OAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA;AAAA,QAMlC;AAAA,MAAC,CAAA;AAAA;EAOX;AACF,CAAC;AC/DM,MAAM,aAAa;;;"}