@maketribe/ms-app 3.2.1 → 3.2.3

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

@@ -1,5 +1,6 @@
 "use strict";
 const vue = require("vue");
+const icons = require("@element-plus/icons-vue");
 const CmsArticleAtlasForm = require("../../../dataviews/cms-articles/cms-article-atlas/CmsArticleAtlasForm.js");
 require("@maketribe/dm");
 require("../../../../../components/abstract/abstract-select/abstract-select.js");
@@ -36,16 +37,21 @@ require("../../../../../components/business/verify-dialog/index.js");
 require("../../../../../components/business/resource-list/index.js");
 require("../../../../../components/business/resource-manager/index.js");
 const index$1 = require("../../../../../components/data-model/data-form/views/form/index.js");
-const _hoisted_1 = { class: "btn-box" };
-const _hoisted_2 = { class: "cms-article-atlas__list" };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", {
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("div", {
   slot: "placeholder",
   class: "image-slot"
 }, [
   /* @__PURE__ */ vue.createTextVNode(" 加载中"),
   /* @__PURE__ */ vue.createElementVNode("span", { class: "dot" }, "...")
 ], -1);
-const _hoisted_4 = ["src"];
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "cms-article-atlas__list__item__desc" };
+const _hoisted_4 = { class: "item-desc-left" };
+const _hoisted_5 = { class: "title ellipsis" };
+const _hoisted_6 = ["title"];
+const _hoisted_7 = { class: "external-links ellipsis" };
+const _hoisted_8 = ["href", "title"];
+const _hoisted_9 = { class: "el-dropdown-link" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "article-atlas",
   props: {
@@ -55,14 +61,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const atlasDv = vue.reactive(new CmsArticleAtlasForm.CmsArticleAtlasForm());
     const formVisible = vue.ref(false);
     const imgExtension = [".jpg", ".png", ".gif", ".jpeg", ".bmp", ".webp", ".svg", ".tiff", ".tif", ".ico", ".jfif", ".jpe"];
     const videoExtension = [".mp4", ".avi", ".rmvb", ".flv", ".mkv", ".wmv", ".mov", ".webm", ".m4v", ".mpg", ".mpeg", ".mts", ".m2ts", ".m2v", ".mpe", ".mpv", ".vob", ".ogv", ".3gp", ".3g2", ".3gpp", ".3gpp2", ".3gp2"];
     const atlas = vue.computed(
       () => {
-        const _arr = props.modelValue.map((item) => {
-          debugger;
+        const _arr = props.modelValue.map((item, index2) => {
           const extension = item.path.slice(item.path.lastIndexOf("."));
           let type = 0;
           if (imgExtension.includes(extension)) {
@@ -70,13 +76,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           } else if (videoExtension.includes(extension)) {
             type = 2;
           }
-          return { ...item, type };
+          return { ...item, type, uid: item.title + index2 };
         });
         return _arr;
       }
     );
     window.atlasDv = atlasDv;
     window.atlas = atlas;
+    window.modelValue = props.modelValue;
     const showAtlasFormHandle = () => {
       formVisible.value = true;
       atlasDv.addRecord({
@@ -87,25 +94,43 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       atlasDv.reset();
     });
     const saveAlatsHandle = async () => {
-      atlas.value.push(atlasDv.data);
+      if (atlasDv.data.uid) {
+        const index2 = atlas.value.findIndex((item) => item.uid == atlasDv.data.uid);
+        atlas.value[index2] = { ...atlas.value[index2], ...atlasDv.data };
+      } else {
+        atlas.value.push(atlasDv.data);
+      }
+      emit("update:modelValue", atlas.value);
       formVisible.value = false;
     };
+    const deleteHandle = (index2) => {
+      atlas.value.splice(index2, 1);
+      emit("update:modelValue", atlas.value);
+    };
+    const editHandle = (item) => {
+      atlasDv.addRecord(item);
+      formVisible.value = true;
+    };
     vue.onMounted(async () => {
       await atlasDv.init();
-      atlasDv.setData(atlas.value);
     });
     return (_ctx, _cache) => {
       const _component_MKSvgIcon = vue.resolveComponent("MKSvgIcon");
       const _component_el_empty = vue.resolveComponent("el-empty");
       const _component_el_image = vue.resolveComponent("el-image");
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = vue.resolveComponent("el-dropdown");
       const _component_el_card = vue.resolveComponent("el-card");
-      const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
       const _component_el_button = vue.resolveComponent("el-button");
       const _component_el_dialog = vue.resolveComponent("el-dialog");
+      const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
       return vue.openBlock(), vue.createBlock(_component_el_card, { class: "cms-article-atlas" }, {
         header: vue.withCtx(() => [
           vue.createElementVNode("div", {
-            onClick: _cache[0] || (_cache[0] = ($event) => showAtlasFormHandle())
+            onClick: _cache[0] || (_cache[0] = ($event) => showAtlasFormHandle()),
+            class: "cms-article-atlas__header"
           }, [
             vue.createElementVNode("span", null, [
               vue.createVNode(_component_MKSvgIcon, {
@@ -114,88 +139,162 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }),
               vue.createTextVNode(" 文章媒体库 ")
             ]),
-            vue.createElementVNode("div", _hoisted_1, [
-              vue.createVNode(_component_MKSvgIcon, {
-                class: "btn",
-                iconClass: "Plus",
-                style: { "color": "#409EFF" }
-              })
-            ])
+            vue.createVNode(_component_MKSvgIcon, {
+              class: "cms-article-atlas__header__btn",
+              iconClass: "Plus",
+              style: { "color": "#409EFF" }
+            })
           ])
         ]),
         default: vue.withCtx(() => [
           atlas.value.length <= 0 ? (vue.openBlock(), vue.createBlock(_component_el_empty, {
             key: 0,
             description: "暂无内容"
-          })) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_2, [
-            vue.createVNode(_component_el_scrollbar, null, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(atlas.value, (item) => {
-                  return vue.openBlock(), vue.createBlock(_component_el_card, {
-                    class: "cms-article-atlas__list__item",
-                    key: item.id
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(_component_el_image, {
-                        class: "images",
-                        src: item.path,
-                        fit: "contain"
+          })) : (vue.openBlock(), vue.createBlock(_component_el_scrollbar, {
+            key: 1,
+            class: "cms-article-atlas__list"
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(atlas.value, (item, index2) => {
+                return vue.openBlock(), vue.createBlock(_component_el_card, {
+                  class: "cms-article-atlas__list__item",
+                  key: item.id
+                }, {
+                  default: vue.withCtx(() => [
+                    item.type == 1 ? (vue.openBlock(), vue.createBlock(_component_el_image, {
+                      key: 0,
+                      class: "images",
+                      src: item.path,
+                      fit: "contain"
+                    }, {
+                      default: vue.withCtx(() => [
+                        _hoisted_1
+                      ]),
+                      _: 2
+                    }, 1032, ["src"])) : vue.createCommentVNode("", true),
+                    item.type == 2 ? (vue.openBlock(), vue.createElementBlock("video", {
+                      key: 1,
+                      class: "video",
+                      src: item.path,
+                      controls: ""
+                    }, null, 8, _hoisted_2)) : vue.createCommentVNode("", true),
+                    vue.createElementVNode("div", _hoisted_3, [
+                      vue.createElementVNode("div", _hoisted_4, [
+                        vue.createElementVNode("div", _hoisted_5, [
+                          item.type == 1 ? (vue.openBlock(), vue.createBlock(_component_MKSvgIcon, {
+                            key: 0,
+                            class: "icon",
+                            iconClass: "Picture"
+                          })) : vue.createCommentVNode("", true),
+                          item.type == 2 ? (vue.openBlock(), vue.createBlock(_component_MKSvgIcon, {
+                            key: 1,
+                            class: "icon",
+                            iconClass: "VideoCamera"
+                          })) : vue.createCommentVNode("", true),
+                          vue.createElementVNode("span", {
+                            title: item.title
+                          }, vue.toDisplayString(item.title), 9, _hoisted_6)
+                        ]),
+                        vue.createElementVNode("div", _hoisted_7, [
+                          item.link ? (vue.openBlock(), vue.createBlock(_component_MKSvgIcon, {
+                            key: 0,
+                            class: "icon",
+                            iconClass: "Link"
+                          })) : vue.createCommentVNode("", true),
+                          vue.createElementVNode("a", {
+                            href: item.link,
+                            target: "_blank",
+                            title: item.path
+                          }, vue.toDisplayString(item.link), 9, _hoisted_8)
+                        ])
+                      ]),
+                      vue.createVNode(_component_el_dropdown, {
+                        trigger: "click",
+                        teleported: false,
+                        class: "item-desc-right"
                       }, {
+                        dropdown: vue.withCtx(() => [
+                          vue.createVNode(_component_el_dropdown_menu, null, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(_component_el_dropdown_item, {
+                                class: "edit-button",
+                                icon: vue.unref(icons.EditPen),
+                                onClick: ($event) => editHandle(item)
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode("编辑")
+                                ]),
+                                _: 2
+                              }, 1032, ["icon", "onClick"]),
+                              vue.createVNode(_component_el_dropdown_item, {
+                                class: "delete-button",
+                                icon: vue.unref(icons.Delete),
+                                onClick: ($event) => deleteHandle(index2)
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode("删除")
+                                ]),
+                                _: 2
+                              }, 1032, ["icon", "onClick"])
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
                         default: vue.withCtx(() => [
-                          _hoisted_3
+                          vue.createElementVNode("span", _hoisted_9, [
+                            vue.createTextVNode(" 更多"),
+                            vue.createVNode(_component_el_icon, { class: "el-icon--right" }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(icons.ArrowDown))
+                              ]),
+                              _: 1
+                            })
+                          ])
                         ]),
                         _: 2
-                      }, 1032, ["src"]),
-                      item.type == 2 ? (vue.openBlock(), vue.createElementBlock("video", {
-                        key: 0,
-                        class: "video",
-                        src: item.path,
-                        style: { "width": "100%", "height": "200px" },
-                        controls: ""
-                      }, null, 8, _hoisted_4)) : vue.createCommentVNode("", true)
-                    ]),
-                    _: 2
-                  }, 1024);
-                }), 128))
-              ]),
-              _: 1
-            }),
-            vue.createVNode(_component_el_dialog, {
-              modelValue: formVisible.value,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => formVisible.value = $event),
-              "append-to-body": ""
-            }, {
-              footer: vue.withCtx(() => [
-                vue.createVNode(_component_el_button, {
-                  type: "primary",
-                  onClick: saveAlatsHandle
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode("保存")
+                      }, 1024)
+                    ])
                   ]),
-                  _: 1
-                }),
-                vue.createVNode(_component_el_button, {
-                  onClick: _cache[1] || (_cache[1] = ($event) => formVisible.value = false)
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(" 取消 ")
-                  ]),
-                  _: 1
-                })
-              ]),
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(index.MKDataForm), { dataForm: atlasDv }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(index$1.MKForm))
-                  ]),
-                  _: 1
-                }, 8, ["dataForm"])
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ])
+                  _: 2
+                }, 1024);
+              }), 128)),
+              vue.createVNode(_component_el_dialog, {
+                modelValue: formVisible.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => formVisible.value = $event),
+                "append-to-body": ""
+              }, {
+                footer: vue.withCtx(() => [
+                  vue.createVNode(_component_el_button, {
+                    type: "primary",
+                    onClick: saveAlatsHandle
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("保存")
+                    ]),
+                    _: 1
+                  }),
+                  vue.createVNode(_component_el_button, {
+                    onClick: _cache[1] || (_cache[1] = ($event) => formVisible.value = false)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(" 取消 ")
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(index.MKDataForm), { dataForm: atlasDv }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(index$1.MKForm))
+                    ]),
+                    _: 1
+                  }, 8, ["dataForm"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }))
         ]),
         _: 1
       });

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

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

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

@@ -50,8 +50,8 @@ require("../../../ms/components/markdown-editor/index.js");
 require("../../../ms/components/rich-text-editor/index.js");
 require("../../../ms/material-upload-context/material-upload-context-options.js");
 require("../../../ms/material-upload-context/material-upload-context.js");
-const CmsPartTypesTree = require("../../dataviews/cms-part-types/CmsPartTypesTree.js");
 require("@codemirror/lang-html");
+const CmsPartTypesTable = require("../../dataviews/cms-part-types/CmsPartTypesTable.js");
 const CmsPartForm = require("../../dataviews/cms-parts/CmsPartForm.js");
 const _hoisted_1 = { class: "mk-cms-contents__warp" };
 const _hoisted_2 = { style: { "color": "var(--el-text-color-regular)", "margin-left": "10px" } };
@@ -79,33 +79,37 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     if (!!route.query.partId) {
       curSelectPartItem.value = { id: route.query.partId };
     }
-    const partForm = vue.reactive(new class extends CmsPartForm.CmsPartForm {
-      async initialize() {
-        await super.initialize();
-        this.setColumns([
-          new dm.FormColumn({
-            name: "cmsPartTypeId",
-            label: "栏目类型",
-            componentInfo: "MKDataTreeSelect",
-            defaultValue: "2",
-            componentProps: {
-              dataTree: this.register(new CmsPartTypesTree.CmsPartTypesTree())
-            },
-            required: true
-          }),
-          new dm.FormColumn({
-            name: "name",
-            label: "栏目名称",
-            required: true
-          }),
-          new dm.FormColumn({
-            name: "title",
-            label: "栏目标题",
-            required: true
-          })
-        ]);
-      }
-    }());
+    const partForm = vue.reactive(
+      new class extends CmsPartForm.CmsPartForm {
+        async initialize() {
+          await super.initialize();
+          this.setColumns([
+            new dm.FormColumn({
+              name: "cmsPartTypeId",
+              label: "栏目类型",
+              componentInfo: "MKFormDataSelect",
+              defaultValue: "2",
+              componentProps: {
+                dataTable: this.register(
+                  new CmsPartTypesTable.CmsPartTypesTable()
+                )
+              },
+              required: true
+            }),
+            new dm.FormColumn({
+              name: "name",
+              label: "栏目名称",
+              required: true
+            }),
+            new dm.FormColumn({
+              name: "title",
+              label: "栏目标题",
+              required: true
+            })
+          ]);
+        }
+      }()
+    );
     const showPartFormHandle = async (item) => {
       await dm.Dialoger.dataFormDialog({
         dataForm: partForm

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-contents/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-contents__warp\">\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=\"Memo\" style=\"margin-right: 5px;\" />\r\n          内容管理\r\n\r\n        </h3>\r\n      </template>\r\n      <template #extra>\r\n        <div class=\"flex items-center\">\r\n          <el-button type=\"primary\" size=\"large\" text @click=\"showPartFormHandle\">\r\n            添加栏目\r\n            <MKSvgIcon iconClass=\"Plus\" style=\"margin-left: 10px;\" />\r\n          </el-button>\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      <el-tabs v-if=\"curSelectPartItem\" v-model=\"activeTabName\" class=\"mk-cms-contents__body__right\">\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\">\r\n          <PartInfo :part=\"curSelectPartItem\" v-if=\"activeTabName == 'part'\" />\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"栏目内容\" name=\"part-content\" style=\"background-color: #f4f4f4;\"\r\n          v-if=\"curSelectPartItem.cmsPartTypeId != 1\">\r\n          <MKDocEditor v-if=\"activeTabName == 'part-content'\" placeholder=\"从这里开始写正文...\" />\r\n        </el-tab-pane>\r\n      </el-tabs>\r\n      <el-empty v-else description=\"请选择栏目\" style=\"width: 100%;\" />\r\n    </div>\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 { MKCopyContainer, MKDocEditor } from '../../../../components'\r\nimport { onMounted, reactive, ref } from \"vue\";\r\nimport { DataForm, Dialoger, FormColumn, isWhereFilter } from \"@maketribe/dm\";\r\nimport { CmsPartForm, CmsPartTable, CmsPartTypesTree } from \"../../dataviews\";\r\nimport { useRoute } from \"vue-router\";\r\n//路由\r\nconst route = useRoute();\r\n\r\n// 激活的tab\r\nconst activeTabName = ref(\"article-list\");\r\n\r\n// 当前选中的菜单\r\nconst curSelectPartItem = ref(null as any);\r\n// 栏目树ref\r\nconst partTreeRef = ref(null)\r\n\r\n// 选择栏目\r\nconst selectPartHandle = (item: any) => {\r\n  curSelectPartItem.value = item;\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\nif (!!route.query.partId) {\r\n  curSelectPartItem.value = { id: route.query.partId }\r\n}\r\n\r\n//栏目表单\r\nconst partForm = reactive(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: \"MKDataTreeSelect\",\r\n        defaultValue: \"2\",\r\n        componentProps: {\r\n          dataTree: this.register(new CmsPartTypesTree()) as CmsPartTypesTree,\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\nconst showPartFormHandle = async (item?: any) => {\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: partForm as CmsPartForm\r\n  })\r\n\r\n  if (item.id) {\r\n    partForm.addRecord({\r\n      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\n// 挂在完成之后\r\nonMounted(async () => {\r\n\r\n})\r\n\r\n</script>\r\n"],"names":["useRoute","ref","reactive","CmsPartForm","FormColumn","CmsPartTypesTree","Dialoger","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,UAAM,QAAQA,UAAAA;AAGR,UAAA,gBAAgBC,QAAI,cAAc;AAGlC,UAAA,oBAAoBA,QAAI,IAAW;AAEnC,UAAA,cAAcA,QAAI,IAAI;AAGtB,UAAA,mBAAmB,CAAC,SAAc;AACtC,wBAAkB,QAAQ;AAAA,IAAA;AAGtB,UAAA,mBAAmB,CAAC,SAAc;AACtC,UAAI,KAAK,MAAM,kBAAkB,MAAM,IAAI;AACzC,0BAAkB,QAAQ;AAAA,MAC5B;AAAA,IAAA;AAGI,UAAA,iBAAiB,CAAC,SAAc;AACpC,wBAAkB,QAAQ;AAC1B,oBAAc,QAAQ;AAAA,IAAA;AAGxB,QAAI,CAAC,CAAC,MAAM,MAAM,QAAQ;AACxB,wBAAkB,QAAQ,EAAE,IAAI,MAAM,MAAM;IAC9C;AAGA,UAAM,WAAWC,IAAAA,SAAS,IAAK,cAAcC,wBAAY;AAAA,MACvD,MAAgB,aAAa;AAC3B,cAAM,MAAM;AACZ,aAAK,WAAW;AAAA,UACd,IAAIC,cAAW;AAAA,YACb,MAAM;AAAA,YACN,OAAO;AAAA,YACP,eAAe;AAAA,YACf,cAAc;AAAA,YACd,gBAAgB;AAAA,cACd,UAAU,KAAK,SAAS,IAAIC,mCAAkB;AAAA,YAChD;AAAA,YACA,UAAU;AAAA,UAAA,CACX;AAAA,UACD,IAAID,cAAW;AAAA,YACb,MAAM;AAAA,YACN,OAAO;AAAA,YACP,UAAU;AAAA,UAAA,CACX;AAAA,UACD,IAAIA,cAAW;AAAA,YACb,MAAM;AAAA,YACN,OAAO;AAAA,YACP,UAAU;AAAA,UAAA,CACX;AAAA,QAAA,CACF;AAAA,MACH;AAAA,IACA,EAAA,CAAA;AAII,UAAA,qBAAqB,OAAO,SAAe;AAC/C,YAAME,GAAAA,SAAS,eAAe;AAAA,QAC5B,UAAU;AAAA,MAAA,CACX;AAED,UAAI,KAAK,IAAI;AACX,iBAAS,UAAU;AAAA,UACjB,UAAU,KAAK;AAAA,QAAA,CAChB;AAAA,MACH;AAAA,IAAA;AAGO,aAAA,eAAe,GAAG,MAAM;;AAC9B,wBAAY,MAAe,aAA3B,mBAAqC;AAAA,IAAK,CAC5C;AAGDC,QAAAA,UAAU,YAAY;AAAA,IAAA,CAErB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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\">\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=\"Memo\" 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\r\n            type=\"primary\"\r\n            size=\"large\"\r\n            text\r\n            @click=\"showPartFormHandle\"\r\n          >\r\n            添加栏目\r\n            <MKSvgIcon iconClass=\"Plus\" style=\"margin-left: 10px\" />\r\n          </el-button>\r\n        </div>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"mk-cms-contents__body\">\r\n      <MKPartTree\r\n        class=\"mk-cms-contents__body__left\"\r\n        @select=\"selectPartHandle\"\r\n        @edit=\"editPartHandle\"\r\n        @add=\"showPartFormHandle\"\r\n        @deleteSuccessfully=\"deletePartHandle\"\r\n        ref=\"partTreeRef\"\r\n      />\r\n      <el-tabs\r\n        v-if=\"curSelectPartItem\"\r\n        v-model=\"activeTabName\"\r\n        class=\"mk-cms-contents__body__right\"\r\n      >\r\n        <el-tab-pane label=\"文章列表\" name=\"article-list\">\r\n          <ArticleList\r\n            v-if=\"activeTabName == 'article-list'\"\r\n            :part=\"curSelectPartItem\"\r\n          />\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"栏目信息\" name=\"part\">\r\n          <PartInfo :part=\"curSelectPartItem\" v-if=\"activeTabName == 'part'\" />\r\n        </el-tab-pane>\r\n        <el-tab-pane\r\n          label=\"栏目内容\"\r\n          name=\"part-content\"\r\n          style=\"background-color: #f4f4f4\"\r\n          v-if=\"curSelectPartItem.cmsPartTypeId != 1\"\r\n        >\r\n          <MKDocEditor\r\n            v-if=\"activeTabName == 'part-content'\"\r\n            placeholder=\"从这里开始写正文...\"\r\n          />\r\n        </el-tab-pane>\r\n      </el-tabs>\r\n      <el-empty v-else description=\"请选择栏目\" style=\"width: 100%\" />\r\n    </div>\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 { MKCopyContainer, MKDocEditor } from \"../../../../components\";\r\nimport { onMounted, reactive, ref } from \"vue\";\r\nimport { DataForm, Dialoger, FormColumn, isWhereFilter } from \"@maketribe/dm\";\r\nimport { CmsPartForm, CmsPartTypesTable } from \"../../dataviews\";\r\nimport { useRoute } from \"vue-router\";\r\n//路由\r\nconst route = useRoute();\r\n\r\n// 激活的tab\r\nconst activeTabName = ref(\"article-list\");\r\n\r\n// 当前选中的菜单\r\nconst curSelectPartItem = ref(null as any);\r\n// 栏目树ref\r\nconst partTreeRef = ref(null);\r\n\r\n// 选择栏目\r\nconst selectPartHandle = (item: any) => {\r\n  curSelectPartItem.value = item;\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\nif (!!route.query.partId) {\r\n  curSelectPartItem.value = { id: route.query.partId };\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 CmsPartForm,\r\n  });\r\n\r\n  if (item.id) {\r\n    partForm.addRecord({\r\n      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\n// 挂在完成之后\r\nonMounted(async () => {});\r\n</script>\r\n"],"names":["useRoute","ref","reactive","CmsPartForm","FormColumn","CmsPartTypesTable","Dialoger","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA,UAAM,QAAQA,UAAAA;AAGR,UAAA,gBAAgBC,QAAI,cAAc;AAGlC,UAAA,oBAAoBA,QAAI,IAAW;AAEnC,UAAA,cAAcA,QAAI,IAAI;AAGtB,UAAA,mBAAmB,CAAC,SAAc;AACtC,wBAAkB,QAAQ;AAAA,IAAA;AAGtB,UAAA,mBAAmB,CAAC,SAAc;AACtC,UAAI,KAAK,MAAM,kBAAkB,MAAM,IAAI;AACzC,0BAAkB,QAAQ;AAAA,MAC5B;AAAA,IAAA;AAGI,UAAA,iBAAiB,CAAC,SAAc;AACpC,wBAAkB,QAAQ;AAC1B,oBAAc,QAAQ;AAAA,IAAA;AAGxB,QAAI,CAAC,CAAC,MAAM,MAAM,QAAQ;AACxB,wBAAkB,QAAQ,EAAE,IAAI,MAAM,MAAM;IAC9C;AAGA,UAAM,WAAWC,IAAA;AAAA,MACf,IAAK,cAAcC,YAAAA,YAAY;AAAA,QAC7B,MAAgB,aAAa;AAC3B,gBAAM,MAAM;AACZ,eAAK,WAAW;AAAA,YACd,IAAIC,cAAW;AAAA,cACb,MAAM;AAAA,cACN,OAAO;AAAA,cACP,eAAe;AAAA,cACf,cAAc;AAAA,cACd,gBAAgB;AAAA,gBACd,WAAW,KAAK;AAAA,kBACd,IAAIC,oCAAkB;AAAA,gBACxB;AAAA,cACF;AAAA,cACA,UAAU;AAAA,YAAA,CACX;AAAA,YACD,IAAID,cAAW;AAAA,cACb,MAAM;AAAA,cACN,OAAO;AAAA,cACP,UAAU;AAAA,YAAA,CACX;AAAA,YACD,IAAIA,cAAW;AAAA,cACb,MAAM;AAAA,cACN,OAAO;AAAA,cACP,UAAU;AAAA,YAAA,CACX;AAAA,UAAA,CACF;AAAA,QACH;AAAA,MAAA,EACC;AAAA,IAAA;AAKC,UAAA,qBAAqB,OAAO,SAAe;AAC/C,YAAME,GAAAA,SAAS,eAAe;AAAA,QAC5B,UAAU;AAAA,MAAA,CACX;AAED,UAAI,KAAK,IAAI;AACX,iBAAS,UAAU;AAAA,UACjB,UAAU,KAAK;AAAA,QAAA,CAChB;AAAA,MACH;AAAA,IAAA;AAGO,aAAA,eAAe,GAAG,MAAM;;AAC9B,wBAAY,MAAe,aAA3B,mBAAqC;AAAA,IAAK,CAC5C;AAGDC,QAAAA,UAAU,YAAY;AAAA,IAAA,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-resource/index.vue"],"sourcesContent":["<template>\n  <MKPageContainer>\n    <MKResourceManager :resourceManager=\"resourceManager\"></MKResourceManager>\n  </MKPageContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive } from \"vue\";\nimport { MKPageContainer } from \"../../../../components\";\nimport { MKResourceManager, ResourceManager } from \"../../../../components\";\n\nconst resourceManager = reactive(\n  new ResourceManager({ baseURL: \"/cms\" })\n) as ResourceManager;\n</script>\n"],"names":["reactive","ResourceManager"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,kBAAkBA,IAAA;AAAA,MACtB,IAAIC,gCAAgB,EAAE,SAAS,QAAQ;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\"></MKResourceManager>\r\n  </MKPageContainer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { reactive } from \"vue\";\r\nimport { MKPageContainer } from \"../../../../components\";\r\nimport { MKResourceManager, ResourceManager } from \"../../../../components\";\r\n\r\nconst resourceManager = reactive(\r\n  new ResourceManager({ baseURL: \"/cms\" })\r\n) as ResourceManager;\r\n</script>\r\n"],"names":["reactive","ResourceManager"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,kBAAkBA,IAAA;AAAA,MACtB,IAAIC,gCAAgB,EAAE,SAAS,QAAQ;AAAA,IAAA;;;;;;;;;;;;"}

package/dist/cjs/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,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,sBAAmB;AAAA,EAC1BC,OAAOC,sBAAmB;AAAA,EAC1BC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAsCC,QAAI,IAAI;AAEpD,UAAMC,OAAOX;AAEb,UAAMY,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMX,MAAMS;AAAAA,MACjBG,KAAMC,OAAcR,KAAK,sBAAsBQ,CAAC;AAAA,IAClD,CAAC;AAEDC,QAAAA,UAAU,MAAM;AACd,YAAMC,aAAa,IAAIC,MAAAA;AAEvB,YAAMC,SAAS,IAAIC,OAAOC,IAAK,MAACb,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,MAAAA;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,UAAMb,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,MAAAA,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,UAAAA,gBAAgB,MAAM;AACpB3B,mBAAW4B,QAAO;AAClB1B,yCAAQ2B;AAAAA,MACV,CAAC;AAAA,IACH,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,IAAAA,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,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,sBAAmB;AAAA,EAC1BC,OAAOC,sBAAmB;AAAA,EAC1BC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAsCC,QAAI,IAAI;AAEpD,UAAMC,OAAOX;AAEb,UAAMY,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMX,MAAMS;AAAAA,MACjBG,KAAMC,OAAcR,KAAK,sBAAsBQ,CAAC;AAAA,IAClD,CAAC;AAEDC,QAAAA,UAAU,MAAM;AACd,YAAMC,aAAa,IAAIC,MAAAA;AAEvB,YAAMC,SAAS,IAAIC,OAAOC,IAAK,MAACb,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,MAAAA;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,UAAMb,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,MAAAA,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,UAAAA,gBAAgB,MAAM;AACpB3B,mBAAW4B,QAAO;AAClB1B,yCAAQ2B;AAAAA,MACV,CAAC;AAAA,IACH,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAA,OAAA;AAAA,QAAA,OACcC,QAAqBxC,WAAW4B,QAAQY;AAAAA,MAAG,GAAA,IAAA;AAAA;EAG7D;AACF,CAAC;;"}

package/dist/cjs/modules/ms/components/material-list/material-group.vue.js

@@ -72,9 +72,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const treeRef = vue.ref(null);
     const materialGroupTree = vue.computed(() => props.materialMan.materialGroupTree);
     const loading = vue.computed(() => props.materialMan.materialGroupTree.loading);
-    const handleNodeClick = (item) => {
-      if (!item.children.length) {
-        props.materialMan.setCurrentMaterialGroup(item.data);
+    const handleNodeClick = (node) => {
+      if (node.isLeaf) {
+        props.materialMan.setCurrentMaterialGroup(node.data);
       }
     };
     const handleAddClick = async (parent) => {
@@ -108,9 +108,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return;
       }
     };
-    vue.onMounted(() => {
-      console.log(treeRef.value);
-    });
     return (_ctx, _cache) => {
       const _component_ElButton = vue.resolveComponent("ElButton");
       const _component_ElIcon = vue.resolveComponent("ElIcon");
@@ -145,6 +142,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(index$1.MKTree), {
                     "data-tree": materialGroupTree.value,
+                    allowSelectContainer: false,
                     onNodeClick: handleNodeClick,
                     ref_key: "treeRef",
                     ref: treeRef