@maketribe/ms-app 3.2.3 → 3.2.5

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

@@ -17,26 +17,24 @@ require("../../../../../components/basic/date-picker/index.js");
 require("../../../../../components/basic/icon-select/index.js");
 require("../../../../../components/basic/upload-file/upload-file.js");
 require("@maketribe/request");
-require("@maketribe/dm");
 require("@maketribe/utils");
-require("../../../../../core/DataModelDefines.js");
-require("vue-router");
-require("@maketribe/locale");
 require("../../../../../components/basic/upload-file/context/web-file-upload-context.js");
 require("../../../../../components/basic/upload-file/context/web-file-upload-context-options.js");
 require("../../../../../components/basic/upload-file/ui/upload-image/index.js");
 require("../../../../../components/basic/upload-file/upload-file-options.js");
 require("../../../../../components/basic/doc-editor/index.js");
 require("../../../../../components/basic/copy-container/index.js");
+require("../../../../../components/basic/image-cropper/index.js");
 const index = require("../../../../../components/data-model/data-form/index.js");
 require("../../../../../components/data-model/data-table/index.js");
 require("../../../../../components/data-model/data-table-pagination/index.js");
 require("../../../../../components/business/verify-dialog/index.js");
 require("../../../../../components/business/resource-list/index.js");
 require("../../../../../components/business/resource-manager/index.js");
+require("@maketribe/dm");
 const CmsPartForm = require("../../../dataviews/cms-parts/CmsPartForm.js");
 const index$2 = require("../../../../../components/data-model/data-form/data-form-item/index.js");
-const index$1 = require("../../../../../components/data-model/data-form/views/form-view/index.js");
+const index$1 = require("../../../../../components/data-model/data-form/views/form/index.js");
 const _hoisted_1 = { class: "mk-cms-part-info" };
 const _hoisted_2 = { class: "mk-cms-part-info__body__form" };
 const _hoisted_3 = { class: "mk-cms-part-info__body__form-options" };
@@ -48,25 +46,26 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       default: () => {
         return {};
       }
+    },
+    partDataForm: {
+      type: CmsPartForm.CmsPartForm,
+      default: () => {
+        return new CmsPartForm.CmsPartForm();
+      }
     }
   },
   setup(__props) {
     const props = __props;
-    const partDataForm = vue.reactive(new CmsPartForm.CmsPartForm());
-    partDataForm.editRecord(props.part.id);
-    vue.watch(() => props.part, (newVal) => {
-      partDataForm.editRecord(newVal.id);
-    });
-    partDataForm.submittedEvent.on(() => {
-      partDataForm.editRecord(props.part.id);
+    props.partDataForm.submittedEvent.on(() => {
+      props.partDataForm.editRecord(props.part.id);
     });
     const hideHandle = (name) => {
-      if (partDataForm.data.cmsPartTypeId == 1 && CmsPartForm.CmsPartForm.outerChainHideColumn.includes(name)) {
+      if (props.partDataForm.data.cmsPartTypeId == 1 && CmsPartForm.CmsPartForm.outerChainHideColumn.includes(name)) {
         return false;
-      } else if (partDataForm.data.cmsPartTypeId == 2 && CmsPartForm.CmsPartForm.contentHideColumn.includes(name)) {
+      } else if (props.partDataForm.data.cmsPartTypeId == 2 && CmsPartForm.CmsPartForm.contentHideColumn.includes(name)) {
         return false;
-      } else if (partDataForm.data.cmsPartTypeId == 3 && CmsPartForm.CmsPartForm.menuHideColumn.includes(name)) {
-        partDataForm.data.isShowMenu = 1;
+      } else if (props.partDataForm.data.cmsPartTypeId == 3 && CmsPartForm.CmsPartForm.menuHideColumn.includes(name)) {
+        props.partDataForm.data.isShowMenu = 1;
         return false;
       } else {
         return true;
@@ -79,11 +78,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const _component_ElScrollbar = vue.resolveComponent("ElScrollbar");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createVNode(vue.unref(index.MKDataForm), {
-          dataForm: partDataForm,
+          dataForm: __props.partDataForm,
           style: { "height": "100%" }
         }, {
           default: vue.withCtx(() => [
-            vue.createVNode(vue.unref(index$1.MKFormView), { dataForm: partDataForm }, {
+            vue.createVNode(vue.unref(index$1.MKForm), { dataForm: __props.partDataForm }, {
               default: vue.withCtx(() => [
                 vue.createElementVNode("div", _hoisted_2, [
                   vue.createElementVNode("div", _hoisted_3, [

package/dist/cjs/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            <MKFormView :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                            <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                            <el-divider content-position=\"left\">其他配置</el-divider>\r\n                            <MKDataFormItem name=\"sortNo\"></MKDataFormItem>\r\n                        </ElScrollbar>\r\n                    </div>\r\n                </div>\r\n            </MKFormView>\r\n        </MKDataForm>\r\n    </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { MKFormView, MKDataForm, MKForm, MKDataFormItem } from \"../../../../../components\";\r\nimport { CmsPartForm } from \"../../../dataviews/cms-parts/CmsPartForm\";\r\nimport { reactive, watch } from \"vue\";\r\nconst props = defineProps({\r\n    part: {\r\n        type: Object,\r\n        default: () => {\r\n            return {}\r\n        }\r\n    }\r\n})\r\n\r\nconst partDataForm = reactive(new CmsPartForm()) as CmsPartForm;\r\npartDataForm.editRecord(props.part.id)\r\n\r\nwatch(() => props.part, (newVal) => {\r\n    partDataForm.editRecord(newVal.id);\r\n})\r\n\r\n//监听保存成功事件\r\npartDataForm.submittedEvent.on(() => {\r\n    partDataForm.editRecord(props.part.id)\r\n})\r\n\r\n/**\r\n * 需要隐藏的行\r\n */\r\nconst hideHandle = (name: string) => {\r\n    if (partDataForm.data.cmsPartTypeId == 1 && CmsPartForm.outerChainHideColumn.includes(name)) {\r\n        return false;\r\n    } else if (partDataForm.data.cmsPartTypeId == 2 && CmsPartForm.contentHideColumn.includes(name)) {\r\n        return false;\r\n    } else if (partDataForm.data.cmsPartTypeId == 3 && CmsPartForm.menuHideColumn.includes(name)) {\r\n        partDataForm.data.isShowMenu = 1;\r\n        return false;\r\n    } else {\r\n        return true;\r\n    }\r\n}\r\n\r\n</script>\r\n<style lang='scss'></style>"],"names":["reactive","CmsPartForm","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,UAAM,QAAQ;AASd,UAAM,eAAeA,IAAAA,SAAS,IAAIC,YAAAA,YAAa,CAAA;AAClC,iBAAA,WAAW,MAAM,KAAK,EAAE;AAErCC,QAAAA,MAAM,MAAM,MAAM,MAAM,CAAC,WAAW;AACnB,mBAAA,WAAW,OAAO,EAAE;AAAA,IAAA,CACpC;AAGY,iBAAA,eAAe,GAAG,MAAM;AACpB,mBAAA,WAAW,MAAM,KAAK,EAAE;AAAA,IAAA,CACxC;AAKK,UAAA,aAAa,CAAC,SAAiB;AAC7B,UAAA,aAAa,KAAK,iBAAiB,KAAKD,YAAAA,YAAY,qBAAqB,SAAS,IAAI,GAAG;AAClF,eAAA;AAAA,MAAA,WACA,aAAa,KAAK,iBAAiB,KAAKA,YAAAA,YAAY,kBAAkB,SAAS,IAAI,GAAG;AACtF,eAAA;AAAA,MAAA,WACA,aAAa,KAAK,iBAAiB,KAAKA,YAAAA,YAAY,eAAe,SAAS,IAAI,GAAG;AAC1F,qBAAa,KAAK,aAAa;AACxB,eAAA;AAAA,MAAA,OACJ;AACI,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                            <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                            <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 { DataForm } from \"@maketribe/dm\";\r\nimport { MKFormView, MKDataForm, MKForm, MKDataFormItem } from \"../../../../../components\";\r\nimport { CmsPartForm } from \"../../../dataviews/cms-parts/CmsPartForm\";\r\nimport { computed, reactive, Ref, watch } from \"vue\";\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    } else if (props.partDataForm.data.cmsPartTypeId == 2 && CmsPartForm.contentHideColumn.includes(name)) {\r\n        return false;\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    } else {\r\n        return true;\r\n    }\r\n}\r\n\r\n\r\n</script>\r\n<style lang='scss'></style>"],"names":["CmsPartForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,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,KAAKA,YAAAA,YAAY,qBAAqB,SAAS,IAAI,GAAG;AACxF,eAAA;AAAA,MACX,WAAW,MAAM,aAAa,KAAK,iBAAiB,KAAKA,YAAAA,YAAY,kBAAkB,SAAS,IAAI,GAAG;AAC5F,eAAA;AAAA,MACX,WAAW,MAAM,aAAa,KAAK,iBAAiB,KAAKA,YAAAA,YAAY,eAAe,SAAS,IAAI,GAAG;AAC1F,cAAA,aAAa,KAAK,aAAa;AAC9B,eAAA;AAAA,MAAA,OACJ;AACI,eAAA;AAAA,MACX;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -5,7 +5,7 @@ const articleList_vue_vue_type_script_setup_true_lang = require("./components/ar
 const partInfo_vue_vue_type_script_setup_true_lang = require("./components/part-info.vue.js");
 require("../../../../components/abstract/abstract-select/abstract-select.js");
 require("../../../../components/abstract/abstract-select/abstract-select-options.js");
-require("element-plus");
+const elementPlus = require("element-plus");
 require("../../../../components/basic/svg-icon/index.js");
 require("../../../../components/basic/button/button-options.js");
 require("../../../../components/basic/config-provider/index.js");
@@ -20,23 +20,23 @@ require("../../../../components/basic/date-picker/index.js");
 require("../../../../components/basic/icon-select/index.js");
 require("../../../../components/basic/upload-file/upload-file.js");
 require("@maketribe/request");
-const dm = require("@maketribe/dm");
 require("@maketribe/utils");
-require("../../../../core/DataModelDefines.js");
-const vueRouter = require("vue-router");
-require("@maketribe/locale");
 require("../../../../components/basic/upload-file/context/web-file-upload-context.js");
 require("../../../../components/basic/upload-file/context/web-file-upload-context-options.js");
 require("../../../../components/basic/upload-file/ui/upload-image/index.js");
 require("../../../../components/basic/upload-file/upload-file-options.js");
 const index$1 = require("../../../../components/basic/doc-editor/index.js");
 require("../../../../components/basic/copy-container/index.js");
+require("../../../../components/basic/image-cropper/index.js");
 require("../../../../components/data-model/data-form/index.js");
 require("../../../../components/data-model/data-table/index.js");
 require("../../../../components/data-model/data-table-pagination/index.js");
 require("../../../../components/business/verify-dialog/index.js");
 require("../../../../components/business/resource-list/index.js");
 require("../../../../components/business/resource-manager/index.js");
+const dm = require("@maketribe/dm");
+require("../../../../core/DataModelDefines.js");
+const MSAppClient = require("../../../../core/MSAppClient.js");
 require("../../../ms/dataviews/department/DepartmentForm.js");
 require("../../../ms/dataviews/department/DepartmentTable.js");
 require("../../../ms/dataviews/department/DepartmentTree.js");
@@ -45,7 +45,6 @@ require("../../../ms/dataviews/log/login-log/LoginLogTable.js");
 require("../../../ms/dataviews/log/request-log/RequestLogTable.js");
 require("../../../ms/dataviews/log/local-log/LocalLogTree.js");
 require("../../../ms/components/material-list/index.js");
-require("../../../ms/components/material-select/index.js");
 require("../../../ms/components/markdown-editor/index.js");
 require("../../../ms/components/rich-text-editor/index.js");
 require("../../../ms/material-upload-context/material-upload-context-options.js");
@@ -53,19 +52,46 @@ require("../../../ms/material-upload-context/material-upload-context.js");
 require("@codemirror/lang-html");
 const CmsPartTypesTable = require("../../dataviews/cms-part-types/CmsPartTypesTable.js");
 const CmsPartForm = require("../../dataviews/cms-parts/CmsPartForm.js");
+const vueRouter = require("vue-router");
 const _hoisted_1 = { class: "mk-cms-contents__warp" };
 const _hoisted_2 = { style: { "color": "var(--el-text-color-regular)", "margin-left": "10px" } };
 const _hoisted_3 = { class: "flex items-center" };
 const _hoisted_4 = { class: "mk-cms-contents__body" };
+const _hoisted_5 = { class: "mk-cms-contents__body__right__action" };
+const _hoisted_6 = { class: "el-dropdown-link" };
+const _hoisted_7 = { class: "mk-cms-contents__publish" };
+const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("span", null, "是否发布列表：", -1);
+const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("span", null, "是否发布封面：", -1);
+const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("span", null, "是否发布内容：", -1);
+const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode("span", null, "是否发布资源：", -1);
+const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode("span", null, "是否强制发布：", -1);
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   setup(__props) {
     const route = vueRouter.useRoute();
+    const previewHandle = (isList = false) => {
+      if (isList) {
+        window.open(`/api/cms/content/preview/part/${curSelectPartItem.value.id}?pageNo=1`);
+      } else {
+        window.open(`/api/cms/content/preview/part/${curSelectPartItem.value.id}`);
+      }
+    };
+    const showPublish = vue.ref(false);
+    const optionData = vue.ref({
+      isPublishList: true,
+      isPublishCover: true,
+      isPublishContent: true,
+      isPublishAssets: true,
+      isCompulsion: false
+    });
+    const btnLoading = vue.ref(false);
     const activeTabName = vue.ref("article-list");
     const curSelectPartItem = vue.ref(null);
     const partTreeRef = vue.ref(null);
+    const partDataForm = vue.reactive(new CmsPartForm.CmsPartForm());
     const selectPartHandle = (item) => {
       curSelectPartItem.value = item;
+      partDataForm.editRecord(curSelectPartItem.value.id);
     };
     const deletePartHandle = (item) => {
       if (item.id == curSelectPartItem.value.id) {
@@ -124,16 +150,73 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       var _a;
       (_a = partTreeRef.value.dataTree) == null ? void 0 : _a.load();
     });
-    vue.onMounted(async () => {
-    });
+    const loading = vue.ref(false);
+    const publishAllHandle = async () => {
+      var _a;
+      const httpRequest = (_a = MSAppClient.MSAppClient.instance) == null ? void 0 : _a.httpRequest;
+      try {
+        const isConfirm = await dm.Dialoger.confirm({ title: "全量发布", message: "是否全量发布？", type: "warning" });
+        if (!isConfirm) {
+          return;
+        }
+        loading.value = true;
+        const response = await httpRequest.post(
+          `/cms/content/publish/all`
+        );
+        if (response.data.code !== 200) {
+          dm.Messager.error({ message: response.data.msg });
+          return;
+        }
+        dm.Messager.success({ message: "发布成功" });
+      } finally {
+        loading.value = false;
+      }
+    };
+    const publishPartHandle = async () => {
+      var _a;
+      const httpRequest = (_a = MSAppClient.MSAppClient.instance) == null ? void 0 : _a.httpRequest;
+      try {
+        btnLoading.value = true;
+        const response = await httpRequest.post(
+          `/cms/content/publish/part`,
+          {
+            partIds: [
+              curSelectPartItem.value.id
+            ],
+            ...optionData.value
+          }
+        );
+        if (response.data.code !== 200) {
+          dm.Messager.error({ message: response.data.msg });
+          return;
+        }
+        showPublish.value = false;
+        dm.Messager.success({ message: "发布成功" });
+      } finally {
+        btnLoading.value = false;
+      }
+    };
+    const savePartHandle = async () => {
+      var _a;
+      await partDataForm.submit();
+      await ((_a = partTreeRef.value.dataTree) == null ? void 0 : _a.load());
+    };
+    const EditorChangeHandle = (v) => {
+      partDataForm.data.content = v;
+    };
     return (_ctx, _cache) => {
       const _component_MKSvgIcon = vue.resolveComponent("MKSvgIcon");
       const _component_el_button = vue.resolveComponent("el-button");
       const _component_el_page_header = vue.resolveComponent("el-page-header");
+      const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = vue.resolveComponent("el-dropdown");
       const _component_el_tab_pane = vue.resolveComponent("el-tab-pane");
       const _component_el_tabs = vue.resolveComponent("el-tabs");
       const _component_el_empty = vue.resolveComponent("el-empty");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      const _directive_loading = vue.resolveDirective("loading");
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createVNode(_component_el_page_header, {
           style: { "background-color": "#fff", "padding": "10px" },
           icon: null
@@ -149,6 +232,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]),
           extra: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_3, [
+              vue.createVNode(_component_el_button, {
+                type: "primary",
+                size: "large",
+                text: "",
+                onClick: publishAllHandle
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(" 全量发布 "),
+                  vue.createVNode(_component_MKSvgIcon, {
+                    iconClass: "Promotion",
+                    style: { "margin-left": "10px" }
+                  })
+                ]),
+                _: 1
+              }),
               vue.createVNode(_component_el_button, {
                 type: "primary",
                 size: "large",
@@ -181,10 +279,90 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           curSelectPartItem.value ? (vue.openBlock(), vue.createBlock(_component_el_tabs, {
             key: 0,
             modelValue: activeTabName.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeTabName.value = $event),
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => activeTabName.value = $event),
             class: "mk-cms-contents__body__right"
           }, {
             default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_5, [
+                vue.createVNode(_component_el_dropdown, null, {
+                  dropdown: vue.withCtx(() => [
+                    curSelectPartItem.value.coverTemplate ? (vue.openBlock(), vue.createBlock(_component_el_dropdown_menu, { key: 0 }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_dropdown_item, {
+                          onClick: _cache[0] || (_cache[0] = ($event) => previewHandle())
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" 预览封面 ")
+                          ]),
+                          _: 1
+                        }),
+                        curSelectPartItem.value.listTemplate ? (vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
+                          key: 0,
+                          onClick: _cache[1] || (_cache[1] = ($event) => previewHandle(true))
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" 预览列表 ")
+                          ]),
+                          _: 1
+                        })) : vue.createCommentVNode("", true)
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("", true)
+                  ]),
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("span", _hoisted_6, [
+                      curSelectPartItem.value.listTemplate || curSelectPartItem.value.coverTemplate ? (vue.openBlock(), vue.createBlock(_component_el_button, {
+                        key: 0,
+                        type: "primary",
+                        size: "large",
+                        text: ""
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(" 预览 "),
+                          vue.createVNode(_component_MKSvgIcon, {
+                            iconClass: "View",
+                            style: { "margin-left": "10px" }
+                          })
+                        ]),
+                        _: 1
+                      })) : vue.createCommentVNode("", true)
+                    ])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_button, {
+                  type: "primary",
+                  size: "large",
+                  text: "",
+                  onClick: _cache[2] || (_cache[2] = ($event) => showPublish.value = true)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(" 栏目发布 "),
+                    vue.createVNode(_component_MKSvgIcon, {
+                      iconClass: "Promotion",
+                      style: { "margin-left": "10px" }
+                    })
+                  ]),
+                  _: 1
+                }),
+                activeTabName.value != "article-list" ? (vue.openBlock(), vue.createBlock(_component_el_button, {
+                  key: 0,
+                  type: "primary",
+                  size: "large",
+                  text: "",
+                  onClick: _cache[3] || (_cache[3] = ($event) => savePartHandle()),
+                  disabled: !(partDataForm == null ? void 0 : partDataForm.isChanged)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(" 栏目保存 "),
+                    vue.createVNode(_component_MKSvgIcon, {
+                      iconClass: "save",
+                      style: { "margin-left": "10px" }
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])) : vue.createCommentVNode("", true)
+              ]),
               vue.createVNode(_component_el_tab_pane, {
                 label: "文章列表",
                 name: "article-list"
@@ -204,8 +382,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 default: vue.withCtx(() => [
                   activeTabName.value == "part" ? (vue.openBlock(), vue.createBlock(partInfo_vue_vue_type_script_setup_true_lang, {
                     key: 0,
-                    part: curSelectPartItem.value
-                  }, null, 8, ["part"])) : vue.createCommentVNode("", true)
+                    part: curSelectPartItem.value,
+                    ref: "partInfoRef",
+                    partDataForm
+                  }, null, 8, ["part", "partDataForm"])) : vue.createCommentVNode("", true)
                 ]),
                 _: 1
               }),
@@ -215,12 +395,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 name: "part-content",
                 style: { "background-color": "#f4f4f4" }
               }, {
-                default: vue.withCtx(() => [
-                  activeTabName.value == "part-content" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.MKDocEditor), {
-                    key: 0,
-                    placeholder: "从这里开始写正文..."
-                  })) : vue.createCommentVNode("", true)
-                ]),
+                default: vue.withCtx(() => {
+                  var _a;
+                  return [
+                    activeTabName.value == "part-content" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.MKDocEditor), {
+                      key: 0,
+                      content: (_a = partDataForm.data) == null ? void 0 : _a.content,
+                      placeholder: "从这里开始写正文...",
+                      onChange: EditorChangeHandle
+                    }, null, 8, ["content"])) : vue.createCommentVNode("", true)
+                  ];
+                }),
                 _: 1
               })) : vue.createCommentVNode("", true)
             ]),
@@ -230,7 +415,82 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             description: "请选择栏目",
             style: { "width": "100%" }
           }))
-        ])
+        ]),
+        vue.createVNode(_component_el_dialog, {
+          modelValue: showPublish.value,
+          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => showPublish.value = $event),
+          title: "栏目发布",
+          width: "475px",
+          "append-to-body": false
+        }, {
+          footer: vue.withCtx(() => [
+            vue.createVNode(_component_el_button, {
+              onClick: _cache[10] || (_cache[10] = ($event) => showPublish.value = false)
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("取消")
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_button, {
+              type: "primary",
+              onClick: publishPartHandle,
+              loading: btnLoading.value
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("确定")
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_7, [
+              vue.createElementVNode("div", null, [
+                _hoisted_8,
+                vue.createTextVNode(),
+                vue.createVNode(vue.unref(elementPlus.ElSwitch), {
+                  modelValue: optionData.value.isPublishList,
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => optionData.value.isPublishList = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              vue.createElementVNode("div", null, [
+                _hoisted_9,
+                vue.createTextVNode(),
+                vue.createVNode(vue.unref(elementPlus.ElSwitch), {
+                  modelValue: optionData.value.isPublishCover,
+                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => optionData.value.isPublishCover = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              vue.createElementVNode("div", null, [
+                _hoisted_10,
+                vue.createTextVNode(),
+                vue.createVNode(vue.unref(elementPlus.ElSwitch), {
+                  modelValue: optionData.value.isPublishContent,
+                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => optionData.value.isPublishContent = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              vue.createElementVNode("div", null, [
+                _hoisted_11,
+                vue.createTextVNode(),
+                vue.createVNode(vue.unref(elementPlus.ElSwitch), {
+                  modelValue: optionData.value.isPublishAssets,
+                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => optionData.value.isPublishAssets = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              vue.createElementVNode("div", null, [
+                _hoisted_12,
+                vue.createTextVNode(),
+                vue.createVNode(vue.unref(elementPlus.ElSwitch), {
+                  modelValue: optionData.value.isCompulsion,
+                  "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => optionData.value.isCompulsion = $event)
+                }, null, 8, ["modelValue"])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ])), [
+        [_directive_loading, loading.value]
       ]);
     };
   }

package/dist/cjs/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\">\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=\"Memo\" 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\r\n            type=\"primary\"\r\n            size=\"large\"\r\n            text\r\n            @click=\"showPartFormHandle\"\r\n          >\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-contents__body\">\r\n      <MKPartTree\r\n        class=\"mk-cms-contents__body__left\"\r\n        @select=\"selectPartHandle\"\r\n        @edit=\"editPartHandle\"\r\n        @add=\"showPartFormHandle\"\r\n        @deleteSuccessfully=\"deletePartHandle\"\r\n        ref=\"partTreeRef\"\r\n      />\r\n      <el-tabs\r\n        v-if=\"curSelectPartItem\"\r\n        v-model=\"activeTabName\"\r\n        class=\"mk-cms-contents__body__right\"\r\n      >\r\n        <el-tab-pane label=\"文章列表\" name=\"article-list\">\r\n          <ArticleList\r\n            v-if=\"activeTabName == 'article-list'\"\r\n            :part=\"curSelectPartItem\"\r\n          />\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"栏目信息\" name=\"part\">\r\n          <PartInfo :part=\"curSelectPartItem\" v-if=\"activeTabName == 'part'\" />\r\n        </el-tab-pane>\r\n        <el-tab-pane\r\n          label=\"栏目内容\"\r\n          name=\"part-content\"\r\n          style=\"background-color: #f4f4f4\"\r\n          v-if=\"curSelectPartItem.cmsPartTypeId != 1\"\r\n        >\r\n          <MKDocEditor\r\n            v-if=\"activeTabName == 'part-content'\"\r\n            placeholder=\"从这里开始写正文...\"\r\n          />\r\n        </el-tab-pane>\r\n      </el-tabs>\r\n      <el-empty v-else description=\"请选择栏目\" style=\"width: 100%\" />\r\n    </div>\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 { MKCopyContainer, MKDocEditor } from \"../../../../components\";\r\nimport { onMounted, reactive, ref } from \"vue\";\r\nimport { DataForm, Dialoger, FormColumn, isWhereFilter } from \"@maketribe/dm\";\r\nimport { CmsPartForm, CmsPartTypesTable } from \"../../dataviews\";\r\nimport { useRoute } from \"vue-router\";\r\n//路由\r\nconst route = useRoute();\r\n\r\n// 激活的tab\r\nconst activeTabName = ref(\"article-list\");\r\n\r\n// 当前选中的菜单\r\nconst curSelectPartItem = ref(null as any);\r\n// 栏目树ref\r\nconst partTreeRef = ref(null);\r\n\r\n// 选择栏目\r\nconst selectPartHandle = (item: any) => {\r\n  curSelectPartItem.value = item;\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\nconst editPartHandle = (item: any) => {\r\n  curSelectPartItem.value = item;\r\n  activeTabName.value = \"part\";\r\n};\r\n\r\nif (!!route.query.partId) {\r\n  curSelectPartItem.value = { id: route.query.partId };\r\n}\r\n\r\n//栏目表单\r\nconst partForm = reactive(\r\n  new (class extends CmsPartForm {\r\n    protected async initialize() {\r\n      await super.initialize();\r\n      this.setColumns([\r\n        new FormColumn({\r\n          name: \"cmsPartTypeId\",\r\n          label: \"栏目类型\",\r\n          componentInfo: \"MKFormDataSelect\",\r\n          defaultValue: \"2\",\r\n          componentProps: {\r\n            dataTable: this.register(\r\n              new CmsPartTypesTable()\r\n            ) as CmsPartTypesTable,\r\n          },\r\n          required: true,\r\n        }),\r\n        new FormColumn({\r\n          name: \"name\",\r\n          label: \"栏目名称\",\r\n          required: true,\r\n        }),\r\n        new FormColumn({\r\n          name: \"title\",\r\n          label: \"栏目标题\",\r\n          required: true,\r\n        }),\r\n      ]);\r\n    }\r\n  })()\r\n);\r\n/**\r\n *  显示添加栏目表单\r\n */\r\nconst showPartFormHandle = async (item?: any) => {\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: partForm as CmsPartForm,\r\n  });\r\n\r\n  if (item.id) {\r\n    partForm.addRecord({\r\n      parentId: item.id,\r\n    });\r\n  }\r\n};\r\n//\r\npartForm.submittedEvent.on(() => {\r\n  (partTreeRef.value! as any).dataTree?.load();\r\n});\r\n\r\n// 挂在完成之后\r\nonMounted(async () => {});\r\n</script>\r\n"],"names":["useRoute","ref","reactive","CmsPartForm","FormColumn","CmsPartTypesTable","Dialoger","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA,UAAM,QAAQA,UAAAA;AAGR,UAAA,gBAAgBC,QAAI,cAAc;AAGlC,UAAA,oBAAoBA,QAAI,IAAW;AAEnC,UAAA,cAAcA,QAAI,IAAI;AAGtB,UAAA,mBAAmB,CAAC,SAAc;AACtC,wBAAkB,QAAQ;AAAA,IAAA;AAGtB,UAAA,mBAAmB,CAAC,SAAc;AACtC,UAAI,KAAK,MAAM,kBAAkB,MAAM,IAAI;AACzC,0BAAkB,QAAQ;AAAA,MAC5B;AAAA,IAAA;AAGI,UAAA,iBAAiB,CAAC,SAAc;AACpC,wBAAkB,QAAQ;AAC1B,oBAAc,QAAQ;AAAA,IAAA;AAGxB,QAAI,CAAC,CAAC,MAAM,MAAM,QAAQ;AACxB,wBAAkB,QAAQ,EAAE,IAAI,MAAM,MAAM;IAC9C;AAGA,UAAM,WAAWC,IAAA;AAAA,MACf,IAAK,cAAcC,YAAAA,YAAY;AAAA,QAC7B,MAAgB,aAAa;AAC3B,gBAAM,MAAM;AACZ,eAAK,WAAW;AAAA,YACd,IAAIC,cAAW;AAAA,cACb,MAAM;AAAA,cACN,OAAO;AAAA,cACP,eAAe;AAAA,cACf,cAAc;AAAA,cACd,gBAAgB;AAAA,gBACd,WAAW,KAAK;AAAA,kBACd,IAAIC,oCAAkB;AAAA,gBACxB;AAAA,cACF;AAAA,cACA,UAAU;AAAA,YAAA,CACX;AAAA,YACD,IAAID,cAAW;AAAA,cACb,MAAM;AAAA,cACN,OAAO;AAAA,cACP,UAAU;AAAA,YAAA,CACX;AAAA,YACD,IAAIA,cAAW;AAAA,cACb,MAAM;AAAA,cACN,OAAO;AAAA,cACP,UAAU;AAAA,YAAA,CACX;AAAA,UAAA,CACF;AAAA,QACH;AAAA,MAAA,EACC;AAAA,IAAA;AAKC,UAAA,qBAAqB,OAAO,SAAe;AAC/C,YAAME,GAAAA,SAAS,eAAe;AAAA,QAC5B,UAAU;AAAA,MAAA,CACX;AAED,UAAI,KAAK,IAAI;AACX,iBAAS,UAAU;AAAA,UACjB,UAAU,KAAK;AAAA,QAAA,CAChB;AAAA,MACH;AAAA,IAAA;AAGO,aAAA,eAAe,GAAG,MAAM;;AAC9B,wBAAY,MAAe,aAA3B,mBAAqC;AAAA,IAAK,CAC5C;AAGDC,QAAAA,UAAU,YAAY;AAAA,IAAA,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-contents/index.vue"],"sourcesContent":["<template>\n  <div class=\"mk-cms-contents__warp\" v-loading=\"loading\">\n    <el-page-header style=\"background-color: #fff; padding: 10px\" :icon=\"null\">\n      <template #title>\n        <h3 style=\"color: var(--el-text-color-regular); margin-left: 10px\">\n          <MKSvgIcon iconClass=\"Memo\" style=\"margin-right: 5px\" />\n          内容管理\n        </h3>\n      </template>\n      <template #extra>\n        <div class=\"flex items-center\">\n          <el-button type=\"primary\" size=\"large\" text @click=\"publishAllHandle\">\n            全量发布\n            <MKSvgIcon iconClass=\"Promotion\" style=\"margin-left: 10px\" />\n          </el-button>\n          <el-button type=\"primary\" size=\"large\" text @click=\"showPartFormHandle\">\n            添加栏目\n            <MKSvgIcon iconClass=\"Plus\" style=\"margin-left: 10px\" />\n          </el-button>\n        </div>\n      </template>\n    </el-page-header>\n    <div class=\"mk-cms-contents__body\">\n      <MKPartTree class=\"mk-cms-contents__body__left\" @select=\"selectPartHandle\" @edit=\"editPartHandle\"\n        @add=\"showPartFormHandle\" @deleteSuccessfully=\"deletePartHandle\" ref=\"partTreeRef\" />\n      <el-tabs v-if=\"curSelectPartItem\" v-model=\"activeTabName\" class=\"mk-cms-contents__body__right\">\n        <div class=\"mk-cms-contents__body__right__action\">\n          <el-dropdown>\n            <span class=\"el-dropdown-link\">\n              <el-button type=\"primary\" size=\"large\" text\n                v-if=\"curSelectPartItem.listTemplate || curSelectPartItem.coverTemplate\">\n                预览\n                <MKSvgIcon iconClass=\"View\" style=\"margin-left: 10px;\" />\n              </el-button>\n            </span>\n            <template #dropdown>\n              <el-dropdown-menu v-if=\"curSelectPartItem.coverTemplate\">\n                <el-dropdown-item @click=\"previewHandle()\">\n                  预览封面\n                </el-dropdown-item>\n                <el-dropdown-item @click=\"previewHandle(true)\" v-if=\"curSelectPartItem.listTemplate\">\n                  预览列表\n                </el-dropdown-item>\n              </el-dropdown-menu>\n            </template>\n          </el-dropdown>\n          <el-button type=\"primary\" size=\"large\" text @click=\"showPublish = true\">\n            栏目发布\n            <MKSvgIcon iconClass=\"Promotion\" style=\"margin-left: 10px\" />\n          </el-button>\n          <el-button type=\"primary\" size=\"large\" text @click=\"savePartHandle()\" :disabled=\"!partDataForm?.isChanged\"\n            v-if=\"activeTabName != 'article-list'\">\n            栏目保存\n            <MKSvgIcon iconClass=\"save\" style=\"margin-left: 10px\" />\n          </el-button>\n        </div>\n        <el-tab-pane label=\"文章列表\" name=\"article-list\">\n          <ArticleList v-if=\"activeTabName == 'article-list'\" :part=\"curSelectPartItem\" />\n        </el-tab-pane>\n        <el-tab-pane label=\"栏目信息\" name=\"part\">\n          <PartInfo v-if=\"activeTabName == 'part'\" :part=\"curSelectPartItem\" ref=\"partInfoRef\"\n            :partDataForm=\"partDataForm\" />\n        </el-tab-pane>\n        <el-tab-pane label=\"栏目内容\" name=\"part-content\" style=\"background-color: #f4f4f4\"\n          v-if=\"curSelectPartItem.cmsPartTypeId != 1\">\n          <MKDocEditor v-if=\"activeTabName == 'part-content'\" :content=\"partDataForm.data?.content\"\n            placeholder=\"从这里开始写正文...\" @change=\"EditorChangeHandle\" />\n        </el-tab-pane>\n      </el-tabs>\n      <el-empty v-else description=\"请选择栏目\" style=\"width: 100%\" />\n    </div>\n    <el-dialog v-model=\"showPublish\" title=\"栏目发布\" width=\"475px\" :append-to-body=\"false\">\n      <div class=\"mk-cms-contents__publish\">\n        <div><span>是否发布列表：</span> <el-switch v-model=\"optionData.isPublishList\" /></div>\n        <div><span>是否发布封面：</span> <el-switch v-model=\"optionData.isPublishCover\" /></div>\n        <div><span>是否发布内容：</span> <el-switch v-model=\"optionData.isPublishContent\" /></div>\n        <div><span>是否发布资源：</span> <el-switch v-model=\"optionData.isPublishAssets\" /></div>\n        <div><span>是否强制发布：</span> <el-switch v-model=\"optionData.isCompulsion\" /></div>\n      </div>\n      <template #footer>\n        <el-button @click=\"showPublish = false\">取消</el-button>\n        <el-button type=\"primary\" @click=\"publishPartHandle\" :loading=\"btnLoading\">确定</el-button>\n      </template>\n    </el-dialog>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { MKPartTree } from \"../../components\";\nimport ArticleList from \"./components/article-list.vue\";\nimport PartInfo from \"./components/part-info.vue\";\nimport { MKCopyContainer, MKDocEditor } from \"../../../../components\";\nimport { h, onMounted, reactive, ref } from \"vue\";\nimport { DataForm, Dialoger, FormColumn, isWhereFilter, Messager } from \"@maketribe/dm\";\nimport { CmsPartForm, CmsPartTypesTable } from \"../../dataviews\";\nimport { useRoute } from \"vue-router\";\nimport { MSAppClient } from \"../../../../core\";\nimport { ElSwitch } from \"element-plus\";\n//路由\nconst route = useRoute();\n//c\nconst previewHandle = (isList = false) => {\n  if (isList) {\n    window.open(`/api/cms/content/preview/part/${curSelectPartItem.value.id}?pageNo=1`)\n  } else {\n    window.open(`/api/cms/content/preview/part/${curSelectPartItem.value.id}`)\n  }\n}\n\n//发布栏目时的配置\nconst showPublish = ref(false)\n//发布配置项\nconst optionData = ref({\n  isPublishList: true,\n  isPublishCover: true,\n  isPublishContent: true,\n  isPublishAssets: true,\n  isCompulsion: false\n});\n//发布弹窗的按钮\nconst btnLoading = ref(false);\n\n// 激活的tab\nconst activeTabName = ref(\"article-list\");\n\n// 当前选中的菜单\nconst curSelectPartItem = ref(null as any);\n// 栏目树ref\nconst partTreeRef = ref(null);\n//栏目数据\nconst partDataForm = reactive(new CmsPartForm()) as CmsPartForm;\n\n// 选择栏目\nconst selectPartHandle = (item: any) => {\n  curSelectPartItem.value = item;\n  partDataForm.editRecord(curSelectPartItem.value.id)\n};\n//删除栏目\nconst deletePartHandle = (item: any) => {\n  if (item.id == curSelectPartItem.value.id) {\n    curSelectPartItem.value = null;\n  }\n};\n//编辑栏目\nconst editPartHandle = (item: any) => {\n  curSelectPartItem.value = item;\n  activeTabName.value = \"part\";\n};\n\nif (!!route.query.partId) {\n  curSelectPartItem.value = { id: route.query.partId };\n}\n\n//栏目表单\nconst partForm = reactive(\n  new (class extends CmsPartForm {\n    protected async initialize() {\n      await super.initialize();\n      this.setColumns([\n        new FormColumn({\n          name: \"cmsPartTypeId\",\n          label: \"栏目类型\",\n          componentInfo: \"MKFormDataSelect\",\n          defaultValue: \"2\",\n          componentProps: {\n            dataTable: this.register(\n              new CmsPartTypesTable()\n            ) as CmsPartTypesTable,\n          },\n          required: true,\n        }),\n        new FormColumn({\n          name: \"name\",\n          label: \"栏目名称\",\n          required: true,\n        }),\n        new FormColumn({\n          name: \"title\",\n          label: \"栏目标题\",\n          required: true,\n        }),\n      ]);\n    }\n  })()\n);\n/**\n *  显示添加栏目表单\n */\nconst showPartFormHandle = async (item?: any) => {\n  await Dialoger.dataFormDialog({\n    dataForm: partForm as CmsPartForm,\n  });\n\n  if (item.id) {\n    partForm.addRecord({\n      parentId: item.id,\n    });\n  }\n};\n//\npartForm.submittedEvent.on(() => {\n  (partTreeRef.value! as any).dataTree?.load();\n});\n\nconst loading = ref(false)\n\nconst publishAllHandle = async () => {\n  const httpRequest = MSAppClient.instance?.httpRequest!;\n  try {\n    const isConfirm = await Dialoger.confirm({ title: \"全量发布\", message: \"是否全量发布？\", type: \"warning\" })\n\n    if (!isConfirm) {\n      return;\n    }\n    loading.value = true\n\n    const response = await httpRequest.post(\n      `/cms/content/publish/all`\n    );\n\n    if (response.data.code !== 200) {\n      Messager.error({ message: response.data.msg });\n      return;\n    }\n\n    Messager.success({ message: \"发布成功\" });\n\n  } finally {\n    loading.value = false\n  }\n}\n\nconst publishPartHandle = async () => {\n  const httpRequest = MSAppClient.instance?.httpRequest!;\n  try {\n    btnLoading.value = true\n\n    const response = await httpRequest.post(\n      `/cms/content/publish/part`, {\n      partIds: [\n        curSelectPartItem.value.id\n      ],\n      ...optionData.value\n    }\n    );\n\n    if (response.data.code !== 200) {\n      Messager.error({ message: response.data.msg });\n      return;\n    }\n    showPublish.value = false;\n    Messager.success({ message: \"发布成功\" });\n\n  } finally {\n    btnLoading.value = false\n  }\n}\n\n/**\n * 保存栏目信息\n */\nconst savePartHandle = async () => {\n  await partDataForm.submit();\n  await (partTreeRef.value! as any).dataTree?.load();\n}\n\n/**\n * 更新编辑器内容\n * @param v  内容\n */\nconst EditorChangeHandle = (v: any) => {\n  partDataForm.data.content = v\n}\n</script>\n"],"names":["useRoute","ref","reactive","CmsPartForm","FormColumn","CmsPartTypesTable","Dialoger","MSAppClient","Messager"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA,UAAM,QAAQA,UAAAA;AAER,UAAA,gBAAgB,CAAC,SAAS,UAAU;AACxC,UAAI,QAAQ;AACV,eAAO,KAAK,iCAAiC,kBAAkB,MAAM,EAAE,WAAW;AAAA,MAAA,OAC7E;AACL,eAAO,KAAK,iCAAiC,kBAAkB,MAAM,EAAE,EAAE;AAAA,MAC3E;AAAA,IAAA;AAII,UAAA,cAAcC,QAAI,KAAK;AAE7B,UAAM,aAAaA,IAAAA,IAAI;AAAA,MACrB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,MACjB,cAAc;AAAA,IAAA,CACf;AAEK,UAAA,aAAaA,QAAI,KAAK;AAGtB,UAAA,gBAAgBA,QAAI,cAAc;AAGlC,UAAA,oBAAoBA,QAAI,IAAW;AAEnC,UAAA,cAAcA,QAAI,IAAI;AAE5B,UAAM,eAAeC,IAAAA,SAAS,IAAIC,YAAAA,YAAa,CAAA;AAGzC,UAAA,mBAAmB,CAAC,SAAc;AACtC,wBAAkB,QAAQ;AACb,mBAAA,WAAW,kBAAkB,MAAM,EAAE;AAAA,IAAA;AAG9C,UAAA,mBAAmB,CAAC,SAAc;AACtC,UAAI,KAAK,MAAM,kBAAkB,MAAM,IAAI;AACzC,0BAAkB,QAAQ;AAAA,MAC5B;AAAA,IAAA;AAGI,UAAA,iBAAiB,CAAC,SAAc;AACpC,wBAAkB,QAAQ;AAC1B,oBAAc,QAAQ;AAAA,IAAA;AAGxB,QAAI,CAAC,CAAC,MAAM,MAAM,QAAQ;AACxB,wBAAkB,QAAQ,EAAE,IAAI,MAAM,MAAM;IAC9C;AAGA,UAAM,WAAWD,IAAA;AAAA,MACf,IAAK,cAAcC,YAAAA,YAAY;AAAA,QAC7B,MAAgB,aAAa;AAC3B,gBAAM,MAAM;AACZ,eAAK,WAAW;AAAA,YACd,IAAIC,cAAW;AAAA,cACb,MAAM;AAAA,cACN,OAAO;AAAA,cACP,eAAe;AAAA,cACf,cAAc;AAAA,cACd,gBAAgB;AAAA,gBACd,WAAW,KAAK;AAAA,kBACd,IAAIC,oCAAkB;AAAA,gBACxB;AAAA,cACF;AAAA,cACA,UAAU;AAAA,YAAA,CACX;AAAA,YACD,IAAID,cAAW;AAAA,cACb,MAAM;AAAA,cACN,OAAO;AAAA,cACP,UAAU;AAAA,YAAA,CACX;AAAA,YACD,IAAIA,cAAW;AAAA,cACb,MAAM;AAAA,cACN,OAAO;AAAA,cACP,UAAU;AAAA,YAAA,CACX;AAAA,UAAA,CACF;AAAA,QACH;AAAA,MAAA,EACC;AAAA,IAAA;AAKC,UAAA,qBAAqB,OAAO,SAAe;AAC/C,YAAME,GAAAA,SAAS,eAAe;AAAA,QAC5B,UAAU;AAAA,MAAA,CACX;AAED,UAAI,KAAK,IAAI;AACX,iBAAS,UAAU;AAAA,UACjB,UAAU,KAAK;AAAA,QAAA,CAChB;AAAA,MACH;AAAA,IAAA;AAGO,aAAA,eAAe,GAAG,MAAM;;AAC9B,wBAAY,MAAe,aAA3B,mBAAqC;AAAA,IAAK,CAC5C;AAEK,UAAA,UAAUL,QAAI,KAAK;AAEzB,UAAM,mBAAmB,YAAY;;AAC7B,YAAA,eAAcM,iBAAAA,YAAY,aAAZA,mBAAsB;AACtC,UAAA;AACI,cAAA,YAAY,MAAMD,YAAS,QAAQ,EAAE,OAAO,QAAQ,SAAS,WAAW,MAAM,UAAW,CAAA;AAE/F,YAAI,CAAC,WAAW;AACd;AAAA,QACF;AACA,gBAAQ,QAAQ;AAEV,cAAA,WAAW,MAAM,YAAY;AAAA,UACjC;AAAA,QAAA;AAGE,YAAA,SAAS,KAAK,SAAS,KAAK;AAC9BE,aAAA,SAAS,MAAM,EAAE,SAAS,SAAS,KAAK,KAAK;AAC7C;AAAA,QACF;AAEAA,WAAAA,SAAS,QAAQ,EAAE,SAAS,OAAQ,CAAA;AAAA,MAAA,UAEpC;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;AAGF,UAAM,oBAAoB,YAAY;;AAC9B,YAAA,eAAcD,iBAAAA,YAAY,aAAZA,mBAAsB;AACtC,UAAA;AACF,mBAAW,QAAQ;AAEb,cAAA,WAAW,MAAM,YAAY;AAAA,UACjC;AAAA,UAA6B;AAAA,YAC7B,SAAS;AAAA,cACP,kBAAkB,MAAM;AAAA,YAC1B;AAAA,YACA,GAAG,WAAW;AAAA,UAChB;AAAA,QAAA;AAGI,YAAA,SAAS,KAAK,SAAS,KAAK;AAC9BC,aAAA,SAAS,MAAM,EAAE,SAAS,SAAS,KAAK,KAAK;AAC7C;AAAA,QACF;AACA,oBAAY,QAAQ;AACpBA,WAAAA,SAAS,QAAQ,EAAE,SAAS,OAAQ,CAAA;AAAA,MAAA,UAEpC;AACA,mBAAW,QAAQ;AAAA,MACrB;AAAA,IAAA;AAMF,UAAM,iBAAiB,YAAY;;AACjC,YAAM,aAAa;AACZ,cAAA,iBAAY,MAAe,aAA3B,mBAAqC;AAAA,IAAK;AAO7C,UAAA,qBAAqB,CAAC,MAAW;AACrC,mBAAa,KAAK,UAAU;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -17,23 +17,21 @@ require("../../../../components/basic/date-picker/index.js");
 require("../../../../components/basic/icon-select/index.js");
 require("../../../../components/basic/upload-file/upload-file.js");
 require("@maketribe/request");
-require("@maketribe/dm");
 require("@maketribe/utils");
-require("../../../../core/DataModelDefines.js");
-require("vue-router");
-require("@maketribe/locale");
 require("../../../../components/basic/upload-file/context/web-file-upload-context.js");
 require("../../../../components/basic/upload-file/context/web-file-upload-context-options.js");
 require("../../../../components/basic/upload-file/ui/upload-image/index.js");
 require("../../../../components/basic/upload-file/upload-file-options.js");
 require("../../../../components/basic/doc-editor/index.js");
 require("../../../../components/basic/copy-container/index.js");
+require("../../../../components/basic/image-cropper/index.js");
 require("../../../../components/data-model/data-form/index.js");
 require("../../../../components/data-model/data-table/index.js");
 require("../../../../components/data-model/data-table-pagination/index.js");
 require("../../../../components/business/verify-dialog/index.js");
 require("../../../../components/business/resource-list/index.js");
 const index$1 = require("../../../../components/business/resource-manager/index.js");
+require("@maketribe/dm");
 const ResourceManager = require("../../../../components/business/resource-list/ResourceManager.js");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",

package/dist/cjs/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 :resourceManager=\"resourceManager\"></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\n\r\nconst resourceManager = reactive(\r\n  new ResourceManager({ baseURL: \"/cms\" })\r\n) as ResourceManager;\r\n</script>\r\n"],"names":["reactive","ResourceManager"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,kBAAkBA,IAAA;AAAA,MACtB,IAAIC,gCAAgB,EAAE,SAAS,QAAQ;AAAA,IAAA;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-resource/index.vue"],"sourcesContent":["<template>\n  <MKPageContainer>\n    <MKResourceManager :resourceManager=\"resourceManager\"></MKResourceManager>\n  </MKPageContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive } from \"vue\";\nimport { MKPageContainer } from \"../../../../components\";\nimport { MKResourceManager, ResourceManager } from \"../../../../components\";\n\nconst resourceManager = reactive(\n  new ResourceManager({ baseURL: \"/cms\" })\n) as ResourceManager;\n</script>\n"],"names":["reactive","ResourceManager"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,kBAAkBA,IAAA;AAAA,MACtB,IAAIC,gCAAgB,EAAE,SAAS,QAAQ;AAAA,IAAA;;;;;;;;;;;;"}