npm - @maketribe/ms-app - Versions diffs - 4.0.0-alpha.2 → 4.0.0-alpha.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (197) hide show

package/dist/esm/{index-DK3cSUoH.js → index-p8vYirVH.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { defineComponent, inject, computed, createVNode, unref, createTextVNode } from "vue";
 import { ElDropdown, ElDropdownMenu, ElDropdownItem } from "element-plus";
-import { D as DATA_TABLE_CONTEXT_KEY, q as MKSvgIcon } from "./index-D2Qngjos.js";
+import { D as DATA_TABLE_CONTEXT_KEY, q as MKSvgIcon } from "./index-mq3nYYwD.js";
 import "@maketribe/request";
 import "@maketribe/utils";
 import "@lexical/overflow";
@@ -71,4 +71,4 @@ export {
   MKBatchOpt,
   MKBatchOpt as default
 };
-//# sourceMappingURL=index-DK3cSUoH.js.map
+//# sourceMappingURL=index-p8vYirVH.js.map

package/dist/esm/{index-DK3cSUoH.js.map → index-p8vYirVH.js.map} RENAMED Viewed

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

package/dist/esm/{index-1LHTy-yq.js → index-pWRDGnCA.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { defineComponent, ref, onMounted, watch, computed, resolveComponent, res
 import { ElScrollbar, ElMessageBox, ElMessage, ElButton } from "element-plus";
 import { Dialoger } from "@maketribe/dm";
 import { DvOpt } from "@maketribe/request";
-import { ad as MsRoleForm, q as MKSvgIcon, _ as _export_sfc, ae as MsMemberRoleTable, z as MKPageContainer, A as MKDataTable, af as MKTable, ag as MKDataTablePagination } from "./index-D2Qngjos.js";
+import { ad as MsRoleForm, q as MKSvgIcon, _ as _export_sfc, ae as MsMemberRoleTable, z as MKPageContainer, A as MKDataTable, af as MKTable, ag as MKDataTablePagination } from "./index-mq3nYYwD.js";
 import "@maketribe/utils";
 import "@lexical/overflow";
 import "@lexical/text";
@@ -390,4 +390,4 @@ const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-214b
 export {
   index as default
 };
-//# sourceMappingURL=index-1LHTy-yq.js.map
+//# sourceMappingURL=index-pWRDGnCA.js.map

package/dist/esm/{index-1LHTy-yq.js.map → index-pWRDGnCA.js.map} RENAMED Viewed

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

package/dist/esm/{index-CjznEY4w.js → index-pzNnwUiS.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { buildProps, withInstall } from "@maketribe/utils";
 import { inject, computed, unref, defineComponent, watch, ref, createVNode, isVNode } from "vue";
-import { a8 as DATA_FORM_ITEM_CONTEXT_KEY, z as MKPageContainer, a9 as DataForm, A as MKDataTable } from "./index-D2Qngjos.js";
+import { a8 as DATA_FORM_ITEM_CONTEXT_KEY, z as MKPageContainer, a9 as DataForm, A as MKDataTable } from "./index-mq3nYYwD.js";
 import { FormDetailColumn, FormColumn, Messager } from "@maketribe/dm";
 import { ElEmpty, ElDrawer } from "element-plus";
 const formDetailProps = buildProps({
@@ -164,4 +164,4 @@ export {
   formDetailEmits,
   formDetailProps
 };
-//# sourceMappingURL=index-CjznEY4w.js.map
+//# sourceMappingURL=index-pzNnwUiS.js.map

package/dist/esm/{index-CjznEY4w.js.map → index-pzNnwUiS.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-CjznEY4w.js","sources":["../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts","../../src/components/data-model/data-form/composables/use-form-item.ts","../../src/components/data-model/data-form/components/form-detail/form-detail.tsx","../../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","import { ExtractPropTypes, computed, inject, unref } from \"vue\";\nimport { DATA_FORM_ITEM_CONTEXT_KEY } from \"../token\";\nimport { FormColumn } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const columnProps = buildProps({\n column: { type: FormColumn, required: true },\n} as const);\n\nexport type ColumnProps = ExtractPropTypes<typeof columnProps>;\n\nexport function useFormItem() {\n const dataFormItemContext = inject(DATA_FORM_ITEM_CONTEXT_KEY);\n const column = computed(() => unref(dataFormItemContext)?.column ?? null);\n\n const value = computed({\n get: () => {\n const _column = unref(column);\n\n if (!_column) {\n return;\n }\n\n return _column.getValue();\n },\n set: (v: any) => {\n const _column = unref(column);\n\n if (!_column) {\n return;\n }\n\n _column.setValue(v);\n },\n });\n\n const disabled = computed(() => unref(column)?.disabled ?? false);\n\n return { column, value, disabled };\n}\n","import { computed, defineComponent, ref, unref, watch } from \"vue\";\r\nimport { MKPageContainer } from \"../../../../basic/page-container\";\r\nimport { MKDataTable } from \"../../../data-table\";\r\nimport DataForm from \"../../data-form.vue\";\r\nimport { formDetailEmits, formDetailProps } from \"./form-detail-options\";\r\nimport { useFormItem } from \"../../composables\";\r\nimport { ElDrawer, ElEmpty } from \"element-plus\";\r\nimport { Messager } from \"@maketribe/dm\";\r\n\r\nexport default defineComponent({\r\n name: \"MKFormDetail\",\r\n props: formDetailProps,\r\n emits: formDetailEmits,\r\n setup(props) {\r\n const detailTable = computed(() => props.column.detailTable);\r\n const detailForm = computed(() => props.column.detailForm!);\r\n\r\n const { value } = useFormItem();\r\n\r\n watch(\r\n computed(() => unref(value)),\r\n (value) => {\r\n const _detailTable = unref(detailTable);\r\n\r\n value = Array.isArray(value) ? value : [];\r\n\r\n _detailTable.setList(\r\n value.map((item: any) => _detailTable.formatItem(item))\r\n );\r\n }\r\n );\r\n\r\n const isShowDataForm = ref(false);\r\n\r\n watch(\r\n detailTable,\r\n (dataTable, _, onCleanup) => {\r\n const addRecordDisposable = dataTable.addRecordEvent.on(async ({ item }) => {\r\n const _dataForm = unref(detailForm);\r\n\r\n if (!_dataForm) {\r\n console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\r\n return;\r\n }\r\n\r\n isShowDataForm.value = true;\r\n\r\n _dataForm.addRecord(item);\r\n });\r\n\r\n const editRecordDisposable = dataTable.editRecordEvent.on(\r\n async ({ item }) => {\r\n const _dataForm = unref(detailForm);\r\n\r\n if (!_dataForm) {\r\n console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\r\n return;\r\n }\r\n\r\n isShowDataForm.value = true;\r\n\r\n try {\r\n const response = await _dataForm.editRecord(item);\r\n\r\n if (response.data.code !== 200) {\r\n Messager.error({ message: response.data.msg });\r\n isShowDataForm.value = false;\r\n return;\r\n }\r\n } catch (e) {\r\n console.error(e);\r\n isShowDataForm.value = false;\r\n }\r\n }\r\n );\r\n\r\n onCleanup(() => {\r\n addRecordDisposable.dispose();\r\n editRecordDisposable.dispose();\r\n });\r\n },\r\n { immediate: true }\r\n );\r\n\r\n watch(\r\n detailForm,\r\n (dataForm, _, onCleanup) => {\r\n const submittedDisposable = dataForm.submittedEvent.on(() => {\r\n isShowDataForm.value = false;\r\n\r\n unref(detailTable)?.load();\r\n });\r\n\r\n const cancelDisposable = dataForm.cancelEvent.on(() => {\r\n isShowDataForm.value = false;\r\n });\r\n\r\n onCleanup(() => {\r\n submittedDisposable.dispose();\r\n cancelDisposable.dispose();\r\n });\r\n },\r\n { immediate: true }\r\n );\r\n\r\n return () => {\r\n const dataForm = unref(isShowDataForm) ? (\r\n <MKPageContainer>\r\n <DataForm dataForm={unref(detailForm)} autoLoad={false} />\r\n </MKPageContainer>\r\n ) : null;\r\n\r\n return (\r\n <div class=\"mk-form-detail\">\r\n <MKDataTable\r\n dataTable={unref(detailTable)}\r\n autoLoad={false}\r\n v-slots={{ empty: () => <ElEmpty image-size={100} /> }}\r\n />\r\n <ElDrawer\r\n class=\"mk-form-detail__drawer\"\r\n modelValue={unref(isShowDataForm)}\r\n onUpdate:modelValue={(v) => (isShowDataForm.value = v)}\r\n appendToBody\r\n withHeader={false}\r\n width=\"50%\"\r\n >\r\n {dataForm}\r\n </ElDrawer>\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n","import { withInstall } from \"@maketribe/utils\";\r\nimport FormDetail from \"./form-detail\";\r\n\r\nexport const MKFormDetail = withInstall(FormDetail);\r\nexport default MKFormDetail;\r\n\r\nexport * from \"./form-detail-options\";\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formDetailProps","emits","formDetailEmits","setup","detailTable","computed","column","detailForm","value","useFormItem","watch","unref","_detailTable","Array","isArray","setList","map","item","formatItem","isShowDataForm","ref","dataTable","_","onCleanup","addRecordDisposable","addRecordEvent","on","_dataForm","console","warn","addRecord","editRecordDisposable","editRecordEvent","response","editRecord","data","code","Messager","error","message","msg","e","dispose","immediate","dataForm","submittedDisposable","submittedEvent","load","cancelDisposable","cancelEvent","_createVNode","MKPageContainer","default","DataForm","MKDataTable","empty","ElEmpty","ElDrawer","v"],"mappings":";;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ,EAAE,MAAM,kBAAkB,UAAU,KAAK;AAAA,EACjD,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,MAAW;AACpC;AClB2B,WAAW;AAAA,EACpC,QAAQ,EAAE,MAAM,YAAY,UAAU,KAAK;AAC7C,CAAU;AAIH,SAAS,cAAc;AACtB,QAAA,sBAAsB,OAAO,0BAA0B;AAC7D,QAAM,SAAS,SAAS,MAAM;;AAAA,wBAAM,mBAAmB,MAAzB,mBAA4B,WAAU;AAAA,GAAI;AAExE,QAAM,QAAQ,SAAS;AAAA,IACrB,KAAK,MAAM;AACH,YAAA,UAAU,MAAM,MAAM;AAE5B,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AAEA,aAAO,QAAQ;IACjB;AAAA,IACA,KAAK,CAAC,MAAW;AACT,YAAA,UAAU,MAAM,MAAM;AAE5B,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AAEA,cAAQ,SAAS,CAAC;AAAA,IACpB;AAAA,EAAA,CACD;AAED,QAAM,WAAW,SAAS,MAAM;;AAAA,wBAAM,MAAM,MAAZ,mBAAe,aAAY;AAAA,GAAK;AAEzD,SAAA,EAAE,QAAQ,OAAO;AAC1B;AChCyC,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAEzC,MAAeM,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AACX,UAAMK,cAAcC,SAAS,MAAMN,MAAMO,OAAOF,WAAW;AAC3D,UAAMG,aAAaF,SAAS,MAAMN,MAAMO,OAAOC,UAAW;AAE1D,UAAM;AAAA,MAAEC;AAAAA,IAAO,IAAGC,YAAW;AAE7BC,UACEL,SAAS,MAAMM,MAAMH,KAAK,CAAC,GAC1BA,CAAAA,WAAU;AACT,YAAMI,eAAeD,MAAMP,WAAW;AAEtCI,MAAAA,SAAQK,MAAMC,QAAQN,MAAK,IAAIA,SAAQ,CAAA;AAEvCI,mBAAaG,QACXP,OAAMQ,IAAKC,UAAcL,aAAaM,WAAWD,IAAI,CAAC,CACxD;AAAA,IACF,CACF;AAEA,UAAME,iBAAiBC,IAAI,KAAK;AAEhCV,UACEN,aACA,CAACiB,WAAWC,GAAGC,cAAc;AAC3B,YAAMC,sBAAsBH,UAAUI,eAAeC,GAAG,OAAO;AAAA,QAAET;AAAAA,MAAK,MAAM;AAC1E,cAAMU,YAAYhB,MAAMJ,UAAU;AAElC,YAAI,CAACoB,WAAW;AACdC,kBAAQC,KAAK,UAAUR,UAAUvB,IAAI,eAAe;AACpD;AAAA,QACF;AAEAqB,uBAAeX,QAAQ;AAEvBmB,kBAAUG,UAAUb,IAAI;AAAA,MAC1B,CAAC;AAED,YAAMc,uBAAuBV,UAAUW,gBAAgBN,GACrD,OAAO;AAAA,QAAET;AAAAA,MAAK,MAAM;AAClB,cAAMU,YAAYhB,MAAMJ,UAAU;AAElC,YAAI,CAACoB,WAAW;AACdC,kBAAQC,KAAK,UAAUR,UAAUvB,IAAI,eAAe;AACpD;AAAA,QACF;AAEAqB,uBAAeX,QAAQ;AAEvB,YAAI;AACF,gBAAMyB,WAAW,MAAMN,UAAUO,WAAWjB,IAAI;AAEhD,cAAIgB,SAASE,KAAKC,SAAS,KAAK;AAC9BC,qBAASC,MAAM;AAAA,cAAEC,SAASN,SAASE,KAAKK;AAAAA,YAAI,CAAC;AAC7CrB,2BAAeX,QAAQ;AACvB;AAAA,UACF;AAAA,QACD,SAAQiC,GAAG;AACVb,kBAAQU,MAAMG,CAAC;AACftB,yBAAeX,QAAQ;AAAA,QACzB;AAAA,MACF,CACF;AAEAe,gBAAU,MAAM;AACdC,4BAAoBkB,QAAO;AAC3BX,6BAAqBW,QAAO;AAAA,MAC9B,CAAC;AAAA,IACH,GACA;AAAA,MAAEC,WAAW;AAAA,IAAK,CACpB;AAEAjC,UACEH,YACA,CAACqC,UAAUtB,GAAGC,cAAc;AAC1B,YAAMsB,sBAAsBD,SAASE,eAAepB,GAAG,MAAM;;AAC3DP,uBAAeX,QAAQ;AAEvBG,oBAAMP,WAAW,MAAjBO,mBAAoBoC;AAAAA,MACtB,CAAC;AAED,YAAMC,mBAAmBJ,SAASK,YAAYvB,GAAG,MAAM;AACrDP,uBAAeX,QAAQ;AAAA,MACzB,CAAC;AAEDe,gBAAU,MAAM;AACdsB,4BAAoBH,QAAO;AAC3BM,yBAAiBN,QAAO;AAAA,MAC1B,CAAC;AAAA,IACH,GACA;AAAA,MAAEC,WAAW;AAAA,IAAK,CACpB;AAEA,WAAO,MAAM;AACX,YAAMC,WAAWjC,MAAMQ,cAAc,IAAC+B,YAAAC,iBAAA,MAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,YAAAG,UAAA;AAAA,UAAA,YAEd1C,MAAMJ,UAAU;AAAA,UAAC,YAAY;AAAA,QAAK,GAAA,IAAA,CAAA;AAAA,MAAA,CAAA,IAEtD;AAEJ,aAAA2C,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,YAAAI,aAAA;AAAA,QAAA,aAGiB3C,MAAMP,WAAW;AAAA,QAAC,YACnB;AAAA,SACD;AAAA,QAAEmD,OAAOA,MAAAL,YAAAM,SAAA;AAAA,UAAA,cAA2B;AAAA,QAAG,GAAA,IAAA;AAAA,OAAM,GAAAN,YAAAO,UAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAI1C9C,MAAMQ,cAAc;AAAA,QAAC,uBACXuC,OAAOvC,eAAeX,QAAQkD;AAAAA,QAAE,gBAAA;AAAA,QAAA,cAE1C;AAAA,QAAK,SAAA;AAAA,MAAA,GAAApE,QAGhBsD,QAAQ,IAARA,WAAQ;AAAA,QAAAQ,SAAAA,MAAA,CAARR,QAAQ;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAKnB;AACF,CAAC;AClIY,MAAA,eAAe,YAAY,UAAU;"}
1	+ {"version":3,"file":"index-pzNnwUiS.js","sources":["../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts","../../src/components/data-model/data-form/composables/use-form-item.ts","../../src/components/data-model/data-form/components/form-detail/form-detail.tsx","../../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","import { ExtractPropTypes, computed, inject, unref } from \"vue\";\nimport { DATA_FORM_ITEM_CONTEXT_KEY } from \"../token\";\nimport { FormColumn } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const columnProps = buildProps({\n column: { type: FormColumn, required: true },\n} as const);\n\nexport type ColumnProps = ExtractPropTypes<typeof columnProps>;\n\nexport function useFormItem() {\n const dataFormItemContext = inject(DATA_FORM_ITEM_CONTEXT_KEY);\n const column = computed(() => unref(dataFormItemContext)?.column ?? null);\n\n const value = computed({\n get: () => {\n const _column = unref(column);\n\n if (!_column) {\n return;\n }\n\n return _column.getValue();\n },\n set: (v: any) => {\n const _column = unref(column);\n\n if (!_column) {\n return;\n }\n\n _column.setValue(v);\n },\n });\n\n const disabled = computed(() => unref(column)?.disabled ?? false);\n\n return { column, value, disabled };\n}\n","import { computed, defineComponent, ref, unref, watch } from \"vue\";\r\nimport { MKPageContainer } from \"../../../../basic/page-container\";\r\nimport { MKDataTable } from \"../../../data-table\";\r\nimport DataForm from \"../../data-form.vue\";\r\nimport { formDetailEmits, formDetailProps } from \"./form-detail-options\";\r\nimport { useFormItem } from \"../../composables\";\r\nimport { ElDrawer, ElEmpty } from \"element-plus\";\r\nimport { Messager } from \"@maketribe/dm\";\r\n\r\nexport default defineComponent({\r\n name: \"MKFormDetail\",\r\n props: formDetailProps,\r\n emits: formDetailEmits,\r\n setup(props) {\r\n const detailTable = computed(() => props.column.detailTable);\r\n const detailForm = computed(() => props.column.detailForm!);\r\n\r\n const { value } = useFormItem();\r\n\r\n watch(\r\n computed(() => unref(value)),\r\n (value) => {\r\n const _detailTable = unref(detailTable);\r\n\r\n value = Array.isArray(value) ? value : [];\r\n\r\n _detailTable.setList(\r\n value.map((item: any) => _detailTable.formatItem(item))\r\n );\r\n }\r\n );\r\n\r\n const isShowDataForm = ref(false);\r\n\r\n watch(\r\n detailTable,\r\n (dataTable, _, onCleanup) => {\r\n const addRecordDisposable = dataTable.addRecordEvent.on(async ({ item }) => {\r\n const _dataForm = unref(detailForm);\r\n\r\n if (!_dataForm) {\r\n console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\r\n return;\r\n }\r\n\r\n isShowDataForm.value = true;\r\n\r\n _dataForm.addRecord(item);\r\n });\r\n\r\n const editRecordDisposable = dataTable.editRecordEvent.on(\r\n async ({ item }) => {\r\n const _dataForm = unref(detailForm);\r\n\r\n if (!_dataForm) {\r\n console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\r\n return;\r\n }\r\n\r\n isShowDataForm.value = true;\r\n\r\n try {\r\n const response = await _dataForm.editRecord(item);\r\n\r\n if (response.data.code !== 200) {\r\n Messager.error({ message: response.data.msg });\r\n isShowDataForm.value = false;\r\n return;\r\n }\r\n } catch (e) {\r\n console.error(e);\r\n isShowDataForm.value = false;\r\n }\r\n }\r\n );\r\n\r\n onCleanup(() => {\r\n addRecordDisposable.dispose();\r\n editRecordDisposable.dispose();\r\n });\r\n },\r\n { immediate: true }\r\n );\r\n\r\n watch(\r\n detailForm,\r\n (dataForm, _, onCleanup) => {\r\n const submittedDisposable = dataForm.submittedEvent.on(() => {\r\n isShowDataForm.value = false;\r\n\r\n unref(detailTable)?.load();\r\n });\r\n\r\n const cancelDisposable = dataForm.cancelEvent.on(() => {\r\n isShowDataForm.value = false;\r\n });\r\n\r\n onCleanup(() => {\r\n submittedDisposable.dispose();\r\n cancelDisposable.dispose();\r\n });\r\n },\r\n { immediate: true }\r\n );\r\n\r\n return () => {\r\n const dataForm = unref(isShowDataForm) ? (\r\n <MKPageContainer>\r\n <DataForm dataForm={unref(detailForm)} autoLoad={false} />\r\n </MKPageContainer>\r\n ) : null;\r\n\r\n return (\r\n <div class=\"mk-form-detail\">\r\n <MKDataTable\r\n dataTable={unref(detailTable)}\r\n autoLoad={false}\r\n v-slots={{ empty: () => <ElEmpty image-size={100} /> }}\r\n />\r\n <ElDrawer\r\n class=\"mk-form-detail__drawer\"\r\n modelValue={unref(isShowDataForm)}\r\n onUpdate:modelValue={(v) => (isShowDataForm.value = v)}\r\n appendToBody\r\n withHeader={false}\r\n width=\"50%\"\r\n >\r\n {dataForm}\r\n </ElDrawer>\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n","import { withInstall } from \"@maketribe/utils\";\r\nimport FormDetail from \"./form-detail\";\r\n\r\nexport const MKFormDetail = withInstall(FormDetail);\r\nexport default MKFormDetail;\r\n\r\nexport * from \"./form-detail-options\";\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formDetailProps","emits","formDetailEmits","setup","detailTable","computed","column","detailForm","value","useFormItem","watch","unref","_detailTable","Array","isArray","setList","map","item","formatItem","isShowDataForm","ref","dataTable","_","onCleanup","addRecordDisposable","addRecordEvent","on","_dataForm","console","warn","addRecord","editRecordDisposable","editRecordEvent","response","editRecord","data","code","Messager","error","message","msg","e","dispose","immediate","dataForm","submittedDisposable","submittedEvent","load","cancelDisposable","cancelEvent","_createVNode","MKPageContainer","default","DataForm","MKDataTable","empty","ElEmpty","ElDrawer","v"],"mappings":"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"}

package/dist/esm/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { b0, Q, cR, S, cS, a4, ai, ak, P, aj, ah, cT, cU, cW, cV, aA, aq, az, ay, x, aw, bW, ax, cz, cA, cB, as, bk, bM, ar, bf, a7, aK, bI, bj, bJ, cF, cD, av, a0, V, H, aZ, bd, B, a6, a1, A, bS, ag, b1, a5, a3, b8, bc, bR, be, cL, Y, r, cH, I, o, cO, t, z, b4, c5, O, c6, cI, q, b7, af, b$, c0, c1, c2, G, F, J, E, M, e, c, h, bi, b, c7, ac, cM, aB, aC, L, cs, p, cv, cw, ct, cu, ce, cc, cd, cf, cg, ci, ae, ch, cj, cl, ck, cm, cn, cx, cy, ad, cq, cr, cp, co, K, bL, cC, aF, aG, bu, au, cE, N, aa, at, aH, bt, aD, bK, aE, bN, bv, a, U, aI, aJ, W, Z, $, aY, aX, bx, aM, aL, bP, bQ, bO, b3, b2, bT, bV, c4, bU, bb, ba, b9, ca, c9, cb, bh, bg, c8, ao, bw, n, m, cG, cN, bm, aS, aU, aT, b6, b5, a$, bn, bB, bE, bG, cQ, cP, cK, cJ, bz, by, bX, bY, b_, bZ, c3, bF, bH, l, k, g, f, d, u, j, i, bl, aN, aO, aV, bo, an, aR, a_, v, ab, bq, bC, bD, bs, br, s, bp, aP, y, C, aQ, bA, aW, ap, w } from "./index-D2Qngjos.js";
+import { b0, Q, cR, S, cS, a4, ai, ak, P, aj, ah, cT, cU, cW, cV, aA, aq, az, ay, x, aw, bW, ax, cz, cA, cB, as, bk, bM, ar, bf, a7, aK, bI, bj, bJ, cF, cD, av, a0, V, H, aZ, bd, B, a6, a1, A, bS, ag, b1, a5, a3, b8, bc, bR, be, cL, Y, r, cH, I, o, cO, t, z, b4, c5, O, c6, cI, q, b7, af, b$, c0, c1, c2, G, F, J, E, M, e, c, h, bi, b, c7, ac, cM, aB, aC, L, cs, p, cv, cw, ct, cu, ce, cc, cd, cf, cg, ci, ae, ch, cj, cl, ck, cm, cn, cx, cy, ad, cq, cr, cp, co, K, bL, cC, aF, aG, bu, au, cE, N, aa, at, aH, bt, aD, bK, aE, bN, bv, a, U, aI, aJ, W, Z, $, aY, aX, bx, aM, aL, bP, bQ, bO, b3, b2, bT, bV, c4, bU, bb, ba, b9, ca, c9, cb, bh, bg, c8, ao, bw, n, m, cG, cN, bm, aS, aU, aT, b6, b5, a$, bn, bB, bE, bG, cQ, cP, cK, cJ, bz, by, bX, bY, b_, bZ, c3, bF, bH, l, k, g, f, d, u, j, i, bl, aN, aO, aV, bo, an, aR, a_, v, ab, bq, bC, bD, bs, br, s, bp, aP, y, C, aQ, bA, aW, ap, w } from "./index-mq3nYYwD.js";
 import "vue";
 export {
   b0 as CONFIG_PROVIDER_CONTEXT_KEY,

package/dist/esm/{index.vue_vue_type_script_setup_true_lang-Dp2afjtH.js → index.vue_vue_type_script_setup_true_lang-Bfxqixud.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, createElementVNode, defineComponent, unref, Fragment, createTextVNode, toDisplayString, createVNode, renderSlot } from "vue";
 import "@maketribe/dm";
-import { _ as _export_sfc, s as useMSAppClient } from "./index-D2Qngjos.js";
+import { _ as _export_sfc, s as useMSAppClient } from "./index-mq3nYYwD.js";
 import "vue-router";
 import "@maketribe/request";
 import "@maketribe/locale";
@@ -1549,4 +1549,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as _
 };
-//# sourceMappingURL=index.vue_vue_type_script_setup_true_lang-Dp2afjtH.js.map
+//# sourceMappingURL=index.vue_vue_type_script_setup_true_lang-Bfxqixud.js.map