@maketribe/ms-app 3.2.9 → 3.2.11

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 @click=\"publishAllHandle\">\r\n              <MKSvgIcon iconClass=\"Promotion\" style=\"margin-right: 10px\" />\r\n              整站发布\r\n            </el-button>\r\n            <el-button type=\"primary\" size=\"large\" text @click=\"showPartFormHandle\">\r\n              <MKSvgIcon iconClass=\"Plus\" style=\"margin-right: 10px\" />\r\n              新增栏目\r\n            </el-button>\r\n          </el-button-group>\r\n        </div>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"mk-cms-contents__body\">\r\n      <MKPartTree class=\"mk-cms-contents__body__left\" @select=\"selectPartHandle\" @edit=\"editPartHandle\"\r\n        @add=\"showPartFormHandle\" @deleteSuccessfully=\"deletePartHandle\" ref=\"partTreeRef\"\r\n        :curSelectId=\"(route.query.pid as string)\" />\r\n      <el-tabs v-if=\"curSelectPartItem\" v-model=\"activeTabName\" class=\"mk-cms-contents__body__right\">\r\n        <div class=\"mk-cms-contents__body__right__action\">\r\n\r\n          <template v-if=\"partExt && activeTabName == 'part-ext'\">\r\n            <el-button type=\"primary\" v-if=\"partExt.save\" text @click=\"partExt.save()\">\r\n              <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px\" />\r\n              保存\r\n            </el-button>\r\n          </template>\r\n          <template v-else>\r\n            <el-button type=\"primary\" text @click=\"savePartHandle()\" :disabled=\"!partDataForm?.isChanged\"\r\n              v-if=\"activeTabName != 'article-list'\">\r\n              <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px\" />\r\n              保存\r\n            </el-button>\r\n          </template>\r\n          <el-dropdown>\r\n            <span class=\"el-dropdown-link\">\r\n              <el-button type=\"primary\" text>\r\n                <MKSvgIcon iconClass=\"MoreFilled\" />\r\n              </el-button>\r\n            </span>\r\n            <template #dropdown>\r\n              <el-dropdown-menu>\r\n                <el-dropdown-item @click=\"previewHandle()\" v-if=\"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(true)\" v-if=\"curSelectPartItem.listTemplate\">\r\n                  <MKSvgIcon iconClass=\"View\" style=\"margin-left: 10px;\" />\r\n                  预览列表\r\n                </el-dropdown-item>\r\n                <el-dropdown-item @click=\"showPublish = true\">\r\n                  <MKSvgIcon iconClass=\"Promotion\" style=\"margin-left: 10px;\" />\r\n                  发布当前栏目\r\n                </el-dropdown-item>\r\n              </el-dropdown-menu>\r\n            </template>\r\n          </el-dropdown>\r\n        </div>\r\n        <el-tab-pane label=\"文章列表\" name=\"article-list\" v-if=\"curSelectPartItem.contentTemplate\">\r\n          <ArticleList v-if=\"activeTabName == 'article-list'\" :part=\"curSelectPartItem\" />\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"栏目设置\" name=\"part\" v-loading=\"partDataForm.loading\">\r\n          <PartInfo v-if=\"activeTabName == 'part'\" :part=\"curSelectPartItem\" ref=\"partInfoRef\"\r\n            :partDataForm=\"partDataForm\" />\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"页面内容\" name=\"part-content\" style=\"background-color: #f4f4f4\"\r\n          v-if=\"curSelectPartItem.cmsPartTypeId != 1\" v-loading=\"partDataForm.loading\">\r\n          <MKDocEditor v-if=\"activeTabName == 'part-content'\" :content=\"partDataForm.data?.content\"\r\n            placeholder=\"从这里开始写正文...\" @change=\"EditorChangeHandle\" />\r\n        </el-tab-pane>\r\n        <el-tab-pane v-if=\"partExt\" label=\"页面扩展设置\" name=\"part-ext\">\r\n          <component :is=\"partExt.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=\"btnLoading\">确定</el-button>\r\n      </template>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { MKPartTree } from \"../../components\";\r\nimport ArticleList from \"./components/article-list.vue\";\r\nimport PartInfo from \"./components/part-info.vue\";\r\nimport { MKDocEditor } from \"../../../../components\";\r\nimport { reactive, ref, onMounted, watch } from \"vue\";\r\nimport { Dialoger, FormColumn, Messager } from \"@maketribe/dm\";\r\nimport { CmsContentManPartForm, CmsPartForm, CmsPartTypesTable } from \"../../dataviews\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { MSAppClient } from \"../../../../core\";\r\nimport { usePartExtension, type PartExtension } from \"../../composables/part-extensions\"\r\nimport { ElSwitch } from \"element-plus\";\r\n//路由\r\nconst route = useRoute();\r\nconst router = useRouter();\r\n//预览\r\nconst previewHandle = (isList = false) => {\r\n  if (isList) {\r\n    window.open(`/api/cms/content/preview/part/${curSelectPartItem.value.id}?pageNo=1`)\r\n  } else {\r\n    window.open(`/api/cms/content/preview/part/${curSelectPartItem.value.id}`)\r\n  }\r\n}\r\n\r\n//发布栏目时的配置\r\nconst showPublish = ref(false)\r\n\r\n//发布配置项\r\nconst optionData = ref({\r\n  isPublishList: false,\r\n  isPublishCover: false,\r\n  isPublishContent: false,\r\n  isPublishAssets: false,\r\n  isCompulsion: true\r\n});\r\n//发布弹窗的按钮\r\nconst btnLoading = ref(false);\r\n\r\n// 激活的tab\r\nconst activeTabName = ref(\"article-list\");\r\n\r\n// 当前选中的菜单\r\nconst curSelectPartItem = ref(null as any);\r\n\r\n// 栏目树ref\r\nconst partTreeRef = ref(null);\r\n\r\n//栏目扩展\r\nconst partExt = ref<PartExtension>();\r\n\r\n//栏目数据\r\nconst partDataForm = reactive(new CmsContentManPartForm()) as CmsContentManPartForm;\r\n\r\n// 挂载的时候初始化下\r\nonMounted(() => {\r\n  // 需要走一下初始化\r\n  partDataForm.init();\r\n})\r\n\r\n// 选择栏目\r\nconst selectPartHandle = async (item: any) => {\r\n  if (curSelectPartItem.value != item) {\r\n    curSelectPartItem.value = item;\r\n    console.warn(`🚀 ~ file: index.vue:169 ~ curSelectPartItem.value:`, curSelectPartItem.value);\r\n\r\n    if (!curSelectPartItem.value.contentTemplate) {\r\n      activeTabName.value = \"part\";\r\n    }\r\n\r\n    partDataForm.editRecord(curSelectPartItem.value.id)\r\n\r\n    router.replace({ name: 'cms/contents', query: { pid: curSelectPartItem.value.id } } as any)\r\n    partExt.value = usePartExtension(curSelectPartItem.value.id);\r\n  }\r\n};\r\n//删除栏目\r\nconst deletePartHandle = (item: any) => {\r\n  if (item.id == curSelectPartItem.value.id) {\r\n    curSelectPartItem.value = null;\r\n  }\r\n};\r\n//编辑栏目\r\nconst editPartHandle = (item: any) => {\r\n  curSelectPartItem.value = item;\r\n  activeTabName.value = \"part\";\r\n};\r\n\r\n//栏目表单\r\nconst partForm = reactive(\r\n  new (class extends CmsPartForm {\r\n    protected async initialize() {\r\n      await super.initialize();\r\n      this.setColumns([\r\n        new FormColumn({\r\n          name: \"cmsPartTypeId\",\r\n          label: \"栏目类型\",\r\n          componentInfo: \"MKFormDataSelect\",\r\n          defaultValue: \"2\",\r\n          componentProps: {\r\n            dataTable: this.register(\r\n              new CmsPartTypesTable()\r\n            ) as CmsPartTypesTable,\r\n          },\r\n          required: true,\r\n        }),\r\n        new FormColumn({\r\n          name: \"name\",\r\n          label: \"栏目名称\",\r\n          required: true,\r\n        }),\r\n        new FormColumn({\r\n          name: \"title\",\r\n          label: \"栏目标题\",\r\n          required: true,\r\n        }),\r\n      ]);\r\n    }\r\n  })()\r\n);\r\n/**\r\n *  显示添加栏目表单\r\n */\r\nconst showPartFormHandle = async (item?: any) => {\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: partForm as CmsContentManPartForm,\r\n  });\r\n\r\n  if (item.id) {\r\n    partForm.addRecord({ parentId: item.id });\r\n  }\r\n};\r\n\r\nwatch(activeTabName, async () => {\r\n  if (activeTabName.value == \"part\") {\r\n    curSelectPartItem.value = (await partDataForm.editRecord(curSelectPartItem.value.id)).data.data\r\n  }\r\n})\r\n\r\n//监听表单完成事件\r\npartForm.submittedEvent.on(() => {\r\n  (partTreeRef.value! as any).dataTree?.load();\r\n});\r\n\r\nconst loading = ref(false)\r\n\r\n// 整站发布\r\nconst publishAllHandle = async () => {\r\n\r\n  const httpRequest = MSAppClient.instance?.httpRequest!;\r\n\r\n  try {\r\n    const isConfirm = await Dialoger.confirm({ title: \"全量发布\", message: \"是否整站全量发布？\", type: \"warning\" })\r\n\r\n    if (!isConfirm) {\r\n      return;\r\n    }\r\n    loading.value = true\r\n\r\n    const response = await httpRequest.post(\r\n      `/cms/content/publish/all`\r\n    );\r\n\r\n    if (response.data.code !== 200) {\r\n      Messager.error({ message: response.data.msg });\r\n      return;\r\n    }\r\n\r\n    Messager.success({ message: \"发布成功\" });\r\n\r\n  } finally {\r\n    loading.value = false\r\n  }\r\n}\r\n\r\n//栏目发布\r\nconst publishPartHandle = async () => {\r\n  const httpRequest = MSAppClient.instance?.httpRequest!;\r\n  try {\r\n    btnLoading.value = true\r\n\r\n    const response = await httpRequest.post(\r\n      `/cms/content/publish/part`, {\r\n      partIds: [\r\n        curSelectPartItem.value.id\r\n      ],\r\n      ...optionData.value\r\n    }\r\n    );\r\n\r\n    if (response.data.code !== 200) {\r\n      Messager.error({ message: response.data.msg });\r\n      return;\r\n    }\r\n    showPublish.value = false;\r\n\r\n    Messager.success({ message: \"发布成功\" });\r\n\r\n  } finally {\r\n    btnLoading.value = false\r\n  }\r\n}\r\n\r\n/**\r\n * 保存栏目信息\r\n */\r\nconst savePartHandle = async () => {\r\n  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 EditorChangeHandle = (v: any) => {\r\n  partDataForm.data.content = v\r\n}\r\n</script>\r\n"],"names":["useRoute","useRouter","ref","reactive","CmsContentManPartForm","onMounted","usePartExtension","CmsPartForm","FormColumn","CmsPartTypesTable","Dialoger","watch","MSAppClient","Messager"],"mappings":"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"}
+{"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'\" @click=\"publishAllHandle\">\r\n              <MKSvgIcon iconClass=\"Promotion\" style=\"margin-right: 10px\" />\r\n              整站发布\r\n            </el-button>\r\n            <el-button type=\"primary\" size=\"large\" text @click=\"showPartFormHandle\">\r\n              <MKSvgIcon iconClass=\"Plus\" style=\"margin-right: 10px\" />\r\n              新增栏目\r\n            </el-button>\r\n          </el-button-group>\r\n        </div>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"mk-cms-contents__body\">\r\n      <MKPartTree class=\"mk-cms-contents__body__left\" @select=\"selectPartHandle\" @edit=\"editPartHandle\"\r\n        @add=\"showPartFormHandle\" @deleteSuccessfully=\"deletePartHandle\" ref=\"partTreeRef\"\r\n        :curSelectId=\"(route.query.pid as string)\" />\r\n      <el-tabs v-if=\"curSelectPartItem\" v-model=\"activeTabName\" class=\"mk-cms-contents__body__right\">\r\n        <div class=\"mk-cms-contents__body__right__action\">\r\n\r\n          <template v-if=\"partExt && activeTabName == 'part-ext'\">\r\n            <el-button type=\"primary\" v-if=\"partExt.save\" text @click=\"partExt.save()\">\r\n              <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px\" />\r\n              保存\r\n            </el-button>\r\n          </template>\r\n          <template v-else>\r\n            <el-button type=\"primary\" text @click=\"savePartHandle()\" :disabled=\"!partDataForm?.isChanged\"\r\n              v-if=\"activeTabName != 'article-list'\">\r\n              <MKSvgIcon iconClass=\"save\" style=\"margin-right: 5px\" />\r\n              保存\r\n            </el-button>\r\n          </template>\r\n          <el-dropdown v-if=\"CmsSettings.publish.mode == 'static'\">\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()\" 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(true)\" v-if=\"curSelectPartItem.listTemplate\">\r\n                  <MKSvgIcon iconClass=\"View\" style=\"margin-left: 10px;\" />\r\n                  预览列表\r\n                </el-dropdown-item>\r\n                <el-dropdown-item @click=\"showPublish = true\">\r\n                  <MKSvgIcon iconClass=\"Promotion\" style=\"margin-left: 10px;\" />\r\n                  发布当前栏目\r\n                </el-dropdown-item>\r\n              </el-dropdown-menu>\r\n            </template>\r\n          </el-dropdown>\r\n        </div>\r\n        <el-tab-pane label=\"文章列表\" name=\"article-list\" v-if=\"curSelectPartItem.contentTemplate\">\r\n          <ArticleList v-if=\"activeTabName == 'article-list'\" :part=\"curSelectPartItem\" />\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"栏目设置\" name=\"part\" v-loading=\"partDataForm.loading\">\r\n          <PartInfo v-if=\"activeTabName == 'part'\" :part=\"curSelectPartItem\" ref=\"partInfoRef\"\r\n            :partDataForm=\"partDataForm\" />\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"页面内容\" name=\"part-content\" style=\"background-color: #f4f4f4\"\r\n          v-if=\"curSelectPartItem.cmsPartTypeId != 1\" v-loading=\"partDataForm.loading\">\r\n          <MKDocEditor v-if=\"activeTabName == 'part-content'\" :content=\"partDataForm.data?.content\"\r\n            placeholder=\"从这里开始写正文...\" @change=\"EditorChangeHandle\" />\r\n        </el-tab-pane>\r\n        <el-tab-pane v-if=\"partExt\" label=\"页面扩展设置\" name=\"part-ext\">\r\n          <component :is=\"partExt.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=\"btnLoading\">确定</el-button>\r\n      </template>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\" >\r\nimport { MKPartTree } from \"../../components\";\r\nimport ArticleList from \"./components/article-list.vue\";\r\nimport PartInfo from \"./components/part-info.vue\";\r\nimport { MKDocEditor } from \"../../../../components\";\r\nimport { reactive, ref, onMounted, watch } from \"vue\";\r\nimport { Dialoger, FormColumn, Messager } from \"@maketribe/dm\";\r\nimport { CmsContentManPartForm, CmsPartForm, CmsPartTypesTable } from \"../../dataviews\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { MSAppClient } from \"../../../../core\";\r\nimport { usePartExtension, type PartExtension } from \"../../composables/part-extensions\"\r\nimport { ElSwitch } from \"element-plus\";\r\nimport { useCmsSettings } from \"../../cms-settings\"\r\n//路由 \r\nconst route = useRoute();\r\nconst router = useRouter();\r\n//预览\r\nconst previewHandle = (isList = false) => {\r\n  if (isList) {\r\n    window.open(`/api/cms/content/preview/part/${curSelectPartItem.value.id}?pageNo=1`)\r\n  } else {\r\n    window.open(`/api/cms/content/preview/part/${curSelectPartItem.value.id}`)\r\n  }\r\n}\r\n\r\n// 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\nconst btnLoading = ref(false);\r\n\r\n// 激活的tab\r\nconst activeTabName = ref(\"article-list\");\r\n\r\n// 当前选中的菜单\r\nconst curSelectPartItem = ref(null as any);\r\n\r\n// 栏目树ref\r\nconst partTreeRef = ref(null);\r\n\r\n//栏目扩展\r\nconst partExt = ref<PartExtension>();\r\n\r\n//栏目数据\r\nconst partDataForm = reactive(new CmsContentManPartForm()) as CmsContentManPartForm;\r\n\r\n// 挂载的时候初始化下\r\nonMounted(() => {\r\n  // 需要走一下初始化\r\n  partDataForm.init();\r\n})\r\n\r\n// 选择栏目\r\nconst selectPartHandle = 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\r\n    partDataForm.editRecord(curSelectPartItem.value.id)\r\n\r\n    router.replace({ name: 'cms/contents', query: { pid: curSelectPartItem.value.id } } as any)\r\n    partExt.value = usePartExtension(curSelectPartItem.value.id);\r\n  }\r\n};\r\n//删除栏目\r\nconst deletePartHandle = (item: any) => {\r\n  if (item.id == curSelectPartItem.value.id) {\r\n    curSelectPartItem.value = null;\r\n  }\r\n};\r\n//编辑栏目\r\nconst editPartHandle = (item: any) => {\r\n  curSelectPartItem.value = item;\r\n  activeTabName.value = \"part\";\r\n};\r\n\r\n//栏目表单\r\nconst partForm = reactive(\r\n  new (class extends CmsPartForm {\r\n    protected async initialize() {\r\n      await super.initialize();\r\n      this.setColumns([\r\n        new FormColumn({\r\n          name: \"cmsPartTypeId\",\r\n          label: \"栏目类型\",\r\n          componentInfo: \"MKFormDataSelect\",\r\n          defaultValue: \"2\",\r\n          componentProps: {\r\n            dataTable: this.register(\r\n              new CmsPartTypesTable()\r\n            ) as CmsPartTypesTable,\r\n          },\r\n          required: true,\r\n        }),\r\n        new FormColumn({\r\n          name: \"name\",\r\n          label: \"栏目名称\",\r\n          required: true,\r\n        }),\r\n        new FormColumn({\r\n          name: \"title\",\r\n          label: \"栏目标题\",\r\n          required: true,\r\n        }),\r\n      ]);\r\n    }\r\n  })()\r\n);\r\n/**\r\n *  显示添加栏目表单\r\n */\r\nconst showPartFormHandle = async (item?: any) => {\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: partForm as CmsContentManPartForm,\r\n  });\r\n\r\n  if (item.id) {\r\n    partForm.addRecord({ parentId: item.id });\r\n  }\r\n};\r\n\r\nwatch(activeTabName, async () => {\r\n  if (activeTabName.value == \"part\") {\r\n    curSelectPartItem.value = (await partDataForm.editRecord(curSelectPartItem.value.id)).data.data\r\n  }\r\n})\r\n\r\n//监听表单完成事件\r\npartForm.submittedEvent.on(() => {\r\n  (partTreeRef.value! as any).dataTree?.load();\r\n});\r\n\r\nconst loading = ref(false)\r\n\r\n// 整站发布\r\nconst publishAllHandle = async () => {\r\n\r\n  const httpRequest = MSAppClient.instance?.httpRequest!;\r\n\r\n  try {\r\n    const isConfirm = await Dialoger.confirm({ title: \"全量发布\", message: \"是否整站全量发布？\", type: \"warning\" })\r\n\r\n    if (!isConfirm) {\r\n      return;\r\n    }\r\n    loading.value = true\r\n\r\n    const response = await httpRequest.post(\r\n      `/cms/content/publish/all`\r\n    );\r\n\r\n    if (response.data.code !== 200) {\r\n      Messager.error({ message: response.data.msg });\r\n      return;\r\n    }\r\n\r\n    Messager.success({ message: \"发布成功\" });\r\n\r\n  } finally {\r\n    loading.value = false\r\n  }\r\n}\r\n\r\n//栏目发布\r\nconst publishPartHandle = async () => {\r\n  const httpRequest = MSAppClient.instance?.httpRequest!;\r\n  try {\r\n    btnLoading.value = true\r\n\r\n    const response = await httpRequest.post(\r\n      `/cms/content/publish/part`, {\r\n      partIds: [\r\n        curSelectPartItem.value.id\r\n      ],\r\n      ...optionData.value\r\n    }\r\n    );\r\n\r\n    if (response.data.code !== 200) {\r\n      Messager.error({ message: response.data.msg });\r\n      return;\r\n    }\r\n    showPublish.value = false;\r\n\r\n    Messager.success({ message: \"发布成功\" });\r\n\r\n  } finally {\r\n    btnLoading.value = false\r\n  }\r\n}\r\n\r\n/**\r\n * 保存栏目信息\r\n */\r\nconst savePartHandle = async () => {\r\n  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 EditorChangeHandle = (v: any) => {\r\n  partDataForm.data.content = v\r\n}\r\n</script>\r\n"],"names":["useRoute","useRouter","useCmsSettings","ref","reactive","CmsContentManPartForm","onMounted","usePartExtension","CmsPartForm","FormColumn","CmsPartTypesTable","Dialoger","watch","MSAppClient","Messager"],"mappings":"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"}

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

@@ -38,9 +38,7 @@ const ResourceManager = require("../../../../components/business/resource-list/R
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   setup(__props) {
-    const resourceManager = vue.reactive(
-      new ResourceManager.ResourceManager({ baseURL: "/cms" })
-    );
+    const resourceManager = vue.reactive(new ResourceManager.ResourceManager({ baseURL: "/cms/template/resource" }));
     const publishAssetsHandle = async () => {
       const httpRequest = MSAppClient.MSAppClient.instance.httpRequest;
       try {
@@ -53,9 +51,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           return;
         }
         resourceManager.loadingManager.startLoading();
-        const response = await httpRequest.post(
-          `${resourceManager.baseURL}/content/publish/assets`
-        );
+        const response = await httpRequest.post(`/cms/content/publish/assets`);
         if (response.data.code !== 200) {
           dm.Messager.error({ message: response.data.msg });
           return;

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 :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 { MSAppClient } from \"../../../../core\";\r\nimport { MKPageContainer } from \"../../../../components\";\r\nimport { MKResourceManager, ResourceManager } from \"../../../../components\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\n\r\nconst resourceManager = reactive(\r\n  new ResourceManager({ baseURL: \"/cms\" })\r\n) as ResourceManager;\r\n\r\n// 资源发布\r\nconst publishAssetsHandle = async () => {\r\n  const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n  try {\r\n    const isConfirm = await Dialoger.confirm({\r\n      title: \"发布资源\",\r\n      message: \"是否发布资源？\",\r\n      type: \"warning\",\r\n    });\r\n\r\n    if (!isConfirm) {\r\n      return;\r\n    }\r\n\r\n    resourceManager.loadingManager.startLoading();\r\n\r\n    const response = await httpRequest.post(\r\n      `${resourceManager.baseURL}/content/publish/assets`\r\n    );\r\n\r\n    if (response.data.code !== 200) {\r\n      Messager.error({ message: response.data.msg });\r\n      return;\r\n    }\r\n\r\n    Messager.success({ message: \"发布成功\" });\r\n  } finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n//全站发布\r\n// 整站发布\r\nconst publishAllHandle = async () => {\r\n\r\n  const httpRequest = MSAppClient.instance?.httpRequest!;\r\n\r\n  try {\r\n    const isConfirm = await Dialoger.confirm({ title: \"全量发布\", message: \"是否整站全量发布？\", type: \"warning\" })\r\n\r\n    if (!isConfirm) {\r\n      return;\r\n    }\r\n    resourceManager.loadingManager.startLoading();\r\n\r\n\r\n    const response = await httpRequest.post(\r\n      `/cms/content/publish/all`\r\n    );\r\n\r\n    if (response.data.code !== 200) {\r\n      Messager.error({ message: response.data.msg });\r\n      return;\r\n    }\r\n\r\n    Messager.success({ message: \"发布成功\" });\r\n\r\n  } finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n</script>\r\n"],"names":["reactive","ResourceManager","MSAppClient","Dialoger","Messager"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAM,kBAAkBA,IAAA;AAAA,MACtB,IAAIC,gCAAgB,EAAE,SAAS,QAAQ;AAAA,IAAA;AAIzC,UAAM,sBAAsB,YAAY;AAChC,YAAA,cAAcC,YAAAA,YAAY,SAAU;AAEtC,UAAA;AACI,cAAA,YAAY,MAAMC,GAAA,SAAS,QAAQ;AAAA,UACvC,OAAO;AAAA,UACP,SAAS;AAAA,UACT,MAAM;AAAA,QAAA,CACP;AAED,YAAI,CAAC,WAAW;AACd;AAAA,QACF;AAEA,wBAAgB,eAAe;AAEzB,cAAA,WAAW,MAAM,YAAY;AAAA,UACjC,GAAG,gBAAgB,OAAO;AAAA,QAAA;AAGxB,YAAA,SAAS,KAAK,SAAS,KAAK;AAC9BC,aAAA,SAAS,MAAM,EAAE,SAAS,SAAS,KAAK,KAAK;AAC7C;AAAA,QACF;AAEAA,WAAAA,SAAS,QAAQ,EAAE,SAAS,OAAQ,CAAA;AAAA,MAAA,UACpC;AACA,wBAAgB,eAAe;MACjC;AAAA,IAAA;AAIF,UAAM,mBAAmB,YAAY;;AAE7B,YAAA,eAAcF,iBAAAA,YAAY,aAAZA,mBAAsB;AAEtC,UAAA;AACI,cAAA,YAAY,MAAMC,YAAS,QAAQ,EAAE,OAAO,QAAQ,SAAS,aAAa,MAAM,UAAW,CAAA;AAEjG,YAAI,CAAC,WAAW;AACd;AAAA,QACF;AACA,wBAAgB,eAAe;AAGzB,cAAA,WAAW,MAAM,YAAY;AAAA,UACjC;AAAA,QAAA;AAGE,YAAA,SAAS,KAAK,SAAS,KAAK;AAC9BC,aAAA,SAAS,MAAM,EAAE,SAAS,SAAS,KAAK,KAAK;AAC7C;AAAA,QACF;AAEAA,WAAAA,SAAS,QAAQ,EAAE,SAAS,OAAQ,CAAA;AAAA,MAAA,UAEpC;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 :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 { MSAppClient } from \"../../../../core\";\r\nimport { MKPageContainer } from \"../../../../components\";\r\nimport { MKResourceManager, ResourceManager } from \"../../../../components\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\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  const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n  try {\r\n    const isConfirm = await Dialoger.confirm({\r\n      title: \"发布资源\",\r\n      message: \"是否发布资源？\",\r\n      type: \"warning\",\r\n    });\r\n\r\n    if (!isConfirm) {\r\n      return;\r\n    }\r\n\r\n    resourceManager.loadingManager.startLoading();\r\n\r\n    const response = await httpRequest.post(`/cms/content/publish/assets`);\r\n\r\n    if (response.data.code !== 200) {\r\n      Messager.error({ message: response.data.msg });\r\n      return;\r\n    }\r\n\r\n    Messager.success({ message: \"发布成功\" });\r\n  } finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n//全站发布\r\n// 整站发布\r\nconst publishAllHandle = async () => {\r\n\r\n  const httpRequest = MSAppClient.instance?.httpRequest!;\r\n\r\n  try {\r\n    const isConfirm = await Dialoger.confirm({ title: \"全量发布\", message: \"是否整站全量发布？\", type: \"warning\" })\r\n\r\n    if (!isConfirm) {\r\n      return;\r\n    }\r\n    resourceManager.loadingManager.startLoading();\r\n\r\n\r\n    const response = await httpRequest.post(\r\n      `/cms/content/publish/all`\r\n    );\r\n\r\n    if (response.data.code !== 200) {\r\n      Messager.error({ message: response.data.msg });\r\n      return;\r\n    }\r\n\r\n    Messager.success({ message: \"发布成功\" });\r\n\r\n  } finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n</script>\r\n"],"names":["reactive","ResourceManager","MSAppClient","Dialoger","Messager"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBM,UAAA,kBAAkBA,IAAAA,SAAS,IAAIC,gBAAAA,gBAAgB,EAAE,SAAS,yBAA0B,CAAA,CAAC;AAG3F,UAAM,sBAAsB,YAAY;AAChC,YAAA,cAAcC,YAAAA,YAAY,SAAU;AAEtC,UAAA;AACI,cAAA,YAAY,MAAMC,GAAA,SAAS,QAAQ;AAAA,UACvC,OAAO;AAAA,UACP,SAAS;AAAA,UACT,MAAM;AAAA,QAAA,CACP;AAED,YAAI,CAAC,WAAW;AACd;AAAA,QACF;AAEA,wBAAgB,eAAe;AAE/B,cAAM,WAAW,MAAM,YAAY,KAAK,6BAA6B;AAEjE,YAAA,SAAS,KAAK,SAAS,KAAK;AAC9BC,aAAA,SAAS,MAAM,EAAE,SAAS,SAAS,KAAK,KAAK;AAC7C;AAAA,QACF;AAEAA,WAAAA,SAAS,QAAQ,EAAE,SAAS,OAAQ,CAAA;AAAA,MAAA,UACpC;AACA,wBAAgB,eAAe;MACjC;AAAA,IAAA;AAIF,UAAM,mBAAmB,YAAY;;AAE7B,YAAA,eAAcF,iBAAAA,YAAY,aAAZA,mBAAsB;AAEtC,UAAA;AACI,cAAA,YAAY,MAAMC,YAAS,QAAQ,EAAE,OAAO,QAAQ,SAAS,aAAa,MAAM,UAAW,CAAA;AAEjG,YAAI,CAAC,WAAW;AACd;AAAA,QACF;AACA,wBAAgB,eAAe;AAGzB,cAAA,WAAW,MAAM,YAAY;AAAA,UACjC;AAAA,QAAA;AAGE,YAAA,SAAS,KAAK,SAAS,KAAK;AAC9BC,aAAA,SAAS,MAAM,EAAE,SAAS,SAAS,KAAK,KAAK;AAC7C;AAAA,QACF;AAEAA,WAAAA,SAAS,QAAQ,EAAE,SAAS,OAAQ,CAAA;AAAA,MAAA,UAEpC;AACA,wBAAgB,eAAe;MACjC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,4 @@
+"use strict";
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
+module.exports = index_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=index.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

@@ -0,0 +1,338 @@
+"use strict";
+const vue = require("vue");
+const cmsSettings = require("../../cms-settings.js");
+require("@maketribe/dm");
+require("element-plus");
+require("@maketribe/utils");
+require("../../../../core/DataModelDefines.js");
+require("vue-router");
+require("@maketribe/request");
+require("@maketribe/locale");
+const MsConfigTable = require("../../../ms/dataviews/ms-config/MsConfigTable.js");
+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_3 = {
+  class: "mk-cms-appsettings__form_warp",
+  style: { "background": "#fff", "flex": "1", "height": "100%", "padding": "10px", "margin": "10px", "overflow": "auto" }
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const CmsSettings = cmsSettings.useCmsSettings(true);
+    const activeTabName = vue.ref("publish");
+    const loading = vue.ref(false);
+    const changed = vue.ref(false);
+    const saveHandle = async () => {
+      if (changed.value) {
+        loading.value = true;
+        await MsConfigTable.MsConfigTable.setConfigValue(cmsSettings.CmsSettingsKEY, JSON.stringify(CmsSettings));
+        loading.value = false;
+        changed.value = false;
+      }
+    };
+    vue.onMounted(async () => {
+      const data = await MsConfigTable.MsConfigTable.getConfigValue(cmsSettings.CmsSettingsKEY);
+      if (data) {
+        Object.assign(CmsSettings, data);
+      }
+      setTimeout(() => {
+        loading.value = false;
+      }, 500);
+      vue.watch(CmsSettings, () => {
+        changed.value = true;
+      }, { 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_form = vue.resolveComponent("el-form");
+      const _component_el_tab_pane = vue.resolveComponent("el-tab-pane");
+      const _component_el_divider = vue.resolveComponent("el-divider");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_switch = vue.resolveComponent("el-switch");
+      const _component_el_tabs = vue.resolveComponent("el-tabs");
+      const _directive_loading = vue.resolveDirective("loading");
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(_component_el_page_header, {
+          style: { "background-color": "#fff", "padding": "10px" },
+          icon: null
+        }, {
+          title: vue.withCtx(() => [
+            vue.createElementVNode("h3", _hoisted_2, [
+              vue.createVNode(_component_MKSvgIcon, {
+                iconClass: "Operation",
+                style: { "margin-right": "5px" }
+              }),
+              vue.createTextVNode(" CMS应用设置 ")
+            ])
+          ]),
+          extra: vue.withCtx(() => [
+            vue.createElementVNode("div", null, [
+              vue.createVNode(_component_el_button_group, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_button, {
+                    type: "primary",
+                    size: "large",
+                    text: "",
+                    disabled: !changed.value,
+                    onClick: saveHandle
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_MKSvgIcon, { iconClass: "save" }),
+                      vue.createTextVNode(" 保存 ")
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createVNode(_component_el_tabs, {
+            modelValue: activeTabName.value,
+            "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => activeTabName.value = $event),
+            class: "mk-cms-contents__body__right"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_tab_pane, {
+                label: "发布设置",
+                name: "publish"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_form, {
+                    model: vue.unref(CmsSettings),
+                    "label-width": "auto"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_form_item, { label: "发布模式 : " }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_radio_group, {
+                            modelValue: vue.unref(CmsSettings).publish.mode,
+                            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(CmsSettings).publish.mode = $event)
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(_component_el_radio, { value: "static" }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode("静态发布")
+                                ]),
+                                _: 1
+                              }),
+                              vue.createVNode(_component_el_radio, { value: "dynamic" }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode("动态发布")
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["model"])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_tab_pane, {
+                label: "栏目设置",
+                name: "part"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_divider, { "content-position": "left" }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("栏目内容文档编辑器扩展设置")
+                    ]),
+                    _: 1
+                  }),
+                  vue.createVNode(_component_el_form, {
+                    model: vue.unref(CmsSettings),
+                    "label-width": "auto",
+                    "label-position": "top"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_form_item, { label: "引入的Css : " }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_input, {
+                            modelValue: vue.unref(CmsSettings).part.doc.css,
+                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(CmsSettings).part.doc.css = $event),
+                            autosize: { minRows: 2, maxRows: 4 },
+                            type: "textarea",
+                            placeholder: "多个css url ， 号分割，逗号必须是英文逗号"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_form_item, { label: "引入的Js : " }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_input, {
+                            modelValue: vue.unref(CmsSettings).part.doc.css,
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(CmsSettings).part.doc.css = $event),
+                            autosize: { minRows: 2, maxRows: 4 },
+                            type: "textarea",
+                            placeholder: "多个 js url ， 号分割，逗号必须是英文逗号"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["model"])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_tab_pane, {
+                label: "内容设置",
+                name: "content"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_form, {
+                    model: vue.unref(CmsSettings),
+                    "label-width": "auto"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_form_item, { label: "启用内容置顶 : " }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_switch, {
+                            modelValue: vue.unref(CmsSettings).content.useTop,
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(CmsSettings).content.useTop = $event)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_form_item, { label: "启用最新内容 : " }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_switch, {
+                            modelValue: vue.unref(CmsSettings).content.useNew,
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(CmsSettings).content.useNew = $event)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_form_item, { label: "启用热门推荐 : " }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_switch, {
+                            modelValue: vue.unref(CmsSettings).content.useHotRecommend,
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(CmsSettings).content.useHotRecommend = $event)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_form_item, { label: "启用栏目推荐 : " }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_switch, {
+                            modelValue: vue.unref(CmsSettings).content.usePartRecommend,
+                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(CmsSettings).content.usePartRecommend = $event)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_form_item, { label: "启用内容标签 : " }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_switch, {
+                            modelValue: vue.unref(CmsSettings).content.useTags,
+                            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(CmsSettings).content.useTags = $event)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_form_item, { label: "启用内容资源库 : " }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_switch, {
+                            modelValue: vue.unref(CmsSettings).content.useAtlas,
+                            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(CmsSettings).content.useAtlas = $event)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_form_item, { label: "内容封面图尺寸 : " }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_input, {
+                            modelValue: vue.unref(CmsSettings).content.coverImageSize,
+                            "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(CmsSettings).content.coverImageSize = $event),
+                            placeholder: "",
+                            style: { "max-width": "200px" }
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_form_item, { label: "内容Banner图尺寸 : " }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_input, {
+                            modelValue: vue.unref(CmsSettings).content.bannerImageSize,
+                            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(CmsSettings).content.bannerImageSize = $event),
+                            placeholder: "",
+                            style: { "max-width": "200px" }
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["model"]),
+                  vue.createVNode(_component_el_divider, { "content-position": "left" }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("内容文档编辑器扩展设置")
+                    ]),
+                    _: 1
+                  }),
+                  vue.createVNode(_component_el_form, {
+                    model: vue.unref(CmsSettings),
+                    "label-width": "auto",
+                    "label-position": "top"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_form_item, { label: "引入的Css : " }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_input, {
+                            modelValue: vue.unref(CmsSettings).content.doc.css,
+                            "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(CmsSettings).content.doc.css = $event),
+                            autosize: { minRows: 2, maxRows: 4 },
+                            type: "textarea",
+                            placeholder: "多个css url ， 号分割，逗号必须是英文逗号"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_form_item, { label: "引入的Js : " }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_component_el_input, {
+                            modelValue: vue.unref(CmsSettings).content.doc.css,
+                            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.unref(CmsSettings).content.doc.css = $event),
+                            autosize: { minRows: 2, maxRows: 4 },
+                            type: "textarea",
+                            placeholder: "多个 js url ， 号分割，逗号必须是英文逗号"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["model"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ])), [
+        [_directive_loading, loading.value]
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-settigns/index.vue"],"sourcesContent":["<template>\r\n <div class=\"mk-cms-appsettings__warp\" v-loading=\"loading\" style=\"\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n\">\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=\"Operation\" style=\"margin-right: 5px\" />\r\n          CMS应用设置\r\n        </h3>\r\n      </template>\r\n      <template #extra>\r\n        <div>\r\n          <el-button-group>\r\n            <el-button type=\"primary\" size=\"large\" text :disabled=\"!changed\" @click=\"saveHandle\">\r\n              <MKSvgIcon iconClass=\"save\" />\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-appsettings__form_warp\" style=\"\r\n        background: #fff;\r\n        flex: 1;\r\n        height: 100%;\r\n        padding: 10px;\r\n        margin: 10px;\r\n        overflow: auto;\r\n    \">\r\n      <el-tabs v-model=\"activeTabName\" class=\"mk-cms-contents__body__right\">\r\n        <el-tab-pane label=\"发布设置\" name=\"publish\">\r\n          <el-form :model=\"CmsSettings\" label-width=\"auto\">\r\n            <el-form-item label=\"发布模式 : \">\r\n              <el-radio-group v-model=\"CmsSettings.publish.mode\">\r\n                <el-radio value=\"static\">静态发布</el-radio>\r\n                <el-radio value=\"dynamic\">动态发布</el-radio>\r\n              </el-radio-group>\r\n            </el-form-item>\r\n          </el-form>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"栏目设置\" name=\"part\">\r\n          <el-divider content-position=\"left\">栏目内容文档编辑器扩展设置</el-divider>\r\n          <el-form :model=\"CmsSettings\" label-width=\"auto\" label-position=\"top\">\r\n            <el-form-item label=\"引入的Css : \">\r\n              <el-input v-model=\"CmsSettings.part.doc.css\"\r\n                :autosize=\"{ minRows: 2, maxRows: 4 }\"\r\n                type=\"textarea\"\r\n                placeholder=\"多个css url ， 号分割，逗号必须是英文逗号\"\r\n              />\r\n            </el-form-item>\r\n        \r\n            <el-form-item label=\"引入的Js : \">\r\n              <el-input v-model=\"CmsSettings.part.doc.css\"\r\n                :autosize=\"{ minRows: 2, maxRows: 4 }\"\r\n                type=\"textarea\"\r\n                placeholder=\"多个 js url ， 号分割，逗号必须是英文逗号\"\r\n              />\r\n            </el-form-item>\r\n          </el-form>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"内容设置\" name=\"content\">\r\n          <el-form :model=\"CmsSettings\" label-width=\"auto\">\r\n            <el-form-item label=\"启用内容置顶 : \">\r\n              <el-switch v-model=\"CmsSettings.content.useTop\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"启用最新内容 : \">\r\n              <el-switch v-model=\"CmsSettings.content.useNew\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"启用热门推荐 : \">\r\n              <el-switch v-model=\"CmsSettings.content.useHotRecommend\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"启用栏目推荐 : \">\r\n              <el-switch v-model=\"CmsSettings.content.usePartRecommend\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"启用内容标签 : \">\r\n              <el-switch v-model=\"CmsSettings.content.useTags\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"启用内容资源库 : \">\r\n              <el-switch v-model=\"CmsSettings.content.useAtlas\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"内容封面图尺寸 : \">\r\n              <el-input v-model=\"CmsSettings.content.coverImageSize\" placeholder=\"\"  style=\"max-width: 200px;\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"内容Banner图尺寸 : \">\r\n              <el-input v-model=\"CmsSettings.content.bannerImageSize\" placeholder=\"\" style=\"max-width: 200px;\" />\r\n            </el-form-item>\r\n          </el-form>\r\n         \r\n          <el-divider content-position=\"left\">内容文档编辑器扩展设置</el-divider>\r\n          <el-form :model=\"CmsSettings\" label-width=\"auto\" label-position=\"top\">\r\n            <el-form-item label=\"引入的Css : \">\r\n              <el-input v-model=\"CmsSettings.content.doc.css\"\r\n                :autosize=\"{ minRows: 2, maxRows: 4 }\"\r\n                type=\"textarea\"\r\n                placeholder=\"多个css url ， 号分割，逗号必须是英文逗号\"\r\n              />\r\n            </el-form-item>\r\n        \r\n            <el-form-item label=\"引入的Js : \">\r\n              <el-input v-model=\"CmsSettings.content.doc.css\"\r\n                :autosize=\"{ minRows: 2, maxRows: 4 }\"\r\n                type=\"textarea\"\r\n                placeholder=\"多个 js url ， 号分割，逗号必须是英文逗号\"\r\n              />\r\n            </el-form-item>\r\n          </el-form>\r\n        </el-tab-pane>\r\n      </el-tabs>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref,onMounted,watch, } from \"vue\";\r\nimport { useCmsSettings,CmsSettingsKEY,type CmsSettings } from \"../../cms-settings\"\r\nimport { MsConfigTable } from \"../../../ms/dataviews/ms-config/\"\r\n\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings(true); \r\n\r\n// 激活的tab\r\nconst activeTabName = ref(\"publish\");\r\n// 激活的tab\r\nconst loading = ref(false);\r\nconst changed = ref(false);\r\n\r\n\r\nconst saveHandle = async ()=>{\r\n\r\n  if(changed.value){\r\n    loading.value = true;\r\n    await MsConfigTable.setConfigValue(CmsSettingsKEY,JSON.stringify(CmsSettings))\r\n    loading.value = false;\r\n    changed.value = false;\r\n  }\r\n\r\n}\r\n\r\nonMounted(async ()=>{\r\n\r\n  // 初始化\r\n  const data =  await MsConfigTable.getConfigValue<CmsSettings>(CmsSettingsKEY);\r\n  if(data){ Object.assign(CmsSettings,data) }\r\n  setTimeout(() => {\r\n    loading.value = false;\r\n  }, 500);\r\n  // 数据改变\r\n  watch(CmsSettings,()=>{\r\n    changed.value = true;\r\n  },{ deep:true })\r\n})\r\n</script>\r\n"],"names":["useCmsSettings","ref","MsConfigTable","CmsSettingsKEY","onMounted","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAyHM,UAAA,cAAcA,2BAAe,IAAI;AAGjC,UAAA,gBAAgBC,QAAI,SAAS;AAE7B,UAAA,UAAUA,QAAI,KAAK;AACnB,UAAA,UAAUA,QAAI,KAAK;AAGzB,UAAM,aAAa,YAAU;AAE3B,UAAG,QAAQ,OAAM;AACf,gBAAQ,QAAQ;AAChB,cAAMC,cAAAA,cAAc,eAAeC,YAAA,gBAAe,KAAK,UAAU,WAAW,CAAC;AAC7E,gBAAQ,QAAQ;AAChB,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;AAIFC,QAAAA,UAAU,YAAU;AAGlB,YAAM,OAAQ,MAAMF,cAAAA,cAAc,eAA4BC,YAAc,cAAA;AAC5E,UAAG,MAAK;AAAS,eAAA,OAAO,aAAY,IAAI;AAAA,MAAE;AAC1C,iBAAW,MAAM;AACf,gBAAQ,QAAQ;AAAA,SACf,GAAG;AAENE,UAAA,MAAM,aAAY,MAAI;AACpB,gBAAQ,QAAQ;AAAA,MAAA,GAChB,EAAE,MAAK,KAAA,CAAM;AAAA,IAAA,CAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/modules/ms/components/image-select/image-select-api.js

@@ -0,0 +1,76 @@
+"use strict";
+const vue = require("vue");
+const dm = require("@maketribe/dm");
+const elementPlus = require("element-plus");
+const imageSelectPanel = require("./image-select-panel.js");
+require("../../../../components/basic/image-cropper/index.js");
+const imageCropperApi = require("../../../../components/basic/image-cropper/image-cropper-api.js");
+async function ImageSelect(cutWidth, cutHeight) {
+  return new Promise((resolve) => {
+    const path = vue.ref("");
+    const handleCancelClick = () => {
+      dialogInstance.destroy();
+      resolve({
+        success: false,
+        path: ""
+      });
+    };
+    const handleConfirmClick = async () => {
+      if (path.value) {
+        var result = await imageCropperApi.ImageCropper({
+          src: path.value,
+          ratioOptions: cutWidth && cutHeight ? [{
+            value: `${cutWidth}*${cutHeight}`,
+            label: `${cutWidth}px*${cutHeight}px`,
+            width: cutWidth,
+            height: cutHeight
+          }] : [],
+          maxWidth: cutWidth || 0,
+          maxHeight: cutHeight || 0
+        });
+        if (result.data) {
+          path.value = result.data;
+          dialogInstance.destroy();
+          resolve({
+            success: true,
+            path: path.value
+          });
+        }
+      } else {
+        dialogInstance.destroy();
+        resolve({
+          success: true,
+          path: path.value
+        });
+      }
+    };
+    const dialogInstance = dm.Dialoger.customRender({
+      title: "图片选择",
+      class: "mk-material-select",
+      width: "70%",
+      onClose: () => {
+        dialogInstance.destroy();
+      },
+      body: () => {
+        return vue.createVNode(imageSelectPanel, {
+          "modelValue": path.value,
+          "onUpdate:modelValue": ($event) => path.value = $event
+        }, null);
+      },
+      footer: () => {
+        return vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
+          "onClick": handleCancelClick
+        }, {
+          default: () => [vue.createTextVNode("取消")]
+        }), vue.createVNode(elementPlus.ElButton, {
+          "type": "primary",
+          "onClick": handleConfirmClick
+        }, {
+          default: () => [vue.createTextVNode("确定")]
+        })]);
+      }
+    });
+  });
+}
+module.exports = ImageSelect;
+//# sourceMappingURL=image-select-api.js.map

package/dist/cjs/modules/ms/components/image-select/image-select-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-select-api.js","sources":["../../../../../../src/modules/ms/components/image-select/image-select-api.tsx"],"sourcesContent":["import { Fragment, ref,h } from \"vue\";\r\nimport { Dialoger } from \"@maketribe/dm\";\r\nimport { ElButton } from \"element-plus\";\r\nimport ImageSelectPanel from \"./image-select-panel\";\r\nimport { ImageCropper } from \"../../../../components/basic/image-cropper\"\r\n\r\nexport type MKImageSelectResult = { success: boolean; path: string; };\r\n\r\nexport default async function ImageSelect(cutWidth?:number,cutHeight?:number): Promise<MKImageSelectResult> {\r\n  return new Promise((resolve) => {\r\n    \r\n    const path = ref<any>(\"\");\r\n\r\n    const handleCancelClick = () => {\r\n      dialogInstance.destroy();\r\n\r\n      resolve({ success: false,  path: \"\" });\r\n    };\r\n\r\n    const handleConfirmClick = async () => {\r\n\r\n\r\n      if(path.value){\r\n\r\n        var result = await ImageCropper({ \r\n          src: path.value ,\r\n          ratioOptions: cutWidth && cutHeight ?[\r\n            { value: `${cutWidth}*${cutHeight}`, label: `${cutWidth}px*${cutHeight}px`, width: cutWidth, height: cutHeight }\r\n          ]:[],\r\n          maxWidth:cutWidth || 0,\r\n          maxHeight:cutHeight || 0\r\n        });\r\n\r\n        if(result.data){\r\n          path.value = result.data;\r\n          dialogInstance.destroy();\r\n          resolve({ success: true,  path: path.value });\r\n        }\r\n        else{\r\n          // 取消裁切\r\n        \r\n        }\r\n      }\r\n      else{\r\n        dialogInstance.destroy();\r\n        resolve({ success: true,  path: path.value });\r\n      }\r\n    };\r\n\r\n    const dialogInstance = Dialoger.customRender({\r\n      title: \"图片选择\",\r\n      class: \"mk-material-select\",\r\n      width: \"70%\",\r\n      onClose: () => {\r\n        dialogInstance.destroy();\r\n      },\r\n      body: () => {\r\n        return <ImageSelectPanel v-model={path.value} />\r\n      },\r\n      footer: () => {\r\n        return (\r\n          <Fragment>\r\n            <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n            <ElButton type=\"primary\" onClick={handleConfirmClick}>\r\n              确定\r\n            </ElButton>\r\n          </Fragment>\r\n        );\r\n      },\r\n    });\r\n  });\r\n}\r\n"],"names":["ImageSelect","cutWidth","cutHeight","Promise","resolve","path","ref","handleCancelClick","dialogInstance","destroy","success","handleConfirmClick","value","result","ImageCropper","src","ratioOptions","label","width","height","maxWidth","maxHeight","data","Dialoger","customRender","title","class","onClose","body","_createVNode","ImageSelectPanel","$event","footer","_Fragment","ElButton","default","_createTextVNode"],"mappings":";;;;;;;AAQe,eAAeA,YAAYC,UAAiBC,WAAiD;AAC1G,SAAO,IAAIC,QAASC,aAAY;AAE9B,UAAMC,OAAOC,QAAS,EAAE;AAExB,UAAMC,oBAAoBA,MAAM;AAC9BC,qBAAeC,QAAO;AAEtBL,cAAQ;AAAA,QAAEM,SAAS;AAAA,QAAQL,MAAM;AAAA,MAAG,CAAC;AAAA;AAGvC,UAAMM,qBAAqB,YAAY;AAGrC,UAAGN,KAAKO,OAAM;AAEZ,YAAIC,SAAS,MAAMC,6BAAa;AAAA,UAC9BC,KAAKV,KAAKO;AAAAA,UACVI,cAAcf,YAAYC,YAAW,CACnC;AAAA,YAAEU,OAAO,GAAGX,QAAQ,IAAIC,SAAS;AAAA,YAAIe,OAAO,GAAGhB,QAAQ,MAAMC,SAAS;AAAA,YAAMgB,OAAOjB;AAAAA,YAAUkB,QAAQjB;AAAAA,UAAW,CAAA,IAChH,CAAE;AAAA,UACJkB,UAASnB,YAAY;AAAA,UACrBoB,WAAUnB,aAAa;AAAA,QACzB,CAAC;AAED,YAAGW,OAAOS,MAAK;AACbjB,eAAKO,QAAQC,OAAOS;AACpBd,yBAAeC,QAAO;AACtBL,kBAAQ;AAAA,YAAEM,SAAS;AAAA,YAAOL,MAAMA,KAAKO;AAAAA,UAAM,CAAC;AAAA,QAG5C;AAAA,MAGJ,OACI;AACFJ,uBAAeC,QAAO;AACtBL,gBAAQ;AAAA,UAAEM,SAAS;AAAA,UAAOL,MAAMA,KAAKO;AAAAA,QAAM,CAAC;AAAA,MAC9C;AAAA;AAGF,UAAMJ,iBAAiBe,GAAQ,SAACC,aAAa;AAAA,MAC3CC,OAAO;AAAA,MACPC,OAAO;AAAA,MACPR,OAAO;AAAA,MACPS,SAASA,MAAM;AACbnB,uBAAeC,QAAO;AAAA,MACvB;AAAA,MACDmB,MAAMA,MAAM;AACV,eAAAC,IAAAA,YAAAC,kBAAA;AAAA,UAAA,cAAkCzB,KAAKO;AAAAA,UAAK,uBAAAmB,YAAV1B,KAAKO,QAAKmB;AAAAA,QAAA,GAAA,IAAA;AAAA,MAC7C;AAAA,MACDC,QAAQA,MAAM;AACZ,eAAAH,IAAA,YAAAI,IAAA,UAAAJ,MAAAA,CAAAA,IAAAA,YAAAK,YAAAA,UAAA;AAAA,UAAA,WAEuB3B;AAAAA,QAAiB,GAAA;AAAA,UAAA4B,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,SAAAP,GAAAA,IAAA,YAAAK,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACFvB;AAAAA,QAAkB,GAAA;AAAA,UAAAwB,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAK1D;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;;"}