@maketribe/ms-app 3.2.23 → 3.2.24

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

@@ -0,0 +1,246 @@
+import { defineComponent, ref, reactive, onMounted, watch, resolveComponent, resolveDirective, unref, withDirectives, openBlock, createElementBlock, createBlock, withCtx, Fragment, renderList, createElementVNode, createCommentVNode, toDisplayString, createVNode, createTextVNode } from "vue";
+import { useCmsSettings } from "../../../cms-settings.js";
+import { DataViewRequest, Where } from "@maketribe/request";
+import { Messager, Dialoger } from "@maketribe/dm";
+import { CmsAdContentsForm } from "../../../dataviews/cms-ad-contents/CmsAdContentsForm.js";
+import "element-plus";
+import "@maketribe/utils";
+import "../../../../../core/DataModelDefines.js";
+import "vue-router";
+import "@maketribe/locale";
+import "../../../../ms/dataviews/ms-config/MsConfigTable.js";
+import "lodash-es";
+import "../../../../../components/basic/svg-icon/index.js";
+import "../../../../../components/data-model/data-form/index.js";
+import "../../../../../components/data-model/data-table/index.js";
+import "../../../../../components/data-model/data-table-pagination/index.js";
+import "../../../../../components/abstract/abstract-select/abstract-select.js";
+import "../../../../../components/abstract/abstract-select/abstract-select-options.js";
+import "../../../../../components/basic/button/button-options.js";
+import "../../../../../components/basic/config-provider/index.js";
+import "../../../../../components/basic/data-table-select/index.js";
+import "../../../../../components/basic/data-select/index.js";
+import "../../../../../components/basic/pagination/index.js";
+import "../../../../../components/basic/system-provider/index.js";
+import "../../../../../components/basic/code-editor/index.js";
+import "../../../../../components/basic/json-editor/index.js";
+import "../../../../../components/basic/page-container/index.js";
+import "../../../../../components/basic/date-picker/index.js";
+import "../../../../../components/basic/icon-select/index.js";
+import "../../../../../components/basic/upload-file/upload-file.js";
+import "../../../../../components/basic/upload-file/context/web-file-upload-context.js";
+import "../../../../../components/basic/upload-file/context/web-file-upload-context-options.js";
+import "../../../../../components/basic/upload-file/ui/upload-image/index.js";
+import "../../../../../components/basic/upload-file/upload-file-options.js";
+import "../../../../../components/basic/doc-editor/index.js";
+import "../../../../../components/basic/copy-container/index.js";
+import "../../../../../components/basic/image-cropper/index.js";
+import "../../../../../components/basic/visual-page-editor/index.js";
+import "../../../../../components/business/verify-dialog/verify-dialog-option.js";
+import "../../../../../components/business/resource-list/index.js";
+import "../../../../../components/business/resource-manager/index.js";
+import "../../../../ms/dataviews/department/DepartmentForm.js";
+import "../../../../ms/dataviews/department/DepartmentTable.js";
+import "../../../../ms/dataviews/department/DepartmentTree.js";
+import "../../../../ms/dataviews/log/operate-log/OperateLogTable.js";
+import "../../../../ms/dataviews/log/login-log/LoginLogTable.js";
+import "../../../../ms/dataviews/log/request-log/RequestLogTable.js";
+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 "../../../../ms/material-upload-context/material-upload-context-options.js";
+import "../../../../ms/material-upload-context/material-upload-context.js";
+import { EditPen, Plus } from "@element-plus/icons-vue";
+import "@codemirror/lang-html";
+const _hoisted_1 = {
+  key: 0,
+  class: "mk-cms-part-banner__warp"
+};
+const _hoisted_2 = { class: "mk-cms-part-banner__list_item" };
+const _hoisted_3 = { class: "mk-cms-part-banner__list_content" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", {
+  slot: "placeholder",
+  class: "image-slot"
+}, [
+  /* @__PURE__ */ createTextVNode(" 加载中"),
+  /* @__PURE__ */ createElementVNode("span", { class: "dot" }, "...")
+], -1);
+const _hoisted_5 = ["src"];
+const _hoisted_6 = { class: "mk-cms-part-banner__list_bottom" };
+const _hoisted_7 = { class: "mk-cms-part-banner__list_title" };
+const _hoisted_8 = { class: "mk-cms-part-banner__list_action-mask" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "part-banner-edit",
+  props: { partId: { type: String }, title: { type: String } },
+  setup(__props) {
+    const adRequest = new DataViewRequest({ name: "ad-define", moduleName: "cms" });
+    const cmsSettings = useCmsSettings();
+    const props = __props;
+    const partAdBanner = ref(null);
+    const loading = ref(true);
+    const adContentForm = reactive(new CmsAdContentsForm());
+    adContentForm.beforeSubmitEvent.on(async ({ data }) => {
+      if (partAdBanner.value) {
+        data.adDefineId = partAdBanner.value.id;
+      } else {
+        try {
+          const result = await adRequest.add({ key: `part_${props.partId}`, desc: `${props.title}的Banner` });
+          if (result.data.code == 200) {
+            partAdBanner.value = { id: result.data.data };
+            data.adDefineId = result.data.data;
+          }
+        } catch (error) {
+          Messager.error({ message: "添加失败！" });
+        }
+      }
+    });
+    adContentForm.submittedEvent.on(() => {
+      loadPartAdDefineData(props.partId);
+    });
+    const loadPartAdDefineData = async (partId) => {
+      try {
+        loading.value = true;
+        const where = new Where();
+        where.addCondition("key", "=", `part_${partId}`);
+        partAdBanner.value = (await adRequest.query({
+          data: {
+            pn: 1,
+            pc: 1e6,
+            condition: where
+          }
+        })).data.data[0];
+      } catch (e) {
+        console.error(e);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const showAdDefineHandle = (id) => {
+      Dialoger.dataFormDialog({
+        dataForm: adContentForm,
+        recId: id
+      });
+    };
+    onMounted(() => {
+      watch(() => props.partId, (id) => {
+        loadPartAdDefineData(id);
+      }, { immediate: true });
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      const _component_el_image = resolveComponent("el-image");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_carousel_item = resolveComponent("el-carousel-item");
+      const _component_el_carousel = resolveComponent("el-carousel");
+      const _component_el_text = resolveComponent("el-text");
+      const _component_el_empty = resolveComponent("el-empty");
+      const _directive_loading = resolveDirective("loading");
+      return unref(cmsSettings).part.openBanner ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+        partAdBanner.value && ((_a = partAdBanner.value.contents) == null ? void 0 : _a.length) ? (openBlock(), createBlock(_component_el_carousel, {
+          key: 0,
+          autoplay: false,
+          height: "240px",
+          arrow: "always"
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(partAdBanner.value.contents, (item) => {
+              return openBlock(), createBlock(_component_el_carousel_item, {
+                key: item.id
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_2, [
+                    createElementVNode("div", _hoisted_3, [
+                      item.type == 1 ? (openBlock(), createBlock(_component_el_image, {
+                        key: 0,
+                        class: "mk-cms-part-banner__list_content_img",
+                        src: item.path,
+                        fit: "cover",
+                        tyle: "width: 100%;height: 100%;"
+                      }, {
+                        default: withCtx(() => [
+                          _hoisted_4
+                        ]),
+                        _: 2
+                      }, 1032, ["src"])) : createCommentVNode("", true),
+                      item.type == 2 ? (openBlock(), createElementBlock("video", {
+                        key: 1,
+                        class: "video",
+                        src: item.path,
+                        style: { "width": "100%", "height": "100%" },
+                        controls: ""
+                      }, null, 8, _hoisted_5)) : createCommentVNode("", true)
+                    ]),
+                    createElementVNode("div", _hoisted_6, [
+                      createElementVNode("div", _hoisted_7, toDisplayString(item.title), 1),
+                      createElementVNode("div", null, toDisplayString(item.desc), 1)
+                    ]),
+                    createElementVNode("div", _hoisted_8, [
+                      createVNode(_component_el_button, {
+                        text: "",
+                        style: { "margin-left": "10px" },
+                        icon: unref(EditPen),
+                        onClick: ($event) => showAdDefineHandle(item.id)
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" 编辑 ")
+                        ]),
+                        _: 2
+                      }, 1032, ["icon", "onClick"]),
+                      createVNode(_component_el_button, {
+                        text: "",
+                        style: { "margin-left": "10px" },
+                        icon: unref(Plus),
+                        onClick: _cache[0] || (_cache[0] = ($event) => showAdDefineHandle(null))
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" 添加 ")
+                        ]),
+                        _: 1
+                      }, 8, ["icon"])
+                    ])
+                  ])
+                ]),
+                _: 2
+              }, 1024);
+            }), 128))
+          ]),
+          _: 1
+        })) : (openBlock(), createBlock(_component_el_empty, {
+          key: 1,
+          description: "暂无轮播数据",
+          "image-size": 80,
+          style: { "height": "240px" }
+        }, {
+          description: withCtx(() => [
+            createVNode(_component_el_text, null, {
+              default: withCtx(() => [
+                createTextVNode("暂无轮播数据")
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_button, {
+              type: "primary",
+              text: "",
+              style: { "margin-left": "10px" },
+              icon: unref(Plus),
+              onClick: _cache[1] || (_cache[1] = ($event) => showAdDefineHandle(null))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(" 添加 ")
+              ]),
+              _: 1
+            }, 8, ["icon"])
+          ]),
+          _: 1
+        }))
+      ])), [
+        [_directive_loading, loading.value]
+      ]) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=part-banner-edit.vue.js.map

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

@@ -0,0 +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\" v-loading=\"loading\" v-if=\"cmsSettings.part.openBanner\">\r\n    <el-carousel v-if=\"partAdBanner && partAdBanner.contents?.length\" :autoplay=\"false\" height=\"240px\" arrow=\"always\">\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 text style=\"margin-left: 10px;\" :icon=\"EditPen\" @click=\"showAdDefineHandle(item.id)\">\r\n              编辑\r\n            </el-button>\r\n            <el-button text style=\"margin-left: 10px;\" :icon=\"Plus\" @click=\"showAdDefineHandle(null)\">\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 description=\"暂无轮播数据\" :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(null)\">\r\n          添加\r\n        </el-button>\r\n      </template>\r\n    </el-empty>\r\n\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { useCmsSettings } from \"../../../cms-settings\"\r\nimport { onMounted, reactive, computed, ref, watch, defineProps } from \"vue\";\r\nimport { DataViewRequest, Where } from \"@maketribe/request\";\r\nimport { DataForm, Dialoger, FormColumn, Messager } from \"@maketribe/dm\";\r\nimport { CmsAdDefinesTable, CmsAdContentsForm, CmsAdDefinesForm } from \"../../../dataviews\";\r\nimport { EditPen, ArrowDown, Delete, Plus } from \"@element-plus/icons-vue\"\r\nimport { debounce } from \"lodash-es\"\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 adContentForm = reactive<CmsAdContentsForm>(new CmsAdContentsForm())\r\n// 内容添加之前监测广告是否存在不存在先添加广告\r\nadContentForm.beforeSubmitEvent.on(async ({ data }) => {\r\n\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      // 添加广告\r\n      const result = await adRequest.add({ key: `part_${props.partId}`, desc: `${props.title}的Banner` })\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\nadContentForm.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    // 加载广告定义\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  } catch (e) {\r\n    console.error(e)\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n}\r\n\r\n//显示栏目广告的编辑弹窗\r\nconst showAdDefineHandle = (id: any) => {\r\n  Dialoger.dataFormDialog({\r\n    dataForm: adContentForm as DataForm,\r\n    recId: id\r\n  })\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDM,UAAA,YAAY,IAAI,gBAAgB,EAAE,MAAM,aAAa,YAAY,OAAO;AAE9E,UAAM,cAAc;AACpB,UAAM,QAAQ;AAER,UAAA,eAAe,IAAgB,IAAI;AACnC,UAAA,UAAU,IAAI,IAAI;AACxB,UAAM,gBAAgB,SAA4B,IAAI,kBAAmB,CAAA;AAEzE,kBAAc,kBAAkB,GAAG,OAAO,EAAE,WAAW;AAErD,UAAI,aAAa,OAAO;AACjB,aAAA,aAAa,aAAa,MAAM;AAAA,MAAA,OAElC;AACC,YAAA;AAGF,gBAAM,SAAS,MAAM,UAAU,IAAI,EAAE,KAAK,QAAQ,MAAM,MAAM,IAAI,MAAM,GAAG,MAAM,KAAK,WAAW;AAE7F,cAAA,OAAO,KAAK,QAAQ,KAAK;AAC3B,yBAAa,QAAQ,EAAE,IAAI,OAAO,KAAK;AAClC,iBAAA,aAAa,OAAO,KAAK;AAAA,UAChC;AAAA,iBAEO,OAAO;AACd,mBAAS,MAAM,EAAE,SAAS,QAAS,CAAA;AAAA,QACrC;AAAA,MACF;AAAA,IAAA,CAED;AAGa,kBAAA,eAAe,GAAG,MAAM;AACpC,2BAAqB,MAAM,MAAM;AAAA,IAAA,CAClC;AAGK,UAAA,uBAAuB,OAAO,WAAgB;AAE9C,UAAA;AAEF,gBAAQ,QAAQ;AACV,cAAA,QAAQ,IAAI;AAClB,cAAM,aAAa,OAAO,KAAK,QAAQ,MAAM,EAAE;AAGlC,qBAAA,SAAS,MAAM,UAAU,MAAM;AAAA,UAC1C,MAAM;AAAA,YACJ,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,WAAW;AAAA,UACb;AAAA,QACD,CAAA,GAAG,KAAK,KAAK,CAAC;AAAA,eACR,GAAG;AACV,gBAAQ,MAAM,CAAC;AAAA,MAAA,UACf;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;AAII,UAAA,qBAAqB,CAAC,OAAY;AACtC,eAAS,eAAe;AAAA,QACtB,UAAU;AAAA,QACV,OAAO;AAAA,MAAA,CACR;AAAA,IAAA;AAIH,cAAU,MAAM;AACR,YAAA,MAAM,MAAM,QAAQ,CAAM,OAAA;AAC9B,6BAAqB,EAAE;AAAA,MAAA,GACtB,EAAE,WAAW,KAAA,CAAM;AAAA,IAAA,CACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,5 @@
+import _sfc_main from "./part-banner-edit.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=part-banner-edit.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"part-banner-edit.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"part-info.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/part-info.vue"],"sourcesContent":["<template>\r\n    <div class=\"mk-cms-part-info\">\r\n        <MKDataForm :dataForm=\"partDataForm\" style=\"height: 100%;\">\r\n            <MKForm :dataForm=\"partDataForm\">\r\n                <div class=\"mk-cms-part-info__body__form\">\r\n                    <div class=\"mk-cms-part-info__body__form-options\">\r\n                        <ElScrollbar>\r\n                            <MKDataFormItem name=\"cmsPartTypeId\" v-if=\"hideHandle('cmsPartTypeId')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"parentId\" v-if=\"hideHandle('parentId')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"cmsCoverArticleId\" v-if=\"hideHandle('cmsCoverArticleId')\">\r\n                            </MKDataFormItem>\r\n                            <MKDataFormItem name=\"title\" v-if=\"hideHandle('title')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"name\" v-if=\"hideHandle('name')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"externalLink\" v-if=\"hideHandle('externalLink')\">\r\n                            </MKDataFormItem>\r\n                            <el-row :gutter=\"22\" justify=\"space-between\">\r\n                                <el-col :span=\"10\" v-if=\"hideHandle('isShowMenu')\">\r\n                                    <MKDataFormItem name=\"isShowMenu\"></MKDataFormItem>\r\n                                </el-col>\r\n                                <el-col :span=\"10\" v-if=\"hideHandle('isHome')\">\r\n                                    <MKDataFormItem name=\"isHome\"></MKDataFormItem>\r\n                                </el-col>\r\n                            </el-row>\r\n                            <template v-if=\"CmsSettings.publish.mode == 'static'\">\r\n                              <el-divider content-position=\"left\" v-if=\"hideHandle('coverRouter')\">路由配置</el-divider>\r\n                              <MKDataFormItem name=\"coverRouter\" v-if=\"hideHandle('coverRouter')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"listRouter\" v-if=\"hideHandle('listRouter')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"contentRouter\" v-if=\"hideHandle('contentRouter')\"></MKDataFormItem>\r\n                              <el-divider content-position=\"left\" v-if=\"hideHandle('coverTemplate')\">模版配置</el-divider>\r\n                              <MKDataFormItem name=\"coverTemplate\" v-if=\"hideHandle('coverTemplate')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"listTemplate\" v-if=\"hideHandle('listTemplate')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"contentTemplate\" v-if=\"hideHandle('contentTemplate')\">\r\n                              </MKDataFormItem>\r\n                              <el-divider content-position=\"left\" v-if=\"hideHandle('seoKeywords')\">SEO</el-divider>\r\n                              <MKDataFormItem name=\"seoKeywords\" v-if=\"hideHandle('seoKeywords')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"seoDesc\" v-if=\"hideHandle('seoDesc')\"></MKDataFormItem>\r\n                            </template>\r\n                            <el-divider content-position=\"left\">其他配置</el-divider>\r\n                            <MKDataFormItem name=\"sortNo\"></MKDataFormItem>\r\n                        </ElScrollbar>\r\n                    </div>\r\n                </div>\r\n            </MKForm>\r\n        </MKDataForm>\r\n    </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { MKDataForm, MKForm, MKDataFormItem } from \"../../../../../components\";\r\nimport { CmsPartForm } from \"../../../dataviews/cms-parts/CmsPartForm\";\r\nimport { computed, reactive, Ref, watch } from \"vue\";\r\nimport { useCmsSettings } from \"../../../cms-settings\"\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings();\r\nconst props = defineProps({\r\n    part: {\r\n        type: Object,\r\n        default: () => {\r\n            return {}\r\n        }\r\n    },\r\n    partDataForm: {\r\n        type: CmsPartForm,\r\n        default: () => {\r\n            return new CmsPartForm()\r\n        }\r\n    }\r\n})\r\n\r\n//监听保存成功事件\r\nprops.partDataForm.submittedEvent.on(() => {\r\n    props.partDataForm.editRecord(props.part.id)\r\n})\r\n\r\n/**\r\n * 需要隐藏的行\r\n */\r\nconst hideHandle = (name: string) => {\r\n    if (props.partDataForm.data.cmsPartTypeId == 1 && CmsPartForm.outerChainHideColumn.includes(name)) {\r\n        return false;\r\n    } \r\n    else if (props.partDataForm.data.cmsPartTypeId == 2 && CmsPartForm.contentHideColumn.includes(name)) {\r\n        return false;\r\n    } \r\n    else if (props.partDataForm.data.cmsPartTypeId == 3 && CmsPartForm.menuHideColumn.includes(name)) {\r\n        props.partDataForm.data.isShowMenu = 1;\r\n        return false;\r\n    } \r\n    else {\r\n        return true;\r\n    }\r\n}\r\n\r\n\r\n</script>\r\n<style lang='scss'></style>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,cAAc;AACpB,UAAM,QAAQ;AAgBR,UAAA,aAAa,eAAe,GAAG,MAAM;AACvC,YAAM,aAAa,WAAW,MAAM,KAAK,EAAE;AAAA,IAAA,CAC9C;AAKK,UAAA,aAAa,CAAC,SAAiB;AAC7B,UAAA,MAAM,aAAa,KAAK,iBAAiB,KAAK,YAAY,qBAAqB,SAAS,IAAI,GAAG;AACxF,eAAA;AAAA,MACX,WACS,MAAM,aAAa,KAAK,iBAAiB,KAAK,YAAY,kBAAkB,SAAS,IAAI,GAAG;AAC1F,eAAA;AAAA,MACX,WACS,MAAM,aAAa,KAAK,iBAAiB,KAAK,YAAY,eAAe,SAAS,IAAI,GAAG;AACxF,cAAA,aAAa,KAAK,aAAa;AAC9B,eAAA;AAAA,MAAA,OAEN;AACM,eAAA;AAAA,MACX;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"part-info.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/part-info.vue"],"sourcesContent":["<template>\r\n    <div class=\"mk-cms-part-info\">\r\n        <MKDataForm :dataForm=\"partDataForm\" style=\"height: 100%;\">\r\n            <MKForm :dataForm=\"partDataForm\">\r\n                <div class=\"mk-cms-part-info__body__form\">\r\n                    <div class=\"mk-cms-part-info__body__form-options\">\r\n                        <ElScrollbar>\r\n                            <MKDataFormItem name=\"cmsPartTypeId\" v-if=\"hideHandle('cmsPartTypeId')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"parentId\" v-if=\"hideHandle('parentId')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"cmsCoverArticleId\" v-if=\"hideHandle('cmsCoverArticleId')\">\r\n                            </MKDataFormItem>\r\n                            <MKDataFormItem name=\"title\" v-if=\"hideHandle('title')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"name\" v-if=\"hideHandle('name')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"externalLink\" v-if=\"hideHandle('externalLink')\">\r\n                            </MKDataFormItem>\r\n                            <el-row :gutter=\"22\" justify=\"space-between\">\r\n                                <el-col :span=\"10\" v-if=\"hideHandle('isShowMenu')\">\r\n                                    <MKDataFormItem name=\"isShowMenu\"></MKDataFormItem>\r\n                                </el-col>\r\n                                <el-col :span=\"10\" v-if=\"hideHandle('isHome')\">\r\n                                    <MKDataFormItem name=\"isHome\"></MKDataFormItem>\r\n                                </el-col>\r\n                            </el-row>\r\n                            <template v-if=\"CmsSettings.publish.mode == 'static'\">\r\n                              <el-divider content-position=\"left\" v-if=\"hideHandle('coverRouter')\">路由配置</el-divider>\r\n                              <MKDataFormItem name=\"coverRouter\" v-if=\"hideHandle('coverRouter')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"listRouter\" v-if=\"hideHandle('listRouter')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"contentRouter\" v-if=\"hideHandle('contentRouter')\"></MKDataFormItem>\r\n                              <el-divider content-position=\"left\" v-if=\"hideHandle('coverTemplate')\">模版配置</el-divider>\r\n                              <MKDataFormItem name=\"coverTemplate\" v-if=\"hideHandle('coverTemplate')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"listTemplate\" v-if=\"hideHandle('listTemplate')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"contentTemplate\" v-if=\"hideHandle('contentTemplate')\">\r\n                              </MKDataFormItem>\r\n                              <el-divider content-position=\"left\" v-if=\"hideHandle('seoKeywords')\">SEO</el-divider>\r\n                              <MKDataFormItem name=\"seoKeywords\" v-if=\"hideHandle('seoKeywords')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"seoDesc\" v-if=\"hideHandle('seoDesc')\"></MKDataFormItem>\r\n                            </template>\r\n                            <el-divider content-position=\"left\">其他配置</el-divider>\r\n                            <MKDataFormItem name=\"sortNo\"></MKDataFormItem>\r\n                        </ElScrollbar>\r\n                    </div>\r\n                </div>\r\n            </MKForm>\r\n        </MKDataForm>\r\n    </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { MKDataForm, MKForm, MKDataFormItem } from \"../../../../../components\";\r\nimport { CmsPartForm } from \"../../../dataviews/cms-parts/CmsPartForm\";\r\nimport { computed, reactive, Ref, watch } from \"vue\";\r\nimport { useCmsSettings } from \"../../../cms-settings\"\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings();\r\nconst props = defineProps({\r\n    part: {\r\n        type: Object,\r\n        default: () => {\r\n            return {}\r\n        }\r\n    },\r\n    partDataForm: {\r\n        type: CmsPartForm,\r\n        default: () => {\r\n            return new CmsPartForm()\r\n        }\r\n    }\r\n})\r\n\r\n//监听保存成功事件\r\nprops.partDataForm.submittedEvent.on(() => {\r\n    props.partDataForm.editRecord(props.part.id)\r\n})\r\n\r\n/**\r\n * 需要隐藏的行\r\n */\r\nconst hideHandle = (name: string) => {\r\n    if (props.partDataForm.data.cmsPartTypeId == 1 && CmsPartForm.outerChainHideColumn.includes(name)) {\r\n        return false;\r\n    } \r\n    else if (props.partDataForm.data.cmsPartTypeId == 2 && CmsPartForm.contentHideColumn.includes(name)) {\r\n        return false;\r\n    } \r\n    else if (props.partDataForm.data.cmsPartTypeId == 3 && CmsPartForm.menuHideColumn.includes(name)) {\r\n        props.partDataForm.data.isShowMenu = 1;\r\n        return false;\r\n    } \r\n    else {\r\n        return true;\r\n    }\r\n}\r\n\r\n\r\n</script>\r\n<style lang='scss'></style>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,cAAc;AACpB,UAAM,QAAQ;AAgBR,UAAA,aAAa,eAAe,GAAG,MAAM;AACvC,YAAM,aAAa,WAAW,MAAM,KAAK,EAAE;AAAA,IAAA,CAC9C;AAKK,UAAA,aAAa,CAAC,SAAiB;AAC7B,UAAA,MAAM,aAAa,KAAK,iBAAiB,KAAK,YAAY,qBAAqB,SAAS,IAAI,GAAG;AACxF,eAAA;AAAA,MACX,WACS,MAAM,aAAa,KAAK,iBAAiB,KAAK,YAAY,kBAAkB,SAAS,IAAI,GAAG;AAC1F,eAAA;AAAA,MACX,WACS,MAAM,aAAa,KAAK,iBAAiB,KAAK,YAAY,eAAe,SAAS,IAAI,GAAG;AACxF,cAAA,aAAa,KAAK,aAAa;AAC9B,eAAA;AAAA,MAAA,OAEN;AACM,eAAA;AAAA,MACX;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,8 @@
-import { defineComponent, ref, watch, reactive, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, unref, createBlock, createCommentVNode, Fragment, resolveDynamicComponent } from "vue";
+import { defineComponent, ref, watch, reactive, watchEffect, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, unref, createBlock, createCommentVNode, Fragment, resolveDynamicComponent } from "vue";
 import { MKPartTree } from "../../components/part-tree/index.js";
 import _sfc_main$1 from "./components/article-list.vue.js";
 import _sfc_main$2 from "./components/part-info.vue.js";
+import _sfc_main$3 from "./components/part-banner-edit.vue.js";
 import "../../../../components/abstract/abstract-select/abstract-select.js";
 import "../../../../components/abstract/abstract-select/abstract-select-options.js";
 import { ElSwitch } from "element-plus";
@@ -27,6 +28,7 @@ import "../../../../components/basic/upload-file/upload-file-options.js";
 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/data-model/data-form/index.js";
 import "../../../../components/data-model/data-table/index.js";
 import "../../../../components/data-model/data-table-pagination/index.js";
@@ -80,6 +82,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const partTreeRef = ref(null);
     const partExt = ref();
     const partDataForm = reactive(new CmsContentManPartForm());
+    partDataForm.init();
+    let beforeInitFormPart = null;
+    watchEffect(async () => {
+      if ((activeTabName.value == "part" || activeTabName.value == "part-content") && curSelectPartItem.value != beforeInitFormPart) {
+        try {
+          beforeInitFormPart = curSelectPartItem.value;
+          await partDataForm.editRecord(curSelectPartItem.value.id);
+        } catch (error) {
+          console.log(error);
+        }
+      }
+    });
     const selectPartHandle = async (item) => {
       if (curSelectPartItem.value != item) {
         curSelectPartItem.value = item;
@@ -88,7 +102,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         } else {
           activeTabName.value = "article-list";
         }
-        partDataForm.editRecord(curSelectPartItem.value.id);
         router.replace({ name: "cms/contents", query: { pid: curSelectPartItem.value.id } });
         partExt.value = usePartExtension(curSelectPartItem.value.id);
       }
@@ -117,11 +130,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         optionData.value.isPublishContent = !!curSelectPartItem.value.contentTemplate;
       }
     });
-    watch(activeTabName, async () => {
-      if (activeTabName.value == "part") {
-        curSelectPartItem.value = (await partDataForm.editRecord(curSelectPartItem.value.id)).data.data;
-      }
-    });
     partMiniForm.submittedEvent.on(({ response }) => {
       var _a;
       if (response.data.data) {
@@ -377,10 +385,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   return [
                     activeTabName.value == "part-content" ? (openBlock(), createBlock(unref(MKDocEditor), {
                       key: 0,
+                      css: unref(CmsSettings).part.doc.css,
+                      js: unref(CmsSettings).part.doc.js,
                       content: (_a = partDataForm.data) == null ? void 0 : _a.content,
                       placeholder: "从这里开始写正文...",
                       onChange: EditorChangeHandle
-                    }, null, 8, ["content"])) : createCommentVNode("", true)
+                    }, {
+                      "before-extentions": withCtx(() => {
+                        var _a2, _b, _c;
+                        return [
+                          ((_a2 = partDataForm.data) == null ? void 0 : _a2.id) ? (openBlock(), createBlock(_sfc_main$3, {
+                            key: 0,
+                            partId: (_b = partDataForm.data) == null ? void 0 : _b.id,
+                            title: (_c = partDataForm.data) == null ? void 0 : _c.title
+                          }, null, 8, ["partId", "title"])) : createCommentVNode("", true)
+                        ];
+                      }),
+                      _: 1
+                    }, 8, ["css", "js", "content"])) : createCommentVNode("", true)
                   ];
                 }),
                 _: 1

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-resource/index.vue"],"sourcesContent":["<template>\r\n  <MKPageContainer>\r\n    <MKResourceManager title=\"模版资产管理\" :resourceManager=\"resourceManager\">\r\n      <template #tools>\r\n        <ElButton type=\"primary\" @click=\"publishAssetsHandle\">发布资产</ElButton>\r\n        <ElButton type=\"primary\" @click=\"publishAllHandle\">全站发布</ElButton>\r\n      </template>\r\n    </MKResourceManager>\r\n  </MKPageContainer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { reactive } from \"vue\";\r\nimport { MKPageContainer } from \"../../../../components\";\r\nimport { MKResourceManager, ResourceManager } from \"../../../../components\";\r\nimport { CmsPartForm } from \"../../dataviews/cms-parts\";\r\n\r\n// 创建cms模版资源管理器\r\nconst resourceManager = reactive(new ResourceManager({ baseURL: \"/cms/template/resource\" })) as ResourceManager;\r\n\r\n// 资源发布\r\nconst publishAssetsHandle = async () => {\r\n\r\n  try {\r\n    resourceManager.loadingManager.startLoading();\r\n    CmsPartForm.publishAssets();\r\n  } \r\n  finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n//全站发布\r\n// 整站发布\r\nconst publishAllHandle = async () => {\r\n\r\n  \r\n\r\n  try {\r\n\r\n    resourceManager.loadingManager.startLoading();\r\n\r\n    await CmsPartForm.publishAll()\r\n\r\n\r\n  } finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBM,UAAA,kBAAkB,SAAS,IAAI,gBAAgB,EAAE,SAAS,yBAA0B,CAAA,CAAC;AAG3F,UAAM,sBAAsB,YAAY;AAElC,UAAA;AACF,wBAAgB,eAAe;AAC/B,oBAAY,cAAc;AAAA,MAAA,UAE5B;AACE,wBAAgB,eAAe;MACjC;AAAA,IAAA;AAIF,UAAM,mBAAmB,YAAY;AAI/B,UAAA;AAEF,wBAAgB,eAAe;AAE/B,cAAM,YAAY;MAAW,UAG7B;AACA,wBAAgB,eAAe;MACjC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-resource/index.vue"],"sourcesContent":["<template>\r\n  <MKPageContainer>\r\n    <MKResourceManager title=\"模版资产管理\" :resourceManager=\"resourceManager\">\r\n      <template #tools>\r\n        <ElButton type=\"primary\" @click=\"publishAssetsHandle\">发布资产</ElButton>\r\n        <ElButton type=\"primary\" @click=\"publishAllHandle\">全站发布</ElButton>\r\n      </template>\r\n    </MKResourceManager>\r\n  </MKPageContainer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { reactive } from \"vue\";\r\nimport { MKPageContainer } from \"../../../../components\";\r\nimport { MKResourceManager, ResourceManager } from \"../../../../components\";\r\nimport { CmsPartForm } from \"../../dataviews/cms-parts\";\r\n\r\n// 创建cms模版资源管理器\r\nconst resourceManager = reactive(new ResourceManager({ baseURL: \"/cms/template/resource\" })) as ResourceManager;\r\n\r\n// 资源发布\r\nconst publishAssetsHandle = async () => {\r\n\r\n  try {\r\n    resourceManager.loadingManager.startLoading();\r\n    CmsPartForm.publishAssets();\r\n  } \r\n  finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n//全站发布\r\n// 整站发布\r\nconst publishAllHandle = async () => {\r\n\r\n  \r\n\r\n  try {\r\n\r\n    resourceManager.loadingManager.startLoading();\r\n\r\n    await CmsPartForm.publishAll()\r\n\r\n\r\n  } finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBM,UAAA,kBAAkB,SAAS,IAAI,gBAAgB,EAAE,SAAS,yBAA0B,CAAA,CAAC;AAG3F,UAAM,sBAAsB,YAAY;AAElC,UAAA;AACF,wBAAgB,eAAe;AAC/B,oBAAY,cAAc;AAAA,MAAA,UAE5B;AACE,wBAAgB,eAAe;MACjC;AAAA,IAAA;AAIF,UAAM,mBAAmB,YAAY;AAI/B,UAAA;AAEF,wBAAgB,eAAe;AAE/B,cAAM,YAAY;MAAW,UAG7B;AACA,wBAAgB,eAAe;MACjC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}