npm - @maketribe/ms-app - Versions diffs - 3.2.2 → 3.2.3 - Mend

@maketribe/ms-app 3.2.2 → 3.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (458) hide show

package/dist/esm/modules/cms/pages/cms-contents/components/article-atlas.vue.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import { defineComponent, reactive, ref, computed, watch, onMounted, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, createCommentVNode, createElementBlock, Fragment, renderList, unref } from "vue";
+import { defineComponent, reactive, ref, computed, watch, onMounted, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, createElementBlock, Fragment, renderList, createCommentVNode, toDisplayString, unref } from "vue";
+import { EditPen, Delete, ArrowDown } from "@element-plus/icons-vue";
 import { CmsArticleAtlasForm } from "../../../dataviews/cms-articles/cms-article-atlas/CmsArticleAtlasForm.js";
 import "@maketribe/dm";
 import "../../../../../components/abstract/abstract-select/abstract-select.js";
@@ -35,16 +36,21 @@ import "../../../../../components/business/verify-dialog/index.js";
 import "../../../../../components/business/resource-list/index.js";
 import "../../../../../components/business/resource-manager/index.js";
 import { MKForm } from "../../../../../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__ */ createElementVNode("div", {
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", {
   slot: "placeholder",
   class: "image-slot"
 }, [
   /* @__PURE__ */ createTextVNode(" 加载中"),
   /* @__PURE__ */ 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__ */ defineComponent({
   __name: "article-atlas",
   props: {
@@ -54,14 +60,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const atlasDv = reactive(new CmsArticleAtlasForm());
     const formVisible = 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 = computed(
       () => {
-        const _arr = props.modelValue.map((item) => {
-          debugger;
+        const _arr = props.modelValue.map((item, index) => {
           const extension = item.path.slice(item.path.lastIndexOf("."));
           let type = 0;
           if (imgExtension.includes(extension)) {
@@ -69,13 +75,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           } else if (videoExtension.includes(extension)) {
             type = 2;
           }
-          return { ...item, type };
+          return { ...item, type, uid: item.title + index };
         });
         return _arr;
       }
     );
     window.atlasDv = atlasDv;
     window.atlas = atlas;
+    window.modelValue = props.modelValue;
     const showAtlasFormHandle = () => {
       formVisible.value = true;
       atlasDv.addRecord({
@@ -86,25 +93,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       atlasDv.reset();
     });
     const saveAlatsHandle = async () => {
-      atlas.value.push(atlasDv.data);
+      if (atlasDv.data.uid) {
+        const index = atlas.value.findIndex((item) => item.uid == atlasDv.data.uid);
+        atlas.value[index] = { ...atlas.value[index], ...atlasDv.data };
+      } else {
+        atlas.value.push(atlasDv.data);
+      }
+      emit("update:modelValue", atlas.value);
       formVisible.value = false;
     };
+    const deleteHandle = (index) => {
+      atlas.value.splice(index, 1);
+      emit("update:modelValue", atlas.value);
+    };
+    const editHandle = (item) => {
+      atlasDv.addRecord(item);
+      formVisible.value = true;
+    };
     onMounted(async () => {
       await atlasDv.init();
-      atlasDv.setData(atlas.value);
     });
     return (_ctx, _cache) => {
       const _component_MKSvgIcon = resolveComponent("MKSvgIcon");
       const _component_el_empty = resolveComponent("el-empty");
       const _component_el_image = resolveComponent("el-image");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = resolveComponent("el-dropdown");
       const _component_el_card = resolveComponent("el-card");
-      const _component_el_scrollbar = resolveComponent("el-scrollbar");
       const _component_el_button = resolveComponent("el-button");
       const _component_el_dialog = resolveComponent("el-dialog");
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
       return openBlock(), createBlock(_component_el_card, { class: "cms-article-atlas" }, {
         header: withCtx(() => [
           createElementVNode("div", {
-            onClick: _cache[0] || (_cache[0] = ($event) => showAtlasFormHandle())
+            onClick: _cache[0] || (_cache[0] = ($event) => showAtlasFormHandle()),
+            class: "cms-article-atlas__header"
           }, [
             createElementVNode("span", null, [
               createVNode(_component_MKSvgIcon, {
@@ -113,88 +138,162 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }),
               createTextVNode(" 文章媒体库 ")
             ]),
-            createElementVNode("div", _hoisted_1, [
-              createVNode(_component_MKSvgIcon, {
-                class: "btn",
-                iconClass: "Plus",
-                style: { "color": "#409EFF" }
-              })
-            ])
+            createVNode(_component_MKSvgIcon, {
+              class: "cms-article-atlas__header__btn",
+              iconClass: "Plus",
+              style: { "color": "#409EFF" }
+            })
           ])
         ]),
         default: withCtx(() => [
           atlas.value.length <= 0 ? (openBlock(), createBlock(_component_el_empty, {
             key: 0,
             description: "暂无内容"
-          })) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_2, [
-            createVNode(_component_el_scrollbar, null, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(atlas.value, (item) => {
-                  return openBlock(), createBlock(_component_el_card, {
-                    class: "cms-article-atlas__list__item",
-                    key: item.id
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_component_el_image, {
-                        class: "images",
-                        src: item.path,
-                        fit: "contain"
+          })) : (openBlock(), createBlock(_component_el_scrollbar, {
+            key: 1,
+            class: "cms-article-atlas__list"
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(atlas.value, (item, index) => {
+                return openBlock(), createBlock(_component_el_card, {
+                  class: "cms-article-atlas__list__item",
+                  key: item.id
+                }, {
+                  default: withCtx(() => [
+                    item.type == 1 ? (openBlock(), createBlock(_component_el_image, {
+                      key: 0,
+                      class: "images",
+                      src: item.path,
+                      fit: "contain"
+                    }, {
+                      default: withCtx(() => [
+                        _hoisted_1
+                      ]),
+                      _: 2
+                    }, 1032, ["src"])) : createCommentVNode("", true),
+                    item.type == 2 ? (openBlock(), createElementBlock("video", {
+                      key: 1,
+                      class: "video",
+                      src: item.path,
+                      controls: ""
+                    }, null, 8, _hoisted_2)) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_3, [
+                      createElementVNode("div", _hoisted_4, [
+                        createElementVNode("div", _hoisted_5, [
+                          item.type == 1 ? (openBlock(), createBlock(_component_MKSvgIcon, {
+                            key: 0,
+                            class: "icon",
+                            iconClass: "Picture"
+                          })) : createCommentVNode("", true),
+                          item.type == 2 ? (openBlock(), createBlock(_component_MKSvgIcon, {
+                            key: 1,
+                            class: "icon",
+                            iconClass: "VideoCamera"
+                          })) : createCommentVNode("", true),
+                          createElementVNode("span", {
+                            title: item.title
+                          }, toDisplayString(item.title), 9, _hoisted_6)
+                        ]),
+                        createElementVNode("div", _hoisted_7, [
+                          item.link ? (openBlock(), createBlock(_component_MKSvgIcon, {
+                            key: 0,
+                            class: "icon",
+                            iconClass: "Link"
+                          })) : createCommentVNode("", true),
+                          createElementVNode("a", {
+                            href: item.link,
+                            target: "_blank",
+                            title: item.path
+                          }, toDisplayString(item.link), 9, _hoisted_8)
+                        ])
+                      ]),
+                      createVNode(_component_el_dropdown, {
+                        trigger: "click",
+                        teleported: false,
+                        class: "item-desc-right"
                       }, {
+                        dropdown: withCtx(() => [
+                          createVNode(_component_el_dropdown_menu, null, {
+                            default: withCtx(() => [
+                              createVNode(_component_el_dropdown_item, {
+                                class: "edit-button",
+                                icon: unref(EditPen),
+                                onClick: ($event) => editHandle(item)
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("编辑")
+                                ]),
+                                _: 2
+                              }, 1032, ["icon", "onClick"]),
+                              createVNode(_component_el_dropdown_item, {
+                                class: "delete-button",
+                                icon: unref(Delete),
+                                onClick: ($event) => deleteHandle(index)
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("删除")
+                                ]),
+                                _: 2
+                              }, 1032, ["icon", "onClick"])
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
                         default: withCtx(() => [
-                          _hoisted_3
+                          createElementVNode("span", _hoisted_9, [
+                            createTextVNode(" 更多"),
+                            createVNode(_component_el_icon, { class: "el-icon--right" }, {
+                              default: withCtx(() => [
+                                createVNode(unref(ArrowDown))
+                              ]),
+                              _: 1
+                            })
+                          ])
                         ]),
                         _: 2
-                      }, 1032, ["src"]),
-                      item.type == 2 ? (openBlock(), createElementBlock("video", {
-                        key: 0,
-                        class: "video",
-                        src: item.path,
-                        style: { "width": "100%", "height": "200px" },
-                        controls: ""
-                      }, null, 8, _hoisted_4)) : createCommentVNode("", true)
-                    ]),
-                    _: 2
-                  }, 1024);
-                }), 128))
-              ]),
-              _: 1
-            }),
-            createVNode(_component_el_dialog, {
-              modelValue: formVisible.value,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => formVisible.value = $event),
-              "append-to-body": ""
-            }, {
-              footer: withCtx(() => [
-                createVNode(_component_el_button, {
-                  type: "primary",
-                  onClick: saveAlatsHandle
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("保存")
+                      }, 1024)
+                    ])
                   ]),
-                  _: 1
-                }),
-                createVNode(_component_el_button, {
-                  onClick: _cache[1] || (_cache[1] = ($event) => formVisible.value = false)
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(" 取消 ")
-                  ]),
-                  _: 1
-                })
-              ]),
-              default: withCtx(() => [
-                createVNode(unref(MKDataForm), { dataForm: atlasDv }, {
-                  default: withCtx(() => [
-                    createVNode(unref(MKForm))
-                  ]),
-                  _: 1
-                }, 8, ["dataForm"])
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ])
+                  _: 2
+                }, 1024);
+              }), 128)),
+              createVNode(_component_el_dialog, {
+                modelValue: formVisible.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => formVisible.value = $event),
+                "append-to-body": ""
+              }, {
+                footer: withCtx(() => [
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    onClick: saveAlatsHandle
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode("保存")
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_button, {
+                    onClick: _cache[1] || (_cache[1] = ($event) => formVisible.value = false)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" 取消 ")
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: withCtx(() => [
+                  createVNode(unref(MKDataForm), { dataForm: atlasDv }, {
+                    default: withCtx(() => [
+                      createVNode(unref(MKForm))
+                    ]),
+                    _: 1
+                  }, 8, ["dataForm"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }))
         ]),
         _: 1
       });

package/dist/esm/modules/cms/pages/cms-contents/components/article-atlas.vue.js.map CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/cms/pages/cms-contents/index.vue"],"sourcesContent":["<template>\n <div class=\"mk-cms-contents__warp\">\n <el-page-header style=\"background-color: #fff; padding: 10px\" :icon=\"null\">\n <template #title>\n <h3 style=\"color: var(--el-text-color-regular); margin-left: 10px\">\n <MKSvgIcon iconClass=\"Memo\" style=\"margin-right: 5px\" />\n 内容管理\n </h3>\n </template>\n <template #extra>\n <div class=\"flex items-center\">\n <el-button\n type=\"primary\"\n size=\"large\"\n text\n @click=\"showPartFormHandle\"\n >\n 添加栏目\n <MKSvgIcon iconClass=\"Plus\" style=\"margin-left: 10px\" />\n </el-button>\n </div>\n </template>\n </el-page-header>\n <div class=\"mk-cms-contents__body\">\n <MKPartTree\n class=\"mk-cms-contents__body__left\"\n @select=\"selectPartHandle\"\n @edit=\"editPartHandle\"\n @add=\"showPartFormHandle\"\n @deleteSuccessfully=\"deletePartHandle\"\n ref=\"partTreeRef\"\n />\n <el-tabs\n v-if=\"curSelectPartItem\"\n v-model=\"activeTabName\"\n class=\"mk-cms-contents__body__right\"\n >\n <el-tab-pane label=\"文章列表\" name=\"article-list\">\n <ArticleList\n v-if=\"activeTabName == 'article-list'\"\n :part=\"curSelectPartItem\"\n />\n </el-tab-pane>\n <el-tab-pane label=\"栏目信息\" name=\"part\">\n <PartInfo :part=\"curSelectPartItem\" v-if=\"activeTabName == 'part'\" />\n </el-tab-pane>\n <el-tab-pane\n label=\"栏目内容\"\n name=\"part-content\"\n style=\"background-color: #f4f4f4\"\n v-if=\"curSelectPartItem.cmsPartTypeId != 1\"\n >\n <MKDocEditor\n v-if=\"activeTabName == 'part-content'\"\n placeholder=\"从这里开始写正文...\"\n />\n </el-tab-pane>\n </el-tabs>\n <el-empty v-else description=\"请选择栏目\" style=\"width: 100%\" />\n </div>\n </div>\n</template>\n<script setup lang=\"ts\">\nimport { MKPartTree } from \"../../components\";\nimport ArticleList from \"./components/article-list.vue\";\nimport PartInfo from \"./components/part-info.vue\";\nimport { MKCopyContainer, MKDocEditor } from \"../../../../components\";\nimport { onMounted, reactive, ref } from \"vue\";\nimport { DataForm, Dialoger, FormColumn, isWhereFilter } from \"@maketribe/dm\";\nimport { CmsPartForm, CmsPartTypesTable } from \"../../dataviews\";\nimport { useRoute } from \"vue-router\";\n//路由\nconst route = useRoute();\n\n// 激活的tab\nconst activeTabName = ref(\"article-list\");\n\n// 当前选中的菜单\nconst curSelectPartItem = ref(null as any);\n// 栏目树ref\nconst partTreeRef = ref(null);\n\n// 选择栏目\nconst selectPartHandle = (item: any) => {\n curSelectPartItem.value = item;\n};\n//删除栏目\nconst deletePartHandle = (item: any) => {\n if (item.id == curSelectPartItem.value.id) {\n curSelectPartItem.value = null;\n }\n};\n//编辑栏目\nconst editPartHandle = (item: any) => {\n curSelectPartItem.value = item;\n activeTabName.value = \"part\";\n};\n\nif (!!route.query.partId) {\n curSelectPartItem.value = { id: route.query.partId };\n}\n\n//栏目表单\nconst partForm = reactive(\n new (class extends CmsPartForm {\n protected async initialize() {\n await super.initialize();\n this.setColumns([\n new FormColumn({\n name: \"cmsPartTypeId\",\n label: \"栏目类型\",\n componentInfo: \"MKFormDataSelect\",\n defaultValue: \"2\",\n componentProps: {\n dataTable: this.register(\n new CmsPartTypesTable()\n ) as CmsPartTypesTable,\n },\n required: true,\n }),\n new FormColumn({\n name: \"name\",\n label: \"栏目名称\",\n required: true,\n }),\n new FormColumn({\n name: \"title\",\n label: \"栏目标题\",\n required: true,\n }),\n ]);\n }\n })()\n);\n/*\n 显示添加栏目表单\n */\nconst showPartFormHandle = async (item?: any) => {\n await Dialoger.dataFormDialog({\n dataForm: partForm as CmsPartForm,\n });\n\n if (item.id) {\n partForm.addRecord({\n parentId: item.id,\n });\n }\n};\n//\npartForm.submittedEvent.on(() => {\n (partTreeRef.value! as any).dataTree?.load();\n});\n\n// 挂在完成之后\nonMounted(async () => {});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA,UAAM,QAAQ;AAGR,UAAA,gBAAgB,IAAI,cAAc;AAGlC,UAAA,oBAAoB,IAAI,IAAW;AAEnC,UAAA,cAAc,IAAI,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,WAAW;AAAA,MACf,IAAK,cAAc,YAAY;AAAA,QAC7B,MAAgB,aAAa;AAC3B,gBAAM,MAAM;AACZ,eAAK,WAAW;AAAA,YACd,IAAI,WAAW;AAAA,cACb,MAAM;AAAA,cACN,OAAO;AAAA,cACP,eAAe;AAAA,cACf,cAAc;AAAA,cACd,gBAAgB;AAAA,gBACd,WAAW,KAAK;AAAA,kBACd,IAAI,kBAAkB;AAAA,gBACxB;AAAA,cACF;AAAA,cACA,UAAU;AAAA,YAAA,CACX;AAAA,YACD,IAAI,WAAW;AAAA,cACb,MAAM;AAAA,cACN,OAAO;AAAA,cACP,UAAU;AAAA,YAAA,CACX;AAAA,YACD,IAAI,WAAW;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,YAAM,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;AAGD,cAAU,YAAY;AAAA,IAAA,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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 </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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA,UAAM,QAAQ;AAGR,UAAA,gBAAgB,IAAI,cAAc;AAGlC,UAAA,oBAAoB,IAAI,IAAW;AAEnC,UAAA,cAAc,IAAI,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,WAAW;AAAA,MACf,IAAK,cAAc,YAAY;AAAA,QAC7B,MAAgB,aAAa;AAC3B,gBAAM,MAAM;AACZ,eAAK,WAAW;AAAA,YACd,IAAI,WAAW;AAAA,cACb,MAAM;AAAA,cACN,OAAO;AAAA,cACP,eAAe;AAAA,cACf,cAAc;AAAA,cACd,gBAAgB;AAAA,gBACd,WAAW,KAAK;AAAA,kBACd,IAAI,kBAAkB;AAAA,gBACxB;AAAA,cACF;AAAA,cACA,UAAU;AAAA,YAAA,CACX;AAAA,YACD,IAAI,WAAW;AAAA,cACb,MAAM;AAAA,cACN,OAAO;AAAA,cACP,UAAU;AAAA,YAAA,CACX;AAAA,YACD,IAAI,WAAW;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,YAAM,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;AAGD,cAAU,YAAY;AAAA,IAAA,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

	@@ -1 +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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,kBAAkB;AAAA,MACtB,IAAI,gBAAgB,EAAE,SAAS,QAAQ;AAAA,IAAA;;;;;;;;;;;"}
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\"></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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,kBAAkB;AAAA,MACtB,IAAI,gBAAgB,EAAE,SAAS,QAAQ;AAAA,IAAA;;;;;;;;;;;"}

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

	@@ -1 +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;"}
1	+ {"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/material-group.vue.js CHANGED Viewed

@@ -71,9 +71,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const treeRef = ref(null);
     const materialGroupTree = computed(() => props.materialMan.materialGroupTree);
     const loading = 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) => {
@@ -141,6 +141,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(MKTree), {
                     "data-tree": materialGroupTree.value,
+                    allowSelectContainer: false,
                     onNodeClick: handleNodeClick,
                     ref_key: "treeRef",
                     ref: treeRef

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

	@@ -1 +1 @@
1	- {"version":3,"file":"material-group.vue.js","sources":["../../../../../../src/modules/ms/components/material-list/material-group.vue"],"sourcesContent":["<template>\n <div class=\"mk-material-group\" v-loading=\"loading\">\n <div class=\"mk-material-group__header\">\n <div class=\"mk-material-group__header-title\">素材分组</div>\n <MaterialGroupFromPopper\n :material-man=\"materialMan\"\n :material-group-form=\"materialGroupForm\"\n >\n <ElButton\n @click=\"handleAddClick\"\n :icon=\"Plus\"\n size=\"small\"\n type=\"primary\"\n >\n </ElButton>\n </MaterialGroupFromPopper>\n </div>\n <div class=\"mk-material-group__main\">\n <ElScrollbar height=\"100%\">\n <MKDataTable :data-table=\"materialGroupTree\" highlight-current>\n <MKTree\n :data-tree=\"materialGroupTree\"\n @nodeClick=\"handleNodeClick\"\n ref=\"treeRef\"\n >\n <template #node-tools=\"{ data }\">\n <div class=\"mk-material-group__tools\" @click.stop>\n <ElTooltip content=\"添加\">\n <span class=\"mk-material-group__tools-item\">\n <MaterialGroupFromPopper\n :material-man=\"materialMan\"\n :material-group-form=\"materialGroupForm\"\n >\n <ElIcon @click=\"handleAddClick(data.data)\">\n <Plus />\n </ElIcon>\n </MaterialGroupFromPopper>\n </span>\n </ElTooltip>\n <ElTooltip content=\"编辑\">\n <span class=\"mk-material-group__tools-item\">\n <MaterialGroupFromPopper\n :material-man=\"materialMan\"\n :material-group-form=\"materialGroupForm\"\n >\n <ElIcon @click=\"handleEditClick(data.data)\">\n <Edit />\n </ElIcon>\n </MaterialGroupFromPopper>\n </span>\n </ElTooltip>\n <ElTooltip content=\"删除\">\n <span class=\"mk-material-group__tools-item\">\n <ElIcon @click=\"handleDeleteClick(data.data)\">\n <Delete />\n </ElIcon>\n </span>\n </ElTooltip>\n </div>\n </template>\n </MKTree>\n </MKDataTable>\n </ElScrollbar>\n </div>\n <div class=\"mk-material-group__footer\"></div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, reactive, ref, Ref, onMounted } from \"vue\";\nimport { ElMessage, ElMessageBox } from \"element-plus\";\nimport { Plus, Edit, Delete } from \"@element-plus/icons-vue\";\nimport {\n MsMaterialMan,\n MsMaterialGroupNode,\n MsMaterialGroupForm,\n} from \"../../dataviews\";\nimport { MKDataTable, MKTree } from \"../../../../components\";\n\nimport { useI18n } from \"../../../../composables\";\nimport MaterialGroupFromPopper from \"./material-group-form-popover.vue\";\nimport { DataTreeNode } from \"@maketribe/dm\";\n\nconst props = defineProps({\n materialMan: {\n type: MsMaterialMan,\n required: true,\n },\n});\n\nconst i18n = useI18n()!;\n\nconst materialGroupForm = reactive(\n new MsMaterialGroupForm()\n) as MsMaterialGroupForm;\n\nconst treeRef: Ref<typeof MKTree \| null> = ref(null);\n\nconst materialGroupTree = computed(() => props.materialMan.materialGroupTree);\n\nconst loading = computed(() => props.materialMan.materialGroupTree.loading);\n\nconst handleNodeClick = (~~item~~: DataTreeNode<MsMaterialGroupNode>) => {\n if (~~!item~~.~~children.length~~) {\n props.materialMan.setCurrentMaterialGroup(~~item~~.data);\n }\n};\n\nconst 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\nconst handleEditClick = (item: MsMaterialGroupNode) => {\n materialGroupForm.editRecord(item);\n};\n\nconst handleDeleteClick = async (item: MsMaterialGroupNode) => {\n const isConfirm = await ElMessageBox.confirm(\n i18n.translate(\"mk.dataTablePage.deleteMessage\"),\n i18n.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 props.materialMan.materialGroupTree.deleteAfterRefresh(\n item\n );\n\n if (result.data.code !== 200) {\n ElMessage.error(result.data.msg);\n return;\n }\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAmFA~~,UAAM,QAAQ;AAOd,UAAM,OAAO;AAEb,UAAM,oBAAoB;AAAA,MACxB,IAAI,oBAAoB;AAAA,IAAA;AAGpB,UAAA,UAAqC,IAAI,IAAI;AAEnD,UAAM,oBAAoB,SAAS,MAAM,MAAM,YAAY,iBAAiB;AAE5E,UAAM,UAAU,SAAS,MAAM,MAAM,YAAY,kBAAkB,OAAO;AAEpE,UAAA,kBAAkB,CAAC,SAA4C;~~AAC/D~~,~~UAAA~~,~~CAAC,~~KAAK,~~SAAS,~~QAAQ;~~AACnB~~,cAAA,YAAY,wBAAwB,KAAK,IAAI;AAAA,MACrD;AAAA,IAAA;AAGI,UAAA,iBAAiB,OAAO,WAAiC;AAC7D,wBAAkB,UAAU;AAE5B,YAAM,SAAS;AAEf,wBAAkB,QAAQ;AAAA,QACxB,GAAG,kBAAkB;AAAA,QACrB,gBAAe,iCAAQ,OAAM;AAAA,MAAA,CACP;AAAA,IAAA;AAGpB,UAAA,kBAAkB,CAAC,SAA8B;AACrD,wBAAkB,WAAW,IAAI;AAAA,IAAA;AAG7B,UAAA,oBAAoB,OAAO,SAA8B;AACvD,YAAA,YAAY,MAAM,aAAa;AAAA,QACnC,KAAK,UAAU,gCAAgC;AAAA,QAC/C,KAAK,UAAU,8BAA8B;AAAA,QAC7C,EAAE,MAAM,UAAU;AAAA,MAAA,EAClB;AAAA,QACA,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAGR,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AAEA,YAAM,SAAS,MAAM,MAAM,YAAY,kBAAkB;AAAA,QACvD;AAAA,MAAA;AAGE,UAAA,OAAO,KAAK,SAAS,KAAK;AAClB,kBAAA,MAAM,OAAO,KAAK,GAAG;AAC/B;AAAA,MACF;AAAA,IAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"material-group.vue.js","sources":["../../../../../../src/modules/ms/components/material-list/material-group.vue"],"sourcesContent":["<template>\r\n <div class=\"mk-material-group\" v-loading=\"loading\">\r\n <div class=\"mk-material-group__header\">\r\n <div class=\"mk-material-group__header-title\">素材分组</div>\r\n <MaterialGroupFromPopper\r\n :material-man=\"materialMan\"\r\n :material-group-form=\"materialGroupForm\"\r\n >\r\n <ElButton\r\n @click=\"handleAddClick\"\r\n :icon=\"Plus\"\r\n size=\"small\"\r\n type=\"primary\"\r\n >\r\n </ElButton>\r\n </MaterialGroupFromPopper>\r\n </div>\r\n <div class=\"mk-material-group__main\">\r\n <ElScrollbar height=\"100%\">\r\n <MKDataTable :data-table=\"materialGroupTree\" highlight-current>\r\n <MKTree\r\n :data-tree=\"materialGroupTree\"\r\n :allowSelectContainer=\"false\"\r\n @nodeClick=\"handleNodeClick\"\r\n ref=\"treeRef\"\r\n >\r\n <template #node-tools=\"{ data }\">\r\n <div class=\"mk-material-group__tools\" @click.stop>\r\n <ElTooltip content=\"添加\">\r\n <span class=\"mk-material-group__tools-item\">\r\n <MaterialGroupFromPopper\r\n :material-man=\"materialMan\"\r\n :material-group-form=\"materialGroupForm\"\r\n >\r\n <ElIcon @click=\"handleAddClick(data.data)\">\r\n <Plus />\r\n </ElIcon>\r\n </MaterialGroupFromPopper>\r\n </span>\r\n </ElTooltip>\r\n <ElTooltip content=\"编辑\">\r\n <span class=\"mk-material-group__tools-item\">\r\n <MaterialGroupFromPopper\r\n :material-man=\"materialMan\"\r\n :material-group-form=\"materialGroupForm\"\r\n >\r\n <ElIcon @click=\"handleEditClick(data.data)\">\r\n <Edit />\r\n </ElIcon>\r\n </MaterialGroupFromPopper>\r\n </span>\r\n </ElTooltip>\r\n <ElTooltip content=\"删除\">\r\n <span class=\"mk-material-group__tools-item\">\r\n <ElIcon @click=\"handleDeleteClick(data.data)\">\r\n <Delete />\r\n </ElIcon>\r\n </span>\r\n </ElTooltip>\r\n </div>\r\n </template>\r\n </MKTree>\r\n </MKDataTable>\r\n </ElScrollbar>\r\n </div>\r\n <div class=\"mk-material-group__footer\"></div>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, nextTick, reactive, ref, Ref, onMounted } from \"vue\";\r\nimport { ElMessage, ElMessageBox } from \"element-plus\";\r\nimport { Plus, Edit, Delete } from \"@element-plus/icons-vue\";\r\nimport {\r\n MsMaterialMan,\r\n MsMaterialGroupNode,\r\n MsMaterialGroupForm,\r\n} from \"../../dataviews\";\r\nimport { MKDataTable, MKTree } from \"../../../../components\";\r\n\r\nimport { useI18n } from \"../../../../composables\";\r\nimport MaterialGroupFromPopper from \"./material-group-form-popover.vue\";\r\nimport { DataTreeNode } from \"@maketribe/dm\";\r\n\r\nconst props = defineProps({\r\n materialMan: {\r\n type: MsMaterialMan,\r\n required: true,\r\n },\r\n});\r\n\r\nconst i18n = useI18n()!;\r\n\r\nconst materialGroupForm = reactive(\r\n new MsMaterialGroupForm()\r\n) as MsMaterialGroupForm;\r\n\r\nconst treeRef: Ref<typeof MKTree \| null> = ref(null);\r\n\r\nconst materialGroupTree = computed(() => props.materialMan.materialGroupTree);\r\n\r\nconst loading = computed(() => props.materialMan.materialGroupTree.loading);\r\n\r\nconst handleNodeClick = (node: DataTreeNode<MsMaterialGroupNode>) => {\r\n if (node.isLeaf) {\r\n props.materialMan.setCurrentMaterialGroup(node.data);\r\n }\r\n};\r\n\r\nconst 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\nconst handleEditClick = (item: MsMaterialGroupNode) => {\r\n materialGroupForm.editRecord(item);\r\n};\r\n\r\nconst handleDeleteClick = async (item: MsMaterialGroupNode) => {\r\n const isConfirm = await ElMessageBox.confirm(\r\n i18n.translate(\"mk.dataTablePage.deleteMessage\"),\r\n i18n.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 props.materialMan.materialGroupTree.deleteAfterRefresh(\r\n item\r\n );\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</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFA,UAAM,QAAQ;AAOd,UAAM,OAAO;AAEb,UAAM,oBAAoB;AAAA,MACxB,IAAI,oBAAoB;AAAA,IAAA;AAGpB,UAAA,UAAqC,IAAI,IAAI;AAEnD,UAAM,oBAAoB,SAAS,MAAM,MAAM,YAAY,iBAAiB;AAE5E,UAAM,UAAU,SAAS,MAAM,MAAM,YAAY,kBAAkB,OAAO;AAEpE,UAAA,kBAAkB,CAAC,SAA4C;AACnE,UAAI,KAAK,QAAQ;AACT,cAAA,YAAY,wBAAwB,KAAK,IAAI;AAAA,MACrD;AAAA,IAAA;AAGI,UAAA,iBAAiB,OAAO,WAAiC;AAC7D,wBAAkB,UAAU;AAE5B,YAAM,SAAS;AAEf,wBAAkB,QAAQ;AAAA,QACxB,GAAG,kBAAkB;AAAA,QACrB,gBAAe,iCAAQ,OAAM;AAAA,MAAA,CACP;AAAA,IAAA;AAGpB,UAAA,kBAAkB,CAAC,SAA8B;AACrD,wBAAkB,WAAW,IAAI;AAAA,IAAA;AAG7B,UAAA,oBAAoB,OAAO,SAA8B;AACvD,YAAA,YAAY,MAAM,aAAa;AAAA,QACnC,KAAK,UAAU,gCAAgC;AAAA,QAC/C,KAAK,UAAU,8BAA8B;AAAA,QAC7C,EAAE,MAAM,UAAU;AAAA,MAAA,EAClB;AAAA,QACA,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAGR,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AAEA,YAAM,SAAS,MAAM,MAAM,YAAY,kBAAkB;AAAA,QACvD;AAAA,MAAA;AAGE,UAAA,OAAO,KAAK,SAAS,KAAK;AAClB,kBAAA,MAAM,OAAO,KAAK,GAAG;AAC/B;AAAA,MACF;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/modules/ms/components/material-list/material-list.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"material-list.vue.js","sources":["../../../../../../src/modules/ms/components/material-list/material-list.vue"],"sourcesContent":["<template>\n <div class=\"mk-material-list\">\n <MaterialGroup :material-man=\"materialMan\" />\n\n <div class=\"mk-material-list__main\" v-loading=\"loading\">\n <div class=\"mk-material-list__header\">\n <div class=\"mk-material-list__header-left\">\n <div class=\"mk-material-list__types\">\n <div\n v-for=\"item of materialTypes\"\n :key=\"item.value\"\n :class=\"[\n 'mk-material-list__type',\n currentMaterialTypeId === item.value ? 'is-active' : '',\n ]\"\n @click=\"handleMaterialTypeClick(item)\"\n >\n {{ item.label }}\n </div>\n </div>\n </div>\n <div class=\"mk-material-list__header-right\">\n <template v-if=\"currentMaterialType\">\n <span>\n {{ currentMaterialType.label }}大小不超过\n {{ currentMaterialType.limit }} M\n </span>\n <MKWebFileUploadContext\n :web-file-upload=\"materialMan.upload\"\n :accept=\"currentMaterialType.accept\"\n >\n <MKUploadFile>\n <ElButton type=\"primary\">\n 选择{{ currentMaterialType.label }}\n </ElButton>\n </MKUploadFile>\n </MKWebFileUploadContext>\n </template>\n </div>\n </div>\n\n <div class=\"mk-material-list__body\">\n <MKDataTable :data-table=\"materialMan.materialTable\">\n <ElScrollbar height=\"100%\">\n <div class=\"mk-material-list__wrapper\">\n <MaterialItem\n v-for=\"material of materialList\"\n :key=\"material.id\"\n :class=\"[\n 'mk-material-list__item',\n value === material.path ? 'is-current' : '',\n ]\"\n :material-table=\"materialTable\"\n :material=\"material\"\n @click.capture=\"handleMaterialItemClick($event, material)\"\n />\n </div>\n </ElScrollbar>\n <div class=\"mk-material-list__footer\">\n <ElPagination\n class=\"mk-data-table-pagination\"\n :background=\"true\"\n :pageSizes=\"unref(pageSizes)\"\n :currentPage=\"unref(currentPage)\"\n :pageSize=\"unref(pageSize)\"\n :total=\"unref(totalRecCount)\"\n layout=\"prev, pager, next\"\n @current-change=\"changeCurrentPage\"\n @size-change=\"changePageSize\"\n />\n </div>\n </MKDataTable>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref } from \"vue\";\nimport { ElPagination } from \"element-plus\";\nimport { MsMaterialType, MsMaterial } from \"../../dataviews\";\nimport MaterialGroup from \"./material-group.vue\";\nimport MaterialItem from \"./material-item.vue\";\nimport { materialListProps, materialListEmits } from \"./material-list-options\";\nimport { MKDataTable } from \"../../../../components\";\n\ndefineOptions({ name: \"MKMaterialList\" });\n\nconst props = defineProps(materialListProps);\n\nconst emit = defineEmits(materialListEmits);\n\nprops.materialMan.init();\n\nconst loading = computed(() => props.materialMan.materialTable.loading);\n\nconst value = computed({\n get: () => {\n return props.selectable ? props.selectedPath ?? null : null;\n },\n set: (v) => {\n emit(\"update:selected-path\", v);\n },\n});\n\nconst materialTable = computed(() => props.materialMan.materialTable);\nconst pageSizes = computed(() => unref(materialTable).pageSizes);\nconst currentPage = computed({\n get: () => unref(materialTable).currentPage,\n set: (v) => {\n unref(materialTable).pageTo(v);\n },\n});\nconst pageSize = computed({\n get: () => unref(materialTable).pageSize,\n set: (v) => {\n unref(materialTable).setPageSize(v);\n unref(materialTable).load();\n },\n});\nconst totalRecCount = computed(() => unref(materialTable).totalRecCount);\nconst changeCurrentPage = (v: number) => {\n currentPage.value = v;\n};\nconst changePageSize = (v: number) => {\n pageSize.value = v;\n};\n\nconst materialList = computed(() => unref(materialTable).getList());\nconst materialTypes = computed(() => props.materialMan.getMaterialType());\nconst currentMaterialTypeId = computed(\n () => props.materialMan.currentMaterialTypeId\n);\n\nconst currentMaterialType = computed(\n () => props.materialMan.currentMaterialType\n);\n\nconst handleMaterialTypeClick = (materialType: MsMaterialType) => {\n if (materialType.value === unref(currentMaterialTypeId)) {\n return;\n }\n\n props.materialMan.setCurrentMaterialTypeId(materialType.value);\n};\n\nconst handleMaterialItemClick = (event: MouseEvent, material: MsMaterial) => {\n if (!props.selectable) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n value.value = material.path;\n emit(\"selectedChange\", material);\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwFA,UAAM,QAAQ;AAEd,UAAM,OAAO;AAEb,UAAM,YAAY;AAElB,UAAM,UAAU,SAAS,MAAM,MAAM,YAAY,cAAc,OAAO;AAEtE,UAAM,QAAQ,SAAS;AAAA,MACrB,KAAK,MAAM;AACT,eAAO,MAAM,aAAa,MAAM,gBAAgB,OAAO;AAAA,MACzD;AAAA,MACA,KAAK,CAAC,MAAM;AACV,aAAK,wBAAwB,CAAC;AAAA,MAChC;AAAA,IAAA,CACD;AAED,UAAM,gBAAgB,SAAS,MAAM,MAAM,YAAY,aAAa;AACpE,UAAM,YAAY,SAAS,MAAM,MAAM,aAAa,EAAE,SAAS;AAC/D,UAAM,cAAc,SAAS;AAAA,MAC3B,KAAK,MAAM,MAAM,aAAa,EAAE;AAAA,MAChC,KAAK,CAAC,MAAM;AACJ,cAAA,aAAa,EAAE,OAAO,CAAC;AAAA,MAC/B;AAAA,IAAA,CACD;AACD,UAAM,WAAW,SAAS;AAAA,MACxB,KAAK,MAAM,MAAM,aAAa,EAAE;AAAA,MAChC,KAAK,CAAC,MAAM;AACJ,cAAA,aAAa,EAAE,YAAY,CAAC;AAC5B,cAAA,aAAa,EAAE;MACvB;AAAA,IAAA,CACD;AACD,UAAM,gBAAgB,SAAS,MAAM,MAAM,aAAa,EAAE,aAAa;AACjE,UAAA,oBAAoB,CAAC,MAAc;AACvC,kBAAY,QAAQ;AAAA,IAAA;AAEhB,UAAA,iBAAiB,CAAC,MAAc;AACpC,eAAS,QAAQ;AAAA,IAAA;AAGnB,UAAM,eAAe,SAAS,MAAM,MAAM,aAAa,EAAE,SAAS;AAClE,UAAM,gBAAgB,SAAS,MAAM,MAAM,YAAY,iBAAiB;AACxE,UAAM,wBAAwB;AAAA,MAC5B,MAAM,MAAM,YAAY;AAAA,IAAA;AAG1B,UAAM,sBAAsB;AAAA,MAC1B,MAAM,MAAM,YAAY;AAAA,IAAA;AAGpB,UAAA,0BAA0B,CAAC,iBAAiC;AAChE,UAAI,aAAa,UAAU,MAAM,qBAAqB,GAAG;AACvD;AAAA,MACF;AAEM,YAAA,YAAY,yBAAyB,aAAa,KAAK;AAAA,IAAA;AAGzD,UAAA,0BAA0B,CAAC,OAAmB,aAAyB;AACvE,UAAA,CAAC,MAAM,YAAY;AACrB;AAAA,MACF;AAEA,YAAM,eAAe;AACrB,YAAM,gBAAgB;AAEtB,YAAM,QAAQ,SAAS;AACvB,WAAK,kBAAkB,QAAQ;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"material-list.vue.js","sources":["../../../../../../src/modules/ms/components/material-list/material-list.vue"],"sourcesContent":["<template>\r\n <div class=\"mk-material-list\">\r\n <MaterialGroup :material-man=\"materialMan\" />\r\n\r\n <div class=\"mk-material-list__main\" v-loading=\"loading\">\r\n <div class=\"mk-material-list__header\">\r\n <div class=\"mk-material-list__header-left\">\r\n <div class=\"mk-material-list__types\">\r\n <div\r\n v-for=\"item of materialTypes\"\r\n :key=\"item.value\"\r\n :class=\"[\r\n 'mk-material-list__type',\r\n currentMaterialTypeId === item.value ? 'is-active' : '',\r\n ]\"\r\n @click=\"handleMaterialTypeClick(item)\"\r\n >\r\n {{ item.label }}\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mk-material-list__header-right\">\r\n <template v-if=\"currentMaterialType\">\r\n <span>\r\n {{ currentMaterialType.label }}大小不超过\r\n {{ currentMaterialType.limit }} M\r\n </span>\r\n <MKWebFileUploadContext\r\n :web-file-upload=\"materialMan.upload\"\r\n :accept=\"currentMaterialType.accept\"\r\n >\r\n <MKUploadFile>\r\n <ElButton type=\"primary\">\r\n 选择{{ currentMaterialType.label }}\r\n </ElButton>\r\n </MKUploadFile>\r\n </MKWebFileUploadContext>\r\n </template>\r\n </div>\r\n </div>\r\n\r\n <div class=\"mk-material-list__body\">\r\n <MKDataTable :data-table=\"materialMan.materialTable\">\r\n <ElScrollbar height=\"100%\">\r\n <div class=\"mk-material-list__wrapper\">\r\n <MaterialItem\r\n v-for=\"material of materialList\"\r\n :key=\"material.id\"\r\n :class=\"[\r\n 'mk-material-list__item',\r\n value === material.path ? 'is-current' : '',\r\n ]\"\r\n :material-table=\"materialTable\"\r\n :material=\"material\"\r\n @click.capture=\"handleMaterialItemClick($event, material)\"\r\n />\r\n </div>\r\n </ElScrollbar>\r\n <div class=\"mk-material-list__footer\">\r\n <ElPagination\r\n class=\"mk-data-table-pagination\"\r\n :background=\"true\"\r\n :pageSizes=\"unref(pageSizes)\"\r\n :currentPage=\"unref(currentPage)\"\r\n :pageSize=\"unref(pageSize)\"\r\n :total=\"unref(totalRecCount)\"\r\n layout=\"prev, pager, next\"\r\n @current-change=\"changeCurrentPage\"\r\n @size-change=\"changePageSize\"\r\n />\r\n </div>\r\n </MKDataTable>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, unref } from \"vue\";\r\nimport { ElPagination } from \"element-plus\";\r\nimport { MsMaterialType, MsMaterial } from \"../../dataviews\";\r\nimport MaterialGroup from \"./material-group.vue\";\r\nimport MaterialItem from \"./material-item.vue\";\r\nimport { materialListProps, materialListEmits } from \"./material-list-options\";\r\nimport { MKDataTable } from \"../../../../components\";\r\n\r\ndefineOptions({ name: \"MKMaterialList\" });\r\n\r\nconst props = defineProps(materialListProps);\r\n\r\nconst emit = defineEmits(materialListEmits);\r\n\r\nprops.materialMan.init();\r\n\r\nconst loading = computed(() => props.materialMan.materialTable.loading);\r\n\r\nconst value = computed({\r\n get: () => {\r\n return props.selectable ? props.selectedPath ?? null : null;\r\n },\r\n set: (v) => {\r\n emit(\"update:selected-path\", v);\r\n },\r\n});\r\n\r\nconst materialTable = computed(() => props.materialMan.materialTable);\r\nconst pageSizes = computed(() => unref(materialTable).pageSizes);\r\nconst currentPage = computed({\r\n get: () => unref(materialTable).currentPage,\r\n set: (v) => {\r\n unref(materialTable).pageTo(v);\r\n },\r\n});\r\nconst pageSize = computed({\r\n get: () => unref(materialTable).pageSize,\r\n set: (v) => {\r\n unref(materialTable).setPageSize(v);\r\n unref(materialTable).load();\r\n },\r\n});\r\nconst totalRecCount = computed(() => unref(materialTable).totalRecCount);\r\nconst changeCurrentPage = (v: number) => {\r\n currentPage.value = v;\r\n};\r\nconst changePageSize = (v: number) => {\r\n pageSize.value = v;\r\n};\r\n\r\nconst materialList = computed(() => unref(materialTable).getList());\r\nconst materialTypes = computed(() => props.materialMan.getMaterialType());\r\nconst currentMaterialTypeId = computed(\r\n () => props.materialMan.currentMaterialTypeId\r\n);\r\n\r\nconst currentMaterialType = computed(\r\n () => props.materialMan.currentMaterialType\r\n);\r\n\r\nconst handleMaterialTypeClick = (materialType: MsMaterialType) => {\r\n if (materialType.value === unref(currentMaterialTypeId)) {\r\n return;\r\n }\r\n\r\n props.materialMan.setCurrentMaterialTypeId(materialType.value);\r\n};\r\n\r\nconst handleMaterialItemClick = (event: MouseEvent, material: MsMaterial) => {\r\n if (!props.selectable) {\r\n return;\r\n }\r\n\r\n event.preventDefault();\r\n event.stopPropagation();\r\n\r\n value.value = material.path;\r\n emit(\"selectedChange\", material);\r\n};\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwFA,UAAM,QAAQ;AAEd,UAAM,OAAO;AAEb,UAAM,YAAY;AAElB,UAAM,UAAU,SAAS,MAAM,MAAM,YAAY,cAAc,OAAO;AAEtE,UAAM,QAAQ,SAAS;AAAA,MACrB,KAAK,MAAM;AACT,eAAO,MAAM,aAAa,MAAM,gBAAgB,OAAO;AAAA,MACzD;AAAA,MACA,KAAK,CAAC,MAAM;AACV,aAAK,wBAAwB,CAAC;AAAA,MAChC;AAAA,IAAA,CACD;AAED,UAAM,gBAAgB,SAAS,MAAM,MAAM,YAAY,aAAa;AACpE,UAAM,YAAY,SAAS,MAAM,MAAM,aAAa,EAAE,SAAS;AAC/D,UAAM,cAAc,SAAS;AAAA,MAC3B,KAAK,MAAM,MAAM,aAAa,EAAE;AAAA,MAChC,KAAK,CAAC,MAAM;AACJ,cAAA,aAAa,EAAE,OAAO,CAAC;AAAA,MAC/B;AAAA,IAAA,CACD;AACD,UAAM,WAAW,SAAS;AAAA,MACxB,KAAK,MAAM,MAAM,aAAa,EAAE;AAAA,MAChC,KAAK,CAAC,MAAM;AACJ,cAAA,aAAa,EAAE,YAAY,CAAC;AAC5B,cAAA,aAAa,EAAE;MACvB;AAAA,IAAA,CACD;AACD,UAAM,gBAAgB,SAAS,MAAM,MAAM,aAAa,EAAE,aAAa;AACjE,UAAA,oBAAoB,CAAC,MAAc;AACvC,kBAAY,QAAQ;AAAA,IAAA;AAEhB,UAAA,iBAAiB,CAAC,MAAc;AACpC,eAAS,QAAQ;AAAA,IAAA;AAGnB,UAAM,eAAe,SAAS,MAAM,MAAM,aAAa,EAAE,SAAS;AAClE,UAAM,gBAAgB,SAAS,MAAM,MAAM,YAAY,iBAAiB;AACxE,UAAM,wBAAwB;AAAA,MAC5B,MAAM,MAAM,YAAY;AAAA,IAAA;AAG1B,UAAM,sBAAsB;AAAA,MAC1B,MAAM,MAAM,YAAY;AAAA,IAAA;AAGpB,UAAA,0BAA0B,CAAC,iBAAiC;AAChE,UAAI,aAAa,UAAU,MAAM,qBAAqB,GAAG;AACvD;AAAA,MACF;AAEM,YAAA,YAAY,yBAAyB,aAAa,KAAK;AAAA,IAAA;AAGzD,UAAA,0BAA0B,CAAC,OAAmB,aAAyB;AACvE,UAAA,CAAC,MAAM,YAAY;AACrB;AAAA,MACF;AAEA,YAAM,eAAe;AACrB,YAAM,gBAAgB;AAEtB,YAAM,QAAQ,SAAS;AACvB,WAAK,kBAAkB,QAAQ;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/modules/ms/components/rich-text-editor/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../src/modules/ms/components/rich-text-editor/index.ts"],"sourcesContent":["import { defineAsyncComponent } from \"vue\";\nimport { withInstall } from \"@maketribe/utils\";\n\nconst _RichTextEditor = defineAsyncComponent(\n () => import(\"./rich-text-editor\")\n);\n\nexport const MKRichTextEditor = withInstall(_RichTextEditor);\n\nexport default MKRichTextEditor;\n\nexport * from \"./rich-text-editor-options\";\n"],"names":[],"mappings":";;;AAGA,MAAM,kBAAkB;AAAA,EACtB,MAAM,OAAO,uBAAoB;AACnC;AAEa,MAAA,mBAAmB,YAAY,eAAe;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../src/modules/ms/components/rich-text-editor/index.ts"],"sourcesContent":["import { defineAsyncComponent } from \"vue\";\r\nimport { withInstall } from \"@maketribe/utils\";\r\n\r\nconst _RichTextEditor = defineAsyncComponent(\r\n () => import(\"./rich-text-editor\")\r\n);\r\n\r\nexport const MKRichTextEditor = withInstall(_RichTextEditor);\r\n\r\nexport default MKRichTextEditor;\r\n\r\nexport * from \"./rich-text-editor-options\";\r\n"],"names":[],"mappings":";;;AAGA,MAAM,kBAAkB;AAAA,EACtB,MAAM,OAAO,uBAAoB;AACnC;AAEa,MAAA,mBAAmB,YAAY,eAAe;"}

package/dist/esm/modules/ms/dataviews/log/local-log/LocalLogTree.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LocalLogTree.js","sources":["../../../../../../../src/modules/ms/dataviews/log/local-log/LocalLogTree.ts"],"sourcesContent":["import { DataTree, DataTreeNode, DataTreeOptions } from \"@maketribe/dm\";\nimport { R, CancelToken } from \"@maketribe/request\";\nimport { defineDataTree } from \"../../../../../define-data-tree\";\nimport { Event } from \"@maketribe/utils\";\n\nexport type LocalLog = {\n name: string;\n path: string;\n isDirectory: boolean;\n children: LocalLog[];\n};\n\nexport class LocalLogTree extends DataTree<LocalLog> {\n constructor(options: DataTreeOptions = { props: { label: \"name\" } }) {\n super({ name: \"local-log\", props: { label: \"path\" }, ...options });\n }\n\n protected async initialize(): Promise<void> {\n await super.initialize();\n\n this.afterInitdEvent.once(() => {\n this.append(\n this.createDataTreeNode({\n name: \"root\",\n path: \"/\",\n isDirectory: true,\n children: [],\n })\n );\n });\n }\n\n createDataTreeNode(data: LocalLog) {\n const dataTreeNode: DataTreeNode<LocalLog> =\n new (class extends DataTreeNode<LocalLog> {\n get isLeaf() {\n return !(this.data?.isDirectory ?? false);\n }\n\n protected async loadRequest(params: Record<string, any>) {\n const response = await this.httpRequest.get<\n R<LocalLog[]> & { totalRecCount: string }\n >(\"/ms/system/local-log-dir-root\", {\n params: { ...params, path: this.data!.path },\n cancelToken: new CancelToken((cancel) => {\n this.loadCancel = cancel;\n }),\n });\n\n response.data.data = response.data.data.map((item) => ({\n name: item.name,\n path: item.path,\n isDirectory: item.isDirectory,\n children: [],\n })) as LocalLog[];\n\n this.loadCancel = null;\n\n return response;\n }\n })({ name: this.name });\n\n dataTreeNode.setTree(this);\n\n dataTreeNode.setData(data);\n\n return dataTreeNode;\n }\n\n formatItem(item: LocalLog): LocalLog {\n return { ...item, children: [] };\n }\n}\n\ndefineDataTree(LocalLogTree);\n"],"names":[],"mappings":";;;AAYO,MAAM,qBAAqB,SAAmB;AAAA,EACnD,YAAY,UAA2B,EAAE,OAAO,EAAE,OAAO,OAAA,KAAY;AAC7D,UAAA,EAAE,MAAM,aAAa,OAAO,EAAE,OAAO,OAAO,GAAG,GAAG,QAAA,CAAS;AAAA,EACnE;AAAA,EAEA,MAAgB,aAA4B;AAC1C,UAAM,MAAM;AAEP,SAAA,gBAAgB,KAAK,MAAM;AACzB,WAAA;AAAA,QACH,KAAK,mBAAmB;AAAA,UACtB,MAAM;AAAA,UACN,MAAM;AAAA,UACN,aAAa;AAAA,UACb,UAAU,CAAC;AAAA,QAAA,CACZ;AAAA,MAAA;AAAA,IACH,CACD;AAAA,EACH;AAAA,EAEA,mBAAmB,MAAgB;AAC3B,UAAA,eACJ,IAAK,cAAc,aAAuB;AAAA,MACxC,IAAI,SAAS;;AACJ,eAAA,IAAE,UAAK,SAAL,mBAAW,gBAAe;AAAA,MACrC;AAAA,MAEA,MAAgB,YAAY,QAA6B;AACvD,cAAM,WAAW,MAAM,KAAK,YAAY,IAEtC,iCAAiC;AAAA,UACjC,QAAQ,EAAE,GAAG,QAAQ,MAAM,KAAK,KAAM,KAAK;AAAA,UAC3C,aAAa,IAAI,YAAY,CAAC,WAAW;AACvC,iBAAK,aAAa;AAAA,UAAA,CACnB;AAAA,QAAA,CACF;AAED,iBAAS,KAAK,OAAO,SAAS,KAAK,KAAK,IAAI,CAAC,UAAU;AAAA,UACrD,MAAM,KAAK;AAAA,UACX,MAAM,KAAK;AAAA,UACX,aAAa,KAAK;AAAA,UAClB,UAAU,CAAC;AAAA,QACX,EAAA;AAEF,aAAK,aAAa;AAEX,eAAA;AAAA,MACT;AAAA,IACC,EAAA,EAAE,MAAM,KAAK,KAAM,CAAA;AAExB,iBAAa,QAAQ,IAAI;AAEzB,iBAAa,QAAQ,IAAI;AAElB,WAAA;AAAA,EACT;AAAA,EAEA,WAAW,MAA0B;AACnC,WAAO,EAAE,GAAG,MAAM,UAAU,CAAG,EAAA;AAAA,EACjC;AACF;AAEA,eAAe,YAAY;"}
1	+ {"version":3,"file":"LocalLogTree.js","sources":["../../../../../../../src/modules/ms/dataviews/log/local-log/LocalLogTree.ts"],"sourcesContent":["import { DataTree, DataTreeNode, DataTreeOptions } from \"@maketribe/dm\";\r\nimport { R, CancelToken } from \"@maketribe/request\";\r\nimport { defineDataTree } from \"../../../../../define-data-tree\";\r\nimport { Event } from \"@maketribe/utils\";\r\n\r\nexport type LocalLog = {\r\n name: string;\r\n path: string;\r\n isDirectory: boolean;\r\n children: LocalLog[];\r\n};\r\n\r\nexport class LocalLogTree extends DataTree<LocalLog> {\r\n constructor(options: DataTreeOptions = { props: { label: \"name\" } }) {\r\n super({ name: \"local-log\", props: { label: \"path\" }, ...options });\r\n }\r\n\r\n protected async initialize(): Promise<void> {\r\n await super.initialize();\r\n\r\n this.afterInitdEvent.once(() => {\r\n this.append(\r\n this.createDataTreeNode({\r\n name: \"root\",\r\n path: \"/\",\r\n isDirectory: true,\r\n children: [],\r\n })\r\n );\r\n });\r\n }\r\n\r\n createDataTreeNode(data: LocalLog) {\r\n const dataTreeNode: DataTreeNode<LocalLog> =\r\n new (class extends DataTreeNode<LocalLog> {\r\n get isLeaf() {\r\n return !(this.data?.isDirectory ?? false);\r\n }\r\n\r\n protected async loadRequest(params: Record<string, any>) {\r\n const response = await this.httpRequest.get<\r\n R<LocalLog[]> & { totalRecCount: string }\r\n >(\"/ms/system/local-log-dir-root\", {\r\n params: { ...params, path: this.data!.path },\r\n cancelToken: new CancelToken((cancel) => {\r\n this.loadCancel = cancel;\r\n }),\r\n });\r\n\r\n response.data.data = response.data.data.map((item) => ({\r\n name: item.name,\r\n path: item.path,\r\n isDirectory: item.isDirectory,\r\n children: [],\r\n })) as LocalLog[];\r\n\r\n this.loadCancel = null;\r\n\r\n return response;\r\n }\r\n })({ name: this.name });\r\n\r\n dataTreeNode.setTree(this);\r\n\r\n dataTreeNode.setData(data);\r\n\r\n return dataTreeNode;\r\n }\r\n\r\n formatItem(item: LocalLog): LocalLog {\r\n return { ...item, children: [] };\r\n }\r\n}\r\n\r\ndefineDataTree(LocalLogTree);\r\n"],"names":[],"mappings":";;;AAYO,MAAM,qBAAqB,SAAmB;AAAA,EACnD,YAAY,UAA2B,EAAE,OAAO,EAAE,OAAO,OAAA,KAAY;AAC7D,UAAA,EAAE,MAAM,aAAa,OAAO,EAAE,OAAO,OAAO,GAAG,GAAG,QAAA,CAAS;AAAA,EACnE;AAAA,EAEA,MAAgB,aAA4B;AAC1C,UAAM,MAAM;AAEP,SAAA,gBAAgB,KAAK,MAAM;AACzB,WAAA;AAAA,QACH,KAAK,mBAAmB;AAAA,UACtB,MAAM;AAAA,UACN,MAAM;AAAA,UACN,aAAa;AAAA,UACb,UAAU,CAAC;AAAA,QAAA,CACZ;AAAA,MAAA;AAAA,IACH,CACD;AAAA,EACH;AAAA,EAEA,mBAAmB,MAAgB;AAC3B,UAAA,eACJ,IAAK,cAAc,aAAuB;AAAA,MACxC,IAAI,SAAS;;AACJ,eAAA,IAAE,UAAK,SAAL,mBAAW,gBAAe;AAAA,MACrC;AAAA,MAEA,MAAgB,YAAY,QAA6B;AACvD,cAAM,WAAW,MAAM,KAAK,YAAY,IAEtC,iCAAiC;AAAA,UACjC,QAAQ,EAAE,GAAG,QAAQ,MAAM,KAAK,KAAM,KAAK;AAAA,UAC3C,aAAa,IAAI,YAAY,CAAC,WAAW;AACvC,iBAAK,aAAa;AAAA,UAAA,CACnB;AAAA,QAAA,CACF;AAED,iBAAS,KAAK,OAAO,SAAS,KAAK,KAAK,IAAI,CAAC,UAAU;AAAA,UACrD,MAAM,KAAK;AAAA,UACX,MAAM,KAAK;AAAA,UACX,aAAa,KAAK;AAAA,UAClB,UAAU,CAAC;AAAA,QACX,EAAA;AAEF,aAAK,aAAa;AAEX,eAAA;AAAA,MACT;AAAA,IACC,EAAA,EAAE,MAAM,KAAK,KAAM,CAAA;AAExB,iBAAa,QAAQ,IAAI;AAEzB,iBAAa,QAAQ,IAAI;AAElB,WAAA;AAAA,EACT;AAAA,EAEA,WAAW,MAA0B;AACnC,WAAO,EAAE,GAAG,MAAM,UAAU,CAAG,EAAA;AAAA,EACjC;AACF;AAEA,eAAe,YAAY;"}