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

package/dist/esm/modules/ms/pages/ms-role/components/aside.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"aside.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"aside.vue2.js","sources":["../../../../../../../src/modules/ms/pages/ms-role/components/aside.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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,UAAM,QAAQ;AAOd,UAAM,OAAO;AAEb,UAAM,QAAQ,MAAM,eAAe,EAAC,MAAM,WAAU;AAE9C,UAAA,QAAuB,IAAI,CAAA,CAAE;AAE7B,UAAA,cAAkC,IAAI,IAAI;AAE1C,UAAA,UAAU,IAAI,KAAK;AAEzB,cAAU,MAAM;AACD;IAAA,CACd;AAED,UAAM,aAAa,MAAM;AAClB,WAAA,eAAe,YAAY,KAAK;AAAA,IAAA,CACtC;AAGD;AAAA,MACE,SAAS,MAAM,MAAM,QAAQ;AAAA,MAC7B,CAAC,UAAU,GAAG,cAAc;AAC1B,cAAM,aAAa,SAAS,eAAe,GAAG,MAAM;AACrC;QAAA,CACd;AAED,kBAAU,MAAM;AACd,qBAAW,QAAQ;AAAA,QAAA,CACpB;AAAA,MACH;AAAA,MACA,EAAC,WAAW,KAAI;AAAA,IAAA;AAGlB,UAAM,eAAe,YAAY;AAC3B,UAAA;AACF,gBAAQ,QAAQ;AAEhB,cAAM,QAAQ,MAAM,MAAM,QAAQ,KAAa;AAG3C,YAAA,MAAM,MAAM,QAAQ;AACN,0BAAA,MAAM,MAAM,CAAC,CAAC;AAAA,QAChC;AAAA,MAAA,UAEA;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;AAGI,UAAA,uBAAuB,CAAC,SAAiB;AAC7C,eAAS,eAAe;AAAA,QACtB,UAAU,MAAM;AAAA,QAChB,OAAO,KAAK;AAAA,MAAA,CACb;AAAA,IAAA;AAGG,UAAA,kBAAkB,CAAC,SAAiB;AACxC,kBAAY,QAAQ;AAAA,IAAA;AAIhB,UAAA,eAAe,OAAO,SAAiB;;AAC3C,YAAM,YAAY,MAAM,aAAa,QAAQ,UAAU;AAAA,QACrD,MAAM;AAAA,MACP,CAAA,EAAE;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAGR,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AAEI,UAAA;AACF,cAAM,SAAS,MAAM,MAAM,OAAO,KAAK,EAAE;AAErC,YAAA,OAAO,SAAS,KAAK;AACvB,oBAAU,MAAM,EAAC,SAAS,OAAO,IAAI,CAAA;AACrC;AAAA,QACF;AAEA,kBAAU,QAAQ,EAAC,SAAS,OAAO,CAAA;AAEnC,cAAI,WAAM,WAAW,MAAjB,mBAAoB,QAAO,KAAK,IAAI;AACtC,sBAAY,QAAQ;AAAA,QACtB;AAEa;eACN,GAAG;AACV,gBAAQ,MAAM,CAAC;AACf,kBAAU,MAAM,EAAC,SAAS,OAAO,CAAA;AAAA,MACnC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/modules/ms/pages/ms-role/components/role-permission-config/role-permission-config-options.js

@@ -6,6 +6,8 @@ import "../../../../../../core/DataModelDefines.js";
 import "vue-router";
 import "@maketribe/request";
 import "@maketribe/locale";
+import "../../../../../../store/modules/settings.js";
+import "../../../../../../store/modules/menu.js";
 import "../../../../dataviews/ms-config/MsConfigTable.js";
 import "lodash-es";
 import { RolePermissionConfigTable } from "../../../../dataviews/ms-role/MsRolePermissionConfigTable.js";
@@ -78,6 +80,8 @@ import "../../../../dataviews/log/operate-log/OperateLogTable.js";
 import "../../../../dataviews/log/login-log/LoginLogTable.js";
 import "../../../../dataviews/log/request-log/RequestLogTable.js";
 import "../../../../dataviews/log/local-log/LocalLogTree.js";
+import "../../../../dataviews/ms-message/MsMessageForm.js";
+import "../../../../dataviews/ms-message/MsMessageTable.js";
 const rolePermissionConfigProps = buildProps({
   rolePermissionConfigTable: {
     type: RolePermissionConfigTable,

package/dist/esm/modules/ms/pages/ms-role/components/role-permission-config/role-permission-config-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"role-permission-config-options.js","sources":["../../../../../../../../src/modules/ms/pages/ms-role/components/role-permission-config/role-permission-config-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { RolePermissionConfigTable } from \"../../../../dataviews\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const rolePermissionConfigProps = buildProps({\r\n  rolePermissionConfigTable: {\r\n    type: RolePermissionConfigTable,\r\n    required: true,\r\n  },\r\n} as const);\r\n\r\nexport type RolePermissionConfigProps = ExtractPropTypes<\r\n  typeof rolePermissionConfigProps\r\n>;\r\n\r\nexport const rolePermissionConfigEmits = {\r\n  roleChange: (id: any) => true,\r\n};\r\n\r\nexport type RolePermissionConfigEmits = typeof rolePermissionConfigEmits;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,4BAA4B,WAAW;AAAA,EAClD,2BAA2B;AAAA,IACzB,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF,CAAU;AAMH,MAAM,4BAA4B;AAAA,EACvC,YAAY,CAAC,OAAY;AAC3B;"}
+{"version":3,"file":"role-permission-config-options.js","sources":["../../../../../../../../src/modules/ms/pages/ms-role/components/role-permission-config/role-permission-config-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { RolePermissionConfigTable } from \"../../../../dataviews\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const rolePermissionConfigProps = buildProps({\n  rolePermissionConfigTable: {\n    type: RolePermissionConfigTable,\n    required: true,\n  },\n} as const);\n\nexport type RolePermissionConfigProps = ExtractPropTypes<\n  typeof rolePermissionConfigProps\n>;\n\nexport const rolePermissionConfigEmits = {\n  roleChange: (id: any) => true,\n};\n\nexport type RolePermissionConfigEmits = typeof rolePermissionConfigEmits;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,4BAA4B,WAAW;AAAA,EAClD,2BAA2B;AAAA,IACzB,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF,CAAU;AAMH,MAAM,4BAA4B;AAAA,EACvC,YAAY,CAAC,OAAY;AAC3B;"}

package/dist/esm/modules/ms/pages/ms-role/components/role-permission-config/role-permission-config.js

@@ -7,6 +7,8 @@ import { useI18n } from "../../../../../../composables/use-i18n.js";
 import "vue-router";
 import "@maketribe/request";
 import "@maketribe/locale";
+import "../../../../../../store/modules/settings.js";
+import "../../../../../../store/modules/menu.js";
 import "../../../../../../core/DataModelDefines.js";
 import { rolePermissionConfigProps, rolePermissionConfigEmits } from "./role-permission-config-options.js";
 function _isSlot(s) {
@@ -154,9 +156,9 @@ const RolePermissionConfig = /* @__PURE__ */ defineComponent({
         header: () => {
           let _slot;
           return createVNode("div", {
-            "class": "header-box"
+            "class": "flex gap-[10px]"
           }, [createVNode("div", {
-            "class": "header-box-main"
+            "class": "flex-1"
           }, [createVNode(ElAlert, {
             "title": props.rolePermissionConfigTable.hasChange() ? `当前【 ${rolePermissionConfigTable.value.currentRoleDesc} 】权限已发生改变，保存后生效！` : `当前【 ${rolePermissionConfigTable.value.currentRoleDesc} 】权限无任何改变！`,
             "showIcon": true,

package/dist/esm/modules/ms/pages/ms-role/components/role-permission-config/role-permission-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"role-permission-config.js","sources":["../../../../../../../../src/modules/ms/pages/ms-role/components/role-permission-config/role-permission-config.tsx"],"sourcesContent":["import {\r\n  Fragment,\r\n  computed,\r\n  defineComponent,\r\n  reactive,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport {\r\n  ElTable,\r\n  ElTableColumn,\r\n  ElCheckbox,\r\n  ElTooltip,\r\n  ElCard,\r\n  ElButton,\r\n  ElAlert,\r\n} from \"element-plus\";\r\nimport { postTraverse } from \"@maketribe/utils\";\r\nimport { MsRoleMenuNode, MsRolePermissionPointDefine } from \"../../../../dataviews\";\r\nimport { useI18n } from \"../../../../../../composables\";\r\nimport {\r\n  rolePermissionConfigEmits,\r\n  rolePermissionConfigProps,\r\n} from \"./role-permission-config-options\";\r\n\r\ntype RowInfo = {\r\n  roleMenus: MsRoleMenuNode[];\r\n  permissionPoints: MsRolePermissionPointDefine[];\r\n};\r\n\r\ntype CellInfo = { row: RowInfo; rowIndex: number; columnIndex: number };\r\n\r\nexport default defineComponent({\r\n  name: \"MKRolePermissionConfig\",\r\n  props: rolePermissionConfigProps,\r\n  emits: rolePermissionConfigEmits,\r\n  setup(props, { emit }) {\r\n    const i18n = useI18n()!;\r\n\r\n    const rolePermissionConfigTable = computed(\r\n      () => props.rolePermissionConfigTable\r\n    );\r\n\r\n    const loading = computed(() => unref(rolePermissionConfigTable).loading);\r\n\r\n    const rootRoleMenuNodes = computed(() =>\r\n      unref(rolePermissionConfigTable).getRootRoleMenuNodes()\r\n    );\r\n\r\n    const list = computed(() => {\r\n      const _rootRoleMenuNodes = unref(rootRoleMenuNodes);\r\n\r\n      const list: RowInfo[] = [];\r\n\r\n      postTraverse<MsRoleMenuNode>(\r\n        _rootRoleMenuNodes,\r\n        (roleMenu, ancestors) => {\r\n          if (!roleMenu.children.length) {\r\n            list.push({\r\n              roleMenus: [...ancestors],\r\n              permissionPoints: roleMenu.permissionPoints,\r\n            });\r\n          }\r\n        }\r\n      );\r\n\r\n      return list;\r\n    });\r\n\r\n    const maxMenuColumns = computed(() => {\r\n      const _list = unref(list);\r\n\r\n      return Math.max(..._list.map((item) => item.roleMenus.length), 0);\r\n    });\r\n\r\n    const handleSpanMethod = ({\r\n      row,\r\n      rowIndex,\r\n      columnIndex,\r\n    }: CellInfo): [number, number] => {\r\n      const _maxMenuColumns = unref(maxMenuColumns);\r\n\r\n      let columnSpan = 1;\r\n\r\n      if (row.roleMenus.length < _maxMenuColumns) {\r\n        if (row.roleMenus.length - 1 === columnIndex) {\r\n          columnSpan = _maxMenuColumns - columnIndex;\r\n        } else if (\r\n          columnIndex < _maxMenuColumns &&\r\n          columnIndex >= row.roleMenus.length\r\n        ) {\r\n          columnSpan = 0;\r\n        }\r\n      }\r\n\r\n      let rowSpan = 1;\r\n\r\n      const _list = unref(list);\r\n\r\n      if (columnIndex < _maxMenuColumns) {\r\n        const bothExisting: boolean = !!(\r\n          _list[rowIndex]?.roleMenus?.[columnIndex] &&\r\n          _list[rowIndex - 1]?.roleMenus?.[columnIndex]\r\n        );\r\n\r\n        if (\r\n          // 第一行\r\n          rowIndex === 0 ||\r\n          // 两条记录都存在，且前一条和当前记录不一致\r\n          (bothExisting &&\r\n            _list[rowIndex].roleMenus[columnIndex].id !==\r\n              _list[rowIndex - 1].roleMenus[columnIndex].id)\r\n        ) {\r\n          let count = 1;\r\n\r\n          for (let i = rowIndex + 1; i < _list.length; i++) {\r\n            if (\r\n              _list[rowIndex].roleMenus[columnIndex]?.id !==\r\n              _list[i].roleMenus[columnIndex]?.id\r\n            ) {\r\n              break;\r\n            }\r\n            count++;\r\n          }\r\n\r\n          rowSpan = count;\r\n        } else if (bothExisting) {\r\n          // 两条记录都存在切记录一致\r\n          rowSpan = 0;\r\n        }\r\n      }\r\n\r\n      return [rowSpan, columnSpan];\r\n    };\r\n\r\n    const saveRolePermission = async () => {\r\n      props.rolePermissionConfigTable.submitPermission();\r\n    };\r\n\r\n    watch(\r\n      computed(() => props.rolePermissionConfigTable),\r\n      async (rolePermissionConfigTable) => {\r\n        await rolePermissionConfigTable.init();\r\n        await rolePermissionConfigTable.load();\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    return () => {\r\n      const menuColumnVnodes = new Array(unref(maxMenuColumns))\r\n        .fill(0)\r\n        .map((_, i) => {\r\n          return (\r\n            <ElTableColumn\r\n              label={i18n.translate(\"mk.rolePermissionConfig.tableMenuHeader\", {\r\n                level: i + 1,\r\n              })}\r\n              v-slots={{\r\n                default: ({ row }: { row: RowInfo }) => {\r\n                  const roleMenu = row.roleMenus[i];\r\n\r\n                  if (!roleMenu) {\r\n                    return null;\r\n                  }\r\n\r\n                  return (\r\n                    <ElTooltip content={roleMenu.title} placement=\"top\">\r\n                      <ElCheckbox\r\n                        class=\"role-permission-config__menu\"\r\n                        modelValue={roleMenu.selected}\r\n                        indeterminate={roleMenu.indeterminate}\r\n                        onUpdate:modelValue={() =>\r\n                          unref(rolePermissionConfigTable).toggleRoleMenu(\r\n                            roleMenu\r\n                          )\r\n                        }\r\n                      >\r\n                        {roleMenu.title}\r\n                      </ElCheckbox>\r\n                    </ElTooltip>\r\n                  );\r\n                },\r\n              }}\r\n            />\r\n          );\r\n        });\r\n\r\n      return (\r\n        <ElCard\r\n          v-slots={{\r\n            header: () => {\r\n              return (\r\n                <div class=\"header-box\">\r\n                  <div class=\"header-box-main\">\r\n                    <ElAlert\r\n                      title={\r\n                        props.rolePermissionConfigTable.hasChange()\r\n                          ? `当前【 ${rolePermissionConfigTable.value.currentRoleDesc} 】权限已发生改变，保存后生效！`\r\n                          : `当前【 ${rolePermissionConfigTable.value.currentRoleDesc} 】权限无任何改变！`\r\n                      }\r\n                      showIcon\r\n                      type={\r\n                        props.rolePermissionConfigTable.hasChange()\r\n                          ? \"warning\"\r\n                          : \"info\"\r\n                      }\r\n                      closable={false}\r\n                    />\r\n                  </div>\r\n                  <div class=\"header-box-tools\">\r\n                    <ElButton\r\n                      onClick={saveRolePermission}\r\n                      type=\"primary\"\r\n                      disabled={!props.rolePermissionConfigTable.hasChange()}\r\n                    >\r\n                      {i18n.translate(\"mk.dataForm.saveButton\")}\r\n                    </ElButton>\r\n                  </div>\r\n                </div>\r\n              );\r\n            },\r\n          }}\r\n        >\r\n          <ElTable\r\n            class=\"role-permission-config\"\r\n            data={unref(list)}\r\n            border\r\n            spanMethod={handleSpanMethod}\r\n            v-loading={unref(loading)}\r\n          >\r\n            {menuColumnVnodes}\r\n\r\n            <ElTableColumn\r\n              label={i18n.translate(\r\n                \"mk.rolePermissionConfig.tablePermissionPointHeader\"\r\n              )}\r\n              minWidth=\"300px\"\r\n              v-slots={{\r\n                default: ({ row }: { row: RowInfo }) => {\r\n                  const permissionPointVnodes = row.permissionPoints.map(\r\n                    (permissionPoint) => {\r\n                      return (\r\n                        <ElTooltip\r\n                          content={permissionPoint.name}\r\n                          placement=\"top\"\r\n                        >\r\n                          <ElCheckbox\r\n                            class=\"role-permission-config__permission-point\"\r\n                            modelValue={permissionPoint.selected}\r\n                            onUpdate:modelValue={() => {\r\n                              unref(\r\n                                rolePermissionConfigTable\r\n                              ).toggleRolePermissionPoint(permissionPoint);\r\n                            }}\r\n                          >\r\n                            {permissionPoint.name}\r\n                          </ElCheckbox>\r\n                        </ElTooltip>\r\n                      );\r\n                    }\r\n                  );\r\n\r\n                  return <Fragment>{permissionPointVnodes}</Fragment>;\r\n                },\r\n              }}\r\n            />\r\n          </ElTable>\r\n        </ElCard>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","rolePermissionConfigProps","emits","rolePermissionConfigEmits","setup","emit","i18n","useI18n","rolePermissionConfigTable","computed","loading","unref","rootRoleMenuNodes","getRootRoleMenuNodes","list","_rootRoleMenuNodes","postTraverse","roleMenu","ancestors","children","length","push","roleMenus","permissionPoints","maxMenuColumns","_list","Math","max","map","item","handleSpanMethod","row","rowIndex","columnIndex","_maxMenuColumns","columnSpan","rowSpan","bothExisting","id","count","i","saveRolePermission","submitPermission","watch","init","load","immediate","menuColumnVnodes","Array","fill","_","_createVNode","ElTableColumn","translate","level","default","ElTooltip","title","ElCheckbox","selected","indeterminate","onUpdate:modelValue","toggleRoleMenu","ElCard","_withDirectives","ElTable","permissionPointVnodes","permissionPoint","toggleRolePermissionPoint","_Fragment","_resolveDirective","header","_slot","ElAlert","hasChange","value","currentRoleDesc","ElButton"],"mappings":"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"}
+{"version":3,"file":"role-permission-config.js","sources":["../../../../../../../../src/modules/ms/pages/ms-role/components/role-permission-config/role-permission-config.tsx"],"sourcesContent":["import {\r\n  Fragment,\r\n  computed,\r\n  defineComponent,\r\n  reactive,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport {\r\n  ElTable,\r\n  ElTableColumn,\r\n  ElCheckbox,\r\n  ElTooltip,\r\n  ElCard,\r\n  ElButton,\r\n  ElAlert,\r\n} from \"element-plus\";\r\nimport { postTraverse } from \"@maketribe/utils\";\r\nimport { MsRoleMenuNode, MsRolePermissionPointDefine } from \"../../../../dataviews\";\r\nimport { useI18n } from \"../../../../../../composables\";\r\nimport {\r\n  rolePermissionConfigEmits,\r\n  rolePermissionConfigProps,\r\n} from \"./role-permission-config-options\";\r\n\r\ntype RowInfo = {\r\n  roleMenus: MsRoleMenuNode[];\r\n  permissionPoints: MsRolePermissionPointDefine[];\r\n};\r\n\r\ntype CellInfo = { row: RowInfo; rowIndex: number; columnIndex: number };\r\n\r\nexport default defineComponent({\r\n  name: \"MKRolePermissionConfig\",\r\n  props: rolePermissionConfigProps,\r\n  emits: rolePermissionConfigEmits,\r\n  setup(props, { emit }) {\r\n    const i18n = useI18n()!;\r\n\r\n    const rolePermissionConfigTable = computed(\r\n      () => props.rolePermissionConfigTable\r\n    );\r\n\r\n    const loading = computed(() => unref(rolePermissionConfigTable).loading);\r\n\r\n    const rootRoleMenuNodes = computed(() =>\r\n      unref(rolePermissionConfigTable).getRootRoleMenuNodes()\r\n    );\r\n\r\n    const list = computed(() => {\r\n      const _rootRoleMenuNodes = unref(rootRoleMenuNodes);\r\n\r\n      const list: RowInfo[] = [];\r\n\r\n      postTraverse<MsRoleMenuNode>(\r\n        _rootRoleMenuNodes,\r\n        (roleMenu, ancestors) => {\r\n          if (!roleMenu.children.length) {\r\n            list.push({\r\n              roleMenus: [...ancestors],\r\n              permissionPoints: roleMenu.permissionPoints,\r\n            });\r\n          }\r\n        }\r\n      );\r\n\r\n      return list;\r\n    });\r\n\r\n    const maxMenuColumns = computed(() => {\r\n      const _list = unref(list);\r\n\r\n      return Math.max(..._list.map((item) => item.roleMenus.length), 0);\r\n    });\r\n\r\n    const handleSpanMethod = ({\r\n      row,\r\n      rowIndex,\r\n      columnIndex,\r\n    }: CellInfo): [number, number] => {\r\n      const _maxMenuColumns = unref(maxMenuColumns);\r\n\r\n      let columnSpan = 1;\r\n\r\n      if (row.roleMenus.length < _maxMenuColumns) {\r\n        if (row.roleMenus.length - 1 === columnIndex) {\r\n          columnSpan = _maxMenuColumns - columnIndex;\r\n        } else if (\r\n          columnIndex < _maxMenuColumns &&\r\n          columnIndex >= row.roleMenus.length\r\n        ) {\r\n          columnSpan = 0;\r\n        }\r\n      }\r\n\r\n      let rowSpan = 1;\r\n\r\n      const _list = unref(list);\r\n\r\n      if (columnIndex < _maxMenuColumns) {\r\n        const bothExisting: boolean = !!(\r\n          _list[rowIndex]?.roleMenus?.[columnIndex] &&\r\n          _list[rowIndex - 1]?.roleMenus?.[columnIndex]\r\n        );\r\n\r\n        if (\r\n          // 第一行\r\n          rowIndex === 0 ||\r\n          // 两条记录都存在，且前一条和当前记录不一致\r\n          (bothExisting &&\r\n            _list[rowIndex].roleMenus[columnIndex].id !==\r\n              _list[rowIndex - 1].roleMenus[columnIndex].id)\r\n        ) {\r\n          let count = 1;\r\n\r\n          for (let i = rowIndex + 1; i < _list.length; i++) {\r\n            if (\r\n              _list[rowIndex].roleMenus[columnIndex]?.id !==\r\n              _list[i].roleMenus[columnIndex]?.id\r\n            ) {\r\n              break;\r\n            }\r\n            count++;\r\n          }\r\n\r\n          rowSpan = count;\r\n        } else if (bothExisting) {\r\n          // 两条记录都存在切记录一致\r\n          rowSpan = 0;\r\n        }\r\n      }\r\n\r\n      return [rowSpan, columnSpan];\r\n    };\r\n\r\n    const saveRolePermission = async () => {\r\n      props.rolePermissionConfigTable.submitPermission();\r\n    };\r\n\r\n    watch(\r\n      computed(() => props.rolePermissionConfigTable),\r\n      async (rolePermissionConfigTable) => {\r\n        await rolePermissionConfigTable.init();\r\n        await rolePermissionConfigTable.load();\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    return () => {\r\n      const menuColumnVnodes = new Array(unref(maxMenuColumns))\r\n        .fill(0)\r\n        .map((_, i) => {\r\n          return (\r\n            <ElTableColumn\r\n              label={i18n.translate(\"mk.rolePermissionConfig.tableMenuHeader\", {\r\n                level: i + 1,\r\n              })}\r\n              v-slots={{\r\n                default: ({ row }: { row: RowInfo }) => {\r\n                  const roleMenu = row.roleMenus[i];\r\n\r\n                  if (!roleMenu) {\r\n                    return null;\r\n                  }\r\n\r\n                  return (\r\n                    <ElTooltip content={roleMenu.title} placement=\"top\">\r\n                      <ElCheckbox\r\n                        class=\"role-permission-config__menu\"\r\n                        modelValue={roleMenu.selected}\r\n                        indeterminate={roleMenu.indeterminate}\r\n                        onUpdate:modelValue={() =>\r\n                          unref(rolePermissionConfigTable).toggleRoleMenu(\r\n                            roleMenu\r\n                          )\r\n                        }\r\n                      >\r\n                        {roleMenu.title}\r\n                      </ElCheckbox>\r\n                    </ElTooltip>\r\n                  );\r\n                },\r\n              }}\r\n            />\r\n          );\r\n        });\r\n\r\n      return (\r\n        <ElCard\r\n          v-slots={{\r\n            header: () => {\r\n              return (\r\n                <div class=\"flex gap-[10px]\">\r\n                  <div class=\"flex-1\">\r\n                    <ElAlert\r\n                      title={\r\n                        props.rolePermissionConfigTable.hasChange()\r\n                          ? `当前【 ${rolePermissionConfigTable.value.currentRoleDesc} 】权限已发生改变，保存后生效！`\r\n                          : `当前【 ${rolePermissionConfigTable.value.currentRoleDesc} 】权限无任何改变！`\r\n                      }\r\n                      showIcon\r\n                      type={\r\n                        props.rolePermissionConfigTable.hasChange()\r\n                          ? \"warning\"\r\n                          : \"info\"\r\n                      }\r\n                      closable={false}\r\n                    />\r\n                  </div>\r\n                  <div class=\"header-box-tools\">\r\n                    <ElButton\r\n                      onClick={saveRolePermission}\r\n                      type=\"primary\"\r\n                      disabled={!props.rolePermissionConfigTable.hasChange()}\r\n                    >\r\n                      {i18n.translate(\"mk.dataForm.saveButton\")}\r\n                    </ElButton>\r\n                  </div>\r\n                </div>\r\n              );\r\n            },\r\n          }}\r\n        >\r\n          <ElTable\r\n            class=\"role-permission-config\"\r\n            data={unref(list)}\r\n            border\r\n            spanMethod={handleSpanMethod}\r\n            v-loading={unref(loading)}\r\n          >\r\n            {menuColumnVnodes}\r\n\r\n            <ElTableColumn\r\n              label={i18n.translate(\r\n                \"mk.rolePermissionConfig.tablePermissionPointHeader\"\r\n              )}\r\n              minWidth=\"300px\"\r\n              v-slots={{\r\n                default: ({ row }: { row: RowInfo }) => {\r\n                  const permissionPointVnodes = row.permissionPoints.map(\r\n                    (permissionPoint) => {\r\n                      return (\r\n                        <ElTooltip\r\n                          content={permissionPoint.name}\r\n                          placement=\"top\"\r\n                        >\r\n                          <ElCheckbox\r\n                            class=\"role-permission-config__permission-point\"\r\n                            modelValue={permissionPoint.selected}\r\n                            onUpdate:modelValue={() => {\r\n                              unref(\r\n                                rolePermissionConfigTable\r\n                              ).toggleRolePermissionPoint(permissionPoint);\r\n                            }}\r\n                          >\r\n                            {permissionPoint.name}\r\n                          </ElCheckbox>\r\n                        </ElTooltip>\r\n                      );\r\n                    }\r\n                  );\r\n\r\n                  return <Fragment>{permissionPointVnodes}</Fragment>;\r\n                },\r\n              }}\r\n            />\r\n          </ElTable>\r\n        </ElCard>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","rolePermissionConfigProps","emits","rolePermissionConfigEmits","setup","emit","i18n","useI18n","rolePermissionConfigTable","computed","loading","unref","rootRoleMenuNodes","getRootRoleMenuNodes","list","_rootRoleMenuNodes","postTraverse","roleMenu","ancestors","children","length","push","roleMenus","permissionPoints","maxMenuColumns","_list","Math","max","map","item","handleSpanMethod","row","rowIndex","columnIndex","_maxMenuColumns","columnSpan","rowSpan","bothExisting","id","count","i","saveRolePermission","submitPermission","watch","init","load","immediate","menuColumnVnodes","Array","fill","_","_createVNode","ElTableColumn","translate","level","default","ElTooltip","title","ElCheckbox","selected","indeterminate","onUpdate:modelValue","toggleRoleMenu","ElCard","_withDirectives","ElTable","permissionPointVnodes","permissionPoint","toggleRolePermissionPoint","_Fragment","_resolveDirective","header","_slot","ElAlert","hasChange","value","currentRoleDesc","ElButton"],"mappings":"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"}

package/dist/esm/modules/ms/pages/ms-role/index.vue.js

@@ -1,5 +1,8 @@
 import _sfc_main from "./index.vue2.js";
+/* empty css           */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-214b56d9"]]);
 export {
-  _sfc_main as default
+  index as default
 };
 //# sourceMappingURL=index.vue.js.map

package/dist/esm/modules/ms/pages/ms-role/index.vue.js.map

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

package/dist/esm/modules/ms/pages/ms-role/index.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent, ref, reactive, computed, watch, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, unref, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, ref, reactive, computed, watch, onBeforeUnmount, resolveComponent, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, createTextVNode, createElementBlock, toDisplayString, createCommentVNode } from "vue";
 import { ElButton, ElMessage, ElMessageBox } from "element-plus";
 import { Dialoger } from "@maketribe/dm";
 import { DvOpt } from "@maketribe/request";
 import "../../../../components/abstract/abstract-select/abstract-select.js";
 import "../../../../components/abstract/abstract-select/abstract-select-options.js";
-import "../../../../components/basic/svg-icon/index.js";
+import { MKSvgIcon } from "../../../../components/basic/svg-icon/index.js";
 import "../../../../components/basic/button/button-options.js";
 import "../../../../components/basic/config-provider/index.js";
 import "../../../../components/basic/data-table-select/index.js";
@@ -13,7 +13,7 @@ import "../../../../components/basic/pagination/index.js";
 import "../../../../components/basic/system-provider/index.js";
 import "../../../../components/basic/code-editor/index.js";
 import "../../../../components/basic/json-editor/index.js";
-import "../../../../components/basic/page-container/index.js";
+import { MKPageContainer } from "../../../../components/basic/page-container/index.js";
 import "../../../../components/basic/date-picker/index.js";
 import "../../../../components/basic/icon-select/index.js";
 import "../../../../components/basic/upload-file/upload-file.js";
@@ -61,17 +61,18 @@ import "../../../../components/basic/lexical-editor/stage/DecoratedTeleports.js"
 /* empty css                                                           */
 import "../../../../components/data-model/data-form/index.js";
 import { MKDataTable } from "../../../../components/data-model/data-table/index.js";
-import "../../../../components/data-model/data-table-pagination/index.js";
+import { MKDataTablePagination } from "../../../../components/data-model/data-table-pagination/index.js";
 import "../../../../components/business/verify-dialog/verify-dialog-option.js";
 import "../../../../core/DataModelDefines.js";
-import "vue-router";
+import { useRouter } from "vue-router";
 import "@maketribe/locale";
+import "../../../../store/modules/settings.js";
+import "../../../../store/modules/menu.js";
 import "../../../../components/business/resource-list/index.js";
 import "../../../../components/business/resource-manager/index.js";
 import "../../dataviews/ms-config/MsConfigTable.js";
 import "lodash-es";
 import { MsRoleForm } from "../../dataviews/ms-role/MsRoleForm.js";
-import { RolePermissionConfigTable } from "../../dataviews/ms-role/MsRolePermissionConfigTable.js";
 import { MsMemberRoleTable } from "../../dataviews/ms-member-role/MsMemberRoleTable.js";
 import "../../dataviews/department/DepartmentForm.js";
 import "../../dataviews/department/DepartmentTable.js";
@@ -80,31 +81,36 @@ import "../../dataviews/log/operate-log/OperateLogTable.js";
 import "../../dataviews/log/login-log/LoginLogTable.js";
 import "../../dataviews/log/request-log/RequestLogTable.js";
 import "../../dataviews/log/local-log/LocalLogTree.js";
-import _sfc_main$1 from "./components/aside.vue.js";
-import { MKRolePermissionConfig } from "./components/role-permission-config/index.js";
-const _hoisted_1 = { class: "ms-role" };
-const _hoisted_2 = { style: { "color": "var(--el-text-color-regular)", "margin-left": "10px" } };
-const _hoisted_3 = { class: "ms-role__body-warp" };
-const _hoisted_4 = { class: "ms-role__aside" };
-const _hoisted_5 = { class: "ms-role__main" };
-const _hoisted_6 = {
+import "../../dataviews/ms-message/MsMessageForm.js";
+import "../../dataviews/ms-message/MsMessageTable.js";
+import RoleAside from "./components/aside.vue.js";
+import { MKTable } from "../../../../components/data-model/data-table/views/table/index.js";
+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_7 = { class: "flex-box" };
-const _hoisted_8 = { class: "ms-role__title flex-box-main" };
-const _hoisted_9 = { class: "ms-role__tools" };
+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 isShowPermissionDialog = ref(false);
     const memberRoleTable = reactive(new MsMemberRoleTable());
     const roleForm = reactive(new MsRoleForm());
-    const rolePermissionConfigTable = reactive(
-      new RolePermissionConfigTable()
-    );
     const disabledBatchDelete = computed(
       () => memberRoleTable.getSelection().length === 0
     );
@@ -114,7 +120,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onBeforeUnmount(() => {
       memberRoleTable.dispose();
       roleForm.dispose();
-      rolePermissionConfigTable.dispose();
     });
     const handleAddRoleClick = () => {
       Dialoger.dataFormDialog({
@@ -173,125 +178,114 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const handlePermissionEdit = () => {
-      rolePermissionConfigTable.selectRolePermission(unref(currentRole));
-      isShowPermissionDialog.value = true;
+      var _a;
+      router.push({ name: "dv/ms-role/permission", params: { id: (_a = unref(currentRole)) == null ? void 0 : _a.id } });
     };
     return (_ctx, _cache) => {
-      const _component_MKSvgIcon = resolveComponent("MKSvgIcon");
       const _component_el_page_header = resolveComponent("el-page-header");
-      const _component_MKTable = resolveComponent("MKTable");
-      const _component_MKDataTablePagination = resolveComponent("MKDataTablePagination");
-      const _component_ElDialog = resolveComponent("ElDialog");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_component_el_page_header, {
-          style: { "background-color": "#fff", "padding": "10px" },
-          icon: null
-        }, {
-          title: withCtx(() => [
-            createElementVNode("h3", _hoisted_2, [
-              createVNode(_component_MKSvgIcon, {
-                iconClass: "jiaoseguanli",
-                style: { "margin-right": "5px" }
-              }),
-              createTextVNode(" 角色管理 ")
-            ])
-          ]),
-          extra: withCtx(() => [
-            createVNode(unref(ElButton), {
-              type: "primary",
-              text: "",
-              onClick: handleAddRoleClick,
-              style: { "margin-right": "10px" }
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_MKSvgIcon, {
-                  iconClass: "Plus",
+      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(" 添加角色 ")
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }),
-        createElementVNode("div", _hoisted_3, [
-          createElementVNode("div", _hoisted_4, [
-            createVNode(_sfc_main$1, {
-              onRoleSelect: handleRoleSelect,
-              "role-form": roleForm,
-              ref: "RoleAsideEl"
-            }, null, 8, ["role-form"])
-          ]),
-          createElementVNode("div", _hoisted_5, [
-            currentRole.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
-              createElementVNode("div", _hoisted_7, [
-                createElementVNode("div", _hoisted_8, [
-                  createVNode(_component_MKSvgIcon, {
-                    class: "ms-role-aside__role-icon",
-                    iconClass: "User"
-                  }),
-                  createTextVNode(" " + toDisplayString(currentRole.value.desc), 1)
-                ]),
-                createElementVNode("div", _hoisted_9, [
-                  createVNode(unref(ElButton), {
-                    type: "primary",
-                    text: "",
-                    onClick: handlePermissionEdit
-                  }, {
-                    icon: withCtx(() => [
-                      createVNode(_component_MKSvgIcon, { iconClass: "Key" })
-                    ]),
-                    default: withCtx(() => [
-                      createTextVNode(" 权限设置 ")
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(unref(ElButton), {
-                    type: "primary",
-                    onClick: handleSelectUserClick
-                  }, {
-                    icon: withCtx(() => [
-                      createVNode(_component_MKSvgIcon, { iconClass: "User" })
-                    ]),
-                    default: withCtx(() => [
-                      createTextVNode(" 添加成员 ")
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(unref(ElButton), {
-                    disabled: disabledBatchDelete.value,
-                    onClick: handleBatchDelete
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(" 批量删除 ")
-                    ]),
-                    _: 1
-                  }, 8, ["disabled"])
-                ])
-              ]),
-              createVNode(unref(MKDataTable), { "data-table": memberRoleTable }, {
+                createTextVNode(" 角色管理 ")
+              ])
+            ]),
+            extra: withCtx(() => [
+              createVNode(unref(ElButton), {
+                type: "primary",
+                text: "",
+                onClick: handleAddRoleClick,
+                style: { "margin-right": "10px" }
+              }, {
                 default: withCtx(() => [
-                  createVNode(_component_MKTable),
-                  createVNode(_component_MKDataTablePagination)
+                  createVNode(unref(MKSvgIcon), {
+                    name: "carbon:add-filled",
+                    style: { "margin-right": "5px" }
+                  }),
+                  createTextVNode(" 添加角色 ")
                 ]),
                 _: 1
-              }, 8, ["data-table"])
-            ])) : createCommentVNode("", true)
+              })
+            ]),
+            _: 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)
+            ])
           ])
         ]),
-        createVNode(_component_ElDialog, {
-          modelValue: isShowPermissionDialog.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isShowPermissionDialog.value = $event),
-          appendToBody: "",
-          width: "80%"
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(MKRolePermissionConfig), { rolePermissionConfigTable }, null, 8, ["rolePermissionConfigTable"])
-          ]),
-          _: 1
-        }, 8, ["modelValue"])
-      ]);
+        _: 1
+      });
     };
   }
 });

package/dist/esm/modules/ms/pages/ms-role/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/ms/pages/ms-role/index.vue"],"sourcesContent":["<template>\r\n<div 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);margin-left: 10px;\">\r\n        <MKSvgIcon iconClass=\"jiaoseguanli\" 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 iconClass=\"Plus\" 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-box\">\r\n            <div class=\"ms-role__title flex-box-main\">\r\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" iconClass=\"User\" />\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 iconClass=\"Key\" />\r\n                </template>\r\n                权限设置\r\n              </ElButton>\r\n              <ElButton type=\"primary\" @click=\"handleSelectUserClick\">\r\n                <template #icon>\r\n                  <MKSvgIcon iconClass=\"User\" />\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</div>\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 } from \"../../../../components\";\r\nimport {\r\n  MsRole,\r\n  MsMemberRoleTable,\r\n  MsRoleForm,\r\n  RolePermissionConfigTable,\r\n} from \"../../dataviews\";\r\nimport RoleAside from \"./components/aside.vue\";\r\nimport { MKRolePermissionConfig } from \"./components/role-permission-config\";\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 isShowPermissionDialog = ref(false);\r\n\r\nconst memberRoleTable = reactive(new MsMemberRoleTable()) as MsMemberRoleTable;\r\n\r\nconst roleForm = reactive(new MsRoleForm()) as MsRoleForm;\r\nconst rolePermissionConfigTable = reactive(\r\n  new RolePermissionConfigTable()\r\n) as RolePermissionConfigTable;\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  rolePermissionConfigTable.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  rolePermissionConfigTable.selectRolePermission(unref(currentRole)!);\r\n\r\n  isShowPermissionDialog.value = true;\r\n};\r\n</script>\r\n"],"names":["currentRole"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ,MAAM,eAAe,EAAE,MAAM,kBAAkB;AAEvD,UAAA,cAAkC,IAAI,IAAI;AAE1C,UAAA,yBAAyB,IAAI,KAAK;AAExC,UAAM,kBAAkB,SAAS,IAAI,kBAAmB,CAAA;AAExD,UAAM,WAAW,SAAS,IAAI,WAAY,CAAA;AAC1C,UAAM,4BAA4B;AAAA,MAChC,IAAI,0BAA0B;AAAA,IAAA;AAGhC,UAAM,sBAAsB;AAAA,MAC1B,MAAM,gBAAgB,eAAe,WAAW;AAAA,IAAA;AAG5C,UAAA,aAAa,CAACA,iBAAgB;AAClC,sBAAgB,eAAeA,YAAW;AAAA,IAAA,CAC3C;AAED,oBAAgB,MAAM;AACpB,sBAAgB,QAAQ;AACxB,eAAS,QAAQ;AACjB,gCAA0B,QAAQ;AAAA,IAAA,CACnC;AAED,UAAM,qBAAqB,MAAM;AAC/B,eAAS,eAAe;AAAA,QACtB,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAGG,UAAA,mBAAmB,CAAC,SAAiB;AACzC,kBAAY,QAAQ;AAAA,IAAA;AAGtB,UAAM,wBAAwB,YAAY;AAClC,YAAA,eAAe,MAAM,SAAS;AAAA,QAClC,gBAAgB;AAAA,MAAA;AAGd,UAAA,CAAC,aAAa,WAAW;AAC3B;AAAA,MACF;AAEM,YAAA,SAAS,MAAM,WAAW,EAAG;AAEnC,YAAM,iBAAiB,aAAa,WAAW,IAAI,CAAC,UAAU;AAAA,QAC5D;AAAA,QACA,UAAU;AAAA,MACV,EAAA;AAEE,UAAA;AACF,cAAM,SAAS,MAAM,MAAM,UAAU,cAAc;AAE/C,YAAA,OAAO,SAAS,KAAK;AACvB,oBAAU,MAAM,EAAE,SAAS,OAAO,IAAK,CAAA;AACvC;AAAA,QACF;AAEA,kBAAU,QAAQ,EAAE,SAAS,OAAQ,CAAA;AAErC,wBAAgB,KAAK;AAAA,eACd,GAAG;AACV,gBAAQ,MAAM,CAAC;AAEf,kBAAU,MAAM,EAAE,SAAS,OAAQ,CAAA;AAAA,MACrC;AAAA,IAAA;AAGF,UAAM,oBAAoB,YAAY;AACpC,YAAM,YAAY,MAAM,aAAa,QAAQ,UAAU;AAAA,QACrD,MAAM;AAAA,MACP,CAAA,EAAE;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAGR,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AAEI,UAAA;AACF,cAAM,SAAS,MAAM,MAAM,YAAY,gBAAgB,cAAc;AAEjE,YAAA,OAAO,SAAS,KAAK;AACvB,oBAAU,MAAM,EAAE,SAAS,OAAO,IAAK,CAAA;AACvC;AAAA,QACF;AAEA,kBAAU,QAAQ,EAAE,SAAS,OAAQ,CAAA;AACrC,wBAAgB,KAAK;AAAA,eACd,GAAG;AACV,gBAAQ,MAAM,CAAC;AACf,kBAAU,MAAM,EAAE,SAAS,OAAQ,CAAA;AAAA,MACrC;AAAA,IAAA;AAGF,UAAM,uBAAuB,MAAM;AACP,gCAAA,qBAAqB,MAAM,WAAW,CAAE;AAElE,6BAAuB,QAAQ;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/ms/pages/ms-role/index.vue"],"sourcesContent":["<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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiFA,UAAM,SAAS;AAEf,UAAM,QAAQ,MAAM,eAAe,EAAC,MAAM,kBAAiB;AAErD,UAAA,cAAkC,IAAI,IAAI;AAEhD,UAAM,kBAAkB,SAAS,IAAI,kBAAmB,CAAA;AAExD,UAAM,WAAW,SAAS,IAAI,WAAY,CAAA;AAE1C,UAAM,sBAAsB;AAAA,MAC1B,MAAM,gBAAgB,eAAe,WAAW;AAAA,IAAA;AAG5C,UAAA,aAAa,CAACA,iBAAgB;AAClC,sBAAgB,eAAeA,YAAW;AAAA,IAAA,CAC3C;AAED,oBAAgB,MAAM;AACpB,sBAAgB,QAAQ;AACxB,eAAS,QAAQ;AAAA,IAAA,CAClB;AAED,UAAM,qBAAqB,MAAM;AAC/B,eAAS,eAAe;AAAA,QACtB,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAGG,UAAA,mBAAmB,CAAC,SAAiB;AACzC,kBAAY,QAAQ;AAAA,IAAA;AAGtB,UAAM,wBAAwB,YAAY;AAClC,YAAA,eAAe,MAAM,SAAS;AAAA,QAClC,gBAAgB;AAAA,MAAA;AAGd,UAAA,CAAC,aAAa,WAAW;AAC3B;AAAA,MACF;AAEM,YAAA,SAAS,MAAM,WAAW,EAAG;AAEnC,YAAM,iBAAiB,aAAa,WAAW,IAAI,CAAC,UAAU;AAAA,QAC5D;AAAA,QACA,UAAU;AAAA,MACV,EAAA;AAEE,UAAA;AACF,cAAM,SAAS,MAAM,MAAM,UAAU,cAAc;AAE/C,YAAA,OAAO,SAAS,KAAK;AACvB,oBAAU,MAAM,EAAC,SAAS,OAAO,IAAI,CAAA;AACrC;AAAA,QACF;AAEA,kBAAU,QAAQ,EAAC,SAAS,OAAO,CAAA;AAEnC,wBAAgB,KAAK;AAAA,eACd,GAAG;AACV,gBAAQ,MAAM,CAAC;AAEf,kBAAU,MAAM,EAAC,SAAS,OAAO,CAAA;AAAA,MACnC;AAAA,IAAA;AAGF,UAAM,oBAAoB,YAAY;AACpC,YAAM,YAAY,MAAM,aAAa,QAAQ,UAAU;AAAA,QACrD,MAAM;AAAA,MACP,CAAA,EAAE;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAGR,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AAEI,UAAA;AACF,cAAM,SAAS,MAAM,MAAM,YAAY,gBAAgB,cAAc;AAEjE,YAAA,OAAO,SAAS,KAAK;AACvB,oBAAU,MAAM,EAAC,SAAS,OAAO,IAAI,CAAA;AACrC;AAAA,QACF;AAEA,kBAAU,QAAQ,EAAC,SAAS,OAAO,CAAA;AACnC,wBAAgB,KAAK;AAAA,eACd,GAAG;AACV,gBAAQ,MAAM,CAAC;AACf,kBAAU,MAAM,EAAC,SAAS,OAAO,CAAA;AAAA,MACnC;AAAA,IAAA;AAGF,UAAM,uBAAuB,MAAM;;AACjC,aAAO,KAAK,EAAC,MAAM,yBAAyB,QAAQ,EAAC,KAAI,WAAM,WAAW,MAAjB,mBAAoB,GAAE,EAAE,CAAA;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/modules/ms/pages/ms-role/permission-manage.vue.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./permission-manage.vue2.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=permission-manage.vue.js.map

package/dist/esm/modules/ms/pages/ms-role/permission-manage.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"permission-manage.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}