@maketribe/ms-app 3.0.18 → 3.0.19

package/dist/cjs/components/data-model/data-table/views/table/table.js

@@ -4,6 +4,7 @@ var vue = require('vue');
 var elementPlus = require('element-plus');
 var tableOptions = require('./table-options.js');
 var index = require('../../data-table-column-component/index.js');
+var dm = require('@maketribe/dm');
 
 var Table = /* @__PURE__ */ vue.defineComponent({
   name: "MKTable",
@@ -12,6 +13,19 @@ var Table = /* @__PURE__ */ vue.defineComponent({
     slots
   }) {
     const dataTable = vue.computed(() => props.dataTable);
+    const handleSortChange = ({
+      column,
+      prop,
+      order
+    }) => {
+      let orderType = null;
+      if (order === "descending") {
+        orderType = dm.OrderType.DESC;
+      } else if (order === "ascending") {
+        orderType = dm.OrderType.ASC;
+      }
+      vue.unref(dataTable).sorter.setColumnSort(prop, orderType);
+    };
     return () => {
       const columns = vue.unref(dataTable).getColumns().filter((column) => column.visible && column.name).map((column) => {
         const columnProps = {
@@ -22,7 +36,8 @@ var Table = /* @__PURE__ */ vue.defineComponent({
           fixed: column.fixed,
           align: column.align || "center",
           reserveSelection: true,
-          type: column.type === null ? "default" : column.type
+          type: column.type === null ? "default" : column.type,
+          sortable: column.sortable
         };
         if (!column.visible) {
           return null;
@@ -49,6 +64,7 @@ var Table = /* @__PURE__ */ vue.defineComponent({
       return vue.createVNode(elementPlus.ElTable, {
         "data": vue.unref(dataTable).getList(),
         "rowKey": vue.unref(dataTable).primaryKey,
+        "onSort-change": handleSortChange,
         "show-overflow-tooltip": true,
         "border": true,
         "stripe": true

package/dist/cjs/components/data-model/data-table/views/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/table.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElEmpty, ElTable, ElTableColumn } from \"element-plus\";\nimport { tableProps } from \"./table-options\";\nimport { MKDataTableColumn } from \"../../data-table-column\";\nimport MKDataTableColumnComponent from \"../../data-table-column-component\";\n\nexport default defineComponent({\n  name: \"MKTable\",\n  props: tableProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n\n    return () => {\n      const columns = unref(dataTable)\n        .getColumns()\n        .filter((column) => column.visible && column.name)\n        .map((column) => {\n          const columnProps: Record<string, any> = {\n            prop: column.name,\n            label: column.label,\n            width: column.width,\n            minWidth: column.minWidth,\n            fixed: column.fixed,\n            align: column.align || \"center\",\n            reserveSelection: true,\n            type: column.type === null ? \"default\" : column.type,\n          };\n\n          if (!column.visible) {\n            return null;\n          }\n\n          return (\n            slots[`col-${column.name}`]?.() ?? (\n              <ElTableColumn\n                {...columnProps}\n                v-slots={{\n                  default: (scope: {\n                    $index: number;\n                    row: any;\n                    column: any;\n                  }) => {\n                    let children = slots[`col-${column.name}-content`]?.({\n                      $index: scope.$index,\n                      row: scope.row,\n                      column: column,\n                      dataTable: unref(dataTable),\n                    });\n\n                    if (children) {\n                      return children;\n                    }\n\n                    return (\n                      <MKDataTableColumnComponent\n                        column={column}\n                        row={scope.row}\n                        index={scope.$index}\n                      />\n                    );\n                  },\n                }}\n              />\n            )\n          );\n        });\n\n      return (\n        <ElTable\n          data={unref(dataTable).getList()}\n          rowKey={unref(dataTable).primaryKey}\n          show-overflow-tooltip\n          border\n          stripe\n          v-slots={{ empty: () => slots.empty?.() || <ElEmpty /> }}\n        >\n          {columns}\n        </ElTable>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","tableProps","setup","slots","dataTable","computed","columns","unref","getColumns","filter","column","visible","map","columnProps","prop","label","width","minWidth","fixed","align","reserveSelection","type","_createVNode","ElTableColumn","default","scope","children","$index","row","MKDataTableColumnComponent","ElTable","getList","primaryKey","empty","ElEmpty"],"mappings":";;;;;;;AAMA,4BAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,SAAA;AAAA,EACNC,KAAOC,EAAAA,uBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,SAAYC,GAAAA,YAAAA,CAAS,MAAML,KAAAA,CAAMI,SAAS,CAAA,CAAA;AAEhD,IAAA,OAAO,MAAM;AACX,MAAA,MAAME,OAAUC,GAAAA,SAAAA,CAAMH,SAAS,CAAA,CAC5BI,YACAC,CAAAA,MAAAA,CAAQC,CAAWA,MAAAA,KAAAA,MAAAA,CAAOC,OAAWD,IAAAA,MAAAA,CAAOX,IAAI,CAAA,CAChDa,IAAKF,CAAW,MAAA,KAAA;AACf,QAAA,MAAMG,WAAmC,GAAA;AAAA,UACvCC,MAAMJ,MAAOX,CAAAA,IAAAA;AAAAA,UACbgB,OAAOL,MAAOK,CAAAA,KAAAA;AAAAA,UACdC,OAAON,MAAOM,CAAAA,KAAAA;AAAAA,UACdC,UAAUP,MAAOO,CAAAA,QAAAA;AAAAA,UACjBC,OAAOR,MAAOQ,CAAAA,KAAAA;AAAAA,UACdC,KAAAA,EAAOT,OAAOS,KAAS,IAAA,QAAA;AAAA,UACvBC,gBAAkB,EAAA,IAAA;AAAA,UAClBC,IAAMX,EAAAA,MAAAA,CAAOW,IAAS,KAAA,IAAA,GAAO,YAAYX,MAAOW,CAAAA,IAAAA;AAAAA,SAClD,CAAA;AAEA,QAAI,IAAA,CAACX,OAAOC,OAAS,EAAA;AACnB,UAAO,OAAA,IAAA,CAAA;AAAA,SACT;AAEA,QACER,OAAAA,KAAAA,CAAO,OAAMO,MAAOX,CAAAA,IAAK,EAAC,CAAI,IAAA,IAACuB,eAAAC,CAAAA,yBAAAA,EAEvBV,WACK,EAAA;AAAA,UACPW,SAAUC,CAIJ,KAAA,KAAA;AACJ,YAAA,IAAIC,WAAWvB,KAAO,CAAA,CAAA,IAAA,EAAMO,MAAOX,CAAAA,IAAK,UAAS,CAAI,GAAA;AAAA,cACnD4B,QAAQF,KAAME,CAAAA,MAAAA;AAAAA,cACdC,KAAKH,KAAMG,CAAAA,GAAAA;AAAAA,cACXlB,MAAAA;AAAAA,cACAN,SAAAA,EAAWG,UAAMH,SAAS,CAAA;AAAA,aAC3B,CAAA,CAAA;AAED,YAAA,IAAIsB,QAAU,EAAA;AACZ,cAAOA,OAAAA,QAAAA,CAAAA;AAAAA,aACT;AAEA,YAAA,OAAAJ,gBAAAO,gCAAA,EAAA;AAAA,cAAA,QAEYnB,EAAAA,MAAAA;AAAAA,cAAM,OACTe,KAAMG,CAAAA,GAAAA;AAAAA,cAAG,SACPH,KAAME,CAAAA,MAAAA;AAAAA,eAAM,IAAA,CAAA,CAAA;AAAA,WAGzB;AAAA,SACD,CAAA,CAAA;AAAA,OAIR,CAAA,CAAA;AAEH,MAAA,OAAAL,gBAAAQ,mBAAA,EAAA;AAAA,QAAA,MAEUvB,EAAAA,SAAAA,CAAMH,SAAS,CAAA,CAAE2B,OAAQ,EAAA;AAAA,QAAC,QAAA,EACxBxB,SAAMH,CAAAA,SAAS,CAAE4B,CAAAA,UAAAA;AAAAA,QAAU,uBAAA,EAAA,IAAA;AAAA,QAAA,QAAA,EAAA,IAAA;AAAA,QAAA,QAAA,EAAA,IAAA;AAAA,OAAA,EAAA;AAAA,QAAAR,OAAAA,EAAAA,MAAA,CAMlClB,OAAO,CAAA;AAAA,QAFG2B,KAAAA,EAAOA,MAAM9B,KAAM8B,CAAAA,KAAAA,QAASX,eAAAY,CAAAA,mBAAAA,EAAA,MAAA,IAAA,CAAA;AAAA,OAAe,CAAA,CAAA;AAAA,KAK5D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"table.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/table.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { Column, ElEmpty, ElTable, ElTableColumn } from \"element-plus\";\nimport { tableProps } from \"./table-options\";\nimport { MKDataTableColumn } from \"../../data-table-column\";\nimport MKDataTableColumnComponent from \"../../data-table-column-component\";\nimport { OrderType } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKTable\",\n  props: tableProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n\n    type SortChangeEvent = { column: Column; prop: string; order: string };\n    const handleSortChange = ({ column, prop, order }: SortChangeEvent) => {\n      let orderType: OrderType | null = null;\n\n      if (order === \"descending\") {\n        orderType = OrderType.DESC;\n      } else if (order === \"ascending\") {\n        orderType = OrderType.ASC;\n      }\n\n      unref(dataTable).sorter.setColumnSort(prop, orderType);\n    };\n\n    return () => {\n      const columns = unref(dataTable)\n        .getColumns()\n        .filter((column) => column.visible && column.name)\n        .map((column) => {\n          const columnProps: Record<string, any> = {\n            prop: column.name,\n            label: column.label,\n            width: column.width,\n            minWidth: column.minWidth,\n            fixed: column.fixed,\n            align: column.align || \"center\",\n            reserveSelection: true,\n            type: column.type === null ? \"default\" : column.type,\n            sortable: column.sortable,\n          };\n\n          if (!column.visible) {\n            return null;\n          }\n\n          return (\n            slots[`col-${column.name}`]?.() ?? (\n              <ElTableColumn\n                {...columnProps}\n                v-slots={{\n                  default: (scope: {\n                    $index: number;\n                    row: any;\n                    column: any;\n                  }) => {\n                    let children = slots[`col-${column.name}-content`]?.({\n                      $index: scope.$index,\n                      row: scope.row,\n                      column: column,\n                      dataTable: unref(dataTable),\n                    });\n\n                    if (children) {\n                      return children;\n                    }\n\n                    return (\n                      <MKDataTableColumnComponent\n                        column={column}\n                        row={scope.row}\n                        index={scope.$index}\n                      />\n                    );\n                  },\n                }}\n              />\n            )\n          );\n        });\n\n      return (\n        <ElTable\n          data={unref(dataTable).getList()}\n          rowKey={unref(dataTable).primaryKey}\n          onSort-change={handleSortChange}\n          show-overflow-tooltip\n          border\n          stripe\n          v-slots={{ empty: () => slots.empty?.() || <ElEmpty /> }}\n        >\n          {columns}\n        </ElTable>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","tableProps","setup","slots","dataTable","computed","handleSortChange","column","prop","order","orderType","OrderType","DESC","ASC","unref","sorter","setColumnSort","columns","getColumns","filter","visible","map","columnProps","label","width","minWidth","fixed","align","reserveSelection","type","sortable","_createVNode","ElTableColumn","default","scope","children","$index","row","MKDataTableColumnComponent","ElTable","getList","primaryKey","empty","ElEmpty"],"mappings":"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"}

package/dist/cjs/components/form-components/form-image-upload/form-image-upload-options.d.ts

@@ -1,12 +1,5 @@
 import { ExtractPropTypes } from "vue";
-import { WebFileUpload } from "@maketribe/request";
 export declare const formImageUploadProps: {
-    upload: {
-        readonly type: import("vue").PropType<WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
     column: {
         readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
         readonly required: true;

package/dist/cjs/components/form-components/form-image-upload/form-image-upload-options.js

@@ -1,14 +1,10 @@
 'use strict';
 
 var utils = require('@maketribe/utils');
-var request = require('@maketribe/request');
 var useFormItem = require('../../data-model/data-form/composables/use-form-item.js');
 
 const formImageUploadProps = utils.buildProps({
-  ...useFormItem.columnProps,
-  upload: {
-    type: request.WebFileUpload
-  }
+  ...useFormItem.columnProps
 });
 
 exports.formImageUploadProps = formImageUploadProps;

package/dist/cjs/components/form-components/form-image-upload/form-image-upload-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-image-upload-options.js","sources":["../../../../../src/components/form-components/form-image-upload/form-image-upload-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { WebFileUpload } from \"@maketribe/request\";\nimport { columnProps } from \"../../data-model/data-form/composables\";\n\nexport const formImageUploadProps = buildProps({\n  ...columnProps,\n  upload: {\n    type: WebFileUpload,\n  },\n});\n\nexport type FormImageUploadProps = ExtractPropTypes<\n  typeof formImageUploadProps\n>;\n"],"names":["buildProps","columnProps","WebFileUpload"],"mappings":";;;;;;AAKO,MAAM,uBAAuBA,gBAAW,CAAA;AAAA,EAC7C,GAAGC,uBAAA;AAAA,EACH,MAAQ,EAAA;AAAA,IACN,IAAM,EAAAC,qBAAA;AAAA,GACR;AACF,CAAC;;;;"}
+{"version":3,"file":"form-image-upload-options.js","sources":["../../../../../src/components/form-components/form-image-upload/form-image-upload-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../data-model/data-form/composables\";\n\nexport const formImageUploadProps = buildProps({\n  ...columnProps,\n});\n\nexport type FormImageUploadProps = ExtractPropTypes<\n  typeof formImageUploadProps\n>;\n"],"names":["buildProps","columnProps"],"mappings":";;;;;AAIO,MAAM,uBAAuBA,gBAAW,CAAA;AAAA,EAC7C,GAAGC,uBAAA;AACL,CAAC;;;;"}

package/dist/cjs/components/form-components/form-image-upload/form-image-upload.d.ts

@@ -1,10 +1,4 @@
 declare const _default: import("vue").DefineComponent<{
-    upload: {
-        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
     column: {
         readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
         readonly required: true;
@@ -12,12 +6,6 @@ declare const _default: import("vue").DefineComponent<{
         __mkPropKey: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    upload: {
-        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
     column: {
         readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
         readonly required: true;

package/dist/cjs/components/form-components/form-image-upload/form-image-upload.js

@@ -3,7 +3,21 @@
 var vue = require('vue');
 var formImageUploadOptions = require('./form-image-upload-options.js');
 var useFormItem = require('../../data-model/data-form/composables/use-form-item.js');
-var index = require('../../upload-image/index.js');
+require('../../upload-file/upload-file.js');
+require('@maketribe/request');
+require('@maketribe/dm');
+require('element-plus');
+require('@maketribe/utils');
+require('../../../core/DataModelDefines.js');
+require('vue-router');
+require('@maketribe/locale');
+require('../../material-select/index.js');
+require('../../upload-file/context/material-upload-context.js');
+require('../../upload-file/context/material-upload-context-options.js');
+require('../../upload-file/context/web-file-upload-context.js');
+require('../../upload-file/context/web-file-upload-context-options.js');
+var index = require('../../upload-file/ui/upload-image/index.js');
+require('../../upload-file/upload-file-options.js');
 
 var FormImageUpload = /* @__PURE__ */ vue.defineComponent({
   name: "MKFormImageUpload",
@@ -15,7 +29,6 @@ var FormImageUpload = /* @__PURE__ */ vue.defineComponent({
     } = useFormItem.useFormItem();
     return () => {
       return vue.createVNode(index.MKUploadImage, vue.mergeProps(vue.unref(column)?.componentProps, {
-        "upload": props.upload,
         "modelValue": vue.unref(value),
         "onUpload:model-value": (v) => value.value = v
       }), null);

package/dist/cjs/components/form-components/form-image-upload/form-image-upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-image-upload.js","sources":["../../../../../src/components/form-components/form-image-upload/form-image-upload.tsx"],"sourcesContent":["import { defineComponent, unref } from \"vue\";\nimport { formImageUploadProps } from \"./form-image-upload-options\";\nimport { useFormItem } from \"../../data-model/data-form/composables\";\nimport { MKUploadImage } from \"../../upload-image\";\n\nexport default defineComponent({\n  name: \"MKFormImageUpload\",\n  props: formImageUploadProps,\n  setup(props, {}) {\n    const { column, value } = useFormItem();\n\n    return () => {\n      return (\n        <MKUploadImage\n          {...unref(column)?.componentProps}\n          upload={props.upload}\n          modelValue={unref(value)}\n          onUpload:model-value={(v: any) => (value.value = v)}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","formImageUploadProps","setup","column","value","useFormItem","_createVNode","MKUploadImage","_mergeProps","unref","componentProps","upload","v"],"mappings":";;;;;;;AAKA,sCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,mBAAA;AAAA,EACNC,KAAOC,EAAAA,2CAAAA;AAAAA,EACPC,KAAAA,CAAMF,KAAO,EAAA,EAAI,EAAA;AACf,IAAM,MAAA;AAAA,MAAEG,MAAAA;AAAAA,MAAQC,KAAAA;AAAAA,QAAUC,uBAAY,EAAA,CAAA;AAEtC,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,gBAAAC,mBAAAC,EAAAA,cAAAA,CAEQC,SAAMN,CAAAA,MAAM,GAAGO,cAAc,EAAA;AAAA,QAAA,UACzBV,KAAMW,CAAAA,MAAAA;AAAAA,QAAM,YAAA,EACRF,UAAML,KAAK,CAAA;AAAA,QAAC,sBAAA,EACDQ,CAAYR,CAAAA,KAAAA,KAAAA,CAAMA,KAAQQ,GAAAA,CAAAA;AAAAA,OAAE,GAAA,IAAA,CAAA,CAAA;AAAA,KAGzD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"form-image-upload.js","sources":["../../../../../src/components/form-components/form-image-upload/form-image-upload.tsx"],"sourcesContent":["import { defineComponent, unref } from \"vue\";\nimport { formImageUploadProps } from \"./form-image-upload-options\";\nimport { useFormItem } from \"../../data-model/data-form/composables\";\nimport { MKUploadImage } from \"../../upload-file\";\n\nexport default defineComponent({\n  name: \"MKFormImageUpload\",\n  props: formImageUploadProps,\n  setup(props, {}) {\n    const { column, value } = useFormItem();\n\n    return () => {\n      return (\n        <MKUploadImage\n          {...unref(column)?.componentProps}\n          modelValue={unref(value)}\n          onUpload:model-value={(v: any) => (value.value = v)}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","formImageUploadProps","setup","column","value","useFormItem","_createVNode","MKUploadImage","_mergeProps","unref","componentProps","v"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,sCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,mBAAA;AAAA,EACNC,KAAOC,EAAAA,2CAAAA;AAAAA,EACPC,KAAAA,CAAMF,KAAO,EAAA,EAAI,EAAA;AACf,IAAM,MAAA;AAAA,MAAEG,MAAAA;AAAAA,MAAQC,KAAAA;AAAAA,QAAUC,uBAAY,EAAA,CAAA;AAEtC,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,gBAAAC,mBAAAC,EAAAA,cAAAA,CAEQC,SAAMN,CAAAA,MAAM,GAAGO,cAAc,EAAA;AAAA,QAAA,YAAA,EACrBD,UAAML,KAAK,CAAA;AAAA,QAAC,sBAAA,EACDO,CAAYP,CAAAA,KAAAA,KAAAA,CAAMA,KAAQO,GAAAA,CAAAA;AAAAA,OAAE,GAAA,IAAA,CAAA,CAAA;AAAA,KAGzD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/cjs/components/form-components/form-image-upload/index.d.ts

@@ -1,10 +1,4 @@
 export declare const MKFormImageUpload: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
-    upload: {
-        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
     column: {
         readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
         readonly required: true;
@@ -12,12 +6,6 @@ export declare const MKFormImageUpload: import("@maketribe/utils").SFCWithInstal
         __mkPropKey: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    upload: {
-        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
     column: {
         readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
         readonly required: true;

package/dist/cjs/components/form-components/index.d.ts

@@ -5,6 +5,5 @@ export * from "./form-detail";
 export * from "./form-data-table-select";
 export * from "./form-image-upload";
 export * from "./form-detail-select";
-export * from "./form-image-list";
 export * from "./form-date-picker";
 export * from "./form-rich-text-editor";

package/dist/cjs/components/form-components/index.js

@@ -7,9 +7,8 @@ var index$3 = require('./form-detail/index.js');
 var index$4 = require('./form-data-table-select/index.js');
 var index$5 = require('./form-image-upload/index.js');
 var index$6 = require('./form-detail-select/index.js');
-var index$7 = require('./form-image-list/index.js');
-var index$8 = require('./form-date-picker/index.js');
-var index$9 = require('./form-rich-text-editor/index.js');
+var index$7 = require('./form-date-picker/index.js');
+var index$8 = require('./form-rich-text-editor/index.js');
 var formDataSelectOptions = require('./form-data-select/form-data-select-options.js');
 var formRadioBoxOptions = require('./form-radio-box/form-radio-box-options.js');
 var formDetailOptions = require('./form-detail/form-detail-options.js');
@@ -26,9 +25,8 @@ exports.MKFormDetail = index$3.MKFormDetail;
 exports.MKFormDataTableSelect = index$4.MKFormDataTableSelect;
 exports.MKFormImageUpload = index$5.MKFormImageUpload;
 exports.MKFormDetailSelect = index$6.MKFormDetailSelect;
-exports.MKFormImageList = index$7.MKFormImageList;
-exports.MKFormDatePicker = index$8.MKFormDatePicker;
-exports.MKFormRichTextEditor = index$9.MKFormRichTextEditor;
+exports.MKFormDatePicker = index$7.MKFormDatePicker;
+exports.MKFormRichTextEditor = index$8.MKFormRichTextEditor;
 exports.formDataSelectProps = formDataSelectOptions.formDataSelectProps;
 exports.radioBoxEmits = formRadioBoxOptions.radioBoxEmits;
 exports.radioBoxProps = formRadioBoxOptions.radioBoxProps;

package/dist/cjs/components/form-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/index.d.ts

@@ -7,11 +7,9 @@ export * from "./config-provider";
 export * from "./image-view";
 export * from "./video-view";
 export * from "./file-view";
-export * from "./upload-file";
 export * from "./data-table-select-dialog";
 export * from "./data-table-select";
 export * from "./data-select";
-export * from "./upload-image";
 export * from "./pagination";
 export * from "./markdown-editor";
 export * from "./rich-text-editor";
@@ -22,3 +20,4 @@ export * from "./role-permission-config";
 export * from "./image-select";
 export * from "./verify-dialog";
 export * from "./json-editor";
+export * from "./upload-file";

package/dist/cjs/components/index.js

@@ -12,42 +12,49 @@ var index$k = require('./form-components/form-detail/index.js');
 var index$l = require('./form-components/form-data-table-select/index.js');
 var index$m = require('./form-components/form-image-upload/index.js');
 var index$n = require('./form-components/form-detail-select/index.js');
-var index$o = require('./form-components/form-image-list/index.js');
-var index$p = require('./form-components/form-date-picker/index.js');
-var index$q = require('./form-components/form-rich-text-editor/index.js');
-var index$r = require('./column-components/column-action/index.js');
-var index$s = require('./column-components/column-image/index.js');
-var index$t = require('./column-components/column-text/index.js');
-var index$u = require('./column-components/column-object-mapping-text/index.js');
-var index$v = require('./column-components/column-select/index.js');
-var index$w = require('./column-components/column-json/index.js');
-var index$x = require('./column-components/column-date/index.js');
-var index$y = require('./column-components/column-switch/index.js');
-var index$z = require('./column-components/column-tag/index.js');
-var index$A = require('./condition-components/condition-input/index.js');
-var index$B = require('./condition-components/condition-date/index.js');
-var index$C = require('./condition-components/condition-number/index.js');
-var index$D = require('./condition-components/condition-select/index.js');
-var index$E = require('./svg-icon/index.js');
-var index$F = require('./config-provider/index.js');
-var index$G = require('./image-view/index.js');
-var index$H = require('./video-view/index.js');
-var index$I = require('./file-view/index.js');
-var index$J = require('./upload-file/index.js');
-var index$K = require('./data-table-select-dialog/index.js');
-var index$L = require('./data-table-select/index.js');
-var index$M = require('./data-select/index.js');
-var index$N = require('./upload-image/index.js');
-var index$O = require('./pagination/index.js');
-var index$P = require('./markdown-editor/index.js');
-var index$Q = require('./rich-text-editor/index.js');
-var index$R = require('./system-provider/index.js');
-var index$S = require('./material-list/index.js');
-var index$T = require('./material-select/index.js');
-var index$U = require('./role-permission-config/index.js');
-var index$V = require('./image-select/index.js');
-var index$W = require('./verify-dialog/index.js');
-var index$X = require('./json-editor/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('./column-components/column-json/index.js');
+var index$w = require('./column-components/column-date/index.js');
+var index$x = require('./column-components/column-switch/index.js');
+var index$y = require('./column-components/column-tag/index.js');
+var index$z = require('./condition-components/condition-input/index.js');
+var index$A = require('./condition-components/condition-date/index.js');
+var index$B = require('./condition-components/condition-number/index.js');
+var index$C = require('./condition-components/condition-select/index.js');
+var index$D = require('./svg-icon/index.js');
+var index$E = require('./config-provider/index.js');
+var index$F = require('./image-view/index.js');
+var index$G = require('./video-view/index.js');
+var index$H = require('./file-view/index.js');
+var index$I = require('./data-table-select-dialog/index.js');
+var index$J = require('./data-table-select/index.js');
+var index$K = require('./data-select/index.js');
+var index$L = require('./pagination/index.js');
+var index$M = require('./markdown-editor/index.js');
+var index$N = require('./rich-text-editor/index.js');
+var index$O = require('./system-provider/index.js');
+var index$P = require('./material-list/index.js');
+var index$Q = require('./material-select/index.js');
+var index$R = require('./role-permission-config/index.js');
+var index$S = require('./image-select/index.js');
+var index$T = require('./verify-dialog/index.js');
+var index$U = require('./json-editor/index.js');
+var uploadFile = require('./upload-file/upload-file.js');
+var UploadContext = require('./upload-file/context/UploadContext.js');
+var WebFileUploadContext = require('./upload-file/context/WebFileUploadContext.js');
+var MaterialUploadContext = require('./upload-file/context/MaterialUploadContext.js');
+var materialUploadContext = require('./upload-file/context/material-upload-context.js');
+var materialUploadContextOptions = require('./upload-file/context/material-upload-context-options.js');
+var webFileUploadContext = require('./upload-file/context/web-file-upload-context.js');
+var webFileUploadContextOptions = require('./upload-file/context/web-file-upload-context-options.js');
+var index$V = require('./upload-file/ui/upload-image/index.js');
+var uploadFileOptions = require('./upload-file/upload-file-options.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');
@@ -99,6 +106,7 @@ var markdownEditorOptions = require('./markdown-editor/markdown-editor-options.j
 var richTextEditorOptions = require('./rich-text-editor/rich-text-editor-options.js');
 var materialListOptions = require('./material-list/material-list-options.js');
 var rolePermissionConfigOptions = require('./role-permission-config/role-permission-config-options.js');
+var uploadImageOptions = require('./upload-file/ui/upload-image/upload-image-options.js');
 
 
 
@@ -114,42 +122,51 @@ exports.MKFormDetail = index$k.MKFormDetail;
 exports.MKFormDataTableSelect = index$l.MKFormDataTableSelect;
 exports.MKFormImageUpload = index$m.MKFormImageUpload;
 exports.MKFormDetailSelect = index$n.MKFormDetailSelect;
-exports.MKFormImageList = index$o.MKFormImageList;
-exports.MKFormDatePicker = index$p.MKFormDatePicker;
-exports.MKFormRichTextEditor = index$q.MKFormRichTextEditor;
-exports.MKColumnAction = index$r.MKColumnAction;
-exports.MKColumnImage = index$s.MKColumnImage;
-exports.MKColumnText = index$t.MKColumnText;
-exports.MKColumnObjectMappingText = index$u.MKColumnObjectMappingText;
-exports.MKColumnSelect = index$v.MKColumnSelect;
-exports.MKColumnJson = index$w.MKColumnJson;
-exports.MKColumnDate = index$x.MKColumnDate;
-exports.MKColumnSwitch = index$y.MKColumnSwitch;
-exports.MKColumnTag = index$z.MKColumnTag;
-exports.MKConditionInput = index$A.MKConditionInput;
-exports.MKConditionDate = index$B.MKConditionDate;
-exports.MKConditionNumber = index$C.MKConditionNumber;
-exports.MKConditionSelect = index$D.MKConditionSelect;
-exports.MKSvgIcon = index$E.MKSvgIcon;
-exports.MKConfigProvider = index$F.MKConfigProvider;
-exports.MKImageView = index$G.MKImageView;
-exports.MKVideoView = index$H.MKVideoView;
-exports.MKFileView = index$I.MKFileView;
-exports.MKUploadFile = index$J.MKUploadFile;
-exports.MKDataTableSelectDialog = index$K.MKDataTableSelectDialog;
-exports.MKDataTableSelect = index$L.MKDataTableSelect;
-exports.MKDataSelect = index$M.MKDataSelect;
-exports.MKUploadImage = index$N.MKUploadImage;
-exports.MKPagination = index$O.MKPagination;
-exports.MKMarkdownEditor = index$P.MKMarkdownEditor;
-exports.MKRichTextEditor = index$Q.MKRichTextEditor;
-exports.MKSystemProvider = index$R.MKSystemProvider;
-exports.MKMaterialList = index$S.MKMaterialList;
-exports.MKMaterialSelect = index$T.MKMaterialSelect;
-exports.MKRolePermissionConfig = index$U.MKRolePermissionConfig;
-exports.MKImageSelect = index$V.MKImageSelect;
-exports.MKVerifyDialog = index$W.MKVerifyDialog;
-exports.MKJsonEditor = index$X.MKJsonEditor;
+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.MKColumnJson = index$v.MKColumnJson;
+exports.MKColumnDate = index$w.MKColumnDate;
+exports.MKColumnSwitch = index$x.MKColumnSwitch;
+exports.MKColumnTag = index$y.MKColumnTag;
+exports.MKConditionInput = index$z.MKConditionInput;
+exports.MKConditionDate = index$A.MKConditionDate;
+exports.MKConditionNumber = index$B.MKConditionNumber;
+exports.MKConditionSelect = index$C.MKConditionSelect;
+exports.MKSvgIcon = index$D.MKSvgIcon;
+exports.MKConfigProvider = index$E.MKConfigProvider;
+exports.MKImageView = index$F.MKImageView;
+exports.MKVideoView = index$G.MKVideoView;
+exports.MKFileView = index$H.MKFileView;
+exports.MKDataTableSelectDialog = index$I.MKDataTableSelectDialog;
+exports.MKDataTableSelect = index$J.MKDataTableSelect;
+exports.MKDataSelect = index$K.MKDataSelect;
+exports.MKPagination = index$L.MKPagination;
+exports.MKMarkdownEditor = index$M.MKMarkdownEditor;
+exports.MKRichTextEditor = index$N.MKRichTextEditor;
+exports.MKSystemProvider = index$O.MKSystemProvider;
+exports.MKMaterialList = index$P.MKMaterialList;
+exports.MKMaterialSelect = index$Q.MKMaterialSelect;
+exports.MKRolePermissionConfig = index$R.MKRolePermissionConfig;
+exports.MKImageSelect = index$S.MKImageSelect;
+exports.MKVerifyDialog = index$T.MKVerifyDialog;
+exports.MKJsonEditor = index$U.MKJsonEditor;
+exports.MKUploadFile = uploadFile.MKUploadFile;
+exports.UploadContext = UploadContext.UploadContext;
+exports.UploadContextCtxKey = UploadContext.UploadContextCtxKey;
+exports.WebFileUploadContext = WebFileUploadContext.WebFileUploadContext;
+exports.MaterialUploadContext = MaterialUploadContext.MaterialUploadContext;
+exports.MKMaterialUploadContext = materialUploadContext.MKMaterialUploadContext;
+exports.materialUploadContextProps = materialUploadContextOptions.materialUploadContextProps;
+exports.MKWebFileUploadContext = webFileUploadContext.MKWebFileUploadContext;
+exports.webFileUploadContextProps = webFileUploadContextOptions.webFileUploadContextProps;
+exports.MKUploadImage = index$V.MKUploadImage;
+exports.uploadFileEmits = uploadFileOptions.uploadFileEmits;
+exports.uploadFileProps = uploadFileOptions.uploadFileProps;
 exports.dataFormEmits = dataFormOptions.dataFormEmits;
 exports.dataFormProps = dataFormOptions.dataFormProps;
 exports.dataFormItemProps = dataFormItemOptions.dataFormItemProps;
@@ -219,4 +236,6 @@ exports.materialListEmits = materialListOptions.materialListEmits;
 exports.materialListProps = materialListOptions.materialListProps;
 exports.rolePermissionConfigEmits = rolePermissionConfigOptions.rolePermissionConfigEmits;
 exports.rolePermissionConfigProps = rolePermissionConfigOptions.rolePermissionConfigProps;
+exports.uploadImageEmits = uploadImageOptions.uploadImageEmits;
+exports.uploadImageProps = uploadImageOptions.uploadImageProps;
 //# sourceMappingURL=index.js.map

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/material-list/material-list.vue2.js

@@ -2,7 +2,20 @@
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-var index = require('../upload-file/index.js');
+var uploadFile = require('../upload-file/upload-file.js');
+require('@maketribe/request');
+require('@maketribe/dm');
+require('@maketribe/utils');
+require('../../core/DataModelDefines.js');
+require('vue-router');
+require('@maketribe/locale');
+require('../material-select/index.js');
+require('../upload-file/context/material-upload-context.js');
+require('../upload-file/context/material-upload-context-options.js');
+var webFileUploadContext = require('../upload-file/context/web-file-upload-context.js');
+require('../upload-file/context/web-file-upload-context-options.js');
+require('../upload-file/ui/upload-image/index.js');
+require('../upload-file/upload-file-options.js');
 var materialGroup = require('./material-group.vue.js');
 var materialItem = require('./material-item.vue.js');
 var materialListOptions = require('./material-list-options.js');
@@ -116,18 +129,24 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     1
                     /* TEXT */
                   ),
-                  vue.createVNode(vue.unref(index.MKUploadFile), {
-                    upload: _ctx.materialMan.upload,
+                  vue.createVNode(vue.unref(webFileUploadContext.MKWebFileUploadContext), {
+                    "web-file-upload": _ctx.materialMan.upload,
                     accept: currentMaterialType.value.accept
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_component_ElButton, { type: "primary" }, {
+                      vue.createVNode(vue.unref(uploadFile.MKUploadFile), null, {
                         default: vue.withCtx(() => [
-                          vue.createTextVNode(
-                            " \u9009\u62E9" + vue.toDisplayString(currentMaterialType.value.label),
-                            1
-                            /* TEXT */
-                          )
+                          vue.createVNode(_component_ElButton, { type: "primary" }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode(
+                                " \u9009\u62E9" + vue.toDisplayString(currentMaterialType.value.label),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
                         ]),
                         _: 1
                         /* STABLE */
@@ -135,7 +154,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["upload", "accept"])
+                  }, 8, ["web-file-upload", "accept"])
                 ],
                 64
                 /* STABLE_FRAGMENT */

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.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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"}
+{"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            <MKWebFileUploadContext\n              :web-file-upload=\"materialMan.upload\"\n              :accept=\"currentMaterialType.accept\"\n            >\n              <MKUploadFile>\n                <ElButton type=\"primary\">\n                  选择{{ currentMaterialType.label }}\n                </ElButton>\n              </MKUploadFile>\n            </MKWebFileUploadContext>\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 } from \"vue\";\nimport { ElPagination } from \"element-plus\";\nimport { MKUploadFile, MKWebFileUploadContext } 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/upload-file/context/MaterialUploadContext.d.ts

@@ -0,0 +1,11 @@
+import { MaterialType } from "../../../dataview";
+import { UploadContext, UploadResult } from "./UploadContext";
+export type MaterialUploadContextOptions = {
+    allowMaterialTypeValues?: MaterialType["value"][];
+};
+export declare class MaterialUploadContext extends UploadContext {
+    allowMaterialTypeValues: MaterialType["value"][];
+    constructor(options?: MaterialUploadContextOptions);
+    setAllowMaterialTypeValues(allowMaterialTypeValues: MaterialType["value"][]): void;
+    selectFile(): Promise<UploadResult>;
+}

package/dist/cjs/components/upload-file/context/MaterialUploadContext.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var index = require('../../material-select/index.js');
+var UploadContext = require('./UploadContext.js');
+
+class MaterialUploadContext extends UploadContext.UploadContext {
+  allowMaterialTypeValues;
+  constructor(options = {}) {
+    super();
+    this.allowMaterialTypeValues = options.allowMaterialTypeValues || [];
+  }
+  setAllowMaterialTypeValues(allowMaterialTypeValues) {
+    this.allowMaterialTypeValues = allowMaterialTypeValues;
+  }
+  async selectFile() {
+    const materialSelectResult = await index.MKMaterialSelect({
+      allowMaterialTypeValues: this.allowMaterialTypeValues
+    });
+    return {
+      success: true,
+      path: materialSelectResult.path,
+      msg: ""
+    };
+  }
+}
+
+exports.MaterialUploadContext = MaterialUploadContext;
+//# sourceMappingURL=MaterialUploadContext.js.map

package/dist/cjs/components/upload-file/context/MaterialUploadContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaterialUploadContext.js","sources":["../../../../../src/components/upload-file/context/MaterialUploadContext.ts"],"sourcesContent":["import { MKMaterialSelect } from \"../../material-select\";\nimport { MaterialType } from \"../../../dataview\";\nimport { UploadContext, UploadResult } from \"./UploadContext\";\n\nexport type MaterialUploadContextOptions = {\n  allowMaterialTypeValues?: MaterialType[\"value\"][];\n};\n\nexport class MaterialUploadContext extends UploadContext {\n  allowMaterialTypeValues: MaterialType[\"value\"][];\n\n  constructor(options: MaterialUploadContextOptions = {}) {\n    super();\n\n    this.allowMaterialTypeValues = options.allowMaterialTypeValues || [];\n  }\n\n  setAllowMaterialTypeValues(allowMaterialTypeValues: MaterialType[\"value\"][]) {\n    this.allowMaterialTypeValues = allowMaterialTypeValues;\n  }\n\n  async selectFile(): Promise<UploadResult> {\n    const materialSelectResult = await MKMaterialSelect({\n      allowMaterialTypeValues: this.allowMaterialTypeValues,\n    });\n\n    return {\n      success: true,\n      path: materialSelectResult.path,\n      msg: \"\",\n    };\n  }\n}\n"],"names":["UploadContext","MKMaterialSelect"],"mappings":";;;;;AAQO,MAAM,8BAA8BA,2BAAc,CAAA;AAAA,EACvD,uBAAA,CAAA;AAAA,EAEA,WAAA,CAAY,OAAwC,GAAA,EAAI,EAAA;AACtD,IAAM,KAAA,EAAA,CAAA;AAEN,IAAK,IAAA,CAAA,uBAAA,GAA0B,OAAQ,CAAA,uBAAA,IAA2B,EAAC,CAAA;AAAA,GACrE;AAAA,EAEA,2BAA2B,uBAAkD,EAAA;AAC3E,IAAA,IAAA,CAAK,uBAA0B,GAAA,uBAAA,CAAA;AAAA,GACjC;AAAA,EAEA,MAAM,UAAoC,GAAA;AACxC,IAAM,MAAA,oBAAA,GAAuB,MAAMC,sBAAiB,CAAA;AAAA,MAClD,yBAAyB,IAAK,CAAA,uBAAA;AAAA,KAC/B,CAAA,CAAA;AAED,IAAO,OAAA;AAAA,MACL,OAAS,EAAA,IAAA;AAAA,MACT,MAAM,oBAAqB,CAAA,IAAA;AAAA,MAC3B,GAAK,EAAA,EAAA;AAAA,KACP,CAAA;AAAA,GACF;AACF;;;;"}