@maketribe/ms-app 3.2.45 → 4.0.0-alpha.1

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

@@ -1,13 +1,13 @@
 "use strict";
 const vue = require("vue");
-const index = require("../../components/part-tree/index.js");
+const index$1 = require("../../components/part-tree/index.js");
 const articleList_vue_vue_type_script_setup_true_lang = require("./components/article-list.vue.js");
 const partInfo_vue_vue_type_script_setup_true_lang = require("./components/part-info.vue.js");
 const partBannerEdit_vue_vue_type_script_setup_true_lang = require("./components/part-banner-edit.vue.js");
 require("../../../../components/abstract/abstract-select/abstract-select.js");
 require("../../../../components/abstract/abstract-select/abstract-select-options.js");
 const elementPlus = require("element-plus");
-require("../../../../components/basic/svg-icon/index.js");
+const index = require("../../../../components/basic/svg-icon/index.js");
 require("../../../../components/basic/button/button-options.js");
 require("../../../../components/basic/config-provider/index.js");
 require("../../../../components/basic/data-table-select/index.js");
@@ -28,7 +28,7 @@ require("../../../../components/basic/upload-file/ui/upload-image/index.js");
 require("../../../../components/basic/upload-file/ui/upload-file/index.js");
 require("../../../../components/basic/upload-file/ui/upload-video/index.js");
 require("../../../../components/basic/upload-file/upload-file-options.js");
-const index$1 = require("../../../../components/basic/doc-editor/index.js");
+const index$2 = require("../../../../components/basic/doc-editor/index.js");
 require("../../../../components/basic/copy-container/index.js");
 require("../../../../components/basic/image-cropper/index.js");
 require("../../../../components/basic/visual-page-editor/index.js");
@@ -71,6 +71,8 @@ require("../../../../components/business/verify-dialog/verify-dialog-option.js")
 require("../../../../core/DataModelDefines.js");
 const vueRouter = require("vue-router");
 require("@maketribe/locale");
+require("../../../../store/modules/settings.js");
+require("../../../../store/modules/menu.js");
 require("../../../../components/business/resource-list/index.js");
 require("../../../../components/business/resource-manager/index.js");
 const CmsPartForm = require("../../dataviews/cms-parts/CmsPartForm.js");
@@ -79,7 +81,11 @@ const CmsPartMiniForm = require("../../dataviews/cms-parts/CmsPartMiniForm.js");
 const partExtensions = require("../../composables/part-extensions.js");
 const cmsSettings = require("../../cms-settings.js");
 const _hoisted_1 = { class: "mk-cms-contents__warp" };
-const _hoisted_2 = { style: { "color": "var(--el-text-color-regular)", "margin-left": "10px" } };
+const _hoisted_2 = {
+  style: { "color": "var(--el-text-color-regular)" },
+  m: "l-[10px]",
+  flex: "~ items-center"
+};
 const _hoisted_3 = { class: "flex items-center" };
 const _hoisted_4 = { class: "mk-cms-contents__body" };
 const _hoisted_5 = { class: "mk-cms-contents__body__right__action" };
@@ -229,7 +235,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      const _component_MKSvgIcon = vue.resolveComponent("MKSvgIcon");
       const _component_el_button = vue.resolveComponent("el-button");
       const _component_el_button_group = vue.resolveComponent("el-button-group");
       const _component_el_page_header = vue.resolveComponent("el-page-header");
@@ -248,9 +253,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }, {
           title: vue.withCtx(() => [
             vue.createElementVNode("h3", _hoisted_2, [
-              vue.createVNode(_component_MKSvgIcon, {
-                iconClass: "richtext-outline",
-                style: { "margin-right": "5px" }
+              vue.createVNode(vue.unref(index.MKSvgIcon), {
+                name: "f7:doc-richtext",
+                m: "r-[5px]"
               }),
               vue.createTextVNode(" 内容管理 ")
             ])
@@ -267,9 +272,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     onClick: publishAllPartHandle
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_component_MKSvgIcon, {
-                        iconClass: "Promotion",
-                        style: { "margin-right": "10px" }
+                      vue.createVNode(vue.unref(index.MKSvgIcon), {
+                        name: "ep:promotion",
+                        m: "r-[10]x"
                       }),
                       vue.createTextVNode(" 整站发布 ")
                     ]),
@@ -282,9 +287,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     onClick: showPartFormHandle
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_component_MKSvgIcon, {
-                        iconClass: "Plus",
-                        style: { "margin-right": "10px" }
+                      vue.createVNode(vue.unref(index.MKSvgIcon), {
+                        name: "ep:plus",
+                        m: "r-[10]x"
                       }),
                       vue.createTextVNode(" 新增栏目 ")
                     ]),
@@ -298,7 +303,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           _: 1
         }),
         vue.createElementVNode("div", _hoisted_4, [
-          vue.createVNode(vue.unref(index.MKPartTree), {
+          vue.createVNode(vue.unref(index$1.MKPartTree), {
             class: "mk-cms-contents__body__left",
             onSelect: selectPartHandle,
             onEdit: editPartHandle,
@@ -327,9 +332,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         onClick: ($event) => ext.save()
                       }, {
                         default: vue.withCtx(() => [
-                          vue.createVNode(_component_MKSvgIcon, {
-                            iconClass: "save",
-                            style: { "margin-right": "5px" }
+                          vue.createVNode(vue.unref(index.MKSvgIcon), {
+                            name: "carbon:save",
+                            m: "r-[5px]"
                           }),
                           vue.createTextVNode(" 保存" + vue.toDisplayString(ext.title), 1)
                         ]),
@@ -345,9 +350,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     disabled: !(partDataForm == null ? void 0 : partDataForm.isChanged)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_component_MKSvgIcon, {
-                        iconClass: "save",
-                        style: { "margin-right": "5px" }
+                      vue.createVNode(vue.unref(index.MKSvgIcon), {
+                        name: "carbon:save",
+                        m: "r-[5px]"
                       }),
                       vue.createTextVNode(" 保存 ")
                     ]),
@@ -362,9 +367,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             onClick: _cache[1] || (_cache[1] = ($event) => previewHandle())
                           }, {
                             default: vue.withCtx(() => [
-                              vue.createVNode(_component_MKSvgIcon, {
-                                iconClass: "View",
-                                style: { "margin-left": "10px" }
+                              vue.createVNode(vue.unref(index.MKSvgIcon), {
+                                name: "ep:view",
+                                m: "l-[10px]"
                               }),
                               vue.createTextVNode(" 预览封面 ")
                             ]),
@@ -375,9 +380,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             onClick: _cache[2] || (_cache[2] = ($event) => previewHandle(1))
                           }, {
                             default: vue.withCtx(() => [
-                              vue.createVNode(_component_MKSvgIcon, {
-                                iconClass: "View",
-                                style: { "margin-left": "10px" }
+                              vue.createVNode(vue.unref(index.MKSvgIcon), {
+                                name: "ep:view",
+                                m: "l-[10px]"
                               }),
                               vue.createTextVNode(" 预览列表 ")
                             ]),
@@ -387,9 +392,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             onClick: _cache[3] || (_cache[3] = ($event) => showPublish.value = true)
                           }, {
                             default: vue.withCtx(() => [
-                              vue.createVNode(_component_MKSvgIcon, {
-                                iconClass: "Promotion",
-                                style: { "margin-left": "10px" }
+                              vue.createVNode(vue.unref(index.MKSvgIcon), {
+                                name: "ep:promotion",
+                                m: "l-[10px]"
                               }),
                               vue.createTextVNode(" 发布当前栏目 ")
                             ]),
@@ -406,7 +411,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           text: ""
                         }, {
                           default: vue.withCtx(() => [
-                            vue.createVNode(_component_MKSvgIcon, { iconClass: "MoreFilled" })
+                            vue.createVNode(vue.unref(index.MKSvgIcon), { name: "ep:more-filled" })
                           ]),
                           _: 1
                         })
@@ -473,7 +478,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(partContentExtension.value.component)))
                           ])) : vue.createCommentVNode("", true)
                         ], 64)) : vue.createCommentVNode("", true),
-                        !partContentExtension.value.component && partContentExtension.value.adComponent ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.MKDocEditor), {
+                        !partContentExtension.value.component && partContentExtension.value.adComponent ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.MKDocEditor), {
                           key: 2,
                           css: vue.unref(CmsSettings).part.doc.css,
                           js: vue.unref(CmsSettings).part.doc.js,
@@ -490,7 +495,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           ]),
                           _: 1
                         }, 8, ["css", "js", "loading", "modelValue"])) : vue.createCommentVNode("", true)
-                      ], 64)) : activeTabName.value == "part-content" ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.MKDocEditor), {
+                      ], 64)) : activeTabName.value == "part-content" ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.MKDocEditor), {
                         key: 1,
                         css: vue.unref(CmsSettings).part.doc.css,
                         js: vue.unref(CmsSettings).part.doc.js,

package/dist/cjs/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>\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 v-if=\"CmsSettings.publish.mode == 'static'\"\r\n              @click=\"publishAllPartHandle\">\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\"\r\n        :curSelectId=\"curSelectPartId\" />\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-for=\"(ext, i) in partExList\" :label=\"ext.title || `页面扩展设置 ${i+1}`\" :name=\"\">\r\n            <el-button type=\"primary\" text @click=\"ext.save()\" v-if=\"activeTabName == `part-ext${i}` && ext.save\">\r\n              <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px\" />\r\n              保存{{ ext.title }}\r\n            </el-button>\r\n          </template>\r\n          <template v-if=\"activeTabName == 'part' || (activeTabName == 'part-content' && !partContentExtension?.component)\">\r\n            <el-button type=\"primary\" text @click=\"savePartHandle()\" :disabled=\"!partDataForm?.isChanged\">\r\n              <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px\" />\r\n              保存\r\n            </el-button>\r\n          </template>\r\n          <el-dropdown\r\n            v-if=\"CmsSettings.publish.mode == 'static' && curSelectPartItem.coverTemplate || curSelectPartItem.listTemplate || curSelectPartItem.contentTemplate\">\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>\r\n                <el-dropdown-item @click=\"previewHandle()\"\r\n                  v-if=\"CmsSettings.publish.mode == 'static' && curSelectPartItem.coverTemplate\">\r\n                  <MKSvgIcon iconClass=\"View\" style=\"margin-left: 10px;\" />\r\n                  预览封面\r\n                </el-dropdown-item>\r\n                <el-dropdown-item @click=\"previewHandle(1)\"\r\n                  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        </div>\r\n        <el-tab-pane label=\"文章列表\" name=\"article-list\" v-if=\"curSelectPartItem.contentTemplate\">\r\n          <ArticleList v-if=\"activeTabName == 'article-list'\" :part=\"curSelectPartItem\" style=\"height: 99%;\" />\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\">\r\n          <!-- 存在内容扩展配置 -->\r\n          <template v-if=\"partContentExtension && activeTabName == 'part-content'\">\r\n\r\n            <!-- 都自定义扩展的话 -->\r\n            <template v-if=\"partContentExtension.component && partContentExtension.adComponent\">\r\n              <div style=\"background: #fff;margin-top: -10px;padding: 10px;box-sizing: border-box;\">\r\n                <component :is=\"partContentExtension.adComponent\" />\r\n              </div>\r\n              <div style=\"background: #fff;\">\r\n                <component :is=\"partContentExtension.component\" />\r\n              </div>\r\n            </template>\r\n            <!-- 只扩展内容 -->\r\n            <template v-if=\"partContentExtension.component && !partContentExtension.adComponent\">\r\n              <PartBannerEdit v-if=\"partDataForm.data?.id\" :partId=\"partDataForm.data?.id\" :title=\"partDataForm.data?.title\" />\r\n              <div style=\"background: #fff;margin-top: -10px;padding: 10px;box-sizing: border-box;\" v-if=\"partContentExtension.component\">\r\n                <component :is=\"partContentExtension.component\" />\r\n              </div>\r\n            </template>\r\n            <!-- 只扩展栏目广告栏 -->\r\n            <template v-if=\"!partContentExtension.component && partContentExtension.adComponent\">\r\n              <MKDocEditor :css=\"CmsSettings.part.doc.css\" :js=\"CmsSettings.part.doc.js\" :loading=\"partDataForm.loading\" namespace=\"cms-part\"\r\n              :modelValue=\"partDataForm.data?.content\" placeholder=\"从这里开始写正文...\" @update:modelValue=\"docEditorChangeHandle\">\r\n                <template #before-extentions>\r\n                  <div style=\"background: #fff;margin-bottom: 10px;\">\r\n                    <component :is=\"partContentExtension.adComponent\" />\r\n                  </div>\r\n                </template>\r\n              </MKDocEditor>\r\n            </template>\r\n            \r\n          </template>\r\n\r\n          <template v-else-if=\"activeTabName == 'part-content'\">\r\n            <MKDocEditor :css=\"CmsSettings.part.doc.css\" :js=\"CmsSettings.part.doc.js\" :loading=\"partDataForm.loading\" namespace=\"cms-part\"\r\n            :modelValue=\"partDataForm.data?.content\"  @update:modelValue=\"docEditorChangeHandle\" placeholder=\"从这里开始写正文...\">\r\n              <template #before-extentions>\r\n                <PartBannerEdit v-if=\"partDataForm.data?.id\" :partId=\"partDataForm.data?.id\"\r\n                  :title=\"partDataForm.data?.title\" />\r\n              </template>\r\n            </MKDocEditor>\r\n          </template>\r\n\r\n        </el-tab-pane>\r\n        <el-tab-pane v-for=\"(ext, i) in partExList\" :label=\"ext.title || `页面扩展设置 ${i == 0 ? '' : i}`\" :name=\"`part-ext${i}`\">\r\n          <component :is=\"ext.component\" />\r\n        </el-tab-pane>\r\n\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\"\r\n            :disabled=\"!curSelectPartItem.listTemplate\" /></div>\r\n        <div><span>是否发布封面：</span> <el-switch v-model=\"optionData.isPublishCover\"\r\n            :disabled=\"!curSelectPartItem.coverTemplate\" /></div>\r\n        <div><span>是否发布内容：</span> <el-switch v-model=\"optionData.isPublishContent\"\r\n            :disabled=\"!curSelectPartItem.contentTemplate\" /></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=\"publishLoading\">确定</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 PartBannerEdit from \"./components/part-banner-edit.vue\";\r\nimport { MKDocEditor } from \"../../../../components\";\r\nimport { reactive, ref,shallowRef, watch, watchEffect } from \"vue\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\nimport { CmsContentManPartForm, CmsPartForm, CmsPartMiniForm } from \"../../dataviews/cms-parts\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { usePartExtensionList, usePartContentComponent, type PartExtension } from \"../../composables/part-extensions\"\r\nimport { ElSwitch } from \"element-plus\";\r\nimport { useCmsSettings } from \"../../cms-settings\"\r\n//路由 \r\nconst route = useRoute();\r\nconst router = useRouter();\r\n\r\n// 当前选中的栏目id\r\nconst curSelectPartId = ref<string>(route.query.pid as string)\r\nwatch(() => route.query.pid, (v: any) => {\r\n  curSelectPartId.value = v\r\n}, { immediate: true });\r\n\r\n//栏目Mini表单\r\nconst partMiniForm = reactive<CmsPartMiniForm>(new CmsPartMiniForm());\r\n\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings(true);\r\n\r\n//发布栏目时的配置\r\nconst showPublish = ref(false)\r\n\r\n//发布配置项\r\nconst optionData = ref({\r\n  isPublishList: false,\r\n  isPublishCover: false,\r\n  isPublishContent: false,\r\n  isPublishAssets: false,\r\n  isCompulsion: true\r\n});\r\n\r\n//发布加载状态\r\nconst publishLoading = ref(false);\r\n\r\n// 数据加载状态\r\nconst loading = 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 partExList = shallowRef<Array<PartExtension>>([]);\r\nconst partContentExtension = shallowRef<any>(null)\r\n\r\n//栏目数据\r\nconst partDataForm = reactive(new CmsContentManPartForm()) as CmsContentManPartForm;\r\n\r\n// 初始化表单\r\npartDataForm.init();\r\n\r\n// 切换tab 加载栏目表单数据\r\nlet beforeInitFormPart: any = null;\r\nwatchEffect(async () => {\r\n  if ((activeTabName.value == \"part\" || activeTabName.value == \"part-content\") && curSelectPartItem.value != beforeInitFormPart && curSelectPartItem.value) {\r\n    try {\r\n      beforeInitFormPart = curSelectPartItem.value;\r\n      await partDataForm.editRecord(curSelectPartItem.value.id);\r\n    } catch (error) {\r\n      console.log(132)\r\n      console.log(error)\r\n    }\r\n  }\r\n});\r\n\r\n// 选择栏目\r\nconst selectPartHandle = async (item: any) => {\r\n\r\n  if (curSelectPartItem.value != item) {\r\n\r\n    curSelectPartItem.value = item;\r\n\r\n    if (!curSelectPartItem.value.contentTemplate) {\r\n      activeTabName.value = \"part\";\r\n    }\r\n    else {\r\n      activeTabName.value = \"article-list\";\r\n    }\r\n    router.replace({ name: 'cms/contents', query: { pid: curSelectPartItem.value.id } } as any)\r\n    partExList.value = usePartExtensionList(curSelectPartItem.value.id).concat(usePartExtensionList(curSelectPartItem.value.name));\r\n    partContentExtension.value = usePartContentComponent(curSelectPartItem.value.id) || usePartContentComponent(curSelectPartItem.value.name)\r\n  }\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\n//编辑栏目\r\nconst editPartHandle = (item: any) => {\r\n  curSelectPartItem.value = item;\r\n  activeTabName.value = \"part\";\r\n};\r\n\r\n/**\r\n *  显示添加栏目表单\r\n */\r\nconst showPartFormHandle = async (item?: any) => {\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: partMiniForm as CmsContentManPartForm,\r\n  });\r\n\r\n  if (item.id) {\r\n    partMiniForm.addRecord({ parentId: item.id });\r\n  }\r\n\r\n};\r\n\r\nwatch(showPublish, async (v) => {\r\n  if (v) {\r\n    console.log(2)\r\n    optionData.value.isPublishList = !!curSelectPartItem.value.listTemplate\r\n    optionData.value.isPublishCover = !!curSelectPartItem.value.coverTemplate\r\n    optionData.value.isPublishContent = !!curSelectPartItem.value.contentTemplate\r\n  }\r\n})\r\n\r\n//监听表单完成事件\r\npartMiniForm.submittedEvent.on(({ response }: any) => {\r\n  if (response.data.data) {\r\n    // 重置选中\r\n    curSelectPartId.value = response.data.data;\r\n    // 刷新完成直接选中\r\n    (partTreeRef.value! as any).dataTree?.load();\r\n  }\r\n\r\n});\r\n\r\n//栏目发布\r\nconst publishAllPartHandle = async () => {\r\n\r\n  try {\r\n\r\n    loading.value = true;\r\n\r\n    await CmsPartForm.publishAll()\r\n  }\r\n  finally {\r\n    loading.value = false;\r\n  }\r\n\r\n}\r\nconst publishPartHandle = async () => {\r\n\r\n  try {\r\n    //表单未保存，默认保存\r\n    try{\r\n      if(partDataForm.isChanged){\r\n        await savePartHandle()\r\n      }\r\n    }catch{\r\n      Messager.error({\r\n        message:\"保存失败\"\r\n      })\r\n      return \r\n    }\r\n\r\n    publishLoading.value = true\r\n\r\n    await CmsPartForm.publish(curSelectPartItem.value.id, optionData.value);\r\n\r\n    showPublish.value = false;\r\n\r\n  } finally {\r\n    publishLoading.value = false\r\n  }\r\n}\r\n\r\n/**\r\n * 预览\r\n */\r\nconst previewHandle =async (num?:string|number)=>{\r\n  if(partDataForm.isChanged){\r\n    await savePartHandle()\r\n  }\r\n  if(num){\r\n    CmsPartForm.openPreview(curSelectPartItem.value.id, '1')\r\n  }else{\r\n    CmsPartForm.openPreview(curSelectPartItem.value.id)\r\n  }\r\n}\r\n\r\n/**\r\n * 保存栏目信息\r\n */\r\nconst savePartHandle = async () => {\r\n  curSelectPartItem.value = partDataForm.data;\r\n  await partDataForm.submit();\r\n}\r\n\r\n/**\r\n * 更新编辑器内容\r\n * @param v  内容\r\n */\r\nconst docEditorChangeHandle = (v: any) => {\r\n  if(partDataForm.data){\r\n    partDataForm.data.content = v\r\n  }\r\n}\r\n</script>\r\n"],"names":["useRoute","useRouter","ref","watch","reactive","CmsPartMiniForm","useCmsSettings","shallowRef","CmsContentManPartForm","watchEffect","usePartExtensionList","usePartContentComponent","Dialoger","CmsPartForm","Messager"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmKA,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,UAAAA;AAGf,UAAM,kBAAkBC,IAAA,IAAY,MAAM,MAAM,GAAa;AAC7DC,QAAAA,MAAM,MAAM,MAAM,MAAM,KAAK,CAAC,MAAW;AACvC,sBAAgB,QAAQ;AAAA,IAAA,GACvB,EAAE,WAAW,KAAA,CAAM;AAGtB,UAAM,eAAeC,IAAAA,SAA0B,IAAIC,gBAAAA,gBAAiB,CAAA;AAG9D,UAAA,cAAcC,2BAAe,IAAI;AAGjC,UAAA,cAAcJ,QAAI,KAAK;AAG7B,UAAM,aAAaA,IAAAA,IAAI;AAAA,MACrB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,MACjB,cAAc;AAAA,IAAA,CACf;AAGK,UAAA,iBAAiBA,QAAI,KAAK;AAG1B,UAAA,UAAUA,QAAI,KAAK;AAGnB,UAAA,gBAAgBA,QAAI,cAAc;AAGlC,UAAA,oBAAoBA,QAAI,IAAW;AAGnC,UAAA,cAAcA,QAAI,IAAI;AAGtB,UAAA,aAAaK,eAAiC,CAAA,CAAE;AAChD,UAAA,uBAAuBA,eAAgB,IAAI;AAGjD,UAAM,eAAeH,IAAAA,SAAS,IAAII,sBAAAA,sBAAuB,CAAA;AAGzD,iBAAa,KAAK;AAGlB,QAAI,qBAA0B;AAC9BC,QAAAA,YAAY,YAAY;AACjB,WAAA,cAAc,SAAS,UAAU,cAAc,SAAS,mBAAmB,kBAAkB,SAAS,sBAAsB,kBAAkB,OAAO;AACpJ,YAAA;AACF,+BAAqB,kBAAkB;AACvC,gBAAM,aAAa,WAAW,kBAAkB,MAAM,EAAE;AAAA,iBACjD,OAAO;AACd,kBAAQ,IAAI,GAAG;AACf,kBAAQ,IAAI,KAAK;AAAA,QACnB;AAAA,MACF;AAAA,IAAA,CACD;AAGK,UAAA,mBAAmB,OAAO,SAAc;AAExC,UAAA,kBAAkB,SAAS,MAAM;AAEnC,0BAAkB,QAAQ;AAEtB,YAAA,CAAC,kBAAkB,MAAM,iBAAiB;AAC5C,wBAAc,QAAQ;AAAA,QAAA,OAEnB;AACH,wBAAc,QAAQ;AAAA,QACxB;AACO,eAAA,QAAQ,EAAE,MAAM,gBAAgB,OAAO,EAAE,KAAK,kBAAkB,MAAM,GAAG,EAAU,CAAA;AAC/E,mBAAA,QAAQC,eAAAA,qBAAqB,kBAAkB,MAAM,EAAE,EAAE,OAAOA,eAAqB,qBAAA,kBAAkB,MAAM,IAAI,CAAC;AACxG,6BAAA,QAAQC,uCAAwB,kBAAkB,MAAM,EAAE,KAAKA,uCAAwB,kBAAkB,MAAM,IAAI;AAAA,MAC1I;AAAA,IAAA;AAII,UAAA,mBAAmB,CAAC,SAAc;AACtC,UAAI,KAAK,MAAM,kBAAkB,MAAM,IAAI;AACzC,0BAAkB,QAAQ;AAAA,MAC5B;AAAA,IAAA;AAII,UAAA,iBAAiB,CAAC,SAAc;AACpC,wBAAkB,QAAQ;AAC1B,oBAAc,QAAQ;AAAA,IAAA;AAMlB,UAAA,qBAAqB,OAAO,SAAe;AAC/C,YAAMC,GAAAA,SAAS,eAAe;AAAA,QAC5B,UAAU;AAAA,MAAA,CACX;AAED,UAAI,KAAK,IAAI;AACX,qBAAa,UAAU,EAAE,UAAU,KAAK,GAAI,CAAA;AAAA,MAC9C;AAAA,IAAA;AAIIT,cAAA,aAAa,OAAO,MAAM;AAC9B,UAAI,GAAG;AACL,gBAAQ,IAAI,CAAC;AACb,mBAAW,MAAM,gBAAgB,CAAC,CAAC,kBAAkB,MAAM;AAC3D,mBAAW,MAAM,iBAAiB,CAAC,CAAC,kBAAkB,MAAM;AAC5D,mBAAW,MAAM,mBAAmB,CAAC,CAAC,kBAAkB,MAAM;AAAA,MAChE;AAAA,IAAA,CACD;AAGD,iBAAa,eAAe,GAAG,CAAC,EAAE,eAAoB;;AAChD,UAAA,SAAS,KAAK,MAAM;AAEN,wBAAA,QAAQ,SAAS,KAAK;AAErC,0BAAY,MAAe,aAA3B,mBAAqC;AAAA,MACxC;AAAA,IAAA,CAED;AAGD,UAAM,uBAAuB,YAAY;AAEnC,UAAA;AAEF,gBAAQ,QAAQ;AAEhB,cAAMU,YAAAA,YAAY;MAAW,UAE/B;AACE,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;AAGF,UAAM,oBAAoB,YAAY;AAEhC,UAAA;AAEC,YAAA;AACD,cAAG,aAAa,WAAU;AACxB,kBAAM,eAAe;AAAA,UACvB;AAAA,QAAA,QACI;AACJC,aAAAA,SAAS,MAAM;AAAA,YACb,SAAQ;AAAA,UAAA,CACT;AACD;AAAA,QACF;AAEA,uBAAe,QAAQ;AAEvB,cAAMD,YAAAA,YAAY,QAAQ,kBAAkB,MAAM,IAAI,WAAW,KAAK;AAEtE,oBAAY,QAAQ;AAAA,MAAA,UAEpB;AACA,uBAAe,QAAQ;AAAA,MACzB;AAAA,IAAA;AAMI,UAAA,gBAAe,OAAO,QAAqB;AAC/C,UAAG,aAAa,WAAU;AACxB,cAAM,eAAe;AAAA,MACvB;AACA,UAAG,KAAI;AACLA,oBAAA,YAAY,YAAY,kBAAkB,MAAM,IAAI,GAAG;AAAA,MAAA,OACpD;AACSA,oBAAAA,YAAA,YAAY,kBAAkB,MAAM,EAAE;AAAA,MACpD;AAAA,IAAA;AAMF,UAAM,iBAAiB,YAAY;AACjC,wBAAkB,QAAQ,aAAa;AACvC,YAAM,aAAa;IAAO;AAOtB,UAAA,wBAAwB,CAAC,MAAW;AACxC,UAAG,aAAa,MAAK;AACnB,qBAAa,KAAK,UAAU;AAAA,MAC9B;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);\" m=\"l-[10px]\" flex=\"~ items-center\">\r\n          <MKSvgIcon name=\"f7:doc-richtext\" m=\"r-[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 v-if=\"CmsSettings.publish.mode == 'static'\"\r\n              @click=\"publishAllPartHandle\">\r\n              <MKSvgIcon name=\"ep:promotion\" m=\"r-[10]x\"/>\r\n              整站发布\r\n            </el-button>\r\n            <el-button type=\"primary\" size=\"large\" text @click=\"showPartFormHandle\">\r\n              <MKSvgIcon name=\"ep:plus\" m=\"r-[10]x\"/>\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\"\r\n        :curSelectId=\"curSelectPartId\" />\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-for=\"(ext, i) in partExList\" :label=\"ext.title || `页面扩展设置 ${i+1}`\" :name=\"\">\r\n            <el-button type=\"primary\" text @click=\"ext.save()\" v-if=\"activeTabName == `part-ext${i}` && ext.save\">\r\n              <MKSvgIcon name=\"carbon:save\" m=\"r-[5px]\" />\r\n              保存{{ ext.title }}\r\n            </el-button>\r\n          </template>\r\n          <template v-if=\"activeTabName == 'part' || (activeTabName == 'part-content' && !partContentExtension?.component)\">\r\n            <el-button type=\"primary\" text @click=\"savePartHandle()\" :disabled=\"!partDataForm?.isChanged\">\r\n              <MKSvgIcon name=\"carbon:save\" m=\"r-[5px]\" />\r\n              保存\r\n            </el-button>\r\n          </template>\r\n          <el-dropdown\r\n            v-if=\"CmsSettings.publish.mode == 'static' && curSelectPartItem.coverTemplate || curSelectPartItem.listTemplate || curSelectPartItem.contentTemplate\">\r\n            <span class=\"el-dropdown-link\">\r\n              <el-button type=\"primary\" text>\r\n                <MKSvgIcon name=\"ep:more-filled\" />\r\n              </el-button>\r\n            </span>\r\n            <template #dropdown>\r\n              <el-dropdown-menu>\r\n                <el-dropdown-item @click=\"previewHandle()\"\r\n                  v-if=\"CmsSettings.publish.mode == 'static' && curSelectPartItem.coverTemplate\">\r\n                  <MKSvgIcon name=\"ep:view\" m=\"l-[10px]\" />\r\n                  预览封面\r\n                </el-dropdown-item>\r\n                <el-dropdown-item @click=\"previewHandle(1)\"\r\n                  v-if=\"curSelectPartItem.listTemplate\">\r\n                  <MKSvgIcon name=\"ep:view\" m=\"l-[10px]\" />\r\n                  预览列表\r\n                </el-dropdown-item>\r\n                <el-dropdown-item @click=\"showPublish = true\">\r\n                  <MKSvgIcon name=\"ep:promotion\" m=\"l-[10px]\" />\r\n                  发布当前栏目\r\n                </el-dropdown-item>\r\n              </el-dropdown-menu>\r\n            </template>\r\n          </el-dropdown>\r\n        </div>\r\n        <el-tab-pane label=\"文章列表\" name=\"article-list\" v-if=\"curSelectPartItem.contentTemplate\">\r\n          <ArticleList v-if=\"activeTabName == 'article-list'\" :part=\"curSelectPartItem\" style=\"height: 99%;\" />\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\">\r\n          <!-- 存在内容扩展配置 -->\r\n          <template v-if=\"partContentExtension && activeTabName == 'part-content'\">\r\n\r\n            <!-- 都自定义扩展的话 -->\r\n            <template v-if=\"partContentExtension.component && partContentExtension.adComponent\">\r\n              <div style=\"background: #fff;margin-top: -10px;padding: 10px;box-sizing: border-box;\">\r\n                <component :is=\"partContentExtension.adComponent\" />\r\n              </div>\r\n              <div style=\"background: #fff;\">\r\n                <component :is=\"partContentExtension.component\" />\r\n              </div>\r\n            </template>\r\n            <!-- 只扩展内容 -->\r\n            <template v-if=\"partContentExtension.component && !partContentExtension.adComponent\">\r\n              <PartBannerEdit v-if=\"partDataForm.data?.id\" :partId=\"partDataForm.data?.id\" :title=\"partDataForm.data?.title\" />\r\n              <div style=\"background: #fff;margin-top: -10px;padding: 10px;box-sizing: border-box;\" v-if=\"partContentExtension.component\">\r\n                <component :is=\"partContentExtension.component\" />\r\n              </div>\r\n            </template>\r\n            <!-- 只扩展栏目广告栏 -->\r\n            <template v-if=\"!partContentExtension.component && partContentExtension.adComponent\">\r\n              <MKDocEditor :css=\"CmsSettings.part.doc.css\" :js=\"CmsSettings.part.doc.js\" :loading=\"partDataForm.loading\" namespace=\"cms-part\"\r\n              :modelValue=\"partDataForm.data?.content\" placeholder=\"从这里开始写正文...\" @update:modelValue=\"docEditorChangeHandle\">\r\n                <template #before-extentions>\r\n                  <div style=\"background: #fff;margin-bottom: 10px;\">\r\n                    <component :is=\"partContentExtension.adComponent\" />\r\n                  </div>\r\n                </template>\r\n              </MKDocEditor>\r\n            </template>\r\n            \r\n          </template>\r\n\r\n          <template v-else-if=\"activeTabName == 'part-content'\">\r\n            <MKDocEditor :css=\"CmsSettings.part.doc.css\" :js=\"CmsSettings.part.doc.js\" :loading=\"partDataForm.loading\" namespace=\"cms-part\"\r\n            :modelValue=\"partDataForm.data?.content\"  @update:modelValue=\"docEditorChangeHandle\" placeholder=\"从这里开始写正文...\">\r\n              <template #before-extentions>\r\n                <PartBannerEdit v-if=\"partDataForm.data?.id\" :partId=\"partDataForm.data?.id\"\r\n                  :title=\"partDataForm.data?.title\" />\r\n              </template>\r\n            </MKDocEditor>\r\n          </template>\r\n\r\n        </el-tab-pane>\r\n        <el-tab-pane v-for=\"(ext, i) in partExList\" :label=\"ext.title || `页面扩展设置 ${i == 0 ? '' : i}`\" :name=\"`part-ext${i}`\">\r\n          <component :is=\"ext.component\" />\r\n        </el-tab-pane>\r\n\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\"\r\n            :disabled=\"!curSelectPartItem.listTemplate\" /></div>\r\n        <div><span>是否发布封面：</span> <el-switch v-model=\"optionData.isPublishCover\"\r\n            :disabled=\"!curSelectPartItem.coverTemplate\" /></div>\r\n        <div><span>是否发布内容：</span> <el-switch v-model=\"optionData.isPublishContent\"\r\n            :disabled=\"!curSelectPartItem.contentTemplate\" /></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=\"publishLoading\">确定</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 PartBannerEdit from \"./components/part-banner-edit.vue\";\r\nimport { MKDocEditor } from \"../../../../components\";\r\nimport { reactive, ref,shallowRef, watch, watchEffect } from \"vue\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\nimport { CmsContentManPartForm, CmsPartForm, CmsPartMiniForm } from \"../../dataviews/cms-parts\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { usePartExtensionList, usePartContentComponent, type PartExtension } from \"../../composables/part-extensions\"\r\nimport { ElSwitch } from \"element-plus\";\r\nimport { useCmsSettings } from \"../../cms-settings\"\r\nimport {MKSvgIcon} from \"../../../../components/basic\";\r\n//路由 \r\nconst route = useRoute();\r\nconst router = useRouter();\r\n\r\n// 当前选中的栏目id\r\nconst curSelectPartId = ref<string>(route.query.pid as string)\r\nwatch(() => route.query.pid, (v: any) => {\r\n  curSelectPartId.value = v\r\n}, { immediate: true });\r\n\r\n//栏目Mini表单\r\nconst partMiniForm = reactive<CmsPartMiniForm>(new CmsPartMiniForm());\r\n\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings(true);\r\n\r\n//发布栏目时的配置\r\nconst showPublish = ref(false)\r\n\r\n//发布配置项\r\nconst optionData = ref({\r\n  isPublishList: false,\r\n  isPublishCover: false,\r\n  isPublishContent: false,\r\n  isPublishAssets: false,\r\n  isCompulsion: true\r\n});\r\n\r\n//发布加载状态\r\nconst publishLoading = ref(false);\r\n\r\n// 数据加载状态\r\nconst loading = 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 partExList = shallowRef<Array<PartExtension>>([]);\r\nconst partContentExtension = shallowRef<any>(null)\r\n\r\n//栏目数据\r\nconst partDataForm = reactive(new CmsContentManPartForm()) as CmsContentManPartForm;\r\n\r\n// 初始化表单\r\npartDataForm.init();\r\n\r\n// 切换tab 加载栏目表单数据\r\nlet beforeInitFormPart: any = null;\r\nwatchEffect(async () => {\r\n  if ((activeTabName.value == \"part\" || activeTabName.value == \"part-content\") && curSelectPartItem.value != beforeInitFormPart && curSelectPartItem.value) {\r\n    try {\r\n      beforeInitFormPart = curSelectPartItem.value;\r\n      await partDataForm.editRecord(curSelectPartItem.value.id);\r\n    } catch (error) {\r\n      console.log(132)\r\n      console.log(error)\r\n    }\r\n  }\r\n});\r\n\r\n// 选择栏目\r\nconst selectPartHandle = async (item: any) => {\r\n\r\n  if (curSelectPartItem.value != item) {\r\n\r\n    curSelectPartItem.value = item;\r\n\r\n    if (!curSelectPartItem.value.contentTemplate) {\r\n      activeTabName.value = \"part\";\r\n    }\r\n    else {\r\n      activeTabName.value = \"article-list\";\r\n    }\r\n    router.replace({ name: 'cms/contents', query: { pid: curSelectPartItem.value.id } } as any)\r\n    partExList.value = usePartExtensionList(curSelectPartItem.value.id).concat(usePartExtensionList(curSelectPartItem.value.name));\r\n    partContentExtension.value = usePartContentComponent(curSelectPartItem.value.id) || usePartContentComponent(curSelectPartItem.value.name)\r\n  }\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\n//编辑栏目\r\nconst editPartHandle = (item: any) => {\r\n  curSelectPartItem.value = item;\r\n  activeTabName.value = \"part\";\r\n};\r\n\r\n/**\r\n *  显示添加栏目表单\r\n */\r\nconst showPartFormHandle = async (item?: any) => {\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: partMiniForm as CmsContentManPartForm,\r\n  });\r\n\r\n  if (item.id) {\r\n    partMiniForm.addRecord({ parentId: item.id });\r\n  }\r\n\r\n};\r\n\r\nwatch(showPublish, async (v) => {\r\n  if (v) {\r\n    console.log(2)\r\n    optionData.value.isPublishList = !!curSelectPartItem.value.listTemplate\r\n    optionData.value.isPublishCover = !!curSelectPartItem.value.coverTemplate\r\n    optionData.value.isPublishContent = !!curSelectPartItem.value.contentTemplate\r\n  }\r\n})\r\n\r\n//监听表单完成事件\r\npartMiniForm.submittedEvent.on(({ response }: any) => {\r\n  if (response.data.data) {\r\n    // 重置选中\r\n    curSelectPartId.value = response.data.data;\r\n    // 刷新完成直接选中\r\n    (partTreeRef.value! as any).dataTree?.load();\r\n  }\r\n\r\n});\r\n\r\n//栏目发布\r\nconst publishAllPartHandle = async () => {\r\n\r\n  try {\r\n\r\n    loading.value = true;\r\n\r\n    await CmsPartForm.publishAll()\r\n  }\r\n  finally {\r\n    loading.value = false;\r\n  }\r\n\r\n}\r\nconst publishPartHandle = async () => {\r\n\r\n  try {\r\n    //表单未保存，默认保存\r\n    try{\r\n      if(partDataForm.isChanged){\r\n        await savePartHandle()\r\n      }\r\n    }catch{\r\n      Messager.error({\r\n        message:\"保存失败\"\r\n      })\r\n      return \r\n    }\r\n\r\n    publishLoading.value = true\r\n\r\n    await CmsPartForm.publish(curSelectPartItem.value.id, optionData.value);\r\n\r\n    showPublish.value = false;\r\n\r\n  } finally {\r\n    publishLoading.value = false\r\n  }\r\n}\r\n\r\n/**\r\n * 预览\r\n */\r\nconst previewHandle =async (num?:string|number)=>{\r\n  if(partDataForm.isChanged){\r\n    await savePartHandle()\r\n  }\r\n  if(num){\r\n    CmsPartForm.openPreview(curSelectPartItem.value.id, '1')\r\n  }else{\r\n    CmsPartForm.openPreview(curSelectPartItem.value.id)\r\n  }\r\n}\r\n\r\n/**\r\n * 保存栏目信息\r\n */\r\nconst savePartHandle = async () => {\r\n  curSelectPartItem.value = partDataForm.data;\r\n  await partDataForm.submit();\r\n}\r\n\r\n/**\r\n * 更新编辑器内容\r\n * @param v  内容\r\n */\r\nconst docEditorChangeHandle = (v: any) => {\r\n  if(partDataForm.data){\r\n    partDataForm.data.content = v\r\n  }\r\n}\r\n</script>\r\n"],"names":["useRoute","useRouter","ref","watch","reactive","CmsPartMiniForm","useCmsSettings","shallowRef","CmsContentManPartForm","watchEffect","usePartExtensionList","usePartContentComponent","Dialoger","CmsPartForm","Messager"],"mappings":"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"}

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

@@ -67,6 +67,8 @@ require("../../../../components/business/verify-dialog/verify-dialog-option.js")
 require("../../../../core/DataModelDefines.js");
 require("vue-router");
 require("@maketribe/locale");
+require("../../../../store/modules/settings.js");
+require("../../../../store/modules/menu.js");
 require("../../../../components/business/resource-list/index.js");
 const index$1 = require("../../../../components/business/resource-manager/index.js");
 const CmsPartForm = require("../../dataviews/cms-parts/CmsPartForm.js");

package/dist/cjs/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>\r\n  <MKPageContainer>\r\n    <MKResourceManager title=\"模版资产管理\" :resourceManager=\"resourceManager\">\r\n      <template #tools>\r\n        <ElButton type=\"primary\" @click=\"publishAssetsHandle\">发布资产</ElButton>\r\n        <ElButton type=\"primary\" @click=\"publishAllHandle\">全站发布</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 { MKPageContainer } from \"../../../../components\";\r\nimport { MKResourceManager, ResourceManager } from \"../../../../components\";\r\nimport { CmsPartForm } from \"../../dataviews/cms-parts\";\r\n\r\n// 创建cms模版资源管理器\r\nconst resourceManager = reactive(new ResourceManager({ baseURL: \"/cms/template/resource\" })) as ResourceManager;\r\n\r\n// 资源发布\r\nconst publishAssetsHandle = async () => {\r\n\r\n  try {\r\n    resourceManager.loadingManager.startLoading();\r\n    CmsPartForm.publishAssets();\r\n  } \r\n  finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n//全站发布\r\n// 整站发布\r\nconst publishAllHandle = async () => {\r\n\r\n  \r\n\r\n  try {\r\n\r\n    resourceManager.loadingManager.startLoading();\r\n\r\n    await CmsPartForm.publishAll()\r\n\r\n\r\n  } finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n</script>\r\n"],"names":["reactive","ResourceManager","CmsPartForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBM,UAAA,kBAAkBA,IAAAA,SAAS,IAAIC,gBAAAA,gBAAgB,EAAE,SAAS,yBAA0B,CAAA,CAAC;AAG3F,UAAM,sBAAsB,YAAY;AAElC,UAAA;AACF,wBAAgB,eAAe;AAC/BC,oBAAA,YAAY,cAAc;AAAA,MAAA,UAE5B;AACE,wBAAgB,eAAe;MACjC;AAAA,IAAA;AAIF,UAAM,mBAAmB,YAAY;AAI/B,UAAA;AAEF,wBAAgB,eAAe;AAE/B,cAAMA,YAAAA,YAAY;MAAW,UAG7B;AACA,wBAAgB,eAAe;MACjC;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 title=\"模版资产管理\" :resourceManager=\"resourceManager\">\r\n      <template #tools>\r\n        <ElButton type=\"primary\" @click=\"publishAssetsHandle\">发布资产</ElButton>\r\n        <ElButton type=\"primary\" @click=\"publishAllHandle\">全站发布</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 { MKPageContainer } from \"../../../../components\";\r\nimport { MKResourceManager, ResourceManager } from \"../../../../components\";\r\nimport { CmsPartForm } from \"../../dataviews/cms-parts\";\r\n\r\n// 创建cms模版资源管理器\r\nconst resourceManager = reactive(new ResourceManager({ baseURL: \"/cms/template/resource\" })) as ResourceManager;\r\n\r\n// 资源发布\r\nconst publishAssetsHandle = async () => {\r\n\r\n  try {\r\n    resourceManager.loadingManager.startLoading();\r\n    CmsPartForm.publishAssets();\r\n  } \r\n  finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n//全站发布\r\n// 整站发布\r\nconst publishAllHandle = async () => {\r\n\r\n  \r\n\r\n  try {\r\n\r\n    resourceManager.loadingManager.startLoading();\r\n\r\n    await CmsPartForm.publishAll()\r\n\r\n\r\n  } finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n</script>\r\n"],"names":["reactive","ResourceManager","CmsPartForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBM,UAAA,kBAAkBA,IAAAA,SAAS,IAAIC,gBAAAA,gBAAgB,EAAE,SAAS,yBAA0B,CAAA,CAAC;AAG3F,UAAM,sBAAsB,YAAY;AAElC,UAAA;AACF,wBAAgB,eAAe;AAC/BC,oBAAA,YAAY,cAAc;AAAA,MAAA,UAE5B;AACE,wBAAgB,eAAe;MACjC;AAAA,IAAA;AAIF,UAAM,mBAAmB,YAAY;AAI/B,UAAA;AAEF,wBAAgB,eAAe;AAE/B,cAAMA,YAAAA,YAAY;MAAW,UAG7B;AACA,wBAAgB,eAAe;MACjC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/modules/cms/pages/cms-settigns/index.vue2.js

@@ -8,12 +8,72 @@ require("../../../../core/DataModelDefines.js");
 require("vue-router");
 require("@maketribe/request");
 require("@maketribe/locale");
+require("../../../../store/modules/settings.js");
+require("../../../../store/modules/menu.js");
 const MsConfigTable = require("../../../ms/dataviews/ms-config/MsConfigTable.js");
+const index = require("../../../../components/basic/svg-icon/index.js");
+require("../../../../components/basic/button/button-options.js");
+require("../../../../components/basic/config-provider/index.js");
+require("../../../../components/basic/data-table-select/index.js");
+require("../../../../components/basic/data-select/index.js");
+require("../../../../components/basic/pagination/index.js");
+require("../../../../components/basic/system-provider/index.js");
+require("../../../../components/basic/code-editor/index.js");
+require("../../../../components/basic/json-editor/index.js");
+require("../../../../components/basic/page-container/index.js");
+require("../../../../components/basic/date-picker/index.js");
+require("../../../../components/basic/icon-select/index.js");
+require("../../../../components/basic/upload-file/upload-file.js");
+require("../../../../components/basic/upload-file/context/web-file-upload-context.js");
+require("../../../../components/basic/upload-file/context/web-file-upload-context-options.js");
+require("../../../../components/basic/upload-file/ui/upload-image/index.js");
+require("../../../../components/basic/upload-file/ui/upload-file/index.js");
+require("../../../../components/basic/upload-file/ui/upload-video/index.js");
+require("../../../../components/basic/upload-file/upload-file-options.js");
+require("../../../../components/basic/doc-editor/index.js");
+require("../../../../components/basic/copy-container/index.js");
+require("../../../../components/basic/image-cropper/index.js");
+require("../../../../components/basic/visual-page-editor/index.js");
+require("../../../../components/basic/lexical-editor/assets/iconfont.js");
+require("@lexical/overflow");
+require("@lexical/text");
+require("@lexical/utils");
+require("lexical");
+require("@lexical/selection");
+require("@lexical/link");
+require("@lexical/rich-text");
+require("../../../../components/basic/lexical-editor/utils/html.js");
+require("../../../../components/basic/lexical-editor/utils/image.js");
+require("@element-plus/icons-vue");
+require("../../../../components/basic/lexical-editor/composables/useElementBlockSelection.js");
+require("@lexical/history");
+;/* empty css                                                                           */
+require("../../../../components/basic/lexical-editor/nodes/ModuleDecoratorNode.js");
+require("../../../../components/basic/lexical-editor/nodes/ImageNode.js");
+require("../../../../components/basic/lexical-editor/nodes/ImageTextWarpNode.js");
+require("../../../../components/basic/lexical-editor/nodes/Template.js");
+;/* empty css                                                                                    */
+;/* empty css                                                                      */
+;/* empty css                                                                      */
+require("../../../../components/basic/lexical-editor/plugins/RichTextEditorPlugin.js");
+require("../../../../components/basic/lexical-editor/plugins/HashtagPlugin.js");
+require("../../../../components/basic/lexical-editor/plugins/ListPlugin.js");
+require("../../../../components/basic/lexical-editor/plugins/CheckListPlugin.js");
+require("../../../../components/basic/lexical-editor/plugins/TablePlugin.js");
+;/* empty css                                                                */
+require("@lexical/dragon");
+require("@lexical/plain-text");
+require("../../../../components/basic/lexical-editor/stage/DecoratedTeleports.js");
+;/* empty css                                                            */
 const _hoisted_1 = {
   class: "mk-cms-appsettings__warp",
   style: { "height": "100%", "display": "flex", "flex-direction": "column" }
 };
-const _hoisted_2 = { style: { "color": "var(--el-text-color-regular)", "margin-left": "10px" } };
+const _hoisted_2 = {
+  style: { "color": "var(--el-text-color-regular)" },
+  m: "l-[10px]",
+  flex: "~ items-center"
+};
 const _hoisted_3 = {
   class: "mk-cms-appsettings__form_warp",
   style: { "background": "#fff", "flex": "1", "height": "100%", "padding": "10px", "margin": "10px", "overflow": "auto" }
@@ -46,13 +106,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }, { deep: true });
     });
     return (_ctx, _cache) => {
-      const _component_MKSvgIcon = vue.resolveComponent("MKSvgIcon");
       const _component_el_button = vue.resolveComponent("el-button");
       const _component_el_button_group = vue.resolveComponent("el-button-group");
       const _component_el_page_header = vue.resolveComponent("el-page-header");
       const _component_el_radio = vue.resolveComponent("el-radio");
       const _component_el_radio_group = vue.resolveComponent("el-radio-group");
       const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+      const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
       const _component_el_form = vue.resolveComponent("el-form");
       const _component_el_tab_pane = vue.resolveComponent("el-tab-pane");
       const _component_el_divider = vue.resolveComponent("el-divider");
@@ -67,9 +128,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }, {
           title: vue.withCtx(() => [
             vue.createElementVNode("h3", _hoisted_2, [
-              vue.createVNode(_component_MKSvgIcon, {
-                iconClass: "Operation",
-                style: { "margin-right": "5px" }
+              vue.createVNode(vue.unref(index.MKSvgIcon), {
+                name: "ep:operation",
+                m: "r-[5px]"
               }),
               vue.createTextVNode(" CMS应用设置 ")
             ])
@@ -86,7 +147,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     onClick: saveHandle
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_component_MKSvgIcon, { iconClass: "save" }),
+                      vue.createVNode(vue.unref(index.MKSvgIcon), { name: "carbon:save" }),
                       vue.createTextVNode(" 保存 ")
                     ]),
                     _: 1
@@ -101,7 +162,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_3, [
           vue.createVNode(_component_el_tabs, {
             modelValue: activeTabName.value,
-            "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => activeTabName.value = $event),
+            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => activeTabName.value = $event),
             class: "mk-cms-contents__body__right"
           }, {
             default: vue.withCtx(() => [
@@ -139,6 +200,27 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           }, 8, ["modelValue"])
                         ]),
                         _: 1
+                      }),
+                      vue.createVNode(_component_el_form_item, { label: "兼容设备 : " }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_checkbox_group, {
+                            modelValue: vue.unref(CmsSettings).devices,
+                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(CmsSettings).devices = $event)
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(_component_el_checkbox, {
+                                label: "PC端",
+                                value: "pc"
+                              }),
+                              vue.createVNode(_component_el_checkbox, {
+                                label: "移动端",
+                                value: "mobile"
+                              })
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue"])
+                        ]),
+                        _: 1
                       })
                     ]),
                     _: 1
@@ -166,7 +248,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(_component_el_switch, {
                             modelValue: vue.unref(CmsSettings).part.openBanner,
-                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(CmsSettings).part.openBanner = $event)
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(CmsSettings).part.openBanner = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -178,7 +260,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(_component_el_input, {
                             modelValue: vue.unref(CmsSettings).part.bannerImageSize,
-                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(CmsSettings).part.bannerImageSize = $event),
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(CmsSettings).part.bannerImageSize = $event),
                             placeholder: "",
                             style: { "max-width": "200px" }
                           }, null, 8, ["modelValue"])
@@ -198,7 +280,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(_component_el_input, {
                             modelValue: vue.unref(CmsSettings).part.doc.css,
-                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(CmsSettings).part.doc.css = $event),
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(CmsSettings).part.doc.css = $event),
                             autosize: { minRows: 2, maxRows: 4 },
                             type: "textarea",
                             placeholder: "多个css url ， 号分割，逗号必须是英文逗号"
@@ -210,7 +292,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(_component_el_input, {
                             modelValue: vue.unref(CmsSettings).part.doc.js,
-                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(CmsSettings).part.doc.js = $event),
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(CmsSettings).part.doc.js = $event),
                             autosize: { minRows: 2, maxRows: 4 },
                             type: "textarea",
                             placeholder: "多个 js url ， 号分割，逗号必须是英文逗号"
@@ -238,7 +320,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(_component_el_switch, {
                             modelValue: vue.unref(CmsSettings).content.useTop,
-                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(CmsSettings).content.useTop = $event)
+                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(CmsSettings).content.useTop = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -247,7 +329,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(_component_el_switch, {
                             modelValue: vue.unref(CmsSettings).content.useNew,
-                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(CmsSettings).content.useNew = $event)
+                            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(CmsSettings).content.useNew = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -256,7 +338,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(_component_el_switch, {
                             modelValue: vue.unref(CmsSettings).content.useHotRecommend,
-                            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(CmsSettings).content.useHotRecommend = $event)
+                            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(CmsSettings).content.useHotRecommend = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -265,7 +347,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(_component_el_switch, {
                             modelValue: vue.unref(CmsSettings).content.usePartRecommend,
-                            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(CmsSettings).content.usePartRecommend = $event)
+                            "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(CmsSettings).content.usePartRecommend = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -274,7 +356,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(_component_el_switch, {
                             modelValue: vue.unref(CmsSettings).content.useTags,
-                            "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(CmsSettings).content.useTags = $event)
+                            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(CmsSettings).content.useTags = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -283,7 +365,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(_component_el_switch, {
                             modelValue: vue.unref(CmsSettings).content.useAtlas,
-                            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(CmsSettings).content.useAtlas = $event)
+                            "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(CmsSettings).content.useAtlas = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -292,7 +374,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(_component_el_input, {
                             modelValue: vue.unref(CmsSettings).content.coverImageSize,
-                            "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(CmsSettings).content.coverImageSize = $event),
+                            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.unref(CmsSettings).content.coverImageSize = $event),
                             placeholder: "",
                             style: { "max-width": "200px" }
                           }, null, 8, ["modelValue"])
@@ -303,7 +385,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(_component_el_input, {
                             modelValue: vue.unref(CmsSettings).content.bannerImageSize,
-                            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.unref(CmsSettings).content.bannerImageSize = $event),
+                            "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.unref(CmsSettings).content.bannerImageSize = $event),
                             placeholder: "",
                             style: { "max-width": "200px" }
                           }, null, 8, ["modelValue"])
@@ -329,7 +411,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(_component_el_input, {
                             modelValue: vue.unref(CmsSettings).content.doc.css,
-                            "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.unref(CmsSettings).content.doc.css = $event),
+                            "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.unref(CmsSettings).content.doc.css = $event),
                             autosize: { minRows: 2, maxRows: 4 },
                             type: "textarea",
                             placeholder: "多个css url ， 号分割，逗号必须是英文逗号"
@@ -341,7 +423,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.createVNode(_component_el_input, {
                             modelValue: vue.unref(CmsSettings).content.doc.js,
-                            "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.unref(CmsSettings).content.doc.js = $event),
+                            "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.unref(CmsSettings).content.doc.js = $event),
                             autosize: { minRows: 2, maxRows: 4 },
                             type: "textarea",
                             placeholder: "多个 js url ， 号分割，逗号必须是英文逗号"