@maketribe/ms-app 5.0.5 → 5.0.7

package/dist/esm/{index-BAzpn8Sj.js.map → index-DVu4B0Jb.js.map}

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

package/dist/esm/{index-BoXTMwMe.js → index-D_CKuKoo.js}

@@ -1,6 +1,6 @@
 import { buildProps, withInstall } from "@maketribe/utils";
 import { defineComponent, computed, watch, unref, ref, resolveComponent, createElementBlock, openBlock, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
-import { g as useFormItem, h as MKDataTable, i as DataForm, j as MKForm, _ as _export_sfc } from "./index-CJErFr3g.js";
+import { g as useFormItem, h as MKDataTable, i as DataForm, j as MKForm, _ as _export_sfc } from "./index-DddknvTX.js";
 import { FormDetailColumn, Messager, DataFormType } from "@maketribe/dm";
 import { ElButton } from "element-plus";
 import { I18n } from "@maketribe/locale";
@@ -161,4 +161,4 @@ export {
   formDetailEmits,
   formDetailProps
 };
-//# sourceMappingURL=index-BoXTMwMe.js.map
+//# sourceMappingURL=index-D_CKuKoo.js.map

package/dist/esm/{index-BoXTMwMe.js.map → index-D_CKuKoo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BoXTMwMe.js","sources":["../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts","../../src/components/data-model/data-form/components/form-detail/form-detail.vue","../../src/components/data-model/data-form/components/form-detail/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { FormDetailColumn } from \"@maketribe/dm\";\n\nexport const formDetailProps = buildProps({\n  modelValue: {\n    type: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  column: { type: FormDetailColumn, required: true },\n  formWidth: {\n    type: String,\n    default: \"400px\",\n  },\n} as const);\n\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\n\nexport const formDetailEmits = {\n  \"update:model-value\": (v: any) => true,\n};\n\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\n","<script setup lang=\"ts\">\nimport {computed, ref, unref, watch} from \"vue\";\nimport {MKDataTable} from \"../../../data-table\";\nimport DataForm from \"../../data-form.vue\";\nimport {formDetailEmits, formDetailProps} from \"./form-detail-options\";\nimport {useFormItem} from \"../../composables\";\nimport {MKForm} from '../../views'\nimport {ElButton, ElEmpty} from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\nimport {DataFormType, Messager} from \"@maketribe/dm\";\n\nconst props = defineProps(formDetailProps);\n\nconst emit = defineEmits(formDetailEmits)\n\nconst detailTable = computed(() => props.column.detailTable);\nconst detailForm = computed(() => props.column.detailForm!);\n\nconst {value} = useFormItem();\n\nwatch(\n  computed(() => unref(value)),\n  (value) => {\n    const _detailTable = unref(detailTable);\n\n    value = Array.isArray(value) ? value : [];\n\n    _detailTable.setList(\n      value.map((item: any) => _detailTable.formatItem(item))\n    );\n  }\n);\n\nconst isShowDataForm = ref(false);\n\nwatch(\n  detailTable,\n  (dataTable, _, onCleanup) => {\n\n    const addRecordDisposable = dataTable.addRecordEvent.on(async ({item}) => {\n      const _dataForm = unref(detailForm);\n\n      if (!_dataForm) {\n        console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n        return;\n      }\n\n      isShowDataForm.value = true;\n\n      _dataForm.addRecord(item);\n    });\n\n    const editRecordDisposable = dataTable.editRecordEvent.on(\n      async ({item}) => {\n        const _dataForm = unref(detailForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDataForm.value = true;\n\n        try {\n          const response = await _dataForm.editRecord(item);\n\n          if (response.data.code !== 200) {\n            Messager.error({message: response.data.msg});\n            isShowDataForm.value = false;\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n          isShowDataForm.value = false;\n        }\n      }\n    );\n\n    onCleanup(() => {\n      addRecordDisposable.dispose();\n      editRecordDisposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nwatch(\n  detailForm,\n  (dataForm, _, onCleanup) => {\n    const submittedDisposable = dataForm.submittedEvent.on(() => {\n      isShowDataForm.value = false;\n\n      unref(detailTable)?.load();\n    });\n\n    const cancelDisposable = dataForm.cancelEvent.on(() => {\n      isShowDataForm.value = false;\n    });\n\n    onCleanup(() => {\n      submittedDisposable.dispose();\n      cancelDisposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nconst isUpdateForm = computed(()=> unref(detailForm).getDataFormType() == DataFormType.UPDATE)\n\nconst handleFormSave = async () => {\n  await unref(detailForm)?.simpleSubmit();\n};\n\nconst handleFormCancel = () => {\n  unref(detailForm).cancel();\n};\n\n\n</script>\n\n<template>\n  <div class=\"mk-form-detail\">\n    <MKDataTable :dataTable=\"detailTable\" :autoLoad=\"false\" />\n    <ElDrawer v-model=\"isShowDataForm\" append-to-body  :title=\"column.label\">\n      <DataForm :dataForm=\"detailForm\" :autoLoad=\"false\" >\n        <MKForm labelPosition=\"top\" />\n      </DataForm>\n      <template #footer>\n        <ElButton @click=\"handleFormCancel\">\n          {{I18n.instance.translate(\"mk.dataForm.cancelButton\")}}\n        </ElButton>\n        <ElButton type=\"primary\" @click=\"handleFormSave\">\n          {{ isUpdateForm ? I18n.instance.translate(\"mk.dataForm.saveButton\") : I18n.instance.translate(\"mk.dataForm.addButton\")}}\n        </ElButton>\n      </template>\n\n<!--      <template #empty>-->\n<!--        <ElEmpty :image-size=\"100\"/>-->\n<!--      </template>-->\n    </ElDrawer>\n  </div>\n</template>\n<style scoped lang=\"scss\">\n.mk-form-detail {\n  width: 100%;\n  min-height: 200px;\n\n  .mk-data-table {\n    height: 100%;\n  }\n\n  .mk-data-table-search {\n    display: none;\n  }\n\n  .el-table {\n    flex: 1;\n  }\n\n  @at-root {\n    &__drawer {\n      .el-card {\n        border: none;\n\n        &__body {\n          --el-card-padding: 0px;\n        }\n      }\n    }\n  }\n}\n\n</style>\n","import { withInstall } from \"@maketribe/utils\";\nimport FormDetail from \"./form-detail.vue\";\n\nexport const MKFormDetail = withInstall(FormDetail);\nexport default MKFormDetail;\n\nexport * from \"./form-detail-options\";\n"],"names":["value"],"mappings":"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"}
+{"version":3,"file":"index-D_CKuKoo.js","sources":["../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts","../../src/components/data-model/data-form/components/form-detail/form-detail.vue","../../src/components/data-model/data-form/components/form-detail/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { FormDetailColumn } from \"@maketribe/dm\";\n\nexport const formDetailProps = buildProps({\n  modelValue: {\n    type: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  column: { type: FormDetailColumn, required: true },\n  formWidth: {\n    type: String,\n    default: \"400px\",\n  },\n} as const);\n\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\n\nexport const formDetailEmits = {\n  \"update:model-value\": (v: any) => true,\n};\n\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\n","<script setup lang=\"ts\">\nimport {computed, ref, unref, watch} from \"vue\";\nimport {MKDataTable} from \"../../../data-table\";\nimport DataForm from \"../../data-form.vue\";\nimport {formDetailEmits, formDetailProps} from \"./form-detail-options\";\nimport {useFormItem} from \"../../composables\";\nimport {MKForm} from '../../views'\nimport {ElButton, ElEmpty} from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\nimport {DataFormType, Messager} from \"@maketribe/dm\";\n\nconst props = defineProps(formDetailProps);\n\nconst emit = defineEmits(formDetailEmits)\n\nconst detailTable = computed(() => props.column.detailTable);\nconst detailForm = computed(() => props.column.detailForm!);\n\nconst {value} = useFormItem();\n\nwatch(\n  computed(() => unref(value)),\n  (value) => {\n    const _detailTable = unref(detailTable);\n\n    value = Array.isArray(value) ? value : [];\n\n    _detailTable.setList(\n      value.map((item: any) => _detailTable.formatItem(item))\n    );\n  }\n);\n\nconst isShowDataForm = ref(false);\n\nwatch(\n  detailTable,\n  (dataTable, _, onCleanup) => {\n\n    const addRecordDisposable = dataTable.addRecordEvent.on(async ({item}) => {\n      const _dataForm = unref(detailForm);\n\n      if (!_dataForm) {\n        console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n        return;\n      }\n\n      isShowDataForm.value = true;\n\n      _dataForm.addRecord(item);\n    });\n\n    const editRecordDisposable = dataTable.editRecordEvent.on(\n      async ({item}) => {\n        const _dataForm = unref(detailForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDataForm.value = true;\n\n        try {\n          const response = await _dataForm.editRecord(item);\n\n          if (response.data.code !== 200) {\n            Messager.error({message: response.data.msg});\n            isShowDataForm.value = false;\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n          isShowDataForm.value = false;\n        }\n      }\n    );\n\n    onCleanup(() => {\n      addRecordDisposable.dispose();\n      editRecordDisposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nwatch(\n  detailForm,\n  (dataForm, _, onCleanup) => {\n    const submittedDisposable = dataForm.submittedEvent.on(() => {\n      isShowDataForm.value = false;\n\n      unref(detailTable)?.load();\n    });\n\n    const cancelDisposable = dataForm.cancelEvent.on(() => {\n      isShowDataForm.value = false;\n    });\n\n    onCleanup(() => {\n      submittedDisposable.dispose();\n      cancelDisposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nconst isUpdateForm = computed(()=> unref(detailForm).getDataFormType() == DataFormType.UPDATE)\n\nconst handleFormSave = async () => {\n  await unref(detailForm)?.simpleSubmit();\n};\n\nconst handleFormCancel = () => {\n  unref(detailForm).cancel();\n};\n\n\n</script>\n\n<template>\n  <div class=\"mk-form-detail\">\n    <MKDataTable :dataTable=\"detailTable\" :autoLoad=\"false\" />\n    <ElDrawer v-model=\"isShowDataForm\" append-to-body  :title=\"column.label\">\n      <DataForm :dataForm=\"detailForm\" :autoLoad=\"false\" >\n        <MKForm labelPosition=\"top\" />\n      </DataForm>\n      <template #footer>\n        <ElButton @click=\"handleFormCancel\">\n          {{I18n.instance.translate(\"mk.dataForm.cancelButton\")}}\n        </ElButton>\n        <ElButton type=\"primary\" @click=\"handleFormSave\">\n          {{ isUpdateForm ? I18n.instance.translate(\"mk.dataForm.saveButton\") : I18n.instance.translate(\"mk.dataForm.addButton\")}}\n        </ElButton>\n      </template>\n\n<!--      <template #empty>-->\n<!--        <ElEmpty :image-size=\"100\"/>-->\n<!--      </template>-->\n    </ElDrawer>\n  </div>\n</template>\n<style scoped lang=\"scss\">\n.mk-form-detail {\n  width: 100%;\n  min-height: 200px;\n\n  .mk-data-table {\n    height: 100%;\n  }\n\n  .mk-data-table-search {\n    display: none;\n  }\n\n  .el-table {\n    flex: 1;\n  }\n\n  @at-root {\n    &__drawer {\n      .el-card {\n        border: none;\n\n        &__body {\n          --el-card-padding: 0px;\n        }\n      }\n    }\n  }\n}\n\n</style>\n","import { withInstall } from \"@maketribe/utils\";\nimport FormDetail from \"./form-detail.vue\";\n\nexport const MKFormDetail = withInstall(FormDetail);\nexport default MKFormDetail;\n\nexport * from \"./form-detail-options\";\n"],"names":["value"],"mappings":"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"}

package/dist/esm/{index-CJErFr3g.js → index-DddknvTX.js}

@@ -1,5 +1,5 @@
 import { defineAsyncComponent, reactive, ref, getCurrentInstance, unref, computed, provide, inject, defineComponent, createVNode, renderSlot, isVNode, watch, isRef, onBeforeUnmount, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode, normalizeStyle, normalizeClass, withDirectives, resolveDirective, onMounted, h, shallowReactive, withModifiers, onUnmounted, watchEffect, readonly, useSlots, toRaw, mergeProps, nextTick, createSlots, toDisplayString, normalizeProps, guardReactiveProps, Suspense, resolveDynamicComponent, shallowRef, Teleport, pushScopeId, popScopeId, Transition, render, toHandlers, TransitionGroup, vShow, onBeforeUpdate, withKeys, vModelText, onErrorCaptured, KeepAlive } from "vue";
-import { Components, Operator, DataTable as DataTable$1, DataForm as DataForm$1, ComponentsCombine, isWhereFilter, Messager, Dialoger, FormColumn, DataTree, RefreshButton, AddButton, TableHeaderItem as TableHeaderItem$1, FilterColumn, TableColumn, TableActionColumn, DataFormType, ActionButton, EditButton, DeleteButton, TableSelectCacheColumn, LoadingManager, FormDetailColumn, ImportButton, TableHeaderButton, Notificationer, SkeletonMessageSender, SkeletonDialoger } from "@maketribe/dm";
+import { Components, Operator, DataTable as DataTable$1, DataForm as DataForm$1, ComponentsCombine, isWhereFilter, Messager, Dialoger, FormColumn, DataTree, RefreshButton, AddButton, TableHeaderItem as TableHeaderItem$1, FilterColumn, TableColumn, TableActionColumn, DataFormType, ActionButton, EditButton, DeleteButton, TableSelectColumn, LoadingManager, FormDetailColumn, ImportButton, TableHeaderButton, Notificationer, SkeletonMessageSender, SkeletonDialoger } from "@maketribe/dm";
 import { ElInput, ElInputNumber, ElConfigProvider, ElButton, ElSelect, ElOption, ElPagination, ElDatePicker, useFormItem as useFormItem$1, ElPopover, ElScrollbar, ElTooltip, ElForm, ElFormItem, ElCollapse, ElCollapseItem, useFormDisabled, ElCard, ElTableColumn, ElTable, ElEmpty, ElTag, ElTree, ElMessageBox, ElIcon, ElMessage, ElImage, ElTabs, ElTabPane, ElRow, ElCol, ElLoading, ElDialog, ElAlert, ElProgress, ElCheckbox, ElNotification, ElUpload, ElDrawer, ElButtonGroup, ElBadge } from "element-plus";
 import { Disposable, Event, createDisposable, md5, buildProps, withInstall, aesEncrypt, aesDecrypt, fileSelect, base64ToBlob, postTraverse, makeInstaller } from "@maketribe/utils";
 import { useRoute, useRouter, createRouter, createWebHashHistory } from "vue-router";
@@ -148,84 +148,84 @@ class DataTableComponents extends Components {
       name: "MKColumnAction",
       title: "操作",
       component: defineAsyncComponent(
-        async () => import("./index-Slcgq4Vq.js")
+        async () => import("./index-BsTLJmV1.js")
       )
     });
     this.registerComponent({
       name: "MKColumnText",
       title: "文本",
       component: defineAsyncComponent(
-        async () => import("./index-BLWAMDNo.js")
+        async () => import("./index-BnlFb2u8.js")
       )
     });
     this.registerComponent({
       name: "MKColumnObjectMappingText",
       title: "对象映射文本",
       component: defineAsyncComponent(
-        async () => import("./index-gZZdeHyB.js")
+        async () => import("./index-s_aQeFrS.js")
       )
     });
     this.registerComponent({
       name: "MKColumnImage",
       title: "图片",
       component: defineAsyncComponent(
-        async () => import("./index--cHRJOfk.js")
+        async () => import("./index-Coa43LvX.js")
       )
     });
     this.registerComponent({
       name: "MKColumnSelect",
       title: "行选择",
       component: defineAsyncComponent(
-        async () => import("./index-B1uxvLO_.js")
+        async () => import("./index-D9fjxSL4.js")
       )
     });
     this.registerComponent({
       name: "MKColumnJson",
       title: "JSON",
       component: defineAsyncComponent(
-        async () => import("./index-DIPeIvS8.js")
+        async () => import("./index-BnQGLVrJ.js")
       )
     });
     this.registerComponent({
       name: "MKColumnDate",
       title: "日期时间",
       component: defineAsyncComponent(
-        async () => import("./index-DBRr8nkM.js")
+        async () => import("./index-C-xITLKJ.js")
       )
     });
     this.registerComponent({
       name: "MKColumnSwitch",
       title: "开关",
       component: defineAsyncComponent(
-        async () => import("./index-vz0aiVcc.js")
+        async () => import("./index-BGPbplSD.js")
       )
     });
     this.registerComponent({
       name: "MKColumnTag",
       title: "标签",
       component: defineAsyncComponent(
-        async () => import("./index-D1oJ4jn1.js")
+        async () => import("./index-83tpPaur.js")
       )
     });
     this.registerComponent({
       name: "MKColumnLink",
       title: "链接",
       component: defineAsyncComponent(
-        async () => import("./index-q2kz2Al8.js")
+        async () => import("./index-C_0_LVmx.js")
       )
     });
     this.registerComponent({
       name: "MKColumnSort",
       title: "拖拽排序",
       component: defineAsyncComponent(
-        async () => import("./index-DmcDcLeN.js")
+        async () => import("./index-p-xkS0IP.js")
       )
     });
     this.registerComponent({
       name: "MKColumnIcon",
       title: "图标",
       component: defineAsyncComponent(
-        async () => import("./index-Cu4bEQ-_.js")
+        async () => import("./index-BUaK5DTA.js")
       )
     });
   }
@@ -251,14 +251,14 @@ class DataTableHeaderComponents extends Components {
       name: "MKBatchOpt",
       title: "批量操作",
       component: defineAsyncComponent(
-        async () => import("./index-BwZKYOQS.js")
+        async () => import("./index-DpwAE_7u.js")
       )
     });
     this.registerComponent({
       name: "MKTableFilter",
       title: "筛选",
       component: defineAsyncComponent(
-        async () => import("./index-Dd3QdtjS.js")
+        async () => import("./index-CjQQ3iDb.js")
       )
     });
   }
@@ -336,7 +336,7 @@ class DataFormComponents extends Components {
       name: "MKFormDetail",
       title: "明细",
       component: defineAsyncComponent(
-        () => import("./index-BoXTMwMe.js")
+        () => import("./index-D_CKuKoo.js")
       )
     });
     this.registerComponent({
@@ -357,14 +357,14 @@ class DataFormComponents extends Components {
       name: "MKDataTreeSelect",
       title: "树选择器",
       component: defineAsyncComponent(
-        () => import("./index-DY7C3mNg.js")
+        () => import("./index-Nxpa4qBO.js")
       )
     });
     this.registerComponent({
       name: "MKResourceSelectInput",
       title: "资源选择输入框",
       component: defineAsyncComponent(
-        () => import("./ResourceSelectInput-DPRCYClq.js")
+        () => import("./ResourceSelectInput-hzKYS1V8.js")
       )
     });
     this.registerComponent({
@@ -400,7 +400,7 @@ class DataFilterComponents extends Components {
       title: "下拉框",
       defaultOperator: Operator.IN,
       component: defineAsyncComponent(
-        () => import("./index-C_xawr7_.js")
+        () => import("./index-CkUHjpVZ.js")
       )
     });
     this.registerComponent({
@@ -408,7 +408,7 @@ class DataFilterComponents extends Components {
       title: "树形下拉框",
       defaultOperator: Operator.IN,
       component: defineAsyncComponent(
-        () => import("./index-DY7C3mNg.js")
+        () => import("./index-Nxpa4qBO.js")
       )
     });
     this.registerComponent({
@@ -850,7 +850,7 @@ class Router extends Disposable {
                     vueRouter.addRoute("mk-ms-layout", {
                       name: defaultPageRoute.name,
                       path: defaultPageRoute.route || `/dv/${name}`,
-                      component: () => import("./normal-BMacxFgG.js"),
+                      component: () => import("./normal-DFz2_HB1.js"),
                       meta
                     });
                     break;
@@ -858,7 +858,7 @@ class Router extends Disposable {
                     vueRouter.addRoute("mk-ms-layout", {
                       name: defaultPageRoute.name,
                       path: defaultPageRoute.route || `/dv/${name}`,
-                      component: () => import("./dialog-ngwX7TP3.js"),
+                      component: () => import("./dialog-CFITXwu-.js"),
                       meta
                     });
                     break;
@@ -870,7 +870,7 @@ class Router extends Disposable {
                     vueRouter.addRoute("mk-ms-layout", {
                       name: defaultPageRoute.name,
                       path: defaultPageRoute.route || `/dv/${name}`,
-                      component: () => import("./dialog-B1kVTDIK.js"),
+                      component: () => import("./dialog-UVUBlVgO.js"),
                       meta
                     });
                     break;
@@ -882,7 +882,7 @@ class Router extends Disposable {
                     vueRouter.addRoute("mk-ms-layout", {
                       name: defaultPageRoute.name,
                       path: defaultPageRoute.route || `/dv/${name}`,
-                      component: () => import("./dialog-BhSXo9nJ.js"),
+                      component: () => import("./dialog--nL37O98.js"),
                       meta
                     });
                     break;
@@ -890,7 +890,7 @@ class Router extends Disposable {
                     vueRouter.addRoute("mk-ms-layout", {
                       name: defaultPageRoute.name,
                       path: defaultPageRoute.route || `/dv/${name}`,
-                      component: () => import("./normal-BiygxoLT.js"),
+                      component: () => import("./normal-BPSUoo-T.js"),
                       meta
                     });
                 }
@@ -900,7 +900,7 @@ class Router extends Disposable {
             vueRouter.addRoute("mk-ms-layout", {
               name: defaultPageRoute.name,
               path: defaultPageRoute.route || `/dv/${name}`,
-              component: () => import("./table-BEkVyGga.js"),
+              component: () => import("./table-B7Fqs0K3.js"),
               meta
             });
             break;
@@ -908,7 +908,7 @@ class Router extends Disposable {
             vueRouter.addRoute("mk-ms-layout", {
               name: defaultPageRoute.name,
               path: defaultPageRoute.route || `/dv/${name}/edit/:id?`,
-              component: () => import("./edit-Ca9p6DOe.js"),
+              component: () => import("./edit-BB7QAJwd.js"),
               meta
             });
             break;
@@ -1147,7 +1147,7 @@ const configProviderProps = buildProps({
     type: I18n
   }
 });
-function _isSlot$a(s) {
+function _isSlot$9(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 const ConfigProvider = /* @__PURE__ */ defineComponent({
@@ -1163,7 +1163,7 @@ const ConfigProvider = /* @__PURE__ */ defineComponent({
       let _slot;
       return createVNode(ElConfigProvider, {
         "locale": unref(currentLocale)
-      }, _isSlot$a(_slot = renderSlot(slots, "default")) ? _slot : {
+      }, _isSlot$9(_slot = renderSlot(slots, "default")) ? _slot : {
         default: () => [_slot]
       });
     };
@@ -1830,7 +1830,7 @@ class PageManager {
     this.addNormalPage({
       name: "mk-ms-layout",
       path: "/",
-      component: () => import("./index-BYI6j3rX.js")
+      component: () => import("./index-X16arBXD.js")
     });
     this.addNormalPage({
       name: "login",
@@ -1838,7 +1838,7 @@ class PageManager {
       meta: {
         isAuthorization: false
       },
-      component: () => import("./index-DaeJgHqN.js")
+      component: () => import("./index-BfdsTogi.js")
     });
     this.addNormalPage({
       name: "signup",
@@ -1846,7 +1846,7 @@ class PageManager {
       meta: {
         isAuthorization: false
       },
-      component: () => import("./index-DruB44FM.js")
+      component: () => import("./index-CwOK_Y0l.js")
     });
     this.afterInitdEvent.emit();
     this.msAppClientChangeEvent.on(({ msAppClient }) => {
@@ -1897,7 +1897,7 @@ class PageManager {
               this.addExtendsPage({
                 name: "notFound",
                 path: "/:pathMatch(.*)*",
-                component: () => import("./404-BjcJlT6H.js")
+                component: () => import("./404-DrYKofUt.js")
               });
             }
             userSession.register(
@@ -3485,8 +3485,9 @@ const DataTableSelect = /* @__PURE__ */ defineComponent({
       set: (v) => emit("update:model-value", v)
     });
     watch(computed(() => [unref(dataTable), props.multiple]), ([dataTable2, multiple]) => {
-      dataTable2.setSelectionColumn(new TableSelectCacheColumn({
-        multiple
+      dataTable2.setSelectionColumn(new TableSelectColumn({
+        multiple: true,
+        reserveSelection: true
       }));
     }, {
       immediate: true
@@ -3572,9 +3573,6 @@ const dataSelectProps = buildProps({
 const dataSelectEmit = {
   ...abstractSelectEmits
 };
-function _isSlot$9(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 const DataSelect = /* @__PURE__ */ defineComponent({
   name: "MKDataSelect",
   props: dataSelectProps,
@@ -3646,8 +3644,8 @@ const DataSelect = /* @__PURE__ */ defineComponent({
             "allowCreate": props.allowCreate,
             "filterable": props.filterable,
             "clearable": props.clearable
-          }, _isSlot$9(children) ? children : {
-            default: () => [children]
+          }, {
+            default: () => children
           });
         }
       });
@@ -3727,7 +3725,7 @@ const index$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   default: MKCodeEditor
 }, Symbol.toStringTag, { value: "Module" }));
 const MKJsonEditor = withInstall(
-  defineAsyncComponent(() => import("./Editor-M7607AyM.js"))
+  defineAsyncComponent(() => import("./Editor-CszbtwYJ.js"))
 );
 const index$4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -6917,7 +6915,7 @@ const Table = /* @__PURE__ */ defineComponent({
   setup(props, {
     slots
   }) {
-    computed(() => {
+    const treeProps2 = computed(() => {
       return props.treeProps;
     });
     const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);
@@ -6940,33 +6938,10 @@ const Table = /* @__PURE__ */ defineComponent({
       }
       unref(dataTable).sorter.setColumnSort(prop, orderType);
     };
-    let allowChangeSelection = true;
     const handleSelectionChange = (items) => {
-      if (allowChangeSelection) {
-        unref(dataTable).setSelection(items.map((item) => item[unref(dataTable).primaryKey]));
-      }
+      unref(dataTable).setSelection(items.map((item) => item[unref(dataTable).primaryKey]));
     };
     onMounted(() => {
-      const _tableEl = unref(tableEl);
-      watch(list, (list2, _2, onCleanup) => {
-        onCleanup(watch(computed(() => unref(dataTable).getSelection()), async (selections) => {
-          const primaryKey = unref(dataTable).primaryKey;
-          const tableSelections = _tableEl.getSelectionRows().map((item2) => item2[primaryKey]).sort();
-          if (isEqual(selections, tableSelections)) {
-            return;
-          }
-          allowChangeSelection = false;
-          _tableEl.clearSelection();
-          await nextTick();
-          const selectedRows = list2.filter((item2) => selections.includes(item2[primaryKey]));
-          for (var item of selectedRows) {
-            _tableEl.toggleRowSelection(item, true);
-          }
-          allowChangeSelection = true;
-        }, {
-          immediate: true
-        }));
-      });
       watch(dataTableEl, (el, _2, onCleanup) => {
         if (!el) {
           return;
@@ -7038,10 +7013,15 @@ const Table = /* @__PURE__ */ defineComponent({
         "stripe": true,
         "lazy": props.lazy,
         "load": props.load,
+        "treeProps": treeProps2,
         "onSelection-change": handleSelectionChange,
         "defaultExpandAll": props.defaultExpandAll
       }, {
         default: () => [unref(selectionColumn).visible ? createVNode(ElTableColumn, {
+          "selectable": (row, index2) => {
+            return unref(selectionColumn).selectable(row, index2);
+          },
+          "reserve-selection": unref(selectionColumn).reserveSelection,
           "type": unref(selectionColumn).type ?? "selection",
           "width": unref(selectionColumn).width,
           "fixed": unref(selectionColumn).fixed
@@ -11927,7 +11907,7 @@ const markdownEditorProps = buildProps({
 const markdownEditorEmits = {
   "update:model-value": (modelValue) => true
 };
-const _MarkdownEditor = defineAsyncComponent(() => import("./Editor-B0aQKlrH.js"));
+const _MarkdownEditor = defineAsyncComponent(() => import("./Editor-DnuqgkXg.js"));
 const MKMarkdownEditor = withInstall(_MarkdownEditor);
 const _hoisted_1$s = { class: "mk-rich-text-toolbar" };
 const _hoisted_2$n = { class: "mk-rich-text-editor__stage_warp" };
@@ -17573,41 +17553,41 @@ class MSAppClient {
     this.pageManager.addExtendsPage({
       name: "ms-menu",
       path: "/ms/menus",
-      component: () => import("./index-CJDC1EPh.js"),
+      component: () => import("./index-ClyK2QkM.js"),
       meta: { name: "ms-menu" }
     });
     this.pageManager.addExtendsPage({
       name: "ms-role",
       path: "/ms/roles",
-      component: () => import("./index-BAzpn8Sj.js"),
+      component: () => import("./index-DVu4B0Jb.js"),
       meta: { name: "ms-role" }
     });
     this.pageManager.addExtendsPage({
       name: "dv/ms-material/list",
       path: "/sys/materials",
-      component: () => import("./index-DUFe9Xaz.js"),
+      component: () => import("./index-B_8SWX-W.js"),
       meta: { name: "ms-material" }
     });
     this.pageManager.addExtendsPage({
       name: "dv/ms-role/permission",
       path: "/sys/roles/:id/permission",
-      component: () => import("./PermissionManage-BVwqmhlg.js")
+      component: () => import("./PermissionManage-FUljX6_R.js")
     });
     this.pageManager.addExtendsPage({
       name: "dv/local-log/single/tree/dialog",
       path: "/log/local",
-      component: () => import("./index-DeGOWXm3.js"),
+      component: () => import("./index-DyS0xU_L.js"),
       meta: { name: "local-log" }
     });
     this.pageManager.addExtendsPage({
       name: "icons/list",
       path: "/sys/icons",
-      component: () => import("./index-CkokxV6q.js")
+      component: () => import("./index-Jdb3h-Cn.js")
     });
     this.pageManager.addExtendsPage({
       name: "dv/ms-todo/single/list/dialog",
       path: "/dv/todo",
-      component: () => import("./index-B6eMiVss.js")
+      component: () => import("./index-D3r8yfsY.js")
     });
     for (let internalModule of internalModules) {
       for (let item of internalModule.normalPages) {
@@ -21652,4 +21632,4 @@ export {
   MKTable as y,
   MKDataTablePagination as z
 };
-//# sourceMappingURL=index-CJErFr3g.js.map
+//# sourceMappingURL=index-DddknvTX.js.map