@maketribe/ms-app 3.2.46 → 4.0.0-alpha.2

package/dist/cjs/components/basic/visual-page-editor/toolbar.vue.js

@@ -1,50 +0,0 @@
-"use strict";
-const vue = require("vue");
-const index = require("./core/index.js");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "toolbar",
-  setup(__props) {
-    const { ViewDevice } = index.useVisualPageEditor();
-    const toolbarRef = vue.ref(null);
-    vue.onMounted(() => {
-    });
-    return (_ctx, _cache) => {
-      const _component_MKSvgIcon = vue.resolveComponent("MKSvgIcon");
-      const _component_el_button = vue.resolveComponent("el-button");
-      const _component_el_button_group = vue.resolveComponent("el-button-group");
-      return vue.openBlock(), vue.createElementBlock("div", {
-        ref_key: "toolbarRef",
-        ref: toolbarRef,
-        class: "mk-visual-page-editor-toolbar"
-      }, [
-        vue.createVNode(_component_el_button_group, null, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_el_button, {
-              text: "",
-              class: vue.normalizeClass(`${vue.unref(ViewDevice) == "pc" ? "active" : ""}`),
-              onClick: _cache[0] || (_cache[0] = ($event) => ViewDevice.value = "pc")
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, { iconClass: "Platform" })
-              ]),
-              _: 1
-            }, 8, ["class"]),
-            vue.createVNode(_component_el_button, {
-              text: "",
-              class: vue.normalizeClass(`${vue.unref(ViewDevice) == "mobile" ? "active" : ""}`),
-              onClick: _cache[1] || (_cache[1] = ($event) => ViewDevice.value = "mobile")
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, { iconClass: "Iphone" })
-              ]),
-              _: 1
-            }, 8, ["class"])
-          ]),
-          _: 1
-        })
-      ], 512);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=toolbar.vue.js.map

package/dist/cjs/components/basic/visual-page-editor/toolbar.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toolbar.vue.js","sources":["../../../../../src/components/basic/visual-page-editor/toolbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { onMounted, onUnmounted, ref,defineProps } from 'vue'\r\nimport { useVisualPageEditor } from \"./core\"\r\nconst { ViewDevice } = useVisualPageEditor();\r\nconst toolbarRef = ref<HTMLDivElement | null>(null)\r\n\r\nonMounted(() => {\r\n \r\n})\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n  <div ref=\"toolbarRef\" class=\"mk-visual-page-editor-toolbar\">\r\n    <el-button-group>\r\n      <el-button text :class=\"`${ViewDevice=='pc' ? 'active' : ''}`\" @click=\"ViewDevice='pc'\">\r\n        <MKSvgIcon iconClass=\"Platform\" /> \r\n      </el-button>\r\n      <el-button text :class=\"`${ViewDevice=='mobile' ? 'active' : ''}`\" @click=\"ViewDevice='mobile'\">\r\n        <MKSvgIcon iconClass=\"Iphone\" /> \r\n      </el-button>\r\n    </el-button-group>\r\n  </div>\r\n</template>\r\n"],"names":["useVisualPageEditor","ref","onMounted"],"mappings":";;;;;;AAGM,UAAA,EAAE,eAAeA,MAAAA;AACjB,UAAA,aAAaC,QAA2B,IAAI;AAElDC,QAAAA,UAAU,MAAM;AAAA,IAAA,CAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/basic/visual-page-editor/toolbar.vue2.js

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

package/dist/cjs/components/basic/visual-page-editor/toolbar.vue2.js.map

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

package/dist/cjs/components/business/resource-list/ResourceManager.js

@@ -1,197 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@maketribe/utils");
-require("vue");
-const dm = require("@maketribe/dm");
-require("element-plus");
-require("../../../core/DataModelDefines.js");
-const MSAppClient = require("../../../core/MSAppClient.js");
-require("@maketribe/request");
-class ResourceManager extends utils.Disposable {
-  constructor(options) {
-    super();
-    __publicField(this, "directories");
-    __publicField(this, "resourceInfoList");
-    __publicField(this, "loadingManager");
-    __publicField(this, "isShowEditDialog", false);
-    __publicField(this, "currentEditText", "");
-    __publicField(this, "filterExtensions", []);
-    __publicField(this, "baseURL", "");
-    this.directories = [];
-    this.resourceInfoList = [];
-    this.loadingManager = new dm.LoadingManager();
-    this.filterExtensions = options.extensions ?? [];
-    this.baseURL = options.baseURL;
-  }
-  get selectResourceList() {
-    return this.resourceInfoList.filter((item) => item.isSelected);
-  }
-  get loading() {
-    return this.loadingManager.loading;
-  }
-  async loadResourceInfoList(toPath = this.directories.length ? `/${this.directories.join("/")}` : "") {
-    const httpRequest = MSAppClient.MSAppClient.instance.httpRequest;
-    try {
-      this.loadingManager.startLoading();
-      const response = await httpRequest.post(
-        `${this.baseURL}/list`,
-        {
-          directoryPath: toPath,
-          extensions: this.filterExtensions
-        }
-      );
-      if (response.data.code !== 200) {
-        dm.Messager.error({ message: response.data.msg });
-        this.resourceInfoList = [];
-        return;
-      }
-      this.resourceInfoList = response.data.data.map((item) => ({
-        ...item,
-        isSelected: false
-      }));
-      var directorySegments = toPath.startsWith("/") ? toPath.slice(1).split("/") : toPath.split("/");
-      this.directories = directorySegments.filter(Boolean);
-    } catch (e) {
-      console.error(e);
-      dm.Messager.error({ message: "网络异常" });
-    } finally {
-      this.loadingManager.completeLoading();
-    }
-  }
-  async deleteSelectResourceList() {
-    const httpRequest = MSAppClient.MSAppClient.instance.httpRequest;
-    try {
-      this.loadingManager.startLoading();
-      const response = await httpRequest.post(`${this.baseURL}/delete`, {
-        paths: this.selectResourceList.map((item) => item.path)
-      });
-      if (response.data.code !== 200) {
-        dm.Messager.error({ message: response.data.msg });
-        this.loadResourceInfoList();
-        return;
-      }
-      await this.loadResourceInfoList();
-    } catch (e) {
-      console.error(e);
-      dm.Messager.error({ message: "网络异常" });
-    } finally {
-      this.loadingManager.completeLoading();
-    }
-  }
-  // 暂不做调整
-  async getExistPathList(pathList) {
-    const httpRequest = MSAppClient.MSAppClient.instance.httpRequest;
-    try {
-      this.loadingManager.startLoading();
-      const directoryPath = this.directories.length ? `/${this.directories.join("/")}` : "";
-      return await httpRequest.post(`${this.baseURL}/exist-path-list`, {
-        pathList,
-        directoryPath
-      });
-    } catch (e) {
-      console.error(e);
-      dm.Messager.error({ message: "网络异常" });
-      throw e;
-    } finally {
-      this.loadingManager.completeLoading();
-    }
-  }
-  async uploadResourceList(files) {
-    const httpRequest = MSAppClient.MSAppClient.instance.httpRequest;
-    try {
-      this.loadingManager.startLoading();
-      var directory = this.directories.length ? `/${this.directories.join("/")}` : "";
-      var formData = new FormData();
-      for (var i = 0; i < files.length; i++) {
-        formData.append(files[i].name, files[i]);
-      }
-      formData.append("directory", directory);
-      const response = await httpRequest.post(`${this.baseURL}/save`, formData);
-      if (response.data.code !== 200) {
-        dm.Messager.error({ message: response.data.msg });
-        this.loadResourceInfoList();
-        return;
-      }
-      await this.loadResourceInfoList();
-    } catch (e) {
-      console.error(e);
-      dm.Messager.error({ message: "网络异常" });
-    } finally {
-      this.loadingManager.completeLoading();
-    }
-  }
-  async downloadSelectResource() {
-    const httpRequest = MSAppClient.MSAppClient.instance.httpRequest;
-    try {
-      const response = await httpRequest.post(
-        `${this.baseURL}/download`,
-        {
-          path: this.selectResourceList[0].path
-        },
-        { responseType: "blob" }
-      );
-      const url = URL.createObjectURL(response.data);
-      var aElement = document.createElement("a");
-      aElement.href = url;
-      aElement.target = "_blank";
-      aElement.download = this.selectResourceList[0].name;
-      aElement.click();
-      URL.revokeObjectURL(url);
-    } catch (e) {
-      console.error(e);
-      dm.Messager.error({ message: "网络异常" });
-    }
-  }
-  async editSelectFile() {
-    const httpRequest = MSAppClient.MSAppClient.instance.httpRequest;
-    try {
-      this.loadingManager.startLoading();
-      var resourceInfo = this.selectResourceList[0];
-      const response = await httpRequest.post(`${this.baseURL}/text/read`, {
-        path: resourceInfo.path
-      });
-      this.isShowEditDialog = true;
-      this.currentEditText = response.data.data;
-    } finally {
-      this.loadingManager.completeLoading();
-    }
-  }
-  async saveEditFile() {
-    const httpRequest = MSAppClient.MSAppClient.instance.httpRequest;
-    try {
-      this.loadingManager.startLoading();
-      var resourceInfo = this.selectResourceList[0];
-      const response = await httpRequest.post(`${this.baseURL}/text/write`, {
-        path: resourceInfo.path,
-        content: this.currentEditText
-      });
-      if (response.data.code !== 200) {
-        dm.Messager.error({ message: response.data.msg });
-        return;
-      }
-      await this.loadResourceInfoList();
-      this.isShowEditDialog = false;
-      this.currentEditText = "";
-    } finally {
-      this.loadingManager.completeLoading();
-    }
-  }
-  clearAllSelect() {
-    for (var resourceInfo of this.selectResourceList) {
-      resourceInfo.isSelected = false;
-    }
-  }
-  handleSelectClick(event, item) {
-    if (!event.ctrlKey) {
-      this.clearAllSelect();
-      item.isSelected = true;
-      return;
-    }
-    item.isSelected = !item.isSelected;
-  }
-}
-exports.ResourceManager = ResourceManager;
-//# sourceMappingURL=ResourceManager.js.map

package/dist/cjs/components/business/resource-list/ResourceManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResourceManager.js","sources":["../../../../../src/components/business/resource-list/ResourceManager.ts"],"sourcesContent":["import { Disposable } from \"@maketribe/utils\";\r\nimport { MSAppClient } from \"../../../core\";\r\nimport { Dialoger, LoadingManager, Messager } from \"@maketribe/dm\";\r\nimport { R } from \"@maketribe/request\";\r\n\r\nexport type ResourceInfo = {\r\n  name: string;\r\n  path: string;\r\n  isDirectory: boolean;\r\n  extension: string;\r\n  length: string;\r\n  lastModified: string;\r\n  isSelected: boolean;\r\n};\r\n\r\nexport type ResourceManagerOptions = {\r\n  extensions?: string[];\r\n  baseURL: string;\r\n};\r\n\r\nexport class ResourceManager extends Disposable {\r\n  directories: string[];\r\n\r\n  resourceInfoList: ResourceInfo[];\r\n\r\n  loadingManager: LoadingManager;\r\n\r\n  isShowEditDialog: boolean = false;\r\n\r\n  currentEditText: string = \"\";\r\n\r\n  filterExtensions: string[] = [];\r\n\r\n  baseURL: string = \"\";\r\n\r\n  get selectResourceList() {\r\n    return this.resourceInfoList.filter((item) => item.isSelected);\r\n  }\r\n\r\n  get loading() {\r\n    return this.loadingManager.loading;\r\n  }\r\n\r\n  constructor(options: ResourceManagerOptions) {\r\n    super();\r\n\r\n    this.directories = [];\r\n\r\n    this.resourceInfoList = [];\r\n\r\n    this.loadingManager = new LoadingManager();\r\n\r\n    this.filterExtensions = options.extensions ?? [];\r\n    this.baseURL = options.baseURL;\r\n  }\r\n\r\n  async loadResourceInfoList(\r\n    toPath: string = this.directories.length\r\n      ? `/${this.directories.join(\"/\")}`\r\n      : \"\"\r\n  ) {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      this.loadingManager.startLoading();\r\n\r\n      const response = await httpRequest.post<R<ResourceInfo[]>>(\r\n        `${this.baseURL}/list`,\r\n        {\r\n          directoryPath: toPath,\r\n          extensions: this.filterExtensions,\r\n        }\r\n      );\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        this.resourceInfoList = [];\r\n        return;\r\n      }\r\n\r\n      this.resourceInfoList = response.data.data.map((item) => ({\r\n        ...item,\r\n        isSelected: false,\r\n      }));\r\n\r\n      var directorySegments = toPath.startsWith(\"/\")\r\n        ? toPath.slice(1).split(\"/\")\r\n        : toPath.split(\"/\");\r\n\r\n      this.directories = directorySegments.filter(Boolean);\r\n    } catch (e) {\r\n      console.error(e);\r\n\r\n      Messager.error({ message: \"网络异常\" });\r\n    } finally {\r\n      this.loadingManager.completeLoading();\r\n    }\r\n  }\r\n\r\n  async deleteSelectResourceList() {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      this.loadingManager.startLoading();\r\n\r\n      const response = await httpRequest.post(`${this.baseURL}/delete`, {\r\n        paths: this.selectResourceList.map((item) => item.path),\r\n      });\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        this.loadResourceInfoList();\r\n        return;\r\n      }\r\n\r\n      await this.loadResourceInfoList();\r\n    } catch (e) {\r\n      console.error(e);\r\n\r\n      Messager.error({ message: \"网络异常\" });\r\n    } finally {\r\n      this.loadingManager.completeLoading();\r\n    }\r\n  }\r\n  // 暂不做调整\r\n  async getExistPathList(pathList: string[]) {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      this.loadingManager.startLoading();\r\n\r\n      const directoryPath = this.directories.length\r\n        ? `/${this.directories.join(\"/\")}`\r\n        : \"\";\r\n\r\n      return await httpRequest.post(`${this.baseURL}/exist-path-list`, {\r\n        pathList,\r\n        directoryPath,\r\n      });\r\n    } catch (e) {\r\n      console.error(e);\r\n\r\n      Messager.error({ message: \"网络异常\" });\r\n\r\n      throw e;\r\n    } finally {\r\n      this.loadingManager.completeLoading();\r\n    }\r\n  }\r\n\r\n  async uploadResourceList(files: File[]) {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      this.loadingManager.startLoading();\r\n\r\n      var directory = this.directories.length\r\n        ? `/${this.directories.join(\"/\")}`\r\n        : \"\";\r\n\r\n      var formData = new FormData();\r\n      for (var i = 0; i < files.length; i++) {\r\n        formData.append(files[i].name, files[i]);\r\n      }\r\n      formData.append(\"directory\", directory);\r\n\r\n      const response = await httpRequest.post(`${this.baseURL}/save`, formData);\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        this.loadResourceInfoList();\r\n        return;\r\n      }\r\n\r\n      await this.loadResourceInfoList();\r\n    } catch (e) {\r\n      console.error(e);\r\n\r\n      Messager.error({ message: \"网络异常\" });\r\n    } finally {\r\n      this.loadingManager.completeLoading();\r\n    }\r\n  }\r\n\r\n  async downloadSelectResource() {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      const response = await httpRequest.post<Blob>(\r\n        `${this.baseURL}/download`,\r\n        {\r\n          path: this.selectResourceList[0].path,\r\n        },\r\n        { responseType: \"blob\" }\r\n      );\r\n\r\n      const url = URL.createObjectURL(response.data);\r\n\r\n      var aElement = document.createElement(\"a\");\r\n      aElement.href = url;\r\n      aElement.target = \"_blank\";\r\n      aElement.download = this.selectResourceList[0].name;\r\n\r\n      aElement.click();\r\n\r\n      URL.revokeObjectURL(url);\r\n    } catch (e) {\r\n      console.error(e);\r\n\r\n      Messager.error({ message: \"网络异常\" });\r\n    }\r\n  }\r\n\r\n  async editSelectFile() {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      this.loadingManager.startLoading();\r\n\r\n      var resourceInfo = this.selectResourceList[0];\r\n\r\n      const response = await httpRequest.post(`${this.baseURL}/text/read`, {\r\n        path: resourceInfo.path,\r\n      });\r\n\r\n      this.isShowEditDialog = true;\r\n      this.currentEditText = response.data.data;\r\n    } finally {\r\n      this.loadingManager.completeLoading();\r\n    }\r\n  }\r\n\r\n  async saveEditFile() {\r\n    const httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\n    try {\r\n      this.loadingManager.startLoading();\r\n\r\n      var resourceInfo = this.selectResourceList[0];\r\n\r\n      const response = await httpRequest.post(`${this.baseURL}/text/write`, {\r\n        path: resourceInfo.path,\r\n        content: this.currentEditText,\r\n      });\r\n\r\n      if (response.data.code !== 200) {\r\n        Messager.error({ message: response.data.msg });\r\n        return;\r\n      }\r\n\r\n      await this.loadResourceInfoList();\r\n\r\n      this.isShowEditDialog = false;\r\n      this.currentEditText = \"\";\r\n    } finally {\r\n      this.loadingManager.completeLoading();\r\n    }\r\n  }\r\n\r\n  clearAllSelect() {\r\n    for (var resourceInfo of this.selectResourceList) {\r\n      resourceInfo.isSelected = false;\r\n    }\r\n  }\r\n\r\n  handleSelectClick(event: MouseEvent, item: ResourceInfo) {\r\n    if (!event.ctrlKey) {\r\n      this.clearAllSelect();\r\n\r\n      item.isSelected = true;\r\n      return;\r\n    }\r\n\r\n    item.isSelected = !item.isSelected;\r\n  }\r\n}\r\n"],"names":["Disposable","LoadingManager","MSAppClient","Messager"],"mappings":"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"}

package/dist/cjs/components/business/resource-list/components/resource-item/index.vue.js

@@ -1,122 +0,0 @@
-"use strict";
-const vue = require("vue");
-require("element-plus");
-const index = require("../../../../basic/svg-icon/index.js");
-require("../../../../basic/button/button-options.js");
-require("../../../../basic/config-provider/index.js");
-require("../../../../basic/data-table-select/index.js");
-require("../../../../basic/data-select/index.js");
-require("../../../../basic/pagination/index.js");
-require("../../../../basic/system-provider/index.js");
-require("../../../../basic/code-editor/index.js");
-require("../../../../basic/json-editor/index.js");
-require("../../../../basic/page-container/index.js");
-require("../../../../basic/date-picker/index.js");
-require("../../../../basic/icon-select/index.js");
-require("../../../../basic/upload-file/upload-file.js");
-require("@maketribe/request");
-require("@maketribe/utils");
-require("../../../../basic/upload-file/context/web-file-upload-context.js");
-require("../../../../basic/upload-file/context/web-file-upload-context-options.js");
-require("../../../../basic/upload-file/ui/upload-image/index.js");
-require("../../../../basic/upload-file/ui/upload-file/index.js");
-require("../../../../basic/upload-file/ui/upload-video/index.js");
-require("../../../../basic/upload-file/upload-file-options.js");
-require("../../../../basic/doc-editor/index.js");
-require("../../../../basic/copy-container/index.js");
-require("../../../../basic/image-cropper/index.js");
-require("../../../../basic/visual-page-editor/index.js");
-require("../../../../basic/lexical-editor/assets/iconfont.js");
-require("@lexical/overflow");
-require("@lexical/text");
-require("@lexical/utils");
-require("lexical");
-require("@lexical/selection");
-require("@lexical/link");
-require("@lexical/rich-text");
-require("../../../../basic/lexical-editor/utils/html.js");
-require("@maketribe/dm");
-require("../../../../basic/lexical-editor/utils/image.js");
-require("@element-plus/icons-vue");
-require("../../../../basic/lexical-editor/composables/useElementBlockSelection.js");
-require("@lexical/history");
-;/* empty css                                                                */
-require("../../../../basic/lexical-editor/nodes/ModuleDecoratorNode.js");
-require("../../../../basic/lexical-editor/nodes/ImageNode.js");
-require("../../../../basic/lexical-editor/nodes/ImageTextWarpNode.js");
-require("../../../../basic/lexical-editor/nodes/Template.js");
-;/* empty css                                                                         */
-;/* empty css                                                           */
-;/* empty css                                                           */
-require("../../../../basic/lexical-editor/plugins/RichTextEditorPlugin.js");
-require("../../../../basic/lexical-editor/plugins/HashtagPlugin.js");
-require("../../../../basic/lexical-editor/plugins/ListPlugin.js");
-require("../../../../basic/lexical-editor/plugins/CheckListPlugin.js");
-require("../../../../basic/lexical-editor/plugins/TablePlugin.js");
-;/* empty css                                                     */
-require("@lexical/dragon");
-require("@lexical/plain-text");
-require("../../../../basic/lexical-editor/stage/DecoratedTeleports.js");
-;/* empty css                                                 */
-const _hoisted_1 = { class: "resource-item__wrapper" };
-const _hoisted_2 = { class: "resource-item__main" };
-const _hoisted_3 = { class: "resource-item__label" };
-const _hoisted_4 = ["title"];
-const _hoisted_5 = { class: "resource-item__time" };
-const _hoisted_6 = { class: "resource-item__size" };
-const _hoisted_7 = { key: 0 };
-const _hoisted_8 = { key: 1 };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: {
-    resourceItem: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const iconClass = vue.computed(() => {
-      if (props.resourceItem.isDirectory) {
-        return "wenjianjia";
-      }
-      switch (props.resourceItem.extension) {
-        case ".html":
-          return "html";
-        case ".jpeg":
-        case ".jpg":
-        case ".png":
-          return "image1";
-        case ".pdf":
-          return "pdf";
-        case ".dll":
-          return "dll";
-      }
-      return "weizhiwenjian";
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["resource-item", __props.resourceItem.isSelected ? "is-selected" : ""])
-      }, [
-        vue.createElementVNode("div", _hoisted_1, [
-          vue.createElementVNode("div", _hoisted_2, [
-            vue.createVNode(vue.unref(index.MKSvgIcon), { "icon-class": iconClass.value }, null, 8, ["icon-class"])
-          ]),
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createElementVNode("span", {
-              title: __props.resourceItem.name
-            }, vue.toDisplayString(__props.resourceItem.name), 9, _hoisted_4)
-          ]),
-          vue.createElementVNode("div", _hoisted_5, [
-            vue.createElementVNode("span", null, vue.toDisplayString(__props.resourceItem.lastModified), 1)
-          ]),
-          vue.createElementVNode("div", _hoisted_6, [
-            __props.resourceItem.isDirectory ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, " - ")) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, vue.toDisplayString(__props.resourceItem.length > 1024 ? __props.resourceItem.length > 1024 * 1024 ? Math.ceil(__props.resourceItem.length / 1024 / 1024 * 100) / 100 + " MB" : Math.ceil(__props.resourceItem.length / 1024 * 100) / 100 + " KB" : __props.resourceItem.length + " 字节"), 1))
-          ])
-        ])
-      ], 2);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=index.vue.js.map

package/dist/cjs/components/business/resource-list/components/resource-item/index.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/business/resource-list/components/resource-item/index.vue"],"sourcesContent":["<template>\r\n  <div :class=\"['resource-item', resourceItem.isSelected ? 'is-selected' : '']\">\r\n    <div class=\"resource-item__wrapper\">\r\n      <div class=\"resource-item__main\">\r\n        <MKSvgIcon :icon-class=\"iconClass\" />\r\n      </div>\r\n      <div class=\"resource-item__label\">\r\n        <span :title=\"resourceItem.name\">{{ resourceItem.name }}</span>\r\n      </div>\r\n      <div class=\"resource-item__time\">\r\n        <span>{{ resourceItem.lastModified }}</span>\r\n      </div>\r\n      <div class=\"resource-item__size\">\r\n        <span v-if=\"resourceItem.isDirectory\"> - </span>\r\n        <span v-else> {{ resourceItem.length > 1024 ?\r\n          (resourceItem.length > 1024*1024 ? Math.ceil(resourceItem.length/1024/1024*100)/100+\" MB\":Math.ceil(resourceItem.length/1024*100)/100+\" KB\") \r\n           : resourceItem.length+\" 字节\" }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport { MKSvgIcon } from \"../../../../basic\";\r\n\r\nconst props = defineProps({\r\n  resourceItem: {\r\n    type: Object,\r\n    required: true,\r\n  },\r\n});\r\n\r\nconst iconClass = computed(() => {\r\n  if (props.resourceItem.isDirectory) {\r\n    return \"wenjianjia\";\r\n  }\r\n\r\n  switch (props.resourceItem.extension) {\r\n    case \".html\":\r\n      return \"html\";\r\n    case \".jpeg\":\r\n    case \".jpg\":\r\n    case \".png\":\r\n      return \"image1\";\r\n    case \".pdf\":\r\n      return \"pdf\";\r\n    case \".dll\":\r\n      return \"dll\";\r\n  }\r\n\r\n  return \"weizhiwenjian\";\r\n});\r\n</script>\r\n"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,QAAQ;AAOR,UAAA,YAAYA,IAAAA,SAAS,MAAM;AAC3B,UAAA,MAAM,aAAa,aAAa;AAC3B,eAAA;AAAA,MACT;AAEQ,cAAA,MAAM,aAAa,WAAW;AAAA,QACpC,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,MACX;AAEO,aAAA;AAAA,IAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/business/resource-list/components/resource-item/index.vue2.js

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

package/dist/cjs/components/business/resource-list/components/resource-item/index.vue2.js.map

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

package/dist/cjs/components/business/resource-list/index.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const utils = require("@maketribe/utils");
-const resourceList_vue_vue_type_script_setup_true_lang = require("./resource-list.vue.js");
-require("vue");
-require("@maketribe/dm");
-require("element-plus");
-require("../../../core/DataModelDefines.js");
-require("vue-router");
-require("@maketribe/request");
-require("@maketribe/locale");
-const MKResourceList = utils.withInstall(resourceList_vue_vue_type_script_setup_true_lang);
-exports.MKResourceList = MKResourceList;
-exports.default = MKResourceList;
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/business/resource-list/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/business/resource-list/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport ResourceList from \"./resource-list.vue\";\r\n\r\nexport const MKResourceList = withInstall(ResourceList);\r\n\r\nexport default MKResourceList;\r\n\r\nexport * from \"./ResourceManager\";\r\n"],"names":["withInstall","ResourceList"],"mappings":";;;;;;;;;;;AAGa,MAAA,iBAAiBA,kBAAYC,gDAAY;;;"}

package/dist/cjs/components/business/resource-list/resource-list.vue.js

@@ -1,185 +0,0 @@
-"use strict";
-const vue = require("vue");
-const elementPlus = require("element-plus");
-const ResourceManager = require("./ResourceManager.js");
-const index_vue_vue_type_script_setup_true_lang = require("./components/resource-item/index.vue.js");
-const _hoisted_1 = { class: "resource-list-header" };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = { class: "resource-list-mode" };
-const _hoisted_4 = { class: "resource-list-list" };
-const _hoisted_5 = ["onClick", "onDblclick"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "resource-list",
-  props: {
-    resourceManager: {
-      type: ResourceManager.ResourceManager,
-      required: true
-    }
-  },
-  emits: ["drop"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const sortMethodName = vue.ref("time");
-    const resourceInfoList = vue.computed(() => {
-      if (sortMethodName.value == "name") {
-        return [
-          ...props.resourceManager.resourceInfoList.filter((item) => item.isDirectory).sort((a, b) => a.name > b.name ? 1 : -1),
-          ...props.resourceManager.resourceInfoList.filter((item) => !item.isDirectory).sort((a, b) => a.name > b.name ? 1 : -1)
-        ];
-      }
-      return props.resourceManager.resourceInfoList.sort((a, b) => a.lastModified < b.lastModified ? 1 : -1);
-    });
-    const emit = __emit;
-    const listMode = vue.ref("row");
-    const handleBreadcrumbClick = (index) => {
-      if (typeof index !== "number") {
-        props.resourceManager.loadResourceInfoList("/");
-        return;
-      }
-      props.resourceManager.loadResourceInfoList(
-        props.resourceManager.directories.splice(0, index + 1).join("/")
-      );
-    };
-    const handleMainClick = () => {
-      props.resourceManager.clearAllSelect();
-    };
-    const handleClick = (event, item) => {
-      props.resourceManager.handleSelectClick(event, item);
-    };
-    const handleDbClick = (item) => {
-      if (!item.isDirectory) {
-        return;
-      }
-      props.resourceManager.loadResourceInfoList(item.path);
-    };
-    const handleDrop = async (event) => {
-      emit("drop", event);
-    };
-    const handleUploadClick = () => {
-      var input = document.createElement("input");
-      input.type = "file";
-      input.multiple = true;
-      input.addEventListener("change", () => {
-        var files = new Array(input.files.length).fill(0).map((_, i) => input.files[i]);
-        props.resourceManager.uploadResourceList(files);
-      });
-      input.click();
-    };
-    vue.onMounted(() => {
-      props.resourceManager.loadResourceInfoList();
-    });
-    return (_ctx, _cache) => {
-      const _component_MKSvgIcon = vue.resolveComponent("MKSvgIcon");
-      const _component_ElBreadcrumbItem = vue.resolveComponent("ElBreadcrumbItem");
-      const _component_ElBreadcrumb = vue.resolveComponent("ElBreadcrumb");
-      const _component_el_button = vue.resolveComponent("el-button");
-      const _component_ElButton = vue.resolveComponent("ElButton");
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["resource-list", { row: listMode.value == "row" }])
-      }, [
-        vue.createElementVNode("div", _hoisted_1, [
-          vue.createVNode(_component_ElBreadcrumb, null, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_ElBreadcrumbItem, null, {
-                default: vue.withCtx(() => [
-                  __props.resourceManager.directories.length >= 1 ? (vue.openBlock(), vue.createElementBlock("span", {
-                    key: 0,
-                    class: "resource-list-breadcrumb-item",
-                    onClick: _cache[0] || (_cache[0] = ($event) => handleBreadcrumbClick(__props.resourceManager.directories.length - 2))
-                  }, [
-                    vue.createVNode(_component_MKSvgIcon, { iconClass: "ArrowLeftBold" }),
-                    vue.createTextVNode(" 返回 ")
-                  ])) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("span", {
-                    class: "resource-list-breadcrumb-item",
-                    onClick: _cache[1] || (_cache[1] = ($event) => handleBreadcrumbClick())
-                  }, [
-                    vue.createVNode(_component_MKSvgIcon, { iconClass: "HomeFilled" }),
-                    vue.createTextVNode(" 根目录 ")
-                  ])
-                ]),
-                _: 1
-              }),
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.resourceManager.directories, (item, i) => {
-                return vue.openBlock(), vue.createBlock(_component_ElBreadcrumbItem, { key: item }, {
-                  default: vue.withCtx(() => [
-                    vue.createElementVNode("span", {
-                      class: "resource-list-breadcrumb-item",
-                      onClick: ($event) => handleBreadcrumbClick(i)
-                    }, vue.toDisplayString(item), 9, _hoisted_2)
-                  ]),
-                  _: 2
-                }, 1024);
-              }), 128))
-            ]),
-            _: 1
-          }),
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createVNode(_component_el_button, {
-              text: "",
-              onClick: _cache[2] || (_cache[2] = ($event) => sortMethodName.value = sortMethodName.value == "time" ? "name" : "time")
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(sortMethodName.value == "name" ? "按照时间排序" : "按照文件名排序"), 1)
-              ]),
-              _: 1
-            }),
-            vue.createVNode(_component_el_button, {
-              text: "",
-              onClick: _cache[3] || (_cache[3] = ($event) => listMode.value = listMode.value == "row" ? "col" : "row")
-            }, {
-              default: vue.withCtx(() => [
-                listMode.value == "row" ? (vue.openBlock(), vue.createBlock(_component_MKSvgIcon, {
-                  key: 0,
-                  iconClass: "Grid"
-                })) : (vue.openBlock(), vue.createBlock(_component_MKSvgIcon, {
-                  key: 1,
-                  iconClass: "Fold"
-                }))
-              ]),
-              _: 1
-            }),
-            vue.createVNode(_component_ElButton, {
-              type: "primary",
-              onClick: handleUploadClick
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode("上传")
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        vue.createElementVNode("div", {
-          class: "resource-list-main",
-          onClick: handleMainClick,
-          onDragover: _cache[4] || (_cache[4] = vue.withModifiers(() => {
-          }, ["prevent"])),
-          onDrop: vue.withModifiers(handleDrop, ["prevent"])
-        }, [
-          vue.createVNode(vue.unref(elementPlus.ElScrollbar), { height: "100%" }, {
-            default: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_4, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(resourceInfoList.value, (item) => {
-                  return vue.openBlock(), vue.createElementBlock("div", {
-                    class: "resource-list__item",
-                    onClick: vue.withModifiers(($event) => handleClick($event, item), ["stop"]),
-                    onDblclick: ($event) => handleDbClick(item)
-                  }, [
-                    (vue.openBlock(), vue.createBlock(index_vue_vue_type_script_setup_true_lang, {
-                      key: item.path,
-                      resourceItem: item
-                    }, null, 8, ["resourceItem"]))
-                  ], 40, _hoisted_5);
-                }), 256))
-              ])
-            ]),
-            _: 1
-          })
-        ], 32)
-      ], 2);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=resource-list.vue.js.map

package/dist/cjs/components/business/resource-list/resource-list.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resource-list.vue.js","sources":["../../../../../src/components/business/resource-list/resource-list.vue"],"sourcesContent":["<template>\r\n  <div class=\"resource-list\" :class=\"{row:listMode=='row'}\">\r\n    <div class=\"resource-list-header\">\r\n      <ElBreadcrumb>\r\n        <ElBreadcrumbItem>\r\n          <span class=\"resource-list-breadcrumb-item\"  v-if=\"resourceManager.directories.length>=1\"\r\n            @click=\"handleBreadcrumbClick(resourceManager.directories.length-2)\"\r\n          >\r\n          <MKSvgIcon iconClass=\"ArrowLeftBold\" />\r\n            返回\r\n          </span>\r\n          <span\r\n            class=\"resource-list-breadcrumb-item\"\r\n            @click=\"handleBreadcrumbClick()\"\r\n          >\r\n            <MKSvgIcon iconClass=\"HomeFilled\" />\r\n            根目录\r\n          </span>\r\n        </ElBreadcrumbItem>\r\n        <ElBreadcrumbItem\r\n          v-for=\"(item, i) in resourceManager.directories\"\r\n          :key=\"item\"\r\n        >\r\n          <span\r\n            class=\"resource-list-breadcrumb-item\"\r\n            @click=\"handleBreadcrumbClick(i)\"\r\n          >\r\n            {{ item }}\r\n          </span>\r\n        </ElBreadcrumbItem>\r\n      </ElBreadcrumb>\r\n      <div class=\"resource-list-mode\">\r\n        <el-button text @click=\"sortMethodName=sortMethodName=='time'?'name':'time'\">{{sortMethodName=='name'?\"按照时间排序\":\"按照文件名排序\"}}</el-button>\r\n        <el-button text  @click=\"listMode = listMode=='row' ? 'col':'row'\">\r\n          <MKSvgIcon v-if=\"listMode=='row'\" iconClass=\"Grid\" />\r\n          <MKSvgIcon v-else iconClass=\"Fold\" />\r\n        </el-button>\r\n        <ElButton type=\"primary\" @click=\"handleUploadClick\">上传</ElButton>\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      class=\"resource-list-main\"\r\n      @click=\"handleMainClick\"\r\n      @dragover.prevent\r\n      @drop.prevent=\"handleDrop\"\r\n    >\r\n      <ElScrollbar height=\"100%\">\r\n        <div class=\"resource-list-list\">\r\n          <div\r\n            v-for=\"item in resourceInfoList\"\r\n            class=\"resource-list__item\"\r\n            @click.stop=\"handleClick($event, item)\"\r\n            @dblclick=\"handleDbClick(item)\"\r\n          >\r\n            <ResourceItem :key=\"item.path\" :resourceItem=\"item\" />\r\n          </div>\r\n        </div>\r\n      </ElScrollbar>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onMounted,ref , computed} from \"vue\";\r\nimport { ElScrollbar } from \"element-plus\";\r\nimport { ResourceManager, ResourceInfo } from \"./ResourceManager\";\r\nimport ResourceItem from \"./components/resource-item/index.vue\";\r\n\r\nconst props = defineProps({\r\n  resourceManager: {\r\n    type: ResourceManager,\r\n    required: true,\r\n  }\r\n});\r\n\r\n// 排序方法 修改时间排序 名称排序 time | name\r\nconst sortMethodName = ref(\"time\")\r\n\r\n/**\r\n * 资源列表\r\n */\r\nconst resourceInfoList = computed(()=>{\r\n\r\n  if(sortMethodName.value == \"name\"){\r\n    return [\r\n      ...props.resourceManager.resourceInfoList.\r\n      filter(item=>item.isDirectory).sort((a,b)=>a.name > b.name ? 1 : -1),\r\n      ...props.resourceManager.resourceInfoList.\r\n      filter(item=>!item.isDirectory).sort((a,b)=>a.name > b.name ? 1 : -1)\r\n    ];\r\n  }\r\n\r\n  return props.resourceManager.resourceInfoList.sort((a,b)=>a.lastModified < b.lastModified ? 1 : -1)\r\n})\r\n\r\nconst emit = defineEmits([\"drop\"]);\r\nconst listMode = ref(\"row\")\r\n\r\nconst handleBreadcrumbClick = (index?: number) => {\r\n  if (typeof index !== \"number\") {\r\n    props.resourceManager.loadResourceInfoList(\"/\");\r\n\r\n    return;\r\n  }\r\n\r\n  props.resourceManager.loadResourceInfoList(\r\n    props.resourceManager.directories.splice(0, index + 1).join(\"/\")\r\n  );\r\n};\r\n\r\nconst handleMainClick = () => {\r\n  props.resourceManager.clearAllSelect();\r\n};\r\n\r\nconst handleClick = (event: MouseEvent, item: ResourceInfo) => {\r\n  props.resourceManager.handleSelectClick(event, item);\r\n};\r\n\r\nconst handleDbClick = (item: ResourceInfo) => {\r\n  if (!item.isDirectory) {\r\n    return;\r\n  }\r\n\r\n  props.resourceManager.loadResourceInfoList(item.path);\r\n};\r\n\r\nconst handleDrop = async (event: DragEvent) => {\r\n  emit(\"drop\", event);\r\n};\r\n\r\nconst handleUploadClick = () => {\r\n  /** @type {HTMLInputElement} */\r\n  var input = document.createElement(\"input\");\r\n  input.type = \"file\";\r\n  input.multiple = true;\r\n\r\n  input.addEventListener(\"change\", () => {\r\n    var files = new Array(input.files!.length)\r\n      .fill(0)\r\n      .map((_, i) => input.files![i]);\r\n\r\n    props.resourceManager.uploadResourceList(files);\r\n  });\r\n\r\n  input.click();\r\n};\r\n\r\n\r\nonMounted(() => {\r\n  props.resourceManager.loadResourceInfoList();\r\n});\r\n</script>\r\n"],"names":["ref","computed","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqEA,UAAM,QAAQ;AAQR,UAAA,iBAAiBA,QAAI,MAAM;AAK3B,UAAA,mBAAmBC,IAAAA,SAAS,MAAI;AAEjC,UAAA,eAAe,SAAS,QAAO;AACzB,eAAA;AAAA,UACL,GAAG,MAAM,gBAAgB,iBACzB,OAAO,CAAA,SAAM,KAAK,WAAW,EAAE,KAAK,CAAC,GAAE,MAAI,EAAE,OAAO,EAAE,OAAO,IAAI,EAAE;AAAA,UACnE,GAAG,MAAM,gBAAgB,iBACzB,OAAO,CAAA,SAAM,CAAC,KAAK,WAAW,EAAE,KAAK,CAAC,GAAE,MAAI,EAAE,OAAO,EAAE,OAAO,IAAI,EAAE;AAAA,QAAA;AAAA,MAExE;AAEA,aAAO,MAAM,gBAAgB,iBAAiB,KAAK,CAAC,GAAE,MAAI,EAAE,eAAe,EAAE,eAAe,IAAI,EAAE;AAAA,IAAA,CACnG;AAED,UAAM,OAAO;AACP,UAAA,WAAWD,QAAI,KAAK;AAEpB,UAAA,wBAAwB,CAAC,UAAmB;AAC5C,UAAA,OAAO,UAAU,UAAU;AACvB,cAAA,gBAAgB,qBAAqB,GAAG;AAE9C;AAAA,MACF;AAEA,YAAM,gBAAgB;AAAA,QACpB,MAAM,gBAAgB,YAAY,OAAO,GAAG,QAAQ,CAAC,EAAE,KAAK,GAAG;AAAA,MAAA;AAAA,IACjE;AAGF,UAAM,kBAAkB,MAAM;AAC5B,YAAM,gBAAgB;IAAe;AAGjC,UAAA,cAAc,CAAC,OAAmB,SAAuB;AACvD,YAAA,gBAAgB,kBAAkB,OAAO,IAAI;AAAA,IAAA;AAG/C,UAAA,gBAAgB,CAAC,SAAuB;AACxC,UAAA,CAAC,KAAK,aAAa;AACrB;AAAA,MACF;AAEM,YAAA,gBAAgB,qBAAqB,KAAK,IAAI;AAAA,IAAA;AAGhD,UAAA,aAAa,OAAO,UAAqB;AAC7C,WAAK,QAAQ,KAAK;AAAA,IAAA;AAGpB,UAAM,oBAAoB,MAAM;AAE1B,UAAA,QAAQ,SAAS,cAAc,OAAO;AAC1C,YAAM,OAAO;AACb,YAAM,WAAW;AAEX,YAAA,iBAAiB,UAAU,MAAM;AACrC,YAAI,QAAQ,IAAI,MAAM,MAAM,MAAO,MAAM,EACtC,KAAK,CAAC,EACN,IAAI,CAAC,GAAG,MAAM,MAAM,MAAO,CAAC,CAAC;AAE1B,cAAA,gBAAgB,mBAAmB,KAAK;AAAA,MAAA,CAC/C;AAED,YAAM,MAAM;AAAA,IAAA;AAIdE,QAAAA,UAAU,MAAM;AACd,YAAM,gBAAgB;IAAqB,CAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}