@maketribe/ms-app 3.2.42 → 3.2.44

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-ad/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-ad__warp\">\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=\"Guide\" style=\"margin-right: 5px;\" />\r\n          广告位管理\r\n        </h3>\r\n      </template>\r\n      <template #content>\r\n        <el-input style=\"width: 240px\" placeholder=\"请输入广告位描述\" v-model=\"adSearchWord\">\r\n          <template #prefix>\r\n            <MKSvgIcon iconClass=\"Search\" />\r\n          </template>\r\n        </el-input>\r\n      </template>\r\n      <template #extra>\r\n        <div class=\"flex items-center\">\r\n          <el-button type=\"primary\" size=\"large\" text @click=\"showAdDefineHandle\">\r\n            添加广告位\r\n            <MKSvgIcon iconClass=\"Plus\" style=\"margin-left: 10px;\" />\r\n          </el-button>\r\n        </div>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"mk-cms-ad__body\" v-loading=\"loading\">\r\n      <el-scrollbar class=\"mk-cms-ad__body__scrollbar\"  v-if=\"adDefineList?.length\">\r\n        <el-card v-for=\"item in adDefineList\" :key=\"item.id\" class=\"mk-cms-ad__card\">\r\n          <template #header>\r\n            <div class=\"mk-cms-ad__card__header clearfix\">\r\n              <span>\r\n                <MKSvgIcon iconClass=\"Guide\" style=\"margin-right: 5px;\" />\r\n                {{ item.desc }}\r\n              </span>\r\n              <div class=\"btn-box\">\r\n                <MKSvgIcon class=\"btn\" iconClass=\"Plus\" style=\"color: #409EFF;\"\r\n                  @click=\"showAdContentHandler(item, false)\" />\r\n                <MKSvgIcon class=\"btn\" iconClass=\"EditPen\" style=\"color: #409EFF;\" @click=\"showAdDefineHandle(item)\" />\r\n                <MKSvgIcon class=\"btn\" iconClass=\"Delete\" style=\"color: #F56C6C;\"\r\n                  @click=\"deleteHandler(adRequest, 'desc', item)\" v-if=\"item.contents.length == 0\" />\r\n              </div>\r\n            </div>\r\n          </template>\r\n          <el-empty v-if=\"item.contents.length <= 0\" description=\"暂无内容\" />\r\n          <div class=\"mk-cms-ad__card__body\">\r\n            <el-scrollbar class=\"mk-cms-ad__card__body__scrollbar\">\r\n              <el-card class=\"mk-cms-ad__card__body__item\" v-for=\"adContent in item.contents\" :key=\"adContent.id\">\r\n                <el-image class=\"images\" v-if=\"adContent.type == 1\" :src=\"adContent.path\"\r\n                  :preview-src-list=\"[adContent.path]\" fit=\"contain\">\r\n                  <div slot=\"placeholder\" class=\"image-slot\">\r\n                    加载中<span class=\"dot\">...</span>\r\n                  </div>\r\n                </el-image>\r\n                <video class=\"video\" v-if=\"adContent.type == 2\" :src=\"adContent.path\" style=\"width: 100%;height: 200px;\"\r\n                  controls></video>\r\n                <div class=\"item-desc\">\r\n                  <div class=\"item-desc-left\">\r\n                    <div class=\"title ellipsis\">\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.type == 1\" iconClass=\"Picture\"></MKSvgIcon>\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.type == 2\" iconClass=\"VideoCamera\"></MKSvgIcon>\r\n                      <span :title=\"adContent.title + '(' + adContent.desc + ')'\">{{ adContent.title }}<span\r\n                          class=\"desc\">{{\r\n                            adContent.desc ? `(${adContent.desc})` : \"\" }}</span></span>\r\n                    </div>\r\n                    <div class=\"external-links ellipsis\">\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.link\" iconClass=\"Link\"></MKSvgIcon>\r\n                      <a :href=\"adContent.link\" target=\"_blank\" :title=\"adContent.link\">{{ adContent.link }}</a>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"item-desc-right\">\r\n                    <el-dropdown trigger=\"click\" :teleported=\"false\" class=\"item-desc-right__more\">\r\n                      <span class=\"el-dropdown-link\">\r\n                        更多<el-icon class=\"el-icon--right\"><arrow-down /></el-icon>\r\n                      </span>\r\n                      <template #dropdown>\r\n                        <el-dropdown-menu>\r\n                          <el-dropdown-item class=\"edit-button\" :icon=\"EditPen\"\r\n                            @click=\"showAdContentHandler(adContent, true)\">编辑</el-dropdown-item>\r\n                          <el-dropdown-item class=\"delete-button\" :icon=\"Delete\"\r\n                            @click=\"deleteHandler(adContentRequest, 'title', adContent)\">删除</el-dropdown-item>\r\n                        </el-dropdown-menu>\r\n                      </template>\r\n                    </el-dropdown>\r\n                  </div>\r\n                </div>\r\n              </el-card>\r\n            </el-scrollbar>\r\n          </div>\r\n        </el-card>\r\n      </el-scrollbar>\r\n\r\n      <el-empty v-if=\"adDefineList?.length <= 0\" description=“暂无内容” />\r\n    </div>\r\n  </div>\r\n\r\n</template>\r\n<script setup lang='ts'>\r\nimport { onMounted, reactive, ref, watch } from \"vue\";\r\nimport { DataViewRequest, Group } from \"@maketribe/request\";\r\nimport { DataForm, Dialoger, FormColumn, Messager } from \"@maketribe/dm\";\r\nimport { CmsAdContentsForm, CmsAdDefinesForm } from \"../../dataviews\";\r\nimport { EditPen, ArrowDown, Delete } from \"@element-plus/icons-vue\"\r\n\r\n// 广告定义数据表\r\nconst adRequest = new DataViewRequest({ name: \"ad-define\", moduleName: \"cms\" });\r\nconst adContentRequest = new DataViewRequest({ name: \"ad-content\", moduleName: \"cms\" });\r\n//广告位搜索词\r\nconst adSearchWord = ref(\"\")\r\n// 广告定义列表\r\nconst adDefineList = ref([] as any[]);\r\nconst loading = ref(true);\r\n\r\n//更新列表数据\r\nconst setAdDefineList = async (condition?: Group) => {\r\n  try {\r\n    loading.value = true;\r\n\r\n    if(!condition){ condition = new Group();  }\r\n\r\n    // 栏目的广告不查\r\n    condition?.addCondition(\"key\",\"nolike\",\"part_\")\r\n\r\n    // console.log(condition);\r\n\r\n    adDefineList.value = (await adRequest.allList({\r\n      data: {\r\n        condition: condition\r\n      }\r\n    })).data.data;\r\n\r\n  } catch (e) {\r\n    console.error(e)\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n}\r\n// 广告内容表单\r\nconst adContentForm = reactive(new CmsAdContentsForm())\r\n//监听广告内容表单保存事件\r\nadContentForm.submittedEvent.on(() => {\r\n  setAdDefineList()\r\n})\r\n// 添加广告内容\r\nconst showAdContentHandler = async (item: any, isEdit: boolean) => {\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: adContentForm as CmsAdContentsForm,\r\n    recId: isEdit ? item.id : undefined\r\n  })\r\n  if (!isEdit) {\r\n    adContentForm.addRecord({ adDefineId: item.id })\r\n  }\r\n}\r\n\r\n//广告定义表单\r\nconst adDefineForm = reactive(new (class extends CmsAdDefinesForm {\r\n  //去掉广告内容\r\n  protected async initialize() {\r\n    await super.initialize();\r\n    this.setColumns([\r\n      new FormColumn({ name: \"key\", label: \"广告位KEY\", required: true }),\r\n      new FormColumn({ name: \"desc\", label: \"广告位描述\", required: true }),\r\n    ]);\r\n  }\r\n}))\r\n//监听广告保存完成进行刷新\r\nadDefineForm.submittedEvent.on(() => {\r\n  setAdDefineList()\r\n})\r\n//增加广告位\r\nconst showAdDefineHandle = (item: any) => {\r\n  Dialoger.dataFormDialog({\r\n    dataForm: adDefineForm as DataForm,\r\n    recId: item?.id\r\n  })\r\n}\r\n\r\n//删除\r\nconst deleteHandler = async (request: DataViewRequest, field: string, item: any) => {\r\n  const isConfirm = await Dialoger.confirm({\r\n    title: \"是否删除？\",\r\n    message: `确定删除【${item[field]}】广告位？`,\r\n    type: \"warning\"\r\n  });\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n  try {\r\n    loading.value = true\r\n    const result = await request.delete(item.id)\r\n    if (result.data.code != 200) {\r\n      Messager.error({ message: result.data.msg || \"删除失败\" })\r\n      return;\r\n    }\r\n    await setAdDefineList()\r\n  } catch (e: any) {\r\n    Messager.error({ message: e })\r\n  } finally {\r\n    loading.value = false\r\n\r\n  }\r\n}\r\n\r\n// 加载广告定义\r\nonMounted(async () => {\r\n  await setAdDefineList();\r\n})\r\n\r\n//timer\r\nlet timer: any = null\r\n\r\n//监听adSearchWord变化进行搜索\r\nwatch(adSearchWord, async () => {\r\n\r\n  if (!!timer) {\r\n    clearTimeout(timer)\r\n  }\r\n\r\n  timer = setTimeout(async () => {\r\n    const condition = new Group()\r\n    condition.addCondition(\"desc\", \"like\", `%${adSearchWord.value}%`)\r\n    await setAdDefineList(condition);\r\n  }, 500)\r\n\r\n\r\n})\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-ad/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-ad__warp\">\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=\"Guide\" style=\"margin-right: 5px;\" />\r\n          广告位管理\r\n        </h3>\r\n      </template>\r\n      <template #content>\r\n        <el-input style=\"width: 240px\" placeholder=\"请输入广告位描述\" v-model=\"adSearchWord\">\r\n          <template #prefix>\r\n            <MKSvgIcon iconClass=\"Search\" />\r\n          </template>\r\n        </el-input>\r\n      </template>\r\n      <template #extra>\r\n        <div class=\"flex items-center\">\r\n          <el-button type=\"primary\" size=\"large\" text @click=\"showAdDefineHandle\">\r\n            添加广告位\r\n            <MKSvgIcon iconClass=\"Plus\" style=\"margin-left: 10px;\" />\r\n          </el-button>\r\n        </div>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"mk-cms-ad__body\" v-loading=\"loading\">\r\n      <el-scrollbar class=\"mk-cms-ad__body__scrollbar\"  v-if=\"adDefineList?.length\">\r\n        <el-card v-for=\"item in adDefineList\" :key=\"item.id\" class=\"mk-cms-ad__card\">\r\n          <template #header>\r\n            <div class=\"mk-cms-ad__card__header clearfix\">\r\n              <span>\r\n                <MKSvgIcon iconClass=\"Guide\" style=\"margin-right: 5px;\" />\r\n                {{ item.desc }}\r\n              </span>\r\n              <div class=\"btn-box\">\r\n                <MKSvgIcon class=\"btn\" iconClass=\"Plus\" style=\"color: #409EFF;\"\r\n                  @click=\"showAdContentHandler(item, false)\" />\r\n                <MKSvgIcon class=\"btn\" iconClass=\"EditPen\" style=\"color: #409EFF;\" @click=\"showAdDefineHandle(item)\" />\r\n                <MKSvgIcon class=\"btn\" iconClass=\"Delete\" style=\"color: #F56C6C;\"\r\n                  @click=\"deleteHandler(adRequest, 'desc', item)\" v-if=\"item.contents.length == 0\" />\r\n              </div>\r\n            </div>\r\n          </template>\r\n          <el-empty v-if=\"item.contents.length <= 0\" description=\"暂无内容\" />\r\n          <div class=\"mk-cms-ad__card__body\">\r\n            <el-scrollbar class=\"mk-cms-ad__card__body__scrollbar\">\r\n              <el-card class=\"mk-cms-ad__card__body__item\" v-for=\"adContent in item.contents\" :key=\"adContent.id\">\r\n                <el-image class=\"images\" v-if=\"adContent.type == 1\" :src=\"adContent.path\"\r\n                  :preview-src-list=\"[adContent.path]\" fit=\"contain\">\r\n                  <div slot=\"placeholder\" class=\"image-slot\">\r\n                    加载中<span class=\"dot\">...</span>\r\n                  </div>\r\n                </el-image>\r\n                <video class=\"video\" v-if=\"adContent.type == 2\" :src=\"adContent.path\" style=\"width: 100%;height: 200px;\"\r\n                  controls></video>\r\n                <div class=\"item-desc\">\r\n                  <div class=\"item-desc-left\">\r\n                    <div class=\"title ellipsis\">\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.type == 1\" iconClass=\"Picture\"></MKSvgIcon>\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.type == 2\" iconClass=\"VideoCamera\"></MKSvgIcon>\r\n                      <span :title=\"adContent.title + '(' + adContent.desc + ')'\">{{ adContent.title }}<span\r\n                          class=\"desc\">{{\r\n                            adContent.desc ? `(${adContent.desc})` : \"\" }}</span></span>\r\n                    </div>\r\n                    <div class=\"external-links ellipsis\">\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.link\" iconClass=\"Link\"></MKSvgIcon>\r\n                      <a :href=\"adContent.link\" target=\"_blank\" :title=\"adContent.link\">{{ adContent.link }}</a>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"item-desc-right\">\r\n                    <el-dropdown trigger=\"click\" :teleported=\"false\" class=\"item-desc-right__more\">\r\n                      <span class=\"el-dropdown-link\">\r\n                        更多<el-icon class=\"el-icon--right\"><arrow-down /></el-icon>\r\n                      </span>\r\n                      <template #dropdown>\r\n                        <el-dropdown-menu>\r\n                          <el-dropdown-item class=\"edit-button\" :icon=\"EditPen\"\r\n                            @click=\"showAdContentHandler(adContent, true)\">编辑</el-dropdown-item>\r\n                          <el-dropdown-item class=\"delete-button\" :icon=\"Delete\"\r\n                            @click=\"deleteHandler(adContentRequest, 'title', adContent)\">删除</el-dropdown-item>\r\n                        </el-dropdown-menu>\r\n                      </template>\r\n                    </el-dropdown>\r\n                  </div>\r\n                </div>\r\n              </el-card>\r\n            </el-scrollbar>\r\n          </div>\r\n        </el-card>\r\n      </el-scrollbar>\r\n\r\n      <el-empty v-if=\"adDefineList?.length <= 0\" description=“暂无内容” />\r\n    </div>\r\n  </div>\r\n\r\n</template>\r\n<script setup lang='ts'>\r\nimport { onMounted, reactive, ref, watch } from \"vue\";\r\nimport { DataViewRequest, Group } from \"@maketribe/request\";\r\nimport { DataForm, Dialoger, FormColumn, Messager } from \"@maketribe/dm\";\r\nimport { CmsAdContentsForm, CmsAdDefinesForm } from \"../../dataviews\";\r\nimport { EditPen, ArrowDown, Delete } from \"@element-plus/icons-vue\"\r\n\r\n// 广告定义数据表\r\nconst adRequest = new DataViewRequest({ name: \"ad-define\", moduleName: \"cms\" });\r\nconst adContentRequest = new DataViewRequest({ name: \"ad-content\", moduleName: \"cms\" });\r\n//广告位搜索词\r\nconst adSearchWord = ref(\"\")\r\n// 广告定义列表\r\nconst adDefineList = ref([] as any[]);\r\nconst loading = ref(true);\r\n\r\n//更新列表数据\r\nconst setAdDefineList = async (condition?: Group) => {\r\n  try {\r\n    loading.value = true;\r\n\r\n    if(!condition){ condition = new Group();  }\r\n\r\n    // 栏目的广告不查\r\n    condition?.addCondition(\"key\",\"nolike\",\"part_\")\r\n\r\n    // console.log(condition);\r\n\r\n    adDefineList.value = (await adRequest.allList({\r\n      data: {\r\n        condition: condition\r\n      }\r\n    })).data.data;\r\n\r\n  } catch (e) {\r\n    console.error(e)\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n}\r\n// 广告内容表单\r\nconst adContentForm = reactive(new CmsAdContentsForm())\r\n//监听广告内容表单保存事件\r\nadContentForm.submittedEvent.on(() => {\r\n  setAdDefineList()\r\n})\r\n// 添加广告内容\r\nconst showAdContentHandler = async (item: any, isEdit: boolean) => {\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: adContentForm as CmsAdContentsForm,\r\n    recId: isEdit ? item.id : undefined\r\n  })\r\n  if (!isEdit) {\r\n    adContentForm.addRecord({ adDefineId: item.id })\r\n  }\r\n}\r\n\r\n//广告定义表单\r\nconst adDefineForm = reactive(new (class extends CmsAdDefinesForm {\r\n  //去掉广告内容\r\n  protected async initialize() {\r\n    await super.initialize();\r\n    this.setColumns([\r\n      new FormColumn({ name: \"key\", label: \"广告位KEY\", required: true }),\r\n      new FormColumn({ name: \"desc\", label: \"广告位描述\", required: true }),\r\n    ]);\r\n  }\r\n}))\r\n//监听广告保存完成进行刷新\r\nadDefineForm.submittedEvent.on(() => {\r\n  setAdDefineList()\r\n})\r\n//增加广告位\r\nconst showAdDefineHandle = (item: any) => {\r\n  Dialoger.dataFormDialog({\r\n    dataForm: adDefineForm as DataForm,\r\n    recId: item?.id\r\n  })\r\n}\r\n\r\n//删除\r\nconst deleteHandler = async (request: DataViewRequest, field: string, item: any) => {\r\n  const isConfirm = await Dialoger.confirm({\r\n    title: \"是否删除？\",\r\n    message: `确定删除【${item[field]}】广告位？`,\r\n    type: \"warning\"\r\n  });\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n  try {\r\n    loading.value = true\r\n    const result = await request.delete(item.id)\r\n    if (result.data.code != 200) {\r\n      Messager.error({ message: result.data.msg || \"删除失败\" })\r\n      return;\r\n    }\r\n    await setAdDefineList()\r\n  } catch (e: any) {\r\n    Messager.error({ message: e })\r\n  } finally {\r\n    loading.value = false\r\n\r\n  }\r\n}\r\n\r\n// 加载广告定义\r\nonMounted(async () => {\r\n  await setAdDefineList();\r\n})\r\n\r\n//timer\r\nlet timer: any = null\r\n\r\n//监听adSearchWord变化进行搜索\r\nwatch(adSearchWord, async () => {\r\n\r\n  if (!!timer) {\r\n    clearTimeout(timer)\r\n  }\r\n\r\n  timer = setTimeout(async () => {\r\n    const condition = new Group()\r\n    condition.addCondition(\"desc\", \"like\", `%${adSearchWord.value}%`)\r\n    await setAdDefineList(condition);\r\n  }, 500)\r\n\r\n\r\n})\r\n\r\n</script>\r\n"],"names":[],"mappings":"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"}

package/dist/esm/modules/cms/pages/cms-contents/article-edit-add-page.vue2.js

@@ -28,10 +28,40 @@ import { MKDocEditor } from "../../../../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/basic/lexical-editor/assets/iconfont.js";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "../../../../components/basic/lexical-editor/utils/html.js";
+import "@maketribe/dm";
+import "../../../../components/basic/lexical-editor/utils/image.js";
+import "../../../../components/basic/lexical-editor/composables/useElementBlockSelection.js";
+import "@lexical/history";
+/* empty css                                                                          */
+import "../../../../components/basic/lexical-editor/nodes/ModuleDecoratorNode.js";
+import "../../../../components/basic/lexical-editor/nodes/ImageNode.js";
+import "../../../../components/basic/lexical-editor/nodes/ImageTextWarpNode.js";
+import "../../../../components/basic/lexical-editor/nodes/Template.js";
+/* empty css                                                                                   */
+/* empty css                                                                     */
+/* empty css                                                                     */
+import "../../../../components/basic/lexical-editor/plugins/RichTextEditorPlugin.js";
+import "../../../../components/basic/lexical-editor/plugins/HashtagPlugin.js";
+import "../../../../components/basic/lexical-editor/plugins/ListPlugin.js";
+import "../../../../components/basic/lexical-editor/plugins/CheckListPlugin.js";
+import "../../../../components/basic/lexical-editor/plugins/TablePlugin.js";
+/* empty css                                                               */
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "../../../../components/basic/lexical-editor/stage/DecoratedTeleports.js";
+/* empty css                                                           */
 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";
-import "@maketribe/dm";
 import "../../../../components/business/verify-dialog/verify-dialog-option.js";
 import "../../../../core/DataModelDefines.js";
 import { useRoute, useRouter } from "vue-router";
@@ -186,7 +216,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const closeExtentionsHandle = () => {
       closeExtentions.value = false;
     };
-    const EditorChangeHandle = (v) => {
+    const docEditorChangeHandle = (v) => {
       articleForm.data.content = v;
     };
     return (_ctx, _cache) => {
@@ -315,9 +345,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           articleForm.data ? (openBlock(), createBlock(unref(MKDocEditor), {
             key: 0,
             css: unref(CmsSettings).content.doc.css,
+            namespace: "cms-article",
             js: unref(CmsSettings).content.doc.js,
-            content: content.value,
-            onChange: EditorChangeHandle
+            modelValue: content.value,
+            "onUpdate:modelValue": docEditorChangeHandle
           }, {
             header: withCtx(() => [
               createElementVNode("div", _hoisted_4, [
@@ -642,7 +673,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             ]),
             _: 1
-          }, 8, ["css", "js", "content"])) : createCommentVNode("", true)
+          }, 8, ["css", "js", "modelValue"])) : createCommentVNode("", true)
         ])), [
           [_directive_loading, articleForm.loading]
         ])

package/dist/esm/modules/cms/pages/cms-contents/article-edit-add-page.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"article-edit-add-page.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-contents/article-edit-add-page.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-article-eidtadd__warp\">\r\n    <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"ArrowLeftBold\" title=\"返回\"\r\n      @back=\"() => router.push({ name: 'cms/contents', query: { pid: articleForm?.data?.cmsPartId } })\">\r\n      <template #content>\r\n        <template v-if=\"!articleForm.loading\">\r\n          <el-text v-if=\"!articleForm.data?.modifier\">{{ !!route.query.id ? \"编辑文章\" : \"创建文章\" }}</el-text>\r\n          <el-text v-else>{{ articleForm.data?.modifierName }} 于 {{ articleForm.data?.updatedAt }} 更新</el-text>\r\n        </template>\r\n      </template>\r\n      <template #extra>\r\n        <div class=\"mk-cms-article-eidtadd__header_tools\">\r\n\r\n          <template v-if=\"!articleForm.loading\">\r\n            <el-tag v-if=\"!articleForm.data?.publishTime\" effect=\"dark\" round>未发布</el-tag>\r\n            <el-text v-else>发布时间：{{ articleForm.data?.publishTime }}</el-text>\r\n          </template>\r\n\r\n          <el-dropdown split-button type=\"primary\" style=\"margin-left: 10px;\" @click=\"saveHandle\">\r\n            <MKSvgIcon iconClass=\"save\" style=\"margin-right: 10px;\" />\r\n            保存\r\n            <template #dropdown>\r\n              <el-dropdown-menu>\r\n                <el-dropdown-item v-if=\"CmsSettings.publish.mode == 'static'\"  @click=\"saveAndViewHandle\">\r\n                  <MKSvgIcon iconClass=\"View\" style=\"margin-right: 5px;\" />\r\n                  保存并预览\r\n                </el-dropdown-item>\r\n                <el-dropdown-item @click=\"saveAndPublishHandle\">\r\n                  <MKSvgIcon iconClass=\"Share\" style=\"margin-right: 5px;\" />\r\n                  保存并发布\r\n                </el-dropdown-item>\r\n              </el-dropdown-menu>\r\n            </template>\r\n          </el-dropdown>\r\n        </div>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"mk-cms-article-eidtadd__body\" v-loading=\"articleForm.loading\">\r\n\r\n      <MKDocEditor v-if=\"articleForm.data\"  :css=\"CmsSettings.content.doc.css\" :js=\"CmsSettings.content.doc.js\" :content=\"content\" @change=\"EditorChangeHandle\">\r\n        <template #header>\r\n          <div class=\"mk-cms-article-eidtadd__body__header\">\r\n            <el-row>\r\n              <el-input class=\"title\" type=\"textarea\" :autosize=\"{ minRows: 1, maxRows: 4 }\" maxlength=\"150\"\r\n                show-word-limit placeholder=\"请输入标题\" v-model=\"title\" />\r\n            </el-row>\r\n            <el-row>\r\n              <el-input class=\"sub-title\" type=\"textarea\" :autosize=\"{ minRows: 1, maxRows: 4 }\" maxlength=\"150\"\r\n                show-word-limit placeholder=\"[选填] 请输入子标题\" v-model=\"subTitle\" />\r\n            </el-row>\r\n          </div>\r\n        </template>\r\n        <template #after-extentions>\r\n          <div class=\"mk-cms-article-eidtadd__body__extentions\" :class=\"{ hide: closeExtentions! }\" ref=\"extentionsRef\">\r\n            <MKSvgIcon icon-class=\"ArrowLeft\" class=\"open\" @click=\"closeExtentionsHandle\" v-if=\"closeExtentions\">\r\n            </MKSvgIcon>\r\n            <MKSvgIcon v-else icon-class=\"ArrowRight\" class=\"close\" @click=\"hideExtentionsHandle\">\r\n            </MKSvgIcon>\r\n            <el-divider content-position=\"left\">文章设置</el-divider>\r\n            <MKDataForm :dataForm=\"articleForm\">\r\n              <MKForm :dataForm=\"articleForm\" style=\"width:225px\" label-width=\"110px\">\r\n                <el-row v-if=\"CmsSettings.content.useTop\">\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isTop\"></MKDataFormItem>\r\n                </el-row>\r\n                <el-row v-if=\"CmsSettings.content.useNew\">\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isNew\"></MKDataFormItem>\r\n                </el-row>\r\n                <el-row v-if=\"CmsSettings.content.useHotRecommend\">\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isHotRecommend\"></MKDataFormItem>\r\n                </el-row>\r\n                <el-row v-if=\"CmsSettings.content.usePartRecommend\">\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isPartRecommend\"></MKDataFormItem>\r\n                </el-row>\r\n                <el-row>\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isShowList\"></MKDataFormItem>\r\n                </el-row>\r\n                <!-- <el-row>\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isDraft\"></MKDataFormItem>\r\n                </el-row> -->\r\n                <!-- <el-row>\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"sortNo\"></MKDataFormItem>\r\n                </el-row> -->\r\n              </MKForm>\r\n            </MKDataForm>\r\n          </div>\r\n        </template>\r\n        <template #footer>\r\n          <div class=\"mk-cms-article-eidtadd__body__footer\">\r\n            <el-tabs v-model=\"articleOptionsActive\">\r\n              <el-tab-pane label=\"基础内容\" name=\"content\">\r\n                <div class=\"content\">\r\n                  <el-row :gutter=\"20\">\r\n                    <el-col :span=\"6\">\r\n                      <el-input placeholder=\"[选填] 作者\" v-model=\"articleForm.data.author\" clearable>\r\n                        <template #prefix>\r\n                          <MKSvgIcon iconClass=\"UserFilled\" />\r\n                        </template>\r\n                      </el-input>\r\n                    </el-col>\r\n                    <el-col :span=\"6\">\r\n                      <el-date-picker v-model=\"releaseDate\" type=\"datetime\" placeholder=\"发布时间\"\r\n                        :default-time=\"new Date()\" />\r\n                    </el-col>\r\n                    <el-col :span=\"12\">\r\n                      <el-input placeholder=\"[选填] 发布地址\" v-model=\"articleForm.data.locationDesc\" clearable>\r\n                        <template #prefix>\r\n                          <MKSvgIcon iconClass=\"Location\" />\r\n                        </template>\r\n                      </el-input>\r\n                    </el-col>\r\n                  </el-row>\r\n                  <el-row v-if=\"CmsSettings.content.useTags\">\r\n                    <el-select v-model=\"tags\" multiple filterable allow-create default-first-option\r\n                      :reserve-keyword=\"false\" placeholder=\"[可选] 选择文章标签\" style=\"width: 100%\">\r\n                      <template #prefix>\r\n                        <MKSvgIcon iconClass=\"CollectionTag\" />\r\n                      </template>\r\n                    </el-select>\r\n                  </el-row>\r\n                  <el-divider content-position=\"left\">\r\n                    文章封面/简介\r\n                    <el-switch v-model=\"descAutoCreate\" style=\"margin-left: 10px;\" inline-prompt active-text=\"自动生成\"\r\n                      inactive-text=\"手动撰写\" />\r\n                  </el-divider>\r\n                  <el-row class=\"cover-desc\">\r\n                    <MKUploadImage style=\"margin-right: 10px;\" v-model=\"articleForm.data.cover\" width=\"115px\" height=\"115px\" \r\n                    :uploadContext=\"new ImageUploadContext(CmsSettings.content.coverImageSize)\">\r\n\r\n                    </MKUploadImage>\r\n                    <el-input class=\"desc\" type=\"textarea\" :autosize=\"{ minRows: 5, maxRows: 30 }\" maxlength=\"1000\"\r\n                      show-word-limit placeholder=\"[选填] 文章简介\" v-model=\"desc\" />\r\n                  </el-row>\r\n                  <el-divider content-position=\"left\">文章Banner图</el-divider>\r\n                  <el-row>\r\n                    <MKUploadImage v-model=\"articleForm.data.banner\" style=\"width: 100%;\" height=\"300px\" :uploadContext=\"new ImageUploadContext(CmsSettings.content.bannerImageSize)\">\r\n\r\n                    </MKUploadImage>\r\n                  </el-row>\r\n                </div>\r\n              </el-tab-pane>\r\n              <el-tab-pane label=\"文章资源库\" name=\"atlas\"  v-if=\"CmsSettings.content.useAtlas\">\r\n                <ArticleAtlas v-model=\"atlas\" :articleId=\"parseInt(articleForm.data?.id)\" />\r\n              </el-tab-pane>\r\n              <el-tab-pane label=\"页面设置\" name=\"settings\"  v-if=\"CmsSettings.publish.mode == 'static'\">\r\n                <MKDataForm :dataForm=\"articleForm\" label-width=\"120px\">\r\n                  <MKForm :dataForm=\"articleForm\">\r\n                    <el-row>\r\n                      <MKDataFormItem style=\"width: 100%;\" name=\"seoKeywords\"></MKDataFormItem>\r\n                    </el-row>\r\n                    <el-row>\r\n                      <MKDataFormItem style=\"width: 100%;\" name=\"seoDesc\"></MKDataFormItem>\r\n                    </el-row>\r\n                  </MKForm>\r\n                </MKDataForm>\r\n              </el-tab-pane>\r\n            </el-tabs>\r\n          </div>\r\n        </template>\r\n      </MKDocEditor>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { onMounted, reactive, ref, computed } from \"vue\";\r\nimport { ArrowLeftBold } from \"@element-plus/icons-vue\"\r\nimport { MKDocEditor, MKSvgIcon, MKUploadImage } from '../../../../components'\r\nimport { MKDataForm, MKForm, MKDataFormItem } from \"../../../../components\";\r\nimport ArticleAtlas from \"./components/article-atlas.vue\";\r\nimport { CmsArticlesForm } from \"../../dataviews\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { ImageUploadContext } from \"../../../ms\";\r\nimport { useCmsSettings } from \"../../cms-settings\"\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings(true);\r\n\r\nconst route = useRoute()\r\nconst router = useRouter();\r\n\r\n\r\n// 文章请求\r\nconst articleForm = reactive(new CmsArticlesForm()) as CmsArticlesForm;\r\nconst articleOptionsActive = ref(\"content\");\r\n\r\n\r\n// 标题\r\nconst title = computed({\r\n  get() { return articleForm.data?.title || \"\"; },\r\n  set(val) { articleForm.data.title = val; }\r\n});\r\n// 子标题\r\nconst subTitle = computed({\r\n  get() { return articleForm.data?.subTitle || \"\"; },\r\n  set(val) { articleForm.data.subTitle = val; }\r\n});\r\n// 获取默认简介\r\nconst getDefaultDescContent = () => {\r\n  if (!descAutoCreate.value) {\r\n    return \"\";\r\n  }\r\n  let val: any = \"\";\r\n  const div = document.createElement(\"div\");\r\n  div.innerHTML = content.value;\r\n  val = div.textContent?.substring(0, 700);\r\n  if (div.textContent!.length > 700) {\r\n    val += \"...\";\r\n  }\r\n  return val;\r\n}\r\nconst descAutoCreate = ref(true)\r\n// 简介\r\nconst desc = computed({\r\n  get() {\r\n    return articleForm.data?.desc || getDefaultDescContent();\r\n  },\r\n  set(val) {\r\n    articleForm.data.desc = val;\r\n  }\r\n});\r\n// 发布时间\r\nconst releaseDate = computed({\r\n  get() { return articleForm.data?.releaseDate || articleForm.data?.publishTime; },\r\n  set(val) { articleForm.data.releaseDate = val; }\r\n});\r\n// 标签\r\nconst tags = ref([]);\r\n//  computed({ \r\n//   get() { return articleForm.data?.tags || [] }, \r\n//   set(val) { articleForm.data.tags = val; } \r\n// });\r\n// 内容\r\nconst content = computed({\r\n  get() { return articleForm.data?.content || \"\"; },\r\n  set(val) { articleForm.data.content = val; }\r\n});\r\n\r\n// 图集\r\nconst atlas = computed({\r\n  get() {\r\n    return articleForm.data?.atlas\r\n  },\r\n  set(val) { articleForm.data.atlas = val; }\r\n});\r\n\r\n// 表单初始化\r\nconst formInitDataInfo = ()=>{\r\n // 初始化数据加载\r\n if (route.query.id) {\r\n    articleForm.editRecord(route.query.id);\r\n  }\r\n  else if (route.query.partId) {\r\n    articleForm.addRecord({ cmsPartId: route.query.partId,isDraft:1 });\r\n  }\r\n  else {\r\n    articleForm.addRecord({ isDraft:1 });\r\n  }\r\n}\r\n\r\nonMounted(() => {\r\n  formInitDataInfo();\r\n  articleForm.init();\r\n\r\n})\r\n\r\n// 保存\r\nconst saveHandle = async () => {\r\n\r\n  // 简介不存在的时候使用自动生成的\r\n  if (!articleForm.data?.desc) {\r\n    desc.value = getDefaultDescContent();\r\n  }\r\n\r\n  let result = await articleForm.submit();\r\n\r\n  router.back();\r\n\r\n  return result;\r\n}\r\n\r\n// 保存并预览\r\nconst saveAndViewHandle = async ()=>{\r\n  const partId = articleForm.data.cmsPartId;\r\n  const data = await saveHandle();\r\n  if(data.data.code == 200 && data.data.data){\r\n    window.open('/api/cms/content/preview/content/' + partId + '/' + data.data.data)\r\n  }\r\n}\r\n\r\n// 保存并发布\r\nconst saveAndPublishHandle = async ()=>{\r\n  const result:any = await articleForm.saveAndPublish(CmsSettings.publish.mode);\r\n  if(result.data.code == 200){\r\n    router.back();\r\n  }\r\n}\r\n\r\n// 隐藏扩展\r\nconst closeExtentions = ref(true);\r\nconst extentionsRef = ref();\r\nconst hideExtentionsHandle = () => {\r\n  closeExtentions.value = true;\r\n}\r\n//展示扩展\r\nconst closeExtentionsHandle = () => {\r\n  closeExtentions.value = false;\r\n}\r\n\r\nconst EditorChangeHandle = (v: any) => {\r\n  articleForm.data.content = v;\r\n}\r\n\r\n</script>\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"article-edit-add-page.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-contents/article-edit-add-page.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-article-eidtadd__warp\">\r\n    <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"ArrowLeftBold\" title=\"返回\"\r\n      @back=\"() => router.push({ name: 'cms/contents', query: { pid: articleForm?.data?.cmsPartId } })\">\r\n      <template #content>\r\n        <template v-if=\"!articleForm.loading\">\r\n          <el-text v-if=\"!articleForm.data?.modifier\">{{ !!route.query.id ? \"编辑文章\" : \"创建文章\" }}</el-text>\r\n          <el-text v-else>{{ articleForm.data?.modifierName }} 于 {{ articleForm.data?.updatedAt }} 更新</el-text>\r\n        </template>\r\n      </template>\r\n      <template #extra>\r\n        <div class=\"mk-cms-article-eidtadd__header_tools\">\r\n\r\n          <template v-if=\"!articleForm.loading\">\r\n            <el-tag v-if=\"!articleForm.data?.publishTime\" effect=\"dark\" round>未发布</el-tag>\r\n            <el-text v-else>发布时间：{{ articleForm.data?.publishTime }}</el-text>\r\n          </template>\r\n\r\n          <el-dropdown split-button type=\"primary\" style=\"margin-left: 10px;\" @click=\"saveHandle\">\r\n            <MKSvgIcon iconClass=\"save\" style=\"margin-right: 10px;\" />\r\n            保存\r\n            <template #dropdown>\r\n              <el-dropdown-menu>\r\n                <el-dropdown-item v-if=\"CmsSettings.publish.mode == 'static'\"  @click=\"saveAndViewHandle\">\r\n                  <MKSvgIcon iconClass=\"View\" style=\"margin-right: 5px;\" />\r\n                  保存并预览\r\n                </el-dropdown-item>\r\n                <el-dropdown-item @click=\"saveAndPublishHandle\">\r\n                  <MKSvgIcon iconClass=\"Share\" style=\"margin-right: 5px;\" />\r\n                  保存并发布\r\n                </el-dropdown-item>\r\n              </el-dropdown-menu>\r\n            </template>\r\n          </el-dropdown>\r\n        </div>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"mk-cms-article-eidtadd__body\" v-loading=\"articleForm.loading\">\r\n\r\n      <MKDocEditor v-if=\"articleForm.data\"  :css=\"CmsSettings.content.doc.css\" namespace=\"cms-article\"\r\n      :js=\"CmsSettings.content.doc.js\" :modelValue=\"content\" @update:modelValue=\"docEditorChangeHandle\">\r\n        <template #header>\r\n          <div class=\"mk-cms-article-eidtadd__body__header\">\r\n            <el-row>\r\n              <el-input class=\"title\" type=\"textarea\" :autosize=\"{ minRows: 1, maxRows: 4 }\" maxlength=\"150\"\r\n                show-word-limit placeholder=\"请输入标题\" v-model=\"title\" />\r\n            </el-row>\r\n            <el-row>\r\n              <el-input class=\"sub-title\" type=\"textarea\" :autosize=\"{ minRows: 1, maxRows: 4 }\" maxlength=\"150\"\r\n                show-word-limit placeholder=\"[选填] 请输入子标题\" v-model=\"subTitle\" />\r\n            </el-row>\r\n          </div>\r\n        </template>\r\n        <template #after-extentions>\r\n          <div class=\"mk-cms-article-eidtadd__body__extentions\" :class=\"{ hide: closeExtentions! }\" ref=\"extentionsRef\">\r\n            <MKSvgIcon icon-class=\"ArrowLeft\" class=\"open\" @click=\"closeExtentionsHandle\" v-if=\"closeExtentions\">\r\n            </MKSvgIcon>\r\n            <MKSvgIcon v-else icon-class=\"ArrowRight\" class=\"close\" @click=\"hideExtentionsHandle\">\r\n            </MKSvgIcon>\r\n            <el-divider content-position=\"left\">文章设置</el-divider>\r\n            <MKDataForm :dataForm=\"articleForm\">\r\n              <MKForm :dataForm=\"articleForm\" style=\"width:225px\" label-width=\"110px\">\r\n                <el-row v-if=\"CmsSettings.content.useTop\">\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isTop\"></MKDataFormItem>\r\n                </el-row>\r\n                <el-row v-if=\"CmsSettings.content.useNew\">\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isNew\"></MKDataFormItem>\r\n                </el-row>\r\n                <el-row v-if=\"CmsSettings.content.useHotRecommend\">\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isHotRecommend\"></MKDataFormItem>\r\n                </el-row>\r\n                <el-row v-if=\"CmsSettings.content.usePartRecommend\">\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isPartRecommend\"></MKDataFormItem>\r\n                </el-row>\r\n                <el-row>\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isShowList\"></MKDataFormItem>\r\n                </el-row>\r\n                <!-- <el-row>\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"isDraft\"></MKDataFormItem>\r\n                </el-row> -->\r\n                <!-- <el-row>\r\n                  <MKDataFormItem style=\"width: 100%;\" name=\"sortNo\"></MKDataFormItem>\r\n                </el-row> -->\r\n              </MKForm>\r\n            </MKDataForm>\r\n          </div>\r\n        </template>\r\n        <template #footer>\r\n          <div class=\"mk-cms-article-eidtadd__body__footer\">\r\n            <el-tabs v-model=\"articleOptionsActive\">\r\n              <el-tab-pane label=\"基础内容\" name=\"content\">\r\n                <div class=\"content\">\r\n                  <el-row :gutter=\"20\">\r\n                    <el-col :span=\"6\">\r\n                      <el-input placeholder=\"[选填] 作者\" v-model=\"articleForm.data.author\" clearable>\r\n                        <template #prefix>\r\n                          <MKSvgIcon iconClass=\"UserFilled\" />\r\n                        </template>\r\n                      </el-input>\r\n                    </el-col>\r\n                    <el-col :span=\"6\">\r\n                      <el-date-picker v-model=\"releaseDate\" type=\"datetime\" placeholder=\"发布时间\"\r\n                        :default-time=\"new Date()\" />\r\n                    </el-col>\r\n                    <el-col :span=\"12\">\r\n                      <el-input placeholder=\"[选填] 发布地址\" v-model=\"articleForm.data.locationDesc\" clearable>\r\n                        <template #prefix>\r\n                          <MKSvgIcon iconClass=\"Location\" />\r\n                        </template>\r\n                      </el-input>\r\n                    </el-col>\r\n                  </el-row>\r\n                  <el-row v-if=\"CmsSettings.content.useTags\">\r\n                    <el-select v-model=\"tags\" multiple filterable allow-create default-first-option\r\n                      :reserve-keyword=\"false\" placeholder=\"[可选] 选择文章标签\" style=\"width: 100%\">\r\n                      <template #prefix>\r\n                        <MKSvgIcon iconClass=\"CollectionTag\" />\r\n                      </template>\r\n                    </el-select>\r\n                  </el-row>\r\n                  <el-divider content-position=\"left\">\r\n                    文章封面/简介\r\n                    <el-switch v-model=\"descAutoCreate\" style=\"margin-left: 10px;\" inline-prompt active-text=\"自动生成\"\r\n                      inactive-text=\"手动撰写\" />\r\n                  </el-divider>\r\n                  <el-row class=\"cover-desc\">\r\n                    <MKUploadImage style=\"margin-right: 10px;\" v-model=\"articleForm.data.cover\" width=\"115px\" height=\"115px\" \r\n                    :uploadContext=\"new ImageUploadContext(CmsSettings.content.coverImageSize)\">\r\n\r\n                    </MKUploadImage>\r\n                    <el-input class=\"desc\" type=\"textarea\" :autosize=\"{ minRows: 5, maxRows: 30 }\" maxlength=\"1000\"\r\n                      show-word-limit placeholder=\"[选填] 文章简介\" v-model=\"desc\" />\r\n                  </el-row>\r\n                  <el-divider content-position=\"left\">文章Banner图</el-divider>\r\n                  <el-row>\r\n                    <MKUploadImage v-model=\"articleForm.data.banner\" style=\"width: 100%;\" height=\"300px\" :uploadContext=\"new ImageUploadContext(CmsSettings.content.bannerImageSize)\">\r\n\r\n                    </MKUploadImage>\r\n                  </el-row>\r\n                </div>\r\n              </el-tab-pane>\r\n              <el-tab-pane label=\"文章资源库\" name=\"atlas\"  v-if=\"CmsSettings.content.useAtlas\">\r\n                <ArticleAtlas v-model=\"atlas\" :articleId=\"parseInt(articleForm.data?.id)\" />\r\n              </el-tab-pane>\r\n              <el-tab-pane label=\"页面设置\" name=\"settings\"  v-if=\"CmsSettings.publish.mode == 'static'\">\r\n                <MKDataForm :dataForm=\"articleForm\" label-width=\"120px\">\r\n                  <MKForm :dataForm=\"articleForm\">\r\n                    <el-row>\r\n                      <MKDataFormItem style=\"width: 100%;\" name=\"seoKeywords\"></MKDataFormItem>\r\n                    </el-row>\r\n                    <el-row>\r\n                      <MKDataFormItem style=\"width: 100%;\" name=\"seoDesc\"></MKDataFormItem>\r\n                    </el-row>\r\n                  </MKForm>\r\n                </MKDataForm>\r\n              </el-tab-pane>\r\n            </el-tabs>\r\n          </div>\r\n        </template>\r\n      </MKDocEditor>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { onMounted, reactive, ref, computed } from \"vue\";\r\nimport { ArrowLeftBold } from \"@element-plus/icons-vue\"\r\nimport { MKDocEditor, MKSvgIcon, MKUploadImage } from '../../../../components'\r\nimport { MKDataForm, MKForm, MKDataFormItem } from \"../../../../components\";\r\nimport ArticleAtlas from \"./components/article-atlas.vue\";\r\nimport { CmsArticlesForm } from \"../../dataviews\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { ImageUploadContext } from \"../../../ms\";\r\nimport { useCmsSettings } from \"../../cms-settings\"\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings(true);\r\n\r\nconst route = useRoute()\r\nconst router = useRouter();\r\n\r\n\r\n// 文章请求\r\nconst articleForm = reactive(new CmsArticlesForm()) as CmsArticlesForm;\r\nconst articleOptionsActive = ref(\"content\");\r\n\r\n\r\n// 标题\r\nconst title = computed({\r\n  get() { return articleForm.data?.title || \"\"; },\r\n  set(val) { articleForm.data.title = val; }\r\n});\r\n// 子标题\r\nconst subTitle = computed({\r\n  get() { return articleForm.data?.subTitle || \"\"; },\r\n  set(val) { articleForm.data.subTitle = val; }\r\n});\r\n// 获取默认简介\r\nconst getDefaultDescContent = () => {\r\n  if (!descAutoCreate.value) {\r\n    return \"\";\r\n  }\r\n  let val: any = \"\";\r\n  const div = document.createElement(\"div\");\r\n  div.innerHTML = content.value;\r\n  val = div.textContent?.substring(0, 700);\r\n  if (div.textContent!.length > 700) {\r\n    val += \"...\";\r\n  }\r\n  return val;\r\n}\r\nconst descAutoCreate = ref(true)\r\n// 简介\r\nconst desc = computed({\r\n  get() {\r\n    return articleForm.data?.desc || getDefaultDescContent();\r\n  },\r\n  set(val) {\r\n    articleForm.data.desc = val;\r\n  }\r\n});\r\n// 发布时间\r\nconst releaseDate = computed({\r\n  get() { return articleForm.data?.releaseDate || articleForm.data?.publishTime; },\r\n  set(val) { articleForm.data.releaseDate = val; }\r\n});\r\n// 标签\r\nconst tags = ref([]);\r\n//  computed({ \r\n//   get() { return articleForm.data?.tags || [] }, \r\n//   set(val) { articleForm.data.tags = val; } \r\n// });\r\n// 内容\r\nconst content = computed({\r\n  get() { return articleForm.data?.content || \"\"; },\r\n  set(val) { articleForm.data.content = val; }\r\n});\r\n\r\n// 图集\r\nconst atlas = computed({\r\n  get() {\r\n    return articleForm.data?.atlas\r\n  },\r\n  set(val) { articleForm.data.atlas = val; }\r\n});\r\n\r\n// 表单初始化\r\nconst formInitDataInfo = ()=>{\r\n // 初始化数据加载\r\n if (route.query.id) {\r\n    articleForm.editRecord(route.query.id);\r\n  }\r\n  else if (route.query.partId) {\r\n    articleForm.addRecord({ cmsPartId: route.query.partId,isDraft:1 });\r\n  }\r\n  else {\r\n    articleForm.addRecord({ isDraft:1 });\r\n  }\r\n}\r\n\r\nonMounted(() => {\r\n  formInitDataInfo();\r\n  articleForm.init();\r\n\r\n})\r\n\r\n// 保存\r\nconst saveHandle = async () => {\r\n\r\n  // 简介不存在的时候使用自动生成的\r\n  if (!articleForm.data?.desc) {\r\n    desc.value = getDefaultDescContent();\r\n  }\r\n\r\n  let result = await articleForm.submit();\r\n\r\n  router.back();\r\n\r\n  return result;\r\n}\r\n\r\n// 保存并预览\r\nconst saveAndViewHandle = async ()=>{\r\n  const partId = articleForm.data.cmsPartId;\r\n  const data = await saveHandle();\r\n  if(data.data.code == 200 && data.data.data){\r\n    window.open('/api/cms/content/preview/content/' + partId + '/' + data.data.data)\r\n  }\r\n}\r\n\r\n// 保存并发布\r\nconst saveAndPublishHandle = async ()=>{\r\n  const result:any = await articleForm.saveAndPublish(CmsSettings.publish.mode);\r\n  if(result.data.code == 200){\r\n    router.back();\r\n  }\r\n}\r\n\r\n// 隐藏扩展\r\nconst closeExtentions = ref(true);\r\nconst extentionsRef = ref();\r\nconst hideExtentionsHandle = () => {\r\n  closeExtentions.value = true;\r\n}\r\n//展示扩展\r\nconst closeExtentionsHandle = () => {\r\n  closeExtentions.value = false;\r\n}\r\n\r\nconst docEditorChangeHandle = (v: any) => {\r\n  articleForm.data.content = v;\r\n}\r\n\r\n</script>\r\n"],"names":[],"mappings":"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"}

package/dist/esm/modules/cms/pages/cms-contents/components/article-atlas.vue.js

@@ -30,6 +30,36 @@ 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/basic/lexical-editor/assets/iconfont.js";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "../../../../../components/basic/lexical-editor/utils/html.js";
+import "../../../../../components/basic/lexical-editor/utils/image.js";
+import "../../../../../components/basic/lexical-editor/composables/useElementBlockSelection.js";
+import "@lexical/history";
+/* empty css                                                                             */
+import "../../../../../components/basic/lexical-editor/nodes/ModuleDecoratorNode.js";
+import "../../../../../components/basic/lexical-editor/nodes/ImageNode.js";
+import "../../../../../components/basic/lexical-editor/nodes/ImageTextWarpNode.js";
+import "../../../../../components/basic/lexical-editor/nodes/Template.js";
+/* empty css                                                                                      */
+/* empty css                                                                        */
+/* empty css                                                                        */
+import "../../../../../components/basic/lexical-editor/plugins/RichTextEditorPlugin.js";
+import "../../../../../components/basic/lexical-editor/plugins/HashtagPlugin.js";
+import "../../../../../components/basic/lexical-editor/plugins/ListPlugin.js";
+import "../../../../../components/basic/lexical-editor/plugins/CheckListPlugin.js";
+import "../../../../../components/basic/lexical-editor/plugins/TablePlugin.js";
+/* empty css                                                                  */
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "../../../../../components/basic/lexical-editor/stage/DecoratedTeleports.js";
+/* empty css                                                              */
 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/modules/cms/pages/cms-contents/components/article-atlas.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"article-atlas.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/article-atlas.vue"],"sourcesContent":["<template>\r\n  <el-card class=\"cms-article-atlas\">\r\n    <template #header>\r\n      <div @click=\"showAtlasFormHandle()\" class=\"cms-article-atlas__header\">\r\n        <span>\r\n          <MKSvgIcon iconClass=\"Picture\" style=\"margin-right: 5px;\" />\r\n          文章媒体库\r\n        </span>\r\n        <MKSvgIcon class=\"cms-article-atlas__header__btn\" iconClass=\"Plus\" style=\"color: #409EFF;\" />\r\n      </div>\r\n    </template>\r\n    <el-empty v-if=\"atlas.length <= 0\" description=\"暂无内容\" />\r\n    <el-scrollbar class=\"cms-article-atlas__list\" v-else>\r\n      <el-card class=\"cms-article-atlas__list__item\" v-for=\"(item, index) in atlas\" :key=\"item.id\">\r\n        <el-image class=\"images\" :src=\"item.path\" v-if=\"item.type == 1\" fit=\"contain\">\r\n          <div slot=\"placeholder\" class=\"image-slot\">\r\n            加载中<span class=\"dot\">...</span>\r\n          </div>\r\n        </el-image>\r\n        <video class=\"video\" v-if=\"item.type == 2\" :src=\"item.path\" controls></video>\r\n        <div class=\"cms-article-atlas__list__item__desc\">\r\n          <div class=\"item-desc-left\">\r\n            <div class=\"title ellipsis\">\r\n              <MKSvgIcon class=\"icon\" v-if=\"item.type == 1\" iconClass=\"Picture\"></MKSvgIcon>\r\n              <MKSvgIcon class=\"icon\" v-if=\"item.type == 2\" iconClass=\"VideoCamera\"></MKSvgIcon>\r\n              <span :title=\"item.title\">{{ item.title }}</span>\r\n            </div>\r\n            <div class=\"external-links ellipsis\">\r\n              <MKSvgIcon class=\"icon\" v-if=\"item.link\" iconClass=\"Link\"></MKSvgIcon>\r\n              <a :href=\"item.link\" target=\"_blank\" :title=\"item.path\">{{ item.link }}</a>\r\n            </div>\r\n          </div>\r\n          <el-dropdown trigger=\"click\" :teleported=\"false\" class=\"item-desc-right\">\r\n            <span class=\"el-dropdown-link\">\r\n              更多<el-icon class=\"el-icon--right\"><arrow-down /></el-icon>\r\n            </span>\r\n            <template #dropdown>\r\n              <el-dropdown-menu>\r\n                <el-dropdown-item class=\"edit-button\" :icon=\"EditPen\" @click=\"editHandle(item)\">编辑</el-dropdown-item>\r\n                <el-dropdown-item class=\"delete-button\" :icon=\"Delete\"\r\n                  @click=\"deleteHandle(index)\">删除</el-dropdown-item>\r\n              </el-dropdown-menu>\r\n            </template>\r\n          </el-dropdown>\r\n        </div>\r\n      </el-card>\r\n      <el-dialog v-model=\"formVisible\" append-to-body>\r\n        <MKDataForm :dataForm=\"atlasDv\">\r\n          <MKForm></MKForm>\r\n        </MKDataForm>\r\n        <template #footer>\r\n          <el-button type=\"primary\" @click=\"saveAlatsHandle\">保存</el-button>\r\n          <el-button @click=\"formVisible = false\"> 取消 </el-button>\r\n        </template>\r\n      </el-dialog>\r\n\r\n    </el-scrollbar>\r\n  </el-card>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { onMounted, computed, ref, defineProps, watch, reactive } from \"vue\";\r\nimport { EditPen, ArrowDown, Delete } from \"@element-plus/icons-vue\"\r\nimport { CmsArticleAtlasForm } from \"../../../dataviews/cms-articles/cms-article-atlas\";\r\nimport { MKDataForm, MKForm } from \"../../../../../components\";\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  articleId: { type: Number, default: \"\" },\r\n  modelValue: { type: Array<any>, default: () => [] },\r\n})\r\nconst emit = defineEmits([\"update:modelValue\"])\r\n//atlas表单\r\nconst atlasDv = reactive(new CmsArticleAtlasForm()) as CmsArticleAtlasForm;\r\nconst formVisible = ref(false);\r\n\r\nconst imgExtension = [\".jpg\", \".png\", \".gif\", \".jpeg\", \".bmp\", \".webp\", \".svg\", \".tiff\", \".tif\", \".ico\", \".jfif\", \".jpe\"]\r\nconst videoExtension = [\".mp4\", \".avi\", \".rmvb\", \".flv\", \".mkv\", \".wmv\", \".mov\", \".webm\", \".m4v\", \".mpg\", \".mpeg\", \".mts\", \".m2ts\", \".m2v\", \".mpe\", \".mpv\", \".vob\", \".ogv\", \".3gp\", \".3g2\", \".3gpp\", \".3gpp2\", \".3gp2\"]\r\n\r\n\r\n//图集数据\r\nconst atlas = computed(\r\n  () => {\r\n    const _arr = props.modelValue.map((item, index) => {\r\n      const extension = item.path.slice(item.path.lastIndexOf(\".\"))\r\n      let type = 0;\r\n      if (imgExtension.includes(extension)) {\r\n        type = 1\r\n      } else if (videoExtension.includes(extension)) {\r\n        type = 2\r\n      }\r\n      return { ...item, type, uid: item.title + index }\r\n    })\r\n    return _arr\r\n  },\r\n);\r\n\r\n\r\n(window as any).atlasDv = atlasDv;\r\n(window as any).atlas = atlas;\r\n(window as any).modelValue = props.modelValue;\r\n/***\r\n * 展示atlas表单\r\n */\r\nconst showAtlasFormHandle = () => {\r\n  formVisible.value = true;\r\n  atlasDv.addRecord({\r\n    cmsArticlesId: props.articleId\r\n  })\r\n}\r\n\r\n//重置atlas表单\r\nwatch(formVisible, (v) => {\r\n  atlasDv.reset();\r\n})\r\n\r\n/**\r\n * 保存\r\n */\r\nconst saveAlatsHandle = async () => {\r\n  if (atlasDv.data.uid) {\r\n    const index = atlas.value.findIndex(item => item.uid == atlasDv.data.uid)\r\n    atlas.value[index] = { ...atlas.value[index], ...atlasDv.data }\r\n  } else {\r\n    atlas.value.push(atlasDv.data)\r\n  }\r\n\r\n  emit(\"update:modelValue\", atlas.value)\r\n  formVisible.value = false;\r\n}\r\n/**\r\n * 删除\r\n */\r\nconst deleteHandle = (index: number) => {\r\n  atlas.value.splice(index, 1)\r\n  emit(\"update:modelValue\", atlas.value)\r\n}\r\n\r\nconst editHandle = (item: any) => {\r\n  atlasDv.addRecord(item)\r\n  formVisible.value = true;\r\n}\r\n// 挂在完成之后\r\nonMounted(async () => {\r\n  await atlasDv.init();\r\n})\r\n\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,UAAM,QAAQ;AAId,UAAM,OAAO;AAEb,UAAM,UAAU,SAAS,IAAI,oBAAqB,CAAA;AAC5C,UAAA,cAAc,IAAI,KAAK;AAE7B,UAAM,eAAe,CAAC,QAAQ,QAAQ,QAAQ,SAAS,QAAQ,SAAS,QAAQ,SAAS,QAAQ,QAAQ,SAAS,MAAM;AAClH,UAAA,iBAAiB,CAAC,QAAQ,QAAQ,SAAS,QAAQ,QAAQ,QAAQ,QAAQ,SAAS,QAAQ,QAAQ,SAAS,QAAQ,SAAS,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,SAAS,UAAU,OAAO;AAItN,UAAM,QAAQ;AAAA,MACZ,MAAM;AACJ,cAAM,OAAO,MAAM,WAAW,IAAI,CAAC,MAAM,UAAU;AAC3C,gBAAA,YAAY,KAAK,KAAK,MAAM,KAAK,KAAK,YAAY,GAAG,CAAC;AAC5D,cAAI,OAAO;AACP,cAAA,aAAa,SAAS,SAAS,GAAG;AAC7B,mBAAA;AAAA,UACE,WAAA,eAAe,SAAS,SAAS,GAAG;AACtC,mBAAA;AAAA,UACT;AACA,iBAAO,EAAE,GAAG,MAAM,MAAM,KAAK,KAAK,QAAQ;QAAM,CACjD;AACM,eAAA;AAAA,MACT;AAAA,IAAA;AAID,WAAe,UAAU;AACzB,WAAe,QAAQ;AACvB,WAAe,aAAa,MAAM;AAInC,UAAM,sBAAsB,MAAM;AAChC,kBAAY,QAAQ;AACpB,cAAQ,UAAU;AAAA,QAChB,eAAe,MAAM;AAAA,MAAA,CACtB;AAAA,IAAA;AAIG,UAAA,aAAa,CAAC,MAAM;AACxB,cAAQ,MAAM;AAAA,IAAA,CACf;AAKD,UAAM,kBAAkB,YAAY;AAC9B,UAAA,QAAQ,KAAK,KAAK;AACd,cAAA,QAAQ,MAAM,MAAM,UAAU,UAAQ,KAAK,OAAO,QAAQ,KAAK,GAAG;AAClE,cAAA,MAAM,KAAK,IAAI,EAAE,GAAG,MAAM,MAAM,KAAK,GAAG,GAAG,QAAQ,KAAK;AAAA,MAAA,OACzD;AACC,cAAA,MAAM,KAAK,QAAQ,IAAI;AAAA,MAC/B;AAEK,WAAA,qBAAqB,MAAM,KAAK;AACrC,kBAAY,QAAQ;AAAA,IAAA;AAKhB,UAAA,eAAe,CAAC,UAAkB;AAChC,YAAA,MAAM,OAAO,OAAO,CAAC;AACtB,WAAA,qBAAqB,MAAM,KAAK;AAAA,IAAA;AAGjC,UAAA,aAAa,CAAC,SAAc;AAChC,cAAQ,UAAU,IAAI;AACtB,kBAAY,QAAQ;AAAA,IAAA;AAGtB,cAAU,YAAY;AACpB,YAAM,QAAQ;IAAK,CACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"article-atlas.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/article-atlas.vue"],"sourcesContent":["<template>\r\n  <el-card class=\"cms-article-atlas\">\r\n    <template #header>\r\n      <div @click=\"showAtlasFormHandle()\" class=\"cms-article-atlas__header\">\r\n        <span>\r\n          <MKSvgIcon iconClass=\"Picture\" style=\"margin-right: 5px;\" />\r\n          文章媒体库\r\n        </span>\r\n        <MKSvgIcon class=\"cms-article-atlas__header__btn\" iconClass=\"Plus\" style=\"color: #409EFF;\" />\r\n      </div>\r\n    </template>\r\n    <el-empty v-if=\"atlas.length <= 0\" description=\"暂无内容\" />\r\n    <el-scrollbar class=\"cms-article-atlas__list\" v-else>\r\n      <el-card class=\"cms-article-atlas__list__item\" v-for=\"(item, index) in atlas\" :key=\"item.id\">\r\n        <el-image class=\"images\" :src=\"item.path\" v-if=\"item.type == 1\" fit=\"contain\">\r\n          <div slot=\"placeholder\" class=\"image-slot\">\r\n            加载中<span class=\"dot\">...</span>\r\n          </div>\r\n        </el-image>\r\n        <video class=\"video\" v-if=\"item.type == 2\" :src=\"item.path\" controls></video>\r\n        <div class=\"cms-article-atlas__list__item__desc\">\r\n          <div class=\"item-desc-left\">\r\n            <div class=\"title ellipsis\">\r\n              <MKSvgIcon class=\"icon\" v-if=\"item.type == 1\" iconClass=\"Picture\"></MKSvgIcon>\r\n              <MKSvgIcon class=\"icon\" v-if=\"item.type == 2\" iconClass=\"VideoCamera\"></MKSvgIcon>\r\n              <span :title=\"item.title\">{{ item.title }}</span>\r\n            </div>\r\n            <div class=\"external-links ellipsis\">\r\n              <MKSvgIcon class=\"icon\" v-if=\"item.link\" iconClass=\"Link\"></MKSvgIcon>\r\n              <a :href=\"item.link\" target=\"_blank\" :title=\"item.path\">{{ item.link }}</a>\r\n            </div>\r\n          </div>\r\n          <el-dropdown trigger=\"click\" :teleported=\"false\" class=\"item-desc-right\">\r\n            <span class=\"el-dropdown-link\">\r\n              更多<el-icon class=\"el-icon--right\"><arrow-down /></el-icon>\r\n            </span>\r\n            <template #dropdown>\r\n              <el-dropdown-menu>\r\n                <el-dropdown-item class=\"edit-button\" :icon=\"EditPen\" @click=\"editHandle(item)\">编辑</el-dropdown-item>\r\n                <el-dropdown-item class=\"delete-button\" :icon=\"Delete\"\r\n                  @click=\"deleteHandle(index)\">删除</el-dropdown-item>\r\n              </el-dropdown-menu>\r\n            </template>\r\n          </el-dropdown>\r\n        </div>\r\n      </el-card>\r\n      <el-dialog v-model=\"formVisible\" append-to-body>\r\n        <MKDataForm :dataForm=\"atlasDv\">\r\n          <MKForm></MKForm>\r\n        </MKDataForm>\r\n        <template #footer>\r\n          <el-button type=\"primary\" @click=\"saveAlatsHandle\">保存</el-button>\r\n          <el-button @click=\"formVisible = false\"> 取消 </el-button>\r\n        </template>\r\n      </el-dialog>\r\n\r\n    </el-scrollbar>\r\n  </el-card>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { onMounted, computed, ref, defineProps, watch, reactive } from \"vue\";\r\nimport { EditPen, ArrowDown, Delete } from \"@element-plus/icons-vue\"\r\nimport { CmsArticleAtlasForm } from \"../../../dataviews/cms-articles/cms-article-atlas\";\r\nimport { MKDataForm, MKForm } from \"../../../../../components\";\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  articleId: { type: Number, default: \"\" },\r\n  modelValue: { type: Array<any>, default: () => [] },\r\n})\r\nconst emit = defineEmits([\"update:modelValue\"])\r\n//atlas表单\r\nconst atlasDv = reactive(new CmsArticleAtlasForm()) as CmsArticleAtlasForm;\r\nconst formVisible = ref(false);\r\n\r\nconst imgExtension = [\".jpg\", \".png\", \".gif\", \".jpeg\", \".bmp\", \".webp\", \".svg\", \".tiff\", \".tif\", \".ico\", \".jfif\", \".jpe\"]\r\nconst videoExtension = [\".mp4\", \".avi\", \".rmvb\", \".flv\", \".mkv\", \".wmv\", \".mov\", \".webm\", \".m4v\", \".mpg\", \".mpeg\", \".mts\", \".m2ts\", \".m2v\", \".mpe\", \".mpv\", \".vob\", \".ogv\", \".3gp\", \".3g2\", \".3gpp\", \".3gpp2\", \".3gp2\"]\r\n\r\n\r\n//图集数据\r\nconst atlas = computed(\r\n  () => {\r\n    const _arr = props.modelValue.map((item, index) => {\r\n      const extension = item.path.slice(item.path.lastIndexOf(\".\"))\r\n      let type = 0;\r\n      if (imgExtension.includes(extension)) {\r\n        type = 1\r\n      } else if (videoExtension.includes(extension)) {\r\n        type = 2\r\n      }\r\n      return { ...item, type, uid: item.title + index }\r\n    })\r\n    return _arr\r\n  },\r\n);\r\n\r\n\r\n(window as any).atlasDv = atlasDv;\r\n(window as any).atlas = atlas;\r\n(window as any).modelValue = props.modelValue;\r\n/***\r\n * 展示atlas表单\r\n */\r\nconst showAtlasFormHandle = () => {\r\n  formVisible.value = true;\r\n  atlasDv.addRecord({\r\n    cmsArticlesId: props.articleId\r\n  })\r\n}\r\n\r\n//重置atlas表单\r\nwatch(formVisible, (v) => {\r\n  atlasDv.reset();\r\n})\r\n\r\n/**\r\n * 保存\r\n */\r\nconst saveAlatsHandle = async () => {\r\n  if (atlasDv.data.uid) {\r\n    const index = atlas.value.findIndex(item => item.uid == atlasDv.data.uid)\r\n    atlas.value[index] = { ...atlas.value[index], ...atlasDv.data }\r\n  } else {\r\n    atlas.value.push(atlasDv.data)\r\n  }\r\n\r\n  emit(\"update:modelValue\", atlas.value)\r\n  formVisible.value = false;\r\n}\r\n/**\r\n * 删除\r\n */\r\nconst deleteHandle = (index: number) => {\r\n  atlas.value.splice(index, 1)\r\n  emit(\"update:modelValue\", atlas.value)\r\n}\r\n\r\nconst editHandle = (item: any) => {\r\n  atlasDv.addRecord(item)\r\n  formVisible.value = true;\r\n}\r\n// 挂在完成之后\r\nonMounted(async () => {\r\n  await atlasDv.init();\r\n})\r\n\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,UAAM,QAAQ;AAId,UAAM,OAAO;AAEb,UAAM,UAAU,SAAS,IAAI,oBAAqB,CAAA;AAC5C,UAAA,cAAc,IAAI,KAAK;AAE7B,UAAM,eAAe,CAAC,QAAQ,QAAQ,QAAQ,SAAS,QAAQ,SAAS,QAAQ,SAAS,QAAQ,QAAQ,SAAS,MAAM;AAClH,UAAA,iBAAiB,CAAC,QAAQ,QAAQ,SAAS,QAAQ,QAAQ,QAAQ,QAAQ,SAAS,QAAQ,QAAQ,SAAS,QAAQ,SAAS,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,SAAS,UAAU,OAAO;AAItN,UAAM,QAAQ;AAAA,MACZ,MAAM;AACJ,cAAM,OAAO,MAAM,WAAW,IAAI,CAAC,MAAM,UAAU;AAC3C,gBAAA,YAAY,KAAK,KAAK,MAAM,KAAK,KAAK,YAAY,GAAG,CAAC;AAC5D,cAAI,OAAO;AACP,cAAA,aAAa,SAAS,SAAS,GAAG;AAC7B,mBAAA;AAAA,UACE,WAAA,eAAe,SAAS,SAAS,GAAG;AACtC,mBAAA;AAAA,UACT;AACA,iBAAO,EAAE,GAAG,MAAM,MAAM,KAAK,KAAK,QAAQ;QAAM,CACjD;AACM,eAAA;AAAA,MACT;AAAA,IAAA;AAID,WAAe,UAAU;AACzB,WAAe,QAAQ;AACvB,WAAe,aAAa,MAAM;AAInC,UAAM,sBAAsB,MAAM;AAChC,kBAAY,QAAQ;AACpB,cAAQ,UAAU;AAAA,QAChB,eAAe,MAAM;AAAA,MAAA,CACtB;AAAA,IAAA;AAIG,UAAA,aAAa,CAAC,MAAM;AACxB,cAAQ,MAAM;AAAA,IAAA,CACf;AAKD,UAAM,kBAAkB,YAAY;AAC9B,UAAA,QAAQ,KAAK,KAAK;AACd,cAAA,QAAQ,MAAM,MAAM,UAAU,UAAQ,KAAK,OAAO,QAAQ,KAAK,GAAG;AAClE,cAAA,MAAM,KAAK,IAAI,EAAE,GAAG,MAAM,MAAM,KAAK,GAAG,GAAG,QAAQ,KAAK;AAAA,MAAA,OACzD;AACC,cAAA,MAAM,KAAK,QAAQ,IAAI;AAAA,MAC/B;AAEK,WAAA,qBAAqB,MAAM,KAAK;AACrC,kBAAY,QAAQ;AAAA,IAAA;AAKhB,UAAA,eAAe,CAAC,UAAkB;AAChC,YAAA,MAAM,OAAO,OAAO,CAAC;AACtB,WAAA,qBAAqB,MAAM,KAAK;AAAA,IAAA;AAGjC,UAAA,aAAa,CAAC,SAAc;AAChC,cAAQ,UAAU,IAAI;AACtB,kBAAY,QAAQ;AAAA,IAAA;AAGtB,cAAU,YAAY;AACpB,YAAM,QAAQ;IAAK,CACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/modules/cms/pages/cms-contents/components/article-list.vue.js

@@ -27,10 +27,41 @@ 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/basic/lexical-editor/assets/iconfont.js";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "../../../../../components/basic/lexical-editor/utils/html.js";
+import { isWhereFilter, Dialoger, Messager } from "@maketribe/dm";
+import "../../../../../components/basic/lexical-editor/utils/image.js";
+import "@element-plus/icons-vue";
+import "../../../../../components/basic/lexical-editor/composables/useElementBlockSelection.js";
+import "@lexical/history";
+/* empty css                                                                             */
+import "../../../../../components/basic/lexical-editor/nodes/ModuleDecoratorNode.js";
+import "../../../../../components/basic/lexical-editor/nodes/ImageNode.js";
+import "../../../../../components/basic/lexical-editor/nodes/ImageTextWarpNode.js";
+import "../../../../../components/basic/lexical-editor/nodes/Template.js";
+/* empty css                                                                                      */
+/* empty css                                                                        */
+/* empty css                                                                        */
+import "../../../../../components/basic/lexical-editor/plugins/RichTextEditorPlugin.js";
+import "../../../../../components/basic/lexical-editor/plugins/HashtagPlugin.js";
+import "../../../../../components/basic/lexical-editor/plugins/ListPlugin.js";
+import "../../../../../components/basic/lexical-editor/plugins/CheckListPlugin.js";
+import "../../../../../components/basic/lexical-editor/plugins/TablePlugin.js";
+/* empty css                                                                  */
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "../../../../../components/basic/lexical-editor/stage/DecoratedTeleports.js";
+/* empty css                                                              */
 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";
-import { isWhereFilter, Dialoger, Messager } from "@maketribe/dm";
 import "../../../../../components/business/verify-dialog/verify-dialog-option.js";
 import "../../../../../core/DataModelDefines.js";
 import { useRouter } from "vue-router";
@@ -49,7 +80,6 @@ import "../../../../ms/dataviews/log/local-log/LocalLogTree.js";
 import "../../../../ms/components/material-list/index.js";
 import "../../../../ms/components/markdown-editor/index.js";
 import "../../../../ms/components/rich-text-editor/index.js";
-import "@element-plus/icons-vue";
 import "../../../../ms/material-upload-context/material-upload-context-options.js";
 import "../../../../ms/material-upload-context/material-upload-context.js";
 import { CmsArticlesTable } from "../../../dataviews/cms-articles/CmsArticlesTable.js";

package/dist/esm/modules/cms/pages/cms-contents/components/article-list.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"article-list.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/article-list.vue"],"sourcesContent":["<template>\r\n  <MKDataTable :data-table=\"articlesDv\" :auto-load=\"false\" class=\"mk-cms-article-list\">\r\n    <el-empty v-if=\"part && part.cmsPartTypeId == 1\" description=\"外链栏目下无文章内容\" />\r\n    <MKTableView v-else-if=\"part\" :data-table=\"articlesDv\">\r\n      <el-scrollbar class=\"mk-cms-article-list__content\" style=\"box-sizing: border-box;font-size: 0;\"\r\n        v-if=\"articlesDv.getList().length > 0\">\r\n        <el-card class=\"mk-cms-article-list__item\" v-for=\"article in articlesDv.getList()\" :key=\"article.id\">\r\n          <div class=\"mk-cms-article-list__item__content\">\r\n            <div class=\"left\">\r\n              <el-image class=\"cover-image\" :src=\"article.cover\" fit=\"contain\">\r\n                <template #error>\r\n                  <MKSvgIcon iconClass=\"Picture\" />\r\n                </template>\r\n              </el-image>\r\n            </div>\r\n            <div class=\"right\">\r\n              <div class=\"top\">\r\n                <div class=\"title\" :title=\"article.title\"> {{ article.title }}</div>\r\n                <div class=\"tags\">\r\n                  <el-tag class=\"tag\" v-if=\"CmsSettings.content.useTop && article.isTop == 1\"\r\n                    @click=\"changeArticleStatus(article, 'isTop', 0)\">置顶</el-tag>\r\n                  <el-tag class=\"tag\" v-if=\"CmsSettings.content.useNew && article.isNew == 1\"\r\n                    @click=\"changeArticleStatus(article, 'isNew', 0)\">最新</el-tag>\r\n                  <el-tag class=\"tag\" v-if=\"CmsSettings.content.useHotRecommend && article.isHotRecommend == 1\"\r\n                    @click=\"changeArticleStatus(article, 'isHotRecommend', 0)\">热门推荐</el-tag>\r\n                  <el-tag class=\"tag\" v-if=\"CmsSettings.content.usePartRecommend && article.isPartRecommend == 1\"\r\n                    @click=\"changeArticleStatus(article, 'isPartRecommend', 0)\">栏目推荐</el-tag>\r\n                </div>\r\n              </div>\r\n              <div class=\"sub-title\" v-if=\"article.subTitle\" :title=\"article.subTitle\"> {{ article.subTitle }}</div>\r\n              <div class=\"desc\">\r\n                {{ article.desc }}\r\n              </div>\r\n              <div class=\"footer\">\r\n                <div class=\"ext\">\r\n                  <div class=\"author\">\r\n                    <MKSvgIcon iconClass=\"UserFilled\"></MKSvgIcon>\r\n                    作者 : {{ article.author || \"-\" }}\r\n                  </div>\r\n                  <div class=\"publish-time\" v-if=\"article.releaseDate\">\r\n                    <MKSvgIcon iconClass=\"Timer\"></MKSvgIcon>\r\n                    新闻日期 ： {{ article.releaseDate }}\r\n                  </div>\r\n                </div>\r\n                <div class=\"tools\">\r\n                  <el-button type=\"primary\" size=\"large\" @click=\"editArticleHandle(article)\" text>\r\n                    编辑\r\n                  </el-button>\r\n                  <el-button type=\"danger\" size=\"large\" @click=\"deleteArticleHandle(article)\" text>\r\n                    删除\r\n                  </el-button>\r\n                  <!-- <a v-if=\"CmsSettings.publish.mode == 'static' && article.url\" :href=\"article.url\" target=\"_blank\">\r\n                    <el-button type=\"primary\" size=\"large\" text>访问</el-button>\r\n                  </a> -->\r\n                  <a :href=\"'/api/cms/content/preview/content/' + article.cmsPartId + '/' + article.id\"\r\n                    v-if=\"CmsSettings.publish.mode == 'static'\" target=\"_blank\">\r\n                    <el-button type=\"primary\" size=\"large\" text>预览</el-button>\r\n                  </a>\r\n                  <el-dropdown>\r\n                    <el-button type=\"primary\" size=\"large\" text>\r\n                      更多\r\n                    </el-button>\r\n                    <template #dropdown>\r\n                      <el-dropdown-menu>\r\n                        <el-dropdown-item v-if=\"CmsSettings.publish.mode == 'static' && article.url\">\r\n                          <a style=\"text-decoration: none;color: #606266;\"\r\n                            v-if=\"CmsSettings.publish.mode == 'static' && article.url\" :href=\"article.url\"\r\n                            target=\"_blank\">\r\n                            访问\r\n                          </a>\r\n                        </el-dropdown-item>\r\n                        <el-dropdown-item @click=\"publishArticleHandle(article)\">\r\n                          发布\r\n                        </el-dropdown-item>\r\n                        <el-dropdown-item v-if=\"CmsSettings.content.useTop && article.isTop == 0\"\r\n                          @click=\"changeArticleStatus(article, 'isTop', 1)\">设为置顶</el-dropdown-item>\r\n                        <el-dropdown-item v-if=\"CmsSettings.content.useNew && article.isNew == 0\"\r\n                          @click=\"changeArticleStatus(article, 'isNew', 1)\">设为最新</el-dropdown-item>\r\n                        <el-dropdown-item v-if=\"CmsSettings.content.useHotRecommend && article.isHotRecommend == 0\"\r\n                          @click=\"changeArticleStatus(article, 'isHotRecommend', 1)\">设为热门推荐</el-dropdown-item>\r\n                        <el-dropdown-item v-if=\"CmsSettings.content.usePartRecommend && article.isPartRecommend == 0\"\r\n                          @click=\"changeArticleStatus(article, 'isPartRecommend', 1)\">设为栏目推荐</el-dropdown-item>\r\n                      </el-dropdown-menu>\r\n                    </template>\r\n                  </el-dropdown>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </el-card>\r\n      </el-scrollbar>\r\n      <el-empty v-if=\"articlesDv.getList().length <= 0\" description=\"暂无文章内容\" />\r\n    </MKTableView>\r\n  </MKDataTable>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { MKTableView } from \"../../../../../components\"\r\nimport { CmsArticlesTable, CmsArticlesForm } from \"../../../dataviews\"\r\nimport { reactive, defineProps, watch, onMounted } from \"vue\";\r\nimport { Dialoger, isWhereFilter, Messager } from '@maketribe/dm'\r\nimport { useRouter } from \"vue-router\";\r\nimport { useCmsSettings } from \"../../../cms-settings\"\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings();\r\n\r\n// 文章\r\nconst articlesDv = reactive(new CmsArticlesTable()) as CmsArticlesTable;\r\n// 发布文章表单\r\nconst articleForm = reactive(new CmsArticlesForm()) as CmsArticlesForm;\r\n// 草稿文章\r\nconst draftArticleForm = reactive(new CmsArticlesForm()) as CmsArticlesForm;\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  part: { type: Object, default: null }\r\n})\r\n\r\nconst router = useRouter();\r\n\r\n//改变文章指定，最新，推荐状态\r\nconst changeArticleStatus = async (article: any, item: string, status: number) => {\r\n  const text: Record<string, string[]> = {\r\n    \"isTop\": ['取消置顶', '设为置顶'],\r\n    \"isNew\": ['取消最新', '设为最新'],\r\n    \"isHotRecommend\": ['取消热门推荐', '设为热门推荐'],\r\n    \"isPartRecommend\": ['取消栏目推荐', '设为栏目推荐'],\r\n  }\r\n\r\n  const isConfirm = await Dialoger.confirm({\r\n    title: \"修改文章状态\",\r\n    message: `是否${text[item][status]}?`,\r\n    type: \"warning\"\r\n  })\r\n  if (!isConfirm) {\r\n    return\r\n  }\r\n  try {\r\n\r\n    articlesDv.getLoadingManager().startLoading();\r\n    await articleForm.editRecord(article.id)\r\n    const isSuccess = await articleForm.simpleSubmit({\r\n      id: article.id,\r\n      [item]: status\r\n    })\r\n\r\n    if (isSuccess) {\r\n      articlesDv.load();\r\n    }\r\n  } finally {\r\n    articlesDv.getLoadingManager().completeLoading();\r\n  }\r\n\r\n\r\n}\r\n\r\n// 初始化\r\nonMounted(() => {\r\n  articleForm.init();\r\n  draftArticleForm.init();\r\n\r\n  // 监听栏目数据变化\r\n  watch(() => props.part, (item: any) => {\r\n    if (item.cmsPartTypeId != 1) {\r\n      \r\n      const dataFilter = articlesDv.dataFilter;\r\n\r\n      if (isWhereFilter(dataFilter)) {\r\n\r\n        const defaultGroup = dataFilter.getDefaultGroup();\r\n\r\n        defaultGroup.clear();\r\n        defaultGroup.addCondition(\"cmsPartId\", \"=\", item.id);\r\n        // 只查草稿\r\n        defaultGroup.addCondition(\"isDraft\", \"=\", 1);\r\n      }\r\n\r\n      articlesDv.load()\r\n    }\r\n  }, { immediate: true })\r\n})\r\n\r\n/**\r\n * 删除文章\r\n */\r\nconst deleteArticleHandle = async (item: any) => {\r\n  const isConfirm = await Dialoger.confirm({\r\n    title: \"删除文章?\",\r\n    message: \"是否删除文章？\",\r\n    type: \"warning\"\r\n  })\r\n\r\n  if (!isConfirm) { return; }\r\n  await articlesDv.deleteAfterRefresh(item.id);\r\n}\r\n\r\n/**\r\n * 编辑文章\r\n */\r\nconst editArticleHandle = (item: any, isEdit = false) => {\r\n  router.push({ path: \"/cms/article\", query: { id: isEdit ? undefined : item.id, partId: isEdit ? item.id : undefined } })\r\n}\r\n\r\n// 添加记录\r\narticlesDv.addRecordEvent.on(() => editArticleHandle(props.part, true))\r\n\r\n/**\r\n * fault文章\r\n * @param article \r\n */\r\nconst publishArticleHandle = async (article: any) => {\r\n\r\n  try {\r\n\r\n    if (await Dialoger.confirm({ title: \"文章发布\", message: \"是否发布文章？\", type: \"warning\" })) {\r\n\r\n      articlesDv.getLoadingManager().startLoading();\r\n\r\n      // 调用发布接口\r\n      const response: any = await CmsArticlesForm.publish(CmsSettings.publish.mode, article.cmsPartId, article.id);\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        return;\r\n      }\r\n\r\n      Messager.success({ message: \"发布成功\" });\r\n    }\r\n\r\n  } finally {\r\n    articlesDv.getLoadingManager().completeLoading();\r\n  }\r\n}\r\n\r\n\r\n</script>\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"article-list.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/article-list.vue"],"sourcesContent":["<template>\r\n  <MKDataTable :data-table=\"articlesDv\" :auto-load=\"false\" class=\"mk-cms-article-list\">\r\n    <el-empty v-if=\"part && part.cmsPartTypeId == 1\" description=\"外链栏目下无文章内容\" />\r\n    <MKTableView v-else-if=\"part\" :data-table=\"articlesDv\">\r\n      <el-scrollbar class=\"mk-cms-article-list__content\" style=\"box-sizing: border-box;font-size: 0;\"\r\n        v-if=\"articlesDv.getList().length > 0\">\r\n        <el-card class=\"mk-cms-article-list__item\" v-for=\"article in articlesDv.getList()\" :key=\"article.id\">\r\n          <div class=\"mk-cms-article-list__item__content\">\r\n            <div class=\"left\">\r\n              <el-image class=\"cover-image\" :src=\"article.cover\" fit=\"contain\">\r\n                <template #error>\r\n                  <MKSvgIcon iconClass=\"Picture\" />\r\n                </template>\r\n              </el-image>\r\n            </div>\r\n            <div class=\"right\">\r\n              <div class=\"top\">\r\n                <div class=\"title\" :title=\"article.title\"> {{ article.title }}</div>\r\n                <div class=\"tags\">\r\n                  <el-tag class=\"tag\" v-if=\"CmsSettings.content.useTop && article.isTop == 1\"\r\n                    @click=\"changeArticleStatus(article, 'isTop', 0)\">置顶</el-tag>\r\n                  <el-tag class=\"tag\" v-if=\"CmsSettings.content.useNew && article.isNew == 1\"\r\n                    @click=\"changeArticleStatus(article, 'isNew', 0)\">最新</el-tag>\r\n                  <el-tag class=\"tag\" v-if=\"CmsSettings.content.useHotRecommend && article.isHotRecommend == 1\"\r\n                    @click=\"changeArticleStatus(article, 'isHotRecommend', 0)\">热门推荐</el-tag>\r\n                  <el-tag class=\"tag\" v-if=\"CmsSettings.content.usePartRecommend && article.isPartRecommend == 1\"\r\n                    @click=\"changeArticleStatus(article, 'isPartRecommend', 0)\">栏目推荐</el-tag>\r\n                </div>\r\n              </div>\r\n              <div class=\"sub-title\" v-if=\"article.subTitle\" :title=\"article.subTitle\"> {{ article.subTitle }}</div>\r\n              <div class=\"desc\">\r\n                {{ article.desc }}\r\n              </div>\r\n              <div class=\"footer\">\r\n                <div class=\"ext\">\r\n                  <div class=\"author\">\r\n                    <MKSvgIcon iconClass=\"UserFilled\"></MKSvgIcon>\r\n                    作者 : {{ article.author || \"-\" }}\r\n                  </div>\r\n                  <div class=\"publish-time\" v-if=\"article.releaseDate\">\r\n                    <MKSvgIcon iconClass=\"Timer\"></MKSvgIcon>\r\n                    新闻日期 ： {{ article.releaseDate }}\r\n                  </div>\r\n                </div>\r\n                <div class=\"tools\">\r\n                  <el-button type=\"primary\" size=\"large\" @click=\"editArticleHandle(article)\" text>\r\n                    编辑\r\n                  </el-button>\r\n                  <el-button type=\"danger\" size=\"large\" @click=\"deleteArticleHandle(article)\" text>\r\n                    删除\r\n                  </el-button>\r\n                  <!-- <a v-if=\"CmsSettings.publish.mode == 'static' && article.url\" :href=\"article.url\" target=\"_blank\">\r\n                    <el-button type=\"primary\" size=\"large\" text>访问</el-button>\r\n                  </a> -->\r\n                  <a :href=\"'/api/cms/content/preview/content/' + article.cmsPartId + '/' + article.id\"\r\n                    v-if=\"CmsSettings.publish.mode == 'static'\" target=\"_blank\">\r\n                    <el-button type=\"primary\" size=\"large\" text>预览</el-button>\r\n                  </a>\r\n                  <el-dropdown>\r\n                    <el-button type=\"primary\" size=\"large\" text>\r\n                      更多\r\n                    </el-button>\r\n                    <template #dropdown>\r\n                      <el-dropdown-menu>\r\n                        <el-dropdown-item v-if=\"CmsSettings.publish.mode == 'static' && article.url\">\r\n                          <a style=\"text-decoration: none;color: #606266;\"\r\n                            v-if=\"CmsSettings.publish.mode == 'static' && article.url\" :href=\"article.url\"\r\n                            target=\"_blank\">\r\n                            访问\r\n                          </a>\r\n                        </el-dropdown-item>\r\n                        <el-dropdown-item @click=\"publishArticleHandle(article)\">\r\n                          发布\r\n                        </el-dropdown-item>\r\n                        <el-dropdown-item v-if=\"CmsSettings.content.useTop && article.isTop == 0\"\r\n                          @click=\"changeArticleStatus(article, 'isTop', 1)\">设为置顶</el-dropdown-item>\r\n                        <el-dropdown-item v-if=\"CmsSettings.content.useNew && article.isNew == 0\"\r\n                          @click=\"changeArticleStatus(article, 'isNew', 1)\">设为最新</el-dropdown-item>\r\n                        <el-dropdown-item v-if=\"CmsSettings.content.useHotRecommend && article.isHotRecommend == 0\"\r\n                          @click=\"changeArticleStatus(article, 'isHotRecommend', 1)\">设为热门推荐</el-dropdown-item>\r\n                        <el-dropdown-item v-if=\"CmsSettings.content.usePartRecommend && article.isPartRecommend == 0\"\r\n                          @click=\"changeArticleStatus(article, 'isPartRecommend', 1)\">设为栏目推荐</el-dropdown-item>\r\n                      </el-dropdown-menu>\r\n                    </template>\r\n                  </el-dropdown>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </el-card>\r\n      </el-scrollbar>\r\n      <el-empty v-if=\"articlesDv.getList().length <= 0\" description=\"暂无文章内容\" />\r\n    </MKTableView>\r\n  </MKDataTable>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { MKTableView } from \"../../../../../components\"\r\nimport { CmsArticlesTable, CmsArticlesForm } from \"../../../dataviews\"\r\nimport { reactive, defineProps, watch, onMounted } from \"vue\";\r\nimport { Dialoger, isWhereFilter, Messager } from '@maketribe/dm'\r\nimport { useRouter } from \"vue-router\";\r\nimport { useCmsSettings } from \"../../../cms-settings\"\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings();\r\n\r\n// 文章\r\nconst articlesDv = reactive(new CmsArticlesTable()) as CmsArticlesTable;\r\n// 发布文章表单\r\nconst articleForm = reactive(new CmsArticlesForm()) as CmsArticlesForm;\r\n// 草稿文章\r\nconst draftArticleForm = reactive(new CmsArticlesForm()) as CmsArticlesForm;\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  part: { type: Object, default: null }\r\n})\r\n\r\nconst router = useRouter();\r\n\r\n//改变文章指定，最新，推荐状态\r\nconst changeArticleStatus = async (article: any, item: string, status: number) => {\r\n  const text: Record<string, string[]> = {\r\n    \"isTop\": ['取消置顶', '设为置顶'],\r\n    \"isNew\": ['取消最新', '设为最新'],\r\n    \"isHotRecommend\": ['取消热门推荐', '设为热门推荐'],\r\n    \"isPartRecommend\": ['取消栏目推荐', '设为栏目推荐'],\r\n  }\r\n\r\n  const isConfirm = await Dialoger.confirm({\r\n    title: \"修改文章状态\",\r\n    message: `是否${text[item][status]}?`,\r\n    type: \"warning\"\r\n  })\r\n  if (!isConfirm) {\r\n    return\r\n  }\r\n  try {\r\n\r\n    articlesDv.getLoadingManager().startLoading();\r\n    await articleForm.editRecord(article.id)\r\n    const isSuccess = await articleForm.simpleSubmit({\r\n      id: article.id,\r\n      [item]: status\r\n    })\r\n\r\n    if (isSuccess) {\r\n      articlesDv.load();\r\n    }\r\n  } finally {\r\n    articlesDv.getLoadingManager().completeLoading();\r\n  }\r\n\r\n\r\n}\r\n\r\n// 初始化\r\nonMounted(() => {\r\n  articleForm.init();\r\n  draftArticleForm.init();\r\n\r\n  // 监听栏目数据变化\r\n  watch(() => props.part, (item: any) => {\r\n    if (item.cmsPartTypeId != 1) {\r\n      \r\n      const dataFilter = articlesDv.dataFilter;\r\n\r\n      if (isWhereFilter(dataFilter)) {\r\n\r\n        const defaultGroup = dataFilter.getDefaultGroup();\r\n\r\n        defaultGroup.clear();\r\n        defaultGroup.addCondition(\"cmsPartId\", \"=\", item.id);\r\n        // 只查草稿\r\n        defaultGroup.addCondition(\"isDraft\", \"=\", 1);\r\n      }\r\n\r\n      articlesDv.load()\r\n    }\r\n  }, { immediate: true })\r\n})\r\n\r\n/**\r\n * 删除文章\r\n */\r\nconst deleteArticleHandle = async (item: any) => {\r\n  const isConfirm = await Dialoger.confirm({\r\n    title: \"删除文章?\",\r\n    message: \"是否删除文章？\",\r\n    type: \"warning\"\r\n  })\r\n\r\n  if (!isConfirm) { return; }\r\n  await articlesDv.deleteAfterRefresh(item.id);\r\n}\r\n\r\n/**\r\n * 编辑文章\r\n */\r\nconst editArticleHandle = (item: any, isEdit = false) => {\r\n  router.push({ path: \"/cms/article\", query: { id: isEdit ? undefined : item.id, partId: isEdit ? item.id : undefined } })\r\n}\r\n\r\n// 添加记录\r\narticlesDv.addRecordEvent.on(() => editArticleHandle(props.part, true))\r\n\r\n/**\r\n * fault文章\r\n * @param article \r\n */\r\nconst publishArticleHandle = async (article: any) => {\r\n\r\n  try {\r\n\r\n    if (await Dialoger.confirm({ title: \"文章发布\", message: \"是否发布文章？\", type: \"warning\" })) {\r\n\r\n      articlesDv.getLoadingManager().startLoading();\r\n\r\n      // 调用发布接口\r\n      const response: any = await CmsArticlesForm.publish(CmsSettings.publish.mode, article.cmsPartId, article.id);\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        return;\r\n      }\r\n\r\n      Messager.success({ message: \"发布成功\" });\r\n    }\r\n\r\n  } finally {\r\n    articlesDv.getLoadingManager().completeLoading();\r\n  }\r\n}\r\n\r\n\r\n</script>\r\n"],"names":[],"mappings":"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"}

package/dist/esm/modules/cms/pages/cms-contents/components/part-banner-edit.vue.js

@@ -39,6 +39,37 @@ 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/basic/lexical-editor/assets/iconfont.js";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "../../../../../components/basic/lexical-editor/utils/html.js";
+import "../../../../../components/basic/lexical-editor/utils/image.js";
+import { EditPen, Plus } from "@element-plus/icons-vue";
+import "../../../../../components/basic/lexical-editor/composables/useElementBlockSelection.js";
+import "@lexical/history";
+/* empty css                                                                             */
+import "../../../../../components/basic/lexical-editor/nodes/ModuleDecoratorNode.js";
+import "../../../../../components/basic/lexical-editor/nodes/ImageNode.js";
+import "../../../../../components/basic/lexical-editor/nodes/ImageTextWarpNode.js";
+import "../../../../../components/basic/lexical-editor/nodes/Template.js";
+/* empty css                                                                                      */
+/* empty css                                                                        */
+/* empty css                                                                        */
+import "../../../../../components/basic/lexical-editor/plugins/RichTextEditorPlugin.js";
+import "../../../../../components/basic/lexical-editor/plugins/HashtagPlugin.js";
+import "../../../../../components/basic/lexical-editor/plugins/ListPlugin.js";
+import "../../../../../components/basic/lexical-editor/plugins/CheckListPlugin.js";
+import "../../../../../components/basic/lexical-editor/plugins/TablePlugin.js";
+/* empty css                                                                  */
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "../../../../../components/basic/lexical-editor/stage/DecoratedTeleports.js";
+/* empty css                                                              */
 import "../../../../../components/business/verify-dialog/verify-dialog-option.js";
 import "../../../../../components/business/resource-list/index.js";
 import "../../../../../components/business/resource-manager/index.js";
@@ -52,7 +83,6 @@ import "../../../../ms/dataviews/log/local-log/LocalLogTree.js";
 import "../../../../ms/components/material-list/index.js";
 import "../../../../ms/components/markdown-editor/index.js";
 import "../../../../ms/components/rich-text-editor/index.js";
-import { EditPen, Plus } from "@element-plus/icons-vue";
 import "../../../../ms/material-upload-context/material-upload-context-options.js";
 import "../../../../ms/material-upload-context/material-upload-context.js";
 import "@codemirror/lang-html";

package/dist/esm/modules/cms/pages/cms-contents/components/part-banner-edit.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"part-banner-edit.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/part-banner-edit.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-part-banner__warp\" ref=\"warpRef\" v-loading=\"loading\" v-if=\"cmsSettings.part.openBanner\" style=\"{height:partAdBannerHeight}\">\r\n    <el-carousel v-if=\"partAdBanner && partAdBanner.contents?.length\" :autoplay=\"false\" :height=\"partAdBannerHeight\"\r\n      arrow=\"always\" ref=\"carouselRef\">\r\n      <el-carousel-item v-for=\"item in partAdBanner.contents\" :key=\"item.id\">\r\n        <div class=\"mk-cms-part-banner__list_item\">\r\n          <div class=\"mk-cms-part-banner__list_content\">\r\n            <el-image class=\"mk-cms-part-banner__list_content_img\" v-if=\"item.type == 1\" :src=\"item.path\" fit=\"cover\"\r\n              tyle=\"width: 100%;height: 100%;\">\r\n              <div slot=\"placeholder\" class=\"image-slot\">\r\n                加载中<span class=\"dot\">...</span>\r\n              </div>\r\n            </el-image>\r\n            <video class=\"video\" v-if=\"item.type == 2\" :src=\"item.path\" style=\"width: 100%;height: 100%;\"\r\n              controls></video>\r\n          </div>\r\n          <div class=\"mk-cms-part-banner__list_bottom\">\r\n            <div class=\"mk-cms-part-banner__list_title\">{{ item.title }}</div>\r\n            <div>{{ item.desc }}</div>\r\n          </div>\r\n          <div class=\"mk-cms-part-banner__list_action-mask\">\r\n            <el-button type=\"primary\" style=\"margin-left: 10px;\" :icon=\"EditPen\" @click=\"showAdContentHandle(item.id)\">\r\n              编辑当前轮播素材\r\n            </el-button>\r\n            <el-button type=\"primary\" style=\"margin-left: 10px;\" :icon=\"Plus\" @click=\"showAdContentHandle(null)\">\r\n              添加新轮播素材\r\n            </el-button>\r\n            <el-button type=\"primary\" style=\"margin-left: 10px;\" :icon=\"EditPen\" @click=\"showAdDefineHandle()\">\r\n              设置素材显示尺寸\r\n            </el-button>\r\n          </div>\r\n        </div>\r\n      </el-carousel-item>\r\n    </el-carousel>\r\n    <el-empty v-else :image-size=\"80\" style=\"height: 240px;\">\r\n      <template #description>\r\n        <el-text>暂无轮播素材数据</el-text>\r\n        <el-button type=\"primary\" text style=\"margin-left: 10px;\" :icon=\"Plus\" @click=\"showAdDefineHandle()\">\r\n          设置素材显示尺寸\r\n        </el-button>\r\n        <el-button type=\"primary\" text style=\"margin-left: 10px;\" :icon=\"Plus\" @click=\"showAdContentHandle(null)\">\r\n          添加\r\n        </el-button>\r\n      </template>\r\n    </el-empty>\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { useCmsSettings } from \"../../../cms-settings\"\r\nimport { onMounted, reactive, ref, watch, defineProps, computed, Ref } from \"vue\";\r\nimport { DataViewRequest, Where } from \"@maketribe/request\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\nimport { CmsAdContentsForm, CmsAdDefinesForm } from \"../../../dataviews\";\r\nimport { EditPen, ArrowDown, Delete, Plus } from \"@element-plus/icons-vue\"\r\n// 广告定义数据表\r\nconst adRequest = new DataViewRequest({ name: \"ad-define\", moduleName: \"cms\" });\r\n// cms 配置\r\nconst cmsSettings = useCmsSettings();\r\nconst props = defineProps({ partId: { type: String }, title: { type: String } })\r\n// 栏目广告\r\nconst partAdBanner = ref<any | null>(null);\r\nconst loading = ref(true);\r\nconst warpRef: Ref<HTMLElement | undefined> = ref();\r\nconst adContentForm = reactive<CmsAdContentsForm>(new CmsAdContentsForm({ cutSise: cmsSettings.part.bannerImageSize }))\r\nconst adDefineForm = reactive<CmsAdDefinesForm>(new CmsAdDefinesForm())\r\nconst partAdBannerHeight = computed(() => {\r\n  //判断有没有banner属性\r\n  let proportion = 0;\r\n  const widthAndHeight = cmsSettings.part.bannerImageSize.split(\"*\");\r\n  let settingHeight = 0\r\n  let settingWidth = 0\r\n\r\n  //设定的比例\r\n  if (!!partAdBanner.value.width && !!partAdBanner.value.height) {\r\n    proportion = partAdBanner.value.width / partAdBanner.value.height;\r\n  } else {\r\n    settingWidth = widthAndHeight[0] as any;\r\n\r\n    settingHeight = widthAndHeight[1] as any;\r\n    proportion = settingWidth / settingHeight\r\n  }\r\n\r\n\r\n  //比例是NaN，直接返回默认\r\n  if (Number.isNaN(proportion)) {\r\n    return \"240px\"\r\n  } else {\r\n    //通过比例确定高度\r\n    return partAdBanner.value.height ? (warpRef.value!.offsetWidth / proportion) + \"px\" : (warpRef.value!.offsetWidth / proportion) + \"px\"\r\n  }\r\n})\r\n\r\n\r\n// window.addEventListener(\"resize\", () => {\r\n//   const proportion = partAdBanner.value.width / partAdBanner.value.height;\r\n// })\r\n\r\n// 内容添加之前监测广告是否存在不存在先添加广告\r\nadContentForm.beforeSubmitEvent.on(async ({ data }) => {\r\n  if (partAdBanner.value) {\r\n    data.adDefineId = partAdBanner.value.id as any;\r\n  }\r\n  else {\r\n    try {\r\n\r\n      const widthAndHeight = cmsSettings.part.bannerImageSize.split(\"*\");\r\n      // 添加广告\r\n      const result = await adRequest.add({ key: `part_${props.partId}`, desc: `${props.title}的Banner`, width: widthAndHeight[0], height: widthAndHeight[1] })\r\n\r\n      if (result.data.code == 200) {\r\n        partAdBanner.value = { id: result.data.data as string }\r\n        data.adDefineId = result.data.data;\r\n      }\r\n\r\n    } catch (error) {\r\n      Messager.error({ message: \"添加失败！\" });\r\n    }\r\n  }\r\n\r\n})\r\n\r\n//提交判断是否存在，判断更新还是添加\r\nadDefineForm.formatSubmitData = ((data) => {\r\n  if (partAdBanner.value) {\r\n    data.id = partAdBanner.value.id as any;\r\n  } else {\r\n    data.key = `part_${props.partId}`\r\n    data.desc = `${props.title}的Banner`\r\n  }\r\n  return data\r\n})\r\n\r\n\r\n\r\n// 添加完成则刷新\r\nadContentForm.submittedEvent.on(() => {\r\n  loadPartAdDefineData(props.partId)\r\n})\r\n//加完成则刷新\r\nadDefineForm.submittedEvent.on(() => {\r\n  loadPartAdDefineData(props.partId)\r\n})\r\n\r\n//加载栏目广告\r\nconst loadPartAdDefineData = async (partId: any) => {\r\n\r\n  try {\r\n\r\n    loading.value = true;\r\n    const where = new Where()\r\n    where.addCondition(\"key\", \"=\", `part_${partId}`);\r\n    // 加载广告定义\r\n    partAdBanner.value = (await adRequest.query({\r\n      data: {\r\n        pn: 1,\r\n        pc: 1000000,\r\n        condition: where\r\n      }\r\n    })).data.data[0];\r\n    if (partAdBanner.value?.width && partAdBanner.value?.width) {\r\n      adContentForm.changeCutSise(`${partAdBanner.value.width}*${partAdBanner.value.height}`)\r\n    }\r\n\r\n  } catch (e) {\r\n    console.error(e)\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n}\r\n//显示栏目广告的编辑弹窗\r\nconst showAdContentHandle = async (id: any) => {\r\n\r\n\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: adContentForm as CmsAdContentsForm,\r\n    recId: id\r\n  })\r\n}\r\n//显示栏目广告定义的编辑弹窗\r\nconst showAdDefineHandle = async () => {\r\n  await Dialoger.dataFormDialog({\r\n    title: \"设置素材显示尺寸\",\r\n    dataForm: adDefineForm as CmsAdDefinesForm,\r\n    recId: partAdBanner.value?.id\r\n  })\r\n  adDefineForm.getColumn(\"contents\")!.visible = false;\r\n  adDefineForm.getColumn(\"key\")!.visible = false;\r\n  adDefineForm.getColumn(\"desc\")!.visible = false;\r\n}\r\n\r\n// 组件挂载的时候\r\nonMounted(() => {\r\n  watch(() => props.partId, id => {\r\n    loadPartAdDefineData(id)\r\n  }, { immediate: true })\r\n})\r\n\r\n</script>\r\n<style lang='scss'></style>\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"part-banner-edit.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/part-banner-edit.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-part-banner__warp\" ref=\"warpRef\" v-loading=\"loading\" v-if=\"cmsSettings.part.openBanner\" style=\"{height:partAdBannerHeight}\">\r\n    <el-carousel v-if=\"partAdBanner && partAdBanner.contents?.length\" :autoplay=\"false\" :height=\"partAdBannerHeight\"\r\n      arrow=\"always\" ref=\"carouselRef\">\r\n      <el-carousel-item v-for=\"item in partAdBanner.contents\" :key=\"item.id\">\r\n        <div class=\"mk-cms-part-banner__list_item\">\r\n          <div class=\"mk-cms-part-banner__list_content\">\r\n            <el-image class=\"mk-cms-part-banner__list_content_img\" v-if=\"item.type == 1\" :src=\"item.path\" fit=\"cover\"\r\n              tyle=\"width: 100%;height: 100%;\">\r\n              <div slot=\"placeholder\" class=\"image-slot\">\r\n                加载中<span class=\"dot\">...</span>\r\n              </div>\r\n            </el-image>\r\n            <video class=\"video\" v-if=\"item.type == 2\" :src=\"item.path\" style=\"width: 100%;height: 100%;\"\r\n              controls></video>\r\n          </div>\r\n          <div class=\"mk-cms-part-banner__list_bottom\">\r\n            <div class=\"mk-cms-part-banner__list_title\">{{ item.title }}</div>\r\n            <div>{{ item.desc }}</div>\r\n          </div>\r\n          <div class=\"mk-cms-part-banner__list_action-mask\">\r\n            <el-button type=\"primary\" style=\"margin-left: 10px;\" :icon=\"EditPen\" @click=\"showAdContentHandle(item.id)\">\r\n              编辑当前轮播素材\r\n            </el-button>\r\n            <el-button type=\"primary\" style=\"margin-left: 10px;\" :icon=\"Plus\" @click=\"showAdContentHandle(null)\">\r\n              添加新轮播素材\r\n            </el-button>\r\n            <el-button type=\"primary\" style=\"margin-left: 10px;\" :icon=\"EditPen\" @click=\"showAdDefineHandle()\">\r\n              设置素材显示尺寸\r\n            </el-button>\r\n          </div>\r\n        </div>\r\n      </el-carousel-item>\r\n    </el-carousel>\r\n    <el-empty v-else :image-size=\"80\" style=\"height: 240px;\">\r\n      <template #description>\r\n        <el-text>暂无轮播素材数据</el-text>\r\n        <el-button type=\"primary\" text style=\"margin-left: 10px;\" :icon=\"Plus\" @click=\"showAdDefineHandle()\">\r\n          设置素材显示尺寸\r\n        </el-button>\r\n        <el-button type=\"primary\" text style=\"margin-left: 10px;\" :icon=\"Plus\" @click=\"showAdContentHandle(null)\">\r\n          添加\r\n        </el-button>\r\n      </template>\r\n    </el-empty>\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { useCmsSettings } from \"../../../cms-settings\"\r\nimport { onMounted, reactive, ref, watch, defineProps, computed, Ref } from \"vue\";\r\nimport { DataViewRequest, Where } from \"@maketribe/request\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\nimport { CmsAdContentsForm, CmsAdDefinesForm } from \"../../../dataviews\";\r\nimport { EditPen, ArrowDown, Delete, Plus } from \"@element-plus/icons-vue\"\r\n// 广告定义数据表\r\nconst adRequest = new DataViewRequest({ name: \"ad-define\", moduleName: \"cms\" });\r\n// cms 配置\r\nconst cmsSettings = useCmsSettings();\r\nconst props = defineProps({ partId: { type: String }, title: { type: String } })\r\n// 栏目广告\r\nconst partAdBanner = ref<any | null>(null);\r\nconst loading = ref(true);\r\nconst warpRef: Ref<HTMLElement | undefined> = ref();\r\nconst adContentForm = reactive<CmsAdContentsForm>(new CmsAdContentsForm({ cutSise: cmsSettings.part.bannerImageSize }))\r\nconst adDefineForm = reactive<CmsAdDefinesForm>(new CmsAdDefinesForm())\r\nconst partAdBannerHeight = computed(() => {\r\n  //判断有没有banner属性\r\n  let proportion = 0;\r\n  const widthAndHeight = cmsSettings.part.bannerImageSize.split(\"*\");\r\n  let settingHeight = 0\r\n  let settingWidth = 0\r\n\r\n  //设定的比例\r\n  if (!!partAdBanner.value.width && !!partAdBanner.value.height) {\r\n    proportion = partAdBanner.value.width / partAdBanner.value.height;\r\n  } else {\r\n    settingWidth = widthAndHeight[0] as any;\r\n\r\n    settingHeight = widthAndHeight[1] as any;\r\n    proportion = settingWidth / settingHeight\r\n  }\r\n\r\n\r\n  //比例是NaN，直接返回默认\r\n  if (Number.isNaN(proportion)) {\r\n    return \"240px\"\r\n  } else {\r\n    //通过比例确定高度\r\n    return partAdBanner.value.height ? (warpRef.value!.offsetWidth / proportion) + \"px\" : (warpRef.value!.offsetWidth / proportion) + \"px\"\r\n  }\r\n})\r\n\r\n\r\n// window.addEventListener(\"resize\", () => {\r\n//   const proportion = partAdBanner.value.width / partAdBanner.value.height;\r\n// })\r\n\r\n// 内容添加之前监测广告是否存在不存在先添加广告\r\nadContentForm.beforeSubmitEvent.on(async ({ data }) => {\r\n  if (partAdBanner.value) {\r\n    data.adDefineId = partAdBanner.value.id as any;\r\n  }\r\n  else {\r\n    try {\r\n\r\n      const widthAndHeight = cmsSettings.part.bannerImageSize.split(\"*\");\r\n      // 添加广告\r\n      const result = await adRequest.add({ key: `part_${props.partId}`, desc: `${props.title}的Banner`, width: widthAndHeight[0], height: widthAndHeight[1] })\r\n\r\n      if (result.data.code == 200) {\r\n        partAdBanner.value = { id: result.data.data as string }\r\n        data.adDefineId = result.data.data;\r\n      }\r\n\r\n    } catch (error) {\r\n      Messager.error({ message: \"添加失败！\" });\r\n    }\r\n  }\r\n\r\n})\r\n\r\n//提交判断是否存在，判断更新还是添加\r\nadDefineForm.formatSubmitData = ((data) => {\r\n  if (partAdBanner.value) {\r\n    data.id = partAdBanner.value.id as any;\r\n  } else {\r\n    data.key = `part_${props.partId}`\r\n    data.desc = `${props.title}的Banner`\r\n  }\r\n  return data\r\n})\r\n\r\n\r\n\r\n// 添加完成则刷新\r\nadContentForm.submittedEvent.on(() => {\r\n  loadPartAdDefineData(props.partId)\r\n})\r\n//加完成则刷新\r\nadDefineForm.submittedEvent.on(() => {\r\n  loadPartAdDefineData(props.partId)\r\n})\r\n\r\n//加载栏目广告\r\nconst loadPartAdDefineData = async (partId: any) => {\r\n\r\n  try {\r\n\r\n    loading.value = true;\r\n    const where = new Where()\r\n    where.addCondition(\"key\", \"=\", `part_${partId}`);\r\n    // 加载广告定义\r\n    partAdBanner.value = (await adRequest.query({\r\n      data: {\r\n        pn: 1,\r\n        pc: 1000000,\r\n        condition: where\r\n      }\r\n    })).data.data[0];\r\n    if (partAdBanner.value?.width && partAdBanner.value?.width) {\r\n      adContentForm.changeCutSise(`${partAdBanner.value.width}*${partAdBanner.value.height}`)\r\n    }\r\n\r\n  } catch (e) {\r\n    console.error(e)\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n}\r\n//显示栏目广告的编辑弹窗\r\nconst showAdContentHandle = async (id: any) => {\r\n\r\n\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: adContentForm as CmsAdContentsForm,\r\n    recId: id\r\n  })\r\n}\r\n//显示栏目广告定义的编辑弹窗\r\nconst showAdDefineHandle = async () => {\r\n  await Dialoger.dataFormDialog({\r\n    title: \"设置素材显示尺寸\",\r\n    dataForm: adDefineForm as CmsAdDefinesForm,\r\n    recId: partAdBanner.value?.id\r\n  })\r\n  adDefineForm.getColumn(\"contents\")!.visible = false;\r\n  adDefineForm.getColumn(\"key\")!.visible = false;\r\n  adDefineForm.getColumn(\"desc\")!.visible = false;\r\n}\r\n\r\n// 组件挂载的时候\r\nonMounted(() => {\r\n  watch(() => props.partId, id => {\r\n    loadPartAdDefineData(id)\r\n  }, { immediate: true })\r\n})\r\n\r\n</script>\r\n<style lang='scss'></style>\r\n"],"names":[],"mappings":"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"}

package/dist/esm/modules/cms/pages/cms-contents/components/part-info.vue.js

@@ -27,10 +27,41 @@ 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/basic/lexical-editor/assets/iconfont.js";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "../../../../../components/basic/lexical-editor/utils/html.js";
+import "@maketribe/dm";
+import "../../../../../components/basic/lexical-editor/utils/image.js";
+import "@element-plus/icons-vue";
+import "../../../../../components/basic/lexical-editor/composables/useElementBlockSelection.js";
+import "@lexical/history";
+/* empty css                                                                             */
+import "../../../../../components/basic/lexical-editor/nodes/ModuleDecoratorNode.js";
+import "../../../../../components/basic/lexical-editor/nodes/ImageNode.js";
+import "../../../../../components/basic/lexical-editor/nodes/ImageTextWarpNode.js";
+import "../../../../../components/basic/lexical-editor/nodes/Template.js";
+/* empty css                                                                                      */
+/* empty css                                                                        */
+/* empty css                                                                        */
+import "../../../../../components/basic/lexical-editor/plugins/RichTextEditorPlugin.js";
+import "../../../../../components/basic/lexical-editor/plugins/HashtagPlugin.js";
+import "../../../../../components/basic/lexical-editor/plugins/ListPlugin.js";
+import "../../../../../components/basic/lexical-editor/plugins/CheckListPlugin.js";
+import "../../../../../components/basic/lexical-editor/plugins/TablePlugin.js";
+/* empty css                                                                  */
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "../../../../../components/basic/lexical-editor/stage/DecoratedTeleports.js";
+/* empty css                                                              */
 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";
-import "@maketribe/dm";
 import "../../../../../components/business/verify-dialog/verify-dialog-option.js";
 import "../../../../../core/DataModelDefines.js";
 import "vue-router";