@maketribe/ms-app 3.2.3 → 3.2.4

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

@@ -0,0 +1,332 @@
+"use strict";
+const vue = require("vue");
+const utils = require("@maketribe/utils");
+const request = require("@maketribe/request");
+const materialListOptions = require("./material-list-options.js");
+const materialGroup = require("./material-group.js");
+const dm = require("@maketribe/dm");
+const MsMaterialGroupTree = require("../../dataviews/ms-material/ms-material-group/MsMaterialGroupTree.js");
+const MsMaterialForm = require("../../dataviews/ms-material/MsMaterialForm.js");
+const MsMaterialTable = require("../../dataviews/ms-material/MsMaterialTable.js");
+const elementPlus = require("element-plus");
+require("../../../../core/DataModelDefines.js");
+require("vue-router");
+require("@maketribe/locale");
+require("../../../../components/basic/svg-icon/index.js");
+require("../../../../components/data-model/data-form/index.js");
+const index = require("../../../../components/data-model/data-table/index.js");
+const index$1 = require("../../../../components/data-model/data-table-pagination/index.js");
+require("../../../../components/abstract/abstract-select/abstract-select.js");
+require("../../../../components/abstract/abstract-select/abstract-select-options.js");
+require("../../../../components/basic/button/button-options.js");
+require("../../../../components/basic/config-provider/index.js");
+require("../../../../components/basic/data-table-select/index.js");
+require("../../../../components/basic/data-select/index.js");
+require("../../../../components/basic/pagination/index.js");
+require("../../../../components/basic/system-provider/index.js");
+require("../../../../components/basic/code-editor/index.js");
+require("../../../../components/basic/json-editor/index.js");
+require("../../../../components/basic/page-container/index.js");
+require("../../../../components/basic/date-picker/index.js");
+require("../../../../components/basic/icon-select/index.js");
+const uploadFile = require("../../../../components/basic/upload-file/upload-file.js");
+const webFileUploadContext = require("../../../../components/basic/upload-file/context/web-file-upload-context.js");
+require("../../../../components/basic/upload-file/context/web-file-upload-context-options.js");
+require("../../../../components/basic/upload-file/ui/upload-image/index.js");
+require("../../../../components/basic/upload-file/upload-file-options.js");
+require("../../../../components/basic/doc-editor/index.js");
+require("../../../../components/basic/copy-container/index.js");
+require("../../../../components/basic/image-cropper/index.js");
+require("../../../../components/business/verify-dialog/index.js");
+require("../../../../components/business/resource-list/index.js");
+require("../../../../components/business/resource-manager/index.js");
+require("../../dataviews/department/DepartmentForm.js");
+require("../../dataviews/department/DepartmentTable.js");
+require("../../dataviews/department/DepartmentTree.js");
+require("../../dataviews/log/operate-log/OperateLogTable.js");
+require("../../dataviews/log/login-log/LoginLogTable.js");
+require("../../dataviews/log/request-log/RequestLogTable.js");
+require("../../dataviews/log/local-log/LocalLogTree.js");
+const materialItem_vue_vue_type_script_setup_true_lang = require("./material-item.vue.js");
+const imageCropperApi = require("../../../../components/basic/image-cropper/image-cropper-api.js");
+const RATIO_OPTIONS = [{
+  value: "1",
+  label: "1:1",
+  width: 1,
+  height: 1
+}, {
+  value: "2",
+  label: "2:1",
+  width: 2,
+  height: 1
+}, {
+  value: "3",
+  label: "4:3",
+  width: 4,
+  height: 3
+}, {
+  value: "3",
+  label: "16:9",
+  width: 16,
+  height: 9
+}];
+const MaterialList = /* @__PURE__ */ vue.defineComponent({
+  name: "MKMaterialList",
+  props: materialListOptions.materialListProps,
+  setup(props) {
+    const materialGroupTree = vue.reactive(new MsMaterialGroupTree.MsMaterialGroupTree());
+    const webFileUpload = new request.WebFileUpload();
+    const _materialTable = vue.reactive(new MsMaterialTable.MsMaterialTable());
+    const materialForm = vue.reactive(new class extends MsMaterialForm.MsMaterialForm {
+      async initialize() {
+        await super.initialize();
+        this.setColumns([new dm.FormColumn({
+          name: "materialGroupId",
+          label: "素材组",
+          componentInfo: "MKDataTreeSelect",
+          componentProps: {
+            dataTree: this.register(new MsMaterialGroupTree.MsMaterialGroupTree()),
+            checkStrictly: false
+          }
+        })]);
+      }
+    }());
+    const materialTable = vue.computed(() => props.materialTable ?? _materialTable);
+    const loading = vue.computed(() => vue.unref(materialTable).loading);
+    const materialTypes = vue.computed(() => vue.unref(materialTable).getMaterialTypes());
+    const currentMaterialType = vue.computed(() => vue.unref(materialTable).currentMaterialType);
+    const currentMaterialTypeId = vue.computed(() => {
+      var _a;
+      return ((_a = vue.unref(currentMaterialType)) == null ? void 0 : _a.value) ?? "";
+    });
+    const materialList = vue.computed(() => vue.unref(materialTable).getList());
+    vue.onBeforeUnmount(() => {
+      _materialTable.dispose();
+      materialGroupTree.dispose();
+      materialForm.dispose();
+    });
+    vue.watch(materialTable, (materialTable2, _, onCleanup) => {
+      const disposable = materialTable2.deleteRecordEvent.on(async ({
+        item
+      }) => {
+        const isConfirm = await dm.Dialoger.confirm({
+          message: "是否确认删除",
+          title: "素材删除",
+          type: "warning"
+        });
+        if (!isConfirm) {
+          return;
+        }
+        materialTable2.deleteAfterRefresh(item);
+      });
+      onCleanup(() => {
+        disposable.dispose();
+      });
+    }, {
+      immediate: true
+    });
+    const handleMaterialTypeClick = (materialType) => {
+      if (materialType.value === vue.unref(currentMaterialTypeId)) {
+        return;
+      }
+      vue.unref(materialTable).setCurrentMaterialType(materialType);
+    };
+    materialGroupTree.selectionChangeEvent.on(() => {
+      const currentGroupId = materialGroupTree.getSelection()[0];
+      if (!currentGroupId) {
+        vue.unref(materialTable).setList([]);
+      }
+      vue.unref(materialTable).setCurrentMaterialGroupId(currentGroupId);
+    });
+    function getDefaultSelectMaterialGroup(nodes) {
+      if (!nodes.length) {
+        return null;
+      }
+      return getDefaultSelectMaterialGroup(nodes[0].children) ?? nodes[0];
+    }
+    materialGroupTree.afterLoadEvent.on(() => {
+      const list = materialGroupTree.getList();
+      const defaultSelectGroup = getDefaultSelectMaterialGroup(list);
+      if (defaultSelectGroup) {
+        materialGroupTree.setSelection([defaultSelectGroup.id]);
+      }
+    });
+    materialForm.submittedEvent.on(() => {
+      vue.unref(materialTable).load();
+    });
+    const handleMaterialItemClick = (event, material) => {
+      if (!props.selectable) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      vue.unref(materialTable).setSelection([material.id]);
+    };
+    const handleMoveClick = (material) => {
+      dm.Dialoger.dataFormDialog({
+        recId: material.id,
+        title: "设置素材分组",
+        dataForm: materialForm
+      });
+    };
+    const handleCutClick = async (material) => {
+      const cropperResult = await imageCropperApi.ImageCropper({
+        src: material.path,
+        ratioOptions: RATIO_OPTIONS
+      });
+      if (!cropperResult.isConfirm) {
+        return;
+      }
+      const handleOverrideClick = async () => {
+        try {
+          const blob = utils.base64ToBlob(cropperResult.data);
+          const uploadResponse = await webFileUpload.upload(new File([blob], material.desc, {
+            type: blob.type
+          }));
+          if (uploadResponse.data.code !== 200) {
+            dm.Messager.error({
+              message: uploadResponse.data.msg
+            });
+            return;
+          }
+          const response = await request.DvOpt.createInstance({
+            name: "mk-material"
+          }).save({
+            ...material,
+            path: uploadResponse.data.data.path
+          });
+          if (response.code !== 200) {
+            dm.Messager.error({
+              message: response.msg
+            });
+            return;
+          }
+          vue.unref(materialTable).load();
+        } catch {
+          dm.Messager.error({
+            message: "网络异常"
+          });
+        } finally {
+          dialogInstance.destroy();
+        }
+      };
+      const handleNewClick = async () => {
+        try {
+          const blob = utils.base64ToBlob(cropperResult.data);
+          const result = await vue.unref(materialTable).upload.upload(new File([blob], material.desc, {
+            type: blob.type
+          }));
+          if (result.data.code !== 200) {
+            dm.Messager.error({
+              message: result.data.msg
+            });
+            return;
+          }
+        } catch {
+          dm.Messager.error({
+            message: "网络异常"
+          });
+        } finally {
+          dialogInstance.destroy();
+        }
+      };
+      const handleCancelClick = () => {
+        dialogInstance.destroy();
+      };
+      const dialogInstance = dm.Dialoger.customRender({
+        title: "提示",
+        width: "400px",
+        onClose: handleCancelClick,
+        body: () => "修改已存在的素材。是新建新素材还是覆盖现有素材",
+        footer: () => {
+          return vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
+            "type": "danger",
+            "onClick": handleOverrideClick
+          }, {
+            default: () => [vue.createTextVNode("覆盖")]
+          }), vue.createVNode(elementPlus.ElButton, {
+            "type": "primary",
+            "onClick": handleNewClick
+          }, {
+            default: () => [vue.createTextVNode("新建")]
+          }), vue.createVNode(elementPlus.ElButton, {
+            "onClick": handleCancelClick
+          }, {
+            default: () => [vue.createTextVNode("取消")]
+          })]);
+        }
+      });
+    };
+    const handleDownload = () => {
+    };
+    return () => {
+      const materialTypeVNodes = vue.unref(materialTypes).map((materialType) => {
+        const className = ["mk-material-list__type", vue.unref(currentMaterialTypeId) === materialType.value ? "is-active" : ""];
+        return vue.createVNode("div", {
+          "key": materialType.value,
+          "class": className,
+          "onClick": () => handleMaterialTypeClick(materialType)
+        }, [materialType.label]);
+      });
+      let currentMaterialTypeVNode = null;
+      if (vue.unref(currentMaterialType)) {
+        currentMaterialTypeVNode = vue.createVNode(vue.Fragment, null, [vue.createVNode("span", null, [vue.unref(currentMaterialType).label, vue.createTextVNode("大小不超过"), vue.unref(currentMaterialType).limit, vue.createTextVNode(" M")]), vue.createVNode(webFileUploadContext.MKWebFileUploadContext, {
+          "webFileUpload": vue.unref(materialTable).upload,
+          "accept": vue.unref(currentMaterialType).accept
+        }, {
+          default: () => [vue.createVNode(uploadFile.MKUploadFile, null, {
+            default: () => [vue.createVNode(elementPlus.ElButton, {
+              "type": "primary"
+            }, {
+              default: () => [vue.createTextVNode("选择"), vue.unref(currentMaterialType).label]
+            })]
+          })]
+        })]);
+      }
+      const materialListVNodes = vue.unref(materialList).map((material) => vue.createVNode(materialItem_vue_vue_type_script_setup_true_lang, {
+        "key": material.id,
+        "class": "mk-material-list__item",
+        "materialTable": vue.unref(materialTable),
+        "material": material,
+        "onMove": handleMoveClick,
+        "onCut": handleCutClick,
+        "onDownload": handleDownload,
+        "onClick": (event) => handleMaterialItemClick(event, material)
+      }, null));
+      return vue.createVNode("div", {
+        "class": "mk-material-list"
+      }, [vue.createVNode(materialGroup, {
+        "materialGroupTree": vue.unref(materialGroupTree)
+      }, null), vue.withDirectives(vue.createVNode("div", {
+        "class": "mk-material-list__main"
+      }, [vue.createVNode("div", {
+        "class": "mk-material-list__header"
+      }, [vue.createVNode("div", {
+        "class": "mk-material-list__header-left"
+      }, [vue.createVNode("div", {
+        "class": "mk-material-list__types"
+      }, [materialTypeVNodes])]), vue.createVNode("div", {
+        "class": "mk-material-list__header-right"
+      }, [currentMaterialTypeVNode])]), vue.createVNode("div", {
+        "class": "mk-material-list__body"
+      }, [vue.createVNode(index.MKDataTable, {
+        "dataTable": vue.unref(materialTable),
+        "autoLoad": false
+      }, {
+        default: () => [vue.createVNode(elementPlus.ElScrollbar, {
+          "height": "100%"
+        }, {
+          default: () => [vue.createVNode("div", {
+            "class": "mk-material-list__wrapper"
+          }, [materialListVNodes])]
+        }), vue.createVNode("div", {
+          "class": "mk-material-list__footer"
+        }, [vue.createVNode(index$1.MKDataTablePagination, {
+          "dataTable": vue.unref(materialTable)
+        }, null)])]
+      })])]), [[vue.resolveDirective("loading"), vue.unref(loading)]])]);
+    };
+  }
+});
+module.exports = MaterialList;
+//# sourceMappingURL=material-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"material-list.js","sources":["../../../../../../src/modules/ms/components/material-list/material-list.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  Fragment,\n  onBeforeUnmount,\n  reactive,\n  unref,\n  watch,\n} from \"vue\";\nimport { base64ToBlob } from \"@maketribe/utils\";\nimport { DvOpt, WebFileUpload } from \"@maketribe/request\";\nimport { materialListProps } from \"./material-list-options\";\nimport MaterialGroup from \"./material-group\";\nimport {\n  MsMaterial,\n  MsMaterialForm,\n  MsMaterialGroupNode,\n  MsMaterialGroupTree,\n  MsMaterialTable,\n  MsMaterialType,\n} from \"../../dataviews\";\nimport {\n  MKUploadFile,\n  MKWebFileUploadContext,\n} from \"../../../../components/basic/upload-file\";\nimport { ImageCropper } from \"../../../../components/basic/image-cropper\";\nimport {\n  MKDataTable,\n  MKDataTablePagination,\n} from \"../../../../components/data-model\";\nimport { ElButton, ElScrollbar } from \"element-plus\";\nimport MaterialItem from \"./material-item.vue\";\nimport { Dialoger, FormColumn, Messager } from \"@maketribe/dm\";\n\nconst RATIO_OPTIONS = [\n  {\n    value: \"1\",\n    label: \"1:1\",\n    width: 1,\n    height: 1,\n  },\n  {\n    value: \"2\",\n    label: \"2:1\",\n    width: 2,\n    height: 1,\n  },\n  {\n    value: \"3\",\n    label: \"4:3\",\n    width: 4,\n    height: 3,\n  },\n  {\n    value: \"3\",\n    label: \"16:9\",\n    width: 16,\n    height: 9,\n  },\n];\n\nexport default defineComponent({\n  name: \"MKMaterialList\",\n  props: materialListProps,\n  setup(props) {\n    const materialGroupTree = reactive(\n      new MsMaterialGroupTree()\n    ) as MsMaterialGroupTree;\n\n    const webFileUpload = new WebFileUpload();\n\n    const _materialTable = reactive(new MsMaterialTable());\n\n    const materialForm = reactive(\n      new (class extends MsMaterialForm {\n        protected async initialize() {\n          await super.initialize();\n\n          this.setColumns([\n            new FormColumn({\n              name: \"materialGroupId\",\n              label: \"素材组\",\n              componentInfo: \"MKDataTreeSelect\",\n              componentProps: {\n                dataTree: this.register(new MsMaterialGroupTree()),\n                checkStrictly: false,\n              },\n            }),\n          ]);\n        }\n      })()\n    ) as MsMaterialForm;\n\n    const materialTable = computed(\n      () => (props.materialTable ?? _materialTable) as MsMaterialTable\n    );\n\n    const loading = computed(() => unref(materialTable).loading);\n\n    const materialTypes = computed(() =>\n      unref(materialTable).getMaterialTypes()\n    );\n\n    const currentMaterialType = computed(\n      () => unref(materialTable).currentMaterialType\n    );\n\n    const currentMaterialTypeId = computed(\n      () => unref(currentMaterialType)?.value ?? \"\"\n    );\n\n    const materialList = computed(() => unref(materialTable).getList());\n\n    onBeforeUnmount(() => {\n      _materialTable.dispose();\n      materialGroupTree.dispose();\n      materialForm.dispose();\n    });\n\n    watch(\n      materialTable,\n      (materialTable, _, onCleanup) => {\n        const disposable = materialTable.deleteRecordEvent.on(\n          async ({ item }) => {\n            const isConfirm = await Dialoger.confirm({\n              message: \"是否确认删除\",\n              title: \"素材删除\",\n              type: \"warning\",\n            });\n\n            if (!isConfirm) {\n              return;\n            }\n\n            materialTable.deleteAfterRefresh(item);\n          }\n        );\n\n        onCleanup(() => {\n          disposable.dispose();\n        });\n      },\n      { immediate: true }\n    );\n\n    const handleMaterialTypeClick = (materialType: MsMaterialType) => {\n      if (materialType.value === unref(currentMaterialTypeId)) {\n        return;\n      }\n\n      unref(materialTable).setCurrentMaterialType(materialType);\n    };\n\n    materialGroupTree.selectionChangeEvent.on(() => {\n      const currentGroupId = materialGroupTree.getSelection()[0];\n\n      if (!currentGroupId) {\n        unref(materialTable).setList([]);\n      }\n\n      unref(materialTable).setCurrentMaterialGroupId(currentGroupId);\n    });\n\n    function getDefaultSelectMaterialGroup(\n      nodes: MsMaterialGroupNode[]\n    ): MsMaterialGroupNode | null {\n      if (!nodes.length) {\n        return null;\n      }\n\n      return getDefaultSelectMaterialGroup(nodes[0].children) ?? nodes[0];\n    }\n\n    materialGroupTree.afterLoadEvent.on(() => {\n      const list = materialGroupTree.getList();\n\n      const defaultSelectGroup = getDefaultSelectMaterialGroup(list);\n\n      if (defaultSelectGroup) {\n        materialGroupTree.setSelection([defaultSelectGroup.id]);\n      }\n    });\n\n    materialForm.submittedEvent.on(() => {\n      unref(materialTable).load();\n    });\n\n    const handleMaterialItemClick = (\n      event: MouseEvent,\n      material: MsMaterial\n    ) => {\n      if (!props.selectable) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      unref(materialTable).setSelection([material.id]);\n    };\n\n    const handleMoveClick = (material: MsMaterial) => {\n      Dialoger.dataFormDialog({\n        recId: material.id,\n        title: \"设置素材分组\",\n        dataForm: materialForm,\n      });\n    };\n\n    const handleCutClick = async (material: MsMaterial) => {\n      const cropperResult = await ImageCropper({\n        src: material.path,\n        ratioOptions: RATIO_OPTIONS,\n      });\n\n      if (!cropperResult.isConfirm) {\n        return;\n      }\n\n      const handleOverrideClick = async () => {\n        try {\n          const blob = base64ToBlob(cropperResult.data);\n\n          const uploadResponse = await webFileUpload.upload(\n            new File([blob], material.desc, { type: blob.type })\n          );\n\n          if (uploadResponse.data.code !== 200) {\n            Messager.error({ message: uploadResponse.data.msg });\n            return;\n          }\n\n          const response = await DvOpt.createInstance({\n            name: \"mk-material\",\n          }).save({\n            ...material,\n            path: uploadResponse.data.data.path,\n          });\n\n          if (response.code !== 200) {\n            Messager.error({ message: response.msg });\n            return;\n          }\n\n          unref(materialTable).load();\n        } catch {\n          Messager.error({ message: \"网络异常\" });\n        } finally {\n          dialogInstance.destroy();\n        }\n      };\n\n      const handleNewClick = async () => {\n        try {\n          const blob = base64ToBlob(cropperResult.data);\n\n          const result = await unref(materialTable).upload.upload(\n            new File([blob], material.desc, { type: blob.type })\n          );\n\n          if (result.data.code !== 200) {\n            Messager.error({ message: result.data.msg });\n            return;\n          }\n        } catch {\n          Messager.error({ message: \"网络异常\" });\n        } finally {\n          dialogInstance.destroy();\n        }\n      };\n\n      const handleCancelClick = () => {\n        dialogInstance.destroy();\n      };\n\n      const dialogInstance = Dialoger.customRender({\n        title: \"提示\",\n        width: \"400px\",\n        onClose: handleCancelClick,\n        body: () => \"修改已存在的素材。是新建新素材还是覆盖现有素材\",\n        footer: () => {\n          return (\n            <Fragment>\n              <ElButton type=\"danger\" onClick={handleOverrideClick}>\n                覆盖\n              </ElButton>\n              <ElButton type=\"primary\" onClick={handleNewClick}>\n                新建\n              </ElButton>\n              <ElButton onClick={handleCancelClick}>取消</ElButton>\n            </Fragment>\n          );\n        },\n      });\n    };\n\n    const handleDownload = () => {};\n\n    return () => {\n      const materialTypeVNodes = unref(materialTypes).map((materialType) => {\n        const className = [\n          \"mk-material-list__type\",\n          unref(currentMaterialTypeId) === materialType.value\n            ? \"is-active\"\n            : \"\",\n        ];\n\n        return (\n          <div\n            key={materialType.value}\n            class={className}\n            onClick={() => handleMaterialTypeClick(materialType)}\n          >\n            {materialType.label}\n          </div>\n        );\n      });\n\n      let currentMaterialTypeVNode: any = null;\n\n      if (unref(currentMaterialType)) {\n        currentMaterialTypeVNode = (\n          <Fragment>\n            <span>\n              {unref(currentMaterialType)!.label}大小不超过\n              {unref(currentMaterialType)!.limit} M\n            </span>\n            <MKWebFileUploadContext\n              webFileUpload={unref(materialTable).upload}\n              accept={unref(currentMaterialType)!.accept}\n            >\n              <MKUploadFile>\n                <ElButton type=\"primary\">\n                  选择{unref(currentMaterialType)!.label}\n                </ElButton>\n              </MKUploadFile>\n            </MKWebFileUploadContext>\n          </Fragment>\n        );\n      }\n\n      const materialListVNodes = unref(materialList).map((material) => (\n        <MaterialItem\n          key={material.id}\n          class=\"mk-material-list__item\"\n          materialTable={unref(materialTable)}\n          material={material}\n          onMove={handleMoveClick}\n          onCut={handleCutClick}\n          onDownload={handleDownload}\n          onClick={\n            ((event: MouseEvent) =>\n              handleMaterialItemClick(event, material)) as any\n          }\n        />\n      ));\n\n      return (\n        <div class=\"mk-material-list\">\n          <MaterialGroup materialGroupTree={unref(materialGroupTree)} />\n\n          <div class=\"mk-material-list__main\" v-loading={unref(loading)}>\n            <div class=\"mk-material-list__header\">\n              <div class=\"mk-material-list__header-left\">\n                <div class=\"mk-material-list__types\">{materialTypeVNodes}</div>\n              </div>\n              <div class=\"mk-material-list__header-right\">\n                {currentMaterialTypeVNode}\n              </div>\n            </div>\n\n            <div class=\"mk-material-list__body\">\n              <MKDataTable dataTable={unref(materialTable)} autoLoad={false}>\n                <ElScrollbar height=\"100%\">\n                  <div class=\"mk-material-list__wrapper\">\n                    {materialListVNodes}\n                  </div>\n                </ElScrollbar>\n                <div class=\"mk-material-list__footer\">\n                  <MKDataTablePagination dataTable={unref(materialTable)} />\n                </div>\n              </MKDataTable>\n            </div>\n          </div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["RATIO_OPTIONS","value","label","width","height","defineComponent","name","props","materialListProps","setup","materialGroupTree","reactive","MsMaterialGroupTree","webFileUpload","WebFileUpload","_materialTable","MsMaterialTable","materialForm","MsMaterialForm","initialize","setColumns","FormColumn","componentInfo","componentProps","dataTree","register","checkStrictly","materialTable","computed","loading","unref","materialTypes","getMaterialTypes","currentMaterialType","currentMaterialTypeId","materialList","getList","onBeforeUnmount","dispose","watch","_","onCleanup","disposable","deleteRecordEvent","on","item","isConfirm","Dialoger","confirm","message","title","type","deleteAfterRefresh","immediate","handleMaterialTypeClick","materialType","setCurrentMaterialType","selectionChangeEvent","currentGroupId","getSelection","setList","setCurrentMaterialGroupId","getDefaultSelectMaterialGroup","nodes","length","children","afterLoadEvent","list","defaultSelectGroup","setSelection","id","submittedEvent","load","handleMaterialItemClick","event","material","selectable","preventDefault","stopPropagation","handleMoveClick","dataFormDialog","recId","dataForm","handleCutClick","cropperResult","ImageCropper","src","path","ratioOptions","handleOverrideClick","blob","base64ToBlob","data","uploadResponse","upload","File","desc","code","Messager","error","msg","response","DvOpt","createInstance","save","dialogInstance","destroy","handleNewClick","result","handleCancelClick","customRender","onClose","body","footer","_createVNode","_Fragment","ElButton","default","_createTextVNode","handleDownload","materialTypeVNodes","map","className","onClick","currentMaterialTypeVNode","limit","MKWebFileUploadContext","accept","MKUploadFile","materialListVNodes","MaterialItem","MaterialGroup","_withDirectives","MKDataTable","ElScrollbar","MKDataTablePagination","_resolveDirective"],"mappings":"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"}

package/dist/cjs/modules/ms/components/material-select/index.js

@@ -1,11 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const materialSelectApi = require("./material-select-api.js");
-const _MaterialSelect = materialSelectApi;
-_MaterialSelect.install = (app) => {
-  _MaterialSelect._context = app._context;
-};
-const MKMaterialSelect = _MaterialSelect;
+const MKMaterialSelect = materialSelectApi;
+exports.default = materialSelectApi;
 exports.MKMaterialSelect = MKMaterialSelect;
-exports.default = _MaterialSelect;
 //# sourceMappingURL=index.js.map

package/dist/cjs/modules/ms/components/material-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/modules/ms/components/material-select/index.ts"],"sourcesContent":["import { App } from \"vue\";\r\nimport { SFCWithInstall } from \"@maketribe/utils\";\r\nimport MaterialSelect from \"./material-select-api\";\r\n\r\nconst _MaterialSelect = MaterialSelect as SFCWithInstall<\r\n  typeof MaterialSelect\r\n> &\r\n  typeof MaterialSelect;\r\n\r\n_MaterialSelect.install = (app: App) => {\r\n  _MaterialSelect._context = app._context;\r\n};\r\n\r\nexport default _MaterialSelect;\r\nexport const MKMaterialSelect = _MaterialSelect;\r\n\r\nexport * from \"./material-select-type\";\r\n"],"names":["MaterialSelect"],"mappings":";;;AAIA,MAAM,kBAAkBA;AAKxB,gBAAgB,UAAU,CAAC,QAAa;AACtC,kBAAgB,WAAW,IAAI;AACjC;AAGO,MAAM,mBAAmB;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/modules/ms/components/material-select/index.ts"],"sourcesContent":["import MaterialSelect from \"./material-select-api\";\n\nexport const MKMaterialSelect = MaterialSelect;\n\nexport default MaterialSelect;\n"],"names":["MaterialSelect"],"mappings":";;;AAEO,MAAM,mBAAmBA;;;"}

package/dist/cjs/modules/ms/components/material-select/material-select-api.js

@@ -1,35 +1,107 @@
 "use strict";
 const vue = require("vue");
-const materialSelect = require("./material-select.js");
-const initInstance = (props, container, appContext = null) => {
-  const vnode = vue.createVNode(materialSelect, props);
-  vnode.appContext = appContext;
-  vue.render(vnode, container);
-  return vnode.component;
-};
-const showDialog = (options, appContext) => {
-  const container = document.createElement("div");
-  const instance = initInstance(options, container, appContext);
-  return instance.proxy;
-};
-async function MaterialSelect(options, appContext) {
-  options == null ? void 0 : options.allowMaterialTypeValues;
-  return new Promise((resolve, reject) => {
-    showDialog(
-      {
-        ...options,
-        allowMaterialTypeValues: (options == null ? void 0 : options.allowMaterialTypeValues) ?? ["1"],
-        onMaterialChange: (material) => {
-          resolve({ success: true, data: material, path: material.path });
-        },
-        onCancel: () => {
-          resolve({ success: false, data: null, path: "" });
-        }
+const dm = require("@maketribe/dm");
+const index = require("../material-list/index.js");
+const MsMaterialTable = require("../../dataviews/ms-material/MsMaterialTable.js");
+require("@maketribe/request");
+require("@maketribe/utils");
+const elementPlus = require("element-plus");
+require("../../../../core/DataModelDefines.js");
+require("vue-router");
+require("@maketribe/locale");
+require("../../../../components/basic/svg-icon/index.js");
+require("../../../../components/data-model/data-form/index.js");
+require("../../../../components/data-model/data-table/index.js");
+require("../../../../components/data-model/data-table-pagination/index.js");
+require("../../../../components/abstract/abstract-select/abstract-select.js");
+require("../../../../components/abstract/abstract-select/abstract-select-options.js");
+require("../../../../components/basic/button/button-options.js");
+require("../../../../components/basic/config-provider/index.js");
+require("../../../../components/basic/data-table-select/index.js");
+require("../../../../components/basic/data-select/index.js");
+require("../../../../components/basic/pagination/index.js");
+require("../../../../components/basic/system-provider/index.js");
+require("../../../../components/basic/code-editor/index.js");
+require("../../../../components/basic/json-editor/index.js");
+require("../../../../components/basic/page-container/index.js");
+require("../../../../components/basic/date-picker/index.js");
+require("../../../../components/basic/icon-select/index.js");
+require("../../../../components/basic/upload-file/upload-file.js");
+require("../../../../components/basic/upload-file/context/web-file-upload-context.js");
+require("../../../../components/basic/upload-file/context/web-file-upload-context-options.js");
+require("../../../../components/basic/upload-file/ui/upload-image/index.js");
+require("../../../../components/basic/upload-file/upload-file-options.js");
+require("../../../../components/basic/doc-editor/index.js");
+require("../../../../components/basic/copy-container/index.js");
+require("../../../../components/basic/image-cropper/index.js");
+require("../../../../components/business/verify-dialog/index.js");
+require("../../../../components/business/resource-list/index.js");
+require("../../../../components/business/resource-manager/index.js");
+require("../../dataviews/department/DepartmentForm.js");
+require("../../dataviews/department/DepartmentTable.js");
+require("../../dataviews/department/DepartmentTree.js");
+require("../../dataviews/log/operate-log/OperateLogTable.js");
+require("../../dataviews/log/login-log/LoginLogTable.js");
+require("../../dataviews/log/request-log/RequestLogTable.js");
+require("../../dataviews/log/local-log/LocalLogTree.js");
+async function MaterialSelect(options = {}) {
+  return new Promise((resolve) => {
+    const materialTable = vue.reactive(new MsMaterialTable.MsMaterialTable());
+    const handleCancelClick = () => {
+      dialogInstance.destroy();
+      resolve({
+        success: false,
+        data: null,
+        path: ""
+      });
+    };
+    const handleConfirmClick = () => {
+      dialogInstance.destroy();
+      const selection = materialTable.getSelection()[0];
+      const selectMaterial = materialTable.getList().find((item) => item.id === selection);
+      if (!selectMaterial) {
+        resolve({
+          success: false,
+          data: null,
+          path: ""
+        });
+        return;
+      }
+      resolve({
+        success: true,
+        data: selectMaterial,
+        path: selectMaterial.path
+      });
+    };
+    const dialogInstance = dm.Dialoger.customRender({
+      title: "素材选择",
+      class: "mk-material-select",
+      width: "70%",
+      onClose: () => {
+        dialogInstance.destroy();
       },
-      appContext ?? MaterialSelect._context
-    );
+      body: () => {
+        return vue.createVNode(index.MKMaterialList, {
+          "class": "mk-material-select__list",
+          "selectable": true,
+          "materialTable": materialTable
+        }, null);
+      },
+      footer: () => {
+        return vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
+          "onClick": handleCancelClick
+        }, {
+          default: () => [vue.createTextVNode("取消")]
+        }), vue.createVNode(elementPlus.ElButton, {
+          "type": "primary",
+          "disabled": materialTable.getSelection().length === 0,
+          "onClick": handleConfirmClick
+        }, {
+          default: () => [vue.createTextVNode("确定")]
+        })]);
+      }
+    });
   });
 }
-MaterialSelect._context = null;
 module.exports = MaterialSelect;
 //# sourceMappingURL=material-select-api.js.map

package/dist/cjs/modules/ms/components/material-select/material-select-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-select-api.js","sources":["../../../../../../src/modules/ms/components/material-select/material-select-api.ts"],"sourcesContent":["import { AppContext, createVNode, render } from \"vue\";\r\nimport MaterialSelectConstructor from \"./material-select\";\r\nimport type {\r\n  IMKMaterialSelect,\r\n  MKMaterialSelectOptions,\r\n} from \"./material-select-type\";\r\nimport { MsMaterial } from \"../../dataviews\";\r\n\r\nconst initInstance = (\r\n  props: any,\r\n  container: HTMLElement,\r\n  appContext: AppContext | null = null\r\n) => {\r\n  const vnode = createVNode(MaterialSelectConstructor, props);\r\n\r\n  vnode.appContext = appContext;\r\n\r\n  render(vnode, container);\r\n\r\n  return vnode.component;\r\n};\r\n\r\nconst showDialog = (options: any, appContext?: AppContext | null) => {\r\n  const container = document.createElement(\"div\");\r\n\r\n  const instance = initInstance(options, container, appContext)!;\r\n\r\n  return instance.proxy;\r\n};\r\n\r\nasync function MaterialSelect(\r\n  options?: MKMaterialSelectOptions,\r\n  appContext?: AppContext\r\n) {\r\n  options?.allowMaterialTypeValues;\r\n  return new Promise((resolve, reject) => {\r\n    showDialog(\r\n      {\r\n        ...options,\r\n        allowMaterialTypeValues: options?.allowMaterialTypeValues ?? [\"1\"],\r\n        onMaterialChange: (material: MsMaterial) => {\r\n          resolve({ success: true, data: material, path: material.path });\r\n        },\r\n        onCancel: () => {\r\n          resolve({ success: false, data: null, path: \"\" });\r\n        },\r\n      },\r\n      appContext ?? (MaterialSelect as unknown as IMKMaterialSelect)._context\r\n    );\r\n  });\r\n}\r\n\r\n(MaterialSelect as IMKMaterialSelect)._context = null;\r\n\r\nexport default MaterialSelect as IMKMaterialSelect;\r\n"],"names":["createVNode","MaterialSelectConstructor","render"],"mappings":";;;AAQA,MAAM,eAAe,CACnB,OACA,WACA,aAAgC,SAC7B;AACG,QAAA,QAAQA,IAAAA,YAAYC,gBAA2B,KAAK;AAE1D,QAAM,aAAa;AAEnBC,aAAO,OAAO,SAAS;AAEvB,SAAO,MAAM;AACf;AAEA,MAAM,aAAa,CAAC,SAAc,eAAmC;AAC7D,QAAA,YAAY,SAAS,cAAc,KAAK;AAE9C,QAAM,WAAW,aAAa,SAAS,WAAW,UAAU;AAE5D,SAAO,SAAS;AAClB;AAEA,eAAe,eACb,SACA,YACA;AACS,qCAAA;AACT,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC;AAAA,MACE;AAAA,QACE,GAAG;AAAA,QACH,0BAAyB,mCAAS,4BAA2B,CAAC,GAAG;AAAA,QACjE,kBAAkB,CAAC,aAAyB;AAClC,kBAAA,EAAE,SAAS,MAAM,MAAM,UAAU,MAAM,SAAS,MAAM;AAAA,QAChE;AAAA,QACA,UAAU,MAAM;AACd,kBAAQ,EAAE,SAAS,OAAO,MAAM,MAAM,MAAM,IAAI;AAAA,QAClD;AAAA,MACF;AAAA,MACA,cAAe,eAAgD;AAAA,IAAA;AAAA,EACjE,CACD;AACH;AAEC,eAAqC,WAAW;;"}
+{"version":3,"file":"material-select-api.js","sources":["../../../../../../src/modules/ms/components/material-select/material-select-api.tsx"],"sourcesContent":["import { Fragment, reactive } from \"vue\";\nimport { Dialoger } from \"@maketribe/dm\";\nimport { MKMaterialList } from \"../material-list\";\nimport { MsMaterial, MsMaterialTable } from \"../../dataviews\";\nimport { ElButton } from \"element-plus\";\n\nexport type MKMaterialSelectOptions = {\n  allowMaterialTypeValues?: any[];\n};\nexport type MKMaterialSelectResult = {\n  success: boolean;\n  data: MsMaterial | null;\n  path: string;\n};\n\nexport default async function MaterialSelect(\n  options: MKMaterialSelectOptions = {}\n): Promise<MKMaterialSelectResult> {\n  return new Promise((resolve) => {\n    const materialTable = reactive(new MsMaterialTable()) as MsMaterialTable;\n\n    const handleCancelClick = () => {\n      dialogInstance.destroy();\n\n      resolve({ success: false, data: null, path: \"\" });\n    };\n\n    const handleConfirmClick = () => {\n      dialogInstance.destroy();\n\n      const selection = materialTable.getSelection()[0];\n\n      const selectMaterial = materialTable\n        .getList()\n        .find((item) => item.id === selection);\n\n      if (!selectMaterial) {\n        resolve({ success: false, data: null, path: \"\" });\n        return;\n      }\n\n      resolve({\n        success: true,\n        data: selectMaterial,\n        path: selectMaterial.path,\n      });\n    };\n\n    const dialogInstance = Dialoger.customRender({\n      title: \"素材选择\",\n      class: \"mk-material-select\",\n      width: \"70%\",\n      onClose: () => {\n        dialogInstance.destroy();\n      },\n      body: () => {\n        return (\n          <MKMaterialList\n            class=\"mk-material-select__list\"\n            selectable\n            materialTable={materialTable}\n          />\n        );\n      },\n      footer: () => {\n        return (\n          <Fragment>\n            <ElButton onClick={handleCancelClick}>取消</ElButton>\n            <ElButton\n              type=\"primary\"\n              disabled={materialTable.getSelection().length === 0}\n              onClick={handleConfirmClick}\n            >\n              确定\n            </ElButton>\n          </Fragment>\n        );\n      },\n    });\n  });\n}\n"],"names":["MaterialSelect","options","Promise","resolve","materialTable","reactive","MsMaterialTable","handleCancelClick","dialogInstance","destroy","success","data","path","handleConfirmClick","selection","getSelection","selectMaterial","getList","find","item","id","Dialoger","customRender","title","class","width","onClose","body","_createVNode","MKMaterialList","footer","_Fragment","ElButton","default","_createTextVNode","length"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAee,eAAeA,eAC5BC,UAAmC,IACF;AACjC,SAAO,IAAIC,QAASC,aAAY;AAC9B,UAAMC,gBAAgBC,IAAAA,SAAS,IAAIC,gBAAAA,gBAAiB,CAAA;AAEpD,UAAMC,oBAAoBA,MAAM;AAC9BC,qBAAeC,QAAO;AAEtBN,cAAQ;AAAA,QAAEO,SAAS;AAAA,QAAOC,MAAM;AAAA,QAAMC,MAAM;AAAA,MAAG,CAAC;AAAA;AAGlD,UAAMC,qBAAqBA,MAAM;AAC/BL,qBAAeC,QAAO;AAEtB,YAAMK,YAAYV,cAAcW,aAAc,EAAC,CAAC;AAEhD,YAAMC,iBAAiBZ,cACpBa,UACAC,KAAMC,UAASA,KAAKC,OAAON,SAAS;AAEvC,UAAI,CAACE,gBAAgB;AACnBb,gBAAQ;AAAA,UAAEO,SAAS;AAAA,UAAOC,MAAM;AAAA,UAAMC,MAAM;AAAA,QAAG,CAAC;AAChD;AAAA,MACF;AAEAT,cAAQ;AAAA,QACNO,SAAS;AAAA,QACTC,MAAMK;AAAAA,QACNJ,MAAMI,eAAeJ;AAAAA,MACvB,CAAC;AAAA;AAGH,UAAMJ,iBAAiBa,GAAQ,SAACC,aAAa;AAAA,MAC3CC,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,SAASA,MAAM;AACblB,uBAAeC,QAAO;AAAA,MACvB;AAAA,MACDkB,MAAMA,MAAM;AACV,eAAAC,IAAAA,YAAAC,MAAAA,gBAAA;AAAA,UAAA,SAAA;AAAA,UAAA,cAAA;AAAA,UAAA,iBAImBzB;AAAAA,QAAa,GAAA,IAAA;AAAA,MAGjC;AAAA,MACD0B,QAAQA,MAAM;AACZ,eAAAF,IAAA,YAAAG,IAAA,UAAAH,MAAAA,CAAAA,IAAAA,YAAAI,YAAAA,UAAA;AAAA,UAAA,WAEuBzB;AAAAA,QAAiB,GAAA;AAAA,UAAA0B,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,SAAAN,GAAAA,IAAA,YAAAI,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,YAGxB5B,cAAcW,aAAc,EAACoB,WAAW;AAAA,UAAC,WAC1CtB;AAAAA,QAAkB,GAAA;AAAA,UAAAoB,SAAAA,MAAA,CAAAC,oBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAMnC;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;;"}

package/dist/cjs/modules/ms/components/rich-text-editor/index.js.map

@@ -1 +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":["defineAsyncComponent","withInstall"],"mappings":";;;;;;AAGA,MAAM,kBAAkBA,IAAA;AAAA,EACtB,MAAM,QAAO,QAAA,EAAA,KAAA,MAAA,6CAAA,QAAA,uBAAoB,CAAA,CAAA;AACnC;AAEa,MAAA,mBAAmBC,kBAAY,eAAe;;;;;"}
+{"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":["defineAsyncComponent","withInstall"],"mappings":";;;;;;AAGA,MAAM,kBAAkBA,IAAA;AAAA,EACtB,MAAM,QAAO,QAAA,EAAA,KAAA,MAAA,6CAAA,QAAA,uBAAoB,CAAA,CAAA;AACnC;AAEa,MAAA,mBAAmBC,kBAAY,eAAe;;;;;"}

package/dist/cjs/modules/ms/dataviews/log/local-log/LocalLogTree.js.map

@@ -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\";\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":["DataTree","DataTreeNode","CancelToken","defineDataTree"],"mappings":";;;;;AAYO,MAAM,qBAAqBA,GAAAA,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,cAAcC,gBAAuB;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,IAAIC,oBAAY,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;AAEAC,eAAA,eAAe,YAAY;;"}
+{"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":["DataTree","DataTreeNode","CancelToken","defineDataTree"],"mappings":";;;;;AAYO,MAAM,qBAAqBA,GAAAA,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,cAAcC,gBAAuB;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,IAAIC,oBAAY,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;AAEAC,eAAA,eAAe,YAAY;;"}