@maketribe/ms-app 4.0.0-beta.3 → 4.0.0-beta.5

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

@@ -1 +0,0 @@
-{"version":3,"file":"index-BznEiNqn.cjs","sources":["../../src/page/ms-role/components/aside.vue","../../src/page/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-CCCHNdbX.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-CCCHNdbX.cjs","sources":["../../src/components/data-model/data-table/components/column-action/column-action-options.ts","../../src/components/data-model/data-table/components/column-action/column-action.tsx","../../src/components/data-model/data-table/components/column-action/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { TableColumn } from \"@maketribe/dm\";\r\nimport { columnProps } from \"../../composables\";\r\n\r\nexport const columnActionProps = buildProps({\r\n  ...columnProps,\r\n  column: { type: TableColumn, required: true },\r\n  buttons: { type: Array, default: () => [] }\r\n} as const);\r\n\r\nexport type ColumnActionProps = ExtractPropTypes<typeof columnActionProps>;\r\n","import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElButton } from \"element-plus\";\r\n\r\nimport { columnActionProps } from \"./column-action-options\";\r\nimport { MKButton } from \"../../../../basic/button\";\r\nimport { ActionButton, TableActionColumn } from \"@maketribe/dm\";\r\n\r\nexport type MKColumnActionButton = {\r\n  name?: string;\r\n  label?: string;\r\n  type?: InstanceType<typeof ElButton>[\"type\"];\r\n  handler?: (row: any) => any;\r\n};\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnAction\",\r\n  props: columnActionProps,\r\n  setup(props) {\r\n    const buttons = computed(() => {\r\n      if (props.column instanceof TableActionColumn) {\r\n        return props.column.buttons;\r\n      }\r\n\r\n      return props.buttons as ActionButton[];\r\n    });\r\n\r\n    const handleColumnActionClick = (e: MouseEvent) => {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n    };\r\n\r\n    return () => {\r\n      const buttonVnodes = unref(buttons)\r\n        .filter((button) => button.predicate(props.row))\r\n        .map((button) => (\r\n          <MKButton\r\n            icon={button.icon}\r\n            label={button.label}\r\n            type={button.type}\r\n            link\r\n            onClick={() => button.handler(props.row)}\r\n          />\r\n        ));\r\n\r\n      return (\r\n        <span class=\"mk-column-action\" onClick={handleColumnActionClick}>\r\n          {buttonVnodes}\r\n        </span>\r\n      );\r\n    };\r\n  },\r\n});\r\n","import ColumnAction from \"./column-action\";\r\n\r\nexport const MKColumnAction = ColumnAction;\r\nexport default MKColumnAction;\r\n"],"names":["buildProps","columnProps","TableColumn","defineComponent","name","props","columnActionProps","setup","buttons","computed","column","TableActionColumn","handleColumnActionClick","e","preventDefault","stopPropagation","buttonVnodes","unref","filter","button","predicate","row","map","_createVNode","MKButton","icon","label","type","onClick","handler"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,oBAAoBA,MAAAA,WAAW;AAAA,EAC1C,GAAGC,MAAA;AAAA,EACH,QAAQ,EAAE,MAAMC,gBAAa,UAAU,KAAK;AAAA,EAC5C,SAAS,EAAE,MAAM,OAAO,SAAS,MAAM,CAAA,EAAG;AAC5C,CAAU;ACKV,MAAeC,mDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,UAAUC,IAAAA,SAAS,MAAM;AAC7B,UAAIJ,MAAMK,kBAAkBC,sBAAmB;AAC7C,eAAON,MAAMK,OAAOF;AAAAA,MACtB;AAEA,aAAOH,MAAMG;AAAAA,IACf,CAAC;AAED,UAAMI,0BAA2BC,OAAkB;AACjDA,QAAEC,eAAc;AAChBD,QAAEE,gBAAe;AAAA;AAGnB,WAAO,MAAM;AACX,YAAMC,eAAeC,IAAAA,MAAMT,OAAO,EAC/BU,OAAQC,YAAWA,OAAOC,UAAUf,MAAMgB,GAAG,CAAC,EAC9CC,IAAKH,YAAMI,IAAA,YAAAC,gBAAA;AAAA,QAAA,QAEFL,OAAOM;AAAAA,QAAI,SACVN,OAAOO;AAAAA,QAAK,QACbP,OAAOQ;AAAAA,QAAI,QAAA;AAAA,QAAA,WAERC,MAAMT,OAAOU,QAAQxB,MAAMgB,GAAG;AAAA,MAAC,GAAA,IAAA,CAE3C;AAEH,aAAAE,IAAAA,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,QAAA,WAC0CX;AAAAA,MAAuB,GAAA,CAC5DI,YAAY,CAAA;AAAA;EAIrB;AACF,CAAC;ACjDM,MAAM,iBAAiB;;;"}