@maketribe/ms-app 3.2.2 → 3.2.4

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

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

package/dist/esm/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/esm/modules/ms/components/material-select/index.js

@@ -1,11 +1,7 @@
 import MaterialSelect from "./material-select-api.js";
-const _MaterialSelect = MaterialSelect;
-_MaterialSelect.install = (app) => {
-  _MaterialSelect._context = app._context;
-};
-const MKMaterialSelect = _MaterialSelect;
+const MKMaterialSelect = MaterialSelect;
 export {
   MKMaterialSelect,
-  _MaterialSelect as default
+  MaterialSelect as default
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/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":[],"mappings":";AAIA,MAAM,kBAAkB;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":[],"mappings":";AAEO,MAAM,mBAAmB;"}

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

@@ -1,35 +1,107 @@
-import { createVNode, render } from "vue";
-import MaterialSelectConstructor from "./material-select.js";
-const initInstance = (props, container, appContext = null) => {
-  const vnode = createVNode(MaterialSelectConstructor, props);
-  vnode.appContext = appContext;
-  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: "" });
-        }
+import { reactive, createVNode, Fragment, createTextVNode } from "vue";
+import { Dialoger } from "@maketribe/dm";
+import { MKMaterialList } from "../material-list/index.js";
+import { MsMaterialTable } from "../../dataviews/ms-material/MsMaterialTable.js";
+import "@maketribe/request";
+import "@maketribe/utils";
+import { ElButton } from "element-plus";
+import "../../../../core/DataModelDefines.js";
+import "vue-router";
+import "@maketribe/locale";
+import "../../../../components/basic/svg-icon/index.js";
+import "../../../../components/data-model/data-form/index.js";
+import "../../../../components/data-model/data-table/index.js";
+import "../../../../components/data-model/data-table-pagination/index.js";
+import "../../../../components/abstract/abstract-select/abstract-select.js";
+import "../../../../components/abstract/abstract-select/abstract-select-options.js";
+import "../../../../components/basic/button/button-options.js";
+import "../../../../components/basic/config-provider/index.js";
+import "../../../../components/basic/data-table-select/index.js";
+import "../../../../components/basic/data-select/index.js";
+import "../../../../components/basic/pagination/index.js";
+import "../../../../components/basic/system-provider/index.js";
+import "../../../../components/basic/code-editor/index.js";
+import "../../../../components/basic/json-editor/index.js";
+import "../../../../components/basic/page-container/index.js";
+import "../../../../components/basic/date-picker/index.js";
+import "../../../../components/basic/icon-select/index.js";
+import "../../../../components/basic/upload-file/upload-file.js";
+import "../../../../components/basic/upload-file/context/web-file-upload-context.js";
+import "../../../../components/basic/upload-file/context/web-file-upload-context-options.js";
+import "../../../../components/basic/upload-file/ui/upload-image/index.js";
+import "../../../../components/basic/upload-file/upload-file-options.js";
+import "../../../../components/basic/doc-editor/index.js";
+import "../../../../components/basic/copy-container/index.js";
+import "../../../../components/basic/image-cropper/index.js";
+import "../../../../components/business/verify-dialog/index.js";
+import "../../../../components/business/resource-list/index.js";
+import "../../../../components/business/resource-manager/index.js";
+import "../../dataviews/department/DepartmentForm.js";
+import "../../dataviews/department/DepartmentTable.js";
+import "../../dataviews/department/DepartmentTree.js";
+import "../../dataviews/log/operate-log/OperateLogTable.js";
+import "../../dataviews/log/login-log/LoginLogTable.js";
+import "../../dataviews/log/request-log/RequestLogTable.js";
+import "../../dataviews/log/local-log/LocalLogTree.js";
+async function MaterialSelect(options = {}) {
+  return new Promise((resolve) => {
+    const materialTable = reactive(new 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 = Dialoger.customRender({
+      title: "素材选择",
+      class: "mk-material-select",
+      width: "70%",
+      onClose: () => {
+        dialogInstance.destroy();
+      },
+      body: () => {
+        return createVNode(MKMaterialList, {
+          "class": "mk-material-select__list",
+          "selectable": true,
+          "materialTable": materialTable
+        }, null);
       },
-      appContext ?? MaterialSelect._context
-    );
+      footer: () => {
+        return createVNode(Fragment, null, [createVNode(ElButton, {
+          "onClick": handleCancelClick
+        }, {
+          default: () => [createTextVNode("取消")]
+        }), createVNode(ElButton, {
+          "type": "primary",
+          "disabled": materialTable.getSelection().length === 0,
+          "onClick": handleConfirmClick
+        }, {
+          default: () => [createTextVNode("确定")]
+        })]);
+      }
+    });
   });
 }
-MaterialSelect._context = null;
 export {
   MaterialSelect as default
 };

package/dist/esm/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":[],"mappings":";;AAQA,MAAM,eAAe,CACnB,OACA,WACA,aAAgC,SAC7B;AACG,QAAA,QAAQ,YAAY,2BAA2B,KAAK;AAE1D,QAAM,aAAa;AAEnB,SAAO,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,SAAS,IAAIC,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,SAASC,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,YAAAC,gBAAA;AAAA,UAAA,SAAA;AAAA,UAAA,cAAA;AAAA,UAAA,iBAImBzB;AAAAA,QAAa,GAAA,IAAA;AAAA,MAGjC;AAAA,MACD0B,QAAQA,MAAM;AACZ,eAAAF,YAAAG,UAAAH,MAAAA,CAAAA,YAAAI,UAAA;AAAA,UAAA,WAEuBzB;AAAAA,QAAiB,GAAA;AAAA,UAAA0B,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,SAAAN,GAAAA,YAAAI,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,YAGxB5B,cAAcW,aAAc,EAACoB,WAAW;AAAA,UAAC,WAC1CtB;AAAAA,QAAkB,GAAA;AAAA,UAAAoB,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAMnC;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;"}

package/dist/esm/modules/ms/dataviews/ms-config/MsConfigTable.js

@@ -15,7 +15,9 @@ const _MsConfigTable = class _MsConfigTable extends (_b = DataTable, _a = DATA_M
   static get instance() {
     if (!_MsConfigTable._instance) {
       _MsConfigTable._instance = new _MsConfigTable();
-      _MsConfigTable._instance.dataFilter.setReady();
+      _MsConfigTable._instance.init().then(() => {
+        _MsConfigTable._instance.dataFilter.setReady();
+      });
     }
     return _MsConfigTable._instance;
   }

package/dist/esm/modules/ms/dataviews/ms-config/MsConfigTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"MsConfigTable.js","sources":["../../../../../../src/modules/ms/dataviews/ms-config/MsConfigTable.ts"],"sourcesContent":["import { Where } from \"@maketribe/request\";\nimport {\n  DataTable,\n  DataTableOptions,\n  TableColumn,\n  TableActionColumn,\n  TableHeaderItem,\n  RefreshButton,\n  AddButton,\n  FilterColumn,\n} from \"@maketribe/dm\";\nimport { MsConfig } from \"./MsConfigForm\";\nimport { R, ResponseConfig } from \"@maketribe/request\";\nimport { MSAppClient } from \"../../../../core\";\nimport { DATA_MODEL_NAME } from \"../../../../constants\";\nimport { MODULE_NAME } from \"../../constants\";\n\nexport class MsConfigTable extends DataTable<MsConfig> {\n  static [DATA_MODEL_NAME]: string = \"mk-sys-config\";\n\n  private static _instance: MsConfigTable | null = null;\n\n  static get instance(): MsConfigTable {\n    if (!MsConfigTable._instance) {\n      MsConfigTable._instance = new MsConfigTable();\n      MsConfigTable._instance.dataFilter.setReady();\n    }\n\n    return MsConfigTable._instance;\n  }\n\n  constructor(options: DataTableOptions = {}) {\n    super({\n      name: MsConfigTable[DATA_MODEL_NAME],\n      moduleName: MODULE_NAME,\n      ...options,\n    });\n  }\n\n  protected async initialize() {\n    await super.initialize();\n\n    this.header.rightArea = [\n      new TableHeaderItem({ componentInfo: \"MKTableFilter\" }),\n      new RefreshButton(),\n      new AddButton(),\n      new TableHeaderItem({\n        componentInfo: \"MKBatchOpt\",\n        predicate: () =>\n          MSAppClient.instance?.userSession?.userInfo?.isSuper ?? false,\n      }),\n    ];\n\n    this.dataFilter.setColumns([\n      new FilterColumn({ name: \"key\", label: \"配置键\" }),\n    ]);\n\n    this.setColumns([\n      new TableColumn({ name: \"key\", label: \"配置键\" }),\n      new TableColumn({ name: \"memo\", label: \"备注\" }),\n      new TableActionColumn(),\n    ]);\n  }\n\n  formatItem(item: MsConfig): MsConfig {\n    let value = item.value;\n\n    try {\n      value = JSON.parse(value);\n    } catch (e) {}\n\n    return { ...item, value };\n  }\n\n  static async loadConfig<T = any>(\n    key: string\n  ): Promise<ResponseConfig<R<MsConfig<T>>>> {\n    const where = new Where();\n\n    where.addCondition(\"key\", \"=\", key);\n\n    const dataViewRequest = MsConfigTable.instance.dataViewRequest;\n    const response = await dataViewRequest.allList({\n      data: { condition: where },\n    });\n\n    return {\n      ...response,\n      data: {\n        ...response.data,\n        data: response.data.data?.[0] ?? null,\n      },\n    };\n  }\n}\n"],"names":["_b","_a"],"mappings":";;;;;;;;;;;;;AAiBO,MAAM,iBAAN,MAAM,wBAAsB,gBACzB,sBADyB,IAAoB;AAAA,EAKrD,WAAW,WAA0B;AAC/B,QAAA,CAAC,eAAc,WAAW;AACd,qBAAA,YAAY,IAAI;AAChB,qBAAA,UAAU,WAAW;IACrC;AAEA,WAAO,eAAc;AAAA,EACvB;AAAA,EAEA,YAAY,UAA4B,IAAI;AACpC,UAAA;AAAA,MACJ,MAAM,eAAc,eAAe;AAAA,MACnC,YAAY;AAAA,MACZ,GAAG;AAAA,IAAA,CACJ;AAAA,EACH;AAAA,EAEA,MAAgB,aAAa;AAC3B,UAAM,MAAM;AAEZ,SAAK,OAAO,YAAY;AAAA,MACtB,IAAI,gBAAgB,EAAE,eAAe,iBAAiB;AAAA,MACtD,IAAI,cAAc;AAAA,MAClB,IAAI,UAAU;AAAA,MACd,IAAI,gBAAgB;AAAA,QAClB,eAAe;AAAA,QACf,WAAW,MACT;;AAAA,yBAAAA,OAAAC,MAAA,YAAY,aAAZ,gBAAAA,IAAsB,gBAAtB,gBAAAD,IAAmC,aAAnC,mBAA6C,YAAW;AAAA;AAAA,MAAA,CAC3D;AAAA,IAAA;AAGH,SAAK,WAAW,WAAW;AAAA,MACzB,IAAI,aAAa,EAAE,MAAM,OAAO,OAAO,OAAO;AAAA,IAAA,CAC/C;AAED,SAAK,WAAW;AAAA,MACd,IAAI,YAAY,EAAE,MAAM,OAAO,OAAO,OAAO;AAAA,MAC7C,IAAI,YAAY,EAAE,MAAM,QAAQ,OAAO,MAAM;AAAA,MAC7C,IAAI,kBAAkB;AAAA,IAAA,CACvB;AAAA,EACH;AAAA,EAEA,WAAW,MAA0B;AACnC,QAAI,QAAQ,KAAK;AAEb,QAAA;AACM,cAAA,KAAK,MAAM,KAAK;AAAA,aACjB,GAAG;AAAA,IAAC;AAEN,WAAA,EAAE,GAAG,MAAM;EACpB;AAAA,EAEA,aAAa,WACX,KACyC;;AACnC,UAAA,QAAQ,IAAI;AAEZ,UAAA,aAAa,OAAO,KAAK,GAAG;AAE5B,UAAA,kBAAkB,eAAc,SAAS;AACzC,UAAA,WAAW,MAAM,gBAAgB,QAAQ;AAAA,MAC7C,MAAM,EAAE,WAAW,MAAM;AAAA,IAAA,CAC1B;AAEM,WAAA;AAAA,MACL,GAAG;AAAA,MACH,MAAM;AAAA,QACJ,GAAG,SAAS;AAAA,QACZ,QAAMC,MAAA,SAAS,KAAK,SAAd,gBAAAA,IAAqB,OAAM;AAAA,MACnC;AAAA,IAAA;AAAA,EAEJ;AACF;AA5EE,cADW,gBACH,IAA2B;AAEnC,cAHW,gBAGI,aAAkC;AAH5C,IAAM,gBAAN;"}
+{"version":3,"file":"MsConfigTable.js","sources":["../../../../../../src/modules/ms/dataviews/ms-config/MsConfigTable.ts"],"sourcesContent":["import { Where } from \"@maketribe/request\";\nimport {\n  DataTable,\n  DataTableOptions,\n  TableColumn,\n  TableActionColumn,\n  TableHeaderItem,\n  RefreshButton,\n  AddButton,\n  FilterColumn,\n} from \"@maketribe/dm\";\nimport { MsConfig } from \"./MsConfigForm\";\nimport { R, ResponseConfig } from \"@maketribe/request\";\nimport { MSAppClient } from \"../../../../core\";\nimport { DATA_MODEL_NAME } from \"../../../../constants\";\nimport { MODULE_NAME } from \"../../constants\";\n\nexport class MsConfigTable extends DataTable<MsConfig> {\n  static [DATA_MODEL_NAME]: string = \"mk-sys-config\";\n\n  private static _instance: MsConfigTable | null = null;\n\n  static get instance(): MsConfigTable {\n    if (!MsConfigTable._instance) {\n      MsConfigTable._instance = new MsConfigTable();\n      MsConfigTable._instance.init().then(() => {\n        MsConfigTable._instance!.dataFilter.setReady();\n      });\n    }\n\n    return MsConfigTable._instance;\n  }\n\n  constructor(options: DataTableOptions = {}) {\n    super({\n      name: MsConfigTable[DATA_MODEL_NAME],\n      moduleName: MODULE_NAME,\n      ...options,\n    });\n  }\n\n  protected async initialize() {\n    await super.initialize();\n\n    this.header.rightArea = [\n      new TableHeaderItem({ componentInfo: \"MKTableFilter\" }),\n      new RefreshButton(),\n      new AddButton(),\n      new TableHeaderItem({\n        componentInfo: \"MKBatchOpt\",\n        predicate: () =>\n          MSAppClient.instance?.userSession?.userInfo?.isSuper ?? false,\n      }),\n    ];\n\n    this.dataFilter.setColumns([\n      new FilterColumn({ name: \"key\", label: \"配置键\" }),\n    ]);\n\n    this.setColumns([\n      new TableColumn({ name: \"key\", label: \"配置键\" }),\n      new TableColumn({ name: \"memo\", label: \"备注\" }),\n      new TableActionColumn(),\n    ]);\n  }\n\n  formatItem(item: MsConfig): MsConfig {\n    let value = item.value;\n\n    try {\n      value = JSON.parse(value);\n    } catch (e) {}\n\n    return { ...item, value };\n  }\n\n  static async loadConfig<T = any>(\n    key: string\n  ): Promise<ResponseConfig<R<MsConfig<T>>>> {\n    const where = new Where();\n\n    where.addCondition(\"key\", \"=\", key);\n\n    const dataViewRequest = MsConfigTable.instance.dataViewRequest;\n    const response = await dataViewRequest.allList({\n      data: { condition: where },\n    });\n\n    return {\n      ...response,\n      data: {\n        ...response.data,\n        data: response.data.data?.[0] ?? null,\n      },\n    };\n  }\n}\n"],"names":["_b","_a"],"mappings":";;;;;;;;;;;;;AAiBO,MAAM,iBAAN,MAAM,wBAAsB,gBACzB,sBADyB,IAAoB;AAAA,EAKrD,WAAW,WAA0B;AAC/B,QAAA,CAAC,eAAc,WAAW;AACd,qBAAA,YAAY,IAAI;AAC9B,qBAAc,UAAU,KAAO,EAAA,KAAK,MAAM;AAC1B,uBAAA,UAAW,WAAW;MAAS,CAC9C;AAAA,IACH;AAEA,WAAO,eAAc;AAAA,EACvB;AAAA,EAEA,YAAY,UAA4B,IAAI;AACpC,UAAA;AAAA,MACJ,MAAM,eAAc,eAAe;AAAA,MACnC,YAAY;AAAA,MACZ,GAAG;AAAA,IAAA,CACJ;AAAA,EACH;AAAA,EAEA,MAAgB,aAAa;AAC3B,UAAM,MAAM;AAEZ,SAAK,OAAO,YAAY;AAAA,MACtB,IAAI,gBAAgB,EAAE,eAAe,iBAAiB;AAAA,MACtD,IAAI,cAAc;AAAA,MAClB,IAAI,UAAU;AAAA,MACd,IAAI,gBAAgB;AAAA,QAClB,eAAe;AAAA,QACf,WAAW,MACT;;AAAA,yBAAAA,OAAAC,MAAA,YAAY,aAAZ,gBAAAA,IAAsB,gBAAtB,gBAAAD,IAAmC,aAAnC,mBAA6C,YAAW;AAAA;AAAA,MAAA,CAC3D;AAAA,IAAA;AAGH,SAAK,WAAW,WAAW;AAAA,MACzB,IAAI,aAAa,EAAE,MAAM,OAAO,OAAO,OAAO;AAAA,IAAA,CAC/C;AAED,SAAK,WAAW;AAAA,MACd,IAAI,YAAY,EAAE,MAAM,OAAO,OAAO,OAAO;AAAA,MAC7C,IAAI,YAAY,EAAE,MAAM,QAAQ,OAAO,MAAM;AAAA,MAC7C,IAAI,kBAAkB;AAAA,IAAA,CACvB;AAAA,EACH;AAAA,EAEA,WAAW,MAA0B;AACnC,QAAI,QAAQ,KAAK;AAEb,QAAA;AACM,cAAA,KAAK,MAAM,KAAK;AAAA,aACjB,GAAG;AAAA,IAAC;AAEN,WAAA,EAAE,GAAG,MAAM;EACpB;AAAA,EAEA,aAAa,WACX,KACyC;;AACnC,UAAA,QAAQ,IAAI;AAEZ,UAAA,aAAa,OAAO,KAAK,GAAG;AAE5B,UAAA,kBAAkB,eAAc,SAAS;AACzC,UAAA,WAAW,MAAM,gBAAgB,QAAQ;AAAA,MAC7C,MAAM,EAAE,WAAW,MAAM;AAAA,IAAA,CAC1B;AAEM,WAAA;AAAA,MACL,GAAG;AAAA,MACH,MAAM;AAAA,QACJ,GAAG,SAAS;AAAA,QACZ,QAAMC,MAAA,SAAS,KAAK,SAAd,gBAAAA,IAAqB,OAAM;AAAA,MACnC;AAAA,IAAA;AAAA,EAEJ;AACF;AA9EE,cADW,gBACH,IAA2B;AAEnC,cAHW,gBAGI,aAAkC;AAH5C,IAAM,gBAAN;"}