@maketribe/ms-app 3.0.5 → 3.0.6

package/dist/cjs/components/index.js

@@ -1,68 +1,70 @@
 'use strict';
 
 var index = require('./data-model/data-form/index.js');
-var index$2 = require('./data-model/data-form-page/index.js');
-var index$3 = require('./data-model/data-table/index.js');
-var index$a = require('./data-model/data-table-page/index.js');
-var index$b = require('./data-model/data-tree/index.js');
-var index$c = require('./data-model/data-tree-page/index.js');
-var index$d = require('./data-model/data-table-pagination/index.js');
-var index$e = require('./form-components/form-data-select/index.js');
-var index$f = require('./form-components/form-icon-select/index.js');
-var index$g = require('./form-components/form-radio-box/index.js');
-var index$h = require('./form-components/form-detail/index.js');
-var index$i = require('./form-components/form-data-table-select/index.js');
-var index$j = require('./form-components/form-image-upload/index.js');
-var index$k = require('./form-components/form-detail-select/index.js');
-var index$l = require('./form-components/form-image-list/index.js');
-var index$m = require('./form-components/form-date-picker/index.js');
-var index$n = require('./form-components/form-rich-text-editor/index.js');
-var index$o = require('./column-components/column-action/index.js');
-var index$p = require('./column-components/column-image/index.js');
-var index$q = require('./column-components/column-text/index.js');
-var index$r = require('./column-components/column-object-mapping-text/index.js');
-var index$s = require('./column-components/column-select/index.js');
-var index$t = require('./condition-components/condition-input/index.js');
-var index$u = require('./condition-components/condition-date/index.js');
-var index$v = require('./condition-components/condition-number/index.js');
-var index$w = require('./condition-components/condition-select/index.js');
-var index$x = require('./svg-icon/index.js');
-var index$y = require('./config-provider/index.js');
-var index$z = require('./image-view/index.js');
-var index$A = require('./video-view/index.js');
-var index$B = require('./file-view/index.js');
-var index$C = require('./upload-file/index.js');
-var index$D = require('./data-table-select-dialog/index.js');
-var index$E = require('./data-table-select/index.js');
-var index$F = require('./data-select/index.js');
-var index$G = require('./upload-image/index.js');
-var index$H = require('./pagination/index.js');
-var index$I = require('./markdown-editor/index.js');
-var index$J = require('./rich-text-editor/index.js');
-var index$K = require('./system-provider/index.js');
-var index$L = require('./material-list/index.js');
-var index$M = require('./material-select/index.js');
-var index$N = require('./role-permission-config/index.js');
-var index$O = require('./menu-permission-table/index.js');
-var index$P = require('./image-select/index.js');
-var index$Q = require('./verify-dialog/index.js');
-var index$R = require('./member-table/index.js');
+var index$4 = require('./data-model/data-form-page/index.js');
+var index$5 = require('./data-model/data-table/index.js');
+var index$c = require('./data-model/data-table-page/index.js');
+var index$d = require('./data-model/data-tree/index.js');
+var index$e = require('./data-model/data-tree-page/index.js');
+var index$f = require('./data-model/data-table-pagination/index.js');
+var index$g = require('./form-components/form-data-select/index.js');
+var index$h = require('./form-components/form-icon-select/index.js');
+var index$i = require('./form-components/form-radio-box/index.js');
+var index$j = require('./form-components/form-detail/index.js');
+var index$k = require('./form-components/form-data-table-select/index.js');
+var index$l = require('./form-components/form-image-upload/index.js');
+var index$m = require('./form-components/form-detail-select/index.js');
+var index$n = require('./form-components/form-image-list/index.js');
+var index$o = require('./form-components/form-date-picker/index.js');
+var index$p = require('./form-components/form-rich-text-editor/index.js');
+var index$q = require('./column-components/column-action/index.js');
+var index$r = require('./column-components/column-image/index.js');
+var index$s = require('./column-components/column-text/index.js');
+var index$t = require('./column-components/column-object-mapping-text/index.js');
+var index$u = require('./column-components/column-select/index.js');
+var index$v = require('./condition-components/condition-input/index.js');
+var index$w = require('./condition-components/condition-date/index.js');
+var index$x = require('./condition-components/condition-number/index.js');
+var index$y = require('./condition-components/condition-select/index.js');
+var index$z = require('./svg-icon/index.js');
+var index$A = require('./config-provider/index.js');
+var index$B = require('./image-view/index.js');
+var index$C = require('./video-view/index.js');
+var index$D = require('./file-view/index.js');
+var index$E = require('./upload-file/index.js');
+var index$F = require('./data-table-select-dialog/index.js');
+var index$G = require('./data-table-select/index.js');
+var index$H = require('./data-select/index.js');
+var index$I = require('./upload-image/index.js');
+var index$J = require('./pagination/index.js');
+var index$K = require('./markdown-editor/index.js');
+var index$L = require('./rich-text-editor/index.js');
+var index$M = require('./system-provider/index.js');
+var index$N = require('./material-list/index.js');
+var index$O = require('./material-select/index.js');
+var index$P = require('./role-permission-config/index.js');
+var index$Q = require('./menu-permission-table/index.js');
+var index$R = require('./image-select/index.js');
+var index$S = require('./verify-dialog/index.js');
+var index$T = require('./member-table/index.js');
 var dataFormOptions = require('./data-model/data-form/data-form-options.js');
 var dataFormItemOptions = require('./data-model/data-form/data-form-item/data-form-item-options.js');
 var index$1 = require('./data-model/data-form/data-form-item/index.js');
+var index$2 = require('./data-model/data-form/views/form/index.js');
+var index$3 = require('./data-model/data-form/views/form-view/index.js');
 var dataFormPageOptions = require('./data-model/data-form-page/data-form-page-options.js');
 var dataTableColumnOptions = require('./data-model/data-table/data-table-column/data-table-column-options.js');
-var index$4 = require('./data-model/data-table/data-table-column/index.js');
+var index$6 = require('./data-model/data-table/data-table-column/index.js');
 var dataTableColumnComponentOptions = require('./data-model/data-table/data-table-column-component/data-table-column-component-options.js');
-var index$5 = require('./data-model/data-table/data-table-column-component/index.js');
+var index$7 = require('./data-model/data-table/data-table-column-component/index.js');
 var dataTableOptions = require('./data-model/data-table/data-table-options.js');
-var index$8 = require('./data-model/data-table/views/table/classify-search/classify-search-item/index.js');
-var index$7 = require('./data-model/data-table/views/table/classify-search/index.js');
+var index$a = require('./data-model/data-table/views/table/classify-search/classify-search-item/index.js');
+var index$9 = require('./data-model/data-table/views/table/classify-search/index.js');
 var useCondition = require('./data-model/data-table/views/table/search/composables/use-condition.js');
 var token = require('./data-model/data-table/views/table/search/token.js');
 var operatorOptions = require('./data-model/data-table/views/table/search/operator-options.js');
-var index$9 = require('./data-model/data-table/views/table/search/index.js');
-var index$6 = require('./data-model/data-table/views/table/index.js');
+var index$b = require('./data-model/data-table/views/table/search/index.js');
+var index$8 = require('./data-model/data-table/views/table/index.js');
 var dataTreeOptions = require('./data-model/data-tree/data-tree-options.js');
 var dataTablePaginationOptions = require('./data-model/data-table-pagination/data-table-pagination-options.js');
 var formDataSelectOptions = require('./form-components/form-data-select/form-data-select-options.js');
@@ -93,67 +95,69 @@ var rolePermissionConfigOptions = require('./role-permission-config/role-permiss
 
 
 exports.MKDataForm = index.MKDataForm;
-exports.MKDataFormPage = index$2.MKDataFormPage;
-exports.MKDataTable = index$3.MKDataTable;
-exports.MKDataTablePage = index$a.MKDataTablePage;
-exports.MKDataTree = index$b.MKDataTree;
-exports.MKDataTreePage = index$c.MKDataTreePage;
-exports.MKDataTablePagination = index$d.MKDataTablePagination;
-exports.MKFormDataSelect = index$e.MKFormDataSelect;
-exports.MKFormIconSelect = index$f.MKFormIconSelect;
-exports.MKFormRadioBox = index$g.MKFormRadioBox;
-exports.MKFormDetail = index$h.MKFormDetail;
-exports.MKFormDataTableSelect = index$i.MKFormDataTableSelect;
-exports.MKFormImageUpload = index$j.MKFormImageUpload;
-exports.MKFormDetailSelect = index$k.MKFormDetailSelect;
-exports.MKFormImageList = index$l.MKFormImageList;
-exports.MKFormDatePicker = index$m.MKFormDatePicker;
-exports.MKFormRichTextEditor = index$n.MKFormRichTextEditor;
-exports.MKColumnAction = index$o.MKColumnAction;
-exports.MKColumnImage = index$p.MKColumnImage;
-exports.MKColumnText = index$q.MKColumnText;
-exports.MKColumnObjectMappingText = index$r.MKColumnObjectMappingText;
-exports.MKColumnSelect = index$s.MKColumnSelect;
-exports.MKConditionInput = index$t.MKConditionInput;
-exports.MKConditionDate = index$u.MKConditionDate;
-exports.MKConditionNumber = index$v.MKConditionNumber;
-exports.MKConditionSelect = index$w.MKConditionSelect;
-exports.MKSvgIcon = index$x.MKSvgIcon;
-exports.MKConfigProvider = index$y.MKConfigProvider;
-exports.MKImageView = index$z.MKImageView;
-exports.MKVideoView = index$A.MKVideoView;
-exports.MKFileView = index$B.MKFileView;
-exports.MKUploadFile = index$C.MKUploadFile;
-exports.MKDataTableSelectDialog = index$D.MKDataTableSelectDialog;
-exports.MKDataTableSelect = index$E.MKDataTableSelect;
-exports.MKDataSelect = index$F.MKDataSelect;
-exports.MKUploadImage = index$G.MKUploadImage;
-exports.MKPagination = index$H.MKPagination;
-exports.MKMarkdownEditor = index$I.MKMarkdownEditor;
-exports.MKRichTextEditor = index$J.MKRichTextEditor;
-exports.MKSystemProvider = index$K.MKSystemProvider;
-exports.MKMaterialList = index$L.MKMaterialList;
-exports.MKMaterialSelect = index$M.MKMaterialSelect;
-exports.MKRolePermissionConfig = index$N.MKRolePermissionConfig;
-exports.MKMenuPermissionTable = index$O.MKMenuPermissionTable;
-exports.MKImageSelect = index$P.MKImageSelect;
-exports.MKVerifyDialog = index$Q.MKVerifyDialog;
-exports.MKMemberTable = index$R.MKMemberTable;
+exports.MKDataFormPage = index$4.MKDataFormPage;
+exports.MKDataTable = index$5.MKDataTable;
+exports.MKDataTablePage = index$c.MKDataTablePage;
+exports.MKDataTree = index$d.MKDataTree;
+exports.MKDataTreePage = index$e.MKDataTreePage;
+exports.MKDataTablePagination = index$f.MKDataTablePagination;
+exports.MKFormDataSelect = index$g.MKFormDataSelect;
+exports.MKFormIconSelect = index$h.MKFormIconSelect;
+exports.MKFormRadioBox = index$i.MKFormRadioBox;
+exports.MKFormDetail = index$j.MKFormDetail;
+exports.MKFormDataTableSelect = index$k.MKFormDataTableSelect;
+exports.MKFormImageUpload = index$l.MKFormImageUpload;
+exports.MKFormDetailSelect = index$m.MKFormDetailSelect;
+exports.MKFormImageList = index$n.MKFormImageList;
+exports.MKFormDatePicker = index$o.MKFormDatePicker;
+exports.MKFormRichTextEditor = index$p.MKFormRichTextEditor;
+exports.MKColumnAction = index$q.MKColumnAction;
+exports.MKColumnImage = index$r.MKColumnImage;
+exports.MKColumnText = index$s.MKColumnText;
+exports.MKColumnObjectMappingText = index$t.MKColumnObjectMappingText;
+exports.MKColumnSelect = index$u.MKColumnSelect;
+exports.MKConditionInput = index$v.MKConditionInput;
+exports.MKConditionDate = index$w.MKConditionDate;
+exports.MKConditionNumber = index$x.MKConditionNumber;
+exports.MKConditionSelect = index$y.MKConditionSelect;
+exports.MKSvgIcon = index$z.MKSvgIcon;
+exports.MKConfigProvider = index$A.MKConfigProvider;
+exports.MKImageView = index$B.MKImageView;
+exports.MKVideoView = index$C.MKVideoView;
+exports.MKFileView = index$D.MKFileView;
+exports.MKUploadFile = index$E.MKUploadFile;
+exports.MKDataTableSelectDialog = index$F.MKDataTableSelectDialog;
+exports.MKDataTableSelect = index$G.MKDataTableSelect;
+exports.MKDataSelect = index$H.MKDataSelect;
+exports.MKUploadImage = index$I.MKUploadImage;
+exports.MKPagination = index$J.MKPagination;
+exports.MKMarkdownEditor = index$K.MKMarkdownEditor;
+exports.MKRichTextEditor = index$L.MKRichTextEditor;
+exports.MKSystemProvider = index$M.MKSystemProvider;
+exports.MKMaterialList = index$N.MKMaterialList;
+exports.MKMaterialSelect = index$O.MKMaterialSelect;
+exports.MKRolePermissionConfig = index$P.MKRolePermissionConfig;
+exports.MKMenuPermissionTable = index$Q.MKMenuPermissionTable;
+exports.MKImageSelect = index$R.MKImageSelect;
+exports.MKVerifyDialog = index$S.MKVerifyDialog;
+exports.MKMemberTable = index$T.MKMemberTable;
 exports.dataFormEmits = dataFormOptions.dataFormEmits;
 exports.dataFormProps = dataFormOptions.dataFormProps;
 exports.dataFormItemProps = dataFormItemOptions.dataFormItemProps;
 exports.MKDataFormItem = index$1.MKDataFormItem;
+exports.MKForm = index$2.MKForm;
+exports.MKFormView = index$3.MKFormView;
 exports.dataFormPageEmits = dataFormPageOptions.dataFormPageEmits;
 exports.dataFormPageProps = dataFormPageOptions.dataFormPageProps;
 exports.dataTableColumnProps = dataTableColumnOptions.dataTableColumnProps;
-exports.MKDataTableColumn = index$4.MKDataTableColumn;
+exports.MKDataTableColumn = index$6.MKDataTableColumn;
 exports.dataTableColumnComponentProps = dataTableColumnComponentOptions.dataTableColumnComponentProps;
-exports.MKDataTableColumnComponent = index$5.MKDataTableColumnComponent;
+exports.MKDataTableColumnComponent = index$7.MKDataTableColumnComponent;
 exports.DataTableEmits = dataTableOptions.DataTableEmits;
 exports.dataTableEmits = dataTableOptions.dataTableEmits;
 exports.dataTableProps = dataTableOptions.dataTableProps;
-exports.MKTableClassifySearchItem = index$8.MKTableClassifySearchItem;
-exports.MKTableClassifySearch = index$7.MKTableClassifySearch;
+exports.MKTableClassifySearchItem = index$a.MKTableClassifySearchItem;
+exports.MKTableClassifySearch = index$9.MKTableClassifySearch;
 exports.conditionProps = useCondition.conditionProps;
 exports.useCondition = useCondition.useCondition;
 exports.TABLE_SEARCH_CONTEXT_KEY = token.TABLE_SEARCH_CONTEXT_KEY;
@@ -168,8 +172,8 @@ exports.LESS_THAN_EQUAL_OPTION = operatorOptions.LESS_THAN_EQUAL_OPTION;
 exports.LESS_THAN_OPTION = operatorOptions.LESS_THAN_OPTION;
 exports.NOT_IN_OPTION = operatorOptions.NOT_IN_OPTION;
 exports.OPERATOR_OPTIONS = operatorOptions.OPERATOR_OPTIONS;
-exports.MKTableSearch = index$9.MKTableSearch;
-exports.MKTableView = index$6.MKTableView;
+exports.MKTableSearch = index$b.MKTableSearch;
+exports.MKTableView = index$8.MKTableView;
 exports.dataTreeProps = dataTreeOptions.dataTreeProps;
 exports.dataTablePaginationProps = dataTablePaginationOptions.dataTablePaginationProps;
 exports.formDataSelectProps = formDataSelectOptions.formDataSelectProps;

package/dist/cjs/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/cjs/components/markdown-editor/markdown-editor.js

@@ -5,7 +5,7 @@ var index_min = require('../../node_modules/.pnpm/vditor@3.9.6/node_modules/vdit
 var markdownEditorOptions = require('./markdown-editor-options.js');
 var utils = require('@maketribe/utils');
 var request = require('@maketribe/request');
-var elementPlus = require('element-plus');
+var index = require('../material-select/index.js');
 
 let uid = 0;
 var MarkdownEditor = /* @__PURE__ */ vue.defineComponent({
@@ -15,7 +15,7 @@ var MarkdownEditor = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
-    const webFileUpload = new request.WebFileUpload();
+    new request.WebFileUpload();
     const markdownEl = vue.ref(null);
     const _uid = uid++;
     const modelValue = vue.computed({
@@ -28,26 +28,24 @@ var MarkdownEditor = /* @__PURE__ */ vue.defineComponent({
         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) {
-                elementPlus.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);
-              elementPlus.ElMessage.error("\u7F51\u7EDC\u5F02\u5E38");
-              return null;
+        toolbar: ["emoji", "headings", "bold", "italic", "strike", "link", "|", "list", "ordered-list", "check", "outdent", "indent", "|", "quote", "line", "code", "inline-code", "insert-before", "insert-after", "|", {
+          name: "material",
+          tipPosition: "s",
+          tip: "\u7D20\u6750",
+          icon: `<svg><use xlink:href="#icon-image" /></svg>`,
+          click: async () => {
+            const response = await index.MKMaterialSelect({
+              allowMaterialTypeValues: ["1"]
+            });
+            if (!response.success) {
+              return;
             }
+            vditor.insertValue(`![\u56FE\u7247](${response.path})`);
           }
-        },
+        }, "record", "table", "|", "undo", "redo", "|", "fullscreen", "edit-mode", {
+          name: "more",
+          toolbar: ["both", "code-theme", "content-theme", "export", "outline", "preview", "devtools", "info", "help"]
+        }],
         after: () => {
           vditor.setValue(modelValue.value || "");
           const _markdownEl = vue.unref(markdownEl);

package/dist/cjs/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\";\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","defineComponent","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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"}
+{"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                allowMaterialTypeValues: [\"1\"],\n              });\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","defineComponent","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","allowMaterialTypeValues","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/cjs/components/material-list/index.d.ts

@@ -14,6 +14,7 @@ export declare const MKMaterialList: import("@maketribe/utils").SFCWithInstall<i
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected-path": (path: any) => boolean;
+    selectedChange: (material: import("../..").Material) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     materialMan: {
         readonly type: import("vue").PropType<import("../..").MaterialMan>;
@@ -30,6 +31,7 @@ export declare const MKMaterialList: import("@maketribe/utils").SFCWithInstall<i
     };
 }>> & {
     "onUpdate:selected-path"?: ((path: any) => any) | undefined;
+    onSelectedChange?: ((material: import("../..").Material) => any) | undefined;
 }, {
     selectable: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>> & Record<string, any>;

package/dist/cjs/components/material-list/material-list-options.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes } from "vue";
-import { MaterialMan } from "../../dataview";
+import { Material, MaterialMan } from "../../dataview";
 export declare const materialListProps: {
     readonly materialMan: {
         readonly type: import("vue").PropType<MaterialMan>;
@@ -18,4 +18,5 @@ export declare const materialListProps: {
 export type MaterialListProps = ExtractPropTypes<typeof materialListProps>;
 export declare const materialListEmits: {
     "update:selected-path": (path: any) => boolean;
+    selectedChange: (material: Material) => boolean;
 };

package/dist/cjs/components/material-list/material-list-options.js

@@ -33,7 +33,8 @@ const materialListProps = utils.buildProps({
   }
 });
 const materialListEmits = {
-  "update:selected-path": (path) => typeof path === "string"
+  "update:selected-path": (path) => true,
+  selectedChange: (material) => true
 };
 
 exports.materialListEmits = materialListEmits;

package/dist/cjs/components/material-list/material-list-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-list-options.js","sources":["../../../../src/components/material-list/material-list-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { MaterialMan } from \"../../dataview\";\n\nexport const materialListProps = buildProps({\n  materialMan: {\n    type: MaterialMan,\n    required: true,\n  },\n  selectable: {\n    type: Boolean,\n    default: false,\n  },\n  selectedPath: {\n    type: String,\n  },\n} as const);\n\nexport type MaterialListProps = ExtractPropTypes<typeof materialListProps>;\n\nexport const materialListEmits = {\n  \"update:selected-path\": (path: any) => typeof path === \"string\",\n};\n"],"names":["buildProps","MaterialMan"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoBA,gBAAW,CAAA;AAAA,EAC1C,WAAa,EAAA;AAAA,IACX,IAAM,EAAAC,uBAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,GACR;AACF,CAAU,EAAA;AAIH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,sBAAwB,EAAA,CAAC,IAAc,KAAA,OAAO,IAAS,KAAA,QAAA;AACzD;;;;;"}
+{"version":3,"file":"material-list-options.js","sources":["../../../../src/components/material-list/material-list-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { Material, MaterialMan } from \"../../dataview\";\n\nexport const materialListProps = buildProps({\n  materialMan: {\n    type: MaterialMan,\n    required: true,\n  },\n  selectable: {\n    type: Boolean,\n    default: false,\n  },\n  selectedPath: {\n    type: String,\n  },\n} as const);\n\nexport type MaterialListProps = ExtractPropTypes<typeof materialListProps>;\n\nexport const materialListEmits = {\n  \"update:selected-path\": (path: any) => true,\n  selectedChange: (material: Material) => true,\n};\n"],"names":["buildProps","MaterialMan"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoBA,gBAAW,CAAA;AAAA,EAC1C,WAAa,EAAA;AAAA,IACX,IAAM,EAAAC,uBAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,GACR;AACF,CAAU,EAAA;AAIH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,sBAAA,EAAwB,CAAC,IAAc,KAAA,IAAA;AAAA,EACvC,cAAA,EAAgB,CAAC,QAAuB,KAAA,IAAA;AAC1C;;;;;"}

package/dist/cjs/components/material-list/material-list.vue.d.ts

@@ -1,3 +1,4 @@
+import { Material } from "../../dataview";
 declare const _default: import("vue").DefineComponent<{
     materialMan: {
         readonly type: import("vue").PropType<import("../../dataview").MaterialMan>;
@@ -14,6 +15,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected-path": (path: any) => boolean;
+    selectedChange: (material: Material) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     materialMan: {
         readonly type: import("vue").PropType<import("../../dataview").MaterialMan>;
@@ -30,6 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:selected-path"?: ((path: any) => any) | undefined;
+    onSelectedChange?: ((material: Material) => any) | undefined;
 }, {
     selectable: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;

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

@@ -56,7 +56,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       pageSize.value = v;
     };
     const materialList = vue.computed(() => vue.unref(materialTable).getList());
-    const materialTypes = vue.computed(() => props.materialMan.materialTypes);
+    const materialTypes = vue.computed(() => props.materialMan.getMaterialType());
     const currentMaterialTypeId = vue.computed(
       () => props.materialMan.currentMaterialTypeId
     );
@@ -76,6 +76,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       event.preventDefault();
       event.stopPropagation();
       value.value = material.path;
+      emit("selectedChange", material);
     };
     return (_ctx, _cache) => {
       const _component_ElButton = vue.resolveComponent("ElButton");

package/dist/cjs/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 \"../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":["computed","unref"],"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.getMaterialType());\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  emit(\"selectedChange\", material);\n};\n</script>\n"],"names":["computed","unref"],"mappings":"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"}

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

@@ -19,11 +19,11 @@ async function MaterialSelect(options, appContext) {
     showDialog(
       {
         ...options,
-        onSelect: (path) => {
-          resolve({ success: true, data: path });
+        onMaterialChange: (material) => {
+          resolve({ success: true, data: material, path: material.path });
         },
         onCancel: () => {
-          resolve({ success: false, data: "" });
+          resolve({ success: false, data: null, path: "" });
         }
       },
       appContext ?? MaterialSelect._context

package/dist/cjs/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: (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":["createVNode","MaterialSelectConstructor","render"],"mappings":";;;;;AAOA,MAAM,YAAe,GAAA,CACnB,KACA,EAAA,SAAA,EACA,aAAgC,IAC7B,KAAA;AACH,EAAM,MAAA,KAAA,GAAQA,eAAY,CAAAC,cAAA,EAA2B,KAAK,CAAA,CAAA;AAE1D,EAAA,KAAA,CAAM,UAAa,GAAA,UAAA,CAAA;AAEnB,EAAAC,UAAA,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;;;;"}
+{"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\";\nimport { Material } from \"../../dataview\";\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        onMaterialChange: (material: Material) => {\n          resolve({ success: true, data: material, path: material.path });\n        },\n        onCancel: () => {\n          resolve({ success: false, data: null, path: \"\" });\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":["createVNode","MaterialSelectConstructor","render"],"mappings":";;;;;AAQA,MAAM,YAAe,GAAA,CACnB,KACA,EAAA,SAAA,EACA,aAAgC,IAC7B,KAAA;AACH,EAAM,MAAA,KAAA,GAAQA,eAAY,CAAAC,cAAA,EAA2B,KAAK,CAAA,CAAA;AAE1D,EAAA,KAAA,CAAM,UAAa,GAAA,UAAA,CAAA;AAEnB,EAAAC,UAAA,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,gBAAA,EAAkB,CAAC,QAAuB,KAAA;AACxC,UAAQ,OAAA,CAAA,EAAE,SAAS,IAAM,EAAA,IAAA,EAAM,UAAU,IAAM,EAAA,QAAA,CAAS,MAAM,CAAA,CAAA;AAAA,SAChE;AAAA,QACA,UAAU,MAAM;AACd,UAAA,OAAA,CAAQ,EAAE,OAAS,EAAA,KAAA,EAAO,MAAM,IAAM,EAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,SAClD;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/cjs/components/material-select/material-select-options.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes } from "vue";
-import { MaterialMan } from "../../dataview";
+import { Material, MaterialMan } from "../../dataview";
 export declare const materialSelectProps: {
     materialMan: {
         readonly type: import("vue").PropType<MaterialMan>;
@@ -13,9 +13,16 @@ export declare const materialSelectProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    allowMaterialTypeValues: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
 };
 export type MaterialSelectProps = ExtractPropTypes<typeof materialSelectProps>;
 export declare const materialSelectEmits: {
+    materialChange: (material: Material) => boolean;
     "update:model-value": (path: any) => boolean;
     select: (path: any) => boolean;
     cancel: () => boolean;

package/dist/cjs/components/material-select/material-select-options.js

@@ -21,9 +21,13 @@ var MaterialMan = require('../../dataview/material/MaterialMan.js');
 
 const materialSelectProps = utils.buildProps({
   materialMan: { type: MaterialMan.MaterialMan },
-  modelValue: { type: String }
+  modelValue: { type: String },
+  allowMaterialTypeValues: {
+    type: Array
+  }
 });
 const materialSelectEmits = {
+  materialChange: (material) => true,
   "update:model-value": (path) => typeof path === "string",
   select: (path) => typeof path === "string",
   cancel: () => true

package/dist/cjs/components/material-select/material-select-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-select-options.js","sources":["../../../../src/components/material-select/material-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { MaterialMan } from \"../../dataview\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const materialSelectProps = buildProps({\n  materialMan: { type: MaterialMan },\n  modelValue: { type: String },\n});\n\nexport type MaterialSelectProps = ExtractPropTypes<typeof materialSelectProps>;\n\nexport const materialSelectEmits = {\n  \"update:model-value\": (path: any) => typeof path === \"string\",\n  select: (path: any) => typeof path === \"string\",\n  cancel: () => true,\n};\n\nexport const MaterialSelectEmits = typeof materialSelectEmits;\n"],"names":["buildProps","MaterialMan"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,sBAAsBA,gBAAW,CAAA;AAAA,EAC5C,WAAA,EAAa,EAAE,IAAA,EAAMC,uBAAY,EAAA;AAAA,EACjC,UAAA,EAAY,EAAE,IAAA,EAAM,MAAO,EAAA;AAC7B,CAAC,EAAA;AAIM,MAAM,mBAAsB,GAAA;AAAA,EACjC,oBAAsB,EAAA,CAAC,IAAc,KAAA,OAAO,IAAS,KAAA,QAAA;AAAA,EACrD,MAAQ,EAAA,CAAC,IAAc,KAAA,OAAO,IAAS,KAAA,QAAA;AAAA,EACvC,QAAQ,MAAM,IAAA;AAChB,EAAA;AAEO,MAAM,sBAAsB,OAAO;;;;;;"}
+{"version":3,"file":"material-select-options.js","sources":["../../../../src/components/material-select/material-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { Material, MaterialMan, MaterialType } from \"../../dataview\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const materialSelectProps = buildProps({\n  materialMan: { type: MaterialMan },\n  modelValue: { type: String },\n  allowMaterialTypeValues: {\n    type: Array<MaterialType[\"value\"]>,\n  },\n});\n\nexport type MaterialSelectProps = ExtractPropTypes<typeof materialSelectProps>;\n\nexport const materialSelectEmits = {\n  materialChange: (material: Material) => true,\n  \"update:model-value\": (path: any) => typeof path === \"string\",\n  select: (path: any) => typeof path === \"string\",\n  cancel: () => true,\n};\n\nexport const MaterialSelectEmits = typeof materialSelectEmits;\n"],"names":["buildProps","MaterialMan"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,sBAAsBA,gBAAW,CAAA;AAAA,EAC5C,WAAA,EAAa,EAAE,IAAA,EAAMC,uBAAY,EAAA;AAAA,EACjC,UAAA,EAAY,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EAC3B,uBAAyB,EAAA;AAAA,IACvB,IAAM,EAAA,KAAA;AAAA,GACR;AACF,CAAC,EAAA;AAIM,MAAM,mBAAsB,GAAA;AAAA,EACjC,cAAA,EAAgB,CAAC,QAAuB,KAAA,IAAA;AAAA,EACxC,oBAAsB,EAAA,CAAC,IAAc,KAAA,OAAO,IAAS,KAAA,QAAA;AAAA,EACrD,MAAQ,EAAA,CAAC,IAAc,KAAA,OAAO,IAAS,KAAA,QAAA;AAAA,EACvC,QAAQ,MAAM,IAAA;AAChB,EAAA;AAEO,MAAM,sBAAsB,OAAO;;;;;;"}

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

@@ -1,12 +1,14 @@
-import { MaterialMan } from "../../dataview";
+import { Material, MaterialMan, MaterialType } from "../../dataview";
 import type { AppContext } from "vue";
 export interface MKMaterialSelectOptions {
     materialMan?: MaterialMan;
+    allowMaterialTypeValues: MaterialType["value"][];
 }
 export interface IMKMaterialSelect {
     (options?: MKMaterialSelectOptions, appContext?: AppContext): Promise<{
         success: boolean;
-        data: string;
+        data: Material | null;
+        path: string;
     }>;
     _context: AppContext | null;
 }