@maketribe/ms-app 3.2.2 → 3.2.4

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

@@ -17,24 +17,25 @@ 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/dm");
 require("@maketribe/utils");
-require("../../../../core/DataModelDefines.js");
-const vueRouter = require("vue-router");
-require("@maketribe/locale");
 require("../../../../components/basic/upload-file/context/web-file-upload-context.js");
 require("../../../../components/basic/upload-file/context/web-file-upload-context-options.js");
 require("../../../../components/basic/upload-file/ui/upload-image/index.js");
 require("../../../../components/basic/upload-file/upload-file-options.js");
 const index$1 = require("../../../../components/basic/doc-editor/index.js");
 require("../../../../components/basic/copy-container/index.js");
+require("../../../../components/basic/image-cropper/index.js");
 const index$2 = 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 articleAtlas_vue_vue_type_script_setup_true_lang = require("./components/article-atlas.vue.js");
+require("../../../../core/DataModelDefines.js");
+const vueRouter = require("vue-router");
+require("@maketribe/locale");
 require("../../../ms/dataviews/department/DepartmentForm.js");
 require("../../../ms/dataviews/department/DepartmentTable.js");
 require("../../../ms/dataviews/department/DepartmentTree.js");
@@ -43,9 +44,9 @@ 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");
+const MaterialUploadContext = require("../../../ms/material-upload-context/MaterialUploadContext.js");
 require("../../../ms/material-upload-context/material-upload-context-options.js");
 require("../../../ms/material-upload-context/material-upload-context.js");
 const CmsArticlesForm = require("../../dataviews/cms-articles/CmsArticlesForm.js");
@@ -109,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return (_a = articleDv.data) == null ? void 0 : _a.atlas;
       },
       set(val) {
-        articleDv.data.content = val;
+        articleDv.data.atlas = val;
       }
     });
     window.articleDv = articleDv;
@@ -145,9 +146,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const showExtentionsHandle = () => {
       showExtentions.value = false;
     };
+    const EditorChangeHandle = (v) => {
+      articleDv.data.content = v;
+    };
     return (_ctx, _cache) => {
       const _component_el_text = vue.resolveComponent("el-text");
-      vue.resolveComponent("el-tag");
+      const _component_el_tag = vue.resolveComponent("el-tag");
       const _component_el_button = vue.resolveComponent("el-button");
       const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
       const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
@@ -169,81 +173,108 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           style: { "background-color": "#fff", "padding": "10px" },
           icon: null
         }, {
-          content: vue.withCtx(() => [
-            (vue.openBlock(), vue.createBlock(_component_el_text, { key: 0 }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(!!vue.unref(route).query.id ? "编辑文章" : "创建文章"), 1)
-              ]),
-              _: 1
-            }))
-          ]),
-          extra: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_2, [
-              (vue.openBlock(), vue.createBlock(_component_el_text, { key: 1 }, {
+          content: vue.withCtx(() => {
+            var _a;
+            return [
+              !((_a = articleDv.data) == null ? void 0 : _a.modifier) ? (vue.openBlock(), vue.createBlock(_component_el_text, { key: 0 }, {
                 default: vue.withCtx(() => [
-                  vue.createTextVNode("发布时间：2023/04/06 12:12:11")
+                  vue.createTextVNode(vue.toDisplayString(!!vue.unref(route).query.id ? "编辑文章" : "创建文章"), 1)
                 ]),
                 _: 1
-              })),
-              vue.createVNode(_component_el_dropdown, null, {
-                dropdown: vue.withCtx(() => [
-                  vue.createVNode(_component_el_dropdown_menu, null, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(_component_el_dropdown_item, { onClick: saveHandle }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(" 仅保存 ")
-                        ]),
-                        _: 1
-                      }),
-                      vue.createVNode(_component_el_dropdown_item, null, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(" 保存为草稿 ")
-                        ]),
-                        _: 1
-                      }),
-                      vue.createVNode(_component_el_dropdown_item, null, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(" 保存并预览 ")
-                        ]),
-                        _: 1
-                      }),
-                      vue.createVNode(_component_el_dropdown_item, null, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(" 保存并发布 ")
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                default: vue.withCtx(() => [
-                  vue.createElementVNode("span", _hoisted_3, [
-                    vue.createVNode(_component_el_button, {
-                      type: "primary",
-                      text: ""
-                    }, {
+              })) : (vue.openBlock(), vue.createBlock(_component_el_text, { key: 1 }, {
+                default: vue.withCtx(() => {
+                  var _a2, _b;
+                  return [
+                    vue.createTextVNode(vue.toDisplayString((_a2 = articleDv.data) == null ? void 0 : _a2.modifierName) + " 于 " + vue.toDisplayString((_b = articleDv.data) == null ? void 0 : _b.updatedAt) + " 更新", 1)
+                  ];
+                }),
+                _: 1
+              }))
+            ];
+          }),
+          extra: vue.withCtx(() => {
+            var _a;
+            return [
+              vue.createElementVNode("div", _hoisted_2, [
+                !((_a = articleDv.data) == null ? void 0 : _a.publishTime) ? (vue.openBlock(), vue.createBlock(_component_el_tag, {
+                  key: 0,
+                  effect: "dark",
+                  round: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode("未发布")
+                  ]),
+                  _: 1
+                })) : (vue.openBlock(), vue.createBlock(_component_el_text, { key: 1 }, {
+                  default: vue.withCtx(() => {
+                    var _a2;
+                    return [
+                      vue.createTextVNode("发布时间：" + vue.toDisplayString((_a2 = articleDv.data) == null ? void 0 : _a2.publishTime), 1)
+                    ];
+                  }),
+                  _: 1
+                })),
+                vue.createVNode(_component_el_dropdown, null, {
+                  dropdown: vue.withCtx(() => [
+                    vue.createVNode(_component_el_dropdown_menu, null, {
                       default: vue.withCtx(() => [
-                        vue.createTextVNode(" 保存 "),
-                        vue.createVNode(vue.unref(index.MKSvgIcon), {
-                          iconClass: "Plus",
-                          style: { "margin-left": "10px" }
+                        vue.createVNode(_component_el_dropdown_item, { onClick: saveHandle }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" 仅保存 ")
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_dropdown_item, null, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" 保存为草稿 ")
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_dropdown_item, null, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" 保存并预览 ")
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_dropdown_item, null, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" 保存并发布 ")
+                          ]),
+                          _: 1
                         })
                       ]),
                       _: 1
                     })
-                  ])
-                ]),
-                _: 1
-              })
-            ])
-          ]),
+                  ]),
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("span", _hoisted_3, [
+                      vue.createVNode(_component_el_button, {
+                        type: "primary",
+                        text: ""
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(" 保存 "),
+                          vue.createVNode(vue.unref(index.MKSvgIcon), {
+                            iconClass: "Plus",
+                            style: { "margin-left": "10px" }
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                })
+              ])
+            ];
+          }),
           _: 1
         }),
         vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
           articleDv.data ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.MKDocEditor), {
             key: 0,
-            content: content.value
+            content: content.value,
+            onChange: EditorChangeHandle
           }, {
             header: vue.withCtx(() => [
               vue.createElementVNode("div", _hoisted_5, [
@@ -385,7 +416,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", _hoisted_6, [
                 vue.createVNode(_component_el_tabs, {
                   modelValue: articleOptionsActive.value,
-                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => articleOptionsActive.value = $event)
+                  "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => articleOptionsActive.value = $event)
                 }, {
                   default: vue.withCtx(() => [
                     vue.createVNode(_component_el_tab_pane, {
@@ -466,7 +497,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           }),
                           vue.createVNode(_component_el_row, { class: "cover-desc" }, {
                             default: vue.withCtx(() => [
-                              vue.createVNode(_component_MKUploadFile, { class: "cover" }, {
+                              vue.createVNode(_component_MKUploadFile, {
+                                modelValue: articleDv.data.cover,
+                                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => articleDv.data.cover = $event),
+                                class: "cover",
+                                uploadContext: new (vue.unref(MaterialUploadContext.MaterialUploadContext))({
+                                  allowMaterialTypeValues: [1]
+                                })
+                              }, {
                                 default: vue.withCtx(() => [
                                   vue.createVNode(_component_el_image, {
                                     class: "cover-image",
@@ -481,7 +519,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                   }, 8, ["src"])
                                 ]),
                                 _: 1
-                              }),
+                              }, 8, ["modelValue", "uploadContext"]),
                               vue.createVNode(_component_el_input, {
                                 class: "desc",
                                 type: "textarea",
@@ -490,7 +528,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                 "show-word-limit": "",
                                 placeholder: "[选填] 文章简介",
                                 modelValue: articleDv.data.desc,
-                                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => articleDv.data.desc = $event)
+                                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => articleDv.data.desc = $event)
                               }, null, 8, ["modelValue"])
                             ]),
                             _: 1
@@ -503,7 +541,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           }),
                           vue.createVNode(_component_el_row, null, {
                             default: vue.withCtx(() => [
-                              vue.createVNode(_component_MKUploadFile, { class: "banner" }, {
+                              vue.createVNode(_component_MKUploadFile, {
+                                class: "banner",
+                                modelValue: articleDv.data.banner,
+                                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => articleDv.data.banner = $event),
+                                uploadContext: new (vue.unref(MaterialUploadContext.MaterialUploadContext))({
+                                  allowMaterialTypeValues: [1]
+                                })
+                              }, {
                                 default: vue.withCtx(() => [
                                   vue.createVNode(_component_el_image, {
                                     class: "cover-image",
@@ -518,7 +563,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                   }, 8, ["src"])
                                 ]),
                                 _: 1
-                              })
+                              }, 8, ["modelValue", "uploadContext"])
                             ]),
                             _: 1
                           })
@@ -535,7 +580,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         return [
                           vue.createVNode(articleAtlas_vue_vue_type_script_setup_true_lang, {
                             modelValue: atlas.value,
-                            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => atlas.value = $event),
+                            "onUpdate:modelValue": _cache[9] || (_cache[9] = ($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

@@ -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=\"true\">{{ !!route.query.id ? \"编辑文章\" : \"创建文章\" }}</el-text>\r\n        <el-text v-else>超管 于 2023/04/06 12:12:11 更新</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=\"false\" effect=\"dark\" round>未发布</el-tag>\r\n          <el-text v-else>发布时间：2023/04/06 12:12:11</el-text>\r\n          <el-dropdown>\r\n            <span class=\"el-dropdown-link\">\r\n              <el-button type=\"primary\" text>\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\">\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 class=\"cover\">\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\">\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\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.content = 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\n</script>\r\n"],"names":["useRoute","DvOpt","reactive","CmsArticlesForm","ref","computed","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+KA,UAAM,QAAQA,UAAAA;AAGOC,kBAAM,eAAe,EAAE,MAAM,WAAW,YAAY,OAAO;AAChF,UAAM,YAAYC,IAAAA,SAAS,IAAIC,gBAAAA,gBAAiB,CAAA;AAC1C,UAAA,uBAAuBC,QAAI,SAAS;AAK1C,UAAM,QAAQC,IAAAA,SAAS;AAAA,MACrB,MAAM;;AAAS,iBAAA,eAAU,SAAV,mBAAgB,UAAS;AAAA,MAAI;AAAA,MAC5C,IAAI,KAAK;AAAE,kBAAU,KAAK,QAAQ;AAAA,MAAK;AAAA,IAAA,CACxC;AAED,UAAM,WAAWA,IAAAA,SAAS;AAAA,MACxB,MAAM;;AAAS,iBAAA,eAAU,SAAV,mBAAgB,aAAY;AAAA,MAAI;AAAA,MAC/C,IAAI,KAAK;AAAE,kBAAU,KAAK,WAAW;AAAA,MAAK;AAAA,IAAA,CAC3C;AAED,UAAM,cAAcA,IAAAA,SAAS;AAAA,MAC3B,MAAM;;AAAE,iBAAO,eAAU,SAAV,mBAAgB,kBAAe,eAAU,SAAV,mBAAgB;AAAA,MAAa;AAAA,MAC3E,IAAI,KAAK;AAAE,kBAAU,KAAK,cAAc;AAAA,MAAK;AAAA,IAAA,CAC9C;AAEK,UAAA,OAAOD,QAAI,CAAA,CAAE;AAMnB,UAAM,UAAUC,IAAAA,SAAS;AAAA,MACvB,MAAM;;AAAS,iBAAA,eAAU,SAAV,mBAAgB,YAAW;AAAA,MAAI;AAAA,MAC9C,IAAI,KAAK;AAAE,kBAAU,KAAK,UAAU;AAAA,MAAK;AAAA,IAAA,CAC1C;AAGD,UAAM,QAAQA,IAAAA,SAAS;AAAA,MACrB,MAAM;;AACJ,gBAAO,eAAU,SAAV,mBAAgB;AAAA,MACzB;AAAA,MACA,IAAI,KAAK;AAAE,kBAAU,KAAK,UAAU;AAAA,MAAK;AAAA,IAAA,CAC1C;AAGA,WAAe,YAAY;AAE5BC,QAAAA,UAAU,MAAM;AAGV,UAAA,MAAM,MAAM,IAAI;AACR,kBAAA,WAAW,MAAM,MAAM,EAAE;AAAA,MAAA,WAE5B,MAAM,MAAM,QAAQ;AAC3B,kBAAU,UAAU;AAAA,UAClB,WAAW,MAAM,MAAM;AAAA,QAAA,CACxB;AAAA,MAAA,OAEE;AACH,kBAAU,UAAU;AAAA,MACtB;AACA,gBAAU,KAAK;AAAA,IAAA,CAChB;AAGD,UAAM,aAAa,YAAY;AAEhB,YAAM,UAAU,OAAO;AAChC,UAAA,MAAM,MAAM,IAAI;AACR,kBAAA,WAAW,MAAM,MAAM,EAAE;AAAA,MAAA,WAC1B,MAAM,MAAM,QAAQ;AAC7B,kBAAU,UAAU;AAAA,UAClB,WAAW,MAAM,MAAM;AAAA,QAAA,CACxB;AAAA,MAAA,OACI;AACL,kBAAU,UAAU;AAAA,MACtB;AAAA,IAAA;AAEI,UAAA,iBAAiBF,QAAI,KAAK;AAChC,UAAM,gBAAgBA,IAAAA;AAEtB,UAAM,uBAAuB,MAAM;AAEjC,qBAAe,QAAQ;AAAA,IAAA;AAGzB,UAAM,uBAAuB,MAAM;AAEjC,qBAAe,QAAQ;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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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"}