@maketribe/ms-app 3.2.5 → 3.2.7

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, unref, createBlock, createCommentVNode } from "vue";
+import { defineComponent, ref, reactive, onMounted, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, unref, createBlock, Fragment, createCommentVNode, resolveDynamicComponent } from "vue";
 import { MKPartTree } from "../../components/part-tree/index.js";
 import _sfc_main$1 from "./components/article-list.vue.js";
 import _sfc_main$2 from "./components/part-info.vue.js";
@@ -51,7 +51,9 @@ import "../../../ms/material-upload-context/material-upload-context.js";
 import "@codemirror/lang-html";
 import { CmsPartTypesTable } from "../../dataviews/cms-part-types/CmsPartTypesTable.js";
 import { CmsPartForm } from "../../dataviews/cms-parts/CmsPartForm.js";
-import { useRoute } from "vue-router";
+import { CmsContentManPartForm } from "../../dataviews/cms-parts/CmsContentManPartForm.js";
+import { useRoute, useRouter } from "vue-router";
+import { usePartExtension } from "../../composables/part-extensions.js";
 const _hoisted_1 = { class: "mk-cms-contents__warp" };
 const _hoisted_2 = { style: { "color": "var(--el-text-color-regular)", "margin-left": "10px" } };
 const _hoisted_3 = { class: "flex items-center" };
@@ -68,6 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
     const route = useRoute();
+    const router = useRouter();
     const previewHandle = (isList = false) => {
       if (isList) {
         window.open(`/api/cms/content/preview/part/${curSelectPartItem.value.id}?pageNo=1`);
@@ -87,10 +90,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const activeTabName = ref("article-list");
     const curSelectPartItem = ref(null);
     const partTreeRef = ref(null);
-    const partDataForm = reactive(new CmsPartForm());
+    const partExt = ref();
+    const partDataForm = reactive(new CmsContentManPartForm());
+    onMounted(() => {
+      partDataForm.init();
+    });
     const selectPartHandle = (item) => {
-      curSelectPartItem.value = item;
-      partDataForm.editRecord(curSelectPartItem.value.id);
+      if (curSelectPartItem.value != item) {
+        curSelectPartItem.value = item;
+        partDataForm.editRecord(curSelectPartItem.value.id);
+        router.replace({ name: "cms/contents", query: { pid: curSelectPartItem.value.id } });
+        partExt.value = usePartExtension(curSelectPartItem.value.id);
+      }
     };
     const deletePartHandle = (item) => {
       if (item.id == curSelectPartItem.value.id) {
@@ -101,9 +112,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       curSelectPartItem.value = item;
       activeTabName.value = "part";
     };
-    if (!!route.query.partId) {
-      curSelectPartItem.value = { id: route.query.partId };
-    }
     const partForm = reactive(
       new class extends CmsPartForm {
         async initialize() {
@@ -140,9 +148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         dataForm: partForm
       });
       if (item.id) {
-        partForm.addRecord({
-          parentId: item.id
-        });
+        partForm.addRecord({ parentId: item.id });
       }
     };
     partForm.submittedEvent.on(() => {
@@ -154,7 +160,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       const httpRequest = (_a = MSAppClient.instance) == null ? void 0 : _a.httpRequest;
       try {
-        const isConfirm = await Dialoger.confirm({ title: "全量发布", message: "是否全量发布？", type: "warning" });
+        const isConfirm = await Dialoger.confirm({ title: "全量发布", message: "是否整站全量发布？", type: "warning" });
         if (!isConfirm) {
           return;
         }
@@ -206,6 +212,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_MKSvgIcon = resolveComponent("MKSvgIcon");
       const _component_el_button = resolveComponent("el-button");
+      const _component_el_button_group = resolveComponent("el-button-group");
       const _component_el_page_header = resolveComponent("el-page-header");
       const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
       const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
@@ -223,7 +230,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           title: withCtx(() => [
             createElementVNode("h3", _hoisted_2, [
               createVNode(_component_MKSvgIcon, {
-                iconClass: "Memo",
+                iconClass: "richtext-outline",
                 style: { "margin-right": "5px" }
               }),
               createTextVNode(" 内容管理 ")
@@ -231,32 +238,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           extra: withCtx(() => [
             createElementVNode("div", _hoisted_3, [
-              createVNode(_component_el_button, {
-                type: "primary",
-                size: "large",
-                text: "",
-                onClick: publishAllHandle
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(" 全量发布 "),
-                  createVNode(_component_MKSvgIcon, {
-                    iconClass: "Promotion",
-                    style: { "margin-left": "10px" }
-                  })
-                ]),
-                _: 1
-              }),
-              createVNode(_component_el_button, {
-                type: "primary",
-                size: "large",
-                text: "",
-                onClick: showPartFormHandle
-              }, {
+              createVNode(_component_el_button_group, null, {
                 default: withCtx(() => [
-                  createTextVNode(" 添加栏目 "),
-                  createVNode(_component_MKSvgIcon, {
-                    iconClass: "Plus",
-                    style: { "margin-left": "10px" }
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    size: "large",
+                    text: "",
+                    onClick: publishAllHandle
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_MKSvgIcon, {
+                        iconClass: "Promotion",
+                        style: { "margin-right": "10px" }
+                      }),
+                      createTextVNode(" 整站发布 ")
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    size: "large",
+                    text: "",
+                    onClick: showPartFormHandle
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_MKSvgIcon, {
+                        iconClass: "Plus",
+                        style: { "margin-right": "10px" }
+                      }),
+                      createTextVNode(" 新增栏目 ")
+                    ]),
+                    _: 1
                   })
                 ]),
                 _: 1
@@ -273,94 +285,109 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onAdd: showPartFormHandle,
             onDeleteSuccessfully: deletePartHandle,
             ref_key: "partTreeRef",
-            ref: partTreeRef
-          }, null, 512),
+            ref: partTreeRef,
+            curSelectId: unref(route).query.pid
+          }, null, 8, ["curSelectId"]),
           curSelectPartItem.value ? (openBlock(), createBlock(_component_el_tabs, {
             key: 0,
             modelValue: activeTabName.value,
-            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => activeTabName.value = $event),
+            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => activeTabName.value = $event),
             class: "mk-cms-contents__body__right"
           }, {
             default: withCtx(() => [
               createElementVNode("div", _hoisted_5, [
+                partExt.value && activeTabName.value == "part-content" ? (openBlock(), createBlock(_component_el_button, {
+                  key: 0,
+                  type: "primary",
+                  text: "",
+                  onClick: _cache[0] || (_cache[0] = ($event) => partExt.value.save())
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_MKSvgIcon, {
+                      iconClass: "save",
+                      style: { "margin-right": "5px" }
+                    }),
+                    createTextVNode(" 保存 ")
+                  ]),
+                  _: 1
+                })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  activeTabName.value != "article-list" ? (openBlock(), createBlock(_component_el_button, {
+                    key: 0,
+                    type: "primary",
+                    text: "",
+                    onClick: _cache[1] || (_cache[1] = ($event) => savePartHandle()),
+                    disabled: !(partDataForm == null ? void 0 : partDataForm.isChanged)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_MKSvgIcon, {
+                        iconClass: "save",
+                        style: { "margin-right": "5px" }
+                      }),
+                      createTextVNode(" 栏目保存 ")
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])) : createCommentVNode("", true)
+                ], 64)),
                 createVNode(_component_el_dropdown, null, {
                   dropdown: withCtx(() => [
                     curSelectPartItem.value.coverTemplate ? (openBlock(), createBlock(_component_el_dropdown_menu, { key: 0 }, {
                       default: withCtx(() => [
                         createVNode(_component_el_dropdown_item, {
-                          onClick: _cache[0] || (_cache[0] = ($event) => previewHandle())
+                          onClick: _cache[2] || (_cache[2] = ($event) => previewHandle())
                         }, {
                           default: withCtx(() => [
+                            createVNode(_component_MKSvgIcon, {
+                              iconClass: "View",
+                              style: { "margin-left": "10px" }
+                            }),
                             createTextVNode(" 预览封面 ")
                           ]),
                           _: 1
                         }),
                         curSelectPartItem.value.listTemplate ? (openBlock(), createBlock(_component_el_dropdown_item, {
                           key: 0,
-                          onClick: _cache[1] || (_cache[1] = ($event) => previewHandle(true))
+                          onClick: _cache[3] || (_cache[3] = ($event) => previewHandle(true))
                         }, {
                           default: withCtx(() => [
+                            createVNode(_component_MKSvgIcon, {
+                              iconClass: "View",
+                              style: { "margin-left": "10px" }
+                            }),
                             createTextVNode(" 预览列表 ")
                           ]),
                           _: 1
-                        })) : createCommentVNode("", true)
+                        })) : createCommentVNode("", true),
+                        createVNode(_component_el_dropdown_item, {
+                          onClick: _cache[4] || (_cache[4] = ($event) => showPublish.value = true)
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_MKSvgIcon, {
+                              iconClass: "Promotion",
+                              style: { "margin-left": "10px" }
+                            }),
+                            createTextVNode(" 发布当前栏目 ")
+                          ]),
+                          _: 1
+                        })
                       ]),
                       _: 1
                     })) : createCommentVNode("", true)
                   ]),
                   default: withCtx(() => [
                     createElementVNode("span", _hoisted_6, [
-                      curSelectPartItem.value.listTemplate || curSelectPartItem.value.coverTemplate ? (openBlock(), createBlock(_component_el_button, {
-                        key: 0,
+                      createVNode(_component_el_button, {
                         type: "primary",
-                        size: "large",
                         text: ""
                       }, {
                         default: withCtx(() => [
-                          createTextVNode(" 预览 "),
-                          createVNode(_component_MKSvgIcon, {
-                            iconClass: "View",
-                            style: { "margin-left": "10px" }
-                          })
+                          createVNode(_component_MKSvgIcon, { iconClass: "MoreFilled" })
                         ]),
                         _: 1
-                      })) : createCommentVNode("", true)
+                      })
                     ])
                   ]),
                   _: 1
-                }),
-                createVNode(_component_el_button, {
-                  type: "primary",
-                  size: "large",
-                  text: "",
-                  onClick: _cache[2] || (_cache[2] = ($event) => showPublish.value = true)
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(" 栏目发布 "),
-                    createVNode(_component_MKSvgIcon, {
-                      iconClass: "Promotion",
-                      style: { "margin-left": "10px" }
-                    })
-                  ]),
-                  _: 1
-                }),
-                activeTabName.value != "article-list" ? (openBlock(), createBlock(_component_el_button, {
-                  key: 0,
-                  type: "primary",
-                  size: "large",
-                  text: "",
-                  onClick: _cache[3] || (_cache[3] = ($event) => savePartHandle()),
-                  disabled: !(partDataForm == null ? void 0 : partDataForm.isChanged)
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(" 栏目保存 "),
-                    createVNode(_component_MKSvgIcon, {
-                      iconClass: "save",
-                      style: { "margin-left": "10px" }
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["disabled"])) : createCommentVNode("", true)
+                })
               ]),
               createVNode(_component_el_tab_pane, {
                 label: "文章列表",
@@ -374,7 +401,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }),
-              createVNode(_component_el_tab_pane, {
+              withDirectives((openBlock(), createBlock(_component_el_tab_pane, {
                 label: "栏目信息",
                 name: "part"
               }, {
@@ -387,26 +414,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, null, 8, ["part", "partDataForm"])) : createCommentVNode("", true)
                 ]),
                 _: 1
-              }),
-              curSelectPartItem.value.cmsPartTypeId != 1 ? (openBlock(), createBlock(_component_el_tab_pane, {
+              })), [
+                [_directive_loading, partDataForm.loading]
+              ]),
+              curSelectPartItem.value.cmsPartTypeId != 1 ? withDirectives((openBlock(), createBlock(_component_el_tab_pane, {
                 key: 0,
-                label: "栏目内容",
+                label: "页面内容",
                 name: "part-content",
                 style: { "background-color": "#f4f4f4" }
               }, {
                 default: withCtx(() => {
                   var _a;
                   return [
-                    activeTabName.value == "part-content" ? (openBlock(), createBlock(unref(MKDocEditor), {
-                      key: 0,
-                      content: (_a = partDataForm.data) == null ? void 0 : _a.content,
-                      placeholder: "从这里开始写正文...",
-                      onChange: EditorChangeHandle
-                    }, null, 8, ["content"])) : createCommentVNode("", true)
+                    partExt.value ? (openBlock(), createBlock(resolveDynamicComponent(partExt.value.component), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                      activeTabName.value == "part-content" ? (openBlock(), createBlock(unref(MKDocEditor), {
+                        key: 0,
+                        content: (_a = partDataForm.data) == null ? void 0 : _a.content,
+                        placeholder: "从这里开始写正文...",
+                        onChange: EditorChangeHandle
+                      }, null, 8, ["content"])) : createCommentVNode("", true)
+                    ], 64))
                   ];
                 }),
                 _: 1
-              })) : createCommentVNode("", true)
+              })), [
+                [_directive_loading, partDataForm.loading]
+              ]) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["modelValue"])) : (openBlock(), createBlock(_component_el_empty, {
@@ -417,14 +450,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         createVNode(_component_el_dialog, {
           modelValue: showPublish.value,
-          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => showPublish.value = $event),
+          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => showPublish.value = $event),
           title: "栏目发布",
           width: "475px",
           "append-to-body": false
         }, {
           footer: withCtx(() => [
             createVNode(_component_el_button, {
-              onClick: _cache[10] || (_cache[10] = ($event) => showPublish.value = false)
+              onClick: _cache[11] || (_cache[11] = ($event) => showPublish.value = false)
             }, {
               default: withCtx(() => [
                 createTextVNode("取消")
@@ -449,7 +482,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createTextVNode(),
                 createVNode(unref(ElSwitch), {
                   modelValue: optionData.value.isPublishList,
-                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => optionData.value.isPublishList = $event)
+                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => optionData.value.isPublishList = $event)
                 }, null, 8, ["modelValue"])
               ]),
               createElementVNode("div", null, [
@@ -457,7 +490,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createTextVNode(),
                 createVNode(unref(ElSwitch), {
                   modelValue: optionData.value.isPublishCover,
-                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => optionData.value.isPublishCover = $event)
+                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => optionData.value.isPublishCover = $event)
                 }, null, 8, ["modelValue"])
               ]),
               createElementVNode("div", null, [
@@ -465,7 +498,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createTextVNode(),
                 createVNode(unref(ElSwitch), {
                   modelValue: optionData.value.isPublishContent,
-                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => optionData.value.isPublishContent = $event)
+                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => optionData.value.isPublishContent = $event)
                 }, null, 8, ["modelValue"])
               ]),
               createElementVNode("div", null, [
@@ -473,7 +506,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createTextVNode(),
                 createVNode(unref(ElSwitch), {
                   modelValue: optionData.value.isPublishAssets,
-                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => optionData.value.isPublishAssets = $event)
+                  "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => optionData.value.isPublishAssets = $event)
                 }, null, 8, ["modelValue"])
               ]),
               createElementVNode("div", null, [
@@ -481,7 +514,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createTextVNode(),
                 createVNode(unref(ElSwitch), {
                   modelValue: optionData.value.isCompulsion,
-                  "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => optionData.value.isCompulsion = $event)
+                  "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => optionData.value.isCompulsion = $event)
                 }, null, 8, ["modelValue"])
               ])
             ])

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

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

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

@@ -1,7 +1,12 @@
-import { defineComponent, reactive, openBlock, createBlock, unref, withCtx, createVNode } from "vue";
+import { defineComponent, reactive, resolveComponent, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode } from "vue";
+import { Dialoger, Messager } from "@maketribe/dm";
+import "element-plus";
+import "@maketribe/utils";
+import "../../../../core/DataModelDefines.js";
+import { MSAppClient } from "../../../../core/MSAppClient.js";
+import "@maketribe/request";
 import "../../../../components/abstract/abstract-select/abstract-select.js";
 import "../../../../components/abstract/abstract-select/abstract-select-options.js";
-import "element-plus";
 import "../../../../components/basic/svg-icon/index.js";
 import "../../../../components/basic/button/button-options.js";
 import "../../../../components/basic/config-provider/index.js";
@@ -15,8 +20,6 @@ import { MKPageContainer } from "../../../../components/basic/page-container/ind
 import "../../../../components/basic/date-picker/index.js";
 import "../../../../components/basic/icon-select/index.js";
 import "../../../../components/basic/upload-file/upload-file.js";
-import "@maketribe/request";
-import "@maketribe/utils";
 import "../../../../components/basic/upload-file/context/web-file-upload-context.js";
 import "../../../../components/basic/upload-file/context/web-file-upload-context-options.js";
 import "../../../../components/basic/upload-file/ui/upload-image/index.js";
@@ -30,7 +33,6 @@ import "../../../../components/data-model/data-table-pagination/index.js";
 import "../../../../components/business/verify-dialog/index.js";
 import "../../../../components/business/resource-list/index.js";
 import { MKResourceManager } from "../../../../components/business/resource-manager/index.js";
-import "@maketribe/dm";
 import { ResourceManager } from "../../../../components/business/resource-list/ResourceManager.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -38,10 +40,48 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const resourceManager = reactive(
       new ResourceManager({ baseURL: "/cms" })
     );
+    const publishAssetsHandle = async () => {
+      const httpRequest = MSAppClient.instance.httpRequest;
+      try {
+        const isConfirm = await Dialoger.confirm({
+          title: "发布资源",
+          message: "是否发布资源？",
+          type: "warning"
+        });
+        if (!isConfirm) {
+          return;
+        }
+        resourceManager.loadingManager.startLoading();
+        const response = await httpRequest.post(
+          `${resourceManager.baseURL}/content/publish/assets`
+        );
+        if (response.data.code !== 200) {
+          Messager.error({ message: response.data.msg });
+          return;
+        }
+        Messager.success({ message: "发布成功" });
+      } finally {
+        resourceManager.loadingManager.completeLoading();
+      }
+    };
     return (_ctx, _cache) => {
+      const _component_ElButton = resolveComponent("ElButton");
       return openBlock(), createBlock(unref(MKPageContainer), null, {
         default: withCtx(() => [
-          createVNode(unref(MKResourceManager), { resourceManager }, null, 8, ["resourceManager"])
+          createVNode(unref(MKResourceManager), { resourceManager }, {
+            tools: withCtx(() => [
+              createVNode(_component_ElButton, {
+                type: "primary",
+                onClick: publishAssetsHandle
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("发布资产")
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["resourceManager"])
         ]),
         _: 1
       });

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-resource/index.vue"],"sourcesContent":["<template>\n  <MKPageContainer>\n    <MKResourceManager :resourceManager=\"resourceManager\"></MKResourceManager>\n  </MKPageContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive } from \"vue\";\nimport { MKPageContainer } from \"../../../../components\";\nimport { MKResourceManager, ResourceManager } from \"../../../../components\";\n\nconst resourceManager = reactive(\n  new ResourceManager({ baseURL: \"/cms\" })\n) as ResourceManager;\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,kBAAkB;AAAA,MACtB,IAAI,gBAAgB,EAAE,SAAS,QAAQ;AAAA,IAAA;;;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-resource/index.vue"],"sourcesContent":["<template>\r\n  <MKPageContainer>\r\n    <MKResourceManager :resourceManager=\"resourceManager\">\r\n      <template #tools>\r\n        <ElButton type=\"primary\" @click=\"publishAssetsHandle\">发布资产</ElButton>\r\n      </template>\r\n    </MKResourceManager>\r\n  </MKPageContainer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { reactive } from \"vue\";\r\nimport { MSAppClient } from \"../../../../core\";\r\nimport { MKPageContainer } from \"../../../../components\";\r\nimport { MKResourceManager, ResourceManager } from \"../../../../components\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\n\r\nconst resourceManager = reactive(\r\n  new ResourceManager({ baseURL: \"/cms\" })\r\n) as ResourceManager;\r\n\r\n// 资源发布\r\nconst publishAssetsHandle =  async () => {\r\n  const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n  try {\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\r\n    resourceManager.loadingManager.startLoading();\r\n\r\n    const response = await httpRequest.post(\r\n      `${resourceManager.baseURL}/content/publish/assets`\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  } finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,UAAM,kBAAkB;AAAA,MACtB,IAAI,gBAAgB,EAAE,SAAS,QAAQ;AAAA,IAAA;AAIzC,UAAM,sBAAuB,YAAY;AACjC,YAAA,cAAc,YAAY,SAAU;AAEtC,UAAA;AACI,cAAA,YAAY,MAAM,SAAS,QAAQ;AAAA,UACvC,OAAO;AAAA,UACP,SAAS;AAAA,UACT,MAAM;AAAA,QAAA,CACP;AAED,YAAI,CAAC,WAAW;AACd;AAAA,QACF;AAEA,wBAAgB,eAAe;AAEzB,cAAA,WAAW,MAAM,YAAY;AAAA,UACjC,GAAG,gBAAgB,OAAO;AAAA,QAAA;AAGxB,YAAA,SAAS,KAAK,SAAS,KAAK;AAC9B,mBAAS,MAAM,EAAE,SAAS,SAAS,KAAK,KAAK;AAC7C;AAAA,QACF;AAEA,iBAAS,QAAQ,EAAE,SAAS,OAAQ,CAAA;AAAA,MAAA,UACpC;AACA,wBAAgB,eAAe;MACjC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/modules/ms/components/markdown-editor/markdown-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-editor.js","sources":["../../../../../../src/modules/ms/components/markdown-editor/markdown-editor.tsx"],"sourcesContent":["import {\n  Ref,\n  computed,\n  defineComponent,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  unref,\n} from \"vue\";\n// @ts-ignore\nimport Vditor from \"vditor\";\nimport {\n  markdownEditorEmits,\n  markdownEditorProps,\n} from \"./markdown-editor-options\";\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\nimport { MKMaterialSelect } from \"../material-select\";\n\nlet uid = 0;\n\nexport default defineComponent({\n  name: \"MKMarkdownEditor\",\n  props: markdownEditorProps,\n  emits: markdownEditorEmits,\n  setup(props, { emit }) {\n    const markdownEl: Ref<HTMLElement | null> = ref(null);\n\n    const _uid = uid++;\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v: string) => emit(\"update:model-value\", v),\n    });\n\n    onMounted(() => {\n      const disposable = new Disposable();\n\n      const vditor = new Vditor(unref(markdownEl)!, {\n        cache: { id: `vditor${_uid}` },\n        toolbar: [\n          \"emoji\",\n          \"headings\",\n          \"bold\",\n          \"italic\",\n          \"strike\",\n          \"link\",\n          \"|\",\n          \"list\",\n          \"ordered-list\",\n          \"check\",\n          \"outdent\",\n          \"indent\",\n          \"|\",\n          \"quote\",\n          \"line\",\n          \"code\",\n          \"inline-code\",\n          \"insert-before\",\n          \"insert-after\",\n          \"|\",\n          {\n            name: \"material\",\n            tipPosition: \"s\",\n            tip: \"素材\",\n            icon: `<svg><use xlink:href=\"#icon-image\" /></svg>`,\n            click: async () => {\n              const response = await MKMaterialSelect();\n\n              if (!response.success) {\n                return;\n              }\n\n              vditor.insertValue(`![图片](${response.path})`);\n            },\n          },\n          \"record\",\n          \"table\",\n          \"|\",\n          \"undo\",\n          \"redo\",\n          \"|\",\n          \"fullscreen\",\n          \"edit-mode\",\n          {\n            name: \"more\",\n            toolbar: [\n              \"both\",\n              \"code-theme\",\n              \"content-theme\",\n              \"export\",\n              \"outline\",\n              \"preview\",\n              \"devtools\",\n              \"info\",\n              \"help\",\n            ],\n          },\n        ],\n        after: () => {\n          vditor!.setValue(modelValue.value || \"\");\n\n          const _markdownEl = unref(markdownEl)!;\n\n          const handleContentChange = () => {\n            modelValue.value = vditor!.getValue();\n          };\n\n          _markdownEl.addEventListener(\"input\", handleContentChange);\n          _markdownEl.addEventListener(\"keydown\", handleContentChange);\n          _markdownEl.addEventListener(\"keyup\", handleContentChange);\n          _markdownEl.addEventListener(\"paste\", handleContentChange);\n\n          disposable.register(\n            createDisposable(() => {\n              _markdownEl.removeEventListener(\"input\", handleContentChange);\n              _markdownEl.removeEventListener(\"keydown\", handleContentChange);\n              _markdownEl.removeEventListener(\"keyup\", handleContentChange);\n              _markdownEl.removeEventListener(\"paste\", handleContentChange);\n            })\n          );\n        },\n      });\n\n      onBeforeUnmount(() => {\n        disposable.dispose();\n        vditor?.destroy();\n      });\n    });\n\n    return () => {\n      return (\n        <div ref={((el: HTMLElement) => (markdownEl.value = el)) as any}></div>\n      );\n    };\n  },\n});\n"],"names":["uid","defineComponent","name","props","markdownEditorProps","emits","markdownEditorEmits","setup","emit","markdownEl","ref","_uid","modelValue","computed","get","set","v","onMounted","disposable","Disposable","vditor","Vditor","unref","cache","id","toolbar","tipPosition","tip","icon","click","response","MKMaterialSelect","success","insertValue","path","after","setValue","value","_markdownEl","handleContentChange","getValue","addEventListener","register","createDisposable","removeEventListener","onBeforeUnmount","dispose","destroy","_createVNode","el"],"mappings":";;;;;AAkBA,IAAIA,MAAM;AAEV,MAAeC,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAsCC,IAAI,IAAI;AAEpD,UAAMC,OAAOX;AAEb,UAAMY,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMX,MAAMS;AAAAA,MACjBG,KAAMC,OAAcR,KAAK,sBAAsBQ,CAAC;AAAA,IAClD,CAAC;AAEDC,cAAU,MAAM;AACd,YAAMC,aAAa,IAAIC;AAEvB,YAAMC,SAAS,IAAIC,OAAOC,MAAMb,UAAU,GAAI;AAAA,QAC5Cc,OAAO;AAAA,UAAEC,IAAI,SAASb,IAAI;AAAA,QAAI;AAAA,QAC9Bc,SAAS,CACP,SACA,YACA,QACA,UACA,UACA,QACA,KACA,QACA,gBACA,SACA,WACA,UACA,KACA,SACA,QACA,QACA,eACA,iBACA,gBACA,KACA;AAAA,UACEvB,MAAM;AAAA,UACNwB,aAAa;AAAA,UACbC,KAAK;AAAA,UACLC,MAAM;AAAA,UACNC,OAAO,YAAY;AACjB,kBAAMC,WAAW,MAAMC;AAEvB,gBAAI,CAACD,SAASE,SAAS;AACrB;AAAA,YACF;AAEAZ,mBAAOa,YAAY,SAASH,SAASI,IAAI,GAAG;AAAA,UAC9C;AAAA,QACF,GACA,UACA,SACA,KACA,QACA,QACA,KACA,cACA,aACA;AAAA,UACEhC,MAAM;AAAA,UACNuB,SAAS,CACP,QACA,cACA,iBACA,UACA,WACA,WACA,YACA,QACA,MAAM;AAAA,QAEV,CAAC;AAAA,QAEHU,OAAOA,MAAM;AACXf,iBAAQgB,SAASxB,WAAWyB,SAAS,EAAE;AAEvC,gBAAMC,cAAchB,MAAMb,UAAU;AAEpC,gBAAM8B,sBAAsBA,MAAM;AAChC3B,uBAAWyB,QAAQjB,OAAQoB;;AAG7BF,sBAAYG,iBAAiB,SAASF,mBAAmB;AACzDD,sBAAYG,iBAAiB,WAAWF,mBAAmB;AAC3DD,sBAAYG,iBAAiB,SAASF,mBAAmB;AACzDD,sBAAYG,iBAAiB,SAASF,mBAAmB;AAEzDrB,qBAAWwB,SACTC,iBAAiB,MAAM;AACrBL,wBAAYM,oBAAoB,SAASL,mBAAmB;AAC5DD,wBAAYM,oBAAoB,WAAWL,mBAAmB;AAC9DD,wBAAYM,oBAAoB,SAASL,mBAAmB;AAC5DD,wBAAYM,oBAAoB,SAASL,mBAAmB;AAAA,UAC7D,CAAA,CACH;AAAA,QACF;AAAA,MACF,CAAC;AAEDM,sBAAgB,MAAM;AACpB3B,mBAAW4B,QAAO;AAClB1B,yCAAQ2B;AAAAA,MACV,CAAC;AAAA,IACH,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAA,OAAA;AAAA,QAAA,OACcC,QAAqBxC,WAAW4B,QAAQY;AAAAA,MAAG,GAAA,IAAA;AAAA;EAG7D;AACF,CAAC;"}
+{"version":3,"file":"markdown-editor.js","sources":["../../../../../../src/modules/ms/components/markdown-editor/markdown-editor.tsx"],"sourcesContent":["import {\r\n  Ref,\r\n  computed,\r\n  defineComponent,\r\n  onBeforeUnmount,\r\n  onMounted,\r\n  ref,\r\n  unref,\r\n} from \"vue\";\r\n// @ts-ignore\r\nimport Vditor from \"vditor\";\r\nimport {\r\n  markdownEditorEmits,\r\n  markdownEditorProps,\r\n} from \"./markdown-editor-options\";\r\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\r\nimport { MKMaterialSelect } from \"../material-select\";\r\n\r\nlet uid = 0;\r\n\r\nexport default defineComponent({\r\n  name: \"MKMarkdownEditor\",\r\n  props: markdownEditorProps,\r\n  emits: markdownEditorEmits,\r\n  setup(props, { emit }) {\r\n    const markdownEl: Ref<HTMLElement | null> = ref(null);\r\n\r\n    const _uid = uid++;\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v: string) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    onMounted(() => {\r\n      const disposable = new Disposable();\r\n\r\n      const vditor = new Vditor(unref(markdownEl)!, {\r\n        cache: { id: `vditor${_uid}` },\r\n        toolbar: [\r\n          \"emoji\",\r\n          \"headings\",\r\n          \"bold\",\r\n          \"italic\",\r\n          \"strike\",\r\n          \"link\",\r\n          \"|\",\r\n          \"list\",\r\n          \"ordered-list\",\r\n          \"check\",\r\n          \"outdent\",\r\n          \"indent\",\r\n          \"|\",\r\n          \"quote\",\r\n          \"line\",\r\n          \"code\",\r\n          \"inline-code\",\r\n          \"insert-before\",\r\n          \"insert-after\",\r\n          \"|\",\r\n          {\r\n            name: \"material\",\r\n            tipPosition: \"s\",\r\n            tip: \"素材\",\r\n            icon: `<svg><use xlink:href=\"#icon-image\" /></svg>`,\r\n            click: async () => {\r\n              const response = await MKMaterialSelect();\r\n\r\n              if (!response.success) {\r\n                return;\r\n              }\r\n\r\n              vditor.insertValue(`![图片](${response.path})`);\r\n            },\r\n          },\r\n          \"record\",\r\n          \"table\",\r\n          \"|\",\r\n          \"undo\",\r\n          \"redo\",\r\n          \"|\",\r\n          \"fullscreen\",\r\n          \"edit-mode\",\r\n          {\r\n            name: \"more\",\r\n            toolbar: [\r\n              \"both\",\r\n              \"code-theme\",\r\n              \"content-theme\",\r\n              \"export\",\r\n              \"outline\",\r\n              \"preview\",\r\n              \"devtools\",\r\n              \"info\",\r\n              \"help\",\r\n            ],\r\n          },\r\n        ],\r\n        after: () => {\r\n          vditor!.setValue(modelValue.value || \"\");\r\n\r\n          const _markdownEl = unref(markdownEl)!;\r\n\r\n          const handleContentChange = () => {\r\n            modelValue.value = vditor!.getValue();\r\n          };\r\n\r\n          _markdownEl.addEventListener(\"input\", handleContentChange);\r\n          _markdownEl.addEventListener(\"keydown\", handleContentChange);\r\n          _markdownEl.addEventListener(\"keyup\", handleContentChange);\r\n          _markdownEl.addEventListener(\"paste\", handleContentChange);\r\n\r\n          disposable.register(\r\n            createDisposable(() => {\r\n              _markdownEl.removeEventListener(\"input\", handleContentChange);\r\n              _markdownEl.removeEventListener(\"keydown\", handleContentChange);\r\n              _markdownEl.removeEventListener(\"keyup\", handleContentChange);\r\n              _markdownEl.removeEventListener(\"paste\", handleContentChange);\r\n            })\r\n          );\r\n        },\r\n      });\r\n\r\n      onBeforeUnmount(() => {\r\n        disposable.dispose();\r\n        vditor?.destroy();\r\n      });\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <div ref={((el: HTMLElement) => (markdownEl.value = el)) as any}></div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["uid","defineComponent","name","props","markdownEditorProps","emits","markdownEditorEmits","setup","emit","markdownEl","ref","_uid","modelValue","computed","get","set","v","onMounted","disposable","Disposable","vditor","Vditor","unref","cache","id","toolbar","tipPosition","tip","icon","click","response","MKMaterialSelect","success","insertValue","path","after","setValue","value","_markdownEl","handleContentChange","getValue","addEventListener","register","createDisposable","removeEventListener","onBeforeUnmount","dispose","destroy","_createVNode","el"],"mappings":";;;;;AAkBA,IAAIA,MAAM;AAEV,MAAeC,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAsCC,IAAI,IAAI;AAEpD,UAAMC,OAAOX;AAEb,UAAMY,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMX,MAAMS;AAAAA,MACjBG,KAAMC,OAAcR,KAAK,sBAAsBQ,CAAC;AAAA,IAClD,CAAC;AAEDC,cAAU,MAAM;AACd,YAAMC,aAAa,IAAIC;AAEvB,YAAMC,SAAS,IAAIC,OAAOC,MAAMb,UAAU,GAAI;AAAA,QAC5Cc,OAAO;AAAA,UAAEC,IAAI,SAASb,IAAI;AAAA,QAAI;AAAA,QAC9Bc,SAAS,CACP,SACA,YACA,QACA,UACA,UACA,QACA,KACA,QACA,gBACA,SACA,WACA,UACA,KACA,SACA,QACA,QACA,eACA,iBACA,gBACA,KACA;AAAA,UACEvB,MAAM;AAAA,UACNwB,aAAa;AAAA,UACbC,KAAK;AAAA,UACLC,MAAM;AAAA,UACNC,OAAO,YAAY;AACjB,kBAAMC,WAAW,MAAMC;AAEvB,gBAAI,CAACD,SAASE,SAAS;AACrB;AAAA,YACF;AAEAZ,mBAAOa,YAAY,SAASH,SAASI,IAAI,GAAG;AAAA,UAC9C;AAAA,QACF,GACA,UACA,SACA,KACA,QACA,QACA,KACA,cACA,aACA;AAAA,UACEhC,MAAM;AAAA,UACNuB,SAAS,CACP,QACA,cACA,iBACA,UACA,WACA,WACA,YACA,QACA,MAAM;AAAA,QAEV,CAAC;AAAA,QAEHU,OAAOA,MAAM;AACXf,iBAAQgB,SAASxB,WAAWyB,SAAS,EAAE;AAEvC,gBAAMC,cAAchB,MAAMb,UAAU;AAEpC,gBAAM8B,sBAAsBA,MAAM;AAChC3B,uBAAWyB,QAAQjB,OAAQoB;;AAG7BF,sBAAYG,iBAAiB,SAASF,mBAAmB;AACzDD,sBAAYG,iBAAiB,WAAWF,mBAAmB;AAC3DD,sBAAYG,iBAAiB,SAASF,mBAAmB;AACzDD,sBAAYG,iBAAiB,SAASF,mBAAmB;AAEzDrB,qBAAWwB,SACTC,iBAAiB,MAAM;AACrBL,wBAAYM,oBAAoB,SAASL,mBAAmB;AAC5DD,wBAAYM,oBAAoB,WAAWL,mBAAmB;AAC9DD,wBAAYM,oBAAoB,SAASL,mBAAmB;AAC5DD,wBAAYM,oBAAoB,SAASL,mBAAmB;AAAA,UAC7D,CAAA,CACH;AAAA,QACF;AAAA,MACF,CAAC;AAEDM,sBAAgB,MAAM;AACpB3B,mBAAW4B,QAAO;AAClB1B,yCAAQ2B;AAAAA,MACV,CAAC;AAAA,IACH,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAA,OAAA;AAAA,QAAA,OACcC,QAAqBxC,WAAW4B,QAAQY;AAAAA,MAAG,GAAA,IAAA;AAAA;EAG7D;AACF,CAAC;"}