@maketribe/ms-app 3.2.46 → 4.0.0-alpha.2

package/dist/cjs/article-edit-add-page-CmmfKL2F.cjs

@@ -0,0 +1,882 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const elIcons = require("@element-plus/icons-vue");
+const index = require("./index-DqS1nGyv.cjs");
+require("element-plus");
+require("@maketribe/request");
+require("@maketribe/utils");
+require("@lexical/overflow");
+require("@lexical/text");
+require("@lexical/utils");
+require("lexical");
+require("@lexical/selection");
+require("@lexical/link");
+require("@lexical/rich-text");
+require("@maketribe/dm");
+require("@lexical/history");
+require("@lexical/dragon");
+require("@lexical/plain-text");
+const vueRouter = require("vue-router");
+require("@maketribe/locale");
+require("lodash-es");
+require("@codemirror/lang-html");
+const cmsSettings = require("./cms-settings-C_F-8EN5.cjs");
+const _hoisted_1$1 = /* @__PURE__ */ vue.createElementVNode("div", {
+  slot: "placeholder",
+  class: "image-slot"
+}, [
+  /* @__PURE__ */ vue.createTextVNode(" 加载中"),
+  /* @__PURE__ */ vue.createElementVNode("span", { class: "dot" }, "...")
+], -1);
+const _hoisted_2$1 = ["src"];
+const _hoisted_3$1 = { class: "cms-article-atlas__list__item__desc" };
+const _hoisted_4$1 = { class: "item-desc-left" };
+const _hoisted_5$1 = { class: "title ellipsis" };
+const _hoisted_6$1 = ["title"];
+const _hoisted_7 = { class: "external-links ellipsis" };
+const _hoisted_8 = ["href", "title"];
+const _hoisted_9 = { class: "el-dropdown-link" };
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "article-atlas",
+  props: {
+    articleId: { type: Number, default: "" },
+    modelValue: { type: Array, default: () => [] }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const atlasDv = vue.reactive(new index.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, index2) => {
+          const extension = item.path.slice(item.path.lastIndexOf("."));
+          let type = 0;
+          if (imgExtension.includes(extension)) {
+            type = 1;
+          } else if (videoExtension.includes(extension)) {
+            type = 2;
+          }
+          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({
+        cmsArticlesId: props.articleId
+      });
+    };
+    vue.watch(formVisible, (v) => {
+      atlasDv.reset();
+    });
+    const saveAlatsHandle = async () => {
+      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();
+    });
+    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_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()),
+            class: "cms-article-atlas__header"
+          }, [
+            vue.createElementVNode("span", null, [
+              vue.createVNode(_component_MKSvgIcon, {
+                iconClass: "Picture",
+                style: { "margin-right": "5px" }
+              }),
+              vue.createTextVNode(" 文章媒体库 ")
+            ]),
+            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.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$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$1)) : vue.createCommentVNode("", true),
+                    vue.createElementVNode("div", _hoisted_3$1, [
+                      vue.createElementVNode("div", _hoisted_4$1, [
+                        vue.createElementVNode("div", _hoisted_5$1, [
+                          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$1)
+                        ]),
+                        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(elIcons.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(elIcons.Delete),
+                                onClick: ($event) => deleteHandle(index2)
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode("删除")
+                                ]),
+                                _: 2
+                              }, 1032, ["icon", "onClick"])
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        default: vue.withCtx(() => [
+                          vue.createElementVNode("span", _hoisted_9, [
+                            vue.createTextVNode(" 更多"),
+                            vue.createVNode(_component_el_icon, { class: "el-icon--right" }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(elIcons.ArrowDown))
+                              ]),
+                              _: 1
+                            })
+                          ])
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ])
+                  ]),
+                  _: 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.MKForm))
+                    ]),
+                    _: 1
+                  }, 8, ["dataForm"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const _hoisted_1 = { class: "mk-cms-article-eidtadd__warp" };
+const _hoisted_2 = { class: "mk-cms-article-eidtadd__header_tools" };
+const _hoisted_3 = { class: "mk-cms-article-eidtadd__body" };
+const _hoisted_4 = { class: "mk-cms-article-eidtadd__body__header" };
+const _hoisted_5 = { class: "mk-cms-article-eidtadd__body__footer" };
+const _hoisted_6 = { class: "content" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "article-edit-add-page",
+  setup(__props) {
+    const CmsSettings = cmsSettings.useCmsSettings(true);
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    const articleForm = vue.reactive(new index.CmsArticlesForm());
+    const articleOptionsActive = vue.ref("content");
+    const title = vue.computed({
+      get() {
+        var _a;
+        return ((_a = articleForm.data) == null ? void 0 : _a.title) || "";
+      },
+      set(val) {
+        articleForm.data.title = val;
+      }
+    });
+    const subTitle = vue.computed({
+      get() {
+        var _a;
+        return ((_a = articleForm.data) == null ? void 0 : _a.subTitle) || "";
+      },
+      set(val) {
+        articleForm.data.subTitle = val;
+      }
+    });
+    const getDefaultDescContent = () => {
+      var _a;
+      if (!descAutoCreate.value) {
+        return "";
+      }
+      let val = "";
+      const div = document.createElement("div");
+      div.innerHTML = content.value;
+      val = (_a = div.textContent) == null ? void 0 : _a.substring(0, 700);
+      if (div.textContent.length > 700) {
+        val += "...";
+      }
+      return val;
+    };
+    const descAutoCreate = vue.ref(true);
+    const desc = vue.computed({
+      get() {
+        var _a;
+        return ((_a = articleForm.data) == null ? void 0 : _a.desc) || getDefaultDescContent();
+      },
+      set(val) {
+        articleForm.data.desc = val;
+      }
+    });
+    const releaseDate = vue.computed({
+      get() {
+        var _a, _b;
+        return ((_a = articleForm.data) == null ? void 0 : _a.releaseDate) || ((_b = articleForm.data) == null ? void 0 : _b.publishTime);
+      },
+      set(val) {
+        articleForm.data.releaseDate = val;
+      }
+    });
+    const tags = vue.ref([]);
+    const content = vue.computed({
+      get() {
+        var _a;
+        return ((_a = articleForm.data) == null ? void 0 : _a.content) || "";
+      },
+      set(val) {
+        articleForm.data.content = val;
+      }
+    });
+    const atlas = vue.computed({
+      get() {
+        var _a;
+        return (_a = articleForm.data) == null ? void 0 : _a.atlas;
+      },
+      set(val) {
+        articleForm.data.atlas = val;
+      }
+    });
+    const formInitDataInfo = () => {
+      if (route.query.id) {
+        articleForm.editRecord(route.query.id);
+      } else if (route.query.partId) {
+        articleForm.addRecord({ cmsPartId: route.query.partId, isDraft: 1 });
+      } else {
+        articleForm.addRecord({ isDraft: 1 });
+      }
+    };
+    vue.onMounted(() => {
+      formInitDataInfo();
+      articleForm.init();
+    });
+    const saveHandle = async () => {
+      var _a;
+      if (!((_a = articleForm.data) == null ? void 0 : _a.desc)) {
+        desc.value = getDefaultDescContent();
+      }
+      let result = await articleForm.submit();
+      router.back();
+      return result;
+    };
+    const saveAndViewHandle = async () => {
+      const partId = articleForm.data.cmsPartId;
+      const data = await saveHandle();
+      if (data.data.code == 200 && data.data.data) {
+        window.open("/api/cms/content/preview/content/" + partId + "/" + data.data.data);
+      }
+    };
+    const saveAndPublishHandle = async () => {
+      const result = await articleForm.saveAndPublish(CmsSettings.publish.mode);
+      if (result.data.code == 200) {
+        router.back();
+      }
+    };
+    const closeExtentions = vue.ref(true);
+    const extentionsRef = vue.ref();
+    const hideExtentionsHandle = () => {
+      closeExtentions.value = true;
+    };
+    const closeExtentionsHandle = () => {
+      closeExtentions.value = false;
+    };
+    const docEditorChangeHandle = (v) => {
+      articleForm.data.content = v;
+    };
+    return (_ctx, _cache) => {
+      const _component_el_text = vue.resolveComponent("el-text");
+      const _component_el_tag = vue.resolveComponent("el-tag");
+      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_page_header = vue.resolveComponent("el-page-header");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_row = vue.resolveComponent("el-row");
+      const _component_el_divider = vue.resolveComponent("el-divider");
+      const _component_el_col = vue.resolveComponent("el-col");
+      const _component_el_date_picker = vue.resolveComponent("el-date-picker");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_switch = vue.resolveComponent("el-switch");
+      const _component_el_tab_pane = vue.resolveComponent("el-tab-pane");
+      const _component_el_tabs = vue.resolveComponent("el-tabs");
+      const _directive_loading = vue.resolveDirective("loading");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(_component_el_page_header, {
+          style: { "background-color": "#fff", "padding": "10px" },
+          icon: vue.unref(elIcons.ArrowLeftBold),
+          title: "返回",
+          onBack: _cache[0] || (_cache[0] = () => {
+            var _a;
+            return vue.unref(router).push({ name: "cms/contents", query: { pid: (_a = articleForm == null ? void 0 : articleForm.data) == null ? void 0 : _a.cmsPartId } });
+          })
+        }, {
+          content: vue.withCtx(() => {
+            var _a;
+            return [
+              !articleForm.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                !((_a = articleForm.data) == null ? void 0 : _a.modifier) ? (vue.openBlock(), vue.createBlock(_component_el_text, { key: 0 }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(!!vue.unref(route).query.id ? "编辑文章" : "创建文章"), 1)
+                  ]),
+                  _: 1
+                })) : (vue.openBlock(), vue.createBlock(_component_el_text, { key: 1 }, {
+                  default: vue.withCtx(() => {
+                    var _a2, _b;
+                    return [
+                      vue.createTextVNode(vue.toDisplayString((_a2 = articleForm.data) == null ? void 0 : _a2.modifierName) + " 于 " + vue.toDisplayString((_b = articleForm.data) == null ? void 0 : _b.updatedAt) + " 更新", 1)
+                    ];
+                  }),
+                  _: 1
+                }))
+              ], 64)) : vue.createCommentVNode("", true)
+            ];
+          }),
+          extra: vue.withCtx(() => {
+            var _a;
+            return [
+              vue.createElementVNode("div", _hoisted_2, [
+                !articleForm.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                  !((_a = articleForm.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 = articleForm.data) == null ? void 0 : _a2.publishTime), 1)
+                      ];
+                    }),
+                    _: 1
+                  }))
+                ], 64)) : vue.createCommentVNode("", true),
+                vue.createVNode(_component_el_dropdown, {
+                  "split-button": "",
+                  type: "primary",
+                  style: { "margin-left": "10px" },
+                  onClick: saveHandle
+                }, {
+                  dropdown: vue.withCtx(() => [
+                    vue.createVNode(_component_el_dropdown_menu, null, {
+                      default: vue.withCtx(() => [
+                        vue.unref(CmsSettings).publish.mode == "static" ? (vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
+                          key: 0,
+                          onClick: saveAndViewHandle
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(index.MKSvgIcon), {
+                              name: "ep:view",
+                              style: { "margin-right": "5px" }
+                            }),
+                            vue.createTextVNode(" 保存并预览 ")
+                          ]),
+                          _: 1
+                        })) : vue.createCommentVNode("", true),
+                        vue.createVNode(_component_el_dropdown_item, { onClick: saveAndPublishHandle }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(index.MKSvgIcon), {
+                              name: "ep:share",
+                              style: { "margin-right": "5px" }
+                            }),
+                            vue.createTextVNode(" 保存并发布 ")
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(index.MKSvgIcon), {
+                      name: "carbon:save",
+                      style: { "margin-right": "10px" }
+                    }),
+                    vue.createTextVNode(" 保存 ")
+                  ]),
+                  _: 1
+                })
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["icon"]),
+        vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          articleForm.data ? (vue.openBlock(), vue.createBlock(vue.unref(index.MKDocEditor), {
+            key: 0,
+            css: vue.unref(CmsSettings).content.doc.css,
+            namespace: "cms-article",
+            js: vue.unref(CmsSettings).content.doc.js,
+            modelValue: content.value,
+            "onUpdate:modelValue": docEditorChangeHandle
+          }, {
+            header: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_4, [
+                vue.createVNode(_component_el_row, null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_input, {
+                      class: "title",
+                      type: "textarea",
+                      autosize: { minRows: 1, maxRows: 4 },
+                      maxlength: "150",
+                      "show-word-limit": "",
+                      placeholder: "请输入标题",
+                      modelValue: title.value,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => title.value = $event)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_row, null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_input, {
+                      class: "sub-title",
+                      type: "textarea",
+                      autosize: { minRows: 1, maxRows: 4 },
+                      maxlength: "150",
+                      "show-word-limit": "",
+                      placeholder: "[选填] 请输入子标题",
+                      modelValue: subTitle.value,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => subTitle.value = $event)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            "after-extentions": vue.withCtx(() => [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(["mk-cms-article-eidtadd__body__extentions", { hide: closeExtentions.value }]),
+                ref_key: "extentionsRef",
+                ref: extentionsRef
+              }, [
+                closeExtentions.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.MKSvgIcon), {
+                  key: 0,
+                  name: "ep:arrow-left",
+                  class: "open",
+                  onClick: closeExtentionsHandle
+                })) : (vue.openBlock(), vue.createBlock(vue.unref(index.MKSvgIcon), {
+                  key: 1,
+                  name: "ep:arrow-right",
+                  class: "close",
+                  onClick: hideExtentionsHandle
+                })),
+                vue.createVNode(_component_el_divider, { "content-position": "left" }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode("文章设置")
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(vue.unref(index.MKDataForm), { dataForm: articleForm }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(index.MKForm), {
+                      dataForm: articleForm,
+                      style: { "width": "225px" },
+                      "label-width": "110px"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.unref(CmsSettings).content.useTop ? (vue.openBlock(), vue.createBlock(_component_el_row, { key: 0 }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(index.MKDataFormItem), {
+                              style: { "width": "100%" },
+                              name: "isTop"
+                            })
+                          ]),
+                          _: 1
+                        })) : vue.createCommentVNode("", true),
+                        vue.unref(CmsSettings).content.useNew ? (vue.openBlock(), vue.createBlock(_component_el_row, { key: 1 }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(index.MKDataFormItem), {
+                              style: { "width": "100%" },
+                              name: "isNew"
+                            })
+                          ]),
+                          _: 1
+                        })) : vue.createCommentVNode("", true),
+                        vue.unref(CmsSettings).content.useHotRecommend ? (vue.openBlock(), vue.createBlock(_component_el_row, { key: 2 }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(index.MKDataFormItem), {
+                              style: { "width": "100%" },
+                              name: "isHotRecommend"
+                            })
+                          ]),
+                          _: 1
+                        })) : vue.createCommentVNode("", true),
+                        vue.unref(CmsSettings).content.usePartRecommend ? (vue.openBlock(), vue.createBlock(_component_el_row, { key: 3 }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(index.MKDataFormItem), {
+                              style: { "width": "100%" },
+                              name: "isPartRecommend"
+                            })
+                          ]),
+                          _: 1
+                        })) : vue.createCommentVNode("", true),
+                        vue.createVNode(_component_el_row, null, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(index.MKDataFormItem), {
+                              style: { "width": "100%" },
+                              name: "isShowList"
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["dataForm"])
+                  ]),
+                  _: 1
+                }, 8, ["dataForm"])
+              ], 2)
+            ]),
+            footer: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_5, [
+                vue.createVNode(_component_el_tabs, {
+                  modelValue: articleOptionsActive.value,
+                  "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => articleOptionsActive.value = $event)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_tab_pane, {
+                      label: "基础内容",
+                      name: "content"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createElementVNode("div", _hoisted_6, [
+                          vue.createVNode(_component_el_row, { gutter: 20 }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(_component_el_col, { span: 6 }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(_component_el_input, {
+                                    placeholder: "[选填] 作者",
+                                    modelValue: articleForm.data.author,
+                                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => articleForm.data.author = $event),
+                                    clearable: ""
+                                  }, {
+                                    prefix: vue.withCtx(() => [
+                                      vue.createVNode(vue.unref(index.MKSvgIcon), { name: "ep:user-filled" })
+                                    ]),
+                                    _: 1
+                                  }, 8, ["modelValue"])
+                                ]),
+                                _: 1
+                              }),
+                              vue.createVNode(_component_el_col, { span: 6 }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(_component_el_date_picker, {
+                                    modelValue: releaseDate.value,
+                                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => releaseDate.value = $event),
+                                    type: "datetime",
+                                    placeholder: "发布时间",
+                                    "default-time": /* @__PURE__ */ new Date()
+                                  }, null, 8, ["modelValue", "default-time"])
+                                ]),
+                                _: 1
+                              }),
+                              vue.createVNode(_component_el_col, { span: 12 }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(_component_el_input, {
+                                    placeholder: "[选填] 发布地址",
+                                    modelValue: articleForm.data.locationDesc,
+                                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => articleForm.data.locationDesc = $event),
+                                    clearable: ""
+                                  }, {
+                                    prefix: vue.withCtx(() => [
+                                      vue.createVNode(vue.unref(index.MKSvgIcon), { name: "ep:location" })
+                                    ]),
+                                    _: 1
+                                  }, 8, ["modelValue"])
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }),
+                          vue.unref(CmsSettings).content.useTags ? (vue.openBlock(), vue.createBlock(_component_el_row, { key: 0 }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(_component_el_select, {
+                                modelValue: tags.value,
+                                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => tags.value = $event),
+                                multiple: "",
+                                filterable: "",
+                                "allow-create": "",
+                                "default-first-option": "",
+                                "reserve-keyword": false,
+                                placeholder: "[可选] 选择文章标签",
+                                style: { "width": "100%" }
+                              }, {
+                                prefix: vue.withCtx(() => [
+                                  vue.createVNode(vue.unref(index.MKSvgIcon), { name: "ep:collection-tag" })
+                                ]),
+                                _: 1
+                              }, 8, ["modelValue"])
+                            ]),
+                            _: 1
+                          })) : vue.createCommentVNode("", true),
+                          vue.createVNode(_component_el_divider, { "content-position": "left" }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode(" 文章封面/简介 "),
+                              vue.createVNode(_component_el_switch, {
+                                modelValue: descAutoCreate.value,
+                                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => descAutoCreate.value = $event),
+                                style: { "margin-left": "10px" },
+                                "inline-prompt": "",
+                                "active-text": "自动生成",
+                                "inactive-text": "手动撰写"
+                              }, null, 8, ["modelValue"])
+                            ]),
+                            _: 1
+                          }),
+                          vue.createVNode(_component_el_row, { class: "cover-desc" }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(index.MKUploadImage), {
+                                style: { "margin-right": "10px" },
+                                modelValue: articleForm.data.cover,
+                                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => articleForm.data.cover = $event),
+                                width: "115px",
+                                height: "115px",
+                                uploadContext: new (vue.unref(index.ImageUploadContext))(vue.unref(CmsSettings).content.coverImageSize)
+                              }, null, 8, ["modelValue", "uploadContext"]),
+                              vue.createVNode(_component_el_input, {
+                                class: "desc",
+                                type: "textarea",
+                                autosize: { minRows: 5, maxRows: 30 },
+                                maxlength: "1000",
+                                "show-word-limit": "",
+                                placeholder: "[选填] 文章简介",
+                                modelValue: desc.value,
+                                "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => desc.value = $event)
+                              }, null, 8, ["modelValue"])
+                            ]),
+                            _: 1
+                          }),
+                          vue.createVNode(_component_el_divider, { "content-position": "left" }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode("文章Banner图")
+                            ]),
+                            _: 1
+                          }),
+                          vue.createVNode(_component_el_row, null, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(index.MKUploadImage), {
+                                modelValue: articleForm.data.banner,
+                                "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => articleForm.data.banner = $event),
+                                style: { "width": "100%" },
+                                height: "300px",
+                                uploadContext: new (vue.unref(index.ImageUploadContext))(vue.unref(CmsSettings).content.bannerImageSize)
+                              }, null, 8, ["modelValue", "uploadContext"])
+                            ]),
+                            _: 1
+                          })
+                        ])
+                      ]),
+                      _: 1
+                    }),
+                    vue.unref(CmsSettings).content.useAtlas ? (vue.openBlock(), vue.createBlock(_component_el_tab_pane, {
+                      key: 0,
+                      label: "文章资源库",
+                      name: "atlas"
+                    }, {
+                      default: vue.withCtx(() => {
+                        var _a;
+                        return [
+                          vue.createVNode(_sfc_main$1, {
+                            modelValue: atlas.value,
+                            "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => atlas.value = $event),
+                            articleId: parseInt((_a = articleForm.data) == null ? void 0 : _a.id)
+                          }, null, 8, ["modelValue", "articleId"])
+                        ];
+                      }),
+                      _: 1
+                    })) : vue.createCommentVNode("", true),
+                    vue.unref(CmsSettings).publish.mode == "static" ? (vue.openBlock(), vue.createBlock(_component_el_tab_pane, {
+                      key: 1,
+                      label: "页面设置",
+                      name: "settings"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(index.MKDataForm), {
+                          dataForm: articleForm,
+                          "label-width": "120px"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(index.MKForm), { dataForm: articleForm }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(_component_el_row, null, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(index.MKDataFormItem), {
+                                      style: { "width": "100%" },
+                                      name: "seoKeywords"
+                                    })
+                                  ]),
+                                  _: 1
+                                }),
+                                vue.createVNode(_component_el_row, null, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(index.MKDataFormItem), {
+                                      style: { "width": "100%" },
+                                      name: "seoDesc"
+                                    })
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            }, 8, ["dataForm"])
+                          ]),
+                          _: 1
+                        }, 8, ["dataForm"])
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["css", "js", "modelValue"])) : vue.createCommentVNode("", true)
+        ])), [
+          [_directive_loading, articleForm.loading]
+        ])
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=article-edit-add-page-CmmfKL2F.cjs.map