@maketribe/ms-app 3.0.4 → 3.0.6

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

@@ -0,0 +1,81 @@
+'use strict';
+
+var vue = require('vue');
+var index_min = require('../../node_modules/.pnpm/vditor@3.9.6/node_modules/vditor/dist/index.min.js');
+var markdownEditorOptions = require('./markdown-editor-options.js');
+var utils = require('@maketribe/utils');
+var request = require('@maketribe/request');
+var index = require('../material-select/index.js');
+
+let uid = 0;
+var MarkdownEditor = /* @__PURE__ */ vue.defineComponent({
+  name: "MKMarkdownEditor",
+  props: markdownEditorOptions.markdownEditorProps,
+  emits: markdownEditorOptions.markdownEditorEmits,
+  setup(props, {
+    emit
+  }) {
+    new request.WebFileUpload();
+    const markdownEl = vue.ref(null);
+    const _uid = uid++;
+    const modelValue = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:model-value", v)
+    });
+    vue.onMounted(() => {
+      const disposable = new utils.Disposable();
+      const vditor = new index_min(vue.unref(markdownEl), {
+        cache: {
+          id: `vditor${_uid}`
+        },
+        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);
+          const handleContentChange = () => {
+            modelValue.value = vditor.getValue();
+          };
+          _markdownEl.addEventListener("input", handleContentChange);
+          _markdownEl.addEventListener("keydown", handleContentChange);
+          _markdownEl.addEventListener("keyup", handleContentChange);
+          _markdownEl.addEventListener("paste", handleContentChange);
+          disposable.register(utils.createDisposable(() => {
+            _markdownEl.removeEventListener("input", handleContentChange);
+            _markdownEl.removeEventListener("keydown", handleContentChange);
+            _markdownEl.removeEventListener("keyup", handleContentChange);
+            _markdownEl.removeEventListener("paste", handleContentChange);
+          }));
+        }
+      });
+      vue.onBeforeUnmount(() => {
+        disposable.dispose();
+        vditor?.destroy();
+      });
+    });
+    return () => {
+      return vue.createVNode("div", {
+        "ref": (el) => markdownEl.value = el
+      }, null);
+    };
+  }
+});
+
+module.exports = MarkdownEditor;
+//# sourceMappingURL=markdown-editor.js.map

package/dist/cjs/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\";\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-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/cjs/components/material-list/material-group-form-popover.vue2.js

@@ -2,23 +2,9 @@
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-var dmUi = require('@maketribe/dm-ui');
-require('../../dataview/department/DepartmentForm.js');
-require('../../dataview/department/DepartmentTable.js');
-require('../../dataview/member/MemberForm.js');
-require('../../dataview/member/MemberTable.js');
-require('../../dataview/menu/MenuForm.js');
-require('../../dataview/menu/MenuTable.js');
-require('@maketribe/request');
-require('@maketribe/dm');
-require('../../dataview/role/RoleForm.js');
-require('../../dataview/role/RoleTable.js');
-require('../../dataview/route/RouteForm.js');
-require('../../dataview/route/RouteTable.js');
-require('@maketribe/utils');
-require('../../dataview/config/ConfigForm.js');
-require('../../dataview/config/ConfigTable.js');
+var index = require('../data-model/data-form/index.js');
 var MaterialGroupForm = require('../../dataview/material/material-group/MaterialGroupForm.js');
+require('@maketribe/dm');
 require('../../dataview/material/MaterialForm.js');
 require('../../dataview/material/MaterialTable.js');
 var MaterialMan = require('../../dataview/material/MaterialMan.js');
@@ -73,7 +59,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ]),
         default: vue.withCtx(() => [
           vue.createElementVNode("div", null, [
-            vue.withDirectives(vue.createVNode(vue.unref(dmUi.MKDataForm), { "data-form": __props.materialGroupForm }, null, 8, ["data-form"]), [
+            vue.withDirectives(vue.createVNode(vue.unref(index.MKDataForm), { "data-form": __props.materialGroupForm }, null, 8, ["data-form"]), [
               [_directive_loading, loading.value]
             ]),
             vue.createElementVNode("div", _hoisted_1, [

package/dist/cjs/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":["ref","computed","unref","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,IAAM,MAAA,OAAA,GAAwBA,QAAI,KAAK,CAAA,CAAA;AAEvC,IAAA,MAAM,OAAU,GAAAC,YAAA,CAAS,MAAM,KAAA,CAAM,kBAAkB,OAAO,CAAA,CAAA;AAC9D,IAAA,MAAM,WAAc,GAAAA,YAAA;AAAA,MAClB,MAAM,CAAC,EAAEC,SAAA,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,QAAUC,qBAAA,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":["ref","computed","unref","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,IAAM,MAAA,OAAA,GAAwBA,QAAI,KAAK,CAAA,CAAA;AAEvC,IAAA,MAAM,OAAU,GAAAC,YAAA,CAAS,MAAM,KAAA,CAAM,kBAAkB,OAAO,CAAA,CAAA;AAC9D,IAAA,MAAM,WAAc,GAAAA,YAAA;AAAA,MAClB,MAAM,CAAC,EAAEC,SAAA,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,QAAUC,qBAAA,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/cjs/components/material-list/material-group.vue2.js

@@ -2,7 +2,7 @@
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-var iconsVue = require('@element-plus/icons-vue');
+var icons = require('@element-plus/icons-vue');
 require('../../dataview/department/DepartmentForm.js');
 require('../../dataview/department/DepartmentTable.js');
 require('../../dataview/member/MemberForm.js');
@@ -22,7 +22,12 @@ var MaterialGroupForm = require('../../dataview/material/material-group/Material
 require('../../dataview/material/MaterialForm.js');
 require('../../dataview/material/MaterialTable.js');
 var MaterialMan = require('../../dataview/material/MaterialMan.js');
-var dmUi = require('@maketribe/dm-ui');
+var index = require('../data-model/data-tree/index.js');
+require('../config-provider/index.js');
+var useI18n = require('../../composables/use-i18n.js');
+require('vue-router');
+require('@maketribe/locale');
+require('../../core/DataModelDefines.js');
 var materialGroupFormPopover = require('./material-group-form-popover.vue.js');
 
 const _hoisted_1 = { class: "mk-material-group" };
@@ -55,7 +60,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const i18n = dmUi.useI18n();
+    const i18n = useI18n.useI18n();
     const materialGroupForm = vue.reactive(
       new MaterialGroupForm.MaterialGroupForm()
     );
@@ -112,7 +117,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             default: vue.withCtx(() => [
               vue.createVNode(_component_ElButton, {
                 onClick: handleAddClick,
-                icon: vue.unref(iconsVue.Plus),
+                icon: vue.unref(icons.Plus),
                 size: "small",
                 type: "primary"
               }, null, 8, ["icon"])
@@ -124,7 +129,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_4, [
           vue.createVNode(_component_ElScrollbar, { height: "100%" }, {
             default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(dmUi.MKDataTree), {
+              vue.createVNode(vue.unref(index.MKDataTree), {
                 "auto-load": false,
                 "data-table": materialGroupTable.value,
                 props: { label: "desc", children: "children" },
@@ -152,7 +157,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                   onClick: ($event) => handleAddClick(data)
                                 }, {
                                   default: vue.withCtx(() => [
-                                    vue.createVNode(vue.unref(iconsVue.Plus))
+                                    vue.createVNode(vue.unref(icons.Plus))
                                   ]),
                                   _: 2
                                   /* DYNAMIC */
@@ -184,7 +189,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                   onClick: ($event) => handleEditClick(data)
                                 }, {
                                   default: vue.withCtx(() => [
-                                    vue.createVNode(vue.unref(iconsVue.Edit))
+                                    vue.createVNode(vue.unref(icons.Edit))
                                   ]),
                                   _: 2
                                   /* DYNAMIC */
@@ -211,7 +216,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                               onClick: ($event) => handleDeleteClick(data)
                             }, {
                               default: vue.withCtx(() => [
-                                vue.createVNode(vue.unref(iconsVue.Delete))
+                                vue.createVNode(vue.unref(icons.Delete))
                               ]),
                               _: 2
                               /* DYNAMIC */

package/dist/cjs/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":["useI18n","reactive","MaterialGroupForm","computed","nextTick","ElMessageBox","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,IAAA,MAAM,OAAOA,YAAQ,EAAA,CAAA;AAErB,IAAA,MAAM,iBAAoB,GAAAC,YAAA;AAAA,MACxB,IAAIC,mCAAkB,EAAA;AAAA,KACxB,CAAA;AAEA,IAAC,OAAe,iBAAoB,GAAA,iBAAA,CAAA;AAEpC,IAAA,MAAM,kBAAqB,GAAAC,YAAA,CAAS,MAAM,KAAA,CAAM,YAAY,kBAAkB,CAAA,CAAA;AAE9E,IAAA,MAAM,UAAUA,YAAS,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,MAAMC,YAAS,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,MAAMC,wBAAa,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,QAAUC,qBAAA,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":["useI18n","reactive","MaterialGroupForm","computed","nextTick","ElMessageBox","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,IAAA,MAAM,OAAOA,eAAQ,EAAA,CAAA;AAErB,IAAA,MAAM,iBAAoB,GAAAC,YAAA;AAAA,MACxB,IAAIC,mCAAkB,EAAA;AAAA,KACxB,CAAA;AAEA,IAAC,OAAe,iBAAoB,GAAA,iBAAA,CAAA;AAEpC,IAAA,MAAM,kBAAqB,GAAAC,YAAA,CAAS,MAAM,KAAA,CAAM,YAAY,kBAAkB,CAAA,CAAA;AAE9E,IAAA,MAAM,UAAUA,YAAS,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,MAAMC,YAAS,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,MAAMC,wBAAa,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,QAAUC,qBAAA,CAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAC/B,QAAA,OAAA;AAAA,OACF;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,7 +2,7 @@
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-var dmUi = require('@maketribe/dm-ui');
+var index = require('../upload-file/index.js');
 var materialGroup = require('./material-group.vue.js');
 var materialItem = require('./material-item.vue.js');
 var materialListOptions = require('./material-list-options.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");
@@ -115,7 +116,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     1
                     /* TEXT */
                   ),
-                  vue.createVNode(vue.unref(dmUi.MKUploadFile), {
+                  vue.createVNode(vue.unref(index.MKUploadFile), {
                     upload: _ctx.materialMan.upload,
                     accept: currentMaterialType.value.accept
                   }, {

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 \"@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":["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/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/cjs/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":["MaterialSelect"],"mappings":";;;;;;AAIA,MAAM,eAAkB,GAAAA,kBAAA;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":["MaterialSelect"],"mappings":";;;;;;AAIA,MAAM,eAAkB,GAAAA,kBAAA;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/cjs/components/material-select/material-select-api.js

@@ -19,8 +19,12 @@ async function MaterialSelect(options, appContext) {
     showDialog(
       {
         ...options,
-        onSelect: resolve,
-        cancel: reject
+        onMaterialChange: (material) => {
+          resolve({ success: true, data: material, path: material.path });
+        },
+        onCancel: () => {
+          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: 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":["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,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\";\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,9 +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<string>;
+    (options?: MKMaterialSelectOptions, appContext?: AppContext): Promise<{
+        success: boolean;
+        data: Material | null;
+        path: string;
+    }>;
     _context: AppContext | null;
 }

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

@@ -1,4 +1,4 @@
-import { MaterialMan } from "../../dataview";
+import { Material, MaterialMan } from "../../dataview";
 declare const _default: import("vue").DefineComponent<{
     materialMan: {
         readonly type: import("vue").PropType<MaterialMan>;
@@ -12,7 +12,14 @@ declare const _default: import("vue").DefineComponent<{
         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;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    materialChange: (material: Material) => boolean;
     "update:model-value": (path: any) => boolean;
     select: (path: any) => boolean;
     cancel: () => boolean;
@@ -29,9 +36,16 @@ declare const _default: import("vue").DefineComponent<{
         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;
+    };
 }>> & {
-    onCancel?: (() => any) | undefined;
     onSelect?: ((path: any) => any) | undefined;
     "onUpdate:model-value"?: ((path: any) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onMaterialChange?: ((material: Material) => any) | undefined;
 }, {}, {}>;
 export default _default;