@maketribe/ms-app 3.0.7 → 3.0.8

package/dist/esm/components/index.js

@@ -2,8 +2,6 @@ export { MKDataForm } from './data-model/data-form/index.js';
 export { MKDataFormPage } from './data-model/data-form-page/index.js';
 export { MKDataTable } from './data-model/data-table/index.js';
 export { MKDataTablePage } from './data-model/data-table-page/index.js';
-export { MKDataTree } from './data-model/data-tree/index.js';
-export { MKDataTreePage } from './data-model/data-tree-page/index.js';
 export { MKDataTablePagination } from './data-model/data-table-pagination/index.js';
 export { MKFormDataSelect } from './form-components/form-data-select/index.js';
 export { MKFormIconSelect } from './form-components/form-icon-select/index.js';
@@ -20,6 +18,7 @@ export { MKColumnImage } from './column-components/column-image/index.js';
 export { MKColumnText } from './column-components/column-text/index.js';
 export { MKColumnObjectMappingText } from './column-components/column-object-mapping-text/index.js';
 export { MKColumnSelect } from './column-components/column-select/index.js';
+export { MKColumnJson } from './column-components/column-json/index.js';
 export { MKConditionInput } from './condition-components/condition-input/index.js';
 export { MKConditionDate } from './condition-components/condition-date/index.js';
 export { MKConditionNumber } from './condition-components/condition-number/index.js';
@@ -41,10 +40,9 @@ export { MKSystemProvider } from './system-provider/index.js';
 export { MKMaterialList } from './material-list/index.js';
 export { MKMaterialSelect } from './material-select/index.js';
 export { MKRolePermissionConfig } from './role-permission-config/index.js';
-export { MKMenuPermissionTable } from './menu-permission-table/index.js';
 export { MKImageSelect } from './image-select/index.js';
 export { MKVerifyDialog } from './verify-dialog/index.js';
-export { MKMemberTable } from './member-table/index.js';
+export { MKJsonEditor } from './json-editor/index.js';
 export { dataFormEmits, dataFormProps } from './data-model/data-form/data-form-options.js';
 export { dataFormItemProps } from './data-model/data-form/data-form-item/data-form-item-options.js';
 export { MKDataFormItem } from './data-model/data-form/data-form-item/index.js';
@@ -56,14 +54,17 @@ export { MKDataTableColumn } from './data-model/data-table/data-table-column/ind
 export { dataTableColumnComponentProps } from './data-model/data-table/data-table-column-component/data-table-column-component-options.js';
 export { MKDataTableColumnComponent } from './data-model/data-table/data-table-column-component/index.js';
 export { DataTableEmits, dataTableEmits, dataTableProps } from './data-model/data-table/data-table-options.js';
-export { MKTableClassifySearchItem } from './data-model/data-table/views/table/classify-search/classify-search-item/index.js';
-export { MKTableClassifySearch } from './data-model/data-table/views/table/classify-search/index.js';
-export { conditionProps, useCondition } from './data-model/data-table/views/table/search/composables/use-condition.js';
-export { TABLE_SEARCH_CONTEXT_KEY, TABLE_SEARCH_ITEM_CONTEXT_KEY } from './data-model/data-table/views/table/search/token.js';
-export { BETWEEN_OPTION, CONTAIN_OPTION, EQUAL_OPTION, GREATER_THAN_EQUAL_OPTION, GREATER_THAN_OPTION, IN_OPTION, LESS_THAN_EQUAL_OPTION, LESS_THAN_OPTION, NOT_IN_OPTION, OPERATOR_OPTIONS } from './data-model/data-table/views/table/search/operator-options.js';
-export { MKTableSearch } from './data-model/data-table/views/table/search/index.js';
-export { MKTableView } from './data-model/data-table/views/table/index.js';
-export { dataTreeProps } from './data-model/data-tree/data-tree-options.js';
+export { tableProps } from './data-model/data-table/views/table/table-options.js';
+export { MKTable } from './data-model/data-table/views/table/index.js';
+export { tableTreeProps } from './data-model/data-table/views/table-tree/table-tree-options.js';
+export { MKTableTree } from './data-model/data-table/views/table-tree/index.js';
+export { treeProps } from './data-model/data-table/views/tree/tree-options.js';
+export { MKTree } from './data-model/data-table/views/tree/index.js';
+export { MKTableClassifySearchItem } from './data-model/data-table/views/table-view/classify-search/classify-search-item/index.js';
+export { MKTableClassifySearch } from './data-model/data-table/views/table-view/classify-search/index.js';
+export { MKTableView } from './data-model/data-table/views/table-view/index.js';
+export { treeViewProps } from './data-model/data-table/views/tree-view/tree-view-options.js';
+export { MKTreeView } from './data-model/data-table/views/tree-view/index.js';
 export { dataTablePaginationProps } from './data-model/data-table-pagination/data-table-pagination-options.js';
 export { formDataSelectProps } from './form-components/form-data-select/form-data-select-options.js';
 export { radioBoxEmits, radioBoxProps } from './form-components/form-radio-box/form-radio-box-options.js';
@@ -73,6 +74,7 @@ export { datePickerTypes, formDatePickerProps } from './form-components/form-dat
 export { formRichTextEditorProps } from './form-components/form-rich-text-editor/form-rich-text-editor-options.js';
 export { columnTextProps } from './column-components/column-text/column-text-options.js';
 export { columnObjectMappingTextProps } from './column-components/column-object-mapping-text/column-object-mapping-text-options.js';
+export { columnJsonProps } from './column-components/column-json/column-json-options.js';
 export { conditionInputProps } from './condition-components/condition-input/condition-input-options.js';
 export { conditionDateProps } from './condition-components/condition-date/condition-date-options.js';
 export { conditionNumberProps } from './condition-components/condition-number/condition-number-options.js';

package/dist/esm/components/index.js.map

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

package/dist/esm/components/json-editor/index.d.ts

@@ -0,0 +1,24 @@
+export declare const MKJsonEditor: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (modelValue: string) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+}>> & {
+    "onUpdate:model-value"?: ((modelValue: string) => any) | undefined;
+}, {
+    readonly disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>> & Record<string, any>;
+export default MKJsonEditor;

package/dist/esm/components/json-editor/index.js

@@ -0,0 +1,7 @@
+import { withInstall } from '@maketribe/utils';
+import JsonEditor from './json-editor.js';
+
+const MKJsonEditor = withInstall(JsonEditor);
+
+export { MKJsonEditor, MKJsonEditor as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/json-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/json-editor/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport JsonEditor from \"./json-editor\";\n\nexport const MKJsonEditor = withInstall(JsonEditor);\n\nexport default MKJsonEditor;\n"],"names":[],"mappings":";;;AAGa,MAAA,YAAA,GAAe,YAAY,UAAU;;;;"}

package/dist/esm/components/json-editor/json-editor-options.d.ts

@@ -0,0 +1,15 @@
+import { ExtractPropTypes } from "vue";
+export declare const jsonEditorProps: {
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+};
+export type JsonEditorProps = ExtractPropTypes<typeof jsonEditorProps>;
+export declare const jsonEditorEmits: {
+    "update:model-value": (modelValue: string) => boolean;
+};
+export type jsonEditorEmits = typeof jsonEditorEmits;

package/dist/esm/components/json-editor/json-editor-options.js

@@ -0,0 +1,18 @@
+import { buildProps } from '@maketribe/utils';
+
+const jsonEditorProps = buildProps({
+  modelValue: {
+    type: String,
+    required: true
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+});
+const jsonEditorEmits = {
+  "update:model-value": (modelValue) => true
+};
+
+export { jsonEditorEmits, jsonEditorProps };
+//# sourceMappingURL=json-editor-options.js.map

package/dist/esm/components/json-editor/json-editor-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-editor-options.js","sources":["../../../../src/components/json-editor/json-editor-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const jsonEditorProps = buildProps({\n  modelValue: {\n    type: String,\n    required: true,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n} as const);\n\nexport type JsonEditorProps = ExtractPropTypes<typeof jsonEditorProps>;\n\nexport const jsonEditorEmits = {\n  \"update:model-value\": (modelValue: string) => true,\n};\n\nexport type jsonEditorEmits = typeof jsonEditorEmits;\n"],"names":[],"mappings":";;AAGO,MAAM,kBAAkB,UAAW,CAAA;AAAA,EACxC,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAIH,MAAM,eAAkB,GAAA;AAAA,EAC7B,oBAAA,EAAsB,CAAC,UAAuB,KAAA,IAAA;AAChD;;;;"}

package/dist/{cjs/components/data-model/data-table/views/table/search/search-item/search-item.d.ts → esm/components/json-editor/json-editor.d.ts}

@@ -1,38 +1,24 @@
-export type SearchItemComponent = {
-    isEmpty: () => boolean;
-    reset: () => void;
-};
 declare const _default: import("vue").DefineComponent<{
-    readonly name: {
+    readonly modelValue: {
         readonly type: import("vue").PropType<string>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-    readonly modelValue: {
-        readonly type: import("vue").PropType<any>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    operatorChange: (operator: any) => boolean;
-    "update:modelValue": (modelValue: any) => boolean;
+    "update:model-value": (modelValue: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly name: {
+    readonly modelValue: {
         readonly type: import("vue").PropType<string>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-    readonly modelValue: {
-        readonly type: import("vue").PropType<any>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }>> & {
-    "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
-    onOperatorChange?: ((operator: any) => any) | undefined;
-}, {}, {}>;
+    "onUpdate:model-value"?: ((modelValue: string) => any) | undefined;
+}, {
+    readonly disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
 export default _default;

package/dist/esm/components/json-editor/json-editor.js

@@ -0,0 +1,29 @@
+import { defineComponent, computed, createVNode, unref } from 'vue';
+import { Codemirror as T } from '../../node_modules/.pnpm/vue-codemirror@6.1.1_codemirror@6.0.1_vue@3.3.4/node_modules/vue-codemirror/dist/vue-codemirror.esm.js';
+import { json } from '../../node_modules/.pnpm/@codemirror_lang-json@6.0.1/node_modules/@codemirror/lang-json/dist/index.js';
+import { jsonEditorProps, jsonEditorEmits } from './json-editor-options.js';
+
+var JsonEditor = /* @__PURE__ */ defineComponent({
+  name: "MKCodeMirror",
+  props: jsonEditorProps,
+  emits: jsonEditorEmits,
+  setup(props, {
+    emit
+  }) {
+    const modelValue = computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:model-value", v)
+    });
+    return () => {
+      return createVNode(T, {
+        "modelValue": unref(modelValue),
+        "onUpdate:modelValue": (v) => modelValue.value = v,
+        "disabled": props.disabled,
+        "extensions": [json()]
+      }, null);
+    };
+  }
+});
+
+export { JsonEditor as default };
+//# sourceMappingURL=json-editor.js.map

package/dist/esm/components/json-editor/json-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-editor.js","sources":["../../../../src/components/json-editor/json-editor.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { Codemirror } from \"vue-codemirror\";\nimport { json } from \"@codemirror/lang-json\";\nimport { jsonEditorEmits, jsonEditorProps } from \"./json-editor-options\";\n\nexport default defineComponent({\n  name: \"MKCodeMirror\",\n  props: jsonEditorProps,\n  emits: jsonEditorEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v: string) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      return (\n        <Codemirror\n          modelValue={unref(modelValue)}\n          onUpdate:modelValue={(v: string) => (modelValue.value = v)}\n          disabled={props.disabled}\n          extensions={[json()]}\n        />\n      );\n    };\n  },\n});\n"],"names":["name","props","jsonEditorProps","emits","jsonEditorEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","Codemirror","unref","value","disabled","json"],"mappings":";;;;;AAKA,iCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,cAAA;AAAA,EACNC,KAAOC,EAAAA,eAAAA;AAAAA,EACPC,KAAOC,EAAAA,eAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMC,aAAaC,QAAS,CAAA;AAAA,MAC1BC,GAAAA,EAAKA,MAAMR,KAAMM,CAAAA,UAAAA;AAAAA,MACjBG,GAAMC,EAAAA,CAAAA,CAAAA,KAAcL,IAAK,CAAA,oBAAA,EAAsBK,CAAC,CAAA;AAAA,KACjD,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,YAAAC,CAAA,EAAA;AAAA,QAAA,YAAA,EAEgBC,MAAMP,UAAU,CAAA;AAAA,QAAC,qBAAA,EACPI,CAAeJ,CAAAA,KAAAA,UAAAA,CAAWQ,KAAQJ,GAAAA,CAAAA;AAAAA,QAAE,YAChDV,KAAMe,CAAAA,QAAAA;AAAAA,QAAQ,YAAA,EACZ,CAACC,IAAAA,EAAM,CAAA;AAAA,SAAC,IAAA,CAAA,CAAA;AAAA,KAG1B,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/markdown-editor/markdown-editor.js

@@ -2,7 +2,6 @@ import { defineComponent, ref, computed, onMounted, unref, onBeforeUnmount, crea
 import Vditor from '../../node_modules/.pnpm/vditor@3.9.6/node_modules/vditor/dist/index.min.js';
 import { markdownEditorProps, markdownEditorEmits } from './markdown-editor-options.js';
 import { Disposable, createDisposable } from '@maketribe/utils';
-import { WebFileUpload } from '@maketribe/request';
 import { MKMaterialSelect } from '../material-select/index.js';
 
 let uid = 0;
@@ -13,7 +12,6 @@ var MarkdownEditor = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
-    new WebFileUpload();
     const markdownEl = ref(null);
     const _uid = uid++;
     const modelValue = computed({

package/dist/esm/components/markdown-editor/markdown-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-editor.js","sources":["../../../../src/components/markdown-editor/markdown-editor.tsx"],"sourcesContent":["import {\n  Ref,\n  computed,\n  defineComponent,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  unref,\n} from \"vue\";\n// @ts-ignore\nimport Vditor from \"vditor\";\nimport {\n  markdownEditorEmits,\n  markdownEditorProps,\n} from \"./markdown-editor-options\";\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\nimport { WebFileUpload } from \"@maketribe/request\";\nimport { MKMaterialSelect } from \"../material-select\";\n\nlet uid = 0;\n\nexport default defineComponent({\n  name: \"MKMarkdownEditor\",\n  props: markdownEditorProps,\n  emits: markdownEditorEmits,\n  setup(props, { emit }) {\n    // TODO 要使用MSAppClient的HttpRequest\n    const webFileUpload = new WebFileUpload();\n\n    const markdownEl: Ref<HTMLElement | null> = ref(null);\n\n    const _uid = uid++;\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v: string) => emit(\"update:model-value\", v),\n    });\n\n    onMounted(() => {\n      const disposable = new Disposable();\n\n      const vditor = new Vditor(unref(markdownEl)!, {\n        cache: { id: `vditor${_uid}` },\n        toolbar: [\n          \"emoji\",\n          \"headings\",\n          \"bold\",\n          \"italic\",\n          \"strike\",\n          \"link\",\n          \"|\",\n          \"list\",\n          \"ordered-list\",\n          \"check\",\n          \"outdent\",\n          \"indent\",\n          \"|\",\n          \"quote\",\n          \"line\",\n          \"code\",\n          \"inline-code\",\n          \"insert-before\",\n          \"insert-after\",\n          \"|\",\n          {\n            name: \"material\",\n            tipPosition: \"s\",\n            tip: \"素材\",\n            icon: `<svg><use xlink:href=\"#icon-image\" /></svg>`,\n            click: async () => {\n              const response = await MKMaterialSelect();\n\n              if (!response.success) {\n                return;\n              }\n\n              vditor.insertValue(`![图片](${response.path})`);\n            },\n          },\n          \"record\",\n          \"table\",\n          \"|\",\n          \"undo\",\n          \"redo\",\n          \"|\",\n          \"fullscreen\",\n          \"edit-mode\",\n          {\n            name: \"more\",\n            toolbar: [\n              \"both\",\n              \"code-theme\",\n              \"content-theme\",\n              \"export\",\n              \"outline\",\n              \"preview\",\n              \"devtools\",\n              \"info\",\n              \"help\",\n            ],\n          },\n        ],\n        after: () => {\n          vditor!.setValue(modelValue.value || \"\");\n\n          const _markdownEl = unref(markdownEl)!;\n\n          const handleContentChange = () => {\n            modelValue.value = vditor!.getValue();\n          };\n\n          _markdownEl.addEventListener(\"input\", handleContentChange);\n          _markdownEl.addEventListener(\"keydown\", handleContentChange);\n          _markdownEl.addEventListener(\"keyup\", handleContentChange);\n          _markdownEl.addEventListener(\"paste\", handleContentChange);\n\n          disposable.register(\n            createDisposable(() => {\n              _markdownEl.removeEventListener(\"input\", handleContentChange);\n              _markdownEl.removeEventListener(\"keydown\", handleContentChange);\n              _markdownEl.removeEventListener(\"keyup\", handleContentChange);\n              _markdownEl.removeEventListener(\"paste\", handleContentChange);\n            })\n          );\n        },\n      });\n\n      onBeforeUnmount(() => {\n        disposable.dispose();\n        vditor?.destroy();\n      });\n    });\n\n    return () => {\n      return (\n        <div ref={((el: HTMLElement) => (markdownEl.value = el)) as any}></div>\n      );\n    };\n  },\n});\n"],"names":["uid","name","props","markdownEditorProps","emits","markdownEditorEmits","setup","emit","WebFileUpload","markdownEl","ref","_uid","modelValue","computed","get","set","v","onMounted","disposable","Disposable","vditor","Vditor","unref","cache","id","toolbar","tipPosition","tip","icon","click","response","MKMaterialSelect","success","insertValue","path","after","setValue","value","_markdownEl","handleContentChange","getValue","addEventListener","register","createDisposable","removeEventListener","onBeforeUnmount","dispose","destroy","_createVNode","el"],"mappings":";;;;;;;AAmBA,IAAIA,GAAM,GAAA,CAAA,CAAA;AAEV,qCAA+B,eAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,kBAAA;AAAA,EACNC,KAAOC,EAAAA,mBAAAA;AAAAA,EACPC,KAAOC,EAAAA,mBAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AAErB,IAAsB,IAAIC,aAAc,GAAA;AAExC,IAAMC,MAAAA,UAAAA,GAAsCC,IAAI,IAAI,CAAA,CAAA;AAEpD,IAAA,MAAMC,IAAOX,GAAAA,GAAAA,EAAAA,CAAAA;AAEb,IAAA,MAAMY,aAAaC,QAAS,CAAA;AAAA,MAC1BC,GAAAA,EAAKA,MAAMZ,KAAMU,CAAAA,UAAAA;AAAAA,MACjBG,GAAMC,EAAAA,CAAAA,CAAAA,KAAcT,IAAK,CAAA,oBAAA,EAAsBS,CAAC,CAAA;AAAA,KACjD,CAAA,CAAA;AAEDC,IAAAA,SAAAA,CAAU,MAAM;AACd,MAAMC,MAAAA,UAAAA,GAAa,IAAIC,UAAW,EAAA,CAAA;AAElC,MAAA,MAAMC,MAAS,GAAA,IAAIC,MAAOC,CAAAA,KAAAA,CAAMb,UAAU,CAAI,EAAA;AAAA,QAC5Cc,KAAO,EAAA;AAAA,UAAEC,EAAAA,EAAK,SAAQb,IAAK,CAAA,CAAA;AAAA,SAAE;AAAA,QAC7Bc,OAAAA,EAAS,CACP,OACA,EAAA,UAAA,EACA,QACA,QACA,EAAA,QAAA,EACA,QACA,GACA,EAAA,MAAA,EACA,gBACA,OACA,EAAA,SAAA,EACA,UACA,GACA,EAAA,OAAA,EACA,QACA,MACA,EAAA,aAAA,EACA,eACA,EAAA,cAAA,EACA,GACA,EAAA;AAAA,UACExB,IAAM,EAAA,UAAA;AAAA,UACNyB,WAAa,EAAA,GAAA;AAAA,UACbC,GAAK,EAAA,cAAA;AAAA,UACLC,IAAO,EAAA,CAAA,2CAAA,CAAA;AAAA,UACPC,OAAO,YAAY;AACjB,YAAMC,MAAAA,QAAAA,GAAW,MAAMC,gBAAiB,EAAA,CAAA;AAExC,YAAI,IAAA,CAACD,SAASE,OAAS,EAAA;AACrB,cAAA,OAAA;AAAA,aACF;AAEAZ,YAAAA,MAAAA,CAAOa,WAAa,CAAA,CAAA,gBAAA,EAAQH,QAASI,CAAAA,IAAK,CAAE,CAAA,CAAA,CAAA,CAAA;AAAA,WAC9C;AAAA,SACF,EACA,UACA,OACA,EAAA,GAAA,EACA,QACA,MACA,EAAA,GAAA,EACA,cACA,WACA,EAAA;AAAA,UACEjC,IAAM,EAAA,MAAA;AAAA,UACNwB,OAAAA,EAAS,CACP,MAAA,EACA,YACA,EAAA,eAAA,EACA,UACA,SACA,EAAA,SAAA,EACA,UACA,EAAA,MAAA,EACA,MAAM,CAAA;AAAA,SAET,CAAA;AAAA,QAEHU,OAAOA,MAAM;AACXf,UAAQgB,MAAAA,CAAAA,QAAAA,CAASxB,UAAWyB,CAAAA,KAAAA,IAAS,EAAE,CAAA,CAAA;AAEvC,UAAMC,MAAAA,WAAAA,GAAchB,MAAMb,UAAU,CAAA,CAAA;AAEpC,UAAA,MAAM8B,sBAAsBA,MAAM;AAChC3B,YAAWyB,UAAAA,CAAAA,KAAAA,GAAQjB,OAAQoB,QAAS,EAAA,CAAA;AAAA,WACtC,CAAA;AAEAF,UAAYG,WAAAA,CAAAA,gBAAAA,CAAiB,SAASF,mBAAmB,CAAA,CAAA;AACzDD,UAAYG,WAAAA,CAAAA,gBAAAA,CAAiB,WAAWF,mBAAmB,CAAA,CAAA;AAC3DD,UAAYG,WAAAA,CAAAA,gBAAAA,CAAiB,SAASF,mBAAmB,CAAA,CAAA;AACzDD,UAAYG,WAAAA,CAAAA,gBAAAA,CAAiB,SAASF,mBAAmB,CAAA,CAAA;AAEzDrB,UAAWwB,UAAAA,CAAAA,QAAAA,CACTC,iBAAiB,MAAM;AACrBL,YAAYM,WAAAA,CAAAA,mBAAAA,CAAoB,SAASL,mBAAmB,CAAA,CAAA;AAC5DD,YAAYM,WAAAA,CAAAA,mBAAAA,CAAoB,WAAWL,mBAAmB,CAAA,CAAA;AAC9DD,YAAYM,WAAAA,CAAAA,mBAAAA,CAAoB,SAASL,mBAAmB,CAAA,CAAA;AAC5DD,YAAYM,WAAAA,CAAAA,mBAAAA,CAAoB,SAASL,mBAAmB,CAAA,CAAA;AAAA,WAC7D,CACH,CAAA,CAAA;AAAA,SACF;AAAA,OACD,CAAA,CAAA;AAEDM,MAAAA,eAAAA,CAAgB,MAAM;AACpB3B,QAAAA,UAAAA,CAAW4B,OAAQ,EAAA,CAAA;AACnB1B,QAAAA,MAAAA,EAAQ2B,OAAQ,EAAA,CAAA;AAAA,OACjB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,YAAA,KAAA,EAAA;AAAA,QAAA,KAAA,EACcC,CAAqBxC,EAAAA,KAAAA,UAAAA,CAAW4B,KAAQY,GAAAA,EAAAA;AAAAA,SAAG,IAAA,CAAA,CAAA;AAAA,KAE3D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"markdown-editor.js","sources":["../../../../src/components/markdown-editor/markdown-editor.tsx"],"sourcesContent":["import {\n  Ref,\n  computed,\n  defineComponent,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  unref,\n} from \"vue\";\n// @ts-ignore\nimport Vditor from \"vditor\";\nimport {\n  markdownEditorEmits,\n  markdownEditorProps,\n} from \"./markdown-editor-options\";\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\nimport { MKMaterialSelect } from \"../material-select\";\n\nlet uid = 0;\n\nexport default defineComponent({\n  name: \"MKMarkdownEditor\",\n  props: markdownEditorProps,\n  emits: markdownEditorEmits,\n  setup(props, { emit }) {\n    const markdownEl: Ref<HTMLElement | null> = ref(null);\n\n    const _uid = uid++;\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v: string) => emit(\"update:model-value\", v),\n    });\n\n    onMounted(() => {\n      const disposable = new Disposable();\n\n      const vditor = new Vditor(unref(markdownEl)!, {\n        cache: { id: `vditor${_uid}` },\n        toolbar: [\n          \"emoji\",\n          \"headings\",\n          \"bold\",\n          \"italic\",\n          \"strike\",\n          \"link\",\n          \"|\",\n          \"list\",\n          \"ordered-list\",\n          \"check\",\n          \"outdent\",\n          \"indent\",\n          \"|\",\n          \"quote\",\n          \"line\",\n          \"code\",\n          \"inline-code\",\n          \"insert-before\",\n          \"insert-after\",\n          \"|\",\n          {\n            name: \"material\",\n            tipPosition: \"s\",\n            tip: \"素材\",\n            icon: `<svg><use xlink:href=\"#icon-image\" /></svg>`,\n            click: async () => {\n              const response = await MKMaterialSelect();\n\n              if (!response.success) {\n                return;\n              }\n\n              vditor.insertValue(`![图片](${response.path})`);\n            },\n          },\n          \"record\",\n          \"table\",\n          \"|\",\n          \"undo\",\n          \"redo\",\n          \"|\",\n          \"fullscreen\",\n          \"edit-mode\",\n          {\n            name: \"more\",\n            toolbar: [\n              \"both\",\n              \"code-theme\",\n              \"content-theme\",\n              \"export\",\n              \"outline\",\n              \"preview\",\n              \"devtools\",\n              \"info\",\n              \"help\",\n            ],\n          },\n        ],\n        after: () => {\n          vditor!.setValue(modelValue.value || \"\");\n\n          const _markdownEl = unref(markdownEl)!;\n\n          const handleContentChange = () => {\n            modelValue.value = vditor!.getValue();\n          };\n\n          _markdownEl.addEventListener(\"input\", handleContentChange);\n          _markdownEl.addEventListener(\"keydown\", handleContentChange);\n          _markdownEl.addEventListener(\"keyup\", handleContentChange);\n          _markdownEl.addEventListener(\"paste\", handleContentChange);\n\n          disposable.register(\n            createDisposable(() => {\n              _markdownEl.removeEventListener(\"input\", handleContentChange);\n              _markdownEl.removeEventListener(\"keydown\", handleContentChange);\n              _markdownEl.removeEventListener(\"keyup\", handleContentChange);\n              _markdownEl.removeEventListener(\"paste\", handleContentChange);\n            })\n          );\n        },\n      });\n\n      onBeforeUnmount(() => {\n        disposable.dispose();\n        vditor?.destroy();\n      });\n    });\n\n    return () => {\n      return (\n        <div ref={((el: HTMLElement) => (markdownEl.value = el)) as any}></div>\n      );\n    };\n  },\n});\n"],"names":["uid","name","props","markdownEditorProps","emits","markdownEditorEmits","setup","emit","markdownEl","ref","_uid","modelValue","computed","get","set","v","onMounted","disposable","Disposable","vditor","Vditor","unref","cache","id","toolbar","tipPosition","tip","icon","click","response","MKMaterialSelect","success","insertValue","path","after","setValue","value","_markdownEl","handleContentChange","getValue","addEventListener","register","createDisposable","removeEventListener","onBeforeUnmount","dispose","destroy","_createVNode","el"],"mappings":"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"}

package/dist/esm/components/material-list/material-group-form-popover.vue2.js

@@ -33,7 +33,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ElMessage.error(result.data.msg);
         return;
       }
-      props.materialMan.materialGroupTable.load();
+      props.materialMan.materialGroupTree.load();
       visible.value = false;
     };
     const handleCancelClick = () => {

package/dist/esm/components/material-list/material-group-form-popover.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-group-form-popover.vue2.js","sources":["../../../../src/components/material-list/material-group-form-popover.vue"],"sourcesContent":["<template>\n  <ElPopover\n    v-model:visible=\"visible\"\n    title=\"添加素材分组\"\n    effect=\"light\"\n    placement=\"right\"\n    trigger=\"click\"\n    width=\"320\"\n  >\n    <template #reference>\n      <slot></slot>\n    </template>\n\n    <div>\n      <MKDataForm :data-form=\"materialGroupForm\" v-loading=\"loading\" />\n      <div\n        style=\"\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        \"\n      >\n        <ElButton\n          type=\"primary\"\n          :loading=\"!allowSubmit\"\n          @click=\"handleSaveClick\"\n        >\n          保存\n        </ElButton>\n        <ElButton @click=\"handleCancelClick\">取消</ElButton>\n      </div>\n    </div>\n  </ElPopover>\n</template>\n\n<script setup lang=\"ts\">\nimport { Ref, computed, ref, unref } from \"vue\";\nimport { ElMessage } from \"element-plus\";\nimport { MKDataForm } from \"../data-model/data-form\";\nimport { MaterialGroupForm, MaterialMan } from \"../../dataview/material\";\n\nconst props = defineProps({\n  materialMan: {\n    type: MaterialMan,\n    required: true,\n  },\n  materialGroupForm: {\n    type: MaterialGroupForm,\n    required: true,\n  },\n});\n\nconst visible: Ref<boolean> = ref(false);\n\nconst loading = computed(() => props.materialGroupForm.loading);\nconst allowSubmit = computed(\n  () => !!(unref(loading) || !props.materialGroupForm.allowSubmit)\n);\n\nconst handleSaveClick = async () => {\n  const result = await props.materialGroupForm.submit();\n\n  if (result.data.code !== 200) {\n    ElMessage.error(result.data.msg);\n    return;\n  }\n\n  props.materialMan.materialGroupTable.load();\n\n  visible.value = false;\n};\n\nconst handleCancelClick = () => {\n  visible.value = false;\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoDA,IAAM,MAAA,OAAA,GAAwB,IAAI,KAAK,CAAA,CAAA;AAEvC,IAAA,MAAM,OAAU,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,kBAAkB,OAAO,CAAA,CAAA;AAC9D,IAAA,MAAM,WAAc,GAAA,QAAA;AAAA,MAClB,MAAM,CAAC,EAAE,KAAA,CAAM,OAAO,CAAK,IAAA,CAAC,MAAM,iBAAkB,CAAA,WAAA,CAAA;AAAA,KACtD,CAAA;AAEA,IAAA,MAAM,kBAAkB,YAAY;AAClC,MAAA,MAAM,MAAS,GAAA,MAAM,KAAM,CAAA,iBAAA,CAAkB,MAAO,EAAA,CAAA;AAEpD,MAAI,IAAA,MAAA,CAAO,IAAK,CAAA,IAAA,KAAS,GAAK,EAAA;AAC5B,QAAU,SAAA,CAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAC/B,QAAA,OAAA;AAAA,OACF;AAEA,MAAM,KAAA,CAAA,WAAA,CAAY,mBAAmB,IAAK,EAAA,CAAA;AAE1C,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB,CAAA;AAEA,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"material-group-form-popover.vue2.js","sources":["../../../../src/components/material-list/material-group-form-popover.vue"],"sourcesContent":["<template>\n  <ElPopover\n    v-model:visible=\"visible\"\n    title=\"添加素材分组\"\n    effect=\"light\"\n    placement=\"right\"\n    trigger=\"click\"\n    width=\"320\"\n  >\n    <template #reference>\n      <slot></slot>\n    </template>\n\n    <div>\n      <MKDataForm :data-form=\"materialGroupForm\" v-loading=\"loading\" />\n      <div\n        style=\"\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        \"\n      >\n        <ElButton\n          type=\"primary\"\n          :loading=\"!allowSubmit\"\n          @click=\"handleSaveClick\"\n        >\n          保存\n        </ElButton>\n        <ElButton @click=\"handleCancelClick\">取消</ElButton>\n      </div>\n    </div>\n  </ElPopover>\n</template>\n\n<script setup lang=\"ts\">\nimport { Ref, computed, ref, unref } from \"vue\";\nimport { ElMessage } from \"element-plus\";\nimport { MKDataForm } from \"../data-model/data-form\";\nimport { MaterialGroupForm, MaterialMan } from \"../../dataview/material\";\n\nconst props = defineProps({\n  materialMan: {\n    type: MaterialMan,\n    required: true,\n  },\n  materialGroupForm: {\n    type: MaterialGroupForm,\n    required: true,\n  },\n});\n\nconst visible: Ref<boolean> = ref(false);\n\nconst loading = computed(() => props.materialGroupForm.loading);\nconst allowSubmit = computed(\n  () => !!(unref(loading) || !props.materialGroupForm.allowSubmit)\n);\n\nconst handleSaveClick = async () => {\n  const result = await props.materialGroupForm.submit();\n\n  if (result.data.code !== 200) {\n    ElMessage.error(result.data.msg);\n    return;\n  }\n\n  props.materialMan.materialGroupTree.load();\n\n  visible.value = false;\n};\n\nconst handleCancelClick = () => {\n  visible.value = false;\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoDA,IAAM,MAAA,OAAA,GAAwB,IAAI,KAAK,CAAA,CAAA;AAEvC,IAAA,MAAM,OAAU,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,kBAAkB,OAAO,CAAA,CAAA;AAC9D,IAAA,MAAM,WAAc,GAAA,QAAA;AAAA,MAClB,MAAM,CAAC,EAAE,KAAA,CAAM,OAAO,CAAK,IAAA,CAAC,MAAM,iBAAkB,CAAA,WAAA,CAAA;AAAA,KACtD,CAAA;AAEA,IAAA,MAAM,kBAAkB,YAAY;AAClC,MAAA,MAAM,MAAS,GAAA,MAAM,KAAM,CAAA,iBAAA,CAAkB,MAAO,EAAA,CAAA;AAEpD,MAAI,IAAA,MAAA,CAAO,IAAK,CAAA,IAAA,KAAS,GAAK,EAAA;AAC5B,QAAU,SAAA,CAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAC/B,QAAA,OAAA;AAAA,OACF;AAEA,MAAM,KAAA,CAAA,WAAA,CAAY,kBAAkB,IAAK,EAAA,CAAA;AAEzC,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB,CAAA;AAEA,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/material-list/material-group.vue2.js

@@ -3,14 +3,16 @@ import { ElMessageBox, ElMessage } from 'element-plus';
 import { Plus, Edit, Delete } from '@element-plus/icons-vue';
 import '../../dataview/department/DepartmentForm.js';
 import '../../dataview/department/DepartmentTable.js';
+import '../../dataview/department/DepartmentTree.js';
 import '../../dataview/member/MemberForm.js';
 import '../../dataview/member/MemberTable.js';
 import '../../dataview/menu/MenuForm.js';
 import '../../dataview/menu/MenuTable.js';
-import '@maketribe/request';
+import '../../dataview/menu/MenuTree.js';
 import '@maketribe/dm';
 import '../../dataview/role/RoleForm.js';
 import '../../dataview/role/RoleTable.js';
+import '@maketribe/request';
 import '../../dataview/route/RouteForm.js';
 import '../../dataview/route/RouteTable.js';
 import '@maketribe/utils';
@@ -24,13 +26,20 @@ import '../../dataview/ip-white-list/IPWhitelistForm.js';
 import '../../dataview/ip-white-list/IPWhitelistTable.js';
 import '../../dataview/deny-ip-access-list/DenyIPAccessListForm.js';
 import '../../dataview/deny-ip-access-list/DenyIPAccessListTable.js';
-import { MKDataTree } from '../data-model/data-tree/index.js';
+import '../../dataview/region/RegionForm.js';
+import '../../dataview/region/RegionTable.js';
+import '../../dataview/log/operate-log/OperateLogTable.js';
+import '../../dataview/log/login-log/LoginLogTable.js';
+import '../../dataview/log/request-log/RequestLogTable.js';
+import '../../dataview/log/local-log/LocalLogTree.js';
+import { MKDataTable } from '../data-model/data-table/index.js';
 import '../config-provider/index.js';
 import { useI18n } from '../../composables/use-i18n.js';
 import 'vue-router';
 import '@maketribe/locale';
 import '../../core/DataModelDefines.js';
 import MaterialGroupFromPopper from './material-group-form-popover.vue.js';
+import { MKTree } from '../data-model/data-table/views/tree/index.js';
 
 const _hoisted_1 = { class: "mk-material-group" };
 const _hoisted_2 = { class: "mk-material-group__header" };
@@ -66,12 +75,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const materialGroupForm = reactive(
       new MaterialGroupForm()
     );
-    window.materialGroupForm = materialGroupForm;
-    const materialGroupTable = computed(() => props.materialMan.materialGroupTable);
-    const loading = computed(() => props.materialMan.materialGroupTable.loading);
+    const materialGroupTree = computed(() => props.materialMan.materialGroupTree);
+    const loading = computed(() => props.materialMan.materialGroupTree.loading);
     const handleNodeClick = (item) => {
       if (!item.children.length) {
-        props.materialMan.setCurrentMaterialGroupId(item.id);
+        props.materialMan.setCurrentMaterialGroupId(item);
       }
     };
     const handleAddClick = async (parent) => {
@@ -97,7 +105,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (!isConfirm) {
         return;
       }
-      const result = await props.materialMan.materialGroupTable.deleteRecordAfterRefresh(item);
+      const result = await props.materialMan.materialGroupTree.deleteAfterRefresh(
+        item
+      );
       if (result.data.code !== 200) {
         ElMessage.error(result.data.msg);
         return;
@@ -131,107 +141,112 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_4, [
           createVNode(_component_ElScrollbar, { height: "100%" }, {
             default: withCtx(() => [
-              createVNode(unref(MKDataTree), {
+              createVNode(unref(MKDataTable), {
                 "auto-load": false,
-                "data-table": materialGroupTable.value,
-                props: { label: "desc", children: "children" },
+                "data-table": materialGroupTree.value,
                 "highlight-current": "",
                 onNodeClick: handleNodeClick
               }, {
-                "node-tools": withCtx(({ data }) => [
-                  createElementVNode("div", {
-                    class: "mk-material-group__tools",
-                    onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-                    }, ["stop"]))
-                  }, [
-                    createVNode(
-                      _component_ElTooltip,
-                      { content: "\u6DFB\u52A0" },
-                      {
-                        default: withCtx(() => [
-                          createElementVNode("span", _hoisted_5, [
-                            createVNode(MaterialGroupFromPopper, {
-                              "material-man": __props.materialMan,
-                              "material-group-form": materialGroupForm
-                            }, {
-                              default: withCtx(() => [
-                                createVNode(_component_ElIcon, {
-                                  onClick: ($event) => handleAddClick(data)
+                default: withCtx(() => [
+                  createVNode(unref(MKTree), { "data-tree": materialGroupTree.value }, {
+                    "node-tools": withCtx(({ data }) => [
+                      createElementVNode("div", {
+                        class: "mk-material-group__tools",
+                        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                        }, ["stop"]))
+                      }, [
+                        createVNode(
+                          _component_ElTooltip,
+                          { content: "\u6DFB\u52A0" },
+                          {
+                            default: withCtx(() => [
+                              createElementVNode("span", _hoisted_5, [
+                                createVNode(MaterialGroupFromPopper, {
+                                  "material-man": __props.materialMan,
+                                  "material-group-form": materialGroupForm
                                 }, {
                                   default: withCtx(() => [
-                                    createVNode(unref(Plus))
+                                    createVNode(_component_ElIcon, {
+                                      onClick: ($event) => handleAddClick(data)
+                                    }, {
+                                      default: withCtx(() => [
+                                        createVNode(unref(Plus))
+                                      ]),
+                                      _: 2
+                                      /* DYNAMIC */
+                                    }, 1032, ["onClick"])
                                   ]),
                                   _: 2
                                   /* DYNAMIC */
-                                }, 1032, ["onClick"])
-                              ]),
-                              _: 2
-                              /* DYNAMIC */
-                            }, 1032, ["material-man", "material-group-form"])
-                          ])
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      },
-                      1024
-                      /* DYNAMIC_SLOTS */
-                    ),
-                    createVNode(
-                      _component_ElTooltip,
-                      { content: "\u7F16\u8F91" },
-                      {
-                        default: withCtx(() => [
-                          createElementVNode("span", _hoisted_6, [
-                            createVNode(MaterialGroupFromPopper, {
-                              "material-man": __props.materialMan,
-                              "material-group-form": materialGroupForm
-                            }, {
-                              default: withCtx(() => [
+                                }, 1032, ["material-man", "material-group-form"])
+                              ])
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          },
+                          1024
+                          /* DYNAMIC_SLOTS */
+                        ),
+                        createVNode(
+                          _component_ElTooltip,
+                          { content: "\u7F16\u8F91" },
+                          {
+                            default: withCtx(() => [
+                              createElementVNode("span", _hoisted_6, [
+                                createVNode(MaterialGroupFromPopper, {
+                                  "material-man": __props.materialMan,
+                                  "material-group-form": materialGroupForm
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_ElIcon, {
+                                      onClick: ($event) => handleEditClick(data)
+                                    }, {
+                                      default: withCtx(() => [
+                                        createVNode(unref(Edit))
+                                      ]),
+                                      _: 2
+                                      /* DYNAMIC */
+                                    }, 1032, ["onClick"])
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1032, ["material-man", "material-group-form"])
+                              ])
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          },
+                          1024
+                          /* DYNAMIC_SLOTS */
+                        ),
+                        createVNode(
+                          _component_ElTooltip,
+                          { content: "\u5220\u9664" },
+                          {
+                            default: withCtx(() => [
+                              createElementVNode("span", _hoisted_7, [
                                 createVNode(_component_ElIcon, {
-                                  onClick: ($event) => handleEditClick(data)
+                                  onClick: ($event) => handleDeleteClick(data)
                                 }, {
                                   default: withCtx(() => [
-                                    createVNode(unref(Edit))
+                                    createVNode(unref(Delete))
                                   ]),
                                   _: 2
                                   /* DYNAMIC */
                                 }, 1032, ["onClick"])
-                              ]),
-                              _: 2
-                              /* DYNAMIC */
-                            }, 1032, ["material-man", "material-group-form"])
-                          ])
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      },
-                      1024
-                      /* DYNAMIC_SLOTS */
-                    ),
-                    createVNode(
-                      _component_ElTooltip,
-                      { content: "\u5220\u9664" },
-                      {
-                        default: withCtx(() => [
-                          createElementVNode("span", _hoisted_7, [
-                            createVNode(_component_ElIcon, {
-                              onClick: ($event) => handleDeleteClick(data)
-                            }, {
-                              default: withCtx(() => [
-                                createVNode(unref(Delete))
-                              ]),
-                              _: 2
-                              /* DYNAMIC */
-                            }, 1032, ["onClick"])
-                          ])
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      },
-                      1024
-                      /* DYNAMIC_SLOTS */
-                    )
-                  ])
+                              ])
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          },
+                          1024
+                          /* DYNAMIC_SLOTS */
+                        )
+                      ])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["data-tree"])
                 ]),
                 _: 1
                 /* STABLE */