@maketribe/ms-app 3.2.9 → 3.2.11

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

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

package/dist/cjs/modules/cms/pages/cms-contents/components/article-atlas.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"article-atlas.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/article-atlas.vue"],"sourcesContent":["<template>\r\n  <el-card class=\"cms-article-atlas\">\r\n    <template #header>\r\n      <div @click=\"showAtlasFormHandle()\" class=\"cms-article-atlas__header\">\r\n        <span>\r\n          <MKSvgIcon iconClass=\"Picture\" style=\"margin-right: 5px;\" />\r\n          文章媒体库\r\n        </span>\r\n        <MKSvgIcon class=\"cms-article-atlas__header__btn\" iconClass=\"Plus\" style=\"color: #409EFF;\" />\r\n      </div>\r\n    </template>\r\n    <el-empty v-if=\"atlas.length <= 0\" description=\"暂无内容\" />\r\n    <el-scrollbar class=\"cms-article-atlas__list\" v-else>\r\n      <el-card class=\"cms-article-atlas__list__item\" v-for=\"(item, index) in atlas\" :key=\"item.id\">\r\n        <el-image class=\"images\" :src=\"item.path\" v-if=\"item.type == 1\" fit=\"contain\">\r\n          <div slot=\"placeholder\" class=\"image-slot\">\r\n            加载中<span class=\"dot\">...</span>\r\n          </div>\r\n        </el-image>\r\n        <video class=\"video\" v-if=\"item.type == 2\" :src=\"item.path\" controls></video>\r\n        <div class=\"cms-article-atlas__list__item__desc\">\r\n          <div class=\"item-desc-left\">\r\n            <div class=\"title ellipsis\">\r\n              <MKSvgIcon class=\"icon\" v-if=\"item.type == 1\" iconClass=\"Picture\"></MKSvgIcon>\r\n              <MKSvgIcon class=\"icon\" v-if=\"item.type == 2\" iconClass=\"VideoCamera\"></MKSvgIcon>\r\n              <span :title=\"item.title\">{{ item.title }}</span>\r\n            </div>\r\n            <div class=\"external-links ellipsis\">\r\n              <MKSvgIcon class=\"icon\" v-if=\"item.link\" iconClass=\"Link\"></MKSvgIcon>\r\n              <a :href=\"item.link\" target=\"_blank\" :title=\"item.path\">{{ item.link }}</a>\r\n            </div>\r\n          </div>\r\n          <el-dropdown trigger=\"click\" :teleported=\"false\" class=\"item-desc-right\">\r\n            <span class=\"el-dropdown-link\">\r\n              更多<el-icon class=\"el-icon--right\"><arrow-down /></el-icon>\r\n            </span>\r\n            <template #dropdown>\r\n              <el-dropdown-menu>\r\n                <el-dropdown-item class=\"edit-button\" :icon=\"EditPen\" @click=\"editHandle(item)\">编辑</el-dropdown-item>\r\n                <el-dropdown-item class=\"delete-button\" :icon=\"Delete\"\r\n                  @click=\"deleteHandle(index)\">删除</el-dropdown-item>\r\n              </el-dropdown-menu>\r\n            </template>\r\n          </el-dropdown>\r\n        </div>\r\n      </el-card>\r\n      <el-dialog v-model=\"formVisible\" append-to-body>\r\n        <MKDataForm :dataForm=\"atlasDv\">\r\n          <MKForm></MKForm>\r\n        </MKDataForm>\r\n        <template #footer>\r\n          <el-button type=\"primary\" @click=\"saveAlatsHandle\">保存</el-button>\r\n          <el-button @click=\"formVisible = false\"> 取消 </el-button>\r\n        </template>\r\n      </el-dialog>\r\n\r\n    </el-scrollbar>\r\n  </el-card>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { onMounted, computed, ref, defineProps, watch, reactive } from \"vue\";\r\nimport { EditPen, ArrowDown, Delete } from \"@element-plus/icons-vue\"\r\nimport { CmsArticleAtlasForm } from \"../../../dataviews/cms-articles/cms-article-atlas\";\r\nimport { MKDataForm, MKForm, MKDataFormItem } from \"../../../../../components\";\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  articleId: { type: Number, default: \"\" },\r\n  modelValue: { type: Array<any>, default: () => [] },\r\n})\r\nconst emit = defineEmits([\"update:modelValue\"])\r\n//atlas表单\r\nconst atlasDv = reactive(new CmsArticleAtlasForm()) as CmsArticleAtlasForm;\r\nconst formVisible = ref(false);\r\n\r\nconst imgExtension = [\".jpg\", \".png\", \".gif\", \".jpeg\", \".bmp\", \".webp\", \".svg\", \".tiff\", \".tif\", \".ico\", \".jfif\", \".jpe\"]\r\nconst videoExtension = [\".mp4\", \".avi\", \".rmvb\", \".flv\", \".mkv\", \".wmv\", \".mov\", \".webm\", \".m4v\", \".mpg\", \".mpeg\", \".mts\", \".m2ts\", \".m2v\", \".mpe\", \".mpv\", \".vob\", \".ogv\", \".3gp\", \".3g2\", \".3gpp\", \".3gpp2\", \".3gp2\"]\r\n\r\n\r\n//图集数据\r\nconst atlas = computed(\r\n  () => {\r\n    const _arr = props.modelValue.map((item, index) => {\r\n      const extension = item.path.slice(item.path.lastIndexOf(\".\"))\r\n      let type = 0;\r\n      if (imgExtension.includes(extension)) {\r\n        type = 1\r\n      } else if (videoExtension.includes(extension)) {\r\n        type = 2\r\n      }\r\n      return { ...item, type, uid: item.title + index }\r\n    })\r\n    return _arr\r\n  },\r\n);\r\n\r\n\r\n(window as any).atlasDv = atlasDv;\r\n(window as any).atlas = atlas;\r\n(window as any).modelValue = props.modelValue;\r\n/***\r\n * 展示atlas表单\r\n */\r\nconst showAtlasFormHandle = () => {\r\n  formVisible.value = true;\r\n  atlasDv.addRecord({\r\n    cmsArticlesId: props.articleId\r\n  })\r\n}\r\n\r\n//重置atlas表单\r\nwatch(formVisible, (v) => {\r\n  atlasDv.reset();\r\n})\r\n\r\n/**\r\n * 保存\r\n */\r\nconst saveAlatsHandle = async () => {\r\n  if (atlasDv.data.uid) {\r\n    const index = atlas.value.findIndex(item => item.uid == atlasDv.data.uid)\r\n    atlas.value[index] = { ...atlas.value[index], ...atlasDv.data }\r\n  } else {\r\n    atlas.value.push(atlasDv.data)\r\n  }\r\n\r\n  emit(\"update:modelValue\", atlas.value)\r\n  formVisible.value = false;\r\n}\r\n/**\r\n * 删除\r\n */\r\nconst deleteHandle = (index: number) => {\r\n  atlas.value.splice(index, 1)\r\n  emit(\"update:modelValue\", atlas.value)\r\n}\r\n\r\nconst editHandle = (item: any) => {\r\n  atlasDv.addRecord(item)\r\n  formVisible.value = true;\r\n}\r\n// 挂在完成之后\r\nonMounted(async () => {\r\n  await atlasDv.init();\r\n})\r\n\r\n</script>\r\n"],"names":["reactive","CmsArticleAtlasForm","ref","computed","index","watch","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,UAAM,QAAQ;AAId,UAAM,OAAO;AAEb,UAAM,UAAUA,IAAAA,SAAS,IAAIC,oBAAAA,oBAAqB,CAAA;AAC5C,UAAA,cAAcC,QAAI,KAAK;AAE7B,UAAM,eAAe,CAAC,QAAQ,QAAQ,QAAQ,SAAS,QAAQ,SAAS,QAAQ,SAAS,QAAQ,QAAQ,SAAS,MAAM;AAClH,UAAA,iBAAiB,CAAC,QAAQ,QAAQ,SAAS,QAAQ,QAAQ,QAAQ,QAAQ,SAAS,QAAQ,QAAQ,SAAS,QAAQ,SAAS,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,SAAS,UAAU,OAAO;AAItN,UAAM,QAAQC,IAAA;AAAA,MACZ,MAAM;AACJ,cAAM,OAAO,MAAM,WAAW,IAAI,CAAC,MAAMC,WAAU;AAC3C,gBAAA,YAAY,KAAK,KAAK,MAAM,KAAK,KAAK,YAAY,GAAG,CAAC;AAC5D,cAAI,OAAO;AACP,cAAA,aAAa,SAAS,SAAS,GAAG;AAC7B,mBAAA;AAAA,UACE,WAAA,eAAe,SAAS,SAAS,GAAG;AACtC,mBAAA;AAAA,UACT;AACA,iBAAO,EAAE,GAAG,MAAM,MAAM,KAAK,KAAK,QAAQA;QAAM,CACjD;AACM,eAAA;AAAA,MACT;AAAA,IAAA;AAID,WAAe,UAAU;AACzB,WAAe,QAAQ;AACvB,WAAe,aAAa,MAAM;AAInC,UAAM,sBAAsB,MAAM;AAChC,kBAAY,QAAQ;AACpB,cAAQ,UAAU;AAAA,QAChB,eAAe,MAAM;AAAA,MAAA,CACtB;AAAA,IAAA;AAIGC,cAAA,aAAa,CAAC,MAAM;AACxB,cAAQ,MAAM;AAAA,IAAA,CACf;AAKD,UAAM,kBAAkB,YAAY;AAC9B,UAAA,QAAQ,KAAK,KAAK;AACd,cAAAD,SAAQ,MAAM,MAAM,UAAU,UAAQ,KAAK,OAAO,QAAQ,KAAK,GAAG;AAClE,cAAA,MAAMA,MAAK,IAAI,EAAE,GAAG,MAAM,MAAMA,MAAK,GAAG,GAAG,QAAQ,KAAK;AAAA,MAAA,OACzD;AACC,cAAA,MAAM,KAAK,QAAQ,IAAI;AAAA,MAC/B;AAEK,WAAA,qBAAqB,MAAM,KAAK;AACrC,kBAAY,QAAQ;AAAA,IAAA;AAKhB,UAAA,eAAe,CAACA,WAAkB;AAChC,YAAA,MAAM,OAAOA,QAAO,CAAC;AACtB,WAAA,qBAAqB,MAAM,KAAK;AAAA,IAAA;AAGjC,UAAA,aAAa,CAAC,SAAc;AAChC,cAAQ,UAAU,IAAI;AACtB,kBAAY,QAAQ;AAAA,IAAA;AAGtBE,QAAAA,UAAU,YAAY;AACpB,YAAM,QAAQ;IAAK,CACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"article-atlas.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/article-atlas.vue"],"sourcesContent":["<template>\r\n  <el-card class=\"cms-article-atlas\">\r\n    <template #header>\r\n      <div @click=\"showAtlasFormHandle()\" class=\"cms-article-atlas__header\">\r\n        <span>\r\n          <MKSvgIcon iconClass=\"Picture\" style=\"margin-right: 5px;\" />\r\n          文章媒体库\r\n        </span>\r\n        <MKSvgIcon class=\"cms-article-atlas__header__btn\" iconClass=\"Plus\" style=\"color: #409EFF;\" />\r\n      </div>\r\n    </template>\r\n    <el-empty v-if=\"atlas.length <= 0\" description=\"暂无内容\" />\r\n    <el-scrollbar class=\"cms-article-atlas__list\" v-else>\r\n      <el-card class=\"cms-article-atlas__list__item\" v-for=\"(item, index) in atlas\" :key=\"item.id\">\r\n        <el-image class=\"images\" :src=\"item.path\" v-if=\"item.type == 1\" fit=\"contain\">\r\n          <div slot=\"placeholder\" class=\"image-slot\">\r\n            加载中<span class=\"dot\">...</span>\r\n          </div>\r\n        </el-image>\r\n        <video class=\"video\" v-if=\"item.type == 2\" :src=\"item.path\" controls></video>\r\n        <div class=\"cms-article-atlas__list__item__desc\">\r\n          <div class=\"item-desc-left\">\r\n            <div class=\"title ellipsis\">\r\n              <MKSvgIcon class=\"icon\" v-if=\"item.type == 1\" iconClass=\"Picture\"></MKSvgIcon>\r\n              <MKSvgIcon class=\"icon\" v-if=\"item.type == 2\" iconClass=\"VideoCamera\"></MKSvgIcon>\r\n              <span :title=\"item.title\">{{ item.title }}</span>\r\n            </div>\r\n            <div class=\"external-links ellipsis\">\r\n              <MKSvgIcon class=\"icon\" v-if=\"item.link\" iconClass=\"Link\"></MKSvgIcon>\r\n              <a :href=\"item.link\" target=\"_blank\" :title=\"item.path\">{{ item.link }}</a>\r\n            </div>\r\n          </div>\r\n          <el-dropdown trigger=\"click\" :teleported=\"false\" class=\"item-desc-right\">\r\n            <span class=\"el-dropdown-link\">\r\n              更多<el-icon class=\"el-icon--right\"><arrow-down /></el-icon>\r\n            </span>\r\n            <template #dropdown>\r\n              <el-dropdown-menu>\r\n                <el-dropdown-item class=\"edit-button\" :icon=\"EditPen\" @click=\"editHandle(item)\">编辑</el-dropdown-item>\r\n                <el-dropdown-item class=\"delete-button\" :icon=\"Delete\"\r\n                  @click=\"deleteHandle(index)\">删除</el-dropdown-item>\r\n              </el-dropdown-menu>\r\n            </template>\r\n          </el-dropdown>\r\n        </div>\r\n      </el-card>\r\n      <el-dialog v-model=\"formVisible\" append-to-body>\r\n        <MKDataForm :dataForm=\"atlasDv\">\r\n          <MKForm></MKForm>\r\n        </MKDataForm>\r\n        <template #footer>\r\n          <el-button type=\"primary\" @click=\"saveAlatsHandle\">保存</el-button>\r\n          <el-button @click=\"formVisible = false\"> 取消 </el-button>\r\n        </template>\r\n      </el-dialog>\r\n\r\n    </el-scrollbar>\r\n  </el-card>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { onMounted, computed, ref, defineProps, watch, reactive } from \"vue\";\r\nimport { EditPen, ArrowDown, Delete } from \"@element-plus/icons-vue\"\r\nimport { CmsArticleAtlasForm } from \"../../../dataviews/cms-articles/cms-article-atlas\";\r\nimport { MKDataForm, MKForm } from \"../../../../../components\";\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  articleId: { type: Number, default: \"\" },\r\n  modelValue: { type: Array<any>, default: () => [] },\r\n})\r\nconst emit = defineEmits([\"update:modelValue\"])\r\n//atlas表单\r\nconst atlasDv = reactive(new CmsArticleAtlasForm()) as CmsArticleAtlasForm;\r\nconst formVisible = ref(false);\r\n\r\nconst imgExtension = [\".jpg\", \".png\", \".gif\", \".jpeg\", \".bmp\", \".webp\", \".svg\", \".tiff\", \".tif\", \".ico\", \".jfif\", \".jpe\"]\r\nconst videoExtension = [\".mp4\", \".avi\", \".rmvb\", \".flv\", \".mkv\", \".wmv\", \".mov\", \".webm\", \".m4v\", \".mpg\", \".mpeg\", \".mts\", \".m2ts\", \".m2v\", \".mpe\", \".mpv\", \".vob\", \".ogv\", \".3gp\", \".3g2\", \".3gpp\", \".3gpp2\", \".3gp2\"]\r\n\r\n\r\n//图集数据\r\nconst atlas = computed(\r\n  () => {\r\n    const _arr = props.modelValue.map((item, index) => {\r\n      const extension = item.path.slice(item.path.lastIndexOf(\".\"))\r\n      let type = 0;\r\n      if (imgExtension.includes(extension)) {\r\n        type = 1\r\n      } else if (videoExtension.includes(extension)) {\r\n        type = 2\r\n      }\r\n      return { ...item, type, uid: item.title + index }\r\n    })\r\n    return _arr\r\n  },\r\n);\r\n\r\n\r\n(window as any).atlasDv = atlasDv;\r\n(window as any).atlas = atlas;\r\n(window as any).modelValue = props.modelValue;\r\n/***\r\n * 展示atlas表单\r\n */\r\nconst showAtlasFormHandle = () => {\r\n  formVisible.value = true;\r\n  atlasDv.addRecord({\r\n    cmsArticlesId: props.articleId\r\n  })\r\n}\r\n\r\n//重置atlas表单\r\nwatch(formVisible, (v) => {\r\n  atlasDv.reset();\r\n})\r\n\r\n/**\r\n * 保存\r\n */\r\nconst saveAlatsHandle = async () => {\r\n  if (atlasDv.data.uid) {\r\n    const index = atlas.value.findIndex(item => item.uid == atlasDv.data.uid)\r\n    atlas.value[index] = { ...atlas.value[index], ...atlasDv.data }\r\n  } else {\r\n    atlas.value.push(atlasDv.data)\r\n  }\r\n\r\n  emit(\"update:modelValue\", atlas.value)\r\n  formVisible.value = false;\r\n}\r\n/**\r\n * 删除\r\n */\r\nconst deleteHandle = (index: number) => {\r\n  atlas.value.splice(index, 1)\r\n  emit(\"update:modelValue\", atlas.value)\r\n}\r\n\r\nconst editHandle = (item: any) => {\r\n  atlasDv.addRecord(item)\r\n  formVisible.value = true;\r\n}\r\n// 挂在完成之后\r\nonMounted(async () => {\r\n  await atlasDv.init();\r\n})\r\n\r\n</script>\r\n"],"names":["reactive","CmsArticleAtlasForm","ref","computed","index","watch","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,UAAM,QAAQ;AAId,UAAM,OAAO;AAEb,UAAM,UAAUA,IAAAA,SAAS,IAAIC,oBAAAA,oBAAqB,CAAA;AAC5C,UAAA,cAAcC,QAAI,KAAK;AAE7B,UAAM,eAAe,CAAC,QAAQ,QAAQ,QAAQ,SAAS,QAAQ,SAAS,QAAQ,SAAS,QAAQ,QAAQ,SAAS,MAAM;AAClH,UAAA,iBAAiB,CAAC,QAAQ,QAAQ,SAAS,QAAQ,QAAQ,QAAQ,QAAQ,SAAS,QAAQ,QAAQ,SAAS,QAAQ,SAAS,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,SAAS,UAAU,OAAO;AAItN,UAAM,QAAQC,IAAA;AAAA,MACZ,MAAM;AACJ,cAAM,OAAO,MAAM,WAAW,IAAI,CAAC,MAAMC,WAAU;AAC3C,gBAAA,YAAY,KAAK,KAAK,MAAM,KAAK,KAAK,YAAY,GAAG,CAAC;AAC5D,cAAI,OAAO;AACP,cAAA,aAAa,SAAS,SAAS,GAAG;AAC7B,mBAAA;AAAA,UACE,WAAA,eAAe,SAAS,SAAS,GAAG;AACtC,mBAAA;AAAA,UACT;AACA,iBAAO,EAAE,GAAG,MAAM,MAAM,KAAK,KAAK,QAAQA;QAAM,CACjD;AACM,eAAA;AAAA,MACT;AAAA,IAAA;AAID,WAAe,UAAU;AACzB,WAAe,QAAQ;AACvB,WAAe,aAAa,MAAM;AAInC,UAAM,sBAAsB,MAAM;AAChC,kBAAY,QAAQ;AACpB,cAAQ,UAAU;AAAA,QAChB,eAAe,MAAM;AAAA,MAAA,CACtB;AAAA,IAAA;AAIGC,cAAA,aAAa,CAAC,MAAM;AACxB,cAAQ,MAAM;AAAA,IAAA,CACf;AAKD,UAAM,kBAAkB,YAAY;AAC9B,UAAA,QAAQ,KAAK,KAAK;AACd,cAAAD,SAAQ,MAAM,MAAM,UAAU,UAAQ,KAAK,OAAO,QAAQ,KAAK,GAAG;AAClE,cAAA,MAAMA,MAAK,IAAI,EAAE,GAAG,MAAM,MAAMA,MAAK,GAAG,GAAG,QAAQ,KAAK;AAAA,MAAA,OACzD;AACC,cAAA,MAAM,KAAK,QAAQ,IAAI;AAAA,MAC/B;AAEK,WAAA,qBAAqB,MAAM,KAAK;AACrC,kBAAY,QAAQ;AAAA,IAAA;AAKhB,UAAA,eAAe,CAACA,WAAkB;AAChC,YAAA,MAAM,OAAOA,QAAO,CAAC;AACtB,WAAA,qBAAqB,MAAM,KAAK;AAAA,IAAA;AAGjC,UAAA,aAAa,CAAC,SAAc;AAChC,cAAQ,UAAU,IAAI;AACtB,kBAAY,QAAQ;AAAA,IAAA;AAGtBE,QAAAA,UAAU,YAAY;AACpB,YAAM,QAAQ;IAAK,CACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -33,7 +33,10 @@ require("../../../../../components/business/resource-list/index.js");
 require("../../../../../components/business/resource-manager/index.js");
 const dm = require("@maketribe/dm");
 require("../../../../../core/DataModelDefines.js");
-const MSAppClient = require("../../../../../core/MSAppClient.js");
+const vueRouter = require("vue-router");
+require("@maketribe/locale");
+require("../../../../ms/dataviews/ms-config/MsConfigTable.js");
+require("lodash-es");
 require("../../../../ms/dataviews/department/DepartmentForm.js");
 require("../../../../ms/dataviews/department/DepartmentTable.js");
 require("../../../../ms/dataviews/department/DepartmentTree.js");
@@ -46,9 +49,11 @@ require("../../../../ms/components/markdown-editor/index.js");
 require("../../../../ms/components/rich-text-editor/index.js");
 require("../../../../ms/material-upload-context/material-upload-context-options.js");
 require("../../../../ms/material-upload-context/material-upload-context.js");
+require("@element-plus/icons-vue");
 const CmsArticlesTable = require("../../../dataviews/cms-articles/CmsArticlesTable.js");
+const CmsArticlesForm = require("../../../dataviews/cms-articles/CmsArticlesForm.js");
 require("@codemirror/lang-html");
-const vueRouter = require("vue-router");
+const cmsSettings = require("../../../cms-settings.js");
 const index = require("../../../../../components/data-model/data-table/views/table-view/index.js");
 const _hoisted_1 = { class: "mk-cms-article-list__item__content" };
 const _hoisted_2 = { class: "left" };
@@ -69,20 +74,28 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     part: { type: Object, default: null }
   },
   setup(__props) {
+    const CmsSettings = cmsSettings.useCmsSettings();
     const articlesDv = vue.reactive(new CmsArticlesTable.CmsArticlesTable());
+    const articleForm = vue.reactive(new CmsArticlesForm.CmsArticlesForm());
+    const draftArticleForm = vue.reactive(new CmsArticlesForm.CmsArticlesForm());
     const props = __props;
     const router = vueRouter.useRouter();
-    vue.watch(() => props.part, (item) => {
-      if (item.cmsPartTypeId != 1) {
-        const dataFilter = articlesDv.dataFilter;
-        if (dm.isWhereFilter(dataFilter)) {
-          const defaultGroup = dataFilter.getDefaultGroup();
-          defaultGroup.clear();
-          defaultGroup.addCondition("cmsPartId", "=", item.id);
+    vue.onMounted(() => {
+      articleForm.init();
+      draftArticleForm.init();
+      vue.watch(() => props.part, (item) => {
+        if (item.cmsPartTypeId != 1) {
+          const dataFilter = articlesDv.dataFilter;
+          if (dm.isWhereFilter(dataFilter)) {
+            const defaultGroup = dataFilter.getDefaultGroup();
+            defaultGroup.clear();
+            defaultGroup.addCondition("cmsPartId", "=", item.id);
+            defaultGroup.addCondition("isDraft", "=", 1);
+          }
+          articlesDv.load();
         }
-        articlesDv.load();
-      }
-    }, { immediate: true });
+      }, { immediate: true });
+    });
     const deleteArticleHandle = async (item) => {
       const isConfirm = await dm.Dialoger.confirm({
         title: "删除文章?",
@@ -97,39 +110,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const editArticleHandle = (item, isEdit = false) => {
       router.push({ path: "/cms/article", query: { id: isEdit ? void 0 : item.id, partId: isEdit ? item.id : void 0 } });
     };
-    articlesDv.addRecordEvent.on(() => {
-      editArticleHandle(props.part, true);
-    });
+    articlesDv.addRecordEvent.on(() => editArticleHandle(props.part, true));
     const publishArticleHandle = async (article) => {
-      var _a;
-      console.warn(`🚀 ~ file: article-list.vue:124 ~ article:`, article);
-      const httpRequest = (_a = MSAppClient.MSAppClient.instance) == null ? void 0 : _a.httpRequest;
       try {
-        const isConfirm = await dm.Dialoger.confirm({ title: "文章发布", message: "是否发布文章？", type: "warning" });
-        if (!isConfirm) {
-          return;
-        }
-        articlesDv.getLoadingManager().startLoading();
-        const response = await httpRequest.post(
-          `/cms/content/publish/content`,
-          {
-            partId: article.cmsPartId,
-            contentIds: [
-              article.id
-            ]
+        if (await dm.Dialoger.confirm({ title: "文章发布", message: "是否发布文章？", type: "warning" })) {
+          articlesDv.getLoadingManager().startLoading();
+          const response = await CmsArticlesForm.CmsArticlesForm.publish(CmsSettings.publish.mode, article.cmsPartId, article.id);
+          if (response.data.code !== 200) {
+            dm.Messager.error({ message: response.data.msg });
+            return;
           }
-        );
-        if (response.data.code !== 200) {
-          dm.Messager.error({ message: response.data.msg });
-          return;
+          dm.Messager.success({ message: "发布成功" });
         }
-        dm.Messager.success({ message: "发布成功" });
       } finally {
         articlesDv.getLoadingManager().completeLoading();
       }
     };
-    vue.onMounted(async () => {
-    });
     return (_ctx, _cache) => {
       const _component_el_empty = vue.resolveComponent("el-empty");
       const _component_MKSvgIcon = vue.resolveComponent("MKSvgIcon");
@@ -222,7 +218,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                   ]),
                                   _: 2
                                 }, 1032, ["onClick"]),
-                                article.url ? (vue.openBlock(), vue.createElementBlock("a", {
+                                vue.unref(CmsSettings).publish.mode == "static" && article.url ? (vue.openBlock(), vue.createElementBlock("a", {
                                   key: 0,
                                   href: article.url,
                                   target: "_blank"
@@ -238,7 +234,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                     _: 1
                                   })
                                 ], 8, _hoisted_12)) : vue.createCommentVNode("", true),
-                                vue.createElementVNode("a", {
+                                vue.unref(CmsSettings).publish.mode == "static" ? (vue.openBlock(), vue.createElementBlock("a", {
+                                  key: 1,
                                   href: "/api/cms/content/preview/content/" + article.cmsPartId + "/" + article.id,
                                   target: "_blank"
                                 }, [
@@ -252,7 +249,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                     ]),
                                     _: 1
                                   })
-                                ], 8, _hoisted_13),
+                                ], 8, _hoisted_13)) : vue.createCommentVNode("", true),
                                 vue.createVNode(_component_el_button, {
                                   type: "primary",
                                   size: "large",

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

@@ -1 +1 @@
-{"version":3,"file":"article-list.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/article-list.vue"],"sourcesContent":["<template>\r\n  <MKDataTable :data-table=\"articlesDv\" :auto-load=\"false\" class=\"mk-cms-article-list\">\r\n    <el-empty v-if=\"part && part.cmsPartTypeId == 1\" description=\"外链栏目下无文章内容\" />\r\n    <MKTableView v-else-if=\"part\" :data-table=\"articlesDv\">\r\n      <el-scrollbar class=\"mk-cms-article-list__content\" style=\"box-sizing: border-box;font-size: 0;\"\r\n        v-if=\"articlesDv.getList().length > 0\">\r\n        <el-card class=\"mk-cms-article-list__item\" v-for=\"article in articlesDv.getList()\" :key=\"article.id\">\r\n          <div class=\"mk-cms-article-list__item__content\">\r\n            <div class=\"left\">\r\n              <el-image class=\"cover-image\" :src=\"article.cover\" fit=\"contain\">\r\n                <template #error>\r\n                  <MKSvgIcon iconClass=\"Picture\" />\r\n                </template>\r\n              </el-image>\r\n            </div>\r\n            <div class=\"right\">\r\n              <div class=\"title\" :title=\"article.title\"> {{ article.title }}</div>\r\n              <div class=\"sub-title\" v-if=\"article.subTitle\" :title=\"article.subTitle\"> {{ article.subTitle }}</div>\r\n              <div class=\"desc\">\r\n                {{ article.desc }}\r\n              </div>\r\n              <div class=\"footer\">\r\n                <div class=\"ext\">\r\n                  <div class=\"author\">\r\n                    <MKSvgIcon iconClass=\"UserFilled\"></MKSvgIcon> \r\n                    作者 : {{ article.author || \"-\" }}\r\n                  </div>\r\n                  <div class=\"publish-time\">\r\n                    <MKSvgIcon iconClass=\"Timer\"></MKSvgIcon> \r\n                    发布时间 ： {{ article.publishTime }}\r\n                  </div>\r\n                </div>\r\n                <div class=\"tools\">\r\n                  <el-button type=\"primary\" size=\"large\" @click=\"editArticleHandle(article)\" text>\r\n                    编辑\r\n                  </el-button>\r\n                  <el-button type=\"danger\" size=\"large\" @click=\"deleteArticleHandle(article)\" text>\r\n                    删除\r\n                  </el-button>\r\n                  <a v-if=\"article.url\" :href=\"article.url\" target=\"_blank\">\r\n                    <el-button type=\"primary\" size=\"large\" text>访问</el-button>\r\n                  </a>\r\n                  <a :href=\"'/api/cms/content/preview/content/' + article.cmsPartId + '/' + article.id\" target=\"_blank\">\r\n                    <el-button type=\"primary\" size=\"large\" text>预览</el-button>\r\n                  </a>\r\n                  <el-button type=\"primary\" size=\"large\" text @click=\"publishArticleHandle(article)\">\r\n                    发布\r\n                  </el-button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </el-card>\r\n      </el-scrollbar>\r\n      <el-empty v-if=\"articlesDv.getList().length <= 0\" description=\"暂无文章内容\" />\r\n    </MKTableView>\r\n  </MKDataTable>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { MKTableView } from \"../../../../../components\"\r\nimport { CmsArticlesTable } from \"../../../dataviews\"\r\nimport { onMounted, reactive, ref, defineProps, watch } from \"vue\";\r\nimport { DvOpt } from \"@maketribe/request\";\r\nimport { Dialoger, isWhereFilter, Messager } from '@maketribe/dm'\r\nimport { useRouter } from \"vue-router\";\r\nimport { MSAppClient } from \"../../../../../core\";\r\n\r\n// 文章\r\nconst articlesDv = reactive(new CmsArticlesTable()) as CmsArticlesTable;\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  part: { type: Object, default: null }\r\n})\r\n\r\nconst router = useRouter();\r\n\r\n// 监听栏目数据变化\r\nwatch(() => props.part, (item: any) => {\r\n\r\n  if (item.cmsPartTypeId != 1) {\r\n\r\n    const dataFilter = articlesDv.dataFilter;\r\n\r\n    if (isWhereFilter(dataFilter)) {\r\n      const defaultGroup = dataFilter.getDefaultGroup();\r\n      defaultGroup.clear();\r\n      defaultGroup.addCondition(\"cmsPartId\", \"=\", item.id);\r\n    }\r\n\r\n    articlesDv.load()\r\n  }\r\n\r\n}, { immediate: true })\r\n\r\n/**\r\n * 删除文章\r\n */\r\nconst deleteArticleHandle = async (item: any) => {\r\n  const isConfirm = await Dialoger.confirm({\r\n    title: \"删除文章?\",\r\n    message: \"是否删除文章？\",\r\n    type: \"warning\"\r\n  })\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n  await articlesDv.deleteAfterRefresh(item.id);\r\n}\r\n\r\n/**\r\n * 编辑文章\r\n */\r\nconst editArticleHandle = (item: any, isEdit = false) => {\r\n  router.push({ path: \"/cms/article\", query: { id: isEdit ? undefined : item.id, partId: isEdit ? item.id : undefined } })\r\n}\r\n\r\n\r\narticlesDv.addRecordEvent.on(() => {\r\n  editArticleHandle(props.part, true)\r\n})\r\n\r\nconst publishArticleHandle = async (article: any) => {\r\n  console.warn(`🚀 ~ file: article-list.vue:124 ~ article:`, article);\r\n  const httpRequest = MSAppClient.instance?.httpRequest!;\r\n  try {\r\n    const isConfirm = await Dialoger.confirm({ title: \"文章发布\", message: \"是否发布文章？\", type: \"warning\" })\r\n\r\n    if (!isConfirm) {\r\n      return;\r\n    }\r\n\r\n    articlesDv.getLoadingManager().startLoading();\r\n\r\n    const response = await httpRequest.post(\r\n      `/cms/content/publish/content`, {\r\n      partId: article.cmsPartId,\r\n      contentIds: [\r\n        article.id\r\n      ]\r\n    }\r\n    );\r\n\r\n    if (response.data.code !== 200) {\r\n      Messager.error({ message: response.data.msg });\r\n      return;\r\n    }\r\n\r\n    Messager.success({ message: \"发布成功\" });\r\n\r\n  } finally {\r\n    articlesDv.getLoadingManager().completeLoading();\r\n  }\r\n}\r\n\r\n// 挂在完成之后\r\nonMounted(async () => {\r\n\r\n  // // 加载数据\r\n  // articleList.value = await articleDvOpt.query().list();\r\n\r\n  // // 修改状态\r\n  // loading.value = false;\r\n})\r\n\r\n</script>\r\n"],"names":["reactive","CmsArticlesTable","useRouter","watch","isWhereFilter","Dialoger","MSAppClient","Messager","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEA,UAAM,aAAaA,IAAAA,SAAS,IAAIC,iBAAAA,iBAAkB,CAAA;AAGlD,UAAM,QAAQ;AAId,UAAM,SAASC,UAAAA;AAGfC,QAAAA,MAAM,MAAM,MAAM,MAAM,CAAC,SAAc;AAEjC,UAAA,KAAK,iBAAiB,GAAG;AAE3B,cAAM,aAAa,WAAW;AAE1B,YAAAC,GAAAA,cAAc,UAAU,GAAG;AACvB,gBAAA,eAAe,WAAW;AAChC,uBAAa,MAAM;AACnB,uBAAa,aAAa,aAAa,KAAK,KAAK,EAAE;AAAA,QACrD;AAEA,mBAAW,KAAK;AAAA,MAClB;AAAA,IAAA,GAEC,EAAE,WAAW,KAAA,CAAM;AAKhB,UAAA,sBAAsB,OAAO,SAAc;AACzC,YAAA,YAAY,MAAMC,GAAA,SAAS,QAAQ;AAAA,QACvC,OAAO;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA,CACP;AAED,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AACM,YAAA,WAAW,mBAAmB,KAAK,EAAE;AAAA,IAAA;AAM7C,UAAM,oBAAoB,CAAC,MAAW,SAAS,UAAU;AACvD,aAAO,KAAK,EAAE,MAAM,gBAAgB,OAAO,EAAE,IAAI,SAAS,SAAY,KAAK,IAAI,QAAQ,SAAS,KAAK,KAAK,UAAa;AAAA,IAAA;AAI9G,eAAA,eAAe,GAAG,MAAM;AACf,wBAAA,MAAM,MAAM,IAAI;AAAA,IAAA,CACnC;AAEK,UAAA,uBAAuB,OAAO,YAAiB;;AAC3C,cAAA,KAAK,8CAA8C,OAAO;AAC5D,YAAA,eAAcC,iBAAAA,YAAY,aAAZA,mBAAsB;AACtC,UAAA;AACI,cAAA,YAAY,MAAMD,YAAS,QAAQ,EAAE,OAAO,QAAQ,SAAS,WAAW,MAAM,UAAW,CAAA;AAE/F,YAAI,CAAC,WAAW;AACd;AAAA,QACF;AAEW,mBAAA,oBAAoB;AAEzB,cAAA,WAAW,MAAM,YAAY;AAAA,UACjC;AAAA,UAAgC;AAAA,YAChC,QAAQ,QAAQ;AAAA,YAChB,YAAY;AAAA,cACV,QAAQ;AAAA,YACV;AAAA,UACF;AAAA,QAAA;AAGI,YAAA,SAAS,KAAK,SAAS,KAAK;AAC9BE,aAAA,SAAS,MAAM,EAAE,SAAS,SAAS,KAAK,KAAK;AAC7C;AAAA,QACF;AAEAA,WAAAA,SAAS,QAAQ,EAAE,SAAS,OAAQ,CAAA;AAAA,MAAA,UAEpC;AACW,mBAAA,oBAAoB;MACjC;AAAA,IAAA;AAIFC,QAAAA,UAAU,YAAY;AAAA,IAAA,CAOrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"article-list.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/article-list.vue"],"sourcesContent":["<template>\r\n  <MKDataTable :data-table=\"articlesDv\" :auto-load=\"false\" class=\"mk-cms-article-list\">\r\n    <el-empty v-if=\"part && part.cmsPartTypeId == 1\" description=\"外链栏目下无文章内容\" />\r\n    <MKTableView v-else-if=\"part\" :data-table=\"articlesDv\">\r\n      <el-scrollbar class=\"mk-cms-article-list__content\" style=\"box-sizing: border-box;font-size: 0;\"\r\n        v-if=\"articlesDv.getList().length > 0\">\r\n        <el-card class=\"mk-cms-article-list__item\" v-for=\"article in articlesDv.getList()\" :key=\"article.id\">\r\n          <div class=\"mk-cms-article-list__item__content\">\r\n            <div class=\"left\">\r\n              <el-image class=\"cover-image\" :src=\"article.cover\" fit=\"contain\">\r\n                <template #error>\r\n                  <MKSvgIcon iconClass=\"Picture\" />\r\n                </template>\r\n              </el-image>\r\n            </div>\r\n            <div class=\"right\">\r\n              <div class=\"title\" :title=\"article.title\"> {{ article.title }}</div>\r\n              <div class=\"sub-title\" v-if=\"article.subTitle\" :title=\"article.subTitle\"> {{ article.subTitle }}</div>\r\n              <div class=\"desc\">\r\n                {{ article.desc }}\r\n              </div>\r\n              <div class=\"footer\">\r\n                <div class=\"ext\">\r\n                  <div class=\"author\">\r\n                    <MKSvgIcon iconClass=\"UserFilled\"></MKSvgIcon> \r\n                    作者 : {{ article.author || \"-\" }}\r\n                  </div>\r\n                  <div class=\"publish-time\">\r\n                    <MKSvgIcon iconClass=\"Timer\"></MKSvgIcon> \r\n                    发布时间 ： {{ article.publishTime }}\r\n                  </div>\r\n                </div>\r\n                <div class=\"tools\">\r\n                  <el-button type=\"primary\" size=\"large\" @click=\"editArticleHandle(article)\" text>\r\n                    编辑\r\n                  </el-button>\r\n                  <el-button type=\"danger\" size=\"large\" @click=\"deleteArticleHandle(article)\" text>\r\n                    删除\r\n                  </el-button>\r\n                  <a v-if=\"CmsSettings.publish.mode == 'static' && article.url\" :href=\"article.url\" target=\"_blank\">\r\n                    <el-button type=\"primary\" size=\"large\" text>访问</el-button>\r\n                  </a>\r\n                  <a :href=\"'/api/cms/content/preview/content/' + article.cmsPartId + '/' + article.id\" v-if=\"CmsSettings.publish.mode == 'static'\" target=\"_blank\">\r\n                    <el-button type=\"primary\" size=\"large\" text>预览</el-button>\r\n                  </a>\r\n                  <el-button type=\"primary\" size=\"large\" text @click=\"publishArticleHandle(article)\">\r\n                    发布\r\n                  </el-button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </el-card>\r\n      </el-scrollbar>\r\n      <el-empty v-if=\"articlesDv.getList().length <= 0\" description=\"暂无文章内容\" />\r\n    </MKTableView>\r\n  </MKDataTable>\r\n</template>\r\n<script setup lang='ts'>\r\nimport { MKTableView } from \"../../../../../components\"\r\nimport { CmsArticlesTable,CmsArticlesForm } from \"../../../dataviews\"\r\nimport { reactive, defineProps, watch,onMounted } from \"vue\";\r\nimport { Dialoger, isWhereFilter, Messager } from '@maketribe/dm'\r\nimport { useRouter } from \"vue-router\";\r\nimport { useCmsSettings } from \"../../../cms-settings\"\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings();\r\n\r\n// 文章\r\nconst articlesDv = reactive(new CmsArticlesTable()) as CmsArticlesTable;\r\n// 发布文章表单\r\nconst articleForm = reactive(new CmsArticlesForm()) as CmsArticlesForm;\r\n// 草稿文章\r\nconst draftArticleForm = reactive(new CmsArticlesForm()) as CmsArticlesForm;\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  part: { type: Object, default: null }\r\n})\r\n\r\nconst router = useRouter();\r\n\r\n// 初始化\r\nonMounted(()=>{\r\n  articleForm.init();\r\n  draftArticleForm.init();\r\n\r\n  // 监听栏目数据变化\r\n  watch(() => props.part, (item: any) => {\r\n    if (item.cmsPartTypeId != 1) {\r\n\r\n      const dataFilter = articlesDv.dataFilter;\r\n\r\n      if (isWhereFilter(dataFilter)) {\r\n\r\n        const defaultGroup = dataFilter.getDefaultGroup();\r\n\r\n        defaultGroup.clear();\r\n        defaultGroup.addCondition(\"cmsPartId\", \"=\", item.id);\r\n        // 只查草稿\r\n        defaultGroup.addCondition(\"isDraft\", \"=\", 1);\r\n      }\r\n\r\n      articlesDv.load()\r\n    }\r\n  }, { immediate: true })\r\n})\r\n\r\n/**\r\n * 删除文章\r\n */\r\nconst deleteArticleHandle = async (item: any) => {\r\n  const isConfirm = await Dialoger.confirm({\r\n    title: \"删除文章?\",\r\n    message: \"是否删除文章？\",\r\n    type: \"warning\"\r\n  })\r\n\r\n  if (!isConfirm) { return; }\r\n  await articlesDv.deleteAfterRefresh(item.id);\r\n}\r\n\r\n/**\r\n * 编辑文章\r\n */\r\nconst editArticleHandle = (item: any, isEdit = false) => {\r\n  router.push({ path: \"/cms/article\", query: { id: isEdit ? undefined : item.id, partId: isEdit ? item.id : undefined } })\r\n}\r\n\r\n// 添加记录\r\narticlesDv.addRecordEvent.on(() =>  editArticleHandle(props.part, true))\r\n\r\n/**\r\n * fault文章\r\n * @param article \r\n */\r\nconst publishArticleHandle = async (article: any) => {\r\n\r\n  try {\r\n\r\n    if (await Dialoger.confirm({ title: \"文章发布\", message: \"是否发布文章？\", type: \"warning\" })) {\r\n\r\n      articlesDv.getLoadingManager().startLoading();\r\n\r\n      // 调用发布接口\r\n      const response:any = await CmsArticlesForm.publish(CmsSettings.publish.mode,article.cmsPartId,article.id);\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\r\n  } finally {\r\n    articlesDv.getLoadingManager().completeLoading();\r\n  }\r\n}\r\n\r\n\r\n</script>\r\n"],"names":["useCmsSettings","reactive","CmsArticlesTable","CmsArticlesForm","useRouter","onMounted","watch","isWhereFilter","Dialoger","Messager"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,UAAM,cAAcA,YAAAA;AAGpB,UAAM,aAAaC,IAAAA,SAAS,IAAIC,iBAAAA,iBAAkB,CAAA;AAElD,UAAM,cAAcD,IAAAA,SAAS,IAAIE,gBAAAA,gBAAiB,CAAA;AAElD,UAAM,mBAAmBF,IAAAA,SAAS,IAAIE,gBAAAA,gBAAiB,CAAA;AAGvD,UAAM,QAAQ;AAId,UAAM,SAASC,UAAAA;AAGfC,QAAAA,UAAU,MAAI;AACZ,kBAAY,KAAK;AACjB,uBAAiB,KAAK;AAGtBC,UAAAA,MAAM,MAAM,MAAM,MAAM,CAAC,SAAc;AACjC,YAAA,KAAK,iBAAiB,GAAG;AAE3B,gBAAM,aAAa,WAAW;AAE1B,cAAAC,GAAAA,cAAc,UAAU,GAAG;AAEvB,kBAAA,eAAe,WAAW;AAEhC,yBAAa,MAAM;AACnB,yBAAa,aAAa,aAAa,KAAK,KAAK,EAAE;AAEtC,yBAAA,aAAa,WAAW,KAAK,CAAC;AAAA,UAC7C;AAEA,qBAAW,KAAK;AAAA,QAClB;AAAA,MAAA,GACC,EAAE,WAAW,KAAA,CAAM;AAAA,IAAA,CACvB;AAKK,UAAA,sBAAsB,OAAO,SAAc;AACzC,YAAA,YAAY,MAAMC,GAAA,SAAS,QAAQ;AAAA,QACvC,OAAO;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA,CACP;AAED,UAAI,CAAC,WAAW;AAAE;AAAA,MAAQ;AACpB,YAAA,WAAW,mBAAmB,KAAK,EAAE;AAAA,IAAA;AAM7C,UAAM,oBAAoB,CAAC,MAAW,SAAS,UAAU;AACvD,aAAO,KAAK,EAAE,MAAM,gBAAgB,OAAO,EAAE,IAAI,SAAS,SAAY,KAAK,IAAI,QAAQ,SAAS,KAAK,KAAK,UAAa;AAAA,IAAA;AAIzH,eAAW,eAAe,GAAG,MAAO,kBAAkB,MAAM,MAAM,IAAI,CAAC;AAMjE,UAAA,uBAAuB,OAAO,YAAiB;AAE/C,UAAA;AAEE,YAAA,MAAMA,GAAS,SAAA,QAAQ,EAAE,OAAO,QAAQ,SAAS,WAAW,MAAM,UAAU,CAAC,GAAG;AAEvE,qBAAA,oBAAoB;AAGzB,gBAAA,WAAe,MAAML,gCAAgB,QAAQ,YAAY,QAAQ,MAAK,QAAQ,WAAU,QAAQ,EAAE;AAEpG,cAAA,SAAS,KAAK,SAAS,KAAK;AAC9BM,eAAA,SAAS,MAAM,EAAE,SAAS,SAAS,KAAK,KAAK;AAC7C;AAAA,UACF;AAEAA,aAAAA,SAAS,QAAQ,EAAE,SAAS,OAAQ,CAAA;AAAA,QACtC;AAAA,MAAA,UAEA;AACW,mBAAA,oBAAoB;MACjC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/modules/cms/pages/cms-contents/components/part-info.vue.js

@@ -33,6 +33,7 @@ require("../../../../../components/business/resource-list/index.js");
 require("../../../../../components/business/resource-manager/index.js");
 require("@maketribe/dm");
 const CmsPartForm = require("../../../dataviews/cms-parts/CmsPartForm.js");
+const cmsSettings = require("../../../cms-settings.js");
 const index$2 = require("../../../../../components/data-model/data-form/data-form-item/index.js");
 const index$1 = require("../../../../../components/data-model/data-form/views/form/index.js");
 const _hoisted_1 = { class: "mk-cms-part-info" };
@@ -55,6 +56,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     }
   },
   setup(__props) {
+    const CmsSettings = cmsSettings.useCmsSettings();
     const props = __props;
     props.partDataForm.submittedEvent.on(() => {
       props.partDataForm.editRecord(props.part.id);
@@ -138,65 +140,67 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           ]),
                           _: 1
                         }),
-                        hideHandle("coverRouter") ? (vue.openBlock(), vue.createBlock(_component_el_divider, {
-                          key: 6,
-                          "content-position": "left"
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createTextVNode("路由配置")
-                          ]),
-                          _: 1
-                        })) : vue.createCommentVNode("", true),
-                        hideHandle("coverRouter") ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.MKDataFormItem), {
-                          key: 7,
-                          name: "coverRouter"
-                        })) : vue.createCommentVNode("", true),
-                        hideHandle("listRouter") ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.MKDataFormItem), {
-                          key: 8,
-                          name: "listRouter"
-                        })) : vue.createCommentVNode("", true),
-                        hideHandle("contentRouter") ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.MKDataFormItem), {
-                          key: 9,
-                          name: "contentRouter"
-                        })) : vue.createCommentVNode("", true),
-                        hideHandle("coverTemplate") ? (vue.openBlock(), vue.createBlock(_component_el_divider, {
-                          key: 10,
-                          "content-position": "left"
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createTextVNode("模版配置")
-                          ]),
-                          _: 1
-                        })) : vue.createCommentVNode("", true),
-                        hideHandle("coverTemplate") ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.MKDataFormItem), {
-                          key: 11,
-                          name: "coverTemplate"
-                        })) : vue.createCommentVNode("", true),
-                        hideHandle("listTemplate") ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.MKDataFormItem), {
-                          key: 12,
-                          name: "listTemplate"
-                        })) : vue.createCommentVNode("", true),
-                        hideHandle("contentTemplate") ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.MKDataFormItem), {
-                          key: 13,
-                          name: "contentTemplate"
-                        })) : vue.createCommentVNode("", true),
-                        hideHandle("seoKeywords") ? (vue.openBlock(), vue.createBlock(_component_el_divider, {
-                          key: 14,
-                          "content-position": "left"
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createTextVNode("SEO")
-                          ]),
-                          _: 1
-                        })) : vue.createCommentVNode("", true),
-                        hideHandle("seoKeywords") ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.MKDataFormItem), {
-                          key: 15,
-                          name: "seoKeywords"
-                        })) : vue.createCommentVNode("", true),
-                        hideHandle("seoDesc") ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.MKDataFormItem), {
-                          key: 16,
-                          name: "seoDesc"
-                        })) : vue.createCommentVNode("", true),
+                        vue.unref(CmsSettings).publish.mode == "static" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 6 }, [
+                          hideHandle("coverRouter") ? (vue.openBlock(), vue.createBlock(_component_el_divider, {
+                            key: 0,
+                            "content-position": "left"
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode("路由配置")
+                            ]),
+                            _: 1
+                          })) : vue.createCommentVNode("", true),
+                          hideHandle("coverRouter") ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.MKDataFormItem), {
+                            key: 1,
+                            name: "coverRouter"
+                          })) : vue.createCommentVNode("", true),
+                          hideHandle("listRouter") ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.MKDataFormItem), {
+                            key: 2,
+                            name: "listRouter"
+                          })) : vue.createCommentVNode("", true),
+                          hideHandle("contentRouter") ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.MKDataFormItem), {
+                            key: 3,
+                            name: "contentRouter"
+                          })) : vue.createCommentVNode("", true),
+                          hideHandle("coverTemplate") ? (vue.openBlock(), vue.createBlock(_component_el_divider, {
+                            key: 4,
+                            "content-position": "left"
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode("模版配置")
+                            ]),
+                            _: 1
+                          })) : vue.createCommentVNode("", true),
+                          hideHandle("coverTemplate") ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.MKDataFormItem), {
+                            key: 5,
+                            name: "coverTemplate"
+                          })) : vue.createCommentVNode("", true),
+                          hideHandle("listTemplate") ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.MKDataFormItem), {
+                            key: 6,
+                            name: "listTemplate"
+                          })) : vue.createCommentVNode("", true),
+                          hideHandle("contentTemplate") ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.MKDataFormItem), {
+                            key: 7,
+                            name: "contentTemplate"
+                          })) : vue.createCommentVNode("", true),
+                          hideHandle("seoKeywords") ? (vue.openBlock(), vue.createBlock(_component_el_divider, {
+                            key: 8,
+                            "content-position": "left"
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode("SEO")
+                            ]),
+                            _: 1
+                          })) : vue.createCommentVNode("", true),
+                          hideHandle("seoKeywords") ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.MKDataFormItem), {
+                            key: 9,
+                            name: "seoKeywords"
+                          })) : vue.createCommentVNode("", true),
+                          hideHandle("seoDesc") ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.MKDataFormItem), {
+                            key: 10,
+                            name: "seoDesc"
+                          })) : vue.createCommentVNode("", true)
+                        ], 64)) : vue.createCommentVNode("", true),
                         vue.createVNode(_component_el_divider, { "content-position": "left" }, {
                           default: vue.withCtx(() => [
                             vue.createTextVNode("其他配置")

package/dist/cjs/modules/cms/pages/cms-contents/components/part-info.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"part-info.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/part-info.vue"],"sourcesContent":["<template>\r\n    <div class=\"mk-cms-part-info\">\r\n        <MKDataForm :dataForm=\"partDataForm\" style=\"height: 100%;\">\r\n            <MKForm :dataForm=\"partDataForm\">\r\n                <div class=\"mk-cms-part-info__body__form\">\r\n                    <div class=\"mk-cms-part-info__body__form-options\">\r\n                        <ElScrollbar>\r\n                            <MKDataFormItem name=\"cmsPartTypeId\" v-if=\"hideHandle('cmsPartTypeId')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"parentId\" v-if=\"hideHandle('parentId')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"cmsCoverArticleId\" v-if=\"hideHandle('cmsCoverArticleId')\">\r\n                            </MKDataFormItem>\r\n                            <MKDataFormItem name=\"title\" v-if=\"hideHandle('title')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"name\" v-if=\"hideHandle('name')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"externalLink\" v-if=\"hideHandle('externalLink')\">\r\n                            </MKDataFormItem>\r\n                            <el-row :gutter=\"22\" justify=\"space-between\">\r\n                                <el-col :span=\"10\" v-if=\"hideHandle('isShowMenu')\">\r\n                                    <MKDataFormItem name=\"isShowMenu\"></MKDataFormItem>\r\n                                </el-col>\r\n                                <el-col :span=\"10\" v-if=\"hideHandle('isHome')\">\r\n                                    <MKDataFormItem name=\"isHome\"></MKDataFormItem>\r\n                                </el-col>\r\n                            </el-row>\r\n                            <el-divider content-position=\"left\" v-if=\"hideHandle('coverRouter')\">路由配置</el-divider>\r\n                            <MKDataFormItem name=\"coverRouter\" v-if=\"hideHandle('coverRouter')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"listRouter\" v-if=\"hideHandle('listRouter')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"contentRouter\" v-if=\"hideHandle('contentRouter')\"></MKDataFormItem>\r\n                            <el-divider content-position=\"left\" v-if=\"hideHandle('coverTemplate')\">模版配置</el-divider>\r\n                            <MKDataFormItem name=\"coverTemplate\" v-if=\"hideHandle('coverTemplate')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"listTemplate\" v-if=\"hideHandle('listTemplate')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"contentTemplate\" v-if=\"hideHandle('contentTemplate')\">\r\n                            </MKDataFormItem>\r\n                            <el-divider content-position=\"left\" v-if=\"hideHandle('seoKeywords')\">SEO</el-divider>\r\n                            <MKDataFormItem name=\"seoKeywords\" v-if=\"hideHandle('seoKeywords')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"seoDesc\" v-if=\"hideHandle('seoDesc')\"></MKDataFormItem>\r\n                            <el-divider content-position=\"left\">其他配置</el-divider>\r\n                            <MKDataFormItem name=\"sortNo\"></MKDataFormItem>\r\n                        </ElScrollbar>\r\n                    </div>\r\n                </div>\r\n            </MKForm>\r\n        </MKDataForm>\r\n    </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { DataForm } from \"@maketribe/dm\";\r\nimport { MKFormView, MKDataForm, MKForm, MKDataFormItem } from \"../../../../../components\";\r\nimport { CmsPartForm } from \"../../../dataviews/cms-parts/CmsPartForm\";\r\nimport { computed, reactive, Ref, watch } from \"vue\";\r\nconst props = defineProps({\r\n    part: {\r\n        type: Object,\r\n        default: () => {\r\n            return {}\r\n        }\r\n    },\r\n    partDataForm: {\r\n        type: CmsPartForm,\r\n        default: () => {\r\n            return new CmsPartForm()\r\n        }\r\n    }\r\n})\r\n\r\n//监听保存成功事件\r\nprops.partDataForm.submittedEvent.on(() => {\r\n    props.partDataForm.editRecord(props.part.id)\r\n})\r\n\r\n/**\r\n * 需要隐藏的行\r\n */\r\nconst hideHandle = (name: string) => {\r\n    if (props.partDataForm.data.cmsPartTypeId == 1 && CmsPartForm.outerChainHideColumn.includes(name)) {\r\n        return false;\r\n    } else if (props.partDataForm.data.cmsPartTypeId == 2 && CmsPartForm.contentHideColumn.includes(name)) {\r\n        return false;\r\n    } else if (props.partDataForm.data.cmsPartTypeId == 3 && CmsPartForm.menuHideColumn.includes(name)) {\r\n        props.partDataForm.data.isShowMenu = 1;\r\n        return false;\r\n    } else {\r\n        return true;\r\n    }\r\n}\r\n\r\n\r\n</script>\r\n<style lang='scss'></style>"],"names":["CmsPartForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,UAAM,QAAQ;AAgBR,UAAA,aAAa,eAAe,GAAG,MAAM;AACvC,YAAM,aAAa,WAAW,MAAM,KAAK,EAAE;AAAA,IAAA,CAC9C;AAKK,UAAA,aAAa,CAAC,SAAiB;AAC7B,UAAA,MAAM,aAAa,KAAK,iBAAiB,KAAKA,YAAAA,YAAY,qBAAqB,SAAS,IAAI,GAAG;AACxF,eAAA;AAAA,MACX,WAAW,MAAM,aAAa,KAAK,iBAAiB,KAAKA,YAAAA,YAAY,kBAAkB,SAAS,IAAI,GAAG;AAC5F,eAAA;AAAA,MACX,WAAW,MAAM,aAAa,KAAK,iBAAiB,KAAKA,YAAAA,YAAY,eAAe,SAAS,IAAI,GAAG;AAC1F,cAAA,aAAa,KAAK,aAAa;AAC9B,eAAA;AAAA,MAAA,OACJ;AACI,eAAA;AAAA,MACX;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"part-info.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/part-info.vue"],"sourcesContent":["<template>\r\n    <div class=\"mk-cms-part-info\">\r\n        <MKDataForm :dataForm=\"partDataForm\" style=\"height: 100%;\">\r\n            <MKForm :dataForm=\"partDataForm\">\r\n                <div class=\"mk-cms-part-info__body__form\">\r\n                    <div class=\"mk-cms-part-info__body__form-options\">\r\n                        <ElScrollbar>\r\n                            <MKDataFormItem name=\"cmsPartTypeId\" v-if=\"hideHandle('cmsPartTypeId')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"parentId\" v-if=\"hideHandle('parentId')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"cmsCoverArticleId\" v-if=\"hideHandle('cmsCoverArticleId')\">\r\n                            </MKDataFormItem>\r\n                            <MKDataFormItem name=\"title\" v-if=\"hideHandle('title')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"name\" v-if=\"hideHandle('name')\"></MKDataFormItem>\r\n                            <MKDataFormItem name=\"externalLink\" v-if=\"hideHandle('externalLink')\">\r\n                            </MKDataFormItem>\r\n                            <el-row :gutter=\"22\" justify=\"space-between\">\r\n                                <el-col :span=\"10\" v-if=\"hideHandle('isShowMenu')\">\r\n                                    <MKDataFormItem name=\"isShowMenu\"></MKDataFormItem>\r\n                                </el-col>\r\n                                <el-col :span=\"10\" v-if=\"hideHandle('isHome')\">\r\n                                    <MKDataFormItem name=\"isHome\"></MKDataFormItem>\r\n                                </el-col>\r\n                            </el-row>\r\n                            <template v-if=\"CmsSettings.publish.mode == 'static'\">\r\n                              <el-divider content-position=\"left\" v-if=\"hideHandle('coverRouter')\">路由配置</el-divider>\r\n                              <MKDataFormItem name=\"coverRouter\" v-if=\"hideHandle('coverRouter')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"listRouter\" v-if=\"hideHandle('listRouter')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"contentRouter\" v-if=\"hideHandle('contentRouter')\"></MKDataFormItem>\r\n                              <el-divider content-position=\"left\" v-if=\"hideHandle('coverTemplate')\">模版配置</el-divider>\r\n                              <MKDataFormItem name=\"coverTemplate\" v-if=\"hideHandle('coverTemplate')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"listTemplate\" v-if=\"hideHandle('listTemplate')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"contentTemplate\" v-if=\"hideHandle('contentTemplate')\">\r\n                              </MKDataFormItem>\r\n                              <el-divider content-position=\"left\" v-if=\"hideHandle('seoKeywords')\">SEO</el-divider>\r\n                              <MKDataFormItem name=\"seoKeywords\" v-if=\"hideHandle('seoKeywords')\"></MKDataFormItem>\r\n                              <MKDataFormItem name=\"seoDesc\" v-if=\"hideHandle('seoDesc')\"></MKDataFormItem>\r\n                            </template>\r\n                            <el-divider content-position=\"left\">其他配置</el-divider>\r\n                            <MKDataFormItem name=\"sortNo\"></MKDataFormItem>\r\n                        </ElScrollbar>\r\n                    </div>\r\n                </div>\r\n            </MKForm>\r\n        </MKDataForm>\r\n    </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { MKDataForm, MKForm, MKDataFormItem } from \"../../../../../components\";\r\nimport { CmsPartForm } from \"../../../dataviews/cms-parts/CmsPartForm\";\r\nimport { computed, reactive, Ref, watch } from \"vue\";\r\nimport { useCmsSettings } from \"../../../cms-settings\"\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings();\r\nconst props = defineProps({\r\n    part: {\r\n        type: Object,\r\n        default: () => {\r\n            return {}\r\n        }\r\n    },\r\n    partDataForm: {\r\n        type: CmsPartForm,\r\n        default: () => {\r\n            return new CmsPartForm()\r\n        }\r\n    }\r\n})\r\n\r\n//监听保存成功事件\r\nprops.partDataForm.submittedEvent.on(() => {\r\n    props.partDataForm.editRecord(props.part.id)\r\n})\r\n\r\n/**\r\n * 需要隐藏的行\r\n */\r\nconst hideHandle = (name: string) => {\r\n    if (props.partDataForm.data.cmsPartTypeId == 1 && CmsPartForm.outerChainHideColumn.includes(name)) {\r\n        return false;\r\n    } \r\n    else if (props.partDataForm.data.cmsPartTypeId == 2 && CmsPartForm.contentHideColumn.includes(name)) {\r\n        return false;\r\n    } \r\n    else if (props.partDataForm.data.cmsPartTypeId == 3 && CmsPartForm.menuHideColumn.includes(name)) {\r\n        props.partDataForm.data.isShowMenu = 1;\r\n        return false;\r\n    } \r\n    else {\r\n        return true;\r\n    }\r\n}\r\n\r\n\r\n</script>\r\n<style lang='scss'></style>\r\n"],"names":["useCmsSettings","CmsPartForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,cAAcA,YAAAA;AACpB,UAAM,QAAQ;AAgBR,UAAA,aAAa,eAAe,GAAG,MAAM;AACvC,YAAM,aAAa,WAAW,MAAM,KAAK,EAAE;AAAA,IAAA,CAC9C;AAKK,UAAA,aAAa,CAAC,SAAiB;AAC7B,UAAA,MAAM,aAAa,KAAK,iBAAiB,KAAKC,YAAAA,YAAY,qBAAqB,SAAS,IAAI,GAAG;AACxF,eAAA;AAAA,MACX,WACS,MAAM,aAAa,KAAK,iBAAiB,KAAKA,YAAAA,YAAY,kBAAkB,SAAS,IAAI,GAAG;AAC1F,eAAA;AAAA,MACX,WACS,MAAM,aAAa,KAAK,iBAAiB,KAAKA,YAAAA,YAAY,eAAe,SAAS,IAAI,GAAG;AACxF,cAAA,aAAa,KAAK,aAAa;AAC9B,eAAA;AAAA,MAAA,OAEN;AACM,eAAA;AAAA,MACX;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -37,6 +37,8 @@ require("../../../../components/business/resource-manager/index.js");
 const dm = require("@maketribe/dm");
 require("../../../../core/DataModelDefines.js");
 const MSAppClient = require("../../../../core/MSAppClient.js");
+require("../../../ms/dataviews/ms-config/MsConfigTable.js");
+require("lodash-es");
 require("../../../ms/dataviews/department/DepartmentForm.js");
 require("../../../ms/dataviews/department/DepartmentTable.js");
 require("../../../ms/dataviews/department/DepartmentTree.js");
@@ -49,12 +51,14 @@ require("../../../ms/components/markdown-editor/index.js");
 require("../../../ms/components/rich-text-editor/index.js");
 require("../../../ms/material-upload-context/material-upload-context-options.js");
 require("../../../ms/material-upload-context/material-upload-context.js");
+require("@element-plus/icons-vue");
 require("@codemirror/lang-html");
 const CmsPartTypesTable = require("../../dataviews/cms-part-types/CmsPartTypesTable.js");
 const CmsPartForm = require("../../dataviews/cms-parts/CmsPartForm.js");
 const CmsContentManPartForm = require("../../dataviews/cms-parts/CmsContentManPartForm.js");
 const vueRouter = require("vue-router");
 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_3 = { class: "flex items-center" };
@@ -79,6 +83,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         window.open(`/api/cms/content/preview/part/${curSelectPartItem.value.id}`);
       }
     };
+    const CmsSettings = cmsSettings.useCmsSettings(true);
     const showPublish = vue.ref(false);
     const optionData = vue.ref({
       isPublishList: false,
@@ -99,9 +104,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const selectPartHandle = async (item) => {
       if (curSelectPartItem.value != item) {
         curSelectPartItem.value = item;
-        console.warn(`🚀 ~ file: index.vue:169 ~ curSelectPartItem.value:`, curSelectPartItem.value);
         if (!curSelectPartItem.value.contentTemplate) {
           activeTabName.value = "part";
+        } else {
+          activeTabName.value = "article-list";
         }
         partDataForm.editRecord(curSelectPartItem.value.id);
         router.replace({ name: "cms/contents", query: { pid: curSelectPartItem.value.id } });
@@ -249,7 +255,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", _hoisted_3, [
               vue.createVNode(_component_el_button_group, null, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_component_el_button, {
+                  vue.unref(CmsSettings).publish.mode == "static" ? (vue.openBlock(), vue.createBlock(_component_el_button, {
+                    key: 0,
                     type: "primary",
                     size: "large",
                     text: "",
@@ -263,7 +270,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       vue.createTextVNode(" 整站发布 ")
                     ]),
                     _: 1
-                  }),
+                  })) : vue.createCommentVNode("", true),
                   vue.createVNode(_component_el_button, {
                     type: "primary",
                     size: "large",
@@ -339,11 +346,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     _: 1
                   }, 8, ["disabled"])) : vue.createCommentVNode("", true)
                 ], 64)),
-                vue.createVNode(_component_el_dropdown, null, {
+                vue.unref(CmsSettings).publish.mode == "static" ? (vue.openBlock(), vue.createBlock(_component_el_dropdown, { key: 2 }, {
                   dropdown: vue.withCtx(() => [
                     vue.createVNode(_component_el_dropdown_menu, null, {
                       default: vue.withCtx(() => [
-                        curSelectPartItem.value.coverTemplate ? (vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
+                        vue.unref(CmsSettings).publish.mode == "static" && curSelectPartItem.value.coverTemplate ? (vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
                           key: 0,
                           onClick: _cache[2] || (_cache[2] = ($event) => previewHandle())
                         }, {
@@ -399,7 +406,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ])
                   ]),
                   _: 1
-                })
+                })) : vue.createCommentVNode("", true)
               ]),
               curSelectPartItem.value.contentTemplate ? (vue.openBlock(), vue.createBlock(_component_el_tab_pane, {
                 key: 0,