@maketribe/ms-app 3.2.29 → 3.2.31

package/dist/esm/components/basic/doc-editor/themes/doc-editor-edit.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"doc-editor-edit.css.js","sources":["../../../../../../src/components/basic/doc-editor/themes/doc-editor-edit.css?raw"],"sourcesContent":["export default \"\\r\\n.mk-doc__img {\\r\\n  cursor: pointer;\\r\\n  z-index: 1;\\r\\n  position: relative;\\r\\n}\\r\\n\\r\\n.mk-doc__grid{\\r\\n  outline: 2px solid #eff5ff;\\r\\n  position: relative;\\r\\n  cursor: pointer;\\r\\n  white-space:initial;\\r\\n  word-break:initial;\\r\\n  min-height: 150px;\\r\\n}\\r\\n.mk-doc__grid.mk-doc__module-grid::before,\\r\\n.mk-doc__grid.doc-edit-active::before{\\r\\n  text-align: center;\\r\\n  background-color: #eff5ff;\\r\\n  color: #4284ff;\\r\\n  left: -20px;\\r\\n  top: 0px;\\r\\n  pointer-events: all;\\r\\n  font-size: 14px;\\r\\n  display: flex;\\r\\n  align-items: center;\\r\\n  justify-content: center;\\r\\n  z-index: 999; \\r\\n  width: 20px;\\r\\n  cursor: pointer;\\r\\n  font-size: 12px;\\r\\n  padding: 5px 0;\\r\\n}\\r\\n\\r\\n.mk-doc__grid.doc-edit-active::before{\\r\\n  content: \\\"容器\\\";\\r\\n  position: absolute;\\r\\n}\\r\\n.mk-doc__grid.mk-doc__layout-grid.doc-edit-active::before{\\r\\n  content: \\\"布局容器\\\";\\r\\n}\\r\\n/* 文本框可编辑文字 */\\r\\n.mk-doc__grid.mk-doc__text-grid :not(.mk-doc__grid){\\r\\n  cursor: text;\\r\\n}\\r\\n.mk-doc__grid.mk-doc__text-grid.doc-edit-active::before{\\r\\n  content: \\\"文本容器\\\";\\r\\n}\\r\\n\\r\\n/* 图文环绕容器 */\\r\\n.mk-doc__grid.mk-doc__image-text.doc-edit-active::before{\\r\\n  content: \\\"图文环绕容器\\\";\\r\\n}\\r\\n\\r\\n/* 图文环绕容器下的文本框不做选中 */\\r\\n.mk-doc__grid.mk-doc__image-text .mk-doc__text-grid{\\r\\n  outline: 0;\\r\\n  padding-top: 0;\\r\\n}\\r\\n.mk-doc__grid.mk-doc__image-text .mk-doc__text-grid::before{\\r\\n  display: none;\\r\\n}\\r\\n\\r\\n/* 模块容器 */\\r\\n.mk-doc__grid.mk-doc__module-grid::before{\\r\\n  content: \\\"模块容器\\\";\\r\\n  width: 200px;\\r\\n  height: 20px;\\r\\n  top:0;\\r\\n  left: 0;;\\r\\n  position: sticky;\\r\\n}\\r\\n/* 避免模块下的a标签点击 */\\r\\n.mk-doc__grid.mk-doc__module-grid a{\\r\\n  pointer-events: none;\\r\\n}\\r\\n\\r\\n/* 给布局下的格子加内边距方便编辑 */\\r\\n.mk-doc__grid.mk-doc__layout-grid >.mk-doc__grid{\\r\\n  margin: 10px;\\r\\n}\\r\\n\\r\\n/* 块选中 */\\r\\n.mk-doc__embedBlock {\\r\\n  position: relative;\\r\\n  z-index: 1;\\r\\n  padding: 1px;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc__embedBlockFocus {\\r\\n  outline: 2px solid rgb(60, 132, 244);\\r\\n}\\r\\n\\r\\n.mk-doc__embedBlock >*{\\r\\n  pointer-events: none;\\r\\n}\\r\\n\\r\\n.mk-doc-active-element-block-mark{\\r\\n  position: absolute;\\r\\n  box-sizing:border-box;\\r\\n  background-color:#2776f63b;\\r\\n  z-index: 99;\\r\\n  pointer-events: none;\\r\\n}\\r\\n.mk-doc-active-element-block-mark.box{\\r\\n  outline: 2px solid #2776f63b;\\r\\n  background-color: transparent;\\r\\n}\\r\\n\""],"names":[],"mappings":"AAAA,MAAe,mBAAA;"}
+{"version":3,"file":"doc-editor-edit.css.js","sources":["../../../../../../src/components/basic/doc-editor/themes/doc-editor-edit.css?raw"],"sourcesContent":["export default \"\\r\\n.mk-doc__img {\\r\\n  cursor: pointer;\\r\\n  z-index: 1;\\r\\n  position: relative;\\r\\n}\\r\\n\\r\\n.mk-doc__grid{\\r\\n  outline: 2px solid #eff5ff;\\r\\n  position: relative;\\r\\n  cursor: pointer;\\r\\n  white-space:initial;\\r\\n  word-break:initial;\\r\\n  min-height: 150px;\\r\\n}\\r\\n.mk-doc__grid.doc-edit-active::before{\\r\\n  text-align: center;\\r\\n  background-color: #eff5ff;\\r\\n  color: #4284ff;\\r\\n  left: -20px;\\r\\n  top: 0px;\\r\\n  pointer-events: all;\\r\\n  font-size: 14px;\\r\\n  display: flex;\\r\\n  align-items: center;\\r\\n  justify-content: center;\\r\\n  z-index: 999; \\r\\n  width: 20px;\\r\\n  cursor: pointer;\\r\\n  font-size: 12px;\\r\\n  padding: 5px 0;\\r\\n}\\r\\n\\r\\n.mk-doc__grid.doc-edit-active::before{\\r\\n  content: \\\"容器\\\";\\r\\n  position: absolute;\\r\\n}\\r\\n.mk-doc__grid.mk-doc__layout-grid.doc-edit-active::before{\\r\\n  content: \\\"布局容器\\\";\\r\\n}\\r\\n/* 文本框可编辑文字 */\\r\\n.mk-doc__grid.mk-doc__text-grid :not(.mk-doc__grid){\\r\\n  cursor: text;\\r\\n}\\r\\n.mk-doc__grid.mk-doc__text-grid.doc-edit-active::before{\\r\\n  content: \\\"文本容器\\\";\\r\\n}\\r\\n\\r\\n/* 图文环绕容器 */\\r\\n.mk-doc__grid.mk-doc__image-text.doc-edit-active::before{\\r\\n  content: \\\"图文环绕容器\\\";\\r\\n}\\r\\n\\r\\n/* 图文环绕容器下的文本框不做选中 */\\r\\n.mk-doc__grid.mk-doc__image-text .mk-doc__text-grid{\\r\\n  outline: 0;\\r\\n  padding-top: 0;\\r\\n}\\r\\n.mk-doc__grid.mk-doc__image-text .mk-doc__text-grid::before{\\r\\n  display: none;\\r\\n}\\r\\n\\r\\n/* 模块容器 */\\r\\n.mk-doc__grid.mk-doc__module-grid.doc-edit-active::before{\\r\\n  content: \\\"模块容器\\\";\\r\\n  top: -20px;\\r\\n  left: -2px;\\r\\n  height: 20px;\\r\\n  width: auto;\\r\\n  padding: 0 5px;\\r\\n}\\r\\n\\r\\n/* 避免模块下的a标签点击 */\\r\\n.mk-doc__grid.mk-doc__module-grid a{\\r\\n  pointer-events: none;\\r\\n}\\r\\n\\r\\n/* 给布局下的格子加内边距方便编辑 */\\r\\n.mk-doc__grid.mk-doc__layout-grid >.mk-doc__grid{\\r\\n  margin: 10px;\\r\\n}\\r\\n\\r\\n/* 块选中 */\\r\\n.mk-doc__embedBlock {\\r\\n  position: relative;\\r\\n  z-index: 1;\\r\\n  padding: 1px;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.mk-doc__embedBlockFocus {\\r\\n  outline: 2px solid rgb(60, 132, 244);\\r\\n}\\r\\n\\r\\n.mk-doc__embedBlock >*{\\r\\n  pointer-events: none;\\r\\n}\\r\\n\\r\\n.mk-doc-active-element-block-mark{\\r\\n  position: absolute;\\r\\n  box-sizing:border-box;\\r\\n  background-color:#2776f63b;\\r\\n  z-index: 99;\\r\\n  pointer-events: none;\\r\\n}\\r\\n.mk-doc-active-element-block-mark.box{\\r\\n  outline: 2px solid #2776f63b;\\r\\n  background-color: transparent;\\r\\n}\\r\\n\""],"names":[],"mappings":"AAAA,MAAe,mBAAA;"}

package/dist/esm/index.js

@@ -120,7 +120,7 @@ import { MaterialUploadContext } from "./modules/ms/material-upload-context/Mate
 import { materialUploadContextProps } from "./modules/ms/material-upload-context/material-upload-context-options.js";
 import { MKMaterialUploadContext } from "./modules/ms/material-upload-context/material-upload-context.js";
 import { ImageUploadContext } from "./modules/ms/image-upload-context/index.js";
-import { registerPartExtension } from "./modules/cms/composables/part-extensions.js";
+import { registerPartContentComponent, registerPartExtension } from "./modules/cms/composables/part-extensions.js";
 import { CmsAdContentsForm } from "./modules/cms/dataviews/cms-ad-contents/CmsAdContentsForm.js";
 import { CmsAdContentsTable } from "./modules/cms/dataviews/cms-ad-contents/CmsAdContentsTable.js";
 import { CmsAdDefinesForm } from "./modules/cms/dataviews/cms-ad-defines/CmsAdDefinesForm.js";
@@ -344,6 +344,7 @@ export {
   paginationProps,
   provideGlobalConfig,
   registerDocModule,
+  registerPartContentComponent,
   registerPartExtension,
   richTextEditorEmits,
   richTextEditorProps,

package/dist/esm/modules/cms/composables/part-extensions.js

@@ -5,8 +5,23 @@ const usePartExtensionList = (partIdorName) => {
 const registerPartExtension = (partIdorName, ext) => {
   PartExtensionList.push({ key: partIdorName, extension: ext });
 };
+const PartContentExtensionList = [];
+const usePartContentComponent = (partIdorName) => {
+  var _a;
+  console.log(PartContentExtensionList.find((item) => item.key == partIdorName));
+  return (_a = PartContentExtensionList.find((item) => item.key == partIdorName)) == null ? void 0 : _a.component;
+};
+const registerPartContentComponent = (partIdorName, component) => {
+  if (!PartExtensionList.find((item) => item.key == partIdorName)) {
+    PartContentExtensionList.push({ key: partIdorName, component });
+  } else {
+    throw new Error(`重复的栏目内容扩展,栏目标识：[${partIdorName}]`);
+  }
+};
 export {
+  registerPartContentComponent,
   registerPartExtension,
+  usePartContentComponent,
   usePartExtensionList
 };
 //# sourceMappingURL=part-extensions.js.map

package/dist/esm/modules/cms/composables/part-extensions.js.map

@@ -1 +1 @@
-{"version":3,"file":"part-extensions.js","sources":["../../../../../src/modules/cms/composables/part-extensions.ts"],"sourcesContent":["\r\nimport { type Component } from \"vue\"\r\n\r\n/**\r\n * 页面扩展\r\n */\r\nexport type PartExtension = {\r\n  title?:\"\",\r\n  saveHandle?:Function,\r\n  component:Component,\r\n  save:Function\r\n}\r\n\r\nconst PartExtensionList:Array<({key:string|number,extension:PartExtension})> = [];\r\n\r\n/**\r\n * 使用扩展\r\n * @param partId 或者栏目名称\r\n * @returns \r\n */\r\nexport const usePartExtensionList = (partIdorName:string|number):any=>{\r\n  return PartExtensionList.filter(item=>item.key == partIdorName).map(item=>item.extension);\r\n}\r\n\r\n/**\r\n * 注册扩展\r\n * @param partId \r\n * @returns \r\n */\r\nexport const registerPartExtension = (partIdorName:string|number,ext:PartExtension)=>{\r\n  PartExtensionList.push({ key:partIdorName,extension:ext })\r\n}\r\n"],"names":[],"mappings":"AAaA,MAAM,oBAAyE,CAAA;AAOlE,MAAA,uBAAuB,CAAC,iBAAiC;AAC7D,SAAA,kBAAkB,OAAO,CAAA,SAAM,KAAK,OAAO,YAAY,EAAE,IAAI,CAAM,SAAA,KAAK,SAAS;AAC1F;AAOa,MAAA,wBAAwB,CAAC,cAA2B,QAAoB;AACnF,oBAAkB,KAAK,EAAE,KAAI,cAAa,WAAU,KAAK;AAC3D;"}
+{"version":3,"file":"part-extensions.js","sources":["../../../../../src/modules/cms/composables/part-extensions.ts"],"sourcesContent":["\r\nimport { type Component } from \"vue\"\r\n\r\n/**\r\n * 栏目扩展\r\n */\r\nexport type PartExtension = {\r\n  title?:\"\",\r\n  saveHandle?:Function,\r\n  component:Component,\r\n  save:Function\r\n}\r\n\r\n\r\nconst PartExtensionList:Array<({key:string|number,extension:PartExtension})> = [];\r\n\r\n/**\r\n * 使用扩展\r\n * @param partId 或者栏目名称\r\n * @returns \r\n */\r\nexport const usePartExtensionList = (partIdorName:string|number):any=>{\r\n  return PartExtensionList.filter(item=>item.key == partIdorName).map(item=>item.extension);\r\n}\r\n\r\n/**\r\n * 注册扩展\r\n * @param partId \r\n * @returns \r\n */\r\nexport const registerPartExtension = (partIdorName:string|number,ext:PartExtension)=>{\r\n  PartExtensionList.push({ key:partIdorName,extension:ext })\r\n}\r\n\r\n\r\n// 栏目内容扩展\r\nconst PartContentExtensionList:Array<({key:string|number,component:Component})> = [];\r\n\r\n/**\r\n * 使用扩展\r\n * @param partId 或者栏目名称\r\n * @returns \r\n */\r\nexport const usePartContentComponent = (partIdorName:string|number):any=>{\r\n  console.log(PartContentExtensionList.find(item=>item.key == partIdorName));\r\n  return PartContentExtensionList.find(item=>item.key == partIdorName)?.component;\r\n}\r\n\r\n/**\r\n * 注册扩展\r\n * @param partId \r\n * @returns \r\n */\r\nexport const registerPartContentComponent = (partIdorName:string|number,component:any)=>{\r\n\r\n  if(!PartExtensionList.find(item=>item.key == partIdorName)){\r\n    PartContentExtensionList.push({ key:partIdorName,component })\r\n  }\r\n  else{\r\n    throw new Error(`重复的栏目内容扩展,栏目标识：[${partIdorName}]`);\r\n  }\r\n \r\n}\r\n"],"names":[],"mappings":"AAcA,MAAM,oBAAyE,CAAA;AAOlE,MAAA,uBAAuB,CAAC,iBAAiC;AAC7D,SAAA,kBAAkB,OAAO,CAAA,SAAM,KAAK,OAAO,YAAY,EAAE,IAAI,CAAM,SAAA,KAAK,SAAS;AAC1F;AAOa,MAAA,wBAAwB,CAAC,cAA2B,QAAoB;AACnF,oBAAkB,KAAK,EAAE,KAAI,cAAa,WAAU,KAAK;AAC3D;AAIA,MAAM,2BAA4E,CAAA;AAOrE,MAAA,0BAA0B,CAAC,iBAAiC;AA7BzE;AA8BE,UAAQ,IAAI,yBAAyB,KAAK,UAAM,KAAK,OAAO,YAAY,CAAC;AACzE,UAAO,8BAAyB,KAAK,CAAA,SAAM,KAAK,OAAO,YAAY,MAA5D,mBAA+D;AACxE;AAOa,MAAA,+BAA+B,CAAC,cAA2B,cAAgB;AAEtF,MAAG,CAAC,kBAAkB,KAAK,UAAM,KAAK,OAAO,YAAY,GAAE;AACzD,6BAAyB,KAAK,EAAE,KAAI,cAAa,UAAW,CAAA;AAAA,EAAA,OAE1D;AACF,UAAM,IAAI,MAAM,mBAAmB,YAAY,GAAG;AAAA,EACpD;AAEF;"}

package/dist/esm/modules/cms/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/modules/cms/index.ts"],"sourcesContent":["import { InternalMkModule, MkModule } from \"../../core\";\r\n\r\nimport { registerPartExtension } from \"./composables/part-extensions\"\r\n \r\nimport {\r\n  CmsAdContentsTable,\r\n  CmsAdContentsForm,\r\n  CmsAdDefinesTable,\r\n  CmsAdDefinesForm,\r\n  CmsPartTree,\r\n  CmsPartForm,\r\n  CmsPartTypesTable,\r\n  CmsPartTypesForm,\r\n  CmsTagsTable,\r\n  CmsTagsForm,\r\n  CmsArticlesTable,\r\n  CmsArticlesForm,\r\n} from \"./dataviews\";\r\n\r\nexport * from \"./dataviews\";\r\nexport { registerPartExtension }\r\n\r\nconst cmsModule: MkModule = (module: InternalMkModule) => {\r\n  module.registerDataTable(CmsAdContentsTable);\r\n  module.registerDataForm(CmsAdContentsForm);\r\n\r\n  module.registerDataTable(CmsAdDefinesTable);\r\n  module.registerDataForm(CmsAdDefinesForm);\r\n\r\n  module.registerDataTree(CmsPartTree);\r\n  module.registerDataForm(CmsPartForm);\r\n\r\n  module.registerDataTable(CmsPartTypesTable);\r\n  module.registerDataForm(CmsPartTypesForm);\r\n\r\n  module.registerDataTable(CmsTagsTable);\r\n  module.registerDataForm(CmsTagsForm);\r\n\r\n  module.registerDataTable(CmsArticlesTable);\r\n  module.registerDataForm(CmsArticlesForm);\r\n\r\n  module.registerExtendsPage({\r\n    name: \"cms-resource/index\",\r\n    path: \"/cms/resource\",\r\n    component: () => import(\"./pages/cms-resource/index.vue\"),\r\n  });\r\n\r\n  // cms 设置\r\n  module.registerExtendsPage({\r\n    name: \"cms/settings\",\r\n    path: \"cms/settings\",\r\n    component: () => import(\"./pages/cms-settigns/index.vue\")\r\n  });\r\n\r\n  // 内容管理\r\n  module.registerExtendsPage({\r\n    name: \"cms/contents\",\r\n    path: \"/cms/contents\",\r\n    component: () => import(\"./pages/cms-contents/index.vue\"),\r\n    meta: { name: \"cms-contents\" },\r\n  });\r\n\r\n  // 栏目编辑\r\n  module.registerExtendsPage({\r\n    name: \"cms/article\",\r\n    path: \"/cms/article\",\r\n    component: () => import(\"./pages/cms-contents/article-edit-add-page.vue\"),\r\n    meta: { name: \"cms-article\" },\r\n  });\r\n\r\n  // 广告定义页面\r\n  module.registerExtendsPage({\r\n    name: \"cms/ad\",\r\n    path: \"/cms/ad\",\r\n    component: () => import(\"./pages/cms-ad/index.vue\"),\r\n    // component: () => import(\"./pages/test/index.vue\")\r\n  });\r\n};\r\n\r\nexport default cmsModule;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;AAsBM,MAAA,YAAsB,CAAC,WAA6B;AACxD,SAAO,kBAAkB,kBAAkB;AAC3C,SAAO,iBAAiB,iBAAiB;AAEzC,SAAO,kBAAkB,iBAAiB;AAC1C,SAAO,iBAAiB,gBAAgB;AAExC,SAAO,iBAAiB,WAAW;AACnC,SAAO,iBAAiB,WAAW;AAEnC,SAAO,kBAAkB,iBAAiB;AAC1C,SAAO,iBAAiB,gBAAgB;AAExC,SAAO,kBAAkB,YAAY;AACrC,SAAO,iBAAiB,WAAW;AAEnC,SAAO,kBAAkB,gBAAgB;AACzC,SAAO,iBAAiB,eAAe;AAEvC,SAAO,oBAAoB;AAAA,IACzB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,mCAAgC;AAAA,EAAA,CACzD;AAGD,SAAO,oBAAoB;AAAA,IACzB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,mCAAgC;AAAA,EAAA,CACzD;AAGD,SAAO,oBAAoB;AAAA,IACzB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,mCAAgC;AAAA,IACxD,MAAM,EAAE,MAAM,eAAe;AAAA,EAAA,CAC9B;AAGD,SAAO,oBAAoB;AAAA,IACzB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,mDAAgD;AAAA,IACxE,MAAM,EAAE,MAAM,cAAc;AAAA,EAAA,CAC7B;AAGD,SAAO,oBAAoB;AAAA,IACzB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,6BAA0B;AAAA;AAAA,EAAA,CAEnD;AACH;"}
+{"version":3,"file":"index.js","sources":["../../../../src/modules/cms/index.ts"],"sourcesContent":["import { InternalMkModule, MkModule } from \"../../core\";\r\n\r\nimport { registerPartExtension,registerPartContentComponent } from \"./composables/part-extensions\"\r\n \r\nimport {\r\n  CmsAdContentsTable,\r\n  CmsAdContentsForm,\r\n  CmsAdDefinesTable,\r\n  CmsAdDefinesForm,\r\n  CmsPartTree,\r\n  CmsPartForm,\r\n  CmsPartTypesTable,\r\n  CmsPartTypesForm,\r\n  CmsTagsTable,\r\n  CmsTagsForm,\r\n  CmsArticlesTable,\r\n  CmsArticlesForm,\r\n} from \"./dataviews\";\r\n\r\nexport * from \"./dataviews\";\r\nexport { registerPartExtension,registerPartContentComponent }\r\n\r\nconst cmsModule: MkModule = (module: InternalMkModule) => {\r\n  module.registerDataTable(CmsAdContentsTable);\r\n  module.registerDataForm(CmsAdContentsForm);\r\n\r\n  module.registerDataTable(CmsAdDefinesTable);\r\n  module.registerDataForm(CmsAdDefinesForm);\r\n\r\n  module.registerDataTree(CmsPartTree);\r\n  module.registerDataForm(CmsPartForm);\r\n\r\n  module.registerDataTable(CmsPartTypesTable);\r\n  module.registerDataForm(CmsPartTypesForm);\r\n\r\n  module.registerDataTable(CmsTagsTable);\r\n  module.registerDataForm(CmsTagsForm);\r\n\r\n  module.registerDataTable(CmsArticlesTable);\r\n  module.registerDataForm(CmsArticlesForm);\r\n\r\n  module.registerExtendsPage({\r\n    name: \"cms-resource/index\",\r\n    path: \"/cms/resource\",\r\n    component: () => import(\"./pages/cms-resource/index.vue\"),\r\n  });\r\n\r\n  // cms 设置\r\n  module.registerExtendsPage({\r\n    name: \"cms/settings\",\r\n    path: \"cms/settings\",\r\n    component: () => import(\"./pages/cms-settigns/index.vue\")\r\n  });\r\n\r\n  // 内容管理\r\n  module.registerExtendsPage({\r\n    name: \"cms/contents\",\r\n    path: \"/cms/contents\",\r\n    component: () => import(\"./pages/cms-contents/index.vue\"),\r\n    meta: { name: \"cms-contents\" },\r\n  });\r\n\r\n  // 栏目编辑\r\n  module.registerExtendsPage({\r\n    name: \"cms/article\",\r\n    path: \"/cms/article\",\r\n    component: () => import(\"./pages/cms-contents/article-edit-add-page.vue\"),\r\n    meta: { name: \"cms-article\" },\r\n  });\r\n\r\n  // 广告定义页面\r\n  module.registerExtendsPage({\r\n    name: \"cms/ad\",\r\n    path: \"/cms/ad\",\r\n    component: () => import(\"./pages/cms-ad/index.vue\"),\r\n    // component: () => import(\"./pages/test/index.vue\")\r\n  });\r\n};\r\n\r\nexport default cmsModule;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;AAsBM,MAAA,YAAsB,CAAC,WAA6B;AACxD,SAAO,kBAAkB,kBAAkB;AAC3C,SAAO,iBAAiB,iBAAiB;AAEzC,SAAO,kBAAkB,iBAAiB;AAC1C,SAAO,iBAAiB,gBAAgB;AAExC,SAAO,iBAAiB,WAAW;AACnC,SAAO,iBAAiB,WAAW;AAEnC,SAAO,kBAAkB,iBAAiB;AAC1C,SAAO,iBAAiB,gBAAgB;AAExC,SAAO,kBAAkB,YAAY;AACrC,SAAO,iBAAiB,WAAW;AAEnC,SAAO,kBAAkB,gBAAgB;AACzC,SAAO,iBAAiB,eAAe;AAEvC,SAAO,oBAAoB;AAAA,IACzB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,mCAAgC;AAAA,EAAA,CACzD;AAGD,SAAO,oBAAoB;AAAA,IACzB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,mCAAgC;AAAA,EAAA,CACzD;AAGD,SAAO,oBAAoB;AAAA,IACzB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,mCAAgC;AAAA,IACxD,MAAM,EAAE,MAAM,eAAe;AAAA,EAAA,CAC9B;AAGD,SAAO,oBAAoB;AAAA,IACzB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,mDAAgD;AAAA,IACxE,MAAM,EAAE,MAAM,cAAc;AAAA,EAAA,CAC7B;AAGD,SAAO,oBAAoB;AAAA,IACzB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW,MAAM,OAAO,6BAA0B;AAAA;AAAA,EAAA,CAEnD;AACH;"}

package/dist/esm/modules/cms/pages/cms-contents/index.vue2.js

@@ -44,7 +44,7 @@ import "../../../../components/business/resource-manager/index.js";
 import { CmsPartForm } from "../../dataviews/cms-parts/CmsPartForm.js";
 import { CmsContentManPartForm } from "../../dataviews/cms-parts/CmsContentManPartForm.js";
 import { CmsPartMiniForm } from "../../dataviews/cms-parts/CmsPartMiniForm.js";
-import { usePartExtensionList } from "../../composables/part-extensions.js";
+import { usePartExtensionList, usePartContentComponent } from "../../composables/part-extensions.js";
 import { useCmsSettings } from "../../cms-settings.js";
 const _hoisted_1 = { class: "mk-cms-contents__warp" };
 const _hoisted_2 = { style: { "color": "var(--el-text-color-regular)", "margin-left": "10px" } };
@@ -52,12 +52,13 @@ const _hoisted_3 = { class: "flex items-center" };
 const _hoisted_4 = { class: "mk-cms-contents__body" };
 const _hoisted_5 = { class: "mk-cms-contents__body__right__action" };
 const _hoisted_6 = { class: "el-dropdown-link" };
-const _hoisted_7 = { class: "mk-cms-contents__publish" };
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", null, "是否发布列表：", -1);
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", null, "是否发布封面：", -1);
-const _hoisted_10 = /* @__PURE__ */ createElementVNode("span", null, "是否发布内容：", -1);
-const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", null, "是否发布资源：", -1);
-const _hoisted_12 = /* @__PURE__ */ createElementVNode("span", null, "是否强制发布：", -1);
+const _hoisted_7 = { style: { "background": "#fff", "margin-top": "-10px", "height": "100%", "overflow": "auto" } };
+const _hoisted_8 = { class: "mk-cms-contents__publish" };
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", null, "是否发布列表：", -1);
+const _hoisted_10 = /* @__PURE__ */ createElementVNode("span", null, "是否发布封面：", -1);
+const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", null, "是否发布内容：", -1);
+const _hoisted_12 = /* @__PURE__ */ createElementVNode("span", null, "是否发布资源：", -1);
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("span", null, "是否强制发布：", -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
@@ -83,6 +84,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const curSelectPartItem = ref(null);
     const partTreeRef = ref(null);
     const partExList = ref([]);
+    const partContentComponent = ref(null);
     const partDataForm = reactive(new CmsContentManPartForm());
     partDataForm.init();
     let beforeInitFormPart = null;
@@ -106,6 +108,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         router.replace({ name: "cms/contents", query: { pid: curSelectPartItem.value.id } });
         partExList.value = usePartExtensionList(curSelectPartItem.value.id).concat(usePartExtensionList(curSelectPartItem.value.name));
+        partContentComponent.value = usePartContentComponent(curSelectPartItem.value.id) || usePartContentComponent(curSelectPartItem.value.name);
       }
     };
     const deletePartHandle = (item) => {
@@ -270,7 +273,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, 1032, ["onClick"])) : createCommentVNode("", true)
                   ], 64);
                 }), 256)),
-                activeTabName.value == "part" || activeTabName.value == "part-content" ? (openBlock(), createBlock(_component_el_button, {
+                activeTabName.value == "part" || activeTabName.value == "part-content" && !partContentComponent.value ? (openBlock(), createBlock(_component_el_button, {
                   key: 0,
                   type: "primary",
                   text: "",
@@ -377,41 +380,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })), [
                 [_directive_loading, partDataForm.loading]
               ]),
-              curSelectPartItem.value.cmsPartTypeId != 1 ? withDirectives((openBlock(), createBlock(_component_el_tab_pane, {
+              curSelectPartItem.value.cmsPartTypeId != 1 ? (openBlock(), createBlock(_component_el_tab_pane, {
                 key: 1,
                 label: "页面内容",
                 name: "part-content",
                 style: { "background-color": "#f4f4f4" }
               }, {
                 default: withCtx(() => {
-                  var _a;
+                  var _a, _b, _c, _d;
                   return [
-                    activeTabName.value == "part-content" ? (openBlock(), createBlock(unref(MKDocEditor), {
-                      key: 0,
+                    partContentComponent.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                      ((_a = partDataForm.data) == null ? void 0 : _a.id) ? (openBlock(), createBlock(_sfc_main$3, {
+                        key: 0,
+                        partId: (_b = partDataForm.data) == null ? void 0 : _b.id,
+                        title: (_c = partDataForm.data) == null ? void 0 : _c.title
+                      }, null, 8, ["partId", "title"])) : createCommentVNode("", true),
+                      createElementVNode("div", _hoisted_7, [
+                        (openBlock(), createBlock(resolveDynamicComponent(partContentComponent.value)))
+                      ])
+                    ], 64)) : activeTabName.value == "part-content" ? withDirectives((openBlock(), createBlock(unref(MKDocEditor), {
+                      key: 1,
                       css: unref(CmsSettings).part.doc.css,
                       js: unref(CmsSettings).part.doc.js,
-                      content: (_a = partDataForm.data) == null ? void 0 : _a.content,
+                      content: (_d = partDataForm.data) == null ? void 0 : _d.content,
                       placeholder: "从这里开始写正文...",
                       onChange: EditorChangeHandle
                     }, {
                       "before-extentions": withCtx(() => {
-                        var _a2, _b, _c;
+                        var _a2, _b2, _c2;
                         return [
                           ((_a2 = partDataForm.data) == null ? void 0 : _a2.id) ? (openBlock(), createBlock(_sfc_main$3, {
                             key: 0,
-                            partId: (_b = partDataForm.data) == null ? void 0 : _b.id,
-                            title: (_c = partDataForm.data) == null ? void 0 : _c.title
+                            partId: (_b2 = partDataForm.data) == null ? void 0 : _b2.id,
+                            title: (_c2 = partDataForm.data) == null ? void 0 : _c2.title
                           }, null, 8, ["partId", "title"])) : createCommentVNode("", true)
                         ];
                       }),
                       _: 1
-                    }, 8, ["css", "js", "content"])) : createCommentVNode("", true)
+                    }, 8, ["css", "js", "content"])), [
+                      [_directive_loading, partDataForm.loading]
+                    ]) : createCommentVNode("", true)
                   ];
                 }),
                 _: 1
-              })), [
-                [_directive_loading, partDataForm.loading]
-              ]) : createCommentVNode("", true),
+              })) : createCommentVNode("", true),
               (openBlock(true), createElementBlock(Fragment, null, renderList(partExList.value, (ext, i) => {
                 return openBlock(), createBlock(_component_el_tab_pane, {
                   label: ext.title || `页面扩展设置 ${i == 0 ? "" : i}`,
@@ -459,9 +471,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 8, ["loading"])
           ]),
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_7, [
+            createElementVNode("div", _hoisted_8, [
               createElementVNode("div", null, [
-                _hoisted_8,
+                _hoisted_9,
                 createTextVNode(),
                 createVNode(unref(ElSwitch), {
                   modelValue: optionData.value.isPublishList,
@@ -470,7 +482,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["modelValue", "disabled"])
               ]),
               createElementVNode("div", null, [
-                _hoisted_9,
+                _hoisted_10,
                 createTextVNode(),
                 createVNode(unref(ElSwitch), {
                   modelValue: optionData.value.isPublishCover,
@@ -479,7 +491,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["modelValue", "disabled"])
               ]),
               createElementVNode("div", null, [
-                _hoisted_10,
+                _hoisted_11,
                 createTextVNode(),
                 createVNode(unref(ElSwitch), {
                   modelValue: optionData.value.isPublishContent,
@@ -488,7 +500,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["modelValue", "disabled"])
               ]),
               createElementVNode("div", null, [
-                _hoisted_11,
+                _hoisted_12,
                 createTextVNode(),
                 createVNode(unref(ElSwitch), {
                   modelValue: optionData.value.isPublishAssets,
@@ -496,7 +508,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["modelValue"])
               ]),
               createElementVNode("div", null, [
-                _hoisted_12,
+                _hoisted_13,
                 createTextVNode(),
                 createVNode(unref(ElSwitch), {
                   modelValue: optionData.value.isCompulsion,

package/dist/esm/modules/cms/pages/cms-contents/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-contents/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-contents__warp\" v-loading=\"loading\">\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=\"richtext-outline\" style=\"margin-right: 5px\" />\r\n          内容管理\r\n        </h3>\r\n      </template>\r\n      <template #extra>\r\n        <div class=\"flex items-center\">\r\n          <el-button-group>\r\n            <el-button type=\"primary\" size=\"large\" text v-if=\"CmsSettings.publish.mode == 'static'\" @click=\"publishAllPartHandle\">\r\n              <MKSvgIcon iconClass=\"Promotion\" style=\"margin-right: 10px\" />\r\n              整站发布\r\n            </el-button>\r\n            <el-button type=\"primary\" size=\"large\" text @click=\"showPartFormHandle\">\r\n              <MKSvgIcon iconClass=\"Plus\" style=\"margin-right: 10px\" />\r\n              新增栏目\r\n            </el-button>\r\n          </el-button-group>\r\n        </div>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"mk-cms-contents__body\">\r\n      <MKPartTree class=\"mk-cms-contents__body__left\" @select=\"selectPartHandle\" @edit=\"editPartHandle\"\r\n        @add=\"showPartFormHandle\" @deleteSuccessfully=\"deletePartHandle\" ref=\"partTreeRef\"\r\n        :curSelectId=\"curSelectPartId\" />\r\n      <el-tabs v-if=\"curSelectPartItem\" v-model=\"activeTabName\" class=\"mk-cms-contents__body__right\">\r\n        <div class=\"mk-cms-contents__body__right__action\">\r\n\r\n          <template v-for=\"(ext,i) in partExList\" :label=\"ext.title || `页面扩展设置 ${i+1}`\" :name=\"\">\r\n            <el-button type=\"primary\" text @click=\"ext.save()\" v-if=\"activeTabName == `part-ext${i}` && ext.save\">\r\n              <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px\" />\r\n              保存{{ext.title}}\r\n            </el-button>\r\n          </template>\r\n          <template  v-if=\"activeTabName == 'part' || activeTabName == 'part-content'\">\r\n            <el-button type=\"primary\" text @click=\"savePartHandle()\" :disabled=\"!partDataForm?.isChanged\">\r\n              <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px\" />\r\n              保存\r\n            </el-button>\r\n          </template>\r\n          <el-dropdown v-if=\"CmsSettings.publish.mode == 'static' && curSelectPartItem.coverTemplate || curSelectPartItem.listTemplate || curSelectPartItem.contentTemplate\">\r\n            <span class=\"el-dropdown-link\">\r\n              <el-button type=\"primary\" text>\r\n                <MKSvgIcon iconClass=\"MoreFilled\" />\r\n              </el-button>\r\n            </span>\r\n            <template #dropdown>\r\n              <el-dropdown-menu>\r\n                <el-dropdown-item @click=\"CmsPartForm.openPreview(curSelectPartItem.id)\" v-if=\"CmsSettings.publish.mode == 'static' && curSelectPartItem.coverTemplate\">\r\n                  <MKSvgIcon iconClass=\"View\" style=\"margin-left: 10px;\" />\r\n                  预览封面\r\n                </el-dropdown-item>\r\n                <el-dropdown-item @click=\"CmsPartForm.openPreview(curSelectPartItem.id,'1')\" v-if=\"curSelectPartItem.listTemplate\">\r\n                  <MKSvgIcon iconClass=\"View\" style=\"margin-left: 10px;\" />\r\n                  预览列表\r\n                </el-dropdown-item>\r\n                <el-dropdown-item @click=\"showPublish = true\">\r\n                  <MKSvgIcon iconClass=\"Promotion\" style=\"margin-left: 10px;\" />\r\n                  发布当前栏目\r\n                </el-dropdown-item>\r\n              </el-dropdown-menu>\r\n            </template>\r\n          </el-dropdown>\r\n        </div>\r\n        <el-tab-pane label=\"文章列表\" name=\"article-list\" v-if=\"curSelectPartItem.contentTemplate\">\r\n          <ArticleList v-if=\"activeTabName == 'article-list'\" :part=\"curSelectPartItem\" />\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"栏目设置\" name=\"part\" v-loading=\"partDataForm.loading\">\r\n          <PartInfo v-if=\"activeTabName == 'part'\" :part=\"curSelectPartItem\" ref=\"partInfoRef\"\r\n            :partDataForm=\"partDataForm\" />\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"页面内容\" name=\"part-content\" style=\"background-color: #f4f4f4\"\r\n          v-if=\"curSelectPartItem.cmsPartTypeId != 1\" v-loading=\"partDataForm.loading\">\r\n          <MKDocEditor v-if=\"activeTabName == 'part-content'\" :css=\"CmsSettings.part.doc.css\" :js=\"CmsSettings.part.doc.js\"  :content=\"partDataForm.data?.content\"\r\n            placeholder=\"从这里开始写正文...\" @change=\"EditorChangeHandle\">\r\n            <template #before-extentions>\r\n              <PartBannerEdit v-if=\"partDataForm.data?.id\" :partId=\"partDataForm.data?.id\" :title=\"partDataForm.data?.title\" />\r\n            </template>\r\n          </MKDocEditor>\r\n        </el-tab-pane>\r\n        <el-tab-pane v-for=\"(ext,i) in partExList\" :label=\"ext.title || `页面扩展设置 ${i==0 ?'':i}`\" :name=\"`part-ext${i}`\">\r\n          <component :is=\"ext.component\" />\r\n        </el-tab-pane>\r\n       \r\n      </el-tabs>\r\n      <el-empty v-else description=\"请选择栏目\" style=\"width: 100%\" />\r\n    </div>\r\n    <el-dialog v-model=\"showPublish\" title=\"栏目发布\" width=\"475px\" :append-to-body=\"false\">\r\n      <div class=\"mk-cms-contents__publish\">\r\n        <div><span>是否发布列表：</span> <el-switch v-model=\"optionData.isPublishList\"\r\n            :disabled=\"!curSelectPartItem.listTemplate\" /></div>\r\n        <div><span>是否发布封面：</span> <el-switch v-model=\"optionData.isPublishCover\"\r\n            :disabled=\"!curSelectPartItem.coverTemplate\" /></div>\r\n        <div><span>是否发布内容：</span> <el-switch v-model=\"optionData.isPublishContent\"\r\n            :disabled=\"!curSelectPartItem.contentTemplate\" /></div>\r\n        <div><span>是否发布资源：</span> <el-switch v-model=\"optionData.isPublishAssets\" /></div>\r\n        <div><span>是否强制发布：</span> <el-switch v-model=\"optionData.isCompulsion\" /></div>\r\n      </div>\r\n      <template #footer>\r\n        <el-button @click=\"showPublish = false\">取消</el-button>\r\n        <el-button type=\"primary\" @click=\"publishPartHandle\" :loading=\"publishLoading\">确定</el-button>\r\n      </template>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\" >\r\nimport { MKPartTree } from \"../../components\";\r\nimport ArticleList from \"./components/article-list.vue\";\r\nimport PartInfo from \"./components/part-info.vue\";\r\nimport PartBannerEdit from \"./components/part-banner-edit.vue\";\r\nimport { MKDocEditor } from \"../../../../components\";\r\nimport { reactive, ref, watch,watchEffect } from \"vue\";\r\nimport { Dialoger } from \"@maketribe/dm\";\r\nimport { CmsContentManPartForm,CmsPartForm, CmsPartMiniForm } from \"../../dataviews/cms-parts\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { usePartExtensionList, type PartExtension } from \"../../composables/part-extensions\"\r\nimport { ElSwitch } from \"element-plus\";\r\nimport { useCmsSettings } from \"../../cms-settings\"\r\n//路由 \r\nconst route = useRoute();\r\nconst router = useRouter();\r\n\r\n// 当前选中的栏目id\r\nconst curSelectPartId = ref<string>(route.query.pid as string)\r\nwatch(()=>route.query.pid,(v:any)=>{\r\n  curSelectPartId.value = v \r\n},{ immediate:true });\r\n\r\n//栏目Mini表单\r\nconst partMiniForm = reactive<CmsPartMiniForm>(new CmsPartMiniForm());\r\n\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings(true);\r\n\r\n//发布栏目时的配置\r\nconst showPublish = ref(false)\r\n\r\n//发布配置项\r\nconst optionData = ref({\r\n  isPublishList: false,\r\n  isPublishCover: false,\r\n  isPublishContent: false,\r\n  isPublishAssets: false,\r\n  isCompulsion: true\r\n});\r\n\r\n//发布加载状态\r\nconst publishLoading = ref(false);\r\n\r\n// 数据加载状态\r\nconst loading = ref(false)\r\n\r\n// 激活的tab\r\nconst activeTabName = ref(\"article-list\");\r\n\r\n// 当前选中的菜单\r\nconst curSelectPartItem = ref(null as any);\r\n\r\n// 栏目树ref\r\nconst partTreeRef = ref(null);\r\n\r\n//栏目扩展\r\nconst partExList = ref<Array<PartExtension>>([]);\r\n\r\n//栏目数据\r\nconst partDataForm = reactive(new CmsContentManPartForm()) as CmsContentManPartForm;\r\n\r\n// 初始化表单\r\npartDataForm.init();\r\n\r\n// 切换tab 加载栏目表单数据\r\nlet beforeInitFormPart:any = null;\r\nwatchEffect(async ()=>{\r\n  if((activeTabName.value == \"part\" || activeTabName.value == \"part-content\") && curSelectPartItem.value != beforeInitFormPart){\r\n    try {\r\n      beforeInitFormPart = curSelectPartItem.value;\r\n      await partDataForm.editRecord(curSelectPartItem.value.id);\r\n    } catch (error) {\r\n      console.log(error)\r\n    }\r\n  }\r\n});\r\n\r\n// 选择栏目\r\nconst selectPartHandle = async (item: any) => {\r\n\r\n  if (curSelectPartItem.value != item) {\r\n\r\n    curSelectPartItem.value = item;\r\n\r\n    if (!curSelectPartItem.value.contentTemplate) {\r\n      activeTabName.value = \"part\";\r\n    }\r\n    else{\r\n      activeTabName.value = \"article-list\";\r\n    }\r\n    router.replace({ name: 'cms/contents', query: { pid: curSelectPartItem.value.id } } as any)\r\n    partExList.value = usePartExtensionList(curSelectPartItem.value.id).concat(usePartExtensionList(curSelectPartItem.value.name));\r\n  }\r\n};\r\n\r\n//删除栏目\r\nconst deletePartHandle = (item: any) => {\r\n  if (item.id == curSelectPartItem.value.id) {\r\n    curSelectPartItem.value = null;\r\n  }\r\n};\r\n\r\n//编辑栏目\r\nconst editPartHandle = (item: any) => {\r\n  curSelectPartItem.value = item;\r\n  activeTabName.value = \"part\";\r\n};\r\n\r\n/**\r\n *  显示添加栏目表单\r\n */\r\nconst showPartFormHandle = async (item?: any) => {\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: partMiniForm as CmsContentManPartForm,\r\n  });\r\n\r\n  if (item.id) {\r\n    partMiniForm.addRecord({ parentId: item.id });\r\n  }\r\n\r\n};\r\n\r\nwatch(showPublish, async (v) => {\r\n  if(v){\r\n    optionData.value.isPublishList = !!curSelectPartItem.value.listTemplate\r\n    optionData.value.isPublishCover = !!curSelectPartItem.value.coverTemplate\r\n    optionData.value.isPublishContent = !!curSelectPartItem.value.contentTemplate\r\n  }\r\n})\r\n \r\n//监听表单完成事件\r\npartMiniForm.submittedEvent.on(({ response }:any) => {\r\n  if(response.data.data){\r\n    // 重置选中\r\n    curSelectPartId.value = response.data.data;\r\n    // 刷新完成直接选中\r\n    (partTreeRef.value! as any).dataTree?.load();\r\n  }\r\n \r\n});\r\n\r\n//栏目发布\r\nconst publishAllPartHandle = async () => {\r\n\r\n  try {\r\n\r\n    loading.value = true;\r\n      \r\n    await CmsPartForm.publishAll()\r\n  } \r\n  finally {\r\n    loading.value = false;\r\n  }\r\n\r\n}\r\nconst publishPartHandle = async () => {\r\n \r\n  try {\r\n\r\n    publishLoading.value = true\r\n\r\n    await CmsPartForm.publish(curSelectPartItem.value.id,optionData.value);\r\n\r\n    showPublish.value = false;\r\n\r\n  } finally {\r\n    publishLoading.value = false\r\n  }\r\n}\r\n\r\n/**\r\n * 保存栏目信息\r\n */\r\nconst savePartHandle = async () => {\r\n  curSelectPartItem.value = partDataForm.data;\r\n  await partDataForm.submit();\r\n}\r\n\r\n/**\r\n * 更新编辑器内容\r\n * @param v  内容\r\n */\r\nconst EditorChangeHandle = (v: any) => {\r\n  partDataForm.data.content = v\r\n}\r\n</script>\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-contents/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-contents__warp\" v-loading=\"loading\">\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=\"richtext-outline\" style=\"margin-right: 5px\" />\r\n          内容管理\r\n        </h3>\r\n      </template>\r\n      <template #extra>\r\n        <div class=\"flex items-center\">\r\n          <el-button-group>\r\n            <el-button type=\"primary\" size=\"large\" text v-if=\"CmsSettings.publish.mode == 'static'\" @click=\"publishAllPartHandle\">\r\n              <MKSvgIcon iconClass=\"Promotion\" style=\"margin-right: 10px\" />\r\n              整站发布\r\n            </el-button>\r\n            <el-button type=\"primary\" size=\"large\" text @click=\"showPartFormHandle\">\r\n              <MKSvgIcon iconClass=\"Plus\" style=\"margin-right: 10px\" />\r\n              新增栏目\r\n            </el-button>\r\n          </el-button-group>\r\n        </div>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"mk-cms-contents__body\">\r\n      <MKPartTree class=\"mk-cms-contents__body__left\" @select=\"selectPartHandle\" @edit=\"editPartHandle\"\r\n        @add=\"showPartFormHandle\" @deleteSuccessfully=\"deletePartHandle\" ref=\"partTreeRef\"\r\n        :curSelectId=\"curSelectPartId\" />\r\n      <el-tabs v-if=\"curSelectPartItem\" v-model=\"activeTabName\" class=\"mk-cms-contents__body__right\">\r\n        <div class=\"mk-cms-contents__body__right__action\">\r\n\r\n          <template v-for=\"(ext,i) in partExList\" :label=\"ext.title || `页面扩展设置 ${i+1}`\" :name=\"\">\r\n            <el-button type=\"primary\" text @click=\"ext.save()\" v-if=\"activeTabName == `part-ext${i}` && ext.save\">\r\n              <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px\" />\r\n              保存{{ext.title}}\r\n            </el-button>\r\n          </template>\r\n          <template  v-if=\"activeTabName == 'part' || (activeTabName == 'part-content' && !partContentComponent)\">\r\n            <el-button type=\"primary\" text @click=\"savePartHandle()\" :disabled=\"!partDataForm?.isChanged\">\r\n              <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px\" />\r\n              保存\r\n            </el-button>\r\n          </template>\r\n          <el-dropdown v-if=\"CmsSettings.publish.mode == 'static' && curSelectPartItem.coverTemplate || curSelectPartItem.listTemplate || curSelectPartItem.contentTemplate\">\r\n            <span class=\"el-dropdown-link\">\r\n              <el-button type=\"primary\" text>\r\n                <MKSvgIcon iconClass=\"MoreFilled\" />\r\n              </el-button>\r\n            </span>\r\n            <template #dropdown>\r\n              <el-dropdown-menu>\r\n                <el-dropdown-item @click=\"CmsPartForm.openPreview(curSelectPartItem.id)\" v-if=\"CmsSettings.publish.mode == 'static' && curSelectPartItem.coverTemplate\">\r\n                  <MKSvgIcon iconClass=\"View\" style=\"margin-left: 10px;\" />\r\n                  预览封面\r\n                </el-dropdown-item>\r\n                <el-dropdown-item @click=\"CmsPartForm.openPreview(curSelectPartItem.id,'1')\" v-if=\"curSelectPartItem.listTemplate\">\r\n                  <MKSvgIcon iconClass=\"View\" style=\"margin-left: 10px;\" />\r\n                  预览列表\r\n                </el-dropdown-item>\r\n                <el-dropdown-item @click=\"showPublish = true\">\r\n                  <MKSvgIcon iconClass=\"Promotion\" style=\"margin-left: 10px;\" />\r\n                  发布当前栏目\r\n                </el-dropdown-item>\r\n              </el-dropdown-menu>\r\n            </template>\r\n          </el-dropdown>\r\n        </div>\r\n        <el-tab-pane label=\"文章列表\" name=\"article-list\" v-if=\"curSelectPartItem.contentTemplate\">\r\n          <ArticleList v-if=\"activeTabName == 'article-list'\" :part=\"curSelectPartItem\" />\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"栏目设置\" name=\"part\" v-loading=\"partDataForm.loading\">\r\n          <PartInfo v-if=\"activeTabName == 'part'\" :part=\"curSelectPartItem\" ref=\"partInfoRef\"\r\n            :partDataForm=\"partDataForm\" />\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"页面内容\" name=\"part-content\" style=\"background-color: #f4f4f4\" v-if=\"curSelectPartItem.cmsPartTypeId != 1\">\r\n          \r\n          <template v-if=\"partContentComponent\">\r\n            <PartBannerEdit v-if=\"partDataForm.data?.id\" :partId=\"partDataForm.data?.id\" :title=\"partDataForm.data?.title\" />\r\n            <div style=\"background: #fff;margin-top: -10px;height: 100%;overflow: auto;\">\r\n              <component :is=\"partContentComponent\" />\r\n            </div>\r\n          </template>\r\n          <template v-else-if=\"activeTabName == 'part-content'\">\r\n            <MKDocEditor :css=\"CmsSettings.part.doc.css\" :js=\"CmsSettings.part.doc.js\"  :content=\"partDataForm.data?.content\"\r\n              placeholder=\"从这里开始写正文...\" @change=\"EditorChangeHandle\"  v-loading=\"partDataForm.loading\">\r\n              <template #before-extentions>\r\n                <PartBannerEdit v-if=\"partDataForm.data?.id\" :partId=\"partDataForm.data?.id\" :title=\"partDataForm.data?.title\" />\r\n              </template>\r\n            </MKDocEditor>\r\n          </template>\r\n          \r\n        </el-tab-pane>\r\n        <el-tab-pane v-for=\"(ext,i) in partExList\" :label=\"ext.title || `页面扩展设置 ${i==0 ?'':i}`\" :name=\"`part-ext${i}`\">\r\n          <component :is=\"ext.component\" />\r\n        </el-tab-pane>\r\n       \r\n      </el-tabs>\r\n      <el-empty v-else description=\"请选择栏目\" style=\"width: 100%\" />\r\n    </div>\r\n    <el-dialog v-model=\"showPublish\" title=\"栏目发布\" width=\"475px\" :append-to-body=\"false\">\r\n      <div class=\"mk-cms-contents__publish\">\r\n        <div><span>是否发布列表：</span> <el-switch v-model=\"optionData.isPublishList\"\r\n            :disabled=\"!curSelectPartItem.listTemplate\" /></div>\r\n        <div><span>是否发布封面：</span> <el-switch v-model=\"optionData.isPublishCover\"\r\n            :disabled=\"!curSelectPartItem.coverTemplate\" /></div>\r\n        <div><span>是否发布内容：</span> <el-switch v-model=\"optionData.isPublishContent\"\r\n            :disabled=\"!curSelectPartItem.contentTemplate\" /></div>\r\n        <div><span>是否发布资源：</span> <el-switch v-model=\"optionData.isPublishAssets\" /></div>\r\n        <div><span>是否强制发布：</span> <el-switch v-model=\"optionData.isCompulsion\" /></div>\r\n      </div>\r\n      <template #footer>\r\n        <el-button @click=\"showPublish = false\">取消</el-button>\r\n        <el-button type=\"primary\" @click=\"publishPartHandle\" :loading=\"publishLoading\">确定</el-button>\r\n      </template>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\" >\r\nimport { MKPartTree } from \"../../components\";\r\nimport ArticleList from \"./components/article-list.vue\";\r\nimport PartInfo from \"./components/part-info.vue\";\r\nimport PartBannerEdit from \"./components/part-banner-edit.vue\";\r\nimport { MKDocEditor } from \"../../../../components\";\r\nimport { reactive, ref, watch,watchEffect } from \"vue\";\r\nimport { Dialoger } from \"@maketribe/dm\";\r\nimport { CmsContentManPartForm,CmsPartForm, CmsPartMiniForm } from \"../../dataviews/cms-parts\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { usePartExtensionList,usePartContentComponent, type PartExtension } from \"../../composables/part-extensions\"\r\nimport { ElSwitch } from \"element-plus\";\r\nimport { useCmsSettings } from \"../../cms-settings\"\r\n//路由 \r\nconst route = useRoute();\r\nconst router = useRouter();\r\n\r\n// 当前选中的栏目id\r\nconst curSelectPartId = ref<string>(route.query.pid as string)\r\nwatch(()=>route.query.pid,(v:any)=>{\r\n  curSelectPartId.value = v \r\n},{ immediate:true });\r\n\r\n//栏目Mini表单\r\nconst partMiniForm = reactive<CmsPartMiniForm>(new CmsPartMiniForm());\r\n\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings(true);\r\n\r\n//发布栏目时的配置\r\nconst showPublish = ref(false)\r\n\r\n//发布配置项\r\nconst optionData = ref({\r\n  isPublishList: false,\r\n  isPublishCover: false,\r\n  isPublishContent: false,\r\n  isPublishAssets: false,\r\n  isCompulsion: true\r\n});\r\n\r\n//发布加载状态\r\nconst publishLoading = ref(false);\r\n\r\n// 数据加载状态\r\nconst loading = ref(false)\r\n\r\n// 激活的tab\r\nconst activeTabName = ref(\"article-list\");\r\n\r\n// 当前选中的菜单\r\nconst curSelectPartItem = ref(null as any);\r\n\r\n// 栏目树ref\r\nconst partTreeRef = ref(null);\r\n\r\n//栏目扩展\r\nconst partExList = ref<Array<PartExtension>>([]);\r\nconst partContentComponent = ref<any>(null)\r\n\r\n//栏目数据\r\nconst partDataForm = reactive(new CmsContentManPartForm()) as CmsContentManPartForm;\r\n\r\n// 初始化表单\r\npartDataForm.init();\r\n\r\n// 切换tab 加载栏目表单数据\r\nlet beforeInitFormPart:any = null;\r\nwatchEffect(async ()=>{\r\n  if((activeTabName.value == \"part\" || activeTabName.value == \"part-content\") && curSelectPartItem.value != beforeInitFormPart){\r\n    try {\r\n      beforeInitFormPart = curSelectPartItem.value;\r\n      await partDataForm.editRecord(curSelectPartItem.value.id);\r\n    } catch (error) {\r\n      console.log(error)\r\n    }\r\n  }\r\n});\r\n\r\n// 选择栏目\r\nconst selectPartHandle = async (item: any) => {\r\n\r\n  if (curSelectPartItem.value != item) {\r\n\r\n    curSelectPartItem.value = item;\r\n\r\n    if (!curSelectPartItem.value.contentTemplate) {\r\n      activeTabName.value = \"part\";\r\n    }\r\n    else{\r\n      activeTabName.value = \"article-list\";\r\n    }\r\n    router.replace({ name: 'cms/contents', query: { pid: curSelectPartItem.value.id } } as any)\r\n    partExList.value = usePartExtensionList(curSelectPartItem.value.id).concat(usePartExtensionList(curSelectPartItem.value.name));\r\n    partContentComponent.value = usePartContentComponent(curSelectPartItem.value.id) || usePartContentComponent(curSelectPartItem.value.name) \r\n  }\r\n};\r\n\r\n//删除栏目\r\nconst deletePartHandle = (item: any) => {\r\n  if (item.id == curSelectPartItem.value.id) {\r\n    curSelectPartItem.value = null;\r\n  }\r\n};\r\n\r\n//编辑栏目\r\nconst editPartHandle = (item: any) => {\r\n  curSelectPartItem.value = item;\r\n  activeTabName.value = \"part\";\r\n};\r\n\r\n/**\r\n *  显示添加栏目表单\r\n */\r\nconst showPartFormHandle = async (item?: any) => {\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: partMiniForm as CmsContentManPartForm,\r\n  });\r\n\r\n  if (item.id) {\r\n    partMiniForm.addRecord({ parentId: item.id });\r\n  }\r\n\r\n};\r\n\r\nwatch(showPublish, async (v) => {\r\n  if(v){\r\n    optionData.value.isPublishList = !!curSelectPartItem.value.listTemplate\r\n    optionData.value.isPublishCover = !!curSelectPartItem.value.coverTemplate\r\n    optionData.value.isPublishContent = !!curSelectPartItem.value.contentTemplate\r\n  }\r\n})\r\n \r\n//监听表单完成事件\r\npartMiniForm.submittedEvent.on(({ response }:any) => {\r\n  if(response.data.data){\r\n    // 重置选中\r\n    curSelectPartId.value = response.data.data;\r\n    // 刷新完成直接选中\r\n    (partTreeRef.value! as any).dataTree?.load();\r\n  }\r\n \r\n});\r\n\r\n//栏目发布\r\nconst publishAllPartHandle = async () => {\r\n\r\n  try {\r\n\r\n    loading.value = true;\r\n      \r\n    await CmsPartForm.publishAll()\r\n  } \r\n  finally {\r\n    loading.value = false;\r\n  }\r\n\r\n}\r\nconst publishPartHandle = async () => {\r\n \r\n  try {\r\n\r\n    publishLoading.value = true\r\n\r\n    await CmsPartForm.publish(curSelectPartItem.value.id,optionData.value);\r\n\r\n    showPublish.value = false;\r\n\r\n  } finally {\r\n    publishLoading.value = false\r\n  }\r\n}\r\n\r\n/**\r\n * 保存栏目信息\r\n */\r\nconst savePartHandle = async () => {\r\n  curSelectPartItem.value = partDataForm.data;\r\n  await partDataForm.submit();\r\n}\r\n\r\n/**\r\n * 更新编辑器内容\r\n * @param v  内容\r\n */\r\nconst EditorChangeHandle = (v: any) => {\r\n  partDataForm.data.content = v\r\n}\r\n</script>\r\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-.mk-doc-editor-decorator-module-toolbar,.mk-doc-editor-toolbar{background-color:#fff;padding:10px 20px;z-index:1;text-align:center}.mk-doc-editor-decorator-module-toolbar-content-style-item,.mk-doc-editor-toolbar-content-style-item{font-size:14px;text-align:left;margin:5px}.mk-doc-editor-decorator-module-toolbar-content-style-item.text,.mk-doc-editor-toolbar-content-style-item.text{font-size:20px}.mk-doc-editor-decorator-module-toolbar-content-style-item h1,.mk-doc-editor-decorator-module-toolbar-content-style-item h2,.mk-doc-editor-decorator-module-toolbar-content-style-item h3,.mk-doc-editor-decorator-module-toolbar-content-style-item h4,.mk-doc-editor-decorator-module-toolbar-content-style-item h5,.mk-doc-editor-decorator-module-toolbar-content-style-item h6,.mk-doc-editor-toolbar-content-style-item h1,.mk-doc-editor-toolbar-content-style-item h2,.mk-doc-editor-toolbar-content-style-item h3,.mk-doc-editor-toolbar-content-style-item h4,.mk-doc-editor-toolbar-content-style-item h5,.mk-doc-editor-toolbar-content-style-item h6{padding:0;margin:0;font-weight:400}.mk-doc-editor-decorator-module-toolbar__fontcolor,.mk-doc-editor-toolbar__fontcolor{padding:0;margin-left:0!important}.mk-doc-editor-decorator-module-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger{border:none;position:relative}.mk-doc-editor-decorator-module-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color{border:0;position:relative}.mk-doc-editor-decorator-module-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner{position:absolute;height:4px;bottom:0;left:0}.mk-doc-editor-decorator-module-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner .el-icon,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner .el-icon{display:none}.mk-doc-editor-decorator-module-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger::before,.mk-doc-editor-toolbar__fontcolor .el-color-picker>.el-color-picker__trigger::before{content:"A";font-weight:700;font-size:18px;position:absolute;width:100%;z-index:1}.mk-doc-editor-decorator-module-toolbar__bgcolor,.mk-doc-editor-toolbar__bgcolor{padding:0;margin-left:0!important;position:relative}.mk-doc-editor-decorator-module-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger,.mk-doc-editor-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger{border:none;position:relative}.mk-doc-editor-decorator-module-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color,.mk-doc-editor-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color{border:0;position:relative}.mk-doc-editor-decorator-module-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner,.mk-doc-editor-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner{position:absolute;height:4px;bottom:0;left:0}.mk-doc-editor-decorator-module-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner .el-icon,.mk-doc-editor-toolbar__bgcolor .el-color-picker>.el-color-picker__trigger>.el-color-picker__color .el-color-picker__color-inner .el-icon{display:none}.mk-doc-editor-decorator-module-toolbar__bgcolor>span,.mk-doc-editor-toolbar__bgcolor>span{justify-content:center}.mk-doc-editor-decorator-module-toolbar__bgcolor>span>.view,.mk-doc-editor-toolbar__bgcolor>span>.view{position:absolute;pointer-events:none;font-size:18px;top:5px}.mk-doc-editor-decorator-module-toolbar>.el-dropdown .el-button,.mk-doc-editor-toolbar>.el-dropdown .el-button{padding:8px}.mk-doc-editor-decorator-module-toolbar>.el-button-group button,.mk-doc-editor-toolbar>.el-button-group button{font-size:18px;padding:8px}.mk-doc-editor-decorator-module-toolbar>.el-button-group .el-button.is-text:not(.is-disabled).active,.mk-doc-editor-toolbar>.el-button-group .el-button.is-text:not(.is-disabled).active{background-color:var(--el-fill-color)}.mk-doc-editor{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.mk-doc-editor.mobile .mk-doc-editor__stage_body{max-width:640px}.mk-doc-editor__stage_iframe,.mk-doc-editor__stage_warp,.mk-doc-editor__view_iframe,.mk-doc-editor__view_warp{width:100%;height:100%;z-index:0;position:relative}.mk-doc-editor__stage_body{z-index:0;position:relative;max-width:1200px;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;height:calc(100vh - 50px);padding-top:10px}.mk-doc-editor__view_warp.mobile .mk-doc-editor__view_iframe{max-width:640px}.mk-doc-editor__view_iframe{max-width:1200px;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_title{text-align:center}.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}
+.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:1200px;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;height:calc(100vh - 50px);padding-top:10px}.mk-doc-editor__view_warp.mobile .mk-doc-editor__view_iframe{max-width:640px}.mk-doc-editor__view_iframe{max-width:1200px;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;align-content:flex-start;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_title{text-align:center}.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}