@maketribe/ms-app 3.2.2 → 3.2.4

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

@@ -1,5 +1,6 @@
 "use strict";
 const vue = require("vue");
+const icons = require("@element-plus/icons-vue");
 const CmsArticleAtlasForm = require("../../../dataviews/cms-articles/cms-article-atlas/CmsArticleAtlasForm.js");
 require("@maketribe/dm");
 require("../../../../../components/abstract/abstract-select/abstract-select.js");
@@ -20,15 +21,13 @@ require("../../../../../components/basic/icon-select/index.js");
 require("../../../../../components/basic/upload-file/upload-file.js");
 require("@maketribe/request");
 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");
@@ -36,16 +35,21 @@ require("../../../../../components/business/verify-dialog/index.js");
 require("../../../../../components/business/resource-list/index.js");
 require("../../../../../components/business/resource-manager/index.js");
 const index$1 = require("../../../../../components/data-model/data-form/views/form/index.js");
-const _hoisted_1 = { class: "btn-box" };
-const _hoisted_2 = { class: "cms-article-atlas__list" };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", {
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("div", {
   slot: "placeholder",
   class: "image-slot"
 }, [
   /* @__PURE__ */ vue.createTextVNode(" 加载中"),
   /* @__PURE__ */ vue.createElementVNode("span", { class: "dot" }, "...")
 ], -1);
-const _hoisted_4 = ["src"];
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "cms-article-atlas__list__item__desc" };
+const _hoisted_4 = { class: "item-desc-left" };
+const _hoisted_5 = { class: "title ellipsis" };
+const _hoisted_6 = ["title"];
+const _hoisted_7 = { class: "external-links ellipsis" };
+const _hoisted_8 = ["href", "title"];
+const _hoisted_9 = { class: "el-dropdown-link" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "article-atlas",
   props: {
@@ -55,14 +59,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const atlasDv = vue.reactive(new CmsArticleAtlasForm.CmsArticleAtlasForm());
     const formVisible = vue.ref(false);
     const imgExtension = [".jpg", ".png", ".gif", ".jpeg", ".bmp", ".webp", ".svg", ".tiff", ".tif", ".ico", ".jfif", ".jpe"];
     const videoExtension = [".mp4", ".avi", ".rmvb", ".flv", ".mkv", ".wmv", ".mov", ".webm", ".m4v", ".mpg", ".mpeg", ".mts", ".m2ts", ".m2v", ".mpe", ".mpv", ".vob", ".ogv", ".3gp", ".3g2", ".3gpp", ".3gpp2", ".3gp2"];
     const atlas = vue.computed(
       () => {
-        const _arr = props.modelValue.map((item) => {
-          debugger;
+        const _arr = props.modelValue.map((item, index2) => {
           const extension = item.path.slice(item.path.lastIndexOf("."));
           let type = 0;
           if (imgExtension.includes(extension)) {
@@ -70,13 +74,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           } else if (videoExtension.includes(extension)) {
             type = 2;
           }
-          return { ...item, type };
+          return { ...item, type, uid: item.title + index2 };
         });
         return _arr;
       }
     );
     window.atlasDv = atlasDv;
     window.atlas = atlas;
+    window.modelValue = props.modelValue;
     const showAtlasFormHandle = () => {
       formVisible.value = true;
       atlasDv.addRecord({
@@ -87,25 +92,43 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       atlasDv.reset();
     });
     const saveAlatsHandle = async () => {
-      atlas.value.push(atlasDv.data);
+      if (atlasDv.data.uid) {
+        const index2 = atlas.value.findIndex((item) => item.uid == atlasDv.data.uid);
+        atlas.value[index2] = { ...atlas.value[index2], ...atlasDv.data };
+      } else {
+        atlas.value.push(atlasDv.data);
+      }
+      emit("update:modelValue", atlas.value);
       formVisible.value = false;
     };
+    const deleteHandle = (index2) => {
+      atlas.value.splice(index2, 1);
+      emit("update:modelValue", atlas.value);
+    };
+    const editHandle = (item) => {
+      atlasDv.addRecord(item);
+      formVisible.value = true;
+    };
     vue.onMounted(async () => {
       await atlasDv.init();
-      atlasDv.setData(atlas.value);
     });
     return (_ctx, _cache) => {
       const _component_MKSvgIcon = vue.resolveComponent("MKSvgIcon");
       const _component_el_empty = vue.resolveComponent("el-empty");
       const _component_el_image = vue.resolveComponent("el-image");
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      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_card = vue.resolveComponent("el-card");
-      const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
       const _component_el_button = vue.resolveComponent("el-button");
       const _component_el_dialog = vue.resolveComponent("el-dialog");
+      const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
       return vue.openBlock(), vue.createBlock(_component_el_card, { class: "cms-article-atlas" }, {
         header: vue.withCtx(() => [
           vue.createElementVNode("div", {
-            onClick: _cache[0] || (_cache[0] = ($event) => showAtlasFormHandle())
+            onClick: _cache[0] || (_cache[0] = ($event) => showAtlasFormHandle()),
+            class: "cms-article-atlas__header"
           }, [
             vue.createElementVNode("span", null, [
               vue.createVNode(_component_MKSvgIcon, {
@@ -114,88 +137,162 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }),
               vue.createTextVNode(" 文章媒体库 ")
             ]),
-            vue.createElementVNode("div", _hoisted_1, [
-              vue.createVNode(_component_MKSvgIcon, {
-                class: "btn",
-                iconClass: "Plus",
-                style: { "color": "#409EFF" }
-              })
-            ])
+            vue.createVNode(_component_MKSvgIcon, {
+              class: "cms-article-atlas__header__btn",
+              iconClass: "Plus",
+              style: { "color": "#409EFF" }
+            })
           ])
         ]),
         default: vue.withCtx(() => [
           atlas.value.length <= 0 ? (vue.openBlock(), vue.createBlock(_component_el_empty, {
             key: 0,
             description: "暂无内容"
-          })) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_2, [
-            vue.createVNode(_component_el_scrollbar, null, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(atlas.value, (item) => {
-                  return vue.openBlock(), vue.createBlock(_component_el_card, {
-                    class: "cms-article-atlas__list__item",
-                    key: item.id
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(_component_el_image, {
-                        class: "images",
-                        src: item.path,
-                        fit: "contain"
+          })) : (vue.openBlock(), vue.createBlock(_component_el_scrollbar, {
+            key: 1,
+            class: "cms-article-atlas__list"
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(atlas.value, (item, index2) => {
+                return vue.openBlock(), vue.createBlock(_component_el_card, {
+                  class: "cms-article-atlas__list__item",
+                  key: item.id
+                }, {
+                  default: vue.withCtx(() => [
+                    item.type == 1 ? (vue.openBlock(), vue.createBlock(_component_el_image, {
+                      key: 0,
+                      class: "images",
+                      src: item.path,
+                      fit: "contain"
+                    }, {
+                      default: vue.withCtx(() => [
+                        _hoisted_1
+                      ]),
+                      _: 2
+                    }, 1032, ["src"])) : vue.createCommentVNode("", true),
+                    item.type == 2 ? (vue.openBlock(), vue.createElementBlock("video", {
+                      key: 1,
+                      class: "video",
+                      src: item.path,
+                      controls: ""
+                    }, null, 8, _hoisted_2)) : vue.createCommentVNode("", true),
+                    vue.createElementVNode("div", _hoisted_3, [
+                      vue.createElementVNode("div", _hoisted_4, [
+                        vue.createElementVNode("div", _hoisted_5, [
+                          item.type == 1 ? (vue.openBlock(), vue.createBlock(_component_MKSvgIcon, {
+                            key: 0,
+                            class: "icon",
+                            iconClass: "Picture"
+                          })) : vue.createCommentVNode("", true),
+                          item.type == 2 ? (vue.openBlock(), vue.createBlock(_component_MKSvgIcon, {
+                            key: 1,
+                            class: "icon",
+                            iconClass: "VideoCamera"
+                          })) : vue.createCommentVNode("", true),
+                          vue.createElementVNode("span", {
+                            title: item.title
+                          }, vue.toDisplayString(item.title), 9, _hoisted_6)
+                        ]),
+                        vue.createElementVNode("div", _hoisted_7, [
+                          item.link ? (vue.openBlock(), vue.createBlock(_component_MKSvgIcon, {
+                            key: 0,
+                            class: "icon",
+                            iconClass: "Link"
+                          })) : vue.createCommentVNode("", true),
+                          vue.createElementVNode("a", {
+                            href: item.link,
+                            target: "_blank",
+                            title: item.path
+                          }, vue.toDisplayString(item.link), 9, _hoisted_8)
+                        ])
+                      ]),
+                      vue.createVNode(_component_el_dropdown, {
+                        trigger: "click",
+                        teleported: false,
+                        class: "item-desc-right"
                       }, {
+                        dropdown: vue.withCtx(() => [
+                          vue.createVNode(_component_el_dropdown_menu, null, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(_component_el_dropdown_item, {
+                                class: "edit-button",
+                                icon: vue.unref(icons.EditPen),
+                                onClick: ($event) => editHandle(item)
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode("编辑")
+                                ]),
+                                _: 2
+                              }, 1032, ["icon", "onClick"]),
+                              vue.createVNode(_component_el_dropdown_item, {
+                                class: "delete-button",
+                                icon: vue.unref(icons.Delete),
+                                onClick: ($event) => deleteHandle(index2)
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode("删除")
+                                ]),
+                                _: 2
+                              }, 1032, ["icon", "onClick"])
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
                         default: vue.withCtx(() => [
-                          _hoisted_3
+                          vue.createElementVNode("span", _hoisted_9, [
+                            vue.createTextVNode(" 更多"),
+                            vue.createVNode(_component_el_icon, { class: "el-icon--right" }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(icons.ArrowDown))
+                              ]),
+                              _: 1
+                            })
+                          ])
                         ]),
                         _: 2
-                      }, 1032, ["src"]),
-                      item.type == 2 ? (vue.openBlock(), vue.createElementBlock("video", {
-                        key: 0,
-                        class: "video",
-                        src: item.path,
-                        style: { "width": "100%", "height": "200px" },
-                        controls: ""
-                      }, null, 8, _hoisted_4)) : vue.createCommentVNode("", true)
-                    ]),
-                    _: 2
-                  }, 1024);
-                }), 128))
-              ]),
-              _: 1
-            }),
-            vue.createVNode(_component_el_dialog, {
-              modelValue: formVisible.value,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => formVisible.value = $event),
-              "append-to-body": ""
-            }, {
-              footer: vue.withCtx(() => [
-                vue.createVNode(_component_el_button, {
-                  type: "primary",
-                  onClick: saveAlatsHandle
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode("保存")
+                      }, 1024)
+                    ])
                   ]),
-                  _: 1
-                }),
-                vue.createVNode(_component_el_button, {
-                  onClick: _cache[1] || (_cache[1] = ($event) => formVisible.value = false)
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(" 取消 ")
-                  ]),
-                  _: 1
-                })
-              ]),
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(index.MKDataForm), { dataForm: atlasDv }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(index$1.MKForm))
-                  ]),
-                  _: 1
-                }, 8, ["dataForm"])
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ])
+                  _: 2
+                }, 1024);
+              }), 128)),
+              vue.createVNode(_component_el_dialog, {
+                modelValue: formVisible.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => formVisible.value = $event),
+                "append-to-body": ""
+              }, {
+                footer: vue.withCtx(() => [
+                  vue.createVNode(_component_el_button, {
+                    type: "primary",
+                    onClick: saveAlatsHandle
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("保存")
+                    ]),
+                    _: 1
+                  }),
+                  vue.createVNode(_component_el_button, {
+                    onClick: _cache[1] || (_cache[1] = ($event) => formVisible.value = false)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(" 取消 ")
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(index.MKDataForm), { dataForm: atlasDv }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(index$1.MKForm))
+                    ]),
+                    _: 1
+                  }, 8, ["dataForm"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }))
         ]),
         _: 1
       });

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

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

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

@@ -17,23 +17,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");
 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");
@@ -42,13 +42,13 @@ 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");
 require("../../../../ms/material-upload-context/material-upload-context.js");
 const CmsArticlesTable = require("../../../dataviews/cms-articles/CmsArticlesTable.js");
 require("@codemirror/lang-html");
+const vueRouter = require("vue-router");
 const index = require("../../../../../components/data-model/data-table/views/table-view/index.js");
 const _hoisted_1 = { class: "mk-cms-article-list__item__content" };
 const _hoisted_2 = { class: "left" };
@@ -100,6 +100,34 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     articlesDv.addRecordEvent.on(() => {
       editArticleHandle(props.part, true);
     });
+    const publishArticleHandle = async (article) => {
+      var _a;
+      console.warn(`🚀 ~ file: article-list.vue:124 ~ article:`, article);
+      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;
+        }
+        articlesDv.getLoadingManager().startLoading();
+        const response = await httpRequest.post(
+          `/cms/content/publish/content`,
+          {
+            partId: article.cmsPartId,
+            contentIds: [
+              article.id
+            ]
+          }
+        );
+        if (response.data.code !== 200) {
+          dm.Messager.error({ message: response.data.msg });
+          return;
+        }
+        dm.Messager.success({ message: "发布成功" });
+      } finally {
+        articlesDv.getLoadingManager().completeLoading();
+      }
+    };
     vue.onMounted(async () => {
     });
     return (_ctx, _cache) => {
@@ -228,13 +256,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                 vue.createVNode(_component_el_button, {
                                   type: "primary",
                                   size: "large",
-                                  text: ""
+                                  text: "",
+                                  onClick: ($event) => publishArticleHandle(article)
                                 }, {
                                   default: vue.withCtx(() => [
                                     vue.createTextVNode(" 发布 ")
                                   ]),
-                                  _: 1
-                                })
+                                  _: 2
+                                }, 1032, ["onClick"])
                               ])
                             ])
                           ])

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

@@ -1 +1 @@
-{"version":3,"file":"article-list.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/article-list.vue"],"sourcesContent":["<template>\r\n  <MKDataTable :data-table=\"articlesDv\" :auto-load=\"false\" class=\"mk-cms-article-list\">\r\n    <el-empty v-if=\"part && part.cmsPartTypeId == 1\" description=\"外链栏目下无文章内容\" />\r\n    <MKTableView v-else-if=\"part\" :data-table=\"articlesDv\">\r\n      <el-scrollbar class=\"mk-cms-article-list__content\" style=\"box-sizing: border-box;font-size: 0;\"\r\n        v-if=\"articlesDv.getList().length > 0\">\r\n        <el-card class=\"mk-cms-article-list__item\" v-for=\"article in articlesDv.getList()\" :key=\"article.id\">\r\n          <div class=\"mk-cms-article-list__item__content\">\r\n            <div class=\"left\">\r\n              <el-image class=\"cover-image\" :src=\"article.cover\" fit=\"contain\">\r\n                <template #error>\r\n                  <MKSvgIcon iconClass=\"Picture\" />\r\n                </template>\r\n              </el-image>\r\n            </div>\r\n            <div class=\"right\">\r\n              <div class=\"title\" :title=\"article.title\"> {{ article.title }}</div>\r\n              <div class=\"sub-title\" v-if=\"article.subTitle\" :title=\"article.subTitle\"> {{ article.subTitle }}</div>\r\n              <div class=\"desc\">\r\n                {{ article.desc }}\r\n              </div>\r\n              <div class=\"footer\">\r\n                <div class=\"ext\">\r\n                  <div class=\"author\">\r\n                    <MKSvgIcon iconClass=\"User\"></MKSvgIcon> 作者 :\r\n                    {{ article.author || \"-\" }}\r\n                  </div>\r\n                  <div class=\"publish-time\">\r\n                    <MKSvgIcon iconClass=\"Timer\"></MKSvgIcon>发布时间 ： {{ article.publishTime }}\r\n                  </div>\r\n                </div>\r\n                <div class=\"tools\">\r\n                  <el-button type=\"primary\" size=\"large\" @click=\"editArticleHandle(article)\" text>\r\n                    编辑\r\n                  </el-button>\r\n                  <el-button type=\"danger\" size=\"large\" @click=\"deleteArticleHandle(article)\" text>\r\n                    删除\r\n                  </el-button>\r\n                  <a v-if=\"article.url\" :href=\"article.url\" target=\"_blank\">\r\n                    <el-button type=\"primary\" size=\"large\" text>访问</el-button>\r\n                  </a>\r\n                  <a :href=\"'/api/cms/content/preview/content/' + article.cmsPartId + '/' + article.id\" target=\"_blank\">\r\n                    <el-button type=\"primary\" size=\"large\" text>预览</el-button>\r\n                  </a>\r\n                  <el-button type=\"primary\" size=\"large\" text>\r\n                    发布\r\n                  </el-button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </el-card>\r\n      </el-scrollbar>\r\n      <el-empty v-if=\"articlesDv.getList().length <= 0\" description=\"暂无文章内容\" />\r\n    </MKTableView>\r\n  </MKDataTable>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { MKTableView } from \"../../../../../components\"\r\nimport { CmsArticlesTable } from \"../../../dataviews\"\r\nimport { onMounted, reactive, ref, defineProps, watch } from \"vue\";\r\nimport { DvOpt } from \"@maketribe/request\";\r\nimport { Dialoger, isWhereFilter } from '@maketribe/dm'\r\nimport { useRouter } from \"vue-router\";\r\n\r\n// 文章\r\nconst articlesDv = reactive(new CmsArticlesTable()) as CmsArticlesTable;\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  part: { type: Object, default: null }\r\n})\r\n\r\nconst router = useRouter();\r\n\r\n// 监听栏目数据变化\r\nwatch(() => props.part, (item: any) => {\r\n\r\n  if (item.cmsPartTypeId != 1) {\r\n\r\n    const dataFilter = articlesDv.dataFilter;\r\n\r\n    if (isWhereFilter(dataFilter)) {\r\n      const defaultGroup = dataFilter.getDefaultGroup();\r\n      defaultGroup.clear();\r\n      defaultGroup.addCondition(\"cmsPartId\", \"=\", item.id);\r\n    }\r\n\r\n    articlesDv.load()\r\n  }\r\n\r\n}, { immediate: true })\r\n\r\n/**\r\n * 删除文章\r\n */\r\nconst deleteArticleHandle = async (item: any) => {\r\n  const isConfirm = await Dialoger.confirm({\r\n    title: \"删除文章?\",\r\n    message: \"是否删除文章？\",\r\n    type: \"warning\"\r\n  })\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n  await articlesDv.deleteAfterRefresh(item.id);\r\n}\r\n\r\n/**\r\n * 编辑文章\r\n */\r\nconst editArticleHandle = (item: any, isEdit = false) => {\r\n  router.push({ path: \"/cms/article\", query: { id: isEdit ? undefined : item.id, partId: isEdit ? item.id : undefined } })\r\n}\r\n\r\n\r\narticlesDv.addRecordEvent.on(() => {\r\n  editArticleHandle(props.part, true)\r\n})\r\n\r\n// 挂在完成之后\r\nonMounted(async () => {\r\n\r\n  // // 加载数据\r\n  // articleList.value = await articleDvOpt.query().list();\r\n\r\n  // // 修改状态\r\n  // loading.value = false;\r\n})\r\n\r\n</script>\r\n"],"names":["reactive","CmsArticlesTable","useRouter","watch","isWhereFilter","Dialoger","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,UAAM,aAAaA,IAAAA,SAAS,IAAIC,iBAAAA,iBAAkB,CAAA;AAGlD,UAAM,QAAQ;AAId,UAAM,SAASC,UAAAA;AAGfC,QAAAA,MAAM,MAAM,MAAM,MAAM,CAAC,SAAc;AAEjC,UAAA,KAAK,iBAAiB,GAAG;AAE3B,cAAM,aAAa,WAAW;AAE1B,YAAAC,GAAAA,cAAc,UAAU,GAAG;AACvB,gBAAA,eAAe,WAAW;AAChC,uBAAa,MAAM;AACnB,uBAAa,aAAa,aAAa,KAAK,KAAK,EAAE;AAAA,QACrD;AAEA,mBAAW,KAAK;AAAA,MAClB;AAAA,IAAA,GAEC,EAAE,WAAW,KAAA,CAAM;AAKhB,UAAA,sBAAsB,OAAO,SAAc;AACzC,YAAA,YAAY,MAAMC,GAAA,SAAS,QAAQ;AAAA,QACvC,OAAO;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA,CACP;AAED,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AACM,YAAA,WAAW,mBAAmB,KAAK,EAAE;AAAA,IAAA;AAM7C,UAAM,oBAAoB,CAAC,MAAW,SAAS,UAAU;AACvD,aAAO,KAAK,EAAE,MAAM,gBAAgB,OAAO,EAAE,IAAI,SAAS,SAAY,KAAK,IAAI,QAAQ,SAAS,KAAK,KAAK,UAAa;AAAA,IAAA;AAI9G,eAAA,eAAe,GAAG,MAAM;AACf,wBAAA,MAAM,MAAM,IAAI;AAAA,IAAA,CACnC;AAGDC,QAAAA,UAAU,YAAY;AAAA,IAAA,CAOrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"article-list.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/article-list.vue"],"sourcesContent":["<template>\r\n  <MKDataTable :data-table=\"articlesDv\" :auto-load=\"false\" class=\"mk-cms-article-list\">\r\n    <el-empty v-if=\"part && part.cmsPartTypeId == 1\" description=\"外链栏目下无文章内容\" />\r\n    <MKTableView v-else-if=\"part\" :data-table=\"articlesDv\">\r\n      <el-scrollbar class=\"mk-cms-article-list__content\" style=\"box-sizing: border-box;font-size: 0;\"\r\n        v-if=\"articlesDv.getList().length > 0\">\r\n        <el-card class=\"mk-cms-article-list__item\" v-for=\"article in articlesDv.getList()\" :key=\"article.id\">\r\n          <div class=\"mk-cms-article-list__item__content\">\r\n            <div class=\"left\">\r\n              <el-image class=\"cover-image\" :src=\"article.cover\" fit=\"contain\">\r\n                <template #error>\r\n                  <MKSvgIcon iconClass=\"Picture\" />\r\n                </template>\r\n              </el-image>\r\n            </div>\r\n            <div class=\"right\">\r\n              <div class=\"title\" :title=\"article.title\"> {{ article.title }}</div>\r\n              <div class=\"sub-title\" v-if=\"article.subTitle\" :title=\"article.subTitle\"> {{ article.subTitle }}</div>\r\n              <div class=\"desc\">\r\n                {{ article.desc }}\r\n              </div>\r\n              <div class=\"footer\">\r\n                <div class=\"ext\">\r\n                  <div class=\"author\">\r\n                    <MKSvgIcon iconClass=\"User\"></MKSvgIcon> 作者 :\r\n                    {{ article.author || \"-\" }}\r\n                  </div>\r\n                  <div class=\"publish-time\">\r\n                    <MKSvgIcon iconClass=\"Timer\"></MKSvgIcon>发布时间 ： {{ article.publishTime }}\r\n                  </div>\r\n                </div>\r\n                <div class=\"tools\">\r\n                  <el-button type=\"primary\" size=\"large\" @click=\"editArticleHandle(article)\" text>\r\n                    编辑\r\n                  </el-button>\r\n                  <el-button type=\"danger\" size=\"large\" @click=\"deleteArticleHandle(article)\" text>\r\n                    删除\r\n                  </el-button>\r\n                  <a v-if=\"article.url\" :href=\"article.url\" target=\"_blank\">\r\n                    <el-button type=\"primary\" size=\"large\" text>访问</el-button>\r\n                  </a>\r\n                  <a :href=\"'/api/cms/content/preview/content/' + article.cmsPartId + '/' + article.id\" target=\"_blank\">\r\n                    <el-button type=\"primary\" size=\"large\" text>预览</el-button>\r\n                  </a>\r\n                  <el-button type=\"primary\" size=\"large\" text @click=\"publishArticleHandle(article)\">\r\n                    发布\r\n                  </el-button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </el-card>\r\n      </el-scrollbar>\r\n      <el-empty v-if=\"articlesDv.getList().length <= 0\" description=\"暂无文章内容\" />\r\n    </MKTableView>\r\n  </MKDataTable>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { MKTableView } from \"../../../../../components\"\r\nimport { CmsArticlesTable } from \"../../../dataviews\"\r\nimport { onMounted, reactive, ref, defineProps, watch } from \"vue\";\r\nimport { DvOpt } from \"@maketribe/request\";\r\nimport { Dialoger, isWhereFilter, Messager } from '@maketribe/dm'\r\nimport { useRouter } from \"vue-router\";\r\nimport { MSAppClient } from \"../../../../../core\";\r\n\r\n// 文章\r\nconst articlesDv = reactive(new CmsArticlesTable()) as CmsArticlesTable;\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  part: { type: Object, default: null }\r\n})\r\n\r\nconst router = useRouter();\r\n\r\n// 监听栏目数据变化\r\nwatch(() => props.part, (item: any) => {\r\n\r\n  if (item.cmsPartTypeId != 1) {\r\n\r\n    const dataFilter = articlesDv.dataFilter;\r\n\r\n    if (isWhereFilter(dataFilter)) {\r\n      const defaultGroup = dataFilter.getDefaultGroup();\r\n      defaultGroup.clear();\r\n      defaultGroup.addCondition(\"cmsPartId\", \"=\", item.id);\r\n    }\r\n\r\n    articlesDv.load()\r\n  }\r\n\r\n}, { immediate: true })\r\n\r\n/**\r\n * 删除文章\r\n */\r\nconst deleteArticleHandle = async (item: any) => {\r\n  const isConfirm = await Dialoger.confirm({\r\n    title: \"删除文章?\",\r\n    message: \"是否删除文章？\",\r\n    type: \"warning\"\r\n  })\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n  await articlesDv.deleteAfterRefresh(item.id);\r\n}\r\n\r\n/**\r\n * 编辑文章\r\n */\r\nconst editArticleHandle = (item: any, isEdit = false) => {\r\n  router.push({ path: \"/cms/article\", query: { id: isEdit ? undefined : item.id, partId: isEdit ? item.id : undefined } })\r\n}\r\n\r\n\r\narticlesDv.addRecordEvent.on(() => {\r\n  editArticleHandle(props.part, true)\r\n})\r\n\r\nconst publishArticleHandle = async (article: any) => {\r\n  console.warn(`🚀 ~ file: article-list.vue:124 ~ article:`, article);\r\n  const httpRequest = MSAppClient.instance?.httpRequest!;\r\n  try {\r\n    const isConfirm = await Dialoger.confirm({ title: \"文章发布\", message: \"是否发布文章？\", type: \"warning\" })\r\n\r\n    if (!isConfirm) {\r\n      return;\r\n    }\r\n\r\n    articlesDv.getLoadingManager().startLoading();\r\n\r\n    const response = await httpRequest.post(\r\n      `/cms/content/publish/content`, {\r\n      partId: article.cmsPartId,\r\n      contentIds: [\r\n        article.id\r\n      ]\r\n    }\r\n    );\r\n\r\n    if (response.data.code !== 200) {\r\n      Messager.error({ message: response.data.msg });\r\n      return;\r\n    }\r\n\r\n    Messager.success({ message: \"发布成功\" });\r\n\r\n  } finally {\r\n    articlesDv.getLoadingManager().completeLoading();\r\n  }\r\n}\r\n\r\n// 挂在完成之后\r\nonMounted(async () => {\r\n\r\n  // // 加载数据\r\n  // articleList.value = await articleDvOpt.query().list();\r\n\r\n  // // 修改状态\r\n  // loading.value = false;\r\n})\r\n\r\n</script>\r\n"],"names":["reactive","CmsArticlesTable","useRouter","watch","isWhereFilter","Dialoger","MSAppClient","Messager","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,UAAM,aAAaA,IAAAA,SAAS,IAAIC,iBAAAA,iBAAkB,CAAA;AAGlD,UAAM,QAAQ;AAId,UAAM,SAASC,UAAAA;AAGfC,QAAAA,MAAM,MAAM,MAAM,MAAM,CAAC,SAAc;AAEjC,UAAA,KAAK,iBAAiB,GAAG;AAE3B,cAAM,aAAa,WAAW;AAE1B,YAAAC,GAAAA,cAAc,UAAU,GAAG;AACvB,gBAAA,eAAe,WAAW;AAChC,uBAAa,MAAM;AACnB,uBAAa,aAAa,aAAa,KAAK,KAAK,EAAE;AAAA,QACrD;AAEA,mBAAW,KAAK;AAAA,MAClB;AAAA,IAAA,GAEC,EAAE,WAAW,KAAA,CAAM;AAKhB,UAAA,sBAAsB,OAAO,SAAc;AACzC,YAAA,YAAY,MAAMC,GAAA,SAAS,QAAQ;AAAA,QACvC,OAAO;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA,CACP;AAED,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AACM,YAAA,WAAW,mBAAmB,KAAK,EAAE;AAAA,IAAA;AAM7C,UAAM,oBAAoB,CAAC,MAAW,SAAS,UAAU;AACvD,aAAO,KAAK,EAAE,MAAM,gBAAgB,OAAO,EAAE,IAAI,SAAS,SAAY,KAAK,IAAI,QAAQ,SAAS,KAAK,KAAK,UAAa;AAAA,IAAA;AAI9G,eAAA,eAAe,GAAG,MAAM;AACf,wBAAA,MAAM,MAAM,IAAI;AAAA,IAAA,CACnC;AAEK,UAAA,uBAAuB,OAAO,YAAiB;;AAC3C,cAAA,KAAK,8CAA8C,OAAO;AAC5D,YAAA,eAAcC,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;AAEW,mBAAA,oBAAoB;AAEzB,cAAA,WAAW,MAAM,YAAY;AAAA,UACjC;AAAA,UAAgC;AAAA,YAChC,QAAQ,QAAQ;AAAA,YAChB,YAAY;AAAA,cACV,QAAQ;AAAA,YACV;AAAA,UACF;AAAA,QAAA;AAGI,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;AACW,mBAAA,oBAAoB;MACjC;AAAA,IAAA;AAIFC,QAAAA,UAAU,YAAY;AAAA,IAAA,CAOrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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, [