@maketribe/ms-app 3.0.4 → 3.0.5

package/dist/esm/components/image-view/image-view.js

@@ -0,0 +1,27 @@
+import { defineComponent, computed, unref, createVNode } from 'vue';
+import { ElImage } from 'element-plus';
+import { imageViewProps } from './image-view-options.js';
+
+var ImageView = /* @__PURE__ */ defineComponent({
+  name: "MKImageView",
+  inheritAttrs: false,
+  props: imageViewProps,
+  setup(props, {
+    slots
+  }) {
+    const showPreview = computed(() => props.showPreview);
+    const src = computed(() => props.src);
+    const previewSrcList = computed(() => unref(showPreview) && unref(src) ? [unref(src)] : []);
+    return () => createVNode(ElImage, {
+      "class": "mk-image-view",
+      "src": unref(src),
+      "fit": "contain",
+      "previewSrcList": unref(previewSrcList),
+      "preview-teleported": true,
+      "hide-on-click-modal": true
+    }, slots);
+  }
+});
+
+export { ImageView as default };
+//# sourceMappingURL=image-view.js.map

package/dist/esm/components/image-view/image-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-view.js","sources":["../../../../src/components/image-view/image-view.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElImage } from \"element-plus\";\nimport { imageViewProps } from \"./image-view-options\";\n\nexport default defineComponent({\n  name: \"MKImageView\",\n  inheritAttrs: false,\n  props: imageViewProps,\n  setup(props, { slots }) {\n    const showPreview = computed(() => props.showPreview);\n\n    const src = computed(() => props.src);\n\n    const previewSrcList = computed(() =>\n      unref(showPreview) && unref(src) ? [unref(src)!] : []\n    );\n\n    return () => (\n      <ElImage\n        class=\"mk-image-view\"\n        src={unref(src)}\n        v-slots={slots}\n        fit=\"contain\"\n        previewSrcList={unref(previewSrcList)}\n        preview-teleported\n        hide-on-click-modal\n      />\n    );\n  },\n});\n"],"names":["name","inheritAttrs","props","imageViewProps","setup","slots","showPreview","computed","src","previewSrcList","unref","_createVNode","ElImage"],"mappings":";;;;AAIA,gCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,aAAA;AAAA,EACNC,YAAc,EAAA,KAAA;AAAA,EACdC,KAAOC,EAAAA,cAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,WAAcC,GAAAA,QAAAA,CAAS,MAAML,KAAAA,CAAMI,WAAW,CAAA,CAAA;AAEpD,IAAA,MAAME,GAAMD,GAAAA,QAAAA,CAAS,MAAML,KAAAA,CAAMM,GAAG,CAAA,CAAA;AAEpC,IAAA,MAAMC,cAAiBF,GAAAA,QAAAA,CAAS,MAC9BG,KAAAA,CAAMJ,WAAW,CAAKI,IAAAA,KAAAA,CAAMF,GAAG,CAAA,GAAI,CAACE,KAAMF,CAAAA,GAAG,CAAC,CAAA,GAAK,EACrD,CAAA,CAAA;AAEA,IAAO,OAAA,MAAAG,YAAAC,OAAA,EAAA;AAAA,MAAA,OAAA,EAAA,eAAA;AAAA,MAAA,KAAA,EAGEF,MAAMF,GAAG,CAAA;AAAA,MAAC,KAAA,EAAA,SAAA;AAAA,MAAA,gBAAA,EAGCE,MAAMD,cAAc,CAAA;AAAA,MAAC,oBAAA,EAAA,IAAA;AAAA,MAAA,qBAAA,EAAA,IAAA;AAAA,OAF5BJ,KAAK,CAAA,CAAA;AAAA,GAOpB;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/image-view/index.d.ts

@@ -0,0 +1,21 @@
+export declare const MKImageView: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly showPreview: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly showPreview: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {
+    readonly showPreview: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>> & Record<string, any>;
+export default MKImageView;
+export * from "./image-view-options";

package/dist/esm/components/image-view/index.js

@@ -0,0 +1,8 @@
+import { withInstall } from '@maketribe/utils';
+import ImageView from './image-view.js';
+export { imageViewProps } from './image-view-options.js';
+
+const MKImageView = withInstall(ImageView);
+
+export { MKImageView, MKImageView as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/image-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/image-view/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport ImageView from \"./image-view\";\n\nexport const MKImageView = withInstall(ImageView);\nexport default MKImageView;\n\nexport * from \"./image-view-options\";\n"],"names":[],"mappings":";;;;AAGa,MAAA,WAAA,GAAc,YAAY,SAAS;;;;"}

package/dist/esm/components/index.d.ts

@@ -1,3 +1,20 @@
+export * from "./data-model";
+export * from "./form-components";
+export * from "./column-components";
+export * from "./condition-components";
+export * from "./svg-icon";
+export * from "./config-provider";
+export * from "./image-view";
+export * from "./video-view";
+export * from "./file-view";
+export * from "./upload-file";
+export * from "./data-table-select-dialog";
+export * from "./data-table-select";
+export * from "./data-select";
+export * from "./upload-image";
+export * from "./pagination";
+export * from "./markdown-editor";
+export * from "./rich-text-editor";
 export * from "./system-provider";
 export * from "./material-list";
 export * from "./material-select";

package/dist/esm/components/index.js

@@ -1,3 +1,42 @@
+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';
+export { MKFormRadioBox } from './form-components/form-radio-box/index.js';
+export { MKFormDetail } from './form-components/form-detail/index.js';
+export { MKFormDataTableSelect } from './form-components/form-data-table-select/index.js';
+export { MKFormImageUpload } from './form-components/form-image-upload/index.js';
+export { MKFormDetailSelect } from './form-components/form-detail-select/index.js';
+export { MKFormImageList } from './form-components/form-image-list/index.js';
+export { MKFormDatePicker } from './form-components/form-date-picker/index.js';
+export { MKFormRichTextEditor } from './form-components/form-rich-text-editor/index.js';
+export { MKColumnAction } from './column-components/column-action/index.js';
+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 { 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';
+export { MKConditionSelect } from './condition-components/condition-select/index.js';
+export { MKSvgIcon } from './svg-icon/index.js';
+export { MKConfigProvider } from './config-provider/index.js';
+export { MKImageView } from './image-view/index.js';
+export { MKVideoView } from './video-view/index.js';
+export { MKFileView } from './file-view/index.js';
+export { MKUploadFile } from './upload-file/index.js';
+export { MKDataTableSelectDialog } from './data-table-select-dialog/index.js';
+export { MKDataTableSelect } from './data-table-select/index.js';
+export { MKDataSelect } from './data-select/index.js';
+export { MKUploadImage } from './upload-image/index.js';
+export { MKPagination } from './pagination/index.js';
+export { MKMarkdownEditor } from './markdown-editor/index.js';
+export { MKRichTextEditor } from './rich-text-editor/index.js';
 export { MKSystemProvider } from './system-provider/index.js';
 export { MKMaterialList } from './material-list/index.js';
 export { MKMaterialSelect } from './material-select/index.js';
@@ -6,6 +45,46 @@ 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 { 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';
+export { dataFormPageEmits, dataFormPageProps } from './data-model/data-form-page/data-form-page-options.js';
+export { dataTableColumnProps } from './data-model/data-table/data-table-column/data-table-column-options.js';
+export { MKDataTableColumn } from './data-model/data-table/data-table-column/index.js';
+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 { 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';
+export { formDetailProps } from './form-components/form-detail/form-detail-options.js';
+export { formDataTableSelectProps } from './form-components/form-data-table-select/form-data-table-select-options.js';
+export { datePickerTypes, formDatePickerProps } from './form-components/form-date-picker/form-date-picker-options.js';
+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 { 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';
+export { conditionSelectEmit, conditionSelectProps } from './condition-components/condition-select/condition-select-options.js';
+export { provideGlobalConfig, useGlobalConfig } from './config-provider/use-global-config.js';
+export { CONFIG_PROVIDER_CONTEXT_KEY } from './config-provider/constants.js';
+export { imageViewProps } from './image-view/image-view-options.js';
+export { videoViewProps } from './video-view/video-view-options.js';
+export { fileViewProps } from './file-view/file-view-options.js';
+export { DataTableSelectDialogEmits, dataTableSelectDialogEmits, dataTableSelectDialogProps } from './data-table-select-dialog/data-table-select-dialog-options.js';
+export { dataSelectEmit, dataSelectProps } from './data-select/data-select-options.js';
+export { paginationEmits, paginationProps } from './pagination/pagination-options.js';
+export { markdownEditorEmits, markdownEditorProps } from './markdown-editor/markdown-editor-options.js';
+export { richTextEditorEmits, richTextEditorProps } from './rich-text-editor/rich-text-editor-options.js';
 export { materialListEmits, materialListProps } from './material-list/material-list-options.js';
 export { rolePermissionConfigEmits, rolePermissionConfigProps } from './role-permission-config/role-permission-config-options.js';
 //# sourceMappingURL=index.js.map

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/markdown-editor/index.d.ts

@@ -0,0 +1,21 @@
+export declare const MKMarkdownEditor: 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;
+    };
+}, () => 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;
+    };
+}>> & {
+    "onUpdate:model-value"?: ((modelValue: string) => any) | undefined;
+}, {}, {}>> & Record<string, any>;
+export default MKMarkdownEditor;
+export * from "./markdown-editor-options";

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

@@ -0,0 +1,8 @@
+import { withInstall } from '@maketribe/utils';
+import MarkdownEditor from './markdown-editor.js';
+export { markdownEditorEmits, markdownEditorProps } from './markdown-editor-options.js';
+
+const MKMarkdownEditor = withInstall(MarkdownEditor);
+
+export { MKMarkdownEditor, MKMarkdownEditor as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/markdown-editor/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport MarkdownEditor from \"./markdown-editor\";\n\nexport const MKMarkdownEditor = withInstall(MarkdownEditor);\n\nexport default MKMarkdownEditor;\n\nexport * from \"./markdown-editor-options\";\n"],"names":[],"mappings":";;;;AAGa,MAAA,gBAAA,GAAmB,YAAY,cAAc;;;;"}

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

@@ -0,0 +1,14 @@
+import { ExtractPropTypes } from "vue";
+export declare const markdownEditorProps: {
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type MarkdownEditorProps = ExtractPropTypes<typeof markdownEditorProps>;
+export declare const markdownEditorEmits: {
+    "update:model-value": (modelValue: string) => boolean;
+};
+export type MarkdownEditorEmits = typeof markdownEditorEmits;

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

@@ -0,0 +1,14 @@
+import { buildProps } from '@maketribe/utils';
+
+const markdownEditorProps = buildProps({
+  modelValue: {
+    type: String,
+    required: true
+  }
+});
+const markdownEditorEmits = {
+  "update:model-value": (modelValue) => true
+};
+
+export { markdownEditorEmits, markdownEditorProps };
+//# sourceMappingURL=markdown-editor-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-editor-options.js","sources":["../../../../src/components/markdown-editor/markdown-editor-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const markdownEditorProps = buildProps({\n  modelValue: {\n    type: String,\n    required: true,\n  },\n} as const);\n\nexport type MarkdownEditorProps = ExtractPropTypes<typeof markdownEditorProps>;\n\nexport const markdownEditorEmits = {\n  \"update:model-value\": (modelValue: string) => true,\n};\n\nexport type MarkdownEditorEmits = typeof markdownEditorEmits;\n"],"names":[],"mappings":";;AAGO,MAAM,sBAAsB,UAAW,CAAA;AAAA,EAC5C,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF,CAAU,EAAA;AAIH,MAAM,mBAAsB,GAAA;AAAA,EACjC,oBAAA,EAAsB,CAAC,UAAuB,KAAA,IAAA;AAChD;;;;"}

package/dist/esm/components/markdown-editor/markdown-editor.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => 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;
+    };
+}>> & {
+    "onUpdate:model-value"?: ((modelValue: string) => any) | undefined;
+}, {}, {}>;
+export default _default;

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

@@ -0,0 +1,81 @@
+import { defineComponent, ref, computed, onMounted, unref, onBeforeUnmount, createVNode } from 'vue';
+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 { ElMessage } from 'element-plus';
+
+let uid = 0;
+var MarkdownEditor = /* @__PURE__ */ defineComponent({
+  name: "MKMarkdownEditor",
+  props: markdownEditorProps,
+  emits: markdownEditorEmits,
+  setup(props, {
+    emit
+  }) {
+    const webFileUpload = new WebFileUpload();
+    const markdownEl = ref(null);
+    const _uid = uid++;
+    const modelValue = computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:model-value", v)
+    });
+    onMounted(() => {
+      const disposable = new Disposable();
+      const vditor = new Vditor(unref(markdownEl), {
+        cache: {
+          id: `vditor${_uid}`
+        },
+        upload: {
+          handler: async (files) => {
+            if (!files.length) {
+              return null;
+            }
+            try {
+              const response = await webFileUpload.upload(files[0]);
+              if (response.data.code !== 200) {
+                ElMessage.error(response.data.msg);
+                return null;
+              }
+              vditor.insertValue(`![\u56FE\u7247](${response.data.data.path})`);
+              return response.data.data.path;
+            } catch (e) {
+              console.error(e);
+              ElMessage.error("\u7F51\u7EDC\u5F02\u5E38");
+              return null;
+            }
+          }
+        },
+        after: () => {
+          vditor.setValue(modelValue.value || "");
+          const _markdownEl = unref(markdownEl);
+          const handleContentChange = () => {
+            modelValue.value = vditor.getValue();
+          };
+          _markdownEl.addEventListener("input", handleContentChange);
+          _markdownEl.addEventListener("keydown", handleContentChange);
+          _markdownEl.addEventListener("keyup", handleContentChange);
+          _markdownEl.addEventListener("paste", handleContentChange);
+          disposable.register(createDisposable(() => {
+            _markdownEl.removeEventListener("input", handleContentChange);
+            _markdownEl.removeEventListener("keydown", handleContentChange);
+            _markdownEl.removeEventListener("keyup", handleContentChange);
+            _markdownEl.removeEventListener("paste", handleContentChange);
+          }));
+        }
+      });
+      onBeforeUnmount(() => {
+        disposable.dispose();
+        vditor?.destroy();
+      });
+    });
+    return () => {
+      return createVNode("div", {
+        "ref": (el) => markdownEl.value = el
+      }, null);
+    };
+  }
+});
+
+export { MarkdownEditor as default };
+//# sourceMappingURL=markdown-editor.js.map

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

@@ -0,0 +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\";\n// import \"vditor/dist/index.css\";\nimport {\n  markdownEditorEmits,\n  markdownEditorProps,\n} from \"./markdown-editor-options\";\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\nimport { WebFileUpload } from \"@maketribe/request\";\nimport { ElMessage } from \"element-plus\";\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        upload: {\n          handler: async (files: File[]) => {\n            if (!files.length) {\n              return null;\n            }\n\n            try {\n              const response = await webFileUpload.upload(files[0]);\n\n              if (response.data.code !== 200) {\n                ElMessage.error(response.data.msg);\n                return null;\n              }\n\n              vditor.insertValue(`![图片](${response.data.data.path})`);\n\n              return response.data.data.path;\n            } catch (e) {\n              console.error(e);\n\n              ElMessage.error(\"网络异常\");\n\n              return null;\n            }\n          },\n        } as any,\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","WebFileUpload","markdownEl","ref","_uid","modelValue","computed","get","set","v","onMounted","disposable","Disposable","vditor","Vditor","unref","cache","id","upload","handler","files","length","response","data","code","ElMessage","error","msg","insertValue","path","e","console","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.vue.d.ts

@@ -1,4 +1,4 @@
-import { MaterialGroupForm, MaterialMan } from "../../dataview";
+import { MaterialGroupForm, MaterialMan } from "../../dataview/material";
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     materialMan: {
         type: typeof MaterialMan;

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

@@ -1,22 +1,8 @@
 import { defineComponent, ref, computed, unref, resolveComponent, resolveDirective, openBlock, createBlock, withCtx, renderSlot, createElementVNode, withDirectives, createVNode, createTextVNode } from 'vue';
 import { ElMessage } from 'element-plus';
-import { MKDataForm } from '@maketribe/dm-ui';
-import '../../dataview/department/DepartmentForm.js';
-import '../../dataview/department/DepartmentTable.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 '@maketribe/dm';
-import '../../dataview/role/RoleForm.js';
-import '../../dataview/role/RoleTable.js';
-import '../../dataview/route/RouteForm.js';
-import '../../dataview/route/RouteTable.js';
-import '@maketribe/utils';
-import '../../dataview/config/ConfigForm.js';
-import '../../dataview/config/ConfigTable.js';
+import { MKDataForm } from '../data-model/data-form/index.js';
 import { MaterialGroupForm } from '../../dataview/material/material-group/MaterialGroupForm.js';
+import '@maketribe/dm';
 import '../../dataview/material/MaterialForm.js';
 import '../../dataview/material/MaterialTable.js';
 import { MaterialMan } from '../../dataview/material/MaterialMan.js';

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 style=\" display: flex; align-items: center; justify-content: space-between;\">\n        <ElButton type=\"primary\" :loading=\"!allowSubmit\" @click=\"handleSaveClick\" >\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 \"@maketribe/dm-ui\";\nimport { MaterialGroupForm, MaterialMan } from \"../../dataview\";\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,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.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -20,7 +20,12 @@ import { MaterialGroupForm } from '../../dataview/material/material-group/Materi
 import '../../dataview/material/MaterialForm.js';
 import '../../dataview/material/MaterialTable.js';
 import { MaterialMan } from '../../dataview/material/MaterialMan.js';
-import { useI18n, MKDataTree } from '@maketribe/dm-ui';
+import { MKDataTree } from '../data-model/data-tree/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';
 
 const _hoisted_1 = { class: "mk-material-group" };

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

@@ -1 +1 @@
-{"version":3,"file":"material-group.vue2.js","sources":["../../../../src/components/material-list/material-group.vue"],"sourcesContent":["<template>\n  <div class=\"mk-material-group\" v-loading=\"loading\">\n    <div class=\"mk-material-group__header\">\n      <div class=\"mk-material-group__header-title\">素材分组</div>\n      <MaterialGroupFromPopper\n        :material-man=\"materialMan\"\n        :material-group-form=\"materialGroupForm\"\n      >\n        <ElButton\n          @click=\"handleAddClick\"\n          :icon=\"Plus\"\n          size=\"small\"\n          type=\"primary\"\n        >\n        </ElButton>\n      </MaterialGroupFromPopper>\n    </div>\n    <div class=\"mk-material-group__main\">\n      <ElScrollbar height=\"100%\">\n        <MKDataTree\n          :auto-load=\"false\"\n          :data-table=\"materialGroupTable\"\n          :props=\"{ label: 'desc', children: 'children' }\"\n          highlight-current\n          @nodeClick=\"handleNodeClick\"\n        >\n          <template #node-tools=\"{ data }\">\n            <div class=\"mk-material-group__tools\" @click.stop>\n              <ElTooltip content=\"添加\">\n                <span class=\"mk-material-group__tools-item\">\n                  <MaterialGroupFromPopper\n                    :material-man=\"materialMan\"\n                    :material-group-form=\"materialGroupForm\"\n                  >\n                    <ElIcon @click=\"handleAddClick(data)\"><Plus /></ElIcon>\n                  </MaterialGroupFromPopper>\n                </span>\n              </ElTooltip>\n              <ElTooltip content=\"编辑\">\n                <span class=\"mk-material-group__tools-item\">\n                  <MaterialGroupFromPopper\n                    :material-man=\"materialMan\"\n                    :material-group-form=\"materialGroupForm\"\n                  >\n                    <ElIcon @click=\"handleEditClick(data)\"><Edit /></ElIcon>\n                  </MaterialGroupFromPopper>\n                </span>\n              </ElTooltip>\n              <ElTooltip content=\"删除\">\n                <span class=\"mk-material-group__tools-item\">\n                  <ElIcon @click=\"handleDeleteClick(data)\"><Delete /></ElIcon>\n                </span>\n              </ElTooltip>\n            </div>\n          </template>\n        </MKDataTree>\n      </ElScrollbar>\n    </div>\n    <div class=\"mk-material-group__footer\"></div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, reactive } from \"vue\";\nimport { ElMessage, ElMessageBox } from \"element-plus\";\nimport { Plus, Edit, Delete } from \"@element-plus/icons-vue\";\nimport {\n  MaterialMan,\n  MaterialGroupNode,\n  MaterialGroupForm,\n  Material,\n} from \"../../dataview\";\nimport { MKDataTree, useI18n } from \"@maketribe/dm-ui\";\nimport MaterialGroupFromPopper from \"./material-group-form-popover.vue\";\n\nconst props = defineProps({\n  materialMan: {\n    type: MaterialMan,\n    required: true,\n  },\n});\n\nconst i18n = useI18n()!;\n\nconst materialGroupForm = reactive(\n  new MaterialGroupForm()\n) as MaterialGroupForm;\n\n(window as any).materialGroupForm = materialGroupForm;\n\nconst materialGroupTable = computed(() => props.materialMan.materialGroupTable);\n\nconst loading = computed(() => props.materialMan.materialGroupTable.loading);\n\nconst handleNodeClick = (item: MaterialGroupNode) => {\n  if (!item.children.length) {\n    props.materialMan.setCurrentMaterialGroupId(item.id);\n  }\n};\n\nconst handleAddClick = async (parent?: MaterialGroupNode) => {\n  materialGroupForm.addRecord();\n\n  await nextTick();\n\n  materialGroupForm.setData({\n    ...materialGroupForm.data,\n    parentGroupId: parent?.id || null,\n  } as MaterialGroupNode);\n};\n\nconst handleEditClick = (item: MaterialGroupNode) => {\n  materialGroupForm.editRecord(item);\n};\n\nconst handleDeleteClick = async (item: MaterialGroupNode) => {\n  const isConfirm = await ElMessageBox.confirm(\n    i18n.translate(\"mk.dataTablePage.deleteMessage\"),\n    i18n.translate(\"mk.dataTablePage.deleteTitle\"),\n    { type: \"warning\" }\n  ).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  const result =\n    await props.materialMan.materialGroupTable.deleteRecordAfterRefresh(item);\n\n  if (result.data.code !== 200) {\n    ElMessage.error(result.data.msg);\n    return;\n  }\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,IAAA,MAAM,OAAO,OAAQ,EAAA,CAAA;AAErB,IAAA,MAAM,iBAAoB,GAAA,QAAA;AAAA,MACxB,IAAI,iBAAkB,EAAA;AAAA,KACxB,CAAA;AAEA,IAAC,OAAe,iBAAoB,GAAA,iBAAA,CAAA;AAEpC,IAAA,MAAM,kBAAqB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,YAAY,kBAAkB,CAAA,CAAA;AAE9E,IAAA,MAAM,UAAU,QAAS,CAAA,MAAM,KAAM,CAAA,WAAA,CAAY,mBAAmB,OAAO,CAAA,CAAA;AAE3E,IAAM,MAAA,eAAA,GAAkB,CAAC,IAA4B,KAAA;AACnD,MAAI,IAAA,CAAC,IAAK,CAAA,QAAA,CAAS,MAAQ,EAAA;AACzB,QAAM,KAAA,CAAA,WAAA,CAAY,yBAA0B,CAAA,IAAA,CAAK,EAAE,CAAA,CAAA;AAAA,OACrD;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,cAAA,GAAiB,OAAO,MAA+B,KAAA;AAC3D,MAAA,iBAAA,CAAkB,SAAU,EAAA,CAAA;AAE5B,MAAA,MAAM,QAAS,EAAA,CAAA;AAEf,MAAA,iBAAA,CAAkB,OAAQ,CAAA;AAAA,QACxB,GAAG,iBAAkB,CAAA,IAAA;AAAA,QACrB,aAAA,EAAe,QAAQ,EAAM,IAAA,IAAA;AAAA,OACT,CAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAM,MAAA,eAAA,GAAkB,CAAC,IAA4B,KAAA;AACnD,MAAA,iBAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,KACnC,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,OAAO,IAA4B,KAAA;AAC3D,MAAM,MAAA,SAAA,GAAY,MAAM,YAAa,CAAA,OAAA;AAAA,QACnC,IAAA,CAAK,UAAU,gCAAgC,CAAA;AAAA,QAC/C,IAAA,CAAK,UAAU,8BAA8B,CAAA;AAAA,QAC7C,EAAE,MAAM,SAAU,EAAA;AAAA,OAClB,CAAA,IAAA;AAAA,QACA,MAAM,IAAA;AAAA,QACN,MAAM,KAAA;AAAA,OACR,CAAA;AAEA,MAAA,IAAI,CAAC,SAAW,EAAA;AACd,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,MAAM,SACJ,MAAM,KAAA,CAAM,WAAY,CAAA,kBAAA,CAAmB,yBAAyB,IAAI,CAAA,CAAA;AAE1E,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;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"material-group.vue2.js","sources":["../../../../src/components/material-list/material-group.vue"],"sourcesContent":["<template>\n  <div class=\"mk-material-group\" v-loading=\"loading\">\n    <div class=\"mk-material-group__header\">\n      <div class=\"mk-material-group__header-title\">素材分组</div>\n      <MaterialGroupFromPopper\n        :material-man=\"materialMan\"\n        :material-group-form=\"materialGroupForm\"\n      >\n        <ElButton\n          @click=\"handleAddClick\"\n          :icon=\"Plus\"\n          size=\"small\"\n          type=\"primary\"\n        >\n        </ElButton>\n      </MaterialGroupFromPopper>\n    </div>\n    <div class=\"mk-material-group__main\">\n      <ElScrollbar height=\"100%\">\n        <MKDataTree\n          :auto-load=\"false\"\n          :data-table=\"materialGroupTable\"\n          :props=\"{ label: 'desc', children: 'children' }\"\n          highlight-current\n          @nodeClick=\"handleNodeClick\"\n        >\n          <template #node-tools=\"{ data }\">\n            <div class=\"mk-material-group__tools\" @click.stop>\n              <ElTooltip content=\"添加\">\n                <span class=\"mk-material-group__tools-item\">\n                  <MaterialGroupFromPopper\n                    :material-man=\"materialMan\"\n                    :material-group-form=\"materialGroupForm\"\n                  >\n                    <ElIcon @click=\"handleAddClick(data)\"><Plus /></ElIcon>\n                  </MaterialGroupFromPopper>\n                </span>\n              </ElTooltip>\n              <ElTooltip content=\"编辑\">\n                <span class=\"mk-material-group__tools-item\">\n                  <MaterialGroupFromPopper\n                    :material-man=\"materialMan\"\n                    :material-group-form=\"materialGroupForm\"\n                  >\n                    <ElIcon @click=\"handleEditClick(data)\"><Edit /></ElIcon>\n                  </MaterialGroupFromPopper>\n                </span>\n              </ElTooltip>\n              <ElTooltip content=\"删除\">\n                <span class=\"mk-material-group__tools-item\">\n                  <ElIcon @click=\"handleDeleteClick(data)\"><Delete /></ElIcon>\n                </span>\n              </ElTooltip>\n            </div>\n          </template>\n        </MKDataTree>\n      </ElScrollbar>\n    </div>\n    <div class=\"mk-material-group__footer\"></div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, reactive } from \"vue\";\nimport { ElMessage, ElMessageBox } from \"element-plus\";\nimport { Plus, Edit, Delete } from \"@element-plus/icons-vue\";\nimport {\n  MaterialMan,\n  MaterialGroupNode,\n  MaterialGroupForm,\n} from \"../../dataview\";\nimport { MKDataTree } from \"../data-model/data-tree\";\nimport { useI18n } from \"../../composables\";\nimport MaterialGroupFromPopper from \"./material-group-form-popover.vue\";\n\nconst props = defineProps({\n  materialMan: {\n    type: MaterialMan,\n    required: true,\n  },\n});\n\nconst i18n = useI18n()!;\n\nconst materialGroupForm = reactive(\n  new MaterialGroupForm()\n) as MaterialGroupForm;\n\n(window as any).materialGroupForm = materialGroupForm;\n\nconst materialGroupTable = computed(() => props.materialMan.materialGroupTable);\n\nconst loading = computed(() => props.materialMan.materialGroupTable.loading);\n\nconst handleNodeClick = (item: MaterialGroupNode) => {\n  if (!item.children.length) {\n    props.materialMan.setCurrentMaterialGroupId(item.id);\n  }\n};\n\nconst handleAddClick = async (parent?: MaterialGroupNode) => {\n  materialGroupForm.addRecord();\n\n  await nextTick();\n\n  materialGroupForm.setData({\n    ...materialGroupForm.data,\n    parentGroupId: parent?.id || null,\n  } as MaterialGroupNode);\n};\n\nconst handleEditClick = (item: MaterialGroupNode) => {\n  materialGroupForm.editRecord(item);\n};\n\nconst handleDeleteClick = async (item: MaterialGroupNode) => {\n  const isConfirm = await ElMessageBox.confirm(\n    i18n.translate(\"mk.dataTablePage.deleteMessage\"),\n    i18n.translate(\"mk.dataTablePage.deleteTitle\"),\n    { type: \"warning\" }\n  ).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  const result =\n    await props.materialMan.materialGroupTable.deleteRecordAfterRefresh(item);\n\n  if (result.data.code !== 200) {\n    ElMessage.error(result.data.msg);\n    return;\n  }\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,IAAA,MAAM,OAAO,OAAQ,EAAA,CAAA;AAErB,IAAA,MAAM,iBAAoB,GAAA,QAAA;AAAA,MACxB,IAAI,iBAAkB,EAAA;AAAA,KACxB,CAAA;AAEA,IAAC,OAAe,iBAAoB,GAAA,iBAAA,CAAA;AAEpC,IAAA,MAAM,kBAAqB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,YAAY,kBAAkB,CAAA,CAAA;AAE9E,IAAA,MAAM,UAAU,QAAS,CAAA,MAAM,KAAM,CAAA,WAAA,CAAY,mBAAmB,OAAO,CAAA,CAAA;AAE3E,IAAM,MAAA,eAAA,GAAkB,CAAC,IAA4B,KAAA;AACnD,MAAI,IAAA,CAAC,IAAK,CAAA,QAAA,CAAS,MAAQ,EAAA;AACzB,QAAM,KAAA,CAAA,WAAA,CAAY,yBAA0B,CAAA,IAAA,CAAK,EAAE,CAAA,CAAA;AAAA,OACrD;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,cAAA,GAAiB,OAAO,MAA+B,KAAA;AAC3D,MAAA,iBAAA,CAAkB,SAAU,EAAA,CAAA;AAE5B,MAAA,MAAM,QAAS,EAAA,CAAA;AAEf,MAAA,iBAAA,CAAkB,OAAQ,CAAA;AAAA,QACxB,GAAG,iBAAkB,CAAA,IAAA;AAAA,QACrB,aAAA,EAAe,QAAQ,EAAM,IAAA,IAAA;AAAA,OACT,CAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAM,MAAA,eAAA,GAAkB,CAAC,IAA4B,KAAA;AACnD,MAAA,iBAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,KACnC,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,OAAO,IAA4B,KAAA;AAC3D,MAAM,MAAA,SAAA,GAAY,MAAM,YAAa,CAAA,OAAA;AAAA,QACnC,IAAA,CAAK,UAAU,gCAAgC,CAAA;AAAA,QAC/C,IAAA,CAAK,UAAU,8BAA8B,CAAA;AAAA,QAC7C,EAAE,MAAM,SAAU,EAAA;AAAA,OAClB,CAAA,IAAA;AAAA,QACA,MAAM,IAAA;AAAA,QACN,MAAM,KAAA;AAAA,OACR,CAAA;AAEA,MAAA,IAAI,CAAC,SAAW,EAAA;AACd,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,MAAM,SACJ,MAAM,KAAA,CAAM,WAAY,CAAA,kBAAA,CAAmB,yBAAyB,IAAI,CAAA,CAAA;AAE1E,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;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
 import { defineComponent, computed, unref, resolveComponent, resolveDirective, openBlock, createElementBlock, createVNode, withDirectives, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, createTextVNode, withCtx, createCommentVNode, createBlock } from 'vue';
 import { ElPagination } from 'element-plus';
-import { MKUploadFile } from '@maketribe/dm-ui';
+import { MKUploadFile } from '../upload-file/index.js';
 import MaterialGroup from './material-group.vue.js';
 import MaterialItem from './material-item.vue.js';
 import { materialListProps, materialListEmits } from './material-list-options.js';

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

@@ -1 +1 @@
-{"version":3,"file":"material-list.vue2.js","sources":["../../../../src/components/material-list/material-list.vue"],"sourcesContent":["<template>\n  <div class=\"mk-material-list\">\n    <MaterialGroup :material-man=\"materialMan\" />\n    <div class=\"mk-material-list__main\" v-loading=\"loading\">\n      <div class=\"mk-material-list__header\">\n        <div class=\"mk-material-list__header-left\">\n          <div class=\"mk-material-list__types\">\n            <div\n              v-for=\"item of materialTypes\"\n              :key=\"item.value\"\n              :class=\"[\n                'mk-material-list__type',\n                currentMaterialTypeId === item.value ? 'is-active' : '',\n              ]\"\n              @click=\"handleMaterialTypeClick(item)\"\n            >\n              {{ item.label }}\n            </div>\n          </div>\n        </div>\n        <div class=\"mk-material-list__header-right\">\n          <template v-if=\"currentMaterialType\">\n            {{ currentMaterialType.label }}大小不超过\n            {{ currentMaterialType.limit }} M\n            <MKUploadFile\n              :upload=\"materialMan.upload\"\n              :accept=\"currentMaterialType.accept\"\n            >\n              <ElButton type=\"primary\">\n                选择{{ currentMaterialType.label }}\n              </ElButton>\n            </MKUploadFile>\n          </template>\n        </div>\n      </div>\n\n      <div class=\"mk-material-list__body\">\n        <ElScrollbar height=\"100%\">\n          <div class=\"mk-material-list__wrapper\">\n            <MaterialItem\n              v-for=\"material of materialList\"\n              :key=\"material.id\"\n              :class=\"[\n                'mk-material-list__item',\n                value === material.path ? 'is-current' : '',\n              ]\"\n              :material-table=\"materialTable\"\n              :material=\"material\"\n              @click.capture=\"handleMaterialItemClick($event, material)\"\n            />\n          </div>\n        </ElScrollbar>\n      <div class=\"mk-material-list__footer\">\n        <ElPagination\n          class=\"mk-data-table-pagination\"\n          :background=\"true\"\n          :pageSizes=\"unref(pageSizes)\"\n          :currentPage=\"unref(currentPage)\"\n          :pageSize=\"unref(pageSize)\"\n          :total=\"unref(totalRecCount)\"\n          layout=\"prev, pager, next\"\n          @current-change=\"changeCurrentPage\"\n          @size-change=\"changePageSize\"\n        />\n      </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref, watch } from \"vue\";\nimport { ElPagination } from \"element-plus\";\nimport { MKUploadFile } from \"@maketribe/dm-ui\";\nimport { MaterialType, Material } from \"../../dataview\";\nimport MaterialGroup from \"./material-group.vue\";\nimport MaterialItem from \"./material-item.vue\";\nimport { materialListProps, materialListEmits } from \"./material-list-options\";\n\ndefineOptions({ name: \"MKMaterialList\" });\n\nconst props = defineProps(materialListProps);\n\nconst emit = defineEmits(materialListEmits);\n\nprops.materialMan.init();\n\nconst loading = computed(() => props.materialMan.materialTable.loading);\n\nconst value = computed({\n  get: () => {\n    return props.selectable ? props.selectedPath ?? null : null;\n  },\n  set: (v) => {\n    emit(\"update:selected-path\", v);\n  },\n});\n\nconst materialTable = computed(() => props.materialMan.materialTable);\nconst pageSizes = computed(() => unref(materialTable).pageSizes);\nconst currentPage = computed({\n  get: () => unref(materialTable).currentPage,\n  set: (v) => {\n    unref(materialTable).pageTo(v);\n  },\n});\nconst pageSize = computed({\n  get: () => unref(materialTable).pageSize,\n  set: (v) => {\n    unref(materialTable).setPageSize(v);\n  },\n});\nconst totalRecCount = computed(() => unref(materialTable).totalRecCount);\nconst changeCurrentPage = (v: number) => {\n  currentPage.value = v;\n};\nconst changePageSize = (v: number) => {\n  pageSize.value = v;\n};\n\n\n\nconst materialList = computed(() => unref(materialTable).getList());\nconst materialTypes = computed(() => props.materialMan.materialTypes);\nconst currentMaterialTypeId = computed(\n  () => props.materialMan.currentMaterialTypeId\n);\n\nconst currentMaterialType = computed(\n  () => props.materialMan.currentMaterialType\n);\n\nconst handleMaterialTypeClick = (materialType: MaterialType) => {\n  if (materialType.value === unref(currentMaterialTypeId)) {\n    return;\n  }\n\n  props.materialMan.setCurrentMaterialTypeId(materialType.value);\n};\n\nconst handleMaterialItemClick = (event: MouseEvent, material: Material) => {\n  if (!props.selectable) {\n    return;\n  }\n\n  event.preventDefault();\n  event.stopPropagation();\n\n  value.value = material.path;\n};\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"material-list.vue2.js","sources":["../../../../src/components/material-list/material-list.vue"],"sourcesContent":["<template>\n  <div class=\"mk-material-list\">\n    <MaterialGroup :material-man=\"materialMan\" />\n    <div class=\"mk-material-list__main\" v-loading=\"loading\">\n      <div class=\"mk-material-list__header\">\n        <div class=\"mk-material-list__header-left\">\n          <div class=\"mk-material-list__types\">\n            <div\n              v-for=\"item of materialTypes\"\n              :key=\"item.value\"\n              :class=\"[\n                'mk-material-list__type',\n                currentMaterialTypeId === item.value ? 'is-active' : '',\n              ]\"\n              @click=\"handleMaterialTypeClick(item)\"\n            >\n              {{ item.label }}\n            </div>\n          </div>\n        </div>\n        <div class=\"mk-material-list__header-right\">\n          <template v-if=\"currentMaterialType\">\n            {{ currentMaterialType.label }}大小不超过\n            {{ currentMaterialType.limit }} M\n            <MKUploadFile\n              :upload=\"materialMan.upload\"\n              :accept=\"currentMaterialType.accept\"\n            >\n              <ElButton type=\"primary\">\n                选择{{ currentMaterialType.label }}\n              </ElButton>\n            </MKUploadFile>\n          </template>\n        </div>\n      </div>\n\n      <div class=\"mk-material-list__body\">\n        <ElScrollbar height=\"100%\">\n          <div class=\"mk-material-list__wrapper\">\n            <MaterialItem\n              v-for=\"material of materialList\"\n              :key=\"material.id\"\n              :class=\"[\n                'mk-material-list__item',\n                value === material.path ? 'is-current' : '',\n              ]\"\n              :material-table=\"materialTable\"\n              :material=\"material\"\n              @click.capture=\"handleMaterialItemClick($event, material)\"\n            />\n          </div>\n        </ElScrollbar>\n        <div class=\"mk-material-list__footer\">\n          <ElPagination\n            class=\"mk-data-table-pagination\"\n            :background=\"true\"\n            :pageSizes=\"unref(pageSizes)\"\n            :currentPage=\"unref(currentPage)\"\n            :pageSize=\"unref(pageSize)\"\n            :total=\"unref(totalRecCount)\"\n            layout=\"prev, pager, next\"\n            @current-change=\"changeCurrentPage\"\n            @size-change=\"changePageSize\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref, watch } from \"vue\";\nimport { ElPagination } from \"element-plus\";\nimport { MKUploadFile } from \"../upload-file\";\nimport { MaterialType, Material } from \"../../dataview\";\nimport MaterialGroup from \"./material-group.vue\";\nimport MaterialItem from \"./material-item.vue\";\nimport { materialListProps, materialListEmits } from \"./material-list-options\";\n\ndefineOptions({ name: \"MKMaterialList\" });\n\nconst props = defineProps(materialListProps);\n\nconst emit = defineEmits(materialListEmits);\n\nprops.materialMan.init();\n\nconst loading = computed(() => props.materialMan.materialTable.loading);\n\nconst value = computed({\n  get: () => {\n    return props.selectable ? props.selectedPath ?? null : null;\n  },\n  set: (v) => {\n    emit(\"update:selected-path\", v);\n  },\n});\n\nconst materialTable = computed(() => props.materialMan.materialTable);\nconst pageSizes = computed(() => unref(materialTable).pageSizes);\nconst currentPage = computed({\n  get: () => unref(materialTable).currentPage,\n  set: (v) => {\n    unref(materialTable).pageTo(v);\n  },\n});\nconst pageSize = computed({\n  get: () => unref(materialTable).pageSize,\n  set: (v) => {\n    unref(materialTable).setPageSize(v);\n  },\n});\nconst totalRecCount = computed(() => unref(materialTable).totalRecCount);\nconst changeCurrentPage = (v: number) => {\n  currentPage.value = v;\n};\nconst changePageSize = (v: number) => {\n  pageSize.value = v;\n};\n\nconst materialList = computed(() => unref(materialTable).getList());\nconst materialTypes = computed(() => props.materialMan.materialTypes);\nconst currentMaterialTypeId = computed(\n  () => props.materialMan.currentMaterialTypeId\n);\n\nconst currentMaterialType = computed(\n  () => props.materialMan.currentMaterialType\n);\n\nconst handleMaterialTypeClick = (materialType: MaterialType) => {\n  if (materialType.value === unref(currentMaterialTypeId)) {\n    return;\n  }\n\n  props.materialMan.setCurrentMaterialTypeId(materialType.value);\n};\n\nconst handleMaterialItemClick = (event: MouseEvent, material: Material) => {\n  if (!props.selectable) {\n    return;\n  }\n\n  event.preventDefault();\n  event.stopPropagation();\n\n  value.value = material.path;\n};\n</script>\n"],"names":[],"mappings":"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"}

package/dist/esm/components/material-select/index.d.ts

@@ -1,5 +1,5 @@
 import { SFCWithInstall } from "@maketribe/utils";
-declare const _MaterialSelect: SFCWithInstall<import("./material-select-type").IMKMaterialSelect>;
+declare const _MaterialSelect: SFCWithInstall<import("./material-select-type").IMKMaterialSelect> & import("./material-select-type").IMKMaterialSelect;
 export default _MaterialSelect;
-export declare const MKMaterialSelect: SFCWithInstall<import("./material-select-type").IMKMaterialSelect>;
+export declare const MKMaterialSelect: SFCWithInstall<import("./material-select-type").IMKMaterialSelect> & import("./material-select-type").IMKMaterialSelect;
 export * from "./material-select-type";

package/dist/esm/components/material-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/material-select/index.ts"],"sourcesContent":["import { App } from \"vue\";\nimport { SFCWithInstall } from \"@maketribe/utils\";\nimport MaterialSelect from \"./material-select-api\";\n\nconst _MaterialSelect = MaterialSelect as SFCWithInstall<typeof MaterialSelect>;\n\n_MaterialSelect.install = (app: App) => {\n  _MaterialSelect._context = app._context;\n};\n\nexport default _MaterialSelect;\nexport const MKMaterialSelect = _MaterialSelect;\n\nexport * from \"./material-select-type\";\n\n"],"names":[],"mappings":";;AAIA,MAAM,eAAkB,GAAA,eAAA;AAExB,eAAgB,CAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AACtC,EAAA,eAAA,CAAgB,WAAW,GAAI,CAAA,QAAA,CAAA;AACjC,CAAA,CAAA;AAGO,MAAM,gBAAmB,GAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/material-select/index.ts"],"sourcesContent":["import { App } from \"vue\";\nimport { SFCWithInstall } from \"@maketribe/utils\";\nimport MaterialSelect from \"./material-select-api\";\n\nconst _MaterialSelect = MaterialSelect as SFCWithInstall<\n  typeof MaterialSelect\n> &\n  typeof MaterialSelect;\n\n_MaterialSelect.install = (app: App) => {\n  _MaterialSelect._context = app._context;\n};\n\nexport default _MaterialSelect;\nexport const MKMaterialSelect = _MaterialSelect;\n\nexport * from \"./material-select-type\";\n"],"names":[],"mappings":";;AAIA,MAAM,eAAkB,GAAA,eAAA;AAKxB,eAAgB,CAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AACtC,EAAA,eAAA,CAAgB,WAAW,GAAI,CAAA,QAAA,CAAA;AACjC,CAAA,CAAA;AAGO,MAAM,gBAAmB,GAAA;;;;"}

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

@@ -17,8 +17,12 @@ async function MaterialSelect(options, appContext) {
     showDialog(
       {
         ...options,
-        onSelect: resolve,
-        cancel: reject
+        onSelect: (path) => {
+          resolve({ success: true, data: path });
+        },
+        onCancel: () => {
+          resolve({ success: false, data: "" });
+        }
       },
       appContext ?? MaterialSelect._context
     );

package/dist/esm/components/material-select/material-select-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-select-api.js","sources":["../../../../src/components/material-select/material-select-api.ts"],"sourcesContent":["import { AppContext, createVNode, render } from \"vue\";\nimport MaterialSelectConstructor from \"./material-select\";\nimport type {\n  IMKMaterialSelect,\n  MKMaterialSelectOptions,\n} from \"./material-select-type\";\n\nconst initInstance = (\n  props: any,\n  container: HTMLElement,\n  appContext: AppContext | null = null\n) => {\n  const vnode = createVNode(MaterialSelectConstructor, props);\n\n  vnode.appContext = appContext;\n\n  render(vnode, container);\n\n  return vnode.component;\n};\n\nconst showDialog = (options: any, appContext?: AppContext | null) => {\n  const container = document.createElement(\"div\");\n\n  const instance = initInstance(options, container, appContext)!;\n\n  return instance.proxy;\n};\n\nasync function MaterialSelect(\n  options?: MKMaterialSelectOptions,\n  appContext?: AppContext\n) {\n  return new Promise((resolve, reject) => {\n    showDialog(\n      {\n        ...options,\n        onSelect: resolve,\n        cancel: reject,\n      },\n      appContext ?? (MaterialSelect as unknown as IMKMaterialSelect)._context\n    );\n  });\n}\n\n(MaterialSelect as unknown as IMKMaterialSelect)._context = null;\n\nexport default MaterialSelect as unknown as IMKMaterialSelect;\n"],"names":[],"mappings":";;;AAOA,MAAM,YAAe,GAAA,CACnB,KACA,EAAA,SAAA,EACA,aAAgC,IAC7B,KAAA;AACH,EAAM,MAAA,KAAA,GAAQ,WAAY,CAAA,yBAAA,EAA2B,KAAK,CAAA,CAAA;AAE1D,EAAA,KAAA,CAAM,UAAa,GAAA,UAAA,CAAA;AAEnB,EAAA,MAAA,CAAO,OAAO,SAAS,CAAA,CAAA;AAEvB,EAAA,OAAO,KAAM,CAAA,SAAA,CAAA;AACf,CAAA,CAAA;AAEA,MAAM,UAAA,GAAa,CAAC,OAAA,EAAc,UAAmC,KAAA;AACnE,EAAM,MAAA,SAAA,GAAY,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAE9C,EAAA,MAAM,QAAW,GAAA,YAAA,CAAa,OAAS,EAAA,SAAA,EAAW,UAAU,CAAA,CAAA;AAE5D,EAAA,OAAO,QAAS,CAAA,KAAA,CAAA;AAClB,CAAA,CAAA;AAEA,eAAe,cAAA,CACb,SACA,UACA,EAAA;AACA,EAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAW,KAAA;AACtC,IAAA,UAAA;AAAA,MACE;AAAA,QACE,GAAG,OAAA;AAAA,QACH,QAAU,EAAA,OAAA;AAAA,QACV,MAAQ,EAAA,MAAA;AAAA,OACV;AAAA,MACA,cAAe,cAAgD,CAAA,QAAA;AAAA,KACjE,CAAA;AAAA,GACD,CAAA,CAAA;AACH,CAAA;AAEC,cAAA,CAAgD,QAAW,GAAA,IAAA;;;;"}
+{"version":3,"file":"material-select-api.js","sources":["../../../../src/components/material-select/material-select-api.ts"],"sourcesContent":["import { AppContext, createVNode, render } from \"vue\";\nimport MaterialSelectConstructor from \"./material-select\";\nimport type {\n  IMKMaterialSelect,\n  MKMaterialSelectOptions,\n} from \"./material-select-type\";\n\nconst initInstance = (\n  props: any,\n  container: HTMLElement,\n  appContext: AppContext | null = null\n) => {\n  const vnode = createVNode(MaterialSelectConstructor, props);\n\n  vnode.appContext = appContext;\n\n  render(vnode, container);\n\n  return vnode.component;\n};\n\nconst showDialog = (options: any, appContext?: AppContext | null) => {\n  const container = document.createElement(\"div\");\n\n  const instance = initInstance(options, container, appContext)!;\n\n  return instance.proxy;\n};\n\nasync function MaterialSelect(\n  options?: MKMaterialSelectOptions,\n  appContext?: AppContext\n) {\n  return new Promise((resolve, reject) => {\n    showDialog(\n      {\n        ...options,\n        onSelect: (path: string) => {\n          resolve({ success: true, data: path });\n        },\n        onCancel: () => {\n          resolve({ success: false, data: \"\" });\n        },\n      },\n      appContext ?? (MaterialSelect as unknown as IMKMaterialSelect)._context\n    );\n  });\n}\n\n(MaterialSelect as IMKMaterialSelect)._context = null;\n\nexport default MaterialSelect as IMKMaterialSelect;\n"],"names":[],"mappings":";;;AAOA,MAAM,YAAe,GAAA,CACnB,KACA,EAAA,SAAA,EACA,aAAgC,IAC7B,KAAA;AACH,EAAM,MAAA,KAAA,GAAQ,WAAY,CAAA,yBAAA,EAA2B,KAAK,CAAA,CAAA;AAE1D,EAAA,KAAA,CAAM,UAAa,GAAA,UAAA,CAAA;AAEnB,EAAA,MAAA,CAAO,OAAO,SAAS,CAAA,CAAA;AAEvB,EAAA,OAAO,KAAM,CAAA,SAAA,CAAA;AACf,CAAA,CAAA;AAEA,MAAM,UAAA,GAAa,CAAC,OAAA,EAAc,UAAmC,KAAA;AACnE,EAAM,MAAA,SAAA,GAAY,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAE9C,EAAA,MAAM,QAAW,GAAA,YAAA,CAAa,OAAS,EAAA,SAAA,EAAW,UAAU,CAAA,CAAA;AAE5D,EAAA,OAAO,QAAS,CAAA,KAAA,CAAA;AAClB,CAAA,CAAA;AAEA,eAAe,cAAA,CACb,SACA,UACA,EAAA;AACA,EAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAW,KAAA;AACtC,IAAA,UAAA;AAAA,MACE;AAAA,QACE,GAAG,OAAA;AAAA,QACH,QAAA,EAAU,CAAC,IAAiB,KAAA;AAC1B,UAAA,OAAA,CAAQ,EAAE,OAAA,EAAS,IAAM,EAAA,IAAA,EAAM,MAAM,CAAA,CAAA;AAAA,SACvC;AAAA,QACA,UAAU,MAAM;AACd,UAAA,OAAA,CAAQ,EAAE,OAAA,EAAS,KAAO,EAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,SACtC;AAAA,OACF;AAAA,MACA,cAAe,cAAgD,CAAA,QAAA;AAAA,KACjE,CAAA;AAAA,GACD,CAAA,CAAA;AACH,CAAA;AAEC,cAAA,CAAqC,QAAW,GAAA,IAAA;;;;"}

package/dist/esm/components/material-select/material-select-type.d.ts

@@ -4,6 +4,9 @@ export interface MKMaterialSelectOptions {
     materialMan?: MaterialMan;
 }
 export interface IMKMaterialSelect {
-    (options?: MKMaterialSelectOptions, appContext?: AppContext): Promise<string>;
+    (options?: MKMaterialSelectOptions, appContext?: AppContext): Promise<{
+        success: boolean;
+        data: string;
+    }>;
     _context: AppContext | null;
 }

package/dist/esm/components/material-select/material-select.d.ts

@@ -30,8 +30,8 @@ declare const _default: import("vue").DefineComponent<{
         __mkPropKey: true;
     };
 }>> & {
-    onCancel?: (() => any) | undefined;
     onSelect?: ((path: any) => any) | undefined;
     "onUpdate:model-value"?: ((path: any) => any) | undefined;
+    onCancel?: (() => any) | undefined;
 }, {}, {}>;
 export default _default;