@maketribe/ms-app 3.2.6 → 3.2.8

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, onMounted, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, unref, createBlock, createCommentVNode } from "vue";
+import { defineComponent, ref, reactive, onMounted, watch, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, unref, createBlock, Fragment, createCommentVNode, resolveDynamicComponent } from "vue";
 import { MKPartTree } from "../../components/part-tree/index.js";
 import _sfc_main$1 from "./components/article-list.vue.js";
 import _sfc_main$2 from "./components/part-info.vue.js";
@@ -53,6 +53,7 @@ import { CmsPartTypesTable } from "../../dataviews/cms-part-types/CmsPartTypesTa
 import { CmsPartForm } from "../../dataviews/cms-parts/CmsPartForm.js";
 import { CmsContentManPartForm } from "../../dataviews/cms-parts/CmsContentManPartForm.js";
 import { useRoute, useRouter } from "vue-router";
+import { usePartExtension } from "../../composables/part-extensions.js";
 const _hoisted_1 = { class: "mk-cms-contents__warp" };
 const _hoisted_2 = { style: { "color": "var(--el-text-color-regular)", "margin-left": "10px" } };
 const _hoisted_3 = { class: "flex items-center" };
@@ -79,25 +80,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const showPublish = ref(false);
     const optionData = ref({
-      isPublishList: true,
-      isPublishCover: true,
-      isPublishContent: true,
-      isPublishAssets: true,
-      isCompulsion: false
+      isPublishList: false,
+      isPublishCover: false,
+      isPublishContent: false,
+      isPublishAssets: false,
+      isCompulsion: true
     });
     const btnLoading = ref(false);
     const activeTabName = ref("article-list");
     const curSelectPartItem = ref(null);
     const partTreeRef = ref(null);
+    const partExt = ref();
     const partDataForm = reactive(new CmsContentManPartForm());
     onMounted(() => {
       partDataForm.init();
     });
-    const selectPartHandle = (item) => {
+    const selectPartHandle = async (item) => {
       if (curSelectPartItem.value != item) {
         curSelectPartItem.value = item;
-        partDataForm.editRecord(curSelectPartItem.value.id);
+        console.warn(`🚀 ~ file: index.vue:169 ~ curSelectPartItem.value:`, curSelectPartItem.value);
+        if (!curSelectPartItem.value.contentTemplate) {
+          activeTabName.value = "part";
+        }
         router.replace({ name: "cms/contents", query: { pid: curSelectPartItem.value.id } });
+        partExt.value = usePartExtension(curSelectPartItem.value.id);
       }
     };
     const deletePartHandle = (item) => {
@@ -148,6 +154,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         partForm.addRecord({ parentId: item.id });
       }
     };
+    watch(activeTabName, async () => {
+      if (activeTabName.value == "part") {
+        curSelectPartItem.value = (await partDataForm.editRecord(curSelectPartItem.value.id)).data.data;
+      }
+    });
     partForm.submittedEvent.on(() => {
       var _a;
       (_a = partTreeRef.value.dataTree) == null ? void 0 : _a.load();
@@ -199,9 +210,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const savePartHandle = async () => {
-      var _a;
+      curSelectPartItem.value = partDataForm.data;
       await partDataForm.submit();
-      await ((_a = partTreeRef.value.dataTree) == null ? void 0 : _a.load());
     };
     const EditorChangeHandle = (v) => {
       partDataForm.data.content = v;
@@ -288,33 +298,52 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           curSelectPartItem.value ? (openBlock(), createBlock(_component_el_tabs, {
             key: 0,
             modelValue: activeTabName.value,
-            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => activeTabName.value = $event),
+            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => activeTabName.value = $event),
             class: "mk-cms-contents__body__right"
           }, {
             default: withCtx(() => [
               createElementVNode("div", _hoisted_5, [
-                activeTabName.value != "article-list" ? (openBlock(), createBlock(_component_el_button, {
-                  key: 0,
-                  type: "primary",
-                  text: "",
-                  onClick: _cache[0] || (_cache[0] = ($event) => savePartHandle()),
-                  disabled: !(partDataForm == null ? void 0 : partDataForm.isChanged)
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_MKSvgIcon, {
-                      iconClass: "save",
-                      style: { "margin-right": "5px" }
-                    }),
-                    createTextVNode(" 栏目保存 ")
-                  ]),
-                  _: 1
-                }, 8, ["disabled"])) : createCommentVNode("", true),
+                partExt.value && activeTabName.value == "part-ext" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  partExt.value.save ? (openBlock(), createBlock(_component_el_button, {
+                    key: 0,
+                    type: "primary",
+                    text: "",
+                    onClick: _cache[0] || (_cache[0] = ($event) => partExt.value.save())
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_MKSvgIcon, {
+                        iconClass: "save",
+                        style: { "margin-right": "5px" }
+                      }),
+                      createTextVNode(" 保存 ")
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true)
+                ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  activeTabName.value != "article-list" ? (openBlock(), createBlock(_component_el_button, {
+                    key: 0,
+                    type: "primary",
+                    text: "",
+                    onClick: _cache[1] || (_cache[1] = ($event) => savePartHandle()),
+                    disabled: !(partDataForm == null ? void 0 : partDataForm.isChanged)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_MKSvgIcon, {
+                        iconClass: "save",
+                        style: { "margin-right": "5px" }
+                      }),
+                      createTextVNode(" 保存 ")
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])) : createCommentVNode("", true)
+                ], 64)),
                 createVNode(_component_el_dropdown, null, {
                   dropdown: withCtx(() => [
-                    curSelectPartItem.value.coverTemplate ? (openBlock(), createBlock(_component_el_dropdown_menu, { key: 0 }, {
+                    createVNode(_component_el_dropdown_menu, null, {
                       default: withCtx(() => [
-                        createVNode(_component_el_dropdown_item, {
-                          onClick: _cache[1] || (_cache[1] = ($event) => previewHandle())
+                        curSelectPartItem.value.coverTemplate ? (openBlock(), createBlock(_component_el_dropdown_item, {
+                          key: 0,
+                          onClick: _cache[2] || (_cache[2] = ($event) => previewHandle())
                         }, {
                           default: withCtx(() => [
                             createVNode(_component_MKSvgIcon, {
@@ -324,10 +353,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             createTextVNode(" 预览封面 ")
                           ]),
                           _: 1
-                        }),
+                        })) : createCommentVNode("", true),
                         curSelectPartItem.value.listTemplate ? (openBlock(), createBlock(_component_el_dropdown_item, {
-                          key: 0,
-                          onClick: _cache[2] || (_cache[2] = ($event) => previewHandle(true))
+                          key: 1,
+                          onClick: _cache[3] || (_cache[3] = ($event) => previewHandle(true))
                         }, {
                           default: withCtx(() => [
                             createVNode(_component_MKSvgIcon, {
@@ -339,7 +368,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           _: 1
                         })) : createCommentVNode("", true),
                         createVNode(_component_el_dropdown_item, {
-                          onClick: _cache[3] || (_cache[3] = ($event) => showPublish.value = true)
+                          onClick: _cache[4] || (_cache[4] = ($event) => showPublish.value = true)
                         }, {
                           default: withCtx(() => [
                             createVNode(_component_MKSvgIcon, {
@@ -352,7 +381,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         })
                       ]),
                       _: 1
-                    })) : createCommentVNode("", true)
+                    })
                   ]),
                   default: withCtx(() => [
                     createElementVNode("span", _hoisted_6, [
@@ -370,7 +399,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 1
                 })
               ]),
-              createVNode(_component_el_tab_pane, {
+              curSelectPartItem.value.contentTemplate ? (openBlock(), createBlock(_component_el_tab_pane, {
+                key: 0,
                 label: "文章列表",
                 name: "article-list"
               }, {
@@ -381,9 +411,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, null, 8, ["part"])) : createCommentVNode("", true)
                 ]),
                 _: 1
-              }),
+              })) : createCommentVNode("", true),
               withDirectives((openBlock(), createBlock(_component_el_tab_pane, {
-                label: "栏目信息",
+                label: "栏目设置",
                 name: "part"
               }, {
                 default: withCtx(() => [
@@ -399,8 +429,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 [_directive_loading, partDataForm.loading]
               ]),
               curSelectPartItem.value.cmsPartTypeId != 1 ? withDirectives((openBlock(), createBlock(_component_el_tab_pane, {
-                key: 0,
-                label: "栏目内容",
+                key: 1,
+                label: "页面内容",
                 name: "part-content",
                 style: { "background-color": "#f4f4f4" }
               }, {
@@ -418,7 +448,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               })), [
                 [_directive_loading, partDataForm.loading]
-              ]) : createCommentVNode("", true)
+              ]) : createCommentVNode("", true),
+              partExt.value ? (openBlock(), createBlock(_component_el_tab_pane, {
+                key: 2,
+                label: "页面扩展设置",
+                name: "part-ext"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(partExt.value.component)))
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["modelValue"])) : (openBlock(), createBlock(_component_el_empty, {
@@ -429,14 +469,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         createVNode(_component_el_dialog, {
           modelValue: showPublish.value,
-          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => showPublish.value = $event),
+          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => showPublish.value = $event),
           title: "栏目发布",
           width: "475px",
           "append-to-body": false
         }, {
           footer: withCtx(() => [
             createVNode(_component_el_button, {
-              onClick: _cache[10] || (_cache[10] = ($event) => showPublish.value = false)
+              onClick: _cache[11] || (_cache[11] = ($event) => showPublish.value = false)
             }, {
               default: withCtx(() => [
                 createTextVNode("取消")
@@ -461,31 +501,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createTextVNode(),
                 createVNode(unref(ElSwitch), {
                   modelValue: optionData.value.isPublishList,
-                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => optionData.value.isPublishList = $event)
-                }, null, 8, ["modelValue"])
+                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => optionData.value.isPublishList = $event),
+                  disabled: !curSelectPartItem.value.listTemplate
+                }, null, 8, ["modelValue", "disabled"])
               ]),
               createElementVNode("div", null, [
                 _hoisted_9,
                 createTextVNode(),
                 createVNode(unref(ElSwitch), {
                   modelValue: optionData.value.isPublishCover,
-                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => optionData.value.isPublishCover = $event)
-                }, null, 8, ["modelValue"])
+                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => optionData.value.isPublishCover = $event),
+                  disabled: !curSelectPartItem.value.coverTemplate
+                }, null, 8, ["modelValue", "disabled"])
               ]),
               createElementVNode("div", null, [
                 _hoisted_10,
                 createTextVNode(),
                 createVNode(unref(ElSwitch), {
                   modelValue: optionData.value.isPublishContent,
-                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => optionData.value.isPublishContent = $event)
-                }, null, 8, ["modelValue"])
+                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => optionData.value.isPublishContent = $event),
+                  disabled: !curSelectPartItem.value.contentTemplate
+                }, null, 8, ["modelValue", "disabled"])
               ]),
               createElementVNode("div", null, [
                 _hoisted_11,
                 createTextVNode(),
                 createVNode(unref(ElSwitch), {
                   modelValue: optionData.value.isPublishAssets,
-                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => optionData.value.isPublishAssets = $event)
+                  "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => optionData.value.isPublishAssets = $event)
                 }, null, 8, ["modelValue"])
               ]),
               createElementVNode("div", null, [
@@ -493,7 +536,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createTextVNode(),
                 createVNode(unref(ElSwitch), {
                   modelValue: optionData.value.isCompulsion,
-                  "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => optionData.value.isCompulsion = $event)
+                  "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => optionData.value.isCompulsion = $event)
                 }, null, 8, ["modelValue"])
               ])
             ])

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

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

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

@@ -64,6 +64,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         resourceManager.loadingManager.completeLoading();
       }
     };
+    const publishAllHandle = async () => {
+      var _a;
+      const httpRequest = (_a = MSAppClient.instance) == null ? void 0 : _a.httpRequest;
+      try {
+        const isConfirm = await Dialoger.confirm({ title: "全量发布", message: "是否整站全量发布？", type: "warning" });
+        if (!isConfirm) {
+          return;
+        }
+        resourceManager.loadingManager.startLoading();
+        const response = await httpRequest.post(
+          `/cms/content/publish/all`
+        );
+        if (response.data.code !== 200) {
+          Messager.error({ message: response.data.msg });
+          return;
+        }
+        Messager.success({ message: "发布成功" });
+      } finally {
+        resourceManager.loadingManager.completeLoading();
+      }
+    };
     return (_ctx, _cache) => {
       const _component_ElButton = resolveComponent("ElButton");
       return openBlock(), createBlock(unref(MKPageContainer), null, {
@@ -78,6 +99,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createTextVNode("发布资产")
                 ]),
                 _: 1
+              }),
+              createVNode(_component_ElButton, {
+                type: "primary",
+                onClick: publishAllHandle
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("全站发布")
+                ]),
+                _: 1
               })
             ]),
             _: 1

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-resource/index.vue"],"sourcesContent":["<template>\r\n  <MKPageContainer>\r\n    <MKResourceManager :resourceManager=\"resourceManager\">\r\n      <template #tools>\r\n        <ElButton type=\"primary\" @click=\"publishAssetsHandle\">发布资产</ElButton>\r\n      </template>\r\n    </MKResourceManager>\r\n  </MKPageContainer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { reactive } from \"vue\";\r\nimport { MSAppClient } from \"../../../../core\";\r\nimport { MKPageContainer } from \"../../../../components\";\r\nimport { MKResourceManager, ResourceManager } from \"../../../../components\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\n\r\nconst resourceManager = reactive(\r\n  new ResourceManager({ baseURL: \"/cms\" })\r\n) as ResourceManager;\r\n\r\n// 资源发布\r\nconst publishAssetsHandle =  async () => {\r\n  const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n  try {\r\n    const isConfirm = await Dialoger.confirm({\r\n      title: \"发布资源\",\r\n      message: \"是否发布资源？\",\r\n      type: \"warning\",\r\n    });\r\n\r\n    if (!isConfirm) {\r\n      return;\r\n    }\r\n\r\n    resourceManager.loadingManager.startLoading();\r\n\r\n    const response = await httpRequest.post(\r\n      `${resourceManager.baseURL}/content/publish/assets`\r\n    );\r\n\r\n    if (response.data.code !== 200) {\r\n      Messager.error({ message: response.data.msg });\r\n      return;\r\n    }\r\n\r\n    Messager.success({ message: \"发布成功\" });\r\n  } finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,UAAM,kBAAkB;AAAA,MACtB,IAAI,gBAAgB,EAAE,SAAS,QAAQ;AAAA,IAAA;AAIzC,UAAM,sBAAuB,YAAY;AACjC,YAAA,cAAc,YAAY,SAAU;AAEtC,UAAA;AACI,cAAA,YAAY,MAAM,SAAS,QAAQ;AAAA,UACvC,OAAO;AAAA,UACP,SAAS;AAAA,UACT,MAAM;AAAA,QAAA,CACP;AAED,YAAI,CAAC,WAAW;AACd;AAAA,QACF;AAEA,wBAAgB,eAAe;AAEzB,cAAA,WAAW,MAAM,YAAY;AAAA,UACjC,GAAG,gBAAgB,OAAO;AAAA,QAAA;AAGxB,YAAA,SAAS,KAAK,SAAS,KAAK;AAC9B,mBAAS,MAAM,EAAE,SAAS,SAAS,KAAK,KAAK;AAC7C;AAAA,QACF;AAEA,iBAAS,QAAQ,EAAE,SAAS,OAAQ,CAAA;AAAA,MAAA,UACpC;AACA,wBAAgB,eAAe;MACjC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-resource/index.vue"],"sourcesContent":["<template>\r\n  <MKPageContainer>\r\n    <MKResourceManager :resourceManager=\"resourceManager\">\r\n      <template #tools>\r\n        <ElButton type=\"primary\" @click=\"publishAssetsHandle\">发布资产</ElButton>\r\n        <ElButton type=\"primary\" @click=\"publishAllHandle\">全站发布</ElButton>\r\n      </template>\r\n    </MKResourceManager>\r\n  </MKPageContainer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { reactive } from \"vue\";\r\nimport { MSAppClient } from \"../../../../core\";\r\nimport { MKPageContainer } from \"../../../../components\";\r\nimport { MKResourceManager, ResourceManager } from \"../../../../components\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\n\r\nconst resourceManager = reactive(\r\n  new ResourceManager({ baseURL: \"/cms\" })\r\n) as ResourceManager;\r\n\r\n// 资源发布\r\nconst publishAssetsHandle = async () => {\r\n  const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n  try {\r\n    const isConfirm = await Dialoger.confirm({\r\n      title: \"发布资源\",\r\n      message: \"是否发布资源？\",\r\n      type: \"warning\",\r\n    });\r\n\r\n    if (!isConfirm) {\r\n      return;\r\n    }\r\n\r\n    resourceManager.loadingManager.startLoading();\r\n\r\n    const response = await httpRequest.post(\r\n      `${resourceManager.baseURL}/content/publish/assets`\r\n    );\r\n\r\n    if (response.data.code !== 200) {\r\n      Messager.error({ message: response.data.msg });\r\n      return;\r\n    }\r\n\r\n    Messager.success({ message: \"发布成功\" });\r\n  } finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n//全站发布\r\n// 整站发布\r\nconst publishAllHandle = async () => {\r\n\r\n  const httpRequest = MSAppClient.instance?.httpRequest!;\r\n\r\n  try {\r\n    const isConfirm = await Dialoger.confirm({ title: \"全量发布\", message: \"是否整站全量发布？\", type: \"warning\" })\r\n\r\n    if (!isConfirm) {\r\n      return;\r\n    }\r\n    resourceManager.loadingManager.startLoading();\r\n\r\n\r\n    const response = await httpRequest.post(\r\n      `/cms/content/publish/all`\r\n    );\r\n\r\n    if (response.data.code !== 200) {\r\n      Messager.error({ message: response.data.msg });\r\n      return;\r\n    }\r\n\r\n    Messager.success({ message: \"发布成功\" });\r\n\r\n  } finally {\r\n    resourceManager.loadingManager.completeLoading();\r\n  }\r\n}\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAM,kBAAkB;AAAA,MACtB,IAAI,gBAAgB,EAAE,SAAS,QAAQ;AAAA,IAAA;AAIzC,UAAM,sBAAsB,YAAY;AAChC,YAAA,cAAc,YAAY,SAAU;AAEtC,UAAA;AACI,cAAA,YAAY,MAAM,SAAS,QAAQ;AAAA,UACvC,OAAO;AAAA,UACP,SAAS;AAAA,UACT,MAAM;AAAA,QAAA,CACP;AAED,YAAI,CAAC,WAAW;AACd;AAAA,QACF;AAEA,wBAAgB,eAAe;AAEzB,cAAA,WAAW,MAAM,YAAY;AAAA,UACjC,GAAG,gBAAgB,OAAO;AAAA,QAAA;AAGxB,YAAA,SAAS,KAAK,SAAS,KAAK;AAC9B,mBAAS,MAAM,EAAE,SAAS,SAAS,KAAK,KAAK;AAC7C;AAAA,QACF;AAEA,iBAAS,QAAQ,EAAE,SAAS,OAAQ,CAAA;AAAA,MAAA,UACpC;AACA,wBAAgB,eAAe;MACjC;AAAA,IAAA;AAIF,UAAM,mBAAmB,YAAY;;AAE7B,YAAA,eAAc,iBAAY,aAAZ,mBAAsB;AAEtC,UAAA;AACI,cAAA,YAAY,MAAM,SAAS,QAAQ,EAAE,OAAO,QAAQ,SAAS,aAAa,MAAM,UAAW,CAAA;AAEjG,YAAI,CAAC,WAAW;AACd;AAAA,QACF;AACA,wBAAgB,eAAe;AAGzB,cAAA,WAAW,MAAM,YAAY;AAAA,UACjC;AAAA,QAAA;AAGE,YAAA,SAAS,KAAK,SAAS,KAAK;AAC9B,mBAAS,MAAM,EAAE,SAAS,SAAS,KAAK,KAAK;AAC7C;AAAA,QACF;AAEA,iBAAS,QAAQ,EAAE,SAAS,OAAQ,CAAA;AAAA,MAAA,UAEpC;AACA,wBAAgB,eAAe;MACjC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"material-group.js","sources":["../../../../../../src/modules/ms/components/material-list/material-group.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  nextTick,\n  onBeforeUnmount,\n  reactive,\n  ref,\n  Ref,\n  unref,\n} from \"vue\";\nimport {\n  ElButton,\n  ElIcon,\n  ElMessage,\n  ElMessageBox,\n  ElScrollbar,\n  ElTooltip,\n} from \"element-plus\";\nimport { Plus, Edit, Delete } from \"@element-plus/icons-vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport {\n  MsMaterialGroupForm,\n  MsMaterialGroupNode,\n  MsMaterialGroupTree,\n} from \"../../dataviews/ms-material\";\nimport { MKDataTable, MKTree } from \"../../../../components/data-model\";\nimport MaterialGroupFormPopover from \"./material-group-form-popover\";\nimport { I18n } from \"@maketribe/locale\";\n\nexport default defineComponent({\n  name: \"MKMaterialGroup\",\n  props: buildProps({\n    materialGroupTree: {\n      type: MsMaterialGroupTree,\n      required: true,\n    },\n  } as const),\n  setup(props) {\n    const treeRef: Ref<typeof MKTree | null> = ref(null);\n\n    const materialGroupForm = reactive(\n      new MsMaterialGroupForm()\n    ) as MsMaterialGroupForm;\n\n    const materialGroupTree = computed(() => props.materialGroupTree);\n\n    const loading = computed(() => unref(materialGroupTree).loading);\n\n    onBeforeUnmount(() => {\n      materialGroupForm.dispose();\n    });\n\n    const handleAddClick = async (parent?: MsMaterialGroupNode) => {\n      materialGroupForm.addRecord();\n\n      await nextTick();\n\n      materialGroupForm.setData({\n        ...materialGroupForm.data,\n        parentGroupId: parent?.id || null,\n      } as MsMaterialGroupNode);\n    };\n\n    const handleEditClick = (item: MsMaterialGroupNode) => {\n      materialGroupForm.editRecord(item);\n    };\n\n    const handleDeleteClick = async (item: MsMaterialGroupNode) => {\n      const isConfirm = await ElMessageBox.confirm(\n        I18n.instance.translate(\"mk.dataTablePage.deleteMessage\"),\n        I18n.instance.translate(\"mk.dataTablePage.deleteTitle\"),\n        { type: \"warning\" }\n      ).then(\n        () => true,\n        () => false\n      );\n\n      if (!isConfirm) {\n        return;\n      }\n\n      const result = await unref(materialGroupTree).deleteAfterRefresh(item);\n\n      if (result.data.code !== 200) {\n        ElMessage.error(result.data.msg);\n        return;\n      }\n    };\n\n    return () => {\n      return (\n        <div class=\"mk-material-group\" v-loading={unref(loading)}>\n          <div class=\"mk-material-group__header\">\n            <div class=\"mk-material-group__header-title\">素材分组</div>\n            <MaterialGroupFormPopover\n              materialGroupTree={unref(materialGroupTree)}\n              materialGroupForm={materialGroupForm}\n            >\n              <ElButton\n                onClick={() => handleAddClick()}\n                icon={Plus}\n                size=\"small\"\n                type=\"primary\"\n              />\n            </MaterialGroupFormPopover>\n          </div>\n\n          <div class=\"mk-material-group__main\">\n            <ElScrollbar height=\"100%\">\n              <MKDataTable\n                dataTable={unref(materialGroupTree)}\n                highlight-current\n              >\n                <MKTree\n                  dataTree={unref(materialGroupTree)}\n                  allowSelectContainer={false}\n                  ref={((el: any) => (treeRef.value = el)) as any}\n                  v-slots={{\n                    \"node-tools\": ({ data }: any) => {\n                      return (\n                        <div\n                          class=\"mk-material-group__tools\"\n                          onClick={(e) => {\n                            e.preventDefault();\n                          }}\n                        >\n                          <ElTooltip content=\"添加\">\n                            <span class=\"mk-material-group__tools-item\">\n                              <MaterialGroupFormPopover\n                                materialGroupTree={unref(materialGroupTree)}\n                                materialGroupForm={materialGroupForm}\n                              >\n                                <span\n                                  onClick={(e) => handleAddClick(data.data)}\n                                >\n                                  <ElIcon>\n                                    <Plus />\n                                  </ElIcon>\n                                </span>\n                              </MaterialGroupFormPopover>\n                            </span>\n                          </ElTooltip>\n                          <ElTooltip content=\"编辑\">\n                            <span class=\"mk-material-group__tools-item\">\n                              <MaterialGroupFormPopover\n                                materialGroupTree={unref(materialGroupTree)}\n                                materialGroupForm={materialGroupForm}\n                              >\n                                <span\n                                  onClick={(e) => handleEditClick(data.data)}\n                                >\n                                  <ElIcon>\n                                    <Edit />\n                                  </ElIcon>\n                                </span>\n                              </MaterialGroupFormPopover>\n                            </span>\n                          </ElTooltip>\n                          <ElTooltip content=\"删除\">\n                            <span class=\"mk-material-group__tools-item\">\n                              <span\n                                onClick={() => handleDeleteClick(data.data)}\n                              >\n                                <ElIcon>\n                                  <Delete />\n                                </ElIcon>\n                              </span>\n                            </span>\n                          </ElTooltip>\n                        </div>\n                      );\n                    },\n                  }}\n                />\n              </MKDataTable>\n            </ElScrollbar>\n          </div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","buildProps","materialGroupTree","type","MsMaterialGroupTree","required","setup","treeRef","ref","materialGroupForm","reactive","MsMaterialGroupForm","computed","loading","unref","onBeforeUnmount","dispose","handleAddClick","parent","addRecord","nextTick","setData","data","parentGroupId","id","handleEditClick","item","editRecord","handleDeleteClick","isConfirm","ElMessageBox","confirm","I18n","instance","translate","then","result","deleteAfterRefresh","code","ElMessage","error","msg","_withDirectives","_createVNode","_createTextVNode","MaterialGroupFormPopover","default","ElButton","onClick","Plus","ElScrollbar","MKDataTable","MKTree","el","value","node-tools","e","preventDefault","ElTooltip","ElIcon","Edit","Delete","_resolveDirective"],"mappings":";;;;;;;;;;;;;;;;AA6BA,MAAeA,gDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,WAAW;AAAA,IAChBC,mBAAmB;AAAA,MACjBC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACZ;AAAA,EACF,CAAU;AAAA,EACVC,MAAMN,OAAO;AACX,UAAMO,UAAqCC,IAAI,IAAI;AAEnD,UAAMC,oBAAoBC,SACxB,IAAIC,oBACN,CAAA;AAEA,UAAMT,oBAAoBU,SAAS,MAAMZ,MAAME,iBAAiB;AAEhE,UAAMW,UAAUD,SAAS,MAAME,MAAMZ,iBAAiB,EAAEW,OAAO;AAE/DE,oBAAgB,MAAM;AACpBN,wBAAkBO,QAAO;AAAA,IAC3B,CAAC;AAED,UAAMC,iBAAiB,OAAOC,WAAiC;AAC7DT,wBAAkBU,UAAS;AAE3B,YAAMC,SAAQ;AAEdX,wBAAkBY,QAAQ;AAAA,QACxB,GAAGZ,kBAAkBa;AAAAA,QACrBC,gBAAeL,iCAAQM,OAAM;AAAA,MAC/B,CAAwB;AAAA;AAG1B,UAAMC,kBAAmBC,UAA8B;AACrDjB,wBAAkBkB,WAAWD,IAAI;AAAA;AAGnC,UAAME,oBAAoB,OAAOF,SAA8B;AAC7D,YAAMG,YAAY,MAAMC,aAAaC,QACnCC,KAAKC,SAASC,UAAU,gCAAgC,GACxDF,KAAKC,SAASC,UAAU,8BAA8B,GACtD;AAAA,QAAE/B,MAAM;AAAA,MACV,CAAA,EAAEgC,KACA,MAAM,MACN,MAAM,KACR;AAEA,UAAI,CAACN,WAAW;AACd;AAAA,MACF;AAEA,YAAMO,SAAS,MAAMtB,MAAMZ,iBAAiB,EAAEmC,mBAAmBX,IAAI;AAErE,UAAIU,OAAOd,KAAKgB,SAAS,KAAK;AAC5BC,kBAAUC,MAAMJ,OAAOd,KAAKmB,GAAG;AAC/B;AAAA,MACF;AAAA;AAGF,WAAO,MAAM;AACX,aAAAC,eAAAC,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAAC,gBAAA,MAAA,CAAA,CAAA,GAAAD,YAAAE,0BAAA;AAAA,QAAA,qBAK2B/B,MAAMZ,iBAAiB;AAAA,QAAC,qBACxBO;AAAAA,MAAiB,GAAA;AAAA,QAAAqC,SAAAA,MAAAH,CAAAA,YAAAI,UAAA;AAAA,UAAA,WAGzBC,MAAM/B,eAAgB;AAAA,UAAA,QACzBgC;AAAAA,UAAI,QAAA;AAAA,UAAA,QAAA;AAAA,QAAA,GAAA,IAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA,GAAAN,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,YAAAO,aAAA;AAAA,QAAA,UAAA;AAAA,MAAA,GAAA;AAAA,QAAAJ,SAAAA,MAAAH,CAAAA,YAAAQ,aAAA;AAAA,UAAA,aAUCrC,MAAMZ,iBAAiB;AAAA,UAAC,qBAAA;AAAA,QAAA,GAAA;AAAA,UAAA4C,SAAAA,MAAAH,CAAAA,YAAAS,QAAA;AAAA,YAAA,YAIvBtC,MAAMZ,iBAAiB;AAAA,YAAC,wBACZ;AAAA,YAAK,OACpBmD,QAAa9C,QAAQ+C,QAAQD;AAAAA,aAC3B;AAAA,YACP,cAAcE,CAAC;AAAA,cAAEjC;AAAAA,YAAU,MAAM;AAC/B,qBAAAqB,YAAA,OAAA;AAAA,gBAAA,SAAA;AAAA,gBAAA,WAGca,OAAM;AACdA,oBAAEC,eAAc;AAAA,gBAClB;AAAA,iBAACd,CAAAA,YAAAe,WAAA;AAAA,gBAAA,WAAA;AAAA,cAAA,GAAA;AAAA,gBAAAZ,SAAAA,MAAA,CAAAH,YAAA,QAAA;AAAA,kBAAA,SAAA;AAAA,mBAAAA,CAAAA,YAAAE,0BAAA;AAAA,kBAAA,qBAKwB/B,MAAMZ,iBAAiB;AAAA,kBAAC,qBACxBO;AAAAA,gBAAiB,GAAA;AAAA,kBAAAqC,SAAAA,MAAA,CAAAH,YAAA,QAAA;AAAA,oBAAA,WAGxBa,OAAMvC,eAAeK,KAAKA,IAAI;AAAA,qBAACqB,CAAAA,YAAAgB,QAAA,MAAA;AAAA,oBAAAb,SAAAA,MAAAH,CAAAA,YAAAM,MAAA,MAAA,IAAA,CAAA;AAAA,kBAAA,CAAA,CAAA,CAAA,CAAA;AAAA,gBAAA,CAAA,CAAA,CAAA,CAAA;AAAA,eAAAN,GAAAA,YAAAe,WAAA;AAAA,gBAAA,WAAA;AAAA,cAAA,GAAA;AAAA,gBAAAZ,SAAAA,MAAA,CAAAH,YAAA,QAAA;AAAA,kBAAA,SAAA;AAAA,mBAAAA,CAAAA,YAAAE,0BAAA;AAAA,kBAAA,qBAYxB/B,MAAMZ,iBAAiB;AAAA,kBAAC,qBACxBO;AAAAA,gBAAiB,GAAA;AAAA,kBAAAqC,SAAAA,MAAA,CAAAH,YAAA,QAAA;AAAA,oBAAA,WAGxBa,OAAM/B,gBAAgBH,KAAKA,IAAI;AAAA,qBAACqB,CAAAA,YAAAgB,QAAA,MAAA;AAAA,oBAAAb,SAAAA,MAAAH,CAAAA,YAAAiB,MAAA,MAAA,IAAA,CAAA;AAAA,kBAAA,CAAA,CAAA,CAAA,CAAA;AAAA,gBAAA,CAAA,CAAA,CAAA,CAAA;AAAA,eAAAjB,GAAAA,YAAAe,WAAA;AAAA,gBAAA,WAAA;AAAA,cAAA,GAAA;AAAA,gBAAAZ,SAAAA,MAAA,CAAAH,YAAA,QAAA;AAAA,kBAAA,SAAA;AAAA,gBAAA,GAAA,CAAAA,YAAA,QAAA;AAAA,kBAAA,WAYnCK,MAAMpB,kBAAkBN,KAAKA,IAAI;AAAA,mBAACqB,CAAAA,YAAAgB,QAAA,MAAA;AAAA,kBAAAb,SAAAA,MAAAH,CAAAA,YAAAkB,QAAA,MAAA,IAAA,CAAA;AAAA,gBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,cAAA,CAAA,CAAA,CAAA;AAAA,YAUvD;AAAA,WACD,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAAC,iBAAA,SAAA,GAjF+BhD,MAAMD,OAAO,CAAC,CAAA,CAAA;AAAA;EAyF9D;AACF,CAAC;"}
+{"version":3,"file":"material-group.js","sources":["../../../../../../src/modules/ms/components/material-list/material-group.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  nextTick,\r\n  onBeforeUnmount,\r\n  reactive,\r\n  ref,\r\n  Ref,\r\n  unref,\r\n} from \"vue\";\r\nimport {\r\n  ElButton,\r\n  ElIcon,\r\n  ElMessage,\r\n  ElMessageBox,\r\n  ElScrollbar,\r\n  ElTooltip,\r\n} from \"element-plus\";\r\nimport { Plus, Edit, Delete } from \"@element-plus/icons-vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport {\r\n  MsMaterialGroupForm,\r\n  MsMaterialGroupNode,\r\n  MsMaterialGroupTree,\r\n} from \"../../dataviews/ms-material\";\r\nimport { MKDataTable, MKTree } from \"../../../../components/data-model\";\r\nimport MaterialGroupFormPopover from \"./material-group-form-popover\";\r\nimport { I18n } from \"@maketribe/locale\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKMaterialGroup\",\r\n  props: buildProps({\r\n    materialGroupTree: {\r\n      type: MsMaterialGroupTree,\r\n      required: true,\r\n    },\r\n  } as const),\r\n  setup(props) {\r\n    const treeRef: Ref<typeof MKTree | null> = ref(null);\r\n\r\n    const materialGroupForm = reactive(\r\n      new MsMaterialGroupForm()\r\n    ) as MsMaterialGroupForm;\r\n\r\n    const materialGroupTree = computed(() => props.materialGroupTree);\r\n\r\n    const loading = computed(() => unref(materialGroupTree).loading);\r\n\r\n    onBeforeUnmount(() => {\r\n      materialGroupForm.dispose();\r\n    });\r\n\r\n    const handleAddClick = async (parent?: MsMaterialGroupNode) => {\r\n      materialGroupForm.addRecord();\r\n\r\n      await nextTick();\r\n\r\n      materialGroupForm.setData({\r\n        ...materialGroupForm.data,\r\n        parentGroupId: parent?.id || null,\r\n      } as MsMaterialGroupNode);\r\n    };\r\n\r\n    const handleEditClick = (item: MsMaterialGroupNode) => {\r\n      materialGroupForm.editRecord(item);\r\n    };\r\n\r\n    const handleDeleteClick = async (item: MsMaterialGroupNode) => {\r\n      const isConfirm = await ElMessageBox.confirm(\r\n        I18n.instance.translate(\"mk.dataTablePage.deleteMessage\"),\r\n        I18n.instance.translate(\"mk.dataTablePage.deleteTitle\"),\r\n        { type: \"warning\" }\r\n      ).then(\r\n        () => true,\r\n        () => false\r\n      );\r\n\r\n      if (!isConfirm) {\r\n        return;\r\n      }\r\n\r\n      const result = await unref(materialGroupTree).deleteAfterRefresh(item);\r\n\r\n      if (result.data.code !== 200) {\r\n        ElMessage.error(result.data.msg);\r\n        return;\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <div class=\"mk-material-group\" v-loading={unref(loading)}>\r\n          <div class=\"mk-material-group__header\">\r\n            <div class=\"mk-material-group__header-title\">素材分组</div>\r\n            <MaterialGroupFormPopover\r\n              materialGroupTree={unref(materialGroupTree)}\r\n              materialGroupForm={materialGroupForm}\r\n            >\r\n              <ElButton\r\n                onClick={() => handleAddClick()}\r\n                icon={Plus}\r\n                size=\"small\"\r\n                type=\"primary\"\r\n              />\r\n            </MaterialGroupFormPopover>\r\n          </div>\r\n\r\n          <div class=\"mk-material-group__main\">\r\n            <ElScrollbar height=\"100%\">\r\n              <MKDataTable\r\n                dataTable={unref(materialGroupTree)}\r\n                highlight-current\r\n              >\r\n                <MKTree\r\n                  dataTree={unref(materialGroupTree)}\r\n                  allowSelectContainer={false}\r\n                  ref={((el: any) => (treeRef.value = el)) as any}\r\n                  v-slots={{\r\n                    \"node-tools\": ({ data }: any) => {\r\n                      return (\r\n                        <div\r\n                          class=\"mk-material-group__tools\"\r\n                          onClick={(e) => {\r\n                            e.preventDefault();\r\n                          }}\r\n                        >\r\n                          <ElTooltip content=\"添加\">\r\n                            <span class=\"mk-material-group__tools-item\">\r\n                              <MaterialGroupFormPopover\r\n                                materialGroupTree={unref(materialGroupTree)}\r\n                                materialGroupForm={materialGroupForm}\r\n                              >\r\n                                <span\r\n                                  onClick={(e) => handleAddClick(data.data)}\r\n                                >\r\n                                  <ElIcon>\r\n                                    <Plus />\r\n                                  </ElIcon>\r\n                                </span>\r\n                              </MaterialGroupFormPopover>\r\n                            </span>\r\n                          </ElTooltip>\r\n                          <ElTooltip content=\"编辑\">\r\n                            <span class=\"mk-material-group__tools-item\">\r\n                              <MaterialGroupFormPopover\r\n                                materialGroupTree={unref(materialGroupTree)}\r\n                                materialGroupForm={materialGroupForm}\r\n                              >\r\n                                <span\r\n                                  onClick={(e) => handleEditClick(data.data)}\r\n                                >\r\n                                  <ElIcon>\r\n                                    <Edit />\r\n                                  </ElIcon>\r\n                                </span>\r\n                              </MaterialGroupFormPopover>\r\n                            </span>\r\n                          </ElTooltip>\r\n                          <ElTooltip content=\"删除\">\r\n                            <span class=\"mk-material-group__tools-item\">\r\n                              <span\r\n                                onClick={() => handleDeleteClick(data.data)}\r\n                              >\r\n                                <ElIcon>\r\n                                  <Delete />\r\n                                </ElIcon>\r\n                              </span>\r\n                            </span>\r\n                          </ElTooltip>\r\n                        </div>\r\n                      );\r\n                    },\r\n                  }}\r\n                />\r\n              </MKDataTable>\r\n            </ElScrollbar>\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","buildProps","materialGroupTree","type","MsMaterialGroupTree","required","setup","treeRef","ref","materialGroupForm","reactive","MsMaterialGroupForm","computed","loading","unref","onBeforeUnmount","dispose","handleAddClick","parent","addRecord","nextTick","setData","data","parentGroupId","id","handleEditClick","item","editRecord","handleDeleteClick","isConfirm","ElMessageBox","confirm","I18n","instance","translate","then","result","deleteAfterRefresh","code","ElMessage","error","msg","_withDirectives","_createVNode","_createTextVNode","MaterialGroupFormPopover","default","ElButton","onClick","Plus","ElScrollbar","MKDataTable","MKTree","el","value","node-tools","e","preventDefault","ElTooltip","ElIcon","Edit","Delete","_resolveDirective"],"mappings":"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"}