@maketribe/ms-app 3.2.23 → 3.2.25

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

@@ -1,7 +1,8 @@
-import { defineComponent, ref, watch, reactive, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, unref, createBlock, createCommentVNode, Fragment, resolveDynamicComponent } from "vue";
+import { defineComponent, ref, watch, reactive, watchEffect, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, unref, createBlock, createCommentVNode, Fragment, resolveDynamicComponent } from "vue";
 import { MKPartTree } from "../../components/part-tree/index.js";
 import _sfc_main$1 from "./components/article-list.vue.js";
 import _sfc_main$2 from "./components/part-info.vue.js";
+import _sfc_main$3 from "./components/part-banner-edit.vue.js";
 import "../../../../components/abstract/abstract-select/abstract-select.js";
 import "../../../../components/abstract/abstract-select/abstract-select-options.js";
 import { ElSwitch } from "element-plus";
@@ -23,10 +24,13 @@ import "@maketribe/utils";
 import "../../../../components/basic/upload-file/context/web-file-upload-context.js";
 import "../../../../components/basic/upload-file/context/web-file-upload-context-options.js";
 import "../../../../components/basic/upload-file/ui/upload-image/index.js";
+import "../../../../components/basic/upload-file/ui/upload-file/index.js";
+import "../../../../components/basic/upload-file/ui/upload-video/index.js";
 import "../../../../components/basic/upload-file/upload-file-options.js";
 import { MKDocEditor } from "../../../../components/basic/doc-editor/index.js";
 import "../../../../components/basic/copy-container/index.js";
 import "../../../../components/basic/image-cropper/index.js";
+import "../../../../components/basic/visual-page-editor/index.js";
 import "../../../../components/data-model/data-form/index.js";
 import "../../../../components/data-model/data-table/index.js";
 import "../../../../components/data-model/data-table-pagination/index.js";
@@ -80,6 +84,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const partTreeRef = ref(null);
     const partExt = ref();
     const partDataForm = reactive(new CmsContentManPartForm());
+    partDataForm.init();
+    let beforeInitFormPart = null;
+    watchEffect(async () => {
+      if ((activeTabName.value == "part" || activeTabName.value == "part-content") && curSelectPartItem.value != beforeInitFormPart) {
+        try {
+          beforeInitFormPart = curSelectPartItem.value;
+          await partDataForm.editRecord(curSelectPartItem.value.id);
+        } catch (error) {
+          console.log(error);
+        }
+      }
+    });
     const selectPartHandle = async (item) => {
       if (curSelectPartItem.value != item) {
         curSelectPartItem.value = item;
@@ -88,7 +104,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         } else {
           activeTabName.value = "article-list";
         }
-        partDataForm.editRecord(curSelectPartItem.value.id);
         router.replace({ name: "cms/contents", query: { pid: curSelectPartItem.value.id } });
         partExt.value = usePartExtension(curSelectPartItem.value.id);
       }
@@ -117,11 +132,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         optionData.value.isPublishContent = !!curSelectPartItem.value.contentTemplate;
       }
     });
-    watch(activeTabName, async () => {
-      if (activeTabName.value == "part") {
-        curSelectPartItem.value = (await partDataForm.editRecord(curSelectPartItem.value.id)).data.data;
-      }
-    });
     partMiniForm.submittedEvent.on(({ response }) => {
       var _a;
       if (response.data.data) {
@@ -377,10 +387,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   return [
                     activeTabName.value == "part-content" ? (openBlock(), createBlock(unref(MKDocEditor), {
                       key: 0,
+                      css: unref(CmsSettings).part.doc.css,
+                      js: unref(CmsSettings).part.doc.js,
                       content: (_a = partDataForm.data) == null ? void 0 : _a.content,
                       placeholder: "从这里开始写正文...",
                       onChange: EditorChangeHandle
-                    }, null, 8, ["content"])) : createCommentVNode("", true)
+                    }, {
+                      "before-extentions": withCtx(() => {
+                        var _a2, _b, _c;
+                        return [
+                          ((_a2 = partDataForm.data) == null ? void 0 : _a2.id) ? (openBlock(), createBlock(_sfc_main$3, {
+                            key: 0,
+                            partId: (_b = partDataForm.data) == null ? void 0 : _b.id,
+                            title: (_c = partDataForm.data) == null ? void 0 : _c.title
+                          }, null, 8, ["partId", "title"])) : createCommentVNode("", true)
+                        ];
+                      }),
+                      _: 1
+                    }, 8, ["css", "js", "content"])) : createCommentVNode("", true)
                   ];
                 }),
                 _: 1

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-contents/index.vue"],"sourcesContent":["<template>\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=\"publishAllPartHandle\">\r\n              <MKSvgIcon iconClass=\"Promotion\" style=\"margin-right: 10px\" />\r\n              整站发布\r\n            </el-button>\r\n            <el-button type=\"primary\" size=\"large\" text @click=\"showPartFormHandle\">\r\n              <MKSvgIcon iconClass=\"Plus\" style=\"margin-right: 10px\" />\r\n              新增栏目\r\n            </el-button>\r\n          </el-button-group>\r\n        </div>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"mk-cms-contents__body\">\r\n      <MKPartTree class=\"mk-cms-contents__body__left\" @select=\"selectPartHandle\" @edit=\"editPartHandle\"\r\n        @add=\"showPartFormHandle\" @deleteSuccessfully=\"deletePartHandle\" ref=\"partTreeRef\"\r\n        :curSelectId=\"curSelectPartId\" />\r\n      <el-tabs v-if=\"curSelectPartItem\" v-model=\"activeTabName\" class=\"mk-cms-contents__body__right\">\r\n        <div class=\"mk-cms-contents__body__right__action\">\r\n\r\n          <template v-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' && curSelectPartItem.coverTemplate || curSelectPartItem.listTemplate || curSelectPartItem.contentTemplate\">\r\n            <span class=\"el-dropdown-link\">\r\n              <el-button type=\"primary\" text>\r\n                <MKSvgIcon iconClass=\"MoreFilled\" />\r\n              </el-button>\r\n            </span>\r\n            <template #dropdown>\r\n              <el-dropdown-menu>\r\n                <el-dropdown-item @click=\"CmsPartForm.openPreview(curSelectPartItem.id)\" 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=\"CmsPartForm.openPreview(curSelectPartItem.id,'1')\" 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=\"publishLoading\">确定</el-button>\r\n      </template>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\" >\r\nimport { MKPartTree } from \"../../components\";\r\nimport ArticleList from \"./components/article-list.vue\";\r\nimport PartInfo from \"./components/part-info.vue\";\r\nimport { MKDocEditor } from \"../../../../components\";\r\nimport { reactive, ref, watch } from \"vue\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\nimport { CmsContentManPartForm,CmsPartForm, CmsPartMiniForm } from \"../../dataviews/cms-parts\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { 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\n// 当前选中的栏目id\r\nconst curSelectPartId = ref<string>(route.query.pid as string)\r\nwatch(()=>route.query.pid,(v:any)=>{\r\n  curSelectPartId.value = v \r\n},{ immediate:true });\r\n\r\n//栏目Mini表单\r\nconst partMiniForm = reactive<CmsPartMiniForm>(new CmsPartMiniForm());\r\n\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings(true);\r\n\r\n//发布栏目时的配置\r\nconst showPublish = ref(false)\r\n\r\n//发布配置项\r\nconst optionData = ref({\r\n  isPublishList: false,\r\n  isPublishCover: false,\r\n  isPublishContent: false,\r\n  isPublishAssets: false,\r\n  isCompulsion: true\r\n});\r\n\r\n//发布加载状态\r\nconst publishLoading = ref(false);\r\n\r\n// 数据加载状态\r\nconst loading = ref(false)\r\n\r\n// 激活的tab\r\nconst activeTabName = ref(\"article-list\");\r\n\r\n// 当前选中的菜单\r\nconst curSelectPartItem = ref(null as any);\r\n\r\n// 栏目树ref\r\nconst partTreeRef = ref(null);\r\n\r\n//栏目扩展\r\nconst partExt = ref<PartExtension>();\r\n\r\n//栏目数据\r\nconst partDataForm = reactive(new CmsContentManPartForm()) as CmsContentManPartForm;\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    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\n//删除栏目\r\nconst deletePartHandle = (item: any) => {\r\n  if (item.id == curSelectPartItem.value.id) {\r\n    curSelectPartItem.value = null;\r\n  }\r\n};\r\n\r\n//编辑栏目\r\nconst editPartHandle = (item: any) => {\r\n  curSelectPartItem.value = item;\r\n  activeTabName.value = \"part\";\r\n};\r\n\r\n/**\r\n *  显示添加栏目表单\r\n */\r\nconst showPartFormHandle = async (item?: any) => {\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: partMiniForm as CmsContentManPartForm,\r\n  });\r\n\r\n  if (item.id) {\r\n    partMiniForm.addRecord({ parentId: item.id });\r\n  }\r\n\r\n};\r\n\r\nwatch(showPublish, async (v) => {\r\n  if(v){\r\n    optionData.value.isPublishList = !!curSelectPartItem.value.listTemplate\r\n    optionData.value.isPublishCover = !!curSelectPartItem.value.coverTemplate\r\n    optionData.value.isPublishContent = !!curSelectPartItem.value.contentTemplate\r\n  }\r\n})\r\n\r\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\npartMiniForm.submittedEvent.on(({ response }:any) => {\r\n  if(response.data.data){\r\n    // 重置选中\r\n    curSelectPartId.value = response.data.data;\r\n    // 刷新完成直接选中\r\n    (partTreeRef.value! as any).dataTree?.load();\r\n  }\r\n \r\n});\r\n\r\n//栏目发布\r\nconst publishAllPartHandle = async () => {\r\n\r\n  try {\r\n\r\n    loading.value = true;\r\n      \r\n    await CmsPartForm.publishAll()\r\n  } \r\n  finally {\r\n    loading.value = false;\r\n  }\r\n\r\n}\r\nconst publishPartHandle = async () => {\r\n \r\n  try {\r\n\r\n    publishLoading.value = true\r\n\r\n    await CmsPartForm.publish(curSelectPartItem.value.id,optionData.value);\r\n\r\n    showPublish.value = false;\r\n\r\n  } finally {\r\n    publishLoading.value = false\r\n  }\r\n}\r\n\r\n/**\r\n * 保存栏目信息\r\n */\r\nconst 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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsHA,UAAM,QAAQ;AACd,UAAM,SAAS;AAGf,UAAM,kBAAkB,IAAY,MAAM,MAAM,GAAa;AAC7D,UAAM,MAAI,MAAM,MAAM,KAAI,CAAC,MAAQ;AACjC,sBAAgB,QAAQ;AAAA,IAAA,GACxB,EAAE,WAAU,KAAA,CAAM;AAGpB,UAAM,eAAe,SAA0B,IAAI,gBAAiB,CAAA;AAG9D,UAAA,cAAc,eAAe,IAAI;AAGjC,UAAA,cAAc,IAAI,KAAK;AAG7B,UAAM,aAAa,IAAI;AAAA,MACrB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,MACjB,cAAc;AAAA,IAAA,CACf;AAGK,UAAA,iBAAiB,IAAI,KAAK;AAG1B,UAAA,UAAU,IAAI,KAAK;AAGnB,UAAA,gBAAgB,IAAI,cAAc;AAGlC,UAAA,oBAAoB,IAAI,IAAW;AAGnC,UAAA,cAAc,IAAI,IAAI;AAG5B,UAAM,UAAU;AAGhB,UAAM,eAAe,SAAS,IAAI,sBAAuB,CAAA;AAGnD,UAAA,mBAAmB,OAAO,SAAc;AAExC,UAAA,kBAAkB,SAAS,MAAM;AAEnC,0BAAkB,QAAQ;AAEtB,YAAA,CAAC,kBAAkB,MAAM,iBAAiB;AAC5C,wBAAc,QAAQ;AAAA,QAAA,OAEpB;AACF,wBAAc,QAAQ;AAAA,QACxB;AAEa,qBAAA,WAAW,kBAAkB,MAAM,EAAE;AAC3C,eAAA,QAAQ,EAAE,MAAM,gBAAgB,OAAO,EAAE,KAAK,kBAAkB,MAAM,GAAG,EAAU,CAAA;AAC1F,gBAAQ,QAAQ,iBAAiB,kBAAkB,MAAM,EAAE;AAAA,MAC7D;AAAA,IAAA;AAII,UAAA,mBAAmB,CAAC,SAAc;AACtC,UAAI,KAAK,MAAM,kBAAkB,MAAM,IAAI;AACzC,0BAAkB,QAAQ;AAAA,MAC5B;AAAA,IAAA;AAII,UAAA,iBAAiB,CAAC,SAAc;AACpC,wBAAkB,QAAQ;AAC1B,oBAAc,QAAQ;AAAA,IAAA;AAMlB,UAAA,qBAAqB,OAAO,SAAe;AAC/C,YAAM,SAAS,eAAe;AAAA,QAC5B,UAAU;AAAA,MAAA,CACX;AAED,UAAI,KAAK,IAAI;AACX,qBAAa,UAAU,EAAE,UAAU,KAAK,GAAI,CAAA;AAAA,MAC9C;AAAA,IAAA;AAII,UAAA,aAAa,OAAO,MAAM;AAC9B,UAAG,GAAE;AACH,mBAAW,MAAM,gBAAgB,CAAC,CAAC,kBAAkB,MAAM;AAC3D,mBAAW,MAAM,iBAAiB,CAAC,CAAC,kBAAkB,MAAM;AAC5D,mBAAW,MAAM,mBAAmB,CAAC,CAAC,kBAAkB,MAAM;AAAA,MAChE;AAAA,IAAA,CACD;AAED,UAAM,eAAe,YAAY;AAC3B,UAAA,cAAc,SAAS,QAAQ;AACf,0BAAA,SAAS,MAAM,aAAa,WAAW,kBAAkB,MAAM,EAAE,GAAG,KAAK;AAAA,MAC7F;AAAA,IAAA,CACD;AAGD,iBAAa,eAAe,GAAG,CAAC,EAAE,eAAmB;;AAChD,UAAA,SAAS,KAAK,MAAK;AAEJ,wBAAA,QAAQ,SAAS,KAAK;AAErC,0BAAY,MAAe,aAA3B,mBAAqC;AAAA,MACxC;AAAA,IAAA,CAED;AAGD,UAAM,uBAAuB,YAAY;AAEnC,UAAA;AAEF,gBAAQ,QAAQ;AAEhB,cAAM,YAAY;MAAW,UAE/B;AACE,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;AAGF,UAAM,oBAAoB,YAAY;AAEhC,UAAA;AAEF,uBAAe,QAAQ;AAEvB,cAAM,YAAY,QAAQ,kBAAkB,MAAM,IAAG,WAAW,KAAK;AAErE,oBAAY,QAAQ;AAAA,MAAA,UAEpB;AACA,uBAAe,QAAQ;AAAA,MACzB;AAAA,IAAA;AAMF,UAAM,iBAAiB,YAAY;AACjC,wBAAkB,QAAQ,aAAa;AACvC,YAAM,aAAa;IAAO;AAOtB,UAAA,qBAAqB,CAAC,MAAW;AACrC,mBAAa,KAAK,UAAU;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-contents/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-contents__warp\" v-loading=\"loading\">\r\n    <el-page-header style=\"background-color: #fff; padding: 10px\" :icon=\"null\">\r\n      <template #title>\r\n        <h3 style=\"color: var(--el-text-color-regular); margin-left: 10px\">\r\n          <MKSvgIcon iconClass=\"richtext-outline\" style=\"margin-right: 5px\" />\r\n          内容管理\r\n        </h3>\r\n      </template>\r\n      <template #extra>\r\n        <div class=\"flex items-center\">\r\n          <el-button-group>\r\n            <el-button type=\"primary\" size=\"large\" text v-if=\"CmsSettings.publish.mode == 'static'\" @click=\"publishAllPartHandle\">\r\n              <MKSvgIcon iconClass=\"Promotion\" style=\"margin-right: 10px\" />\r\n              整站发布\r\n            </el-button>\r\n            <el-button type=\"primary\" size=\"large\" text @click=\"showPartFormHandle\">\r\n              <MKSvgIcon iconClass=\"Plus\" style=\"margin-right: 10px\" />\r\n              新增栏目\r\n            </el-button>\r\n          </el-button-group>\r\n        </div>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"mk-cms-contents__body\">\r\n      <MKPartTree class=\"mk-cms-contents__body__left\" @select=\"selectPartHandle\" @edit=\"editPartHandle\"\r\n        @add=\"showPartFormHandle\" @deleteSuccessfully=\"deletePartHandle\" ref=\"partTreeRef\"\r\n        :curSelectId=\"curSelectPartId\" />\r\n      <el-tabs v-if=\"curSelectPartItem\" v-model=\"activeTabName\" class=\"mk-cms-contents__body__right\">\r\n        <div class=\"mk-cms-contents__body__right__action\">\r\n\r\n          <template v-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' && curSelectPartItem.coverTemplate || curSelectPartItem.listTemplate || curSelectPartItem.contentTemplate\">\r\n            <span class=\"el-dropdown-link\">\r\n              <el-button type=\"primary\" text>\r\n                <MKSvgIcon iconClass=\"MoreFilled\" />\r\n              </el-button>\r\n            </span>\r\n            <template #dropdown>\r\n              <el-dropdown-menu>\r\n                <el-dropdown-item @click=\"CmsPartForm.openPreview(curSelectPartItem.id)\" 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=\"CmsPartForm.openPreview(curSelectPartItem.id,'1')\" 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'\" :css=\"CmsSettings.part.doc.css\" :js=\"CmsSettings.part.doc.js\"  :content=\"partDataForm.data?.content\"\r\n            placeholder=\"从这里开始写正文...\" @change=\"EditorChangeHandle\">\r\n            <template #before-extentions>\r\n              <PartBannerEdit v-if=\"partDataForm.data?.id\" :partId=\"partDataForm.data?.id\" :title=\"partDataForm.data?.title\" />\r\n            </template>\r\n          </MKDocEditor>\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=\"publishLoading\">确定</el-button>\r\n      </template>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\" >\r\nimport { MKPartTree } from \"../../components\";\r\nimport ArticleList from \"./components/article-list.vue\";\r\nimport PartInfo from \"./components/part-info.vue\";\r\nimport PartBannerEdit from \"./components/part-banner-edit.vue\";\r\nimport { MKDocEditor } from \"../../../../components\";\r\nimport { reactive, ref, watch,watchEffect } from \"vue\";\r\nimport { Dialoger } from \"@maketribe/dm\";\r\nimport { CmsContentManPartForm,CmsPartForm, CmsPartMiniForm } from \"../../dataviews/cms-parts\";\r\nimport { useRoute, useRouter } from \"vue-router\";\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\n// 当前选中的栏目id\r\nconst curSelectPartId = ref<string>(route.query.pid as string)\r\nwatch(()=>route.query.pid,(v:any)=>{\r\n  curSelectPartId.value = v \r\n},{ immediate:true });\r\n\r\n//栏目Mini表单\r\nconst partMiniForm = reactive<CmsPartMiniForm>(new CmsPartMiniForm());\r\n\r\n// cms 配置\r\nconst CmsSettings = useCmsSettings(true);\r\n\r\n//发布栏目时的配置\r\nconst showPublish = ref(false)\r\n\r\n//发布配置项\r\nconst optionData = ref({\r\n  isPublishList: false,\r\n  isPublishCover: false,\r\n  isPublishContent: false,\r\n  isPublishAssets: false,\r\n  isCompulsion: true\r\n});\r\n\r\n//发布加载状态\r\nconst publishLoading = ref(false);\r\n\r\n// 数据加载状态\r\nconst loading = ref(false)\r\n\r\n// 激活的tab\r\nconst activeTabName = ref(\"article-list\");\r\n\r\n// 当前选中的菜单\r\nconst curSelectPartItem = ref(null as any);\r\n\r\n// 栏目树ref\r\nconst partTreeRef = ref(null);\r\n\r\n//栏目扩展\r\nconst partExt = ref<PartExtension>();\r\n\r\n//栏目数据\r\nconst partDataForm = reactive(new CmsContentManPartForm()) as CmsContentManPartForm;\r\n\r\n// 初始化表单\r\npartDataForm.init();\r\n\r\n// 切换tab 加载栏目表单数据\r\nlet beforeInitFormPart:any = null;\r\nwatchEffect(async ()=>{\r\n  if((activeTabName.value == \"part\" || activeTabName.value == \"part-content\") && curSelectPartItem.value != beforeInitFormPart){\r\n    try {\r\n      beforeInitFormPart = curSelectPartItem.value;\r\n      await partDataForm.editRecord(curSelectPartItem.value.id);\r\n    } catch (error) {\r\n      console.log(error)\r\n    }\r\n  }\r\n});\r\n\r\n// 选择栏目\r\nconst selectPartHandle = async (item: any) => {\r\n\r\n  if (curSelectPartItem.value != item) {\r\n\r\n    curSelectPartItem.value = item;\r\n\r\n    if (!curSelectPartItem.value.contentTemplate) {\r\n      activeTabName.value = \"part\";\r\n    }\r\n    else{\r\n      activeTabName.value = \"article-list\";\r\n    }\r\n    router.replace({ name: 'cms/contents', query: { pid: curSelectPartItem.value.id } } as any)\r\n    partExt.value = usePartExtension(curSelectPartItem.value.id);\r\n  }\r\n};\r\n\r\n//删除栏目\r\nconst deletePartHandle = (item: any) => {\r\n  if (item.id == curSelectPartItem.value.id) {\r\n    curSelectPartItem.value = null;\r\n  }\r\n};\r\n\r\n//编辑栏目\r\nconst editPartHandle = (item: any) => {\r\n  curSelectPartItem.value = item;\r\n  activeTabName.value = \"part\";\r\n};\r\n\r\n/**\r\n *  显示添加栏目表单\r\n */\r\nconst showPartFormHandle = async (item?: any) => {\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: partMiniForm as CmsContentManPartForm,\r\n  });\r\n\r\n  if (item.id) {\r\n    partMiniForm.addRecord({ parentId: item.id });\r\n  }\r\n\r\n};\r\n\r\nwatch(showPublish, async (v) => {\r\n  if(v){\r\n    optionData.value.isPublishList = !!curSelectPartItem.value.listTemplate\r\n    optionData.value.isPublishCover = !!curSelectPartItem.value.coverTemplate\r\n    optionData.value.isPublishContent = !!curSelectPartItem.value.contentTemplate\r\n  }\r\n})\r\n \r\n//监听表单完成事件\r\npartMiniForm.submittedEvent.on(({ response }:any) => {\r\n  if(response.data.data){\r\n    // 重置选中\r\n    curSelectPartId.value = response.data.data;\r\n    // 刷新完成直接选中\r\n    (partTreeRef.value! as any).dataTree?.load();\r\n  }\r\n \r\n});\r\n\r\n//栏目发布\r\nconst publishAllPartHandle = async () => {\r\n\r\n  try {\r\n\r\n    loading.value = true;\r\n      \r\n    await CmsPartForm.publishAll()\r\n  } \r\n  finally {\r\n    loading.value = false;\r\n  }\r\n\r\n}\r\nconst publishPartHandle = async () => {\r\n \r\n  try {\r\n\r\n    publishLoading.value = true\r\n\r\n    await CmsPartForm.publish(curSelectPartItem.value.id,optionData.value);\r\n\r\n    showPublish.value = false;\r\n\r\n  } finally {\r\n    publishLoading.value = false\r\n  }\r\n}\r\n\r\n/**\r\n * 保存栏目信息\r\n */\r\nconst 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":[],"mappings":"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"}

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

@@ -20,10 +20,13 @@ import "@maketribe/utils";
 import "../../../../components/basic/upload-file/context/web-file-upload-context.js";
 import "../../../../components/basic/upload-file/context/web-file-upload-context-options.js";
 import "../../../../components/basic/upload-file/ui/upload-image/index.js";
+import "../../../../components/basic/upload-file/ui/upload-file/index.js";
+import "../../../../components/basic/upload-file/ui/upload-video/index.js";
 import "../../../../components/basic/upload-file/upload-file-options.js";
 import "../../../../components/basic/doc-editor/index.js";
 import "../../../../components/basic/copy-container/index.js";
 import "../../../../components/basic/image-cropper/index.js";
+import "../../../../components/basic/visual-page-editor/index.js";
 import "../../../../components/data-model/data-form/index.js";
 import "../../../../components/data-model/data-table/index.js";
 import "../../../../components/data-model/data-table-pagination/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-resource/index.vue"],"sourcesContent":["<template>\r\n  <MKPageContainer>\r\n    <MKResourceManager title=\"模版资产管理\" :resourceManager=\"resourceManager\">\r\n      <template #tools>\r\n        <ElButton type=\"primary\" @click=\"publishAssetsHandle\">发布资产</ElButton>\r\n        <ElButton type=\"primary\" @click=\"publishAllHandle\">全站发布</ElButton>\r\n      </template>\r\n    </MKResourceManager>\r\n  </MKPageContainer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { reactive } from \"vue\";\r\nimport { MKPageContainer } from \"../../../../components\";\r\nimport { MKResourceManager, ResourceManager } from \"../../../../components\";\r\nimport { CmsPartForm } from \"../../dataviews/cms-parts\";\r\n\r\n// 创建cms模版资源管理器\r\nconst resourceManager = reactive(new ResourceManager({ baseURL: \"/cms/template/resource\" })) as ResourceManager;\r\n\r\n// 资源发布\r\nconst publishAssetsHandle = async () => {\r\n\r\n  try {\r\n    resourceManager.loadingManager.startLoading();\r\n    CmsPartForm.publishAssets();\r\n  } \r\n  finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n//全站发布\r\n// 整站发布\r\nconst publishAllHandle = async () => {\r\n\r\n  \r\n\r\n  try {\r\n\r\n    resourceManager.loadingManager.startLoading();\r\n\r\n    await CmsPartForm.publishAll()\r\n\r\n\r\n  } finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBM,UAAA,kBAAkB,SAAS,IAAI,gBAAgB,EAAE,SAAS,yBAA0B,CAAA,CAAC;AAG3F,UAAM,sBAAsB,YAAY;AAElC,UAAA;AACF,wBAAgB,eAAe;AAC/B,oBAAY,cAAc;AAAA,MAAA,UAE5B;AACE,wBAAgB,eAAe;MACjC;AAAA,IAAA;AAIF,UAAM,mBAAmB,YAAY;AAI/B,UAAA;AAEF,wBAAgB,eAAe;AAE/B,cAAM,YAAY;MAAW,UAG7B;AACA,wBAAgB,eAAe;MACjC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-resource/index.vue"],"sourcesContent":["<template>\r\n  <MKPageContainer>\r\n    <MKResourceManager title=\"模版资产管理\" :resourceManager=\"resourceManager\">\r\n      <template #tools>\r\n        <ElButton type=\"primary\" @click=\"publishAssetsHandle\">发布资产</ElButton>\r\n        <ElButton type=\"primary\" @click=\"publishAllHandle\">全站发布</ElButton>\r\n      </template>\r\n    </MKResourceManager>\r\n  </MKPageContainer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { reactive } from \"vue\";\r\nimport { MKPageContainer } from \"../../../../components\";\r\nimport { MKResourceManager, ResourceManager } from \"../../../../components\";\r\nimport { CmsPartForm } from \"../../dataviews/cms-parts\";\r\n\r\n// 创建cms模版资源管理器\r\nconst resourceManager = reactive(new ResourceManager({ baseURL: \"/cms/template/resource\" })) as ResourceManager;\r\n\r\n// 资源发布\r\nconst publishAssetsHandle = async () => {\r\n\r\n  try {\r\n    resourceManager.loadingManager.startLoading();\r\n    CmsPartForm.publishAssets();\r\n  } \r\n  finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n//全站发布\r\n// 整站发布\r\nconst publishAllHandle = async () => {\r\n\r\n  \r\n\r\n  try {\r\n\r\n    resourceManager.loadingManager.startLoading();\r\n\r\n    await CmsPartForm.publishAll()\r\n\r\n\r\n  } finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBM,UAAA,kBAAkB,SAAS,IAAI,gBAAgB,EAAE,SAAS,yBAA0B,CAAA,CAAC;AAG3F,UAAM,sBAAsB,YAAY;AAElC,UAAA;AACF,wBAAgB,eAAe;AAC/B,oBAAY,cAAc;AAAA,MAAA,UAE5B;AACE,wBAAgB,eAAe;MACjC;AAAA,IAAA;AAIF,UAAM,mBAAmB,YAAY;AAI/B,UAAA;AAEF,wBAAgB,eAAe;AAE/B,cAAM,YAAY;MAAW,UAG7B;AACA,wBAAgB,eAAe;MACjC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, watch, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, unref } from "vue";
+import { defineComponent, ref, onMounted, watch, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, unref, createBlock, createCommentVNode } from "vue";
 import { useCmsSettings, CmsSettingsKEY } from "../../cms-settings.js";
 import "@maketribe/dm";
 import "element-plus";
@@ -55,8 +55,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_form = resolveComponent("el-form");
       const _component_el_tab_pane = resolveComponent("el-tab-pane");
       const _component_el_divider = resolveComponent("el-divider");
-      const _component_el_input = resolveComponent("el-input");
       const _component_el_switch = resolveComponent("el-switch");
+      const _component_el_input = resolveComponent("el-input");
       const _component_el_tabs = resolveComponent("el-tabs");
       const _directive_loading = resolveDirective("loading");
       return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
@@ -100,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_3, [
           createVNode(_component_el_tabs, {
             modelValue: activeTabName.value,
-            "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => activeTabName.value = $event),
+            "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => activeTabName.value = $event),
             class: "mk-cms-contents__body__right"
           }, {
             default: withCtx(() => [
@@ -156,6 +156,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
+                  createVNode(_component_el_form, {
+                    model: unref(CmsSettings),
+                    "label-width": "auto"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_form_item, { label: "开启栏目轮播图 : " }, {
+                        default: withCtx(() => [
+                          createVNode(_component_el_switch, {
+                            modelValue: unref(CmsSettings).part.openBanner,
+                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(CmsSettings).part.openBanner = $event)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      unref(CmsSettings).part.openBanner ? (openBlock(), createBlock(_component_el_form_item, {
+                        key: 0,
+                        label: "轮播图尺寸 : "
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_el_input, {
+                            modelValue: unref(CmsSettings).part.bannerImageSize,
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(CmsSettings).part.bannerImageSize = $event),
+                            placeholder: "",
+                            style: { "max-width": "200px" }
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      })) : createCommentVNode("", true)
+                    ]),
+                    _: 1
+                  }, 8, ["model"]),
                   createVNode(_component_el_form, {
                     model: unref(CmsSettings),
                     "label-width": "auto",
@@ -166,7 +197,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_input, {
                             modelValue: unref(CmsSettings).part.doc.css,
-                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(CmsSettings).part.doc.css = $event),
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(CmsSettings).part.doc.css = $event),
                             autosize: { minRows: 2, maxRows: 4 },
                             type: "textarea",
                             placeholder: "多个css url ， 号分割，逗号必须是英文逗号"
@@ -177,8 +208,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createVNode(_component_el_form_item, { label: "引入的Js : " }, {
                         default: withCtx(() => [
                           createVNode(_component_el_input, {
-                            modelValue: unref(CmsSettings).part.doc.css,
-                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(CmsSettings).part.doc.css = $event),
+                            modelValue: unref(CmsSettings).part.doc.js,
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(CmsSettings).part.doc.js = $event),
                             autosize: { minRows: 2, maxRows: 4 },
                             type: "textarea",
                             placeholder: "多个 js url ， 号分割，逗号必须是英文逗号"
@@ -206,7 +237,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_switch, {
                             modelValue: unref(CmsSettings).content.useTop,
-                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(CmsSettings).content.useTop = $event)
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(CmsSettings).content.useTop = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -215,7 +246,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_switch, {
                             modelValue: unref(CmsSettings).content.useNew,
-                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(CmsSettings).content.useNew = $event)
+                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(CmsSettings).content.useNew = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -224,7 +255,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_switch, {
                             modelValue: unref(CmsSettings).content.useHotRecommend,
-                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(CmsSettings).content.useHotRecommend = $event)
+                            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(CmsSettings).content.useHotRecommend = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -233,7 +264,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_switch, {
                             modelValue: unref(CmsSettings).content.usePartRecommend,
-                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(CmsSettings).content.usePartRecommend = $event)
+                            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(CmsSettings).content.usePartRecommend = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -242,7 +273,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_switch, {
                             modelValue: unref(CmsSettings).content.useTags,
-                            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(CmsSettings).content.useTags = $event)
+                            "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(CmsSettings).content.useTags = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -251,7 +282,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_switch, {
                             modelValue: unref(CmsSettings).content.useAtlas,
-                            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(CmsSettings).content.useAtlas = $event)
+                            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(CmsSettings).content.useAtlas = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
@@ -260,7 +291,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_input, {
                             modelValue: unref(CmsSettings).content.coverImageSize,
-                            "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(CmsSettings).content.coverImageSize = $event),
+                            "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(CmsSettings).content.coverImageSize = $event),
                             placeholder: "",
                             style: { "max-width": "200px" }
                           }, null, 8, ["modelValue"])
@@ -271,7 +302,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_input, {
                             modelValue: unref(CmsSettings).content.bannerImageSize,
-                            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(CmsSettings).content.bannerImageSize = $event),
+                            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => unref(CmsSettings).content.bannerImageSize = $event),
                             placeholder: "",
                             style: { "max-width": "200px" }
                           }, null, 8, ["modelValue"])
@@ -297,7 +328,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_el_input, {
                             modelValue: unref(CmsSettings).content.doc.css,
-                            "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(CmsSettings).content.doc.css = $event),
+                            "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => unref(CmsSettings).content.doc.css = $event),
                             autosize: { minRows: 2, maxRows: 4 },
                             type: "textarea",
                             placeholder: "多个css url ， 号分割，逗号必须是英文逗号"
@@ -308,8 +339,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createVNode(_component_el_form_item, { label: "引入的Js : " }, {
                         default: withCtx(() => [
                           createVNode(_component_el_input, {
-                            modelValue: unref(CmsSettings).content.doc.css,
-                            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => unref(CmsSettings).content.doc.css = $event),
+                            modelValue: unref(CmsSettings).content.doc.js,
+                            "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => unref(CmsSettings).content.doc.js = $event),
                             autosize: { minRows: 2, maxRows: 4 },
                             type: "textarea",
                             placeholder: "多个 js url ， 号分割，逗号必须是英文逗号"

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

@@ -1 +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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyHM,UAAA,cAAc,eAAe,IAAI;AAGjC,UAAA,gBAAgB,IAAI,SAAS;AAE7B,UAAA,UAAU,IAAI,KAAK;AACnB,UAAA,UAAU,IAAI,KAAK;AAGzB,UAAM,aAAa,YAAU;AAE3B,UAAG,QAAQ,OAAM;AACf,gBAAQ,QAAQ;AAChB,cAAM,cAAc,eAAe,gBAAe,KAAK,UAAU,WAAW,CAAC;AAC7E,gBAAQ,QAAQ;AAChB,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;AAIF,cAAU,YAAU;AAGlB,YAAM,OAAQ,MAAM,cAAc,eAA4B,cAAc;AAC5E,UAAG,MAAK;AAAS,eAAA,OAAO,aAAY,IAAI;AAAA,MAAE;AAC1C,iBAAW,MAAM;AACf,gBAAQ,QAAQ;AAAA,SACf,GAAG;AAEN,YAAM,aAAY,MAAI;AACpB,gBAAQ,QAAQ;AAAA,MAAA,GAChB,EAAE,MAAK,KAAA,CAAM;AAAA,IAAA,CAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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\">\r\n            <el-form-item label=\"开启栏目轮播图 : \">\r\n              <el-switch v-model=\"CmsSettings.part.openBanner\" />\r\n            </el-form-item>\r\n\r\n            <el-form-item v-if=\"CmsSettings.part.openBanner\" label=\"轮播图尺寸 : \">\r\n              <el-input v-model=\"CmsSettings.part.bannerImageSize\" placeholder=\"\" style=\"max-width: 200px;\" />\r\n            </el-form-item>\r\n          </el-form>\r\n          <el-form :model=\"CmsSettings\" label-width=\"auto\" label-position=\"top\">\r\n           \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.js\"\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.js\"\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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmIM,UAAA,cAAc,eAAe,IAAI;AAGjC,UAAA,gBAAgB,IAAI,SAAS;AAE7B,UAAA,UAAU,IAAI,KAAK;AACnB,UAAA,UAAU,IAAI,KAAK;AAGzB,UAAM,aAAa,YAAU;AAE3B,UAAG,QAAQ,OAAM;AACf,gBAAQ,QAAQ;AAChB,cAAM,cAAc,eAAe,gBAAe,KAAK,UAAU,WAAW,CAAC;AAC7E,gBAAQ,QAAQ;AAChB,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;AAIF,cAAU,YAAU;AAGlB,YAAM,OAAQ,MAAM,cAAc,eAA4B,cAAc;AAC5E,UAAG,MAAK;AAAS,eAAA,OAAO,aAAY,IAAI;AAAA,MAAE;AAC1C,iBAAW,MAAM;AACf,gBAAQ,QAAQ;AAAA,SACf,GAAG;AAEN,YAAM,aAAY,MAAI;AACpB,gBAAQ,QAAQ;AAAA,MAAA,GAChB,EAAE,MAAK,KAAA,CAAM;AAAA,IAAA,CAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/modules/ms/components/image-select/image-select-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-select-panel.js","sources":["../../../../../../src/modules/ms/components/image-select/image-select-panel.tsx"],"sourcesContent":["\nimport { unref,ref,reactive,defineComponent, computed } from 'vue'\nimport { \n  ElButton,ElTabs,ElTabPane,ElInput,ElImage,ElIcon\n} from \"element-plus\";\nimport { Share,UploadFilled,Picture } from \"@element-plus/icons-vue\";\nimport {  MsMaterialTable } from \"../../../../modules/ms/dataviews/ms-material\";\nimport { MKMaterialList } from \"../../../../modules/ms/components/material-list\";\nimport { fileSelect } from \"@maketribe/utils\";\n\n/**\n * 图片预览显示\n */\nconst ImageView = defineComponent({\n  props:[\"src\"],\n  setup(props,{ emit }){\n\n    return ()=>{\n\n      return <ElImage style=\"background: #dedede;width: 100%; height: 480px;margin-top:10px;padding：10px;box-sizing: border-box;\" src={unref(props.src)} fit=\"contain\" v-slots={{\n        error:()=>{\n          return <div style=\"\n              font-size: 50px;\n              display: flex;\n              align-content: center;\n              justify-content: center;\n              align-items: center;\n              height: 100%;\n          \">\n            <ElIcon><Picture /></ElIcon>\n          </div>\n        }\n      }}>\n      </ElImage>;\n    }\n  }\n})\n\n\nexport default defineComponent({\n  name: 'ImageSelectPanelComponent',\n  props:[\"modelValue\"],\n  setup(props,{ emit }){\n\n    const materialTable = reactive(new MsMaterialTable()) as MsMaterialTable;\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => {\n        emit(\"update:model-value\", v);\n      },\n    });\n    // 激活的tab\n    const activeTabName = ref(\"l\");\n    // 选择素材\n    materialTable.selectionChangeEvent.on(()=>{\n      let id = materialTable.getSelection()[0];\n      if(id){\n        modelValue.value = materialTable.getList().find(item=>item.id == id)?.path;\n      }\n      else{\n        modelValue.value = \"\";\n      }\n    })\n\n    // 选择本地图片\n    const selectLocalImage = async ()=>{\n\n      const file = await fileSelect({ accept:\"image/*\"});\n        \n      if (file) {\n\n        const fileRender = new FileReader();\n        fileRender.onload = async (data:any)=>{\n          modelValue.value = data.target.result as string;\n        }\n        fileRender.readAsDataURL(file)\n      }\n    }\n\n    return ()=>{\n\n      return <ElTabs style=\"min-height: 520px\" v-model={activeTabName.value}>\n      <ElTabPane label=\"本地选择\" name=\"l\">\n        <ElButton icon={UploadFilled} type=\"primary\" style=\"width: 100%\" onClick={selectLocalImage}>\n          选择本地文件\n        </ElButton>\n        <ImageView src={unref(modelValue)} />\n      </ElTabPane>\n      <ElTabPane label=\"素材库选择\" name=\"m\">\n       <MKMaterialList style={{height:\"520px\"}} selectable materialTable={materialTable} allowMaterialTypeValues={[1]} />\n      </ElTabPane>\n      <ElTabPane label=\"网络图片\" name=\"n\">\n        {/* <ElInput v-model={modelValue.value} prefix-icon={Share} style=\"width: 100%\" placeholder=\"请输入链接地址\">\n        </ElInput> */}\n        <ImageView src={unref(modelValue)} />\n      </ElTabPane>\n    </ElTabs>;\n    }\n  }\n})\n"],"names":["ImageView","defineComponent","props","setup","emit","_createVNode","ElImage","unref","src","error","ElIcon","default","Picture","name","materialTable","reactive","MsMaterialTable","modelValue","computed","get","set","v","activeTabName","ref","selectionChangeEvent","on","id","getSelection","value","getList","find","item","path","selectLocalImage","file","fileSelect","accept","fileRender","FileReader","onload","data","target","result","readAsDataURL","ElTabs","$event","ElTabPane","ElButton","UploadFilled","_createTextVNode","MKMaterialList","height"],"mappings":"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"}
+{"version":3,"file":"image-select-panel.js","sources":["../../../../../../src/modules/ms/components/image-select/image-select-panel.tsx"],"sourcesContent":["\r\nimport { unref,ref,reactive,defineComponent, computed } from 'vue'\r\nimport { \r\n  ElButton,ElTabs,ElTabPane,ElInput,ElImage,ElIcon\r\n} from \"element-plus\";\r\nimport { Share,UploadFilled,Picture } from \"@element-plus/icons-vue\";\r\nimport {  MsMaterialTable } from \"../../../../modules/ms/dataviews/ms-material\";\r\nimport { MKMaterialList } from \"../../../../modules/ms/components/material-list\";\r\nimport { fileSelect } from \"@maketribe/utils\";\r\n\r\n/**\r\n * 图片预览显示\r\n */\r\nconst ImageView = defineComponent({\r\n  props:[\"src\"],\r\n  setup(props,{ emit }){\r\n\r\n    return ()=>{\r\n\r\n      return <ElImage style=\"background: #dedede;width: 100%; height: 480px;margin-top:10px;padding：10px;box-sizing: border-box;\" src={unref(props.src)} fit=\"contain\" v-slots={{\r\n        error:()=>{\r\n          return <div style=\"\r\n              font-size: 50px;\r\n              display: flex;\r\n              align-content: center;\r\n              justify-content: center;\r\n              align-items: center;\r\n              height: 100%;\r\n          \">\r\n            <ElIcon><Picture /></ElIcon>\r\n          </div>\r\n        }\r\n      }}>\r\n      </ElImage>;\r\n    }\r\n  }\r\n})\r\n\r\n\r\nexport default defineComponent({\r\n  name: 'ImageSelectPanelComponent',\r\n  props:[\"modelValue\"],\r\n  setup(props,{ emit }){\r\n\r\n    const materialTable = reactive(new MsMaterialTable()) as MsMaterialTable;\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => {\r\n        emit(\"update:model-value\", v);\r\n      },\r\n    });\r\n    // 激活的tab\r\n    const activeTabName = ref(\"l\");\r\n    // 选择素材\r\n    materialTable.selectionChangeEvent.on(()=>{\r\n      let id = materialTable.getSelection()[0];\r\n      if(id){\r\n        modelValue.value = materialTable.getList().find(item=>item.id == id)?.path;\r\n      }\r\n      else{\r\n        modelValue.value = \"\";\r\n      }\r\n    })\r\n\r\n    // 选择本地图片\r\n    const selectLocalImage = async ()=>{\r\n\r\n      const file = await fileSelect({ accept:\"image/*\"});\r\n        \r\n      if (file) {\r\n\r\n        const fileRender = new FileReader();\r\n        fileRender.onload = async (data:any)=>{\r\n          modelValue.value = data.target.result as string;\r\n        }\r\n        fileRender.readAsDataURL(file)\r\n      }\r\n    }\r\n\r\n    return ()=>{\r\n\r\n      return <ElTabs style=\"min-height: 520px\" v-model={activeTabName.value}>\r\n      <ElTabPane label=\"本地选择\" name=\"l\">\r\n        <ElButton icon={UploadFilled} type=\"primary\" style=\"width: 100%\" onClick={selectLocalImage}>\r\n          选择本地文件\r\n        </ElButton>\r\n        <ImageView src={unref(modelValue)} />\r\n      </ElTabPane>\r\n      <ElTabPane label=\"素材库选择\" name=\"m\">\r\n       <MKMaterialList style={{height:\"520px\"}} selectable materialTable={materialTable} allowMaterialTypeValues={[1]} />\r\n      </ElTabPane>\r\n      <ElTabPane label=\"网络图片\" name=\"n\">\r\n        {/* <ElInput v-model={modelValue.value} prefix-icon={Share} style=\"width: 100%\" placeholder=\"请输入链接地址\">\r\n        </ElInput> */}\r\n        <ImageView src={unref(modelValue)} />\r\n      </ElTabPane>\r\n    </ElTabs>;\r\n    }\r\n  }\r\n})\r\n"],"names":["ImageView","defineComponent","props","setup","emit","_createVNode","ElImage","unref","src","error","ElIcon","default","Picture","name","materialTable","reactive","MsMaterialTable","modelValue","computed","get","set","v","activeTabName","ref","selectionChangeEvent","on","id","getSelection","value","getList","find","item","path","selectLocalImage","file","fileSelect","accept","fileRender","FileReader","onload","data","target","result","readAsDataURL","ElTabs","$event","ElTabPane","ElButton","UploadFilled","_createTextVNode","MKMaterialList","height"],"mappings":"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"}

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

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

package/dist/esm/modules/ms/components/material-list/components/file-view/file-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-view.js","sources":["../../../../../../../../src/modules/ms/components/material-list/components/file-view/file-view.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\nimport { ElButton, ElIcon } from \"element-plus\";\nimport { Document, Download } from \"@element-plus/icons-vue\";\nimport { fileViewProps } from \"./file-view-options\";\n\nexport default defineComponent({\n  name: \"MKFileView\",\n  props: fileViewProps,\n  setup(props) {\n    const handleDownloadClick = () => {\n      const a = document.createElement(\"a\");\n      a.setAttribute(\"download\", new Date().getTime().toString());\n      a.target = \"_blank\";\n      a.href = props.src;\n      Object.assign(a.style, { width: \"1px\", height: \"1px\" });\n\n      document.body.append(a);\n      a.click();\n\n      setTimeout(() => {\n        document.body.removeChild(a);\n      });\n    };\n\n    return () => (\n      <div class=\"mk-file-view\">\n        <ElIcon size=\"20\">\n          <Document />\n        </ElIcon>\n        <div class=\"mk-file-view__tools\">\n          <ElButton\n            type=\"primary\"\n            icon={Download}\n            onClick={handleDownloadClick}\n          />\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["defineComponent","name","props","fileViewProps","setup","handleDownloadClick","a","document","createElement","setAttribute","Date","getTime","toString","target","href","src","Object","assign","style","width","height","body","append","click","setTimeout","removeChild","_createVNode","ElIcon","default","Document","ElButton","Download"],"mappings":";;;;AAKA,MAAeA,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,sBAAsBA,MAAM;AAChC,YAAMC,IAAIC,SAASC,cAAc,GAAG;AACpCF,QAAEG,aAAa,aAAY,oBAAIC,KAAM,GAACC,QAAS,EAACC,SAAQ,CAAE;AAC1DN,QAAEO,SAAS;AACXP,QAAEQ,OAAOZ,MAAMa;AACfC,aAAOC,OAAOX,EAAEY,OAAO;AAAA,QAAEC,OAAO;AAAA,QAAOC,QAAQ;AAAA,MAAM,CAAC;AAEtDb,eAASc,KAAKC,OAAOhB,CAAC;AACtBA,QAAEiB,MAAK;AAEPC,iBAAW,MAAM;AACfjB,iBAASc,KAAKI,YAAYnB,CAAC;AAAA,MAC7B,CAAC;AAAA;AAGH,WAAO,MAAAoB,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,YAAAC,QAAA;AAAA,MAAA,QAAA;AAAA,IAAA,GAAA;AAAA,MAAAC,SAAAA,MAAAF,CAAAA,YAAAG,UAAA,MAAA,IAAA,CAAA;AAAA,IAAA,CAAA,GAAAH,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,YAAAI,UAAA;AAAA,MAAA,QAAA;AAAA,MAAA,QAQOC;AAAAA,MAAQ,WACL1B;AAAAA,OAIhB,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,EACH;AACF,CAAC;"}
+{"version":3,"file":"file-view.js","sources":["../../../../../../../../src/modules/ms/components/material-list/components/file-view/file-view.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\r\nimport { ElButton, ElIcon } from \"element-plus\";\r\nimport { Document, Download } from \"@element-plus/icons-vue\";\r\nimport { fileViewProps } from \"./file-view-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFileView\",\r\n  props: fileViewProps,\r\n  setup(props) {\r\n    const handleDownloadClick = () => {\r\n      const a = document.createElement(\"a\");\r\n      a.setAttribute(\"download\", new Date().getTime().toString());\r\n      a.target = \"_blank\";\r\n      a.href = props.src;\r\n      Object.assign(a.style, { width: \"1px\", height: \"1px\" });\r\n\r\n      document.body.append(a);\r\n      a.click();\r\n\r\n      setTimeout(() => {\r\n        document.body.removeChild(a);\r\n      });\r\n    };\r\n\r\n    return () => (\r\n      <div class=\"mk-file-view\">\r\n        <ElIcon size=\"20\">\r\n          <Document />\r\n        </ElIcon>\r\n        <div class=\"mk-file-view__tools\">\r\n          <ElButton\r\n            type=\"primary\"\r\n            icon={Download}\r\n            onClick={handleDownloadClick}\r\n          />\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","fileViewProps","setup","handleDownloadClick","a","document","createElement","setAttribute","Date","getTime","toString","target","href","src","Object","assign","style","width","height","body","append","click","setTimeout","removeChild","_createVNode","ElIcon","default","Document","ElButton","Download"],"mappings":";;;;AAKA,MAAeA,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,sBAAsBA,MAAM;AAChC,YAAMC,IAAIC,SAASC,cAAc,GAAG;AACpCF,QAAEG,aAAa,aAAY,oBAAIC,KAAM,GAACC,QAAS,EAACC,SAAQ,CAAE;AAC1DN,QAAEO,SAAS;AACXP,QAAEQ,OAAOZ,MAAMa;AACfC,aAAOC,OAAOX,EAAEY,OAAO;AAAA,QAAEC,OAAO;AAAA,QAAOC,QAAQ;AAAA,MAAM,CAAC;AAEtDb,eAASc,KAAKC,OAAOhB,CAAC;AACtBA,QAAEiB,MAAK;AAEPC,iBAAW,MAAM;AACfjB,iBAASc,KAAKI,YAAYnB,CAAC;AAAA,MAC7B,CAAC;AAAA;AAGH,WAAO,MAAAoB,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,YAAAC,QAAA;AAAA,MAAA,QAAA;AAAA,IAAA,GAAA;AAAA,MAAAC,SAAAA,MAAAF,CAAAA,YAAAG,UAAA,MAAA,IAAA,CAAA;AAAA,IAAA,CAAA,GAAAH,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,YAAAI,UAAA;AAAA,MAAA,QAAA;AAAA,MAAA,QAQOC;AAAAA,MAAQ,WACL1B;AAAAA,OAIhB,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,EACH;AACF,CAAC;"}

package/dist/esm/modules/ms/components/material-list/components/image-view/image-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-view.js","sources":["../../../../../../../../src/modules/ms/components/material-list/components/image-view/image-view.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElImage } from \"element-plus\";\nimport { imageViewProps } from \"./image-view-options\";\n\nexport default defineComponent({\n  name: \"MKImageView\",\n  inheritAttrs: false,\n  props: imageViewProps,\n  setup(props, { slots }) {\n    const showPreview = computed(() => props.showPreview);\n\n    const src = computed(() => props.src);\n\n    const previewSrcList = computed(() =>\n      unref(showPreview) && unref(src) ? [unref(src)!] : []\n    );\n\n    return () => (\n      <ElImage\n        class=\"mk-image-view\"\n        src={unref(src)}\n        v-slots={slots}\n        fit=\"cover\"\n        previewSrcList={unref(previewSrcList)}\n        preview-teleported\n        hide-on-click-modal\n      />\n    );\n  },\n});\n"],"names":["defineComponent","name","inheritAttrs","props","imageViewProps","setup","slots","showPreview","computed","src","previewSrcList","unref","_createVNode","ElImage"],"mappings":";;;AAIA,MAAeA,4CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,cAAcC,SAAS,MAAML,MAAMI,WAAW;AAEpD,UAAME,MAAMD,SAAS,MAAML,MAAMM,GAAG;AAEpC,UAAMC,iBAAiBF,SAAS,MAC9BG,MAAMJ,WAAW,KAAKI,MAAMF,GAAG,IAAI,CAACE,MAAMF,GAAG,CAAC,IAAK,CACrD,CAAA;AAEA,WAAO,MAAAG,YAAAC,SAAA;AAAA,MAAA,SAAA;AAAA,MAAA,OAGEF,MAAMF,GAAG;AAAA,MAAC,OAAA;AAAA,MAAA,kBAGCE,MAAMD,cAAc;AAAA,MAAC,sBAAA;AAAA,MAAA,uBAAA;AAAA,IAAA,GAF5BJ,KAAK;AAAA,EAOpB;AACF,CAAC;"}
+{"version":3,"file":"image-view.js","sources":["../../../../../../../../src/modules/ms/components/material-list/components/image-view/image-view.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElImage } from \"element-plus\";\r\nimport { imageViewProps } from \"./image-view-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKImageView\",\r\n  inheritAttrs: false,\r\n  props: imageViewProps,\r\n  setup(props, { slots }) {\r\n    const showPreview = computed(() => props.showPreview);\r\n\r\n    const src = computed(() => props.src);\r\n\r\n    const previewSrcList = computed(() =>\r\n      unref(showPreview) && unref(src) ? [unref(src)!] : []\r\n    );\r\n\r\n    return () => (\r\n      <ElImage\r\n        class=\"mk-image-view\"\r\n        src={unref(src)}\r\n        v-slots={slots}\r\n        fit=\"cover\"\r\n        previewSrcList={unref(previewSrcList)}\r\n        preview-teleported\r\n        hide-on-click-modal\r\n      />\r\n    );\r\n  },\r\n});\r\n"],"names":["defineComponent","name","inheritAttrs","props","imageViewProps","setup","slots","showPreview","computed","src","previewSrcList","unref","_createVNode","ElImage"],"mappings":";;;AAIA,MAAeA,4CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,cAAcC,SAAS,MAAML,MAAMI,WAAW;AAEpD,UAAME,MAAMD,SAAS,MAAML,MAAMM,GAAG;AAEpC,UAAMC,iBAAiBF,SAAS,MAC9BG,MAAMJ,WAAW,KAAKI,MAAMF,GAAG,IAAI,CAACE,MAAMF,GAAG,CAAC,IAAK,CACrD,CAAA;AAEA,WAAO,MAAAG,YAAAC,SAAA;AAAA,MAAA,SAAA;AAAA,MAAA,OAGEF,MAAMF,GAAG;AAAA,MAAC,OAAA;AAAA,MAAA,kBAGCE,MAAMD,cAAc;AAAA,MAAC,sBAAA;AAAA,MAAA,uBAAA;AAAA,IAAA,GAF5BJ,KAAK;AAAA,EAOpB;AACF,CAAC;"}

package/dist/esm/modules/ms/components/material-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/modules/ms/components/material-list/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport MaterialList from \"./material-list\";\n\nexport const MKMaterialList = withInstall(MaterialList);\nexport default MKMaterialList;\n\nexport * from \"./material-list-options\";\n"],"names":[],"mappings":";;;AAGa,MAAA,iBAAiB,YAAY,YAAY;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/modules/ms/components/material-list/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport MaterialList from \"./material-list\";\r\n\r\nexport const MKMaterialList = withInstall(MaterialList);\r\nexport default MKMaterialList;\r\n\r\nexport * from \"./material-list-options\";\r\n"],"names":[],"mappings":";;;AAGa,MAAA,iBAAiB,YAAY,YAAY;"}

package/dist/esm/modules/ms/components/material-list/material-group-form-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-group-form-popover.js","sources":["../../../../../../src/modules/ms/components/material-list/material-group-form-popover.tsx"],"sourcesContent":["import { defineComponent, reactive, computed, unref, ref } from \"vue\";\nimport { ElButton, ElPopover } from \"element-plus\";\nimport { MKDataForm, MKForm } from \"../../../../components/data-model\";\nimport { MsMaterialGroupForm, MsMaterialGroupTree } from \"../../dataviews/ms-material\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport default defineComponent({\n  name: \"MKMaterialFormPopover\",\n  props: buildProps({\n    materialGroupTree: {\n      type: MsMaterialGroupTree,\n      required: true,\n    },\n    materialGroupForm: {\n      type: MsMaterialGroupForm,\n      required: true,\n    },\n  } as const),\n  setup(props, { slots }) {\n    const visible = ref(false);\n\n    const loading = computed(() => props.materialGroupForm.loading);\n\n    const handleConfirmClick = async () => {\n      await props.materialGroupForm.simpleSubmit();\n\n      props.materialGroupTree.load();\n\n      visible.value = false;\n    };\n\n    const handleCancelClick = () => {\n      visible.value = false;\n    };\n\n    return () => {\n      return (\n        <ElPopover\n          visible={unref(visible)}\n          onUpdate:visible={(v: boolean) => (visible.value = v)}\n          title=\"添加素材分组\"\n          effect=\"light\"\n          placement=\"right\"\n          trigger=\"click\"\n          width=\"320\"\n          v-slots={{\n            reference: () => slots.default?.(),\n          }}\n        >\n          <div>\n            <MKDataForm data-form={props.materialGroupForm}>\n              <MKForm />\n            </MKDataForm>\n            <div class=\"mk-material-list__group-form-footer\">\n              <ElButton onClick={handleCancelClick}>取消</ElButton>\n              <ElButton\n                type=\"primary\"\n                loading={unref(loading)}\n                onClick={handleConfirmClick}\n              >\n                保存\n              </ElButton>\n            </div>\n          </div>\n        </ElPopover>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","buildProps","materialGroupTree","type","MsMaterialGroupTree","required","materialGroupForm","MsMaterialGroupForm","setup","slots","visible","ref","loading","computed","handleConfirmClick","simpleSubmit","load","value","handleCancelClick","_createVNode","ElPopover","unref","v","default","MKDataForm","MKForm","ElButton","_createTextVNode","reference"],"mappings":";;;;;;;;;;;;;;;;AAMA,MAAeA,2DAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,WAAW;AAAA,IAChBC,mBAAmB;AAAA,MACjBC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACX;AAAA,IACDC,mBAAmB;AAAA,MACjBH,MAAMI;AAAAA,MACNF,UAAU;AAAA,IACZ;AAAA,EACF,CAAU;AAAA,EACVG,MAAMR,OAAO;AAAA,IAAES;AAAAA,EAAM,GAAG;AACtB,UAAMC,UAAUC,IAAI,KAAK;AAEzB,UAAMC,UAAUC,SAAS,MAAMb,MAAMM,kBAAkBM,OAAO;AAE9D,UAAME,qBAAqB,YAAY;AACrC,YAAMd,MAAMM,kBAAkBS;AAE9Bf,YAAME,kBAAkBc;AAExBN,cAAQO,QAAQ;AAAA;AAGlB,UAAMC,oBAAoBA,MAAM;AAC9BR,cAAQO,QAAQ;AAAA;AAGlB,WAAO,MAAM;AACX,aAAAE,YAAAC,WAAA;AAAA,QAAA,WAEaC,MAAMX,OAAO;AAAA,QAAC,oBACJY,OAAgBZ,QAAQO,QAAQK;AAAAA,QAAE,SAAA;AAAA,QAAA,UAAA;AAAA,QAAA,aAAA;AAAA,QAAA,WAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA;AAAA,QAAAC,SAAAA,MAAA,CAAAJ,YAAAA,OAAAA,MAAAA,CAAAA,YAAAK,YAAA;AAAA,UAAA,aAW5BxB,MAAMM;AAAAA,QAAiB,GAAA;AAAA,UAAAiB,SAAAA,MAAAJ,CAAAA,YAAAM,QAAA,MAAA,IAAA,CAAA;AAAA,QAAA,CAAA,GAAAN,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAO,UAAA;AAAA,UAAA,WAIzBR;AAAAA,QAAiB,GAAA;AAAA,UAAAK,SAAAA,MAAA,CAAAI,gBAAA,IAAA,CAAA;AAAA,SAAAR,GAAAA,YAAAO,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WAGzBL,MAAMT,OAAO;AAAA,UAAC,WACdE;AAAAA,QAAkB,GAAA;AAAA,UAAAS,SAAAA,MAAA,CAAAI,gBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,QAZ/BC,WAAWA,MAAAA;;AAAMnB,6BAAMc,YAANd;AAAAA;AAAAA,MAAiB,CAAA;AAAA;EAqB5C;AACF,CAAC;"}
+{"version":3,"file":"material-group-form-popover.js","sources":["../../../../../../src/modules/ms/components/material-list/material-group-form-popover.tsx"],"sourcesContent":["import { defineComponent, reactive, computed, unref, ref } from \"vue\";\r\nimport { ElButton, ElPopover } from \"element-plus\";\r\nimport { MKDataForm, MKForm } from \"../../../../components/data-model\";\r\nimport { MsMaterialGroupForm, MsMaterialGroupTree } from \"../../dataviews/ms-material\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKMaterialFormPopover\",\r\n  props: buildProps({\r\n    materialGroupTree: {\r\n      type: MsMaterialGroupTree,\r\n      required: true,\r\n    },\r\n    materialGroupForm: {\r\n      type: MsMaterialGroupForm,\r\n      required: true,\r\n    },\r\n  } as const),\r\n  setup(props, { slots }) {\r\n    const visible = ref(false);\r\n\r\n    const loading = computed(() => props.materialGroupForm.loading);\r\n\r\n    const handleConfirmClick = async () => {\r\n      await props.materialGroupForm.simpleSubmit();\r\n\r\n      props.materialGroupTree.load();\r\n\r\n      visible.value = false;\r\n    };\r\n\r\n    const handleCancelClick = () => {\r\n      visible.value = false;\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <ElPopover\r\n          visible={unref(visible)}\r\n          onUpdate:visible={(v: boolean) => (visible.value = v)}\r\n          title=\"添加素材分组\"\r\n          effect=\"light\"\r\n          placement=\"right\"\r\n          trigger=\"click\"\r\n          width=\"320\"\r\n          v-slots={{\r\n            reference: () => slots.default?.(),\r\n          }}\r\n        >\r\n          <div>\r\n            <MKDataForm data-form={props.materialGroupForm}>\r\n              <MKForm />\r\n            </MKDataForm>\r\n            <div class=\"mk-material-list__group-form-footer\">\r\n              <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n              <ElButton\r\n                type=\"primary\"\r\n                loading={unref(loading)}\r\n                onClick={handleConfirmClick}\r\n              >\r\n                保存\r\n              </ElButton>\r\n            </div>\r\n          </div>\r\n        </ElPopover>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","buildProps","materialGroupTree","type","MsMaterialGroupTree","required","materialGroupForm","MsMaterialGroupForm","setup","slots","visible","ref","loading","computed","handleConfirmClick","simpleSubmit","load","value","handleCancelClick","_createVNode","ElPopover","unref","v","default","MKDataForm","MKForm","ElButton","_createTextVNode","reference"],"mappings":";;;;;;;;;;;;;;;;AAMA,MAAeA,2DAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,WAAW;AAAA,IAChBC,mBAAmB;AAAA,MACjBC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACX;AAAA,IACDC,mBAAmB;AAAA,MACjBH,MAAMI;AAAAA,MACNF,UAAU;AAAA,IACZ;AAAA,EACF,CAAU;AAAA,EACVG,MAAMR,OAAO;AAAA,IAAES;AAAAA,EAAM,GAAG;AACtB,UAAMC,UAAUC,IAAI,KAAK;AAEzB,UAAMC,UAAUC,SAAS,MAAMb,MAAMM,kBAAkBM,OAAO;AAE9D,UAAME,qBAAqB,YAAY;AACrC,YAAMd,MAAMM,kBAAkBS;AAE9Bf,YAAME,kBAAkBc;AAExBN,cAAQO,QAAQ;AAAA;AAGlB,UAAMC,oBAAoBA,MAAM;AAC9BR,cAAQO,QAAQ;AAAA;AAGlB,WAAO,MAAM;AACX,aAAAE,YAAAC,WAAA;AAAA,QAAA,WAEaC,MAAMX,OAAO;AAAA,QAAC,oBACJY,OAAgBZ,QAAQO,QAAQK;AAAAA,QAAE,SAAA;AAAA,QAAA,UAAA;AAAA,QAAA,aAAA;AAAA,QAAA,WAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA;AAAA,QAAAC,SAAAA,MAAA,CAAAJ,YAAAA,OAAAA,MAAAA,CAAAA,YAAAK,YAAA;AAAA,UAAA,aAW5BxB,MAAMM;AAAAA,QAAiB,GAAA;AAAA,UAAAiB,SAAAA,MAAAJ,CAAAA,YAAAM,QAAA,MAAA,IAAA,CAAA;AAAA,QAAA,CAAA,GAAAN,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAO,UAAA;AAAA,UAAA,WAIzBR;AAAAA,QAAiB,GAAA;AAAA,UAAAK,SAAAA,MAAA,CAAAI,gBAAA,IAAA,CAAA;AAAA,SAAAR,GAAAA,YAAAO,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WAGzBL,MAAMT,OAAO;AAAA,UAAC,WACdE;AAAAA,QAAkB,GAAA;AAAA,UAAAS,SAAAA,MAAA,CAAAI,gBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,QAZ/BC,WAAWA,MAAAA;;AAAMnB,6BAAMc,YAANd;AAAAA;AAAAA,MAAiB,CAAA;AAAA;EAqB5C;AACF,CAAC;"}