npm - @maketribe/ms-app - Versions diffs - 3.2.5 → 3.2.6 - Mend

@maketribe/ms-app 3.2.5 → 3.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (195) hide show

package/dist/cjs/modules/cms/pages/cms-contents/article-edit-add-page.vue2.js CHANGED Viewed

@@ -16,7 +16,7 @@ require("../../../../components/basic/page-container/index.js");
 require("../../../../components/basic/date-picker/index.js");
 require("../../../../components/basic/icon-select/index.js");
 require("../../../../components/basic/upload-file/upload-file.js");
-const request = require("@maketribe/request");
+require("@maketribe/request");
 require("@maketribe/utils");
 require("../../../../components/basic/upload-file/context/web-file-upload-context.js");
 require("../../../../components/basic/upload-file/context/web-file-upload-context-options.js");
@@ -55,7 +55,10 @@ const index$3 = require("../../../../components/data-model/data-form/views/form/
 const index$4 = require("../../../../components/data-model/data-form/data-form-item/index.js");
 const _hoisted_1 = { class: "mk-cms-article-eidtadd__warp" };
 const _hoisted_2 = { class: "mk-cms-article-eidtadd__header_tools" };
-const _hoisted_3 = { class: "el-dropdown-link" };
+const _hoisted_3 = {
+  class: "el-dropdown-link",
+  style: { "margin-left": "10px" }
+};
 const _hoisted_4 = { class: "mk-cms-article-eidtadd__body" };
 const _hoisted_5 = { class: "mk-cms-article-eidtadd__body__header" };
 const _hoisted_6 = { class: "mk-cms-article-eidtadd__body__footer" };
@@ -64,7 +67,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "article-edit-add-page",
   setup(__props) {
     const route = vueRouter.useRoute();
-    request.DvOpt.createInstance({ name: "article", moduleName: "cms" });
+    const router = vueRouter.useRouter();
     const articleDv = vue.reactive(new CmsArticlesForm.CmsArticlesForm());
     const articleOptionsActive = vue.ref("content");
     const title = vue.computed({
@@ -113,7 +116,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         articleDv.data.atlas = val;
       }
     });
-    window.articleDv = articleDv;
     vue.onMounted(() => {
       if (route.query.id) {
         articleDv.editRecord(route.query.id);
@@ -171,7 +173,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createVNode(_component_el_page_header, {
           style: { "background-color": "#fff", "padding": "10px" },
-          icon: null
+          icon: null,
+          onBack: _cache[0] || (_cache[0] = () => {
+            var _a;
+            return vue.unref(router).push({ name: "cms/contents", query: { pid: (_a = articleDv == null ? void 0 : articleDv.data) == null ? void 0 : _a.cmsPartId } });
+          })
         }, {
           content: vue.withCtx(() => {
             var _a;
@@ -220,24 +226,40 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       default: vue.withCtx(() => [
                         vue.createVNode(_component_el_dropdown_item, { onClick: saveHandle }, {
                           default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(index.MKSvgIcon), {
+                              iconClass: "save",
+                              style: { "margin-right": "5px" }
+                            }),
                             vue.createTextVNode(" 仅保存 ")
                           ]),
                           _: 1
                         }),
                         vue.createVNode(_component_el_dropdown_item, null, {
                           default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(index.MKSvgIcon), {
+                              iconClass: "save",
+                              style: { "margin-right": "5px" }
+                            }),
                             vue.createTextVNode(" 保存为草稿 ")
                           ]),
                           _: 1
                         }),
                         vue.createVNode(_component_el_dropdown_item, null, {
                           default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(index.MKSvgIcon), {
+                              iconClass: "View",
+                              style: { "margin-right": "5px" }
+                            }),
                             vue.createTextVNode(" 保存并预览 ")
                           ]),
                           _: 1
                         }),
                         vue.createVNode(_component_el_dropdown_item, null, {
                           default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(index.MKSvgIcon), {
+                              iconClass: "Share",
+                              style: { "margin-right": "5px" }
+                            }),
                             vue.createTextVNode(" 保存并发布 ")
                           ]),
                           _: 1
@@ -250,14 +272,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     vue.createElementVNode("span", _hoisted_3, [
                       vue.createVNode(_component_el_button, {
                         type: "primary",
-                        text: ""
+                        plain: ""
                       }, {
                         default: vue.withCtx(() => [
-                          vue.createTextVNode(" 保存 "),
                           vue.createVNode(vue.unref(index.MKSvgIcon), {
-                            iconClass: "Plus",
-                            style: { "margin-left": "10px" }
-                          })
+                            iconClass: "save",
+                            style: { "margin-right": "10px" }
+                          }),
+                          vue.createTextVNode(" 保存 ")
                         ]),
                         _: 1
                       })
@@ -288,7 +310,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       "show-word-limit": "",
                       placeholder: "请输入标题",
                       modelValue: title.value,
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => title.value = $event)
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => title.value = $event)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
@@ -303,7 +325,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       "show-word-limit": "",
                       placeholder: "[选填] 请输入子标题",
                       modelValue: subTitle.value,
-                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => subTitle.value = $event)
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => subTitle.value = $event)
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
@@ -416,7 +438,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", _hoisted_6, [
                 vue.createVNode(_component_el_tabs, {
                   modelValue: articleOptionsActive.value,
-                  "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => articleOptionsActive.value = $event)
+                  "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => articleOptionsActive.value = $event)
                 }, {
                   default: vue.withCtx(() => [
                     vue.createVNode(_component_el_tab_pane, {
@@ -432,11 +454,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                   vue.createVNode(_component_el_input, {
                                     placeholder: "[选填] 作者",
                                     modelValue: articleDv.data.author,
-                                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => articleDv.data.author = $event),
+                                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => articleDv.data.author = $event),
                                     clearable: ""
                                   }, {
                                     prefix: vue.withCtx(() => [
-                                      vue.createVNode(vue.unref(index.MKSvgIcon), { iconClass: "yonghu" })
+                                      vue.createVNode(vue.unref(index.MKSvgIcon), { iconClass: "UserFilled" })
                                     ]),
                                     _: 1
                                   }, 8, ["modelValue"])
@@ -447,7 +469,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                 default: vue.withCtx(() => [
                                   vue.createVNode(_component_el_date_picker, {
                                     modelValue: releaseDate.value,
-                                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => releaseDate.value = $event),
+                                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => releaseDate.value = $event),
                                     type: "datetime",
                                     placeholder: "发布时间",
                                     "default-time": /* @__PURE__ */ new Date()
@@ -460,7 +482,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                   vue.createVNode(_component_el_input, {
                                     placeholder: "[选填] 发布地址",
                                     modelValue: articleDv.data.locationDesc,
-                                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => articleDv.data.locationDesc = $event),
+                                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => articleDv.data.locationDesc = $event),
                                     clearable: ""
                                   }, {
                                     prefix: vue.withCtx(() => [
@@ -478,7 +500,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             default: vue.withCtx(() => [
                               vue.createVNode(_component_el_select, {
                                 modelValue: tags.value,
-                                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => tags.value = $event),
+                                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => tags.value = $event),
                                 multiple: "",
                                 filterable: "",
                                 "allow-create": "",
@@ -499,7 +521,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             default: vue.withCtx(() => [
                               vue.createVNode(_component_MKUploadFile, {
                                 modelValue: articleDv.data.cover,
-                                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => articleDv.data.cover = $event),
+                                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => articleDv.data.cover = $event),
                                 class: "cover",
                                 uploadContext: new (vue.unref(MaterialUploadContext.MaterialUploadContext))({
                                   allowMaterialTypeValues: [1]
@@ -528,7 +550,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                 "show-word-limit": "",
                                 placeholder: "[选填] 文章简介",
                                 modelValue: articleDv.data.desc,
-                                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => articleDv.data.desc = $event)
+                                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => articleDv.data.desc = $event)
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
@@ -544,7 +566,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                               vue.createVNode(_component_MKUploadFile, {
                                 class: "banner",
                                 modelValue: articleDv.data.banner,
-                                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => articleDv.data.banner = $event),
+                                "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => articleDv.data.banner = $event),
                                 uploadContext: new (vue.unref(MaterialUploadContext.MaterialUploadContext))({
                                   allowMaterialTypeValues: [1]
                                 })
@@ -580,7 +602,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         return [
                           vue.createVNode(articleAtlas_vue_vue_type_script_setup_true_lang, {
                             modelValue: atlas.value,
-                            "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => atlas.value = $event),
+                            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => atlas.value = $event),
                             articleId: parseInt((_a = articleDv.data) == null ? void 0 : _a.id)
                           }, null, 8, ["modelValue", "articleId"])
                         ];

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

	@@ -1 +1 @@
1	- {"version":3,"file":"article-edit-add-page.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-contents/article-edit-add-page.vue"],"sourcesContent":["<template>\r\n <div class=\"mk-cms-article-eidtadd__warp\">\r\n <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"null\">\r\n <template #content>\r\n <el-text v-if=\"!articleDv.data?.modifier\">{{ !!route.query.id ? \"编辑文章\" : \"创建文章\" }}</el-text>\r\n <el-text v-else>{{ articleDv.data?.modifierName }} 于 {{ articleDv.data?.updatedAt }} 更新</el-text>\r\n </template>\r\n <template #extra>\r\n <div class=\"mk-cms-article-eidtadd__header_tools\">\r\n <el-tag v-if=\"!articleDv.data?.publishTime\" effect=\"dark\" round>未发布</el-tag>\r\n <el-text v-else>发布时间：{{ articleDv.data?.publishTime }}</el-text>\r\n <el-dropdown>\r\n <span class=\"el-dropdown-link\">\r\n <el-button type=\"primary\" text>\r\n 保存\r\n <MKSvgIcon iconClass=\"Plus\" style=\"margin-left: 10px;\" />\r\n </el-button>\r\n </span>\r\n <template #dropdown>\r\n <el-dropdown-menu>\r\n <el-dropdown-item @click=\"saveHandle\">\r\n 仅保存\r\n </el-dropdown-item>\r\n <el-dropdown-item>\r\n 保存为草稿\r\n </el-dropdown-item>\r\n <el-dropdown-item>\r\n 保存并预览\r\n </el-dropdown-item>\r\n <el-dropdown-item>\r\n 保存并发布\r\n </el-dropdown-item>\r\n </el-dropdown-menu>\r\n </template>\r\n </el-dropdown>\r\n </div>\r\n </template>\r\n </el-page-header>\r\n <div class=\"mk-cms-article-eidtadd__body\" v-loading=\"articleDv.loading\">\r\n\r\n <MKDocEditor v-if=\"articleDv.data\" :content=\"content\" @change=\"EditorChangeHandle\">\r\n <template #header>\r\n <div class=\"mk-cms-article-eidtadd__body__header\">\r\n <el-row>\r\n <el-input class=\"title\" type=\"textarea\" :autosize=\"{ minRows: 1, maxRows: 4 }\" maxlength=\"150\"\r\n show-word-limit placeholder=\"请输入标题\" v-model=\"title\" />\r\n </el-row>\r\n <el-row>\r\n <el-input class=\"sub-title\" type=\"textarea\" :autosize=\"{ minRows: 1, maxRows: 4 }\" maxlength=\"150\"\r\n show-word-limit placeholder=\"[选填] 请输入子标题\" v-model=\"subTitle\" />\r\n </el-row>\r\n </div>\r\n </template>\r\n <template #after-extentions>\r\n <div class=\"mk-cms-article-eidtadd__body__extentions\" :class=\"{ hide: showExtentions! }\" ref=\"extentionsRef\">\r\n <MKSvgIcon icon-class=\"ArrowLeft\" class=\"open\" @click=\"showExtentionsHandle\" v-if=\"showExtentions\">\r\n </MKSvgIcon>\r\n <MKSvgIcon v-else icon-class=\"ArrowRight\" class=\"close\" @click=\"hideExtentionsHandle\">\r\n </MKSvgIcon>\r\n <el-divider content-position=\"left\">文章设置</el-divider>\r\n <MKDataForm :dataForm=\"articleDv\">\r\n <MKForm :dataForm=\"articleDv\" style=\"width:225px\" label-width=\"110px\">\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isTop\"></MKDataFormItem>\r\n </el-row>\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isNew\"></MKDataFormItem>\r\n </el-row>\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isHotRecommend\"></MKDataFormItem>\r\n </el-row>\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isPartRecommend\"></MKDataFormItem>\r\n </el-row>\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isShowList\"></MKDataFormItem>\r\n </el-row>\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isDraft\"></MKDataFormItem>\r\n </el-row>\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"sortNo\"></MKDataFormItem>\r\n </el-row>\r\n </MKForm>\r\n </MKDataForm>\r\n </div>\r\n </template>\r\n <template #footer>\r\n <div class=\"mk-cms-article-eidtadd__body__footer\">\r\n <el-tabs v-model=\"articleOptionsActive\">\r\n <el-tab-pane label=\"基础内容\" name=\"content\">\r\n <div class=\"content\">\r\n <el-row :gutter=\"20\">\r\n <el-col :span=\"6\">\r\n <el-input placeholder=\"[选填] 作者\" v-model=\"articleDv.data.author\" clearable>\r\n <template #prefix>\r\n <MKSvgIcon iconClass=\"yonghu\" />\r\n </template>\r\n </el-input>\r\n </el-col>\r\n <el-col :span=\"6\">\r\n <el-date-picker v-model=\"releaseDate\" type=\"datetime\" placeholder=\"发布时间\"\r\n :default-time=\"new Date()\" />\r\n </el-col>\r\n <el-col :span=\"12\">\r\n <el-input placeholder=\"[选填] 发布地址\" v-model=\"articleDv.data.locationDesc\" clearable>\r\n <template #prefix>\r\n <MKSvgIcon iconClass=\"Location\" />\r\n </template>\r\n </el-input>\r\n </el-col>\r\n </el-row>\r\n <el-row>\r\n <el-select v-model=\"tags\" multiple filterable allow-create default-first-option\r\n :reserve-keyword=\"false\" placeholder=\"[可选] 选择文章标签\" style=\"width: 100%\">\r\n <template #prefix>\r\n <MKSvgIcon iconClass=\"CollectionTag\" />\r\n </template>\r\n </el-select>\r\n </el-row>\r\n <el-row class=\"cover-desc\">\r\n <MKUploadFile v-model=\"articleDv.data.cover\" class=\"cover\" :uploadContext=\"new MaterialUploadContext({\r\n allowMaterialTypeValues: [1],\r\n })\">\r\n <el-image class=\"cover-image\" :src=\"articleDv.data.cover\" style=\"width: 100%; height: 100%\"\r\n fit=\"contain\">\r\n <template #error>\r\n <MKSvgIcon iconClass=\"Picture\" />\r\n </template>\r\n </el-image>\r\n </MKUploadFile>\r\n <el-input class=\"desc\" type=\"textarea\" :autosize=\"{ minRows: 5, maxRows: 10 }\" maxlength=\"1000\"\r\n show-word-limit placeholder=\"[选填] 文章简介\" v-model=\"articleDv.data.desc\" />\r\n </el-row>\r\n <el-divider content-position=\"left\">文章封面</el-divider>\r\n <el-row>\r\n <MKUploadFile class=\"banner\" v-model=\"articleDv.data.banner\" :uploadContext=\"new MaterialUploadContext({\r\n allowMaterialTypeValues: [1],\r\n })\">\r\n <el-image class=\"cover-image\" :src=\"articleDv.data.banner\" style=\"width: 100%; height: 100%\"\r\n fit=\"cover\">\r\n <template #error>\r\n <MKSvgIcon iconClass=\"Picture\" />\r\n </template>\r\n </el-image>\r\n </MKUploadFile>\r\n </el-row>\r\n </div>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"文章资源库\" name=\"atlas\">\r\n <ArticleAtlas v-model=\"atlas\" :articleId=\"parseInt(articleDv.data?.id)\" />\r\n </el-tab-pane>\r\n <el-tab-pane label=\"页面设置\" name=\"settings\">\r\n <MKDataForm :dataForm=\"articleDv\" label-width=\"120px\">\r\n <MKForm :dataForm=\"articleDv\">\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"seoKeywords\"></MKDataFormItem>\r\n </el-row>\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"seoDesc\"></MKDataFormItem>\r\n </el-row>\r\n </MKForm>\r\n </MKDataForm>\r\n </el-tab-pane>\r\n </el-tabs>\r\n </div>\r\n </template>\r\n </MKDocEditor>\r\n </div>\r\n </div>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { onMounted, reactive, ref, unref, Ref, watch, computed } from \"vue\";\r\nimport { MKDocEditor, MKSvgIcon } from '../../../../components'\r\nimport { MKDataForm, MKForm, MKDataFormItem } from \"../../../../components\";\r\nimport { DvOpt } from \"@maketribe/request\";\r\nimport ArticleAtlas from \"./components/article-atlas.vue\";\r\nimport { CmsArticlesForm } from \"../../dataviews\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { MaterialUploadContext } from \"../../../ms\";\r\n\r\nconst route = useRoute()\r\n\r\n// 文章请求\r\nconst articleDvOpt = DvOpt.createInstance({ name: \"article\", moduleName: \"cms\" });\r\nconst articleDv = reactive(new CmsArticlesForm()) as CmsArticlesForm;\r\nconst articleOptionsActive = ref(\"content\");\r\n\r\n//qiat\r\n\r\n// 标题\r\nconst title = computed({\r\n get() { return articleDv.data?.title \|\| \"\"; },\r\n set(val) { articleDv.data.title = val; }\r\n});\r\n// 子标题\r\nconst subTitle = computed({\r\n get() { return articleDv.data?.subTitle \|\| \"\"; },\r\n set(val) { articleDv.data.subTitle = val; }\r\n});\r\n// 发布时间\r\nconst releaseDate = computed({\r\n get() { return articleDv.data?.releaseDate \|\| articleDv.data?.publishTime; },\r\n set(val) { articleDv.data.releaseDate = val; }\r\n});\r\n// 标签\r\nconst tags = ref([]);\r\n// computed({ \r\n// get() { return articleDv.data?.tags \|\| [] }, \r\n// set(val) { articleDv.data.tags = val; } \r\n// });\r\n// 内容\r\nconst content = computed({\r\n get() { return articleDv.data?.content \|\| \"\"; },\r\n set(val) { articleDv.data.content = val; }\r\n});\r\n\r\n// 图集\r\nconst atlas = computed({\r\n get() {\r\n return articleDv.data?.atlas\r\n },\r\n set(val) { articleDv.data.atlas = val; }\r\n});\r\n\r\n// debug\r\n(window as any).articleDv = articleDv;\r\n\r\nonMounted(() => {\r\n\r\n // 初始化数据加载\r\n if (route.query.id) {\r\n articleDv.editRecord(route.query.id);\r\n }\r\n else if (route.query.partId) {\r\n articleDv.addRecord({\r\n cmsPartId: route.query.partId\r\n });\r\n }\r\n else {\r\n articleDv.addRecord();\r\n }\r\n articleDv.init();\r\n})\r\n\r\n// 保存\r\nconst saveHandle = async () => {\r\n\r\n let result = await articleDv.submit();\r\n if (route.query.id) {\r\n articleDv.editRecord(route.query.id);\r\n } else if (route.query.partId) {\r\n articleDv.addRecord({\r\n cmsPartId: route.query.partId\r\n });\r\n } else {\r\n articleDv.addRecord();\r\n }\r\n}\r\nconst showExtentions = ref(false);\r\nconst extentionsRef = ref();\r\n// 隐藏扩展\r\nconst hideExtentionsHandle = () => {\r\n\r\n showExtentions.value = true;\r\n}\r\n//展示扩展\r\nconst showExtentionsHandle = () => {\r\n\r\n showExtentions.value = false;\r\n\r\n}\r\n\r\nconst EditorChangeHandle = (v: any) => {\r\n articleDv.data.content = v;\r\n}\r\n\r\n</script>\r\n"],"names":["useRoute","DvOpt","reactive","CmsArticlesForm","ref","computed","onMounted"],"mappings":"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"}
1	+ {"version":3,"file":"article-edit-add-page.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-contents/article-edit-add-page.vue"],"sourcesContent":["<template>\r\n <div class=\"mk-cms-article-eidtadd__warp\">\r\n <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"null\" @back=\"()=>router.push({name:'cms/contents',query:{pid:articleDv?.data?.cmsPartId} })\">\r\n <template #content>\r\n <el-text v-if=\"!articleDv.data?.modifier\">{{ !!route.query.id ? \"编辑文章\" : \"创建文章\" }}</el-text>\r\n <el-text v-else>{{ articleDv.data?.modifierName }} 于 {{ articleDv.data?.updatedAt }} 更新</el-text>\r\n </template>\r\n <template #extra>\r\n <div class=\"mk-cms-article-eidtadd__header_tools\">\r\n <el-tag v-if=\"!articleDv.data?.publishTime\" effect=\"dark\" round>未发布</el-tag>\r\n <el-text v-else>发布时间：{{ articleDv.data?.publishTime }}</el-text>\r\n <el-dropdown>\r\n <span class=\"el-dropdown-link\" style=\"margin-left: 10px;\">\r\n <el-button type=\"primary\" plain>\r\n <MKSvgIcon iconClass=\"save\" style=\"margin-right: 10px;\" />\r\n 保存\r\n </el-button>\r\n </span>\r\n <template #dropdown>\r\n <el-dropdown-menu>\r\n <el-dropdown-item @click=\"saveHandle\">\r\n <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px;\" />\r\n 仅保存\r\n </el-dropdown-item>\r\n <el-dropdown-item>\r\n <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px;\" />\r\n 保存为草稿\r\n </el-dropdown-item>\r\n <el-dropdown-item>\r\n <MKSvgIcon iconClass=\"View\" style=\"margin-right: 5px;\" />\r\n 保存并预览\r\n </el-dropdown-item>\r\n <el-dropdown-item>\r\n <MKSvgIcon iconClass=\"Share\" style=\"margin-right: 5px;\" />\r\n 保存并发布\r\n </el-dropdown-item>\r\n </el-dropdown-menu>\r\n </template>\r\n </el-dropdown>\r\n </div>\r\n </template>\r\n </el-page-header>\r\n <div class=\"mk-cms-article-eidtadd__body\" v-loading=\"articleDv.loading\">\r\n\r\n <MKDocEditor v-if=\"articleDv.data\" :content=\"content\" @change=\"EditorChangeHandle\">\r\n <template #header>\r\n <div class=\"mk-cms-article-eidtadd__body__header\">\r\n <el-row>\r\n <el-input class=\"title\" type=\"textarea\" :autosize=\"{ minRows: 1, maxRows: 4 }\" maxlength=\"150\"\r\n show-word-limit placeholder=\"请输入标题\" v-model=\"title\" />\r\n </el-row>\r\n <el-row>\r\n <el-input class=\"sub-title\" type=\"textarea\" :autosize=\"{ minRows: 1, maxRows: 4 }\" maxlength=\"150\"\r\n show-word-limit placeholder=\"[选填] 请输入子标题\" v-model=\"subTitle\" />\r\n </el-row>\r\n </div>\r\n </template>\r\n <template #after-extentions>\r\n <div class=\"mk-cms-article-eidtadd__body__extentions\" :class=\"{ hide: showExtentions! }\" ref=\"extentionsRef\">\r\n <MKSvgIcon icon-class=\"ArrowLeft\" class=\"open\" @click=\"showExtentionsHandle\" v-if=\"showExtentions\">\r\n </MKSvgIcon>\r\n <MKSvgIcon v-else icon-class=\"ArrowRight\" class=\"close\" @click=\"hideExtentionsHandle\">\r\n </MKSvgIcon>\r\n <el-divider content-position=\"left\">文章设置</el-divider>\r\n <MKDataForm :dataForm=\"articleDv\">\r\n <MKForm :dataForm=\"articleDv\" style=\"width:225px\" label-width=\"110px\">\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isTop\"></MKDataFormItem>\r\n </el-row>\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isNew\"></MKDataFormItem>\r\n </el-row>\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isHotRecommend\"></MKDataFormItem>\r\n </el-row>\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isPartRecommend\"></MKDataFormItem>\r\n </el-row>\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isShowList\"></MKDataFormItem>\r\n </el-row>\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"isDraft\"></MKDataFormItem>\r\n </el-row>\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"sortNo\"></MKDataFormItem>\r\n </el-row>\r\n </MKForm>\r\n </MKDataForm>\r\n </div>\r\n </template>\r\n <template #footer>\r\n <div class=\"mk-cms-article-eidtadd__body__footer\">\r\n <el-tabs v-model=\"articleOptionsActive\">\r\n <el-tab-pane label=\"基础内容\" name=\"content\">\r\n <div class=\"content\">\r\n <el-row :gutter=\"20\">\r\n <el-col :span=\"6\">\r\n <el-input placeholder=\"[选填] 作者\" v-model=\"articleDv.data.author\" clearable>\r\n <template #prefix>\r\n <MKSvgIcon iconClass=\"UserFilled\" />\r\n </template>\r\n </el-input>\r\n </el-col>\r\n <el-col :span=\"6\">\r\n <el-date-picker v-model=\"releaseDate\" type=\"datetime\" placeholder=\"发布时间\"\r\n :default-time=\"new Date()\" />\r\n </el-col>\r\n <el-col :span=\"12\">\r\n <el-input placeholder=\"[选填] 发布地址\" v-model=\"articleDv.data.locationDesc\" clearable>\r\n <template #prefix>\r\n <MKSvgIcon iconClass=\"Location\" />\r\n </template>\r\n </el-input>\r\n </el-col>\r\n </el-row>\r\n <el-row>\r\n <el-select v-model=\"tags\" multiple filterable allow-create default-first-option\r\n :reserve-keyword=\"false\" placeholder=\"[可选] 选择文章标签\" style=\"width: 100%\">\r\n <template #prefix>\r\n <MKSvgIcon iconClass=\"CollectionTag\" />\r\n </template>\r\n </el-select>\r\n </el-row>\r\n <el-row class=\"cover-desc\">\r\n <MKUploadFile v-model=\"articleDv.data.cover\" class=\"cover\" :uploadContext=\"new MaterialUploadContext({\r\n allowMaterialTypeValues: [1],\r\n })\">\r\n <el-image class=\"cover-image\" :src=\"articleDv.data.cover\" style=\"width: 100%; height: 100%\"\r\n fit=\"contain\">\r\n <template #error>\r\n <MKSvgIcon iconClass=\"Picture\" />\r\n </template>\r\n </el-image>\r\n </MKUploadFile>\r\n <el-input class=\"desc\" type=\"textarea\" :autosize=\"{ minRows: 5, maxRows: 10 }\" maxlength=\"1000\"\r\n show-word-limit placeholder=\"[选填] 文章简介\" v-model=\"articleDv.data.desc\" />\r\n </el-row>\r\n <el-divider content-position=\"left\">文章封面</el-divider>\r\n <el-row>\r\n <MKUploadFile class=\"banner\" v-model=\"articleDv.data.banner\" :uploadContext=\"new MaterialUploadContext({\r\n allowMaterialTypeValues: [1],\r\n })\">\r\n <el-image class=\"cover-image\" :src=\"articleDv.data.banner\" style=\"width: 100%; height: 100%\"\r\n fit=\"cover\">\r\n <template #error>\r\n <MKSvgIcon iconClass=\"Picture\" />\r\n </template>\r\n </el-image>\r\n </MKUploadFile>\r\n </el-row>\r\n </div>\r\n </el-tab-pane>\r\n <el-tab-pane label=\"文章资源库\" name=\"atlas\">\r\n <ArticleAtlas v-model=\"atlas\" :articleId=\"parseInt(articleDv.data?.id)\" />\r\n </el-tab-pane>\r\n <el-tab-pane label=\"页面设置\" name=\"settings\">\r\n <MKDataForm :dataForm=\"articleDv\" label-width=\"120px\">\r\n <MKForm :dataForm=\"articleDv\">\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"seoKeywords\"></MKDataFormItem>\r\n </el-row>\r\n <el-row>\r\n <MKDataFormItem style=\"width: 100%;\" name=\"seoDesc\"></MKDataFormItem>\r\n </el-row>\r\n </MKForm>\r\n </MKDataForm>\r\n </el-tab-pane>\r\n </el-tabs>\r\n </div>\r\n </template>\r\n </MKDocEditor>\r\n </div>\r\n </div>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { onMounted, reactive, ref, computed } from \"vue\";\r\nimport { MKDocEditor, MKSvgIcon } from '../../../../components'\r\nimport { MKDataForm, MKForm, MKDataFormItem } from \"../../../../components\";\r\nimport ArticleAtlas from \"./components/article-atlas.vue\";\r\nimport { CmsArticlesForm } from \"../../dataviews\";\r\nimport { useRoute,useRouter } from \"vue-router\";\r\nimport { MaterialUploadContext } from \"../../../ms\";\r\n\r\nconst route = useRoute()\r\nconst router = useRouter();\r\n\r\n\r\n// 文章请求\r\nconst articleDv = reactive(new CmsArticlesForm()) as CmsArticlesForm;\r\nconst articleOptionsActive = ref(\"content\");\r\n\r\n//qiat\r\n\r\n// 标题\r\nconst title = computed({\r\n get() { return articleDv.data?.title \|\| \"\"; },\r\n set(val) { articleDv.data.title = val; }\r\n});\r\n// 子标题\r\nconst subTitle = computed({\r\n get() { return articleDv.data?.subTitle \|\| \"\"; },\r\n set(val) { articleDv.data.subTitle = val; }\r\n});\r\n// 发布时间\r\nconst releaseDate = computed({\r\n get() { return articleDv.data?.releaseDate \|\| articleDv.data?.publishTime; },\r\n set(val) { articleDv.data.releaseDate = val; }\r\n});\r\n// 标签\r\nconst tags = ref([]);\r\n// computed({ \r\n// get() { return articleDv.data?.tags \|\| [] }, \r\n// set(val) { articleDv.data.tags = val; } \r\n// });\r\n// 内容\r\nconst content = computed({\r\n get() { return articleDv.data?.content \|\| \"\"; },\r\n set(val) { articleDv.data.content = val; }\r\n});\r\n\r\n// 图集\r\nconst atlas = computed({\r\n get() {\r\n return articleDv.data?.atlas\r\n },\r\n set(val) { articleDv.data.atlas = val; }\r\n});\r\n\r\n\r\nonMounted(() => {\r\n\r\n // 初始化数据加载\r\n if (route.query.id) {\r\n articleDv.editRecord(route.query.id);\r\n }\r\n else if (route.query.partId) {\r\n articleDv.addRecord({\r\n cmsPartId: route.query.partId\r\n });\r\n }\r\n else {\r\n articleDv.addRecord();\r\n }\r\n articleDv.init();\r\n \r\n})\r\n\r\n// 保存\r\nconst saveHandle = async () => {\r\n\r\n let result = await articleDv.submit();\r\n if (route.query.id) {\r\n articleDv.editRecord(route.query.id);\r\n } else if (route.query.partId) {\r\n articleDv.addRecord({\r\n cmsPartId: route.query.partId\r\n });\r\n } else {\r\n articleDv.addRecord();\r\n }\r\n}\r\nconst showExtentions = ref(false);\r\nconst extentionsRef = ref();\r\n// 隐藏扩展\r\nconst hideExtentionsHandle = () => {\r\n\r\n showExtentions.value = true;\r\n}\r\n//展示扩展\r\nconst showExtentionsHandle = () => {\r\n\r\n showExtentions.value = false;\r\n\r\n}\r\n\r\nconst EditorChangeHandle = (v: any) => {\r\n articleDv.data.content = v;\r\n}\r\n\r\n</script>\r\n"],"names":["useRoute","useRouter","reactive","CmsArticlesForm","ref","computed","onMounted"],"mappings":"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"}

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

@@ -191,12 +191,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             vue.createElementVNode("div", _hoisted_7, [
                               vue.createElementVNode("div", _hoisted_8, [
                                 vue.createElementVNode("div", _hoisted_9, [
-                                  vue.createVNode(_component_MKSvgIcon, { iconClass: "User" }),
+                                  vue.createVNode(_component_MKSvgIcon, { iconClass: "UserFilled" }),
                                   vue.createTextVNode(" 作者 : " + vue.toDisplayString(article.author || "-"), 1)
                                 ]),
                                 vue.createElementVNode("div", _hoisted_10, [
                                   vue.createVNode(_component_MKSvgIcon, { iconClass: "Timer" }),
-                                  vue.createTextVNode("发布时间 ： " + vue.toDisplayString(article.publishTime), 1)
+                                  vue.createTextVNode(" 发布时间 ： " + vue.toDisplayString(article.publishTime), 1)
                                 ])
                               ]),
                               vue.createElementVNode("div", _hoisted_11, [

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

	@@ -1 +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 @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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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=\"UserFilled\"></MKSvgIcon> \r\n 作者 : {{ article.author \|\| \"-\" }}\r\n </div>\r\n <div class=\"publish-time\">\r\n <MKSvgIcon iconClass=\"Timer\"></MKSvgIcon> \r\n 发布时间： {{ 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}