npm - @maketribe/ms-app - Versions diffs - 3.2.22 → 3.2.24 - Mend

@maketribe/ms-app 3.2.22 → 3.2.24

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 (1118) hide show

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

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

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

@@ -25,6 +25,7 @@ import "../../../../components/basic/upload-file/upload-file-options.js";
 import "../../../../components/basic/doc-editor/index.js";
 import "../../../../components/basic/copy-container/index.js";
 import "../../../../components/basic/image-cropper/index.js";
+import "../../../../components/basic/visual-page-editor/index.js";
 import "../../../../components/data-model/data-form/index.js";
 import { MKDataTable } from "../../../../components/data-model/data-table/index.js";
 import "../../../../components/data-model/data-table-pagination/index.js";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/ms/pages/ms-role/index.vue"],"sourcesContent":["<template>\r\n<div class=\"ms-role\">\r\n <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"null\">\r\n <template #title>\r\n <h3 style=\"color: var(--el-text-color-regular);margin-left: 10px;\">\r\n <MKSvgIcon iconClass=\"jiaoseguanli\" style=\"margin-right: 5px;\" />\r\n 角色管理\r\n </h3>\r\n </template>\r\n <template #extra>\r\n <el-button type=\"primary\" text @click=\"handleAddRoleClick\" style=\"margin-right: 10px;\">\r\n <MKSvgIcon iconClass=\"Plus\" style=\"margin-right: 5px;\" />\r\n 添加角色\r\n </el-button>\r\n </template>\r\n </el-page-header>\r\n <div class=\"ms-role__body-warp\">\r\n <div class=\"ms-role__aside\">\r\n <RoleAside\r\n @role-select=\"handleRoleSelect\"\r\n :role-form=\"roleForm\"\r\n ref=\"RoleAsideEl\"\r\n />\r\n </div>\r\n <div class=\"ms-role__main\">\r\n <div class=\"ms-role__content\" v-if=\"currentRole\">\r\n <div class=\"flex-box\">\r\n <div class=\"ms-role__title flex-box-main\">\r\n <MKSvgIcon class=\"ms-role-aside__role-icon\" iconClass=\"User\" />\r\n {{ currentRole.desc }}\r\n </div>\r\n <div class=\"ms-role__tools\">\r\n <ElButton type=\"primary\" text @click=\"handlePermissionEdit\">\r\n <template #icon>\r\n <MKSvgIcon iconClass=\"Key\" />\r\n </template>\r\n 权限设置\r\n </ElButton>\r\n <ElButton type=\"primary\" @click=\"handleSelectUserClick\">\r\n <template #icon>\r\n <MKSvgIcon iconClass=\"User\" />\r\n </template>\r\n 添加成员\r\n </ElButton>\r\n <ElButton\r\n :disabled=\"disabledBatchDelete\"\r\n @click=\"handleBatchDelete\"\r\n >\r\n 批量删除\r\n </ElButton>\r\n </div>\r\n </div>\r\n <MKDataTable :data-table=\"memberRoleTable\">\r\n <MKTable />\r\n <MKDataTablePagination />\r\n </MKDataTable>\r\n </div>\r\n </div>\r\n </div>\r\n <ElDialog v-model=\"isShowPermissionDialog\" appendToBody width=\"80%\">\r\n <MKRolePermissionConfig :rolePermissionConfigTable=\"rolePermissionConfigTable\" />\r\n </ElDialog>\r\n</div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport {\r\n reactive,\r\n Ref,\r\n ref,\r\n watch,\r\n unref,\r\n computed,\r\n onBeforeUnmount,\r\n} from \"vue\";\r\nimport { ElButton, ElMessage, ElMessageBox } from \"element-plus\";\r\nimport { Dialoger } from \"@maketribe/dm\";\r\nimport { DvOpt } from \"@maketribe/request\";\r\nimport { MKDataTable } from \"../../../../components\";\r\nimport {\r\n MsRole,\r\n MsMemberRoleTable,\r\n MsRoleForm,\r\n RolePermissionConfigTable,\r\n} from \"../../dataviews\";\r\nimport RoleAside from \"./components/aside.vue\";\r\nimport { MKRolePermissionConfig } from \"./components/role-permission-config\";\r\n\r\nconst dvOpt = DvOpt.createInstance({ name: \"ms-member-role\" });\r\n\r\nconst currentRole: Ref<MsRole \| null> = ref(null);\r\n\r\nconst isShowPermissionDialog = ref(false);\r\n\r\nconst memberRoleTable = reactive(new MsMemberRoleTable()) as MsMemberRoleTable;\r\n\r\nconst roleForm = reactive(new MsRoleForm()) as MsRoleForm;\r\nconst rolePermissionConfigTable = reactive(\r\n new RolePermissionConfigTable()\r\n) as RolePermissionConfigTable;\r\n\r\nconst disabledBatchDelete = computed(\r\n () => memberRoleTable.getSelection().length === 0\r\n);\r\n\r\nwatch(currentRole, (currentRole) => {\r\n memberRoleTable.setCurrentRole(currentRole);\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n memberRoleTable.dispose();\r\n roleForm.dispose();\r\n rolePermissionConfigTable.dispose();\r\n});\r\n\r\nconst handleAddRoleClick = () => {\r\n Dialoger.dataFormDialog({\r\n dataForm: roleForm\r\n });\r\n};\r\n\r\nconst handleRoleSelect = (role: MsRole) => {\r\n currentRole.value = role;\r\n};\r\n\r\nconst handleSelectUserClick = async () => {\r\n const selectResult = await Dialoger.dataTableSelectDialog(\r\n memberRoleTable.memberTable\r\n );\r\n\r\n if (!selectResult.isConfirm) {\r\n return;\r\n }\r\n\r\n const roleId = unref(currentRole)!.id;\r\n\r\n const memberRoleList = selectResult.selections.map((item) => ({\r\n roleId,\r\n memberId: item,\r\n }));\r\n\r\n try {\r\n const result = await dvOpt.batchSave(memberRoleList);\r\n\r\n if (result.code !== 200) {\r\n ElMessage.error({ message: result.msg });\r\n return;\r\n }\r\n\r\n ElMessage.success({ message: \"添加成功\" });\r\n\r\n memberRoleTable.load();\r\n } catch (e) {\r\n console.error(e);\r\n\r\n ElMessage.error({ message: \"网络异常\" });\r\n }\r\n};\r\n\r\nconst handleBatchDelete = async () => {\r\n const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\r\n type: \"warning\",\r\n }).then(\r\n () => true,\r\n () => false\r\n );\r\n\r\n if (!isConfirm) {\r\n return;\r\n }\r\n\r\n try {\r\n const result = await dvOpt.batchDelete(memberRoleTable.getSelection());\r\n\r\n if (result.code !== 200) {\r\n ElMessage.error({ message: result.msg });\r\n return;\r\n }\r\n\r\n ElMessage.success({ message: \"删除成功\" });\r\n memberRoleTable.load();\r\n } catch (e) {\r\n console.error(e);\r\n ElMessage.error({ message: \"网络异常\" });\r\n }\r\n};\r\n\r\nconst handlePermissionEdit = () => {\r\n rolePermissionConfigTable.selectRolePermission(unref(currentRole)!);\r\n\r\n isShowPermissionDialog.value = true;\r\n};\r\n</script>\r\n"],"names":["currentRole"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAuFA,UAAM,QAAQ,MAAM,eAAe,EAAE,MAAM,kBAAkB;AAEvD,UAAA,cAAkC,IAAI,IAAI;AAE1C,UAAA,yBAAyB,IAAI,KAAK;AAExC,UAAM,kBAAkB,SAAS,IAAI,kBAAmB,CAAA;AAExD,UAAM,WAAW,SAAS,IAAI,WAAY,CAAA;AAC1C,UAAM,4BAA4B;AAAA,MAChC,IAAI,0BAA0B;AAAA,IAAA;AAGhC,UAAM,sBAAsB;AAAA,MAC1B,MAAM,gBAAgB,eAAe,WAAW;AAAA,IAAA;AAG5C,UAAA,aAAa,CAACA,iBAAgB;AAClC,sBAAgB,eAAeA,YAAW;AAAA,IAAA,CAC3C;AAED,oBAAgB,MAAM;AACpB,sBAAgB,QAAQ;AACxB,eAAS,QAAQ;AACjB,gCAA0B,QAAQ;AAAA,IAAA,CACnC;AAED,UAAM,qBAAqB,MAAM;AAC/B,eAAS,eAAe;AAAA,QACtB,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAGG,UAAA,mBAAmB,CAAC,SAAiB;AACzC,kBAAY,QAAQ;AAAA,IAAA;AAGtB,UAAM,wBAAwB,YAAY;AAClC,YAAA,eAAe,MAAM,SAAS;AAAA,QAClC,gBAAgB;AAAA,MAAA;AAGd,UAAA,CAAC,aAAa,WAAW;AAC3B;AAAA,MACF;AAEM,YAAA,SAAS,MAAM,WAAW,EAAG;AAEnC,YAAM,iBAAiB,aAAa,WAAW,IAAI,CAAC,UAAU;AAAA,QAC5D;AAAA,QACA,UAAU;AAAA,MACV,EAAA;AAEE,UAAA;AACF,cAAM,SAAS,MAAM,MAAM,UAAU,cAAc;AAE/C,YAAA,OAAO,SAAS,KAAK;AACvB,oBAAU,MAAM,EAAE,SAAS,OAAO,IAAK,CAAA;AACvC;AAAA,QACF;AAEA,kBAAU,QAAQ,EAAE,SAAS,OAAQ,CAAA;AAErC,wBAAgB,KAAK;AAAA,eACd,GAAG;AACV,gBAAQ,MAAM,CAAC;AAEf,kBAAU,MAAM,EAAE,SAAS,OAAQ,CAAA;AAAA,MACrC;AAAA,IAAA;AAGF,UAAM,oBAAoB,YAAY;AACpC,YAAM,YAAY,MAAM,aAAa,QAAQ,UAAU;AAAA,QACrD,MAAM;AAAA,MACP,CAAA,EAAE;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAGR,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AAEI,UAAA;AACF,cAAM,SAAS,MAAM,MAAM,YAAY,gBAAgB,cAAc;AAEjE,YAAA,OAAO,SAAS,KAAK;AACvB,oBAAU,MAAM,EAAE,SAAS,OAAO,IAAK,CAAA;AACvC;AAAA,QACF;AAEA,kBAAU,QAAQ,EAAE,SAAS,OAAQ,CAAA;AACrC,wBAAgB,KAAK;AAAA,eACd,GAAG;AACV,gBAAQ,MAAM,CAAC;AACf,kBAAU,MAAM,EAAE,SAAS,OAAQ,CAAA;AAAA,MACrC;AAAA,IAAA;AAGF,UAAM,uBAAuB,MAAM;AACP,gCAAA,qBAAqB,MAAM,WAAW,CAAE;AAElE,6BAAuB,QAAQ;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/ms/pages/ms-role/index.vue"],"sourcesContent":["<template>\r\n<div class=\"ms-role\">\r\n <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"null\">\r\n <template #title>\r\n <h3 style=\"color: var(--el-text-color-regular);margin-left: 10px;\">\r\n <MKSvgIcon iconClass=\"jiaoseguanli\" style=\"margin-right: 5px;\" />\r\n 角色管理\r\n </h3>\r\n </template>\r\n <template #extra>\r\n <el-button type=\"primary\" text @click=\"handleAddRoleClick\" style=\"margin-right: 10px;\">\r\n <MKSvgIcon iconClass=\"Plus\" style=\"margin-right: 5px;\" />\r\n 添加角色\r\n </el-button>\r\n </template>\r\n </el-page-header>\r\n <div class=\"ms-role__body-warp\">\r\n <div class=\"ms-role__aside\">\r\n <RoleAside\r\n @role-select=\"handleRoleSelect\"\r\n :role-form=\"roleForm\"\r\n ref=\"RoleAsideEl\"\r\n />\r\n </div>\r\n <div class=\"ms-role__main\">\r\n <div class=\"ms-role__content\" v-if=\"currentRole\">\r\n <div class=\"flex-box\">\r\n <div class=\"ms-role__title flex-box-main\">\r\n <MKSvgIcon class=\"ms-role-aside__role-icon\" iconClass=\"User\" />\r\n {{ currentRole.desc }}\r\n </div>\r\n <div class=\"ms-role__tools\">\r\n <ElButton type=\"primary\" text @click=\"handlePermissionEdit\">\r\n <template #icon>\r\n <MKSvgIcon iconClass=\"Key\" />\r\n </template>\r\n 权限设置\r\n </ElButton>\r\n <ElButton type=\"primary\" @click=\"handleSelectUserClick\">\r\n <template #icon>\r\n <MKSvgIcon iconClass=\"User\" />\r\n </template>\r\n 添加成员\r\n </ElButton>\r\n <ElButton\r\n :disabled=\"disabledBatchDelete\"\r\n @click=\"handleBatchDelete\"\r\n >\r\n 批量删除\r\n </ElButton>\r\n </div>\r\n </div>\r\n <MKDataTable :data-table=\"memberRoleTable\">\r\n <MKTable />\r\n <MKDataTablePagination />\r\n </MKDataTable>\r\n </div>\r\n </div>\r\n </div>\r\n <ElDialog v-model=\"isShowPermissionDialog\" appendToBody width=\"80%\">\r\n <MKRolePermissionConfig :rolePermissionConfigTable=\"rolePermissionConfigTable\" />\r\n </ElDialog>\r\n</div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport {\r\n reactive,\r\n Ref,\r\n ref,\r\n watch,\r\n unref,\r\n computed,\r\n onBeforeUnmount,\r\n} from \"vue\";\r\nimport { ElButton, ElMessage, ElMessageBox } from \"element-plus\";\r\nimport { Dialoger } from \"@maketribe/dm\";\r\nimport { DvOpt } from \"@maketribe/request\";\r\nimport { MKDataTable } from \"../../../../components\";\r\nimport {\r\n MsRole,\r\n MsMemberRoleTable,\r\n MsRoleForm,\r\n RolePermissionConfigTable,\r\n} from \"../../dataviews\";\r\nimport RoleAside from \"./components/aside.vue\";\r\nimport { MKRolePermissionConfig } from \"./components/role-permission-config\";\r\n\r\nconst dvOpt = DvOpt.createInstance({ name: \"ms-member-role\" });\r\n\r\nconst currentRole: Ref<MsRole \| null> = ref(null);\r\n\r\nconst isShowPermissionDialog = ref(false);\r\n\r\nconst memberRoleTable = reactive(new MsMemberRoleTable()) as MsMemberRoleTable;\r\n\r\nconst roleForm = reactive(new MsRoleForm()) as MsRoleForm;\r\nconst rolePermissionConfigTable = reactive(\r\n new RolePermissionConfigTable()\r\n) as RolePermissionConfigTable;\r\n\r\nconst disabledBatchDelete = computed(\r\n () => memberRoleTable.getSelection().length === 0\r\n);\r\n\r\nwatch(currentRole, (currentRole) => {\r\n memberRoleTable.setCurrentRole(currentRole);\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n memberRoleTable.dispose();\r\n roleForm.dispose();\r\n rolePermissionConfigTable.dispose();\r\n});\r\n\r\nconst handleAddRoleClick = () => {\r\n Dialoger.dataFormDialog({\r\n dataForm: roleForm\r\n });\r\n};\r\n\r\nconst handleRoleSelect = (role: MsRole) => {\r\n currentRole.value = role;\r\n};\r\n\r\nconst handleSelectUserClick = async () => {\r\n const selectResult = await Dialoger.dataTableSelectDialog(\r\n memberRoleTable.memberTable\r\n );\r\n\r\n if (!selectResult.isConfirm) {\r\n return;\r\n }\r\n\r\n const roleId = unref(currentRole)!.id;\r\n\r\n const memberRoleList = selectResult.selections.map((item) => ({\r\n roleId,\r\n memberId: item,\r\n }));\r\n\r\n try {\r\n const result = await dvOpt.batchSave(memberRoleList);\r\n\r\n if (result.code !== 200) {\r\n ElMessage.error({ message: result.msg });\r\n return;\r\n }\r\n\r\n ElMessage.success({ message: \"添加成功\" });\r\n\r\n memberRoleTable.load();\r\n } catch (e) {\r\n console.error(e);\r\n\r\n ElMessage.error({ message: \"网络异常\" });\r\n }\r\n};\r\n\r\nconst handleBatchDelete = async () => {\r\n const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\r\n type: \"warning\",\r\n }).then(\r\n () => true,\r\n () => false\r\n );\r\n\r\n if (!isConfirm) {\r\n return;\r\n }\r\n\r\n try {\r\n const result = await dvOpt.batchDelete(memberRoleTable.getSelection());\r\n\r\n if (result.code !== 200) {\r\n ElMessage.error({ message: result.msg });\r\n return;\r\n }\r\n\r\n ElMessage.success({ message: \"删除成功\" });\r\n memberRoleTable.load();\r\n } catch (e) {\r\n console.error(e);\r\n ElMessage.error({ message: \"网络异常\" });\r\n }\r\n};\r\n\r\nconst handlePermissionEdit = () => {\r\n rolePermissionConfigTable.selectRolePermission(unref(currentRole)!);\r\n\r\n isShowPermissionDialog.value = true;\r\n};\r\n</script>\r\n"],"names":["currentRole"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ,MAAM,eAAe,EAAE,MAAM,kBAAkB;AAEvD,UAAA,cAAkC,IAAI,IAAI;AAE1C,UAAA,yBAAyB,IAAI,KAAK;AAExC,UAAM,kBAAkB,SAAS,IAAI,kBAAmB,CAAA;AAExD,UAAM,WAAW,SAAS,IAAI,WAAY,CAAA;AAC1C,UAAM,4BAA4B;AAAA,MAChC,IAAI,0BAA0B;AAAA,IAAA;AAGhC,UAAM,sBAAsB;AAAA,MAC1B,MAAM,gBAAgB,eAAe,WAAW;AAAA,IAAA;AAG5C,UAAA,aAAa,CAACA,iBAAgB;AAClC,sBAAgB,eAAeA,YAAW;AAAA,IAAA,CAC3C;AAED,oBAAgB,MAAM;AACpB,sBAAgB,QAAQ;AACxB,eAAS,QAAQ;AACjB,gCAA0B,QAAQ;AAAA,IAAA,CACnC;AAED,UAAM,qBAAqB,MAAM;AAC/B,eAAS,eAAe;AAAA,QACtB,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAGG,UAAA,mBAAmB,CAAC,SAAiB;AACzC,kBAAY,QAAQ;AAAA,IAAA;AAGtB,UAAM,wBAAwB,YAAY;AAClC,YAAA,eAAe,MAAM,SAAS;AAAA,QAClC,gBAAgB;AAAA,MAAA;AAGd,UAAA,CAAC,aAAa,WAAW;AAC3B;AAAA,MACF;AAEM,YAAA,SAAS,MAAM,WAAW,EAAG;AAEnC,YAAM,iBAAiB,aAAa,WAAW,IAAI,CAAC,UAAU;AAAA,QAC5D;AAAA,QACA,UAAU;AAAA,MACV,EAAA;AAEE,UAAA;AACF,cAAM,SAAS,MAAM,MAAM,UAAU,cAAc;AAE/C,YAAA,OAAO,SAAS,KAAK;AACvB,oBAAU,MAAM,EAAE,SAAS,OAAO,IAAK,CAAA;AACvC;AAAA,QACF;AAEA,kBAAU,QAAQ,EAAE,SAAS,OAAQ,CAAA;AAErC,wBAAgB,KAAK;AAAA,eACd,GAAG;AACV,gBAAQ,MAAM,CAAC;AAEf,kBAAU,MAAM,EAAE,SAAS,OAAQ,CAAA;AAAA,MACrC;AAAA,IAAA;AAGF,UAAM,oBAAoB,YAAY;AACpC,YAAM,YAAY,MAAM,aAAa,QAAQ,UAAU;AAAA,QACrD,MAAM;AAAA,MACP,CAAA,EAAE;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAGR,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AAEI,UAAA;AACF,cAAM,SAAS,MAAM,MAAM,YAAY,gBAAgB,cAAc;AAEjE,YAAA,OAAO,SAAS,KAAK;AACvB,oBAAU,MAAM,EAAE,SAAS,OAAO,IAAK,CAAA;AACvC;AAAA,QACF;AAEA,kBAAU,QAAQ,EAAE,SAAS,OAAQ,CAAA;AACrC,wBAAgB,KAAK;AAAA,eACd,GAAG;AACV,gBAAQ,MAAM,CAAC;AACf,kBAAU,MAAM,EAAE,SAAS,OAAQ,CAAA;AAAA,MACrC;AAAA,IAAA;AAGF,UAAM,uBAAuB,MAAM;AACP,gCAAA,qBAAqB,MAAM,WAAW,CAAE;AAElE,6BAAuB,QAAQ;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/page/index/404.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"404.vue.js","sources":["../../../../src/page/index/404.vue"],"sourcesContent":["<template>\n <div>404</div>\n</template>\n\n<script setup lang=\"ts\">\n</script>\n"],"names":[],"mappings":";;;AACE,SAAA,YAAA,MAAA,QAAA;;;;"}
1	+ {"version":3,"file":"404.vue.js","sources":["../../../../src/page/index/404.vue"],"sourcesContent":["<template>\r\n <div>404</div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n</script>\r\n"],"names":[],"mappings":";;;AACE,SAAA,YAAA,MAAA,QAAA;;;;"}

package/dist/esm/page/index/dv/default/edit.vue2.js CHANGED Viewed

@@ -28,6 +28,7 @@ import "../../../../components/basic/upload-file/upload-file-options.js";
 import "../../../../components/basic/doc-editor/index.js";
 import "../../../../components/basic/copy-container/index.js";
 import "../../../../components/basic/image-cropper/index.js";
+import "../../../../components/basic/visual-page-editor/index.js";
 import { MKDataForm } from "../../../../components/data-model/data-form/index.js";
 import "../../../../components/data-model/data-table/index.js";
 import "../../../../components/data-model/data-table-pagination/index.js";

package/dist/esm/page/index/dv/default/edit.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"edit.vue2.js","sources":["../../../../../../src/page/index/dv/default/edit.vue"],"sourcesContent":["<template>\n <MKPageContainer v-if=\"dataForm\">\n <MKDataForm :data-form=\"dataForm\" />\n </MKPageContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, Ref, reactive } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataForm } from \"@maketribe/dm\";\nimport { DataModelDefines } from \"../../../../core\";\nimport { MKDataForm, MKPageContainer } from \"../../../../components\";\n\nconst router = useRouter();\n\nconst id = computed(() => unref(router.currentRoute).params.id as string);\n\nconst dataForm: Ref<DataForm \| null> = computed(() => {\n const dataForm = DataModelDefines.instance.getDataForm(\n unref(router.currentRoute).meta.name as string\n );\n\n return dataForm ? (reactive(dataForm) as DataForm) : null;\n});\n\nwatch(\n dataForm,\n (dataForm) => {\n if (!dataForm) {\n return;\n }\n\n dataForm.submittedEvent.on(() => {\n router.push({ name: `dv/${dataForm.name}/list` });\n });\n\n dataForm.cancelEvent.on(() => {\n router.push({ name: `dv/${dataForm.name}/list` });\n });\n\n if (!unref(id)) {\n unref(dataForm)?.addRecord();\n return;\n }\n\n unref(dataForm)?.editRecord(unref(id));\n },\n { immediate: true }\n);\n</script>\n"],"names":["dataForm"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAaA,UAAM,SAAS;AAET,UAAA,KAAK,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,OAAO,EAAY;AAElE,UAAA,WAAiC,SAAS,MAAM;AAC9CA,YAAAA,YAAW,iBAAiB,SAAS;AAAA,QACzC,MAAM,OAAO,YAAY,EAAE,KAAK;AAAA,MAAA;AAG3BA,aAAAA,YAAY,SAASA,SAAQ,IAAiB;AAAA,IAAA,CACtD;AAED;AAAA,MACE;AAAA,MACA,CAACA,cAAa;;AACZ,YAAI,CAACA,WAAU;AACb;AAAA,QACF;AAEAA,kBAAS,eAAe,GAAG,MAAM;AAC/B,iBAAO,KAAK,EAAE,MAAM,MAAMA,UAAS,IAAI,SAAS;AAAA,QAAA,CACjD;AAEDA,kBAAS,YAAY,GAAG,MAAM;AAC5B,iBAAO,KAAK,EAAE,MAAM,MAAMA,UAAS,IAAI,SAAS;AAAA,QAAA,CACjD;AAEG,YAAA,CAAC,MAAM,EAAE,GAAG;AACRA,sBAAAA,SAAQ,MAARA,mBAAW;AACjB;AAAA,QACF;AAEA,oBAAMA,SAAQ,MAAd,mBAAiB,WAAW,MAAM,EAAE;AAAA,MACtC;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;;;;;;;;;;;"}
1	+ {"version":3,"file":"edit.vue2.js","sources":["../../../../../../src/page/index/dv/default/edit.vue"],"sourcesContent":["<template>\r\n <MKPageContainer v-if=\"dataForm\">\r\n <MKDataForm :data-form=\"dataForm\" />\r\n </MKPageContainer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { unref, computed, watch, Ref, reactive } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { DataForm } from \"@maketribe/dm\";\r\nimport { DataModelDefines } from \"../../../../core\";\r\nimport { MKDataForm, MKPageContainer } from \"../../../../components\";\r\n\r\nconst router = useRouter();\r\n\r\nconst id = computed(() => unref(router.currentRoute).params.id as string);\r\n\r\nconst dataForm: Ref<DataForm \| null> = computed(() => {\r\n const dataForm = DataModelDefines.instance.getDataForm(\r\n unref(router.currentRoute).meta.name as string\r\n );\r\n\r\n return dataForm ? (reactive(dataForm) as DataForm) : null;\r\n});\r\n\r\nwatch(\r\n dataForm,\r\n (dataForm) => {\r\n if (!dataForm) {\r\n return;\r\n }\r\n\r\n dataForm.submittedEvent.on(() => {\r\n router.push({ name: `dv/${dataForm.name}/list` });\r\n });\r\n\r\n dataForm.cancelEvent.on(() => {\r\n router.push({ name: `dv/${dataForm.name}/list` });\r\n });\r\n\r\n if (!unref(id)) {\r\n unref(dataForm)?.addRecord();\r\n return;\r\n }\r\n\r\n unref(dataForm)?.editRecord(unref(id));\r\n },\r\n { immediate: true }\r\n);\r\n</script>\r\n"],"names":["dataForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAM,SAAS;AAET,UAAA,KAAK,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,OAAO,EAAY;AAElE,UAAA,WAAiC,SAAS,MAAM;AAC9CA,YAAAA,YAAW,iBAAiB,SAAS;AAAA,QACzC,MAAM,OAAO,YAAY,EAAE,KAAK;AAAA,MAAA;AAG3BA,aAAAA,YAAY,SAASA,SAAQ,IAAiB;AAAA,IAAA,CACtD;AAED;AAAA,MACE;AAAA,MACA,CAACA,cAAa;;AACZ,YAAI,CAACA,WAAU;AACb;AAAA,QACF;AAEAA,kBAAS,eAAe,GAAG,MAAM;AAC/B,iBAAO,KAAK,EAAE,MAAM,MAAMA,UAAS,IAAI,SAAS;AAAA,QAAA,CACjD;AAEDA,kBAAS,YAAY,GAAG,MAAM;AAC5B,iBAAO,KAAK,EAAE,MAAM,MAAMA,UAAS,IAAI,SAAS;AAAA,QAAA,CACjD;AAEG,YAAA,CAAC,MAAM,EAAE,GAAG;AACRA,sBAAAA,SAAQ,MAARA,mBAAW;AACjB;AAAA,QACF;AAEA,oBAAMA,SAAQ,MAAd,mBAAiB,WAAW,MAAM,EAAE;AAAA,MACtC;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;;;;;;;;;;;"}

package/dist/esm/page/index/dv/default/single/list/dialog.vue2.js CHANGED Viewed

@@ -25,6 +25,7 @@ import "../../../../../../components/basic/upload-file/upload-file-options.js";
 import "../../../../../../components/basic/doc-editor/index.js";
 import "../../../../../../components/basic/copy-container/index.js";
 import "../../../../../../components/basic/image-cropper/index.js";
+import "../../../../../../components/basic/visual-page-editor/index.js";
 import "../../../../../../components/data-model/data-form/index.js";
 import { MKDataTable } from "../../../../../../components/data-model/data-table/index.js";
 import "../../../../../../components/data-model/data-table-pagination/index.js";

package/dist/esm/page/index/dv/default/single/list/dialog.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/list/dialog.vue"],"sourcesContent":["<template>\n <MKPageContainer v-if=\"dataTable\">\n <MKDataTable :data-table=\"dataTable\" enableQueryParams />\n </MKPageContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataForm, DataTable } from \"@maketribe/dm\";\nimport { MKDataTable, MKPageContainer } from \"../../../../../../components\";\nimport { DataModelDefines } from \"../../../../../../core\";\nimport { useSingleViewWithDialog } from \"../../../../../../composables\";\n\nconst router = useRouter();\n\nconst dataTable: Ref<DataTable \| null> = ref(null);\nconst dataForm: Ref<DataForm \| null> = ref(null);\n\nwatch(\n computed(() => unref(router.currentRoute).meta.name as string),\n (name) => {\n dataTable.value = DataModelDefines.instance.getDataTable(name);\n dataForm.value = DataModelDefines.instance.getDataForm(name);\n },\n { immediate: true }\n);\n\nuseSingleViewWithDialog({ dataTable, dataForm });\n</script>\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAcA,UAAM,SAAS;AAET,UAAA,YAAmC,IAAI,IAAI;AAC3C,UAAA,WAAiC,IAAI,IAAI;AAE/C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,kBAAU,QAAQ,iBAAiB,SAAS,aAAa,IAAI;AAC7D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGI,4BAAA,EAAE,WAAW,SAAA,CAAU;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"dialog.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/list/dialog.vue"],"sourcesContent":["<template>\r\n <MKPageContainer v-if=\"dataTable\">\r\n <MKDataTable :data-table=\"dataTable\" enableQueryParams />\r\n </MKPageContainer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { unref, computed, watch, ref, Ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { DataForm, DataTable } from \"@maketribe/dm\";\r\nimport { MKDataTable, MKPageContainer } from \"../../../../../../components\";\r\nimport { DataModelDefines } from \"../../../../../../core\";\r\nimport { useSingleViewWithDialog } from \"../../../../../../composables\";\r\n\r\nconst router = useRouter();\r\n\r\nconst dataTable: Ref<DataTable \| null> = ref(null);\r\nconst dataForm: Ref<DataForm \| null> = ref(null);\r\n\r\nwatch(\r\n computed(() => unref(router.currentRoute).meta.name as string),\r\n (name) => {\r\n dataTable.value = DataModelDefines.instance.getDataTable(name);\r\n dataForm.value = DataModelDefines.instance.getDataForm(name);\r\n },\r\n { immediate: true }\r\n);\r\n\r\nuseSingleViewWithDialog({ dataTable, dataForm });\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,UAAM,SAAS;AAET,UAAA,YAAmC,IAAI,IAAI;AAC3C,UAAA,WAAiC,IAAI,IAAI;AAE/C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,kBAAU,QAAQ,iBAAiB,SAAS,aAAa,IAAI;AAC7D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGI,4BAAA,EAAE,WAAW,SAAA,CAAU;;;;;;;;;;;;;;"}

package/dist/esm/page/index/dv/default/single/list/normal.vue2.js CHANGED Viewed

@@ -25,6 +25,7 @@ import "../../../../../../components/basic/upload-file/upload-file-options.js";
 import "../../../../../../components/basic/doc-editor/index.js";
 import "../../../../../../components/basic/copy-container/index.js";
 import "../../../../../../components/basic/image-cropper/index.js";
+import "../../../../../../components/basic/visual-page-editor/index.js";
 import { MKDataForm } from "../../../../../../components/data-model/data-form/index.js";
 import { MKDataTable } from "../../../../../../components/data-model/data-table/index.js";
 import "../../../../../../components/data-model/data-table-pagination/index.js";

package/dist/esm/page/index/dv/default/single/list/normal.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"normal.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/list/normal.vue"],"sourcesContent":["<template>\n <MKPageContainer v-if=\"dataTable\" v-show=\"!isShowDataForm\">\n <MKDataTable :data-table=\"dataTable\" enableQueryParams />\n </MKPageContainer>\n <MKPageContainer v-if=\"dataForm\" v-show=\"isShowDataForm\">\n <MKDataForm :data-form=\"dataForm\" KDataForm />\n </MKPageContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataForm, DataTable } from \"@maketribe/dm\";\nimport {\n MKDataTable,\n MKDataForm,\n MKPageContainer,\n} from \"../../../../../../components\";\nimport { DataModelDefines } from \"../../../../../../core\";\nimport { useSingleView } from \"../../../../../../composables\";\n\nconst router = useRouter();\n\nconst dataTable: Ref<DataTable \| null> = ref(null);\nconst dataForm: Ref<DataForm \| null> = ref(null);\n\nwatch(\n computed(() => unref(router.currentRoute).meta.name as string),\n (name) => {\n dataTable.value = DataModelDefines.instance.getDataTable(name);\n dataForm.value = DataModelDefines.instance.getDataForm(name);\n },\n { immediate: true }\n);\n\nconst { isShowDataForm } = useSingleView({ dataTable, dataForm });\n</script>\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAqBA,UAAM,SAAS;AAET,UAAA,YAAmC,IAAI,IAAI;AAC3C,UAAA,WAAiC,IAAI,IAAI;AAE/C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,kBAAU,QAAQ,iBAAiB,SAAS,aAAa,IAAI;AAC7D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpB,UAAM,EAAE,eAAe,IAAI,cAAc,EAAE,WAAW,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"normal.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/list/normal.vue"],"sourcesContent":["<template>\r\n <MKPageContainer v-if=\"dataTable\" v-show=\"!isShowDataForm\">\r\n <MKDataTable :data-table=\"dataTable\" enableQueryParams />\r\n </MKPageContainer>\r\n <MKPageContainer v-if=\"dataForm\" v-show=\"isShowDataForm\">\r\n <MKDataForm :data-form=\"dataForm\" KDataForm />\r\n </MKPageContainer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { unref, computed, watch, ref, Ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { DataForm, DataTable } from \"@maketribe/dm\";\r\nimport {\r\n MKDataTable,\r\n MKDataForm,\r\n MKPageContainer,\r\n} from \"../../../../../../components\";\r\nimport { DataModelDefines } from \"../../../../../../core\";\r\nimport { useSingleView } from \"../../../../../../composables\";\r\n\r\nconst router = useRouter();\r\n\r\nconst dataTable: Ref<DataTable \| null> = ref(null);\r\nconst dataForm: Ref<DataForm \| null> = ref(null);\r\n\r\nwatch(\r\n computed(() => unref(router.currentRoute).meta.name as string),\r\n (name) => {\r\n dataTable.value = DataModelDefines.instance.getDataTable(name);\r\n dataForm.value = DataModelDefines.instance.getDataForm(name);\r\n },\r\n { immediate: true }\r\n);\r\n\r\nconst { isShowDataForm } = useSingleView({ dataTable, dataForm });\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,UAAM,SAAS;AAET,UAAA,YAAmC,IAAI,IAAI;AAC3C,UAAA,WAAiC,IAAI,IAAI;AAE/C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,kBAAU,QAAQ,iBAAiB,SAAS,aAAa,IAAI;AAC7D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpB,UAAM,EAAE,eAAe,IAAI,cAAc,EAAE,WAAW,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/page/index/dv/default/single/table-tree/dialog.vue2.js CHANGED Viewed

@@ -28,6 +28,7 @@ import "../../../../../../components/basic/upload-file/upload-file-options.js";
 import "../../../../../../components/basic/doc-editor/index.js";
 import "../../../../../../components/basic/copy-container/index.js";
 import "../../../../../../components/basic/image-cropper/index.js";
+import "../../../../../../components/basic/visual-page-editor/index.js";
 import "../../../../../../components/data-model/data-form/index.js";
 import { MKDataTable } from "../../../../../../components/data-model/data-table/index.js";
 import "../../../../../../components/data-model/data-table-pagination/index.js";

package/dist/esm/page/index/dv/default/single/table-tree/dialog.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/table-tree/dialog.vue"],"sourcesContent":["<template>\n <MKPageContainer v-if=\"dataTree\">\n <MKDataTable :data-table=\"dataTree\" enableQueryParams>\n <MKTableView>\n <MKTableTree />\n </MKTableView>\n </MKDataTable>\n </MKPageContainer>\n</template>\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataForm, DataTree } from \"@maketribe/dm\";\nimport { DataModelDefines } from \"../../../../../../core\";\nimport {\n MKPageContainer,\n MKDataTable,\n MKTableView,\n MKTableTree,\n} from \"../../../../../../components\";\nimport { useSingleViewWithDialog } from \"../../../../../../composables\";\n\nconst router = useRouter();\n\nconst dataTree: Ref<DataTree \| null> = ref(null);\nconst dataForm: Ref<DataForm \| null> = ref(null);\n\nwatch(\n computed(() => unref(router.currentRoute).meta.name as string),\n (name) => {\n dataTree.value = DataModelDefines.instance.getDataTree(name);\n\n dataForm.value = DataModelDefines.instance.getDataForm(name);\n },\n { immediate: true }\n);\n\nuseSingleViewWithDialog({ dataTable: dataTree, dataForm });\n</script>\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAsBA,UAAM,SAAS;AAET,UAAA,WAAiC,IAAI,IAAI;AACzC,UAAA,WAAiC,IAAI,IAAI;AAE/C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAE3D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpB,4BAAwB,EAAE,WAAW,UAAU,SAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"dialog.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/table-tree/dialog.vue"],"sourcesContent":["<template>\r\n <MKPageContainer v-if=\"dataTree\">\r\n <MKDataTable :data-table=\"dataTree\" enableQueryParams>\r\n <MKTableView>\r\n <MKTableTree />\r\n </MKTableView>\r\n </MKDataTable>\r\n </MKPageContainer>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { unref, computed, watch, ref, Ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { DataForm, DataTree } from \"@maketribe/dm\";\r\nimport { DataModelDefines } from \"../../../../../../core\";\r\nimport {\r\n MKPageContainer,\r\n MKDataTable,\r\n MKTableView,\r\n MKTableTree,\r\n} from \"../../../../../../components\";\r\nimport { useSingleViewWithDialog } from \"../../../../../../composables\";\r\n\r\nconst router = useRouter();\r\n\r\nconst dataTree: Ref<DataTree \| null> = ref(null);\r\nconst dataForm: Ref<DataForm \| null> = ref(null);\r\n\r\nwatch(\r\n computed(() => unref(router.currentRoute).meta.name as string),\r\n (name) => {\r\n dataTree.value = DataModelDefines.instance.getDataTree(name);\r\n\r\n dataForm.value = DataModelDefines.instance.getDataForm(name);\r\n },\r\n { immediate: true }\r\n);\r\n\r\nuseSingleViewWithDialog({ dataTable: dataTree, dataForm });\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,UAAM,SAAS;AAET,UAAA,WAAiC,IAAI,IAAI;AACzC,UAAA,WAAiC,IAAI,IAAI;AAE/C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAE3D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpB,4BAAwB,EAAE,WAAW,UAAU,SAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/page/index/dv/default/single/table-tree/normal.vue2.js CHANGED Viewed

@@ -28,6 +28,7 @@ import "../../../../../../components/basic/upload-file/upload-file-options.js";
 import "../../../../../../components/basic/doc-editor/index.js";
 import "../../../../../../components/basic/copy-container/index.js";
 import "../../../../../../components/basic/image-cropper/index.js";
+import "../../../../../../components/basic/visual-page-editor/index.js";
 import { MKDataForm } from "../../../../../../components/data-model/data-form/index.js";
 import { MKDataTable } from "../../../../../../components/data-model/data-table/index.js";
 import "../../../../../../components/data-model/data-table-pagination/index.js";

package/dist/esm/page/index/dv/default/single/table-tree/normal.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"normal.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/table-tree/normal.vue"],"sourcesContent":["<template>\n <MKPageContainer v-if=\"dataTree\" v-show=\"!isShowDataForm\">\n <MKDataTable :data-table=\"dataTree\" enableQueryParams>\n <MKTableView>\n <MKTableTree />\n </MKTableView>\n </MKDataTable>\n </MKPageContainer>\n\n <MKPageContainer v-if=\"dataForm\" v-show=\"isShowDataForm\">\n <MKDataForm :data-form=\"dataForm\" KDataForm />\n </MKPageContainer>\n</template>\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataForm, DataTree } from \"@maketribe/dm\";\nimport { DataModelDefines } from \"../../../../../../core\";\nimport {\n MKPageContainer,\n MKDataTable,\n MKTableView,\n MKTableTree,\n MKDataForm,\n} from \"../../../../../../components\";\nimport { useSingleView } from \"../../../../../../composables\";\n\nconst router = useRouter();\n\nconst dataTree: Ref<DataTree \| null> = ref(null);\nconst dataForm: Ref<DataForm \| null> = ref(null);\n\nwatch(\n computed(() => unref(router.currentRoute).meta.name as string),\n (name) => {\n dataTree.value = DataModelDefines.instance.getDataTree(name as string);\n\n dataForm.value = DataModelDefines.instance.getDataForm(name);\n },\n { immediate: true }\n);\n\nconst { isShowDataForm } = useSingleView({ dataTable: dataTree, dataForm });\n</script>\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AA2BA,UAAM,SAAS;AAET,UAAA,WAAiC,IAAI,IAAI;AACzC,UAAA,WAAiC,IAAI,IAAI;AAE/C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAc;AAErE,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGd,UAAA,EAAE,mBAAmB,cAAc,EAAE,WAAW,UAAU,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"normal.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/table-tree/normal.vue"],"sourcesContent":["<template>\r\n <MKPageContainer v-if=\"dataTree\" v-show=\"!isShowDataForm\">\r\n <MKDataTable :data-table=\"dataTree\" enableQueryParams>\r\n <MKTableView>\r\n <MKTableTree />\r\n </MKTableView>\r\n </MKDataTable>\r\n </MKPageContainer>\r\n\r\n <MKPageContainer v-if=\"dataForm\" v-show=\"isShowDataForm\">\r\n <MKDataForm :data-form=\"dataForm\" KDataForm />\r\n </MKPageContainer>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { unref, computed, watch, ref, Ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { DataForm, DataTree } from \"@maketribe/dm\";\r\nimport { DataModelDefines } from \"../../../../../../core\";\r\nimport {\r\n MKPageContainer,\r\n MKDataTable,\r\n MKTableView,\r\n MKTableTree,\r\n MKDataForm,\r\n} from \"../../../../../../components\";\r\nimport { useSingleView } from \"../../../../../../composables\";\r\n\r\nconst router = useRouter();\r\n\r\nconst dataTree: Ref<DataTree \| null> = ref(null);\r\nconst dataForm: Ref<DataForm \| null> = ref(null);\r\n\r\nwatch(\r\n computed(() => unref(router.currentRoute).meta.name as string),\r\n (name) => {\r\n dataTree.value = DataModelDefines.instance.getDataTree(name as string);\r\n\r\n dataForm.value = DataModelDefines.instance.getDataForm(name);\r\n },\r\n { immediate: true }\r\n);\r\n\r\nconst { isShowDataForm } = useSingleView({ dataTable: dataTree, dataForm });\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,UAAM,SAAS;AAET,UAAA,WAAiC,IAAI,IAAI;AACzC,UAAA,WAAiC,IAAI,IAAI;AAE/C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAc;AAErE,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGd,UAAA,EAAE,mBAAmB,cAAc,EAAE,WAAW,UAAU,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/page/index/dv/default/single/tree/dialog.vue2.js CHANGED Viewed

@@ -25,6 +25,7 @@ import "../../../../../../components/basic/upload-file/upload-file-options.js";
 import "../../../../../../components/basic/doc-editor/index.js";
 import "../../../../../../components/basic/copy-container/index.js";
 import "../../../../../../components/basic/image-cropper/index.js";
+import "../../../../../../components/basic/visual-page-editor/index.js";
 import "../../../../../../components/data-model/data-form/index.js";
 import "../../../../../../components/data-model/data-table/index.js";
 import "../../../../../../components/data-model/data-table-pagination/index.js";

package/dist/esm/page/index/dv/default/single/tree/dialog.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/tree/dialog.vue"],"sourcesContent":["<template>\n <MKDataTablePage v-if=\"dataTree\" :data-table=\"dataTree\">\n <MKTreeView />\n </MKDataTablePage>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref, Ref, ref, watch } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataForm, DataTree } from \"@maketribe/dm\";\nimport { MKTreeView } from \"../../../../../../components\";\nimport { DataModelDefines } from \"../../../../../../core\";\nimport { useSingleViewWithDialog } from \"../../../../../../composables\";\n\nconst router = useRouter();\n\nconst dataTree: Ref<DataTree \| null> = ref(null);\nconst dataForm: Ref<DataForm \| null> = ref(null);\n\nwatch(\n computed(() => unref(router.currentRoute).meta.name as string),\n (name) => {\n dataTree.value = DataModelDefines.instance.getDataTree(name);\n dataForm.value = DataModelDefines.instance.getDataForm(name);\n },\n { immediate: true }\n);\n\nuseSingleViewWithDialog({ dataTable: dataTree, dataForm });\n</script>\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAcA,UAAM,SAAS;AAET,UAAA,WAAiC,IAAI,IAAI;AACzC,UAAA,WAAiC,IAAI,IAAI;AAE/C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAC3D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpB,4BAAwB,EAAE,WAAW,UAAU,SAAU,CAAA;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"dialog.vue2.js","sources":["../../../../../../../../src/page/index/dv/default/single/tree/dialog.vue"],"sourcesContent":["<template>\r\n <MKDataTablePage v-if=\"dataTree\" :data-table=\"dataTree\">\r\n <MKTreeView />\r\n </MKDataTablePage>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, unref, Ref, ref, watch } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { DataForm, DataTree } from \"@maketribe/dm\";\r\nimport { MKTreeView } from \"../../../../../../components\";\r\nimport { DataModelDefines } from \"../../../../../../core\";\r\nimport { useSingleViewWithDialog } from \"../../../../../../composables\";\r\n\r\nconst router = useRouter();\r\n\r\nconst dataTree: Ref<DataTree \| null> = ref(null);\r\nconst dataForm: Ref<DataForm \| null> = ref(null);\r\n\r\nwatch(\r\n computed(() => unref(router.currentRoute).meta.name as string),\r\n (name) => {\r\n dataTree.value = DataModelDefines.instance.getDataTree(name);\r\n dataForm.value = DataModelDefines.instance.getDataForm(name);\r\n },\r\n { immediate: true }\r\n);\r\n\r\nuseSingleViewWithDialog({ dataTable: dataTree, dataForm });\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,UAAM,SAAS;AAET,UAAA,WAAiC,IAAI,IAAI;AACzC,UAAA,WAAiC,IAAI,IAAI;AAE/C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAC3D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpB,4BAAwB,EAAE,WAAW,UAAU,SAAU,CAAA;;;;;;;;;;;;;;;"}

package/dist/esm/page/index/dv/default/table.vue2.js CHANGED Viewed

@@ -28,6 +28,7 @@ import "../../../../components/basic/upload-file/upload-file-options.js";
 import "../../../../components/basic/doc-editor/index.js";
 import "../../../../components/basic/copy-container/index.js";
 import "../../../../components/basic/image-cropper/index.js";
+import "../../../../components/basic/visual-page-editor/index.js";
 import "../../../../components/data-model/data-form/index.js";
 import { MKDataTable } from "../../../../components/data-model/data-table/index.js";
 import "../../../../components/data-model/data-table-pagination/index.js";

package/dist/esm/page/index/dv/default/table.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table.vue2.js","sources":["../../../../../../src/page/index/dv/default/table.vue"],"sourcesContent":["<template>\n <MKPageContainer v-if=\"dataTable\">\n <MKDataTable :data-table=\"dataTable\" selection enableQueryParams />\n </MKPageContainer>\n</template>\n<script setup lang=\"ts\">\nimport { unref, computed, watch, ref, Ref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { DataModelDefines } from \"../../../../core\";\nimport { MKDataTable, MKPageContainer } from \"../../../../components\";\n\nconst router = useRouter();\n\nconst dataTable: Ref<DataTable \| null> = ref(null);\n\nwatch(\n computed(() => unref(router.currentRoute).meta.name as string),\n ([_dataTable, name]) => {\n dataTable.value = DataModelDefines.instance.getDataTable(name as string);\n },\n { immediate: true }\n);\n\nwatch(\n dataTable,\n (dataTable, _, onCleanup) => {\n if (dataTable) {\n dataTable.addRecordEvent.on(() => {\n router.push({ name: `dv/${dataTable.name}/edit` });\n });\n\n dataTable.editRecordEvent.on(({ item }) => {\n router.push({\n name: `dv/${dataTable.name}/edit`,\n params: { id: item[dataTable?.primaryKey as string] },\n });\n });\n }\n\n onCleanup(() => {\n dataTable?.clearSelection();\n dataTable?.dispose();\n });\n },\n { immediate: true }\n);\n</script>\n"],"names":["dataTable"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAYA,UAAM,SAAS;AAET,UAAA,YAAmC,IAAI,IAAI;AAEjD;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,CAAC,YAAY,IAAI,MAAM;AACtB,kBAAU,QAAQ,iBAAiB,SAAS,aAAa,IAAc;AAAA,MACzE;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpB;AAAA,MACE;AAAA,MACA,CAACA,YAAW,GAAG,cAAc;AAC3B,YAAIA,YAAW;AACbA,qBAAU,eAAe,GAAG,MAAM;AAChC,mBAAO,KAAK,EAAE,MAAM,MAAMA,WAAU,IAAI,SAAS;AAAA,UAAA,CAClD;AAEDA,qBAAU,gBAAgB,GAAG,CAAC,EAAE,WAAW;AACzC,mBAAO,KAAK;AAAA,cACV,MAAM,MAAMA,WAAU,IAAI;AAAA,cAC1B,QAAQ,EAAE,IAAI,KAAKA,yCAAW,UAAoB,EAAE;AAAA,YAAA,CACrD;AAAA,UAAA,CACF;AAAA,QACH;AAEA,kBAAU,MAAM;AACdA,mDAAW;AACXA,mDAAW;AAAA,QAAQ,CACpB;AAAA,MACH;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"table.vue2.js","sources":["../../../../../../src/page/index/dv/default/table.vue"],"sourcesContent":["<template>\r\n <MKPageContainer v-if=\"dataTable\">\r\n <MKDataTable :data-table=\"dataTable\" selection enableQueryParams />\r\n </MKPageContainer>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { unref, computed, watch, ref, Ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\nimport { DataModelDefines } from \"../../../../core\";\r\nimport { MKDataTable, MKPageContainer } from \"../../../../components\";\r\n\r\nconst router = useRouter();\r\n\r\nconst dataTable: Ref<DataTable \| null> = ref(null);\r\n\r\nwatch(\r\n computed(() => unref(router.currentRoute).meta.name as string),\r\n ([_dataTable, name]) => {\r\n dataTable.value = DataModelDefines.instance.getDataTable(name as string);\r\n },\r\n { immediate: true }\r\n);\r\n\r\nwatch(\r\n dataTable,\r\n (dataTable, _, onCleanup) => {\r\n if (dataTable) {\r\n dataTable.addRecordEvent.on(() => {\r\n router.push({ name: `dv/${dataTable.name}/edit` });\r\n });\r\n\r\n dataTable.editRecordEvent.on(({ item }) => {\r\n router.push({\r\n name: `dv/${dataTable.name}/edit`,\r\n params: { id: item[dataTable?.primaryKey as string] },\r\n });\r\n });\r\n }\r\n\r\n onCleanup(() => {\r\n dataTable?.clearSelection();\r\n dataTable?.dispose();\r\n });\r\n },\r\n { immediate: true }\r\n);\r\n</script>\r\n"],"names":["dataTable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAM,SAAS;AAET,UAAA,YAAmC,IAAI,IAAI;AAEjD;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,CAAC,YAAY,IAAI,MAAM;AACtB,kBAAU,QAAQ,iBAAiB,SAAS,aAAa,IAAc;AAAA,MACzE;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpB;AAAA,MACE;AAAA,MACA,CAACA,YAAW,GAAG,cAAc;AAC3B,YAAIA,YAAW;AACbA,qBAAU,eAAe,GAAG,MAAM;AAChC,mBAAO,KAAK,EAAE,MAAM,MAAMA,WAAU,IAAI,SAAS;AAAA,UAAA,CAClD;AAEDA,qBAAU,gBAAgB,GAAG,CAAC,EAAE,WAAW;AACzC,mBAAO,KAAK;AAAA,cACV,MAAM,MAAMA,WAAU,IAAI;AAAA,cAC1B,QAAQ,EAAE,IAAI,KAAKA,yCAAW,UAAoB,EAAE;AAAA,YAAA,CACrD;AAAA,UAAA,CACF;AAAA,QACH;AAEA,kBAAU,MAAM;AACdA,mDAAW;AACXA,mDAAW;AAAA,QAAQ,CACpB;AAAA,MACH;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;;;;;;;;;;;;;;;"}

package/dist/esm/page/login/index.vue2.js CHANGED Viewed

@@ -29,6 +29,7 @@ import "../../components/basic/upload-file/upload-file-options.js";
 import "../../components/basic/doc-editor/index.js";
 import "../../components/basic/copy-container/index.js";
 import "../../components/basic/image-cropper/index.js";
+import "../../components/basic/visual-page-editor/index.js";
 import "../../components/data-model/data-form/index.js";
 import "../../components/data-model/data-table/index.js";
 import "../../components/data-model/data-table-pagination/index.js";

package/dist/esm/page/login/index.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.vue2.js","sources":["../../../../src/page/login/index.vue"],"sourcesContent":["<template>\r\n <SimplePageLayout class=\"login-wrap\">\r\n <div class=\"login-form-wrap\">\r\n\r\n <template v-if=\"!forgotPassword\">\r\n <div class=\"login-form-title\"> 账号登录 </div>\r\n <div class=\"login-form-item\">\r\n <div></div>\r\n <span class=\"notify\">\r\n 没有账号？\r\n <el-link :underline=\"false\" type=\"primary\" @click=\"router.push('/signup')\">\r\n 申请账号\r\n <MKSvgIcon iconClass=\"ArrowRightBold\" style=\"margin-left: 5px;\" />\r\n </el-link>\r\n </span>\r\n </div>\r\n </template>\r\n <template v-else>\r\n <div class=\"login-form-title\">账号重置</div>\r\n <div class=\"login-form-item\">\r\n 新密码将会在重置后送至 {{loginFormData.account}} 绑定的邮箱！请查收！\r\n </div>\r\n </template> \r\n \r\n <ElForm :model=\"loginFormData\" :rules=\"rules\" size=\"large\" ref=\"formEl\" @submit.native.prevent>\r\n <ElFormItem prop=\"account\">\r\n <ElInput\r\n v-model=\"loginFormData.account\"\r\n placeholder=\"帐号\"\r\n @keyup.enter.native.prevent=\"sendAction\"\r\n />\r\n </ElFormItem>\r\n <ElFormItem prop=\"password\" style=\"margin-top: 30px;\" v-if=\"!forgotPassword\">\r\n <ElInput\r\n v-model=\"loginFormData.password\"\r\n type=\"password\"\r\n placeholder=\"密码\"\r\n @keyup.enter.native.prevent=\"sendAction\"\r\n />\r\n </ElFormItem>\r\n <div class=\"login-form-item\">\r\n <div></div>\r\n <el-link :underline=\"false\" type=\"primary\" @click=\"forgotPassword = !forgotPassword\">\r\n {{forgotPassword ? \"返回登陆\" : \"忘记密码\" }}\r\n <MKSvgIcon iconClass=\"ArrowRightBold\" style=\"margin-left: 2px;\" />\r\n </el-link>\r\n </div>\r\n <ElFormItem>\r\n <ElButton type=\"primary\" style=\"width: 100%\" :loading=\"loading\" @click=\"sendAction\" v-if=\"!forgotPassword\">\r\n 登陆\r\n </ElButton>\r\n <ElButton type=\"primary\" v-else style=\"width: 100%\" :loading=\"loading\" @click=\"sendAction\">\r\n 重置\r\n </ElButton>\r\n </ElFormItem>\r\n </ElForm>\r\n <!-- <ElDivider></ElDivider> -->\r\n </div>\r\n </SimplePageLayout>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElMessage, ElForm, ElFormItem } from \"element-plus\";\r\nimport { useMSAppClient } from \"../../composables\";\r\nimport { MKOpenVerifyCode } from \"../../components\";\r\nimport { Ref, computed, reactive, ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport SimplePageLayout from \"../../layouts/components/simple-page-layout/index.vue\"\r\n\r\ndefineOptions({\r\n mkRoute: {\r\n name: \"login\",\r\n path: \"/login\",\r\n meta: {\r\n isAuthorization: false,\r\n },\r\n },\r\n});\r\n\r\nconst verifyDialog: Ref<{ fail: () => void } \| null> = ref(null);\r\n\r\n// 记住登陆状态\r\nconst rememberLoginState = ref(false);\r\n\r\nconst formEl: Ref<any> = ref(null);\r\n\r\nconst system = useMSAppClient()!;\r\n\r\nconst router = useRouter();\r\n\r\nconst loading = ref(false);\r\n\r\nconst loginDisabled = computed(\r\n () => !loginFormData.account \|\| !loginFormData.password\r\n);\r\nconst resetDisabled = computed(() => !loginFormData.account);\r\n\r\nconst forgotPassword = ref(false);\r\nconst scene = computed(() =>\r\n forgotPassword.value ? \"ModifyPassword\" : \"Login\"\r\n);\r\n\r\nconst rules = {\r\n account: [{ required: true, message: \"账号必填\" }],\r\n password: [{ required: true, message: \"密码必填\" }],\r\n};\r\n\r\nconst loginFormData = reactive({\r\n account: \"\",\r\n password: \"\",\r\n vCode: \"\",\r\n});\r\n\r\n// 发起动作可能是登录也可能是修改密码\r\nconst sendAction = async (v: number) => {\r\n\r\n // 验证不通过\r\n if(!await formEl.value?.validate()){\r\n return;\r\n }\r\n // 验证码\r\n var vResult = await MKOpenVerifyCode({ sence:scene.value } as any);\r\n\r\n // 转成字符串格式\r\n loginFormData.vCode = vResult+\"\";\r\n\r\n try {\r\n\r\n loading.value = true;\r\n\r\n if (forgotPassword.value) {\r\n\r\n const { data } = await system.resetPassword(\r\n loginFormData.account,\r\n loginFormData.vCode\r\n );\r\n\r\n if (data.code !== 200) {\r\n ElMessage.error(data.msg \|\| \"重置邮箱失败！\");\r\n return;\r\n }\r\n\r\n ElMessage.success(\"重置密码邮件已发送到邮箱\");\r\n forgotPassword.value = false;\r\n\r\n } else {\r\n\r\n const { data } = await system.login(\r\n loginFormData.account,\r\n loginFormData.password,\r\n loginFormData.vCode\r\n );\r\n\r\n if (data.code !== 200) {\r\n ElMessage.error(data.msg \|\| \"登录失败!\");\r\n return;\r\n }\r\n\r\n router.push({ path: \"/\" });\r\n }\r\n } catch (e) {\r\n ElMessage.error(\"登录失败\");\r\n } finally {\r\n loading.value = false;\r\n }\r\n};\r\n</script>\r\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AA+EuD,QAAI,IAAI;AAGpC,QAAI,KAAK;AAE9B,UAAA,SAAmB,IAAI,IAAI;AAEjC,UAAM,SAAS;AAEf,UAAM,SAAS;AAET,UAAA,UAAU,IAAI,KAAK;AAEH;AAAA,MACpB,MAAM,CAAC,cAAc,WAAW,CAAC,cAAc;AAAA,IACjD;AACsB,aAAS,MAAM,CAAC,cAAc,OAAO;AAErD,UAAA,iBAAiB,IAAI,KAAK;AAChC,UAAM,QAAQ;AAAA,MAAS,MACrB,eAAe,QAAQ,mBAAmB;AAAA,IAAA;AAG5C,UAAM,QAAQ;AAAA,MACZ,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,UAAU,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAGhD,UAAM,gBAAgB,SAAS;AAAA,MAC7B,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACR;AAGK,UAAA,aAAa,OAAO,MAAc;;AAGtC,UAAG,CAAC,QAAM,YAAO,UAAP,mBAAc,aAAW;AACjC;AAAA,MACF;AAEA,UAAI,UAAU,MAAM,iBAAiB,EAAE,OAAM,MAAM,OAAc;AAGjE,oBAAc,QAAQ,UAAQ;AAE1B,UAAA;AAEF,gBAAQ,QAAQ;AAEhB,YAAI,eAAe,OAAO;AAExB,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACX,sBAAA,MAAM,KAAK,OAAO,SAAS;AACrC;AAAA,UACF;AAEA,oBAAU,QAAQ,cAAc;AAChC,yBAAe,QAAQ;AAAA,QAAA,OAElB;AAEL,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACX,sBAAA,MAAM,KAAK,OAAO,OAAO;AACnC;AAAA,UACF;AAEA,iBAAO,KAAK,EAAE,MAAM,IAAK,CAAA;AAAA,QAC3B;AAAA,eACO,GAAG;AACV,kBAAU,MAAM,MAAM;AAAA,MAAA,UACtB;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"index.vue2.js","sources":["../../../../src/page/login/index.vue"],"sourcesContent":["<template>\r\n <SimplePageLayout class=\"login-wrap\">\r\n <div class=\"login-form-wrap\">\r\n\r\n <template v-if=\"!forgotPassword\">\r\n <div class=\"login-form-title\"> 账号登录 </div>\r\n <div class=\"login-form-item\">\r\n <div></div>\r\n <span class=\"notify\">\r\n 没有账号？\r\n <el-link :underline=\"false\" type=\"primary\" @click=\"router.push('/signup')\">\r\n 申请账号\r\n <MKSvgIcon iconClass=\"ArrowRightBold\" style=\"margin-left: 5px;\" />\r\n </el-link>\r\n </span>\r\n </div>\r\n </template>\r\n <template v-else>\r\n <div class=\"login-form-title\">账号重置</div>\r\n <div class=\"login-form-item\">\r\n 新密码将会在重置后送至 {{loginFormData.account}} 绑定的邮箱！请查收！\r\n </div>\r\n </template> \r\n \r\n <ElForm :model=\"loginFormData\" :rules=\"rules\" size=\"large\" ref=\"formEl\" @submit.native.prevent>\r\n <ElFormItem prop=\"account\">\r\n <ElInput\r\n v-model=\"loginFormData.account\"\r\n placeholder=\"帐号\"\r\n @keyup.enter.native.prevent=\"sendAction\"\r\n />\r\n </ElFormItem>\r\n <ElFormItem prop=\"password\" style=\"margin-top: 30px;\" v-if=\"!forgotPassword\">\r\n <ElInput\r\n v-model=\"loginFormData.password\"\r\n type=\"password\"\r\n placeholder=\"密码\"\r\n @keyup.enter.native.prevent=\"sendAction\"\r\n />\r\n </ElFormItem>\r\n <div class=\"login-form-item\">\r\n <div></div>\r\n <el-link :underline=\"false\" type=\"primary\" @click=\"forgotPassword = !forgotPassword\">\r\n {{forgotPassword ? \"返回登陆\" : \"忘记密码\" }}\r\n <MKSvgIcon iconClass=\"ArrowRightBold\" style=\"margin-left: 2px;\" />\r\n </el-link>\r\n </div>\r\n <ElFormItem>\r\n <ElButton type=\"primary\" style=\"width: 100%\" :loading=\"loading\" @click=\"sendAction\" v-if=\"!forgotPassword\">\r\n 登陆\r\n </ElButton>\r\n <ElButton type=\"primary\" v-else style=\"width: 100%\" :loading=\"loading\" @click=\"sendAction\">\r\n 重置\r\n </ElButton>\r\n </ElFormItem>\r\n </ElForm>\r\n <!-- <ElDivider></ElDivider> -->\r\n </div>\r\n </SimplePageLayout>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElMessage, ElForm, ElFormItem } from \"element-plus\";\r\nimport { useMSAppClient } from \"../../composables\";\r\nimport { MKOpenVerifyCode } from \"../../components\";\r\nimport { Ref, computed, reactive, ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport SimplePageLayout from \"../../layouts/components/simple-page-layout/index.vue\"\r\n\r\ndefineOptions({\r\n mkRoute: {\r\n name: \"login\",\r\n path: \"/login\",\r\n meta: {\r\n isAuthorization: false,\r\n },\r\n },\r\n});\r\n\r\nconst verifyDialog: Ref<{ fail: () => void } \| null> = ref(null);\r\n\r\n// 记住登陆状态\r\nconst rememberLoginState = ref(false);\r\n\r\nconst formEl: Ref<any> = ref(null);\r\n\r\nconst system = useMSAppClient()!;\r\n\r\nconst router = useRouter();\r\n\r\nconst loading = ref(false);\r\n\r\nconst loginDisabled = computed(\r\n () => !loginFormData.account \|\| !loginFormData.password\r\n);\r\nconst resetDisabled = computed(() => !loginFormData.account);\r\n\r\nconst forgotPassword = ref(false);\r\nconst scene = computed(() =>\r\n forgotPassword.value ? \"ModifyPassword\" : \"Login\"\r\n);\r\n\r\nconst rules = {\r\n account: [{ required: true, message: \"账号必填\" }],\r\n password: [{ required: true, message: \"密码必填\" }],\r\n};\r\n\r\nconst loginFormData = reactive({\r\n account: \"\",\r\n password: \"\",\r\n vCode: \"\",\r\n});\r\n\r\n// 发起动作可能是登录也可能是修改密码\r\nconst sendAction = async (v: number) => {\r\n\r\n // 验证不通过\r\n if(!await formEl.value?.validate()){\r\n return;\r\n }\r\n // 验证码\r\n var vResult = await MKOpenVerifyCode({ sence:scene.value } as any);\r\n\r\n // 转成字符串格式\r\n loginFormData.vCode = vResult+\"\";\r\n\r\n try {\r\n\r\n loading.value = true;\r\n\r\n if (forgotPassword.value) {\r\n\r\n const { data } = await system.resetPassword(\r\n loginFormData.account,\r\n loginFormData.vCode\r\n );\r\n\r\n if (data.code !== 200) {\r\n ElMessage.error(data.msg \|\| \"重置邮箱失败！\");\r\n return;\r\n }\r\n\r\n ElMessage.success(\"重置密码邮件已发送到邮箱\");\r\n forgotPassword.value = false;\r\n\r\n } else {\r\n\r\n const { data } = await system.login(\r\n loginFormData.account,\r\n loginFormData.password,\r\n loginFormData.vCode\r\n );\r\n\r\n if (data.code !== 200) {\r\n ElMessage.error(data.msg \|\| \"登录失败!\");\r\n return;\r\n }\r\n\r\n router.push({ path: \"/\" });\r\n }\r\n } catch (e) {\r\n ElMessage.error(\"登录失败\");\r\n } finally {\r\n loading.value = false;\r\n }\r\n};\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EuD,QAAI,IAAI;AAGpC,QAAI,KAAK;AAE9B,UAAA,SAAmB,IAAI,IAAI;AAEjC,UAAM,SAAS;AAEf,UAAM,SAAS;AAET,UAAA,UAAU,IAAI,KAAK;AAEH;AAAA,MACpB,MAAM,CAAC,cAAc,WAAW,CAAC,cAAc;AAAA,IACjD;AACsB,aAAS,MAAM,CAAC,cAAc,OAAO;AAErD,UAAA,iBAAiB,IAAI,KAAK;AAChC,UAAM,QAAQ;AAAA,MAAS,MACrB,eAAe,QAAQ,mBAAmB;AAAA,IAAA;AAG5C,UAAM,QAAQ;AAAA,MACZ,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,UAAU,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAGhD,UAAM,gBAAgB,SAAS;AAAA,MAC7B,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACR;AAGK,UAAA,aAAa,OAAO,MAAc;;AAGtC,UAAG,CAAC,QAAM,YAAO,UAAP,mBAAc,aAAW;AACjC;AAAA,MACF;AAEA,UAAI,UAAU,MAAM,iBAAiB,EAAE,OAAM,MAAM,OAAc;AAGjE,oBAAc,QAAQ,UAAQ;AAE1B,UAAA;AAEF,gBAAQ,QAAQ;AAEhB,YAAI,eAAe,OAAO;AAExB,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACX,sBAAA,MAAM,KAAK,OAAO,SAAS;AACrC;AAAA,UACF;AAEA,oBAAU,QAAQ,cAAc;AAChC,yBAAe,QAAQ;AAAA,QAAA,OAElB;AAEL,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACX,sBAAA,MAAM,KAAK,OAAO,OAAO;AACnC;AAAA,UACF;AAEA,iBAAO,KAAK,EAAE,MAAM,IAAK,CAAA;AAAA,QAC3B;AAAA,eACO,GAAG;AACV,kBAAU,MAAM,MAAM;AAAA,MAAA,UACtB;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/page/signup/index.vue2.js CHANGED Viewed

@@ -29,6 +29,7 @@ import "../../components/basic/upload-file/upload-file-options.js";
 import "../../components/basic/doc-editor/index.js";
 import "../../components/basic/copy-container/index.js";
 import "../../components/basic/image-cropper/index.js";
+import "../../components/basic/visual-page-editor/index.js";
 import "../../components/data-model/data-form/index.js";
 import "../../components/data-model/data-table/index.js";
 import "../../components/data-model/data-table-pagination/index.js";

package/dist/esm/page/signup/index.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.vue2.js","sources":["../../../../src/page/signup/index.vue"],"sourcesContent":["<template>\r\n <SimplePageLayout class=\"login-wrap\">\r\n <div class=\"login-form-wrap\">\r\n <div class=\"login-form-title\"> 账号申请 </div>\r\n <div class=\"login-form-item\">\r\n <div></div>\r\n <span class=\"notify\">\r\n 已有账号？\r\n <el-link :underline=\"false\" type=\"primary\" @click=\"router.push('/login')\">\r\n 返回登录\r\n <MKSvgIcon iconClass=\"ArrowRightBold\" style=\"margin-left: 5px;\" />\r\n </el-link>\r\n </span>\r\n </div>\r\n <ElForm\r\n :model=\"signFormData\"\r\n :rules=\"rules\"\r\n size=\"large\"\r\n ref=\"formEl\"\r\n >\r\n <ElFormItem prop=\"account\">\r\n <ElInput v-model=\"signFormData.account\" placeholder=\"帐号\" />\r\n </ElFormItem>\r\n <ElFormItem prop=\"email\">\r\n <ElInput v-model=\"signFormData.email\" placeholder=\"邮箱\" />\r\n </ElFormItem>\r\n <ElFormItem prop=\"name\">\r\n <ElInput v-model=\"signFormData.name\" placeholder=\"姓名\" />\r\n </ElFormItem>\r\n <ElFormItem prop=\"nickName\">\r\n <ElInput v-model=\"signFormData.nickName\" placeholder=\"昵称\" />\r\n </ElFormItem>\r\n <ElFormItem prop=\"phone\">\r\n <ElInput v-model=\"signFormData.phone\" placeholder=\"手机号\" />\r\n </ElFormItem>\r\n\r\n <ElFormItem>\r\n <ElButton type=\"primary\" style=\"width: 100%\"\r\n :loading=\"loading\" @click=\"handleAccountApply\">\r\n 提交申请\r\n </ElButton>\r\n </ElFormItem>\r\n </ElForm>\r\n </div>\r\n </SimplePageLayout>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { Ref, computed, reactive, ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { FormRules } from \"element-plus\";\r\nimport { Messager } from \"@maketribe/dm\";\r\nimport { useHttpRequest } from \"../../composables\";\r\nimport { MKOpenVerifyCode } from \"../../components\";\r\nimport SimplePageLayout from \"../../layouts/components/simple-page-layout/index.vue\"\r\n\r\ndefineOptions({\r\n mkRoute: {\r\n name: \"signup\",\r\n path: \"/signup\",\r\n meta: {\r\n isAuthorization: false,\r\n },\r\n },\r\n});\r\n\r\nconst formEl: Ref<any> = ref(null);\r\n\r\nconst router = useRouter();\r\n\r\nconst httpRequest = useHttpRequest()!;\r\n\r\nconst loading = ref(false);\r\n\r\nconst rules: FormRules = {\r\n account: [{ required: true, message: \"账号必填\" }],\r\n email: [\r\n {\r\n required: true,\r\n trigger: \"change\",\r\n validator: (rule, value, callback) => {\r\n if (!value) {\r\n callback(new Error(\"邮箱必填\"));\r\n } else if (\r\n !/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/.test(value)\r\n ) {\r\n callback(new Error(\"邮箱规则不符\"));\r\n } else {\r\n callback();\r\n }\r\n },\r\n },\r\n ],\r\n name: [{ required: true, message: \"姓名必填\" }],\r\n};\r\n\r\n\r\nconst signFormData = reactive({\r\n account: \"\",\r\n email: \"\",\r\n name: \"\",\r\n nickName: \"\",\r\n phone: \"\",\r\n vCdoe:\"\"\r\n});\r\n\r\nconst handleAccountApply = async () => {\r\n\r\n if(! await formEl.value.validate()){\r\n return ;\r\n }\r\n\r\n // 验证码\r\n signFormData.vCdoe = (await MKOpenVerifyCode({ sence:\"AccountApply\" } as any)) + \"\";\r\n\r\n const result = await httpRequest.post(\"ms/app/account-apply\",signFormData);\r\n\r\n if (result.data.code != 200) {\r\n Messager.error({ message: result.data.msg \|\| \"注册失败\"});\r\n return;\r\n }\r\n\r\n Messager.success({ message: \"注册成功,请联系管理员通过验证\" });\r\n};\r\n\r\n// 记住登陆状态\r\nconst rememberLoginState = ref(false);\r\n</script>\r\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAkEM,UAAA,SAAmB,IAAI,IAAI;AAEjC,UAAM,SAAS;AAEf,UAAM,cAAc;AAEd,UAAA,UAAU,IAAI,KAAK;AAEzB,UAAM,QAAmB;AAAA,MACvB,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW,CAAC,MAAM,OAAO,aAAa;AACpC,gBAAI,CAAC,OAAO;AACD,uBAAA,IAAI,MAAM,MAAM,CAAC;AAAA,YAE1B,WAAA,CAAC,qDAAqD,KAAK,KAAK,GAChE;AACS,uBAAA,IAAI,MAAM,QAAQ,CAAC;AAAA,YAAA,OACvB;AACI;YACX;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,MAAM,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAI5C,UAAM,eAAe,SAAS;AAAA,MAC5B,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAM;AAAA,IAAA,CACP;AAED,UAAM,qBAAqB,YAAY;AAErC,UAAG,CAAE,MAAM,OAAO,MAAM,YAAW;AACjC;AAAA,MACF;AAGA,mBAAa,QAAS,MAAM,iBAAiB,EAAE,OAAM,eAAA,CAAuB,IAAK;AAEjF,YAAM,SAAS,MAAM,YAAY,KAAK,wBAAuB,YAAY;AAErE,UAAA,OAAO,KAAK,QAAQ,KAAK;AAC3B,iBAAS,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,QAAO;AACpD;AAAA,MACF;AAEA,eAAS,QAAQ,EAAE,SAAS,kBAAmB,CAAA;AAAA,IAAA;AAItB,QAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"index.vue2.js","sources":["../../../../src/page/signup/index.vue"],"sourcesContent":["<template>\r\n <SimplePageLayout class=\"login-wrap\">\r\n <div class=\"login-form-wrap\">\r\n <div class=\"login-form-title\"> 账号申请 </div>\r\n <div class=\"login-form-item\">\r\n <div></div>\r\n <span class=\"notify\">\r\n 已有账号？\r\n <el-link :underline=\"false\" type=\"primary\" @click=\"router.push('/login')\">\r\n 返回登录\r\n <MKSvgIcon iconClass=\"ArrowRightBold\" style=\"margin-left: 5px;\" />\r\n </el-link>\r\n </span>\r\n </div>\r\n <ElForm\r\n :model=\"signFormData\"\r\n :rules=\"rules\"\r\n size=\"large\"\r\n ref=\"formEl\"\r\n >\r\n <ElFormItem prop=\"account\">\r\n <ElInput v-model=\"signFormData.account\" placeholder=\"帐号\" />\r\n </ElFormItem>\r\n <ElFormItem prop=\"email\">\r\n <ElInput v-model=\"signFormData.email\" placeholder=\"邮箱\" />\r\n </ElFormItem>\r\n <ElFormItem prop=\"name\">\r\n <ElInput v-model=\"signFormData.name\" placeholder=\"姓名\" />\r\n </ElFormItem>\r\n <ElFormItem prop=\"nickName\">\r\n <ElInput v-model=\"signFormData.nickName\" placeholder=\"昵称\" />\r\n </ElFormItem>\r\n <ElFormItem prop=\"phone\">\r\n <ElInput v-model=\"signFormData.phone\" placeholder=\"手机号\" />\r\n </ElFormItem>\r\n\r\n <ElFormItem>\r\n <ElButton type=\"primary\" style=\"width: 100%\"\r\n :loading=\"loading\" @click=\"handleAccountApply\">\r\n 提交申请\r\n </ElButton>\r\n </ElFormItem>\r\n </ElForm>\r\n </div>\r\n </SimplePageLayout>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { Ref, computed, reactive, ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { FormRules } from \"element-plus\";\r\nimport { Messager } from \"@maketribe/dm\";\r\nimport { useHttpRequest } from \"../../composables\";\r\nimport { MKOpenVerifyCode } from \"../../components\";\r\nimport SimplePageLayout from \"../../layouts/components/simple-page-layout/index.vue\"\r\n\r\ndefineOptions({\r\n mkRoute: {\r\n name: \"signup\",\r\n path: \"/signup\",\r\n meta: {\r\n isAuthorization: false,\r\n },\r\n },\r\n});\r\n\r\nconst formEl: Ref<any> = ref(null);\r\n\r\nconst router = useRouter();\r\n\r\nconst httpRequest = useHttpRequest()!;\r\n\r\nconst loading = ref(false);\r\n\r\nconst rules: FormRules = {\r\n account: [{ required: true, message: \"账号必填\" }],\r\n email: [\r\n {\r\n required: true,\r\n trigger: \"change\",\r\n validator: (rule, value, callback) => {\r\n if (!value) {\r\n callback(new Error(\"邮箱必填\"));\r\n } else if (\r\n !/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/.test(value)\r\n ) {\r\n callback(new Error(\"邮箱规则不符\"));\r\n } else {\r\n callback();\r\n }\r\n },\r\n },\r\n ],\r\n name: [{ required: true, message: \"姓名必填\" }],\r\n};\r\n\r\n\r\nconst signFormData = reactive({\r\n account: \"\",\r\n email: \"\",\r\n name: \"\",\r\n nickName: \"\",\r\n phone: \"\",\r\n vCdoe:\"\"\r\n});\r\n\r\nconst handleAccountApply = async () => {\r\n\r\n if(! await formEl.value.validate()){\r\n return ;\r\n }\r\n\r\n // 验证码\r\n signFormData.vCdoe = (await MKOpenVerifyCode({ sence:\"AccountApply\" } as any)) + \"\";\r\n\r\n const result = await httpRequest.post(\"ms/app/account-apply\",signFormData);\r\n\r\n if (result.data.code != 200) {\r\n Messager.error({ message: result.data.msg \|\| \"注册失败\"});\r\n return;\r\n }\r\n\r\n Messager.success({ message: \"注册成功,请联系管理员通过验证\" });\r\n};\r\n\r\n// 记住登陆状态\r\nconst rememberLoginState = ref(false);\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEM,UAAA,SAAmB,IAAI,IAAI;AAEjC,UAAM,SAAS;AAEf,UAAM,cAAc;AAEd,UAAA,UAAU,IAAI,KAAK;AAEzB,UAAM,QAAmB;AAAA,MACvB,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW,CAAC,MAAM,OAAO,aAAa;AACpC,gBAAI,CAAC,OAAO;AACD,uBAAA,IAAI,MAAM,MAAM,CAAC;AAAA,YAE1B,WAAA,CAAC,qDAAqD,KAAK,KAAK,GAChE;AACS,uBAAA,IAAI,MAAM,QAAQ,CAAC;AAAA,YAAA,OACvB;AACI;YACX;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,MAAM,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAI5C,UAAM,eAAe,SAAS;AAAA,MAC5B,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAM;AAAA,IAAA,CACP;AAED,UAAM,qBAAqB,YAAY;AAErC,UAAG,CAAE,MAAM,OAAO,MAAM,YAAW;AACjC;AAAA,MACF;AAGA,mBAAa,QAAS,MAAM,iBAAiB,EAAE,OAAM,eAAA,CAAuB,IAAK;AAEjF,YAAM,SAAS,MAAM,YAAY,KAAK,wBAAuB,YAAY;AAErE,UAAA,OAAO,KAAK,QAAQ,KAAK;AAC3B,iBAAS,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,QAAO;AACpD;AAAA,MACF;AAEA,eAAS,QAAQ,EAAE,SAAS,kBAAmB,CAAA;AAAA,IAAA;AAItB,QAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/router-middleware/auth.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"auth.js","sources":["../../../src/router-middleware/auth.ts"],"sourcesContent":["import { RouteLocationNormalized, RouteLocationRaw } from \"vue-router\";\nimport type { MSAppClient } from \"../core\";\n\nexport const authBeforeEach = async (\n msAppClient: MSAppClient,\n to: RouteLocationNormalized,\n from: RouteLocationNormalized\n): Promise<RouteLocationRaw \| void> => {\n if (to.meta.isAuthorization === false) {\n return;\n }\n\n let userSession = msAppClient.userSession;\n\n if (!userSession) {\n try {\n await msAppClient.loadCurrentUserSession();\n\n userSession = msAppClient.userSession;\n\n if (!userSession) {\n return { name: \"login\" };\n }\n\n // 因为登陆成功会添加用户可以访问的路由，这里给到vue-router去重新resolve\n return { path: to.path, query: to.query, params: to.params } as RouteLocationNormalized;\n } catch (e) {\n return { name: \"login\" };\n }\n }\n};\n"],"names":[],"mappings":"AAGO,MAAM,iBAAiB,OAC5B,aACA,IACA,SACqC;AACjC,MAAA,GAAG,KAAK,oBAAoB,OAAO;AACrC;AAAA,EACF;AAEA,MAAI,cAAc,YAAY;AAE9B,MAAI,CAAC,aAAa;AACZ,QAAA;AACF,YAAM,YAAY;AAElB,oBAAc,YAAY;AAE1B,UAAI,CAAC,aAAa;AACT,eAAA,EAAE,MAAM;MACjB;AAGO,aAAA,EAAE,MAAM,GAAG,MAAM,OAAO,GAAG,OAAO,QAAQ,GAAG;aAC7C,GAAG;AACH,aAAA,EAAE,MAAM;IACjB;AAAA,EACF;AACF;"}
1	+ {"version":3,"file":"auth.js","sources":["../../../src/router-middleware/auth.ts"],"sourcesContent":["import { RouteLocationNormalized, RouteLocationRaw } from \"vue-router\";\r\nimport type { MSAppClient } from \"../core\";\r\n\r\nexport const authBeforeEach = async (\r\n msAppClient: MSAppClient,\r\n to: RouteLocationNormalized,\r\n from: RouteLocationNormalized\r\n): Promise<RouteLocationRaw \| void> => {\r\n if (to.meta.isAuthorization === false) {\r\n return;\r\n }\r\n\r\n let userSession = msAppClient.userSession;\r\n\r\n if (!userSession) {\r\n try {\r\n await msAppClient.loadCurrentUserSession();\r\n\r\n userSession = msAppClient.userSession;\r\n\r\n if (!userSession) {\r\n return { name: \"login\" };\r\n }\r\n\r\n // 因为登陆成功会添加用户可以访问的路由，这里给到vue-router去重新resolve\r\n return { path: to.path, query: to.query, params: to.params } as RouteLocationNormalized;\r\n } catch (e) {\r\n return { name: \"login\" };\r\n }\r\n }\r\n};\r\n"],"names":[],"mappings":"AAGO,MAAM,iBAAiB,OAC5B,aACA,IACA,SACqC;AACjC,MAAA,GAAG,KAAK,oBAAoB,OAAO;AACrC;AAAA,EACF;AAEA,MAAI,cAAc,YAAY;AAE9B,MAAI,CAAC,aAAa;AACZ,QAAA;AACF,YAAM,YAAY;AAElB,oBAAc,YAAY;AAE1B,UAAI,CAAC,aAAa;AACT,eAAA,EAAE,MAAM;MACjB;AAGO,aAAA,EAAE,MAAM,GAAG,MAAM,OAAO,GAAG,OAAO,QAAQ,GAAG;aAC7C,GAAG;AACH,aAAA,EAAE,MAAM;IACjB;AAAA,EACF;AACF;"}

package/dist/style/components/basic/doc-editor/index.css CHANGED Viewed

	@@ -1 +1 @@
1	- .mk-doc-editor-~~inline~~-toolbar,.mk-doc-editor-toolbar{background-color:#fff;padding:10px 20px;z-index:1;text-align:center}.mk-doc-editor-~~inline~~-toolbar-content-style-item,.mk-doc-editor-toolbar-content-style-item{font-size:14px;text-align:left;margin:5px}.mk-doc-editor-~~inline~~-toolbar-content-style-item.text,.mk-doc-editor-toolbar-content-style-item.text{font-size:20px}.mk-doc-editor-~~inline~~-toolbar-content-style-item h1,.mk-doc-editor-~~inline~~-toolbar-content-style-item h2,.mk-doc-editor-~~inline~~-toolbar-content-style-item h3,.mk-doc-editor-~~inline~~-toolbar-content-style-item h4,.mk-doc-editor-~~inline~~-toolbar-content-style-item h5,.mk-doc-editor-~~inline~~-toolbar-content-style-item h6,.mk-doc-editor-toolbar-content-style-item h1,.mk-doc-editor-toolbar-content-style-item h2,.mk-doc-editor-toolbar-content-style-item h3,.mk-doc-editor-toolbar-content-style-item h4,.mk-doc-editor-toolbar-content-style-item h5,.mk-doc-editor-toolbar-content-style-item h6{padding:0;margin:0;font-weight:400}.mk-doc-editor-~~inline~~-toolbar__fontcolor,.mk-doc-editor-toolbar__fontcolor{padding:0;margin-left:0!important}.mk-doc-editor-~~inline~~-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger{border:none;position:relative}.mk-doc-editor-~~inline~~-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color{border:0;position:relative}.mk-doc-editor-~~inline~~-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner{position:absolute;height:4px;bottom:0;left:0}.mk-doc-editor-~~inline~~-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner .el-icon,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner .el-icon{display:none}.mk-doc-editor-~~inline~~-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger::before,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger::before{content:"A";font-weight:700;font-size:18px;position:absolute;width:100%;z-index:1}.mk-doc-editor-~~inline~~-toolbar__bgcolor,.mk-doc-editor-toolbar__bgcolor{padding:0;margin-left:0!important;position:relative}.mk-doc-editor-~~inline~~-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger,.mk-doc-editor-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger{border:none;position:relative}.mk-doc-editor-~~inline~~-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color,.mk-doc-editor-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color{border:0;position:relative}.mk-doc-editor-~~inline~~-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner,.mk-doc-editor-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner{position:absolute;height:4px;bottom:0;left:0}.mk-doc-editor-~~inline~~-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner .el-icon,.mk-doc-editor-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner .el-icon{display:none}.mk-doc-editor-~~inline~~-toolbar__bgcolor>span,.mk-doc-editor-toolbar__bgcolor>span{justify-content:center}.mk-doc-editor-~~inline~~-toolbar__bgcolor>span>.view,.mk-doc-editor-toolbar__bgcolor>span>.view{position:absolute;pointer-events:none;font-size:18px;top:5px}.mk-doc-editor-~~inline~~-toolbar>.el-dropdown .el-button,.mk-doc-editor-toolbar>.el-dropdown .el-button{padding:8px}.mk-doc-editor-~~inline~~-toolbar>.el-button-group button,.mk-doc-editor-toolbar>.el-button-group button{font-size:18px;padding:8px}.mk-doc-editor-~~inline~~-toolbar>.el-button-group .el-button.is-text:not(.is-disabled).active,.mk-doc-editor-toolbar>.el-button-group .el-button.is-text:not(.is-disabled).active{background-color:var(--el-fill-color)}.mk-doc-editor{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.mk-doc-editor.mobile .mk-doc-editor__stage_body{max-width:640px}.mk-doc-editor__stage_iframe,.mk-doc-editor__stage_warp,.mk-doc-editor__view_iframe,.mk-doc-editor__view_warp{width:100%;height:100%;z-index:0;position:relative}.mk-doc-editor__stage_body{z-index:0;position:relative;max-width:900px;width:100%;min-height:100%;margin:auto}.mk-doc-editor__stage_warp{display:flex;flex-direction:column;padding:10px;overflow:auto;box-sizing:border-box}.mk-doc-editor__stage_warp .mk-doc-editor-~~inline~~-toolbar{position:absolute;background-color:#fff;box-shadow:1px -3px 7px 4px #ccc;padding:5px}.mk-doc-editor__stage_warp .mk-doc-editor-~~inline~~-toolbar>.el-dropdown .el-button{padding:8px 12px}.mk-doc-editor__stage_warp .mk-doc-editor-~~inline~~-toolbar>.el-button-group button{padding:8px 12px}.mk-doc-editor__stage_iframe,.mk-doc-editor__view_iframe{overflow:hidden;background-color:#fff;margin:0;border:0}.mk-doc-editor__view_warp{display:flex;background-color:var(--mk-container-border-color);overflow:auto;padding-top:10px}.mk-doc-editor__view_warp.mobile .mk-doc-editor__view_iframe{max-width:640px}.mk-doc-editor__view_iframe{max-width:900px;margin:auto;padding:20px;overflow:auto}
1	+ .mk-doc-editor-decorator-module-toolbar,.mk-doc-editor-toolbar{background-color:#fff;padding:10px 20px;z-index:1;text-align:center}.mk-doc-editor-decorator-module-toolbar-content-style-item,.mk-doc-editor-toolbar-content-style-item{font-size:14px;text-align:left;margin:5px}.mk-doc-editor-decorator-module-toolbar-content-style-item.text,.mk-doc-editor-toolbar-content-style-item.text{font-size:20px}.mk-doc-editor-decorator-module-toolbar-content-style-item h1,.mk-doc-editor-decorator-module-toolbar-content-style-item h2,.mk-doc-editor-decorator-module-toolbar-content-style-item h3,.mk-doc-editor-decorator-module-toolbar-content-style-item h4,.mk-doc-editor-decorator-module-toolbar-content-style-item h5,.mk-doc-editor-decorator-module-toolbar-content-style-item h6,.mk-doc-editor-toolbar-content-style-item h1,.mk-doc-editor-toolbar-content-style-item h2,.mk-doc-editor-toolbar-content-style-item h3,.mk-doc-editor-toolbar-content-style-item h4,.mk-doc-editor-toolbar-content-style-item h5,.mk-doc-editor-toolbar-content-style-item h6{padding:0;margin:0;font-weight:400}.mk-doc-editor-decorator-module-toolbar__fontcolor,.mk-doc-editor-toolbar__fontcolor{padding:0;margin-left:0!important}.mk-doc-editor-decorator-module-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger{border:none;position:relative}.mk-doc-editor-decorator-module-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color{border:0;position:relative}.mk-doc-editor-decorator-module-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner{position:absolute;height:4px;bottom:0;left:0}.mk-doc-editor-decorator-module-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner .el-icon,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner .el-icon{display:none}.mk-doc-editor-decorator-module-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger::before,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger::before{content:"A";font-weight:700;font-size:18px;position:absolute;width:100%;z-index:1}.mk-doc-editor-decorator-module-toolbar__bgcolor,.mk-doc-editor-toolbar__bgcolor{padding:0;margin-left:0!important;position:relative}.mk-doc-editor-decorator-module-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger,.mk-doc-editor-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger{border:none;position:relative}.mk-doc-editor-decorator-module-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color,.mk-doc-editor-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color{border:0;position:relative}.mk-doc-editor-decorator-module-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner,.mk-doc-editor-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner{position:absolute;height:4px;bottom:0;left:0}.mk-doc-editor-decorator-module-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner .el-icon,.mk-doc-editor-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner .el-icon{display:none}.mk-doc-editor-decorator-module-toolbar__bgcolor>span,.mk-doc-editor-toolbar__bgcolor>span{justify-content:center}.mk-doc-editor-decorator-module-toolbar__bgcolor>span>.view,.mk-doc-editor-toolbar__bgcolor>span>.view{position:absolute;pointer-events:none;font-size:18px;top:5px}.mk-doc-editor-decorator-module-toolbar>.el-dropdown .el-button,.mk-doc-editor-toolbar>.el-dropdown .el-button{padding:8px}.mk-doc-editor-decorator-module-toolbar>.el-button-group button,.mk-doc-editor-toolbar>.el-button-group button{font-size:18px;padding:8px}.mk-doc-editor-decorator-module-toolbar>.el-button-group .el-button.is-text:not(.is-disabled).active,.mk-doc-editor-toolbar>.el-button-group .el-button.is-text:not(.is-disabled).active{background-color:var(--el-fill-color)}.mk-doc-editor{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.mk-doc-editor.mobile .mk-doc-editor__stage_body{max-width:640px}.mk-doc-editor__stage_iframe,.mk-doc-editor__stage_warp,.mk-doc-editor__view_iframe,.mk-doc-editor__view_warp{width:100%;height:100%;z-index:0;position:relative}.mk-doc-editor__stage_body{z-index:0;position:relative;max-width:900px;width:100%;min-height:100%;margin:auto}.mk-doc-editor__stage_warp{display:flex;flex-direction:column;padding:10px;overflow:auto;box-sizing:border-box}.mk-doc-editor__stage_warp .mk-doc-editor-decorator-module-toolbar{position:absolute;background-color:#fff;box-shadow:1px -3px 7px 4px #ccc;padding:5px}.mk-doc-editor__stage_warp .mk-doc-editor-decorator-module-toolbar>.el-dropdown .el-button{padding:8px 12px}.mk-doc-editor__stage_warp .mk-doc-editor-decorator-module-toolbar>.el-button-group button{padding:8px 12px}.mk-doc-editor__stage_iframe,.mk-doc-editor__view_iframe{overflow:hidden;background-color:#fff;margin:0;border:0}.mk-doc-editor__view_warp{display:flex;background-color:var(--mk-container-border-color);overflow:auto;padding-top:10px}.mk-doc-editor__view_warp.mobile .mk-doc-editor__view_iframe{max-width:640px}.mk-doc-editor__view_iframe{max-width:900px;margin:auto;padding:20px;overflow:auto}.mk-doc-editor__module-template_dialog_warp{height:600px;display:flex;flex-direction:column}.mk-doc-editor__module-template_dialog_list-body{flex:1;height:100%;overflow:auto;padding-top:10px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px}.mk-doc-editor__module-template_dialog_list-item{width:150px;height:150px;display:flex;background-color:#dedede;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;position:relative;border:2px solid #dedede}.mk-doc-editor__module-template_dialog_list-item.active{border-color:#2196f3}.mk-doc-editor__module-template_dialog_list-item.cover img{-o-object-fit:contain;object-fit:contain;padding:10px;width:100%;height:100%;box-sizing:border-box}.mk-doc-editor__module-template_dialog_list-item.cover>.mk-doc-editor__module-template_dialog_list-item_title{width:100%;height:100%;display:none;background-color:rgba(13,13,13,.7019607843);align-items:center;justify-content:center;color:#fff;position:absolute;top:0;left:0}.mk-doc-editor__module-template_dialog_list-item.cover:hover>.mk-doc-editor__module-template_dialog_list-item_title{display:flex}

package/dist/style/components/basic/visual-page-editor/index.css ADDED Viewed

@@ -0,0 +1 @@

+ .mk-visual-page-editor-inline-toolbar,.mk-visual-page-editor-toolbar{padding:10px 20px;z-index:1;text-align:center;background-color:#fff}.mk-visual-page-editor-inline-toolbar>.el-dropdown .el-button,.mk-visual-page-editor-toolbar>.el-dropdown .el-button{padding:8px}.mk-visual-page-editor-inline-toolbar>.el-button-group button,.mk-visual-page-editor-toolbar>.el-button-group button{font-size:18px;padding:8px}.mk-visual-page-editor-inline-toolbar>.el-button-group .el-button.is-text:not(.is-disabled).active,.mk-visual-page-editor-toolbar>.el-button-group .el-button.is-text:not(.is-disabled).active{background-color:#e2e2e2}.mk-visual-page-editor{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.mk-visual-page-editor__stage{width:100%;height:100%;z-index:0;position:relative;display:flex;overflow:hidden;box-sizing:border-box;justify-content:space-between}.mk-visual-page-editor__stage::before{content:"";display:block;width:100%;height:1px;position:absolute;top:0;box-shadow:1px -3px 7px 4px #ccc}.mk-visual-page-editor__stage_body{z-index:0;position:relative;width:100%;min-height:100%;overflow:auto;padding:10px 0;box-sizing:border-box;flex:1}.mk-visual-page-editor__stage_editable{margin:auto;position:relative}.mk-visual-page-editor__stage_editable>.mk-visual-page-editor-inline-toolbar{position:absolute;left:100%;top:100%;background-color:#fff;box-shadow:1px -3px 7px 4px #ccc;padding:5px;z-index:99;transform:matrix3d(1px)}.mk-visual-page-editor__stage_editable>.mk-visual-page-editor-inline-toolbar>.el-button-group button,.mk-visual-page-editor__stage_editable>.mk-visual-page-editor-inline-toolbar>.el-dropdown .el-button{padding:8px 12px;font-size:14px;letter-spacing:.3em}.mk-visual-page-editor__stage_editable_addblock{width:100%;padding:20px;margin-bottom:50px;box-sizing:border-box;text-align:center;background-color:#e4e4e4}.mk-visual-page-editor__stage_editable_addblock .el-button{width:100%}.mk-visual-page-editor__stage_block{position:relative;width:100%;box-sizing:border-box}.mk-visual-page-editor__stage_block_mask{width:100%;height:100%;position:absolute;z-index:98;top:0;left:0;box-sizing:border-box;cursor:pointer}.mk-visual-page-editor__stage_block_mask.active{background-color:rgba(33,150,234,.3);border:2px solid #03a9f4;top:-2px}.mk-visual-page-editor__stage_left{z-index:0;position:relative;width:300px;min-height:100%;background-color:#fff}.mk-visual-page-editor__stage_right{z-index:0;position:relative;width:300px;min-height:100%;background-color:#fff}