@maketribe/ms-app 3.2.23 → 3.2.24

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

@@ -1 +1 @@
-{"version":3,"file":"role-permission-config.js","sources":["../../../../../../../../src/modules/ms/pages/ms-role/components/role-permission-config/role-permission-config.tsx"],"sourcesContent":["import {\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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"}
+{"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

@@ -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

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

@@ -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;;;;"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;;;;"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;;;;;"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;;;;;"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -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

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -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;"}
+{"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

@@ -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}
+.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

@@ -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}