@maketribe/ms-app 3.0.17 → 3.0.19

package/dist/esm/components/form-components/form-image-list/form-image-list-options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-image-list-options.js","sources":["../../../../../src/components/form-components/form-image-list/form-image-list-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 formImageListProps = buildProps({\n  ...columnProps,\n  upload: {\n    type: WebFileUpload,\n  },\n  limit: {\n    type: Number,\n    default: 10,\n  },\n});\n\nexport type FormImageListProps = ExtractPropTypes<typeof formImageListProps>;\n"],"names":[],"mappings":";;;;AAKO,MAAM,qBAAqB,UAAW,CAAA;AAAA,EAC3C,GAAG,WAAA;AAAA,EACH,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,aAAA;AAAA,GACR;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAC;;;;"}

package/dist/esm/components/form-components/form-image-list/form-image-list.d.ts

@@ -1,32 +0,0 @@
-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;
-    };
-    limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-    column: {
-        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    upload: {
-        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-    limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-    column: {
-        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-}>>, {
-    limit: number;
-}, {}>;
-export default _default;

package/dist/esm/components/form-components/form-image-list/form-image-list.js

@@ -1,50 +0,0 @@
-import { defineComponent, computed, unref, createVNode } from 'vue';
-import { useFormItem } from '../../data-model/data-form/composables/use-form-item.js';
-import { MKUploadFile } from '../../upload-file/index.js';
-import { MKSvgIcon } from '../../svg-icon/index.js';
-import { formImageListProps } from './form-image-list-options.js';
-
-var FormImageList = /* @__PURE__ */ defineComponent({
-  name: "MKFormImageList",
-  props: formImageListProps,
-  setup(props) {
-    const {
-      column,
-      value
-    } = useFormItem();
-    const fileList = computed(() => unref(value)?.map?.((item) => ({
-      name: item,
-      url: item
-    })) ?? []);
-    const handleUploadSuccess = (res) => {
-      let _value = unref(value);
-      _value = Array.isArray(_value) ? [..._value] : [];
-      _value.push(res.data.data.path);
-      value.value = _value;
-    };
-    const handleRemove = (item) => {
-      value.value = unref(value).filter((path) => path !== item.url);
-    };
-    return () => {
-      return createVNode("div", {
-        "class": "img-select-list"
-      }, [createVNode(MKUploadFile, {
-        "class": "image-select-list-box",
-        "showFileList": true,
-        "fileList": unref(fileList),
-        "listType": "picture-card",
-        "upload": props.upload,
-        "onUploadSuccess": handleUploadSuccess,
-        "onRemove": handleRemove,
-        "limit": props.limit
-      }, {
-        default: () => [createVNode(MKSvgIcon, {
-          "iconClass": "Plus"
-        }, null)]
-      })]);
-    };
-  }
-});
-
-export { FormImageList as default };
-//# sourceMappingURL=form-image-list.js.map

package/dist/esm/components/form-components/form-image-list/form-image-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-image-list.js","sources":["../../../../../src/components/form-components/form-image-list/form-image-list.tsx"],"sourcesContent":["import { defineComponent, computed, unref } from \"vue\";\nimport { useFormItem } from \"../../data-model/data-form/composables\";\nimport MKUploadFile from \"../../upload-file\";\nimport { MKSvgIcon } from \"../../svg-icon\";\nimport { formImageListProps } from \"./form-image-list-options\";\nimport { UploadFile } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKFormImageList\",\n  props: formImageListProps,\n  setup(props) {\n    const { column, value } = useFormItem();\n\n    const fileList = computed(\n      () =>\n        unref(value)?.map?.((item: string) => ({ name: item, url: item })) ?? []\n    );\n\n    const handleUploadSuccess = (res: any) => {\n      let _value = unref(value);\n\n      _value = Array.isArray(_value) ? [..._value] : [];\n\n      _value.push(res.data.data.path);\n\n      value.value = _value;\n    };\n\n    const handleRemove = (item: UploadFile) => {\n      value.value = unref(value).filter((path: string) => path !== item.url);\n    };\n\n    return () => {\n      return (\n        <div class=\"img-select-list\">\n          <MKUploadFile\n            class=\"image-select-list-box\"\n            showFileList={true}\n            fileList={unref(fileList)}\n            listType=\"picture-card\"\n            upload={props.upload}\n            onUploadSuccess={handleUploadSuccess}\n            onRemove={handleRemove}\n            limit={props.limit}\n          >\n            <MKSvgIcon iconClass=\"Plus\" />\n          </MKUploadFile>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","props","formImageListProps","setup","column","value","useFormItem","fileList","computed","unref","map","item","url","handleUploadSuccess","res","_value","Array","isArray","push","data","path","handleRemove","filter","_createVNode","MKUploadFile","upload","limit","default","MKSvgIcon"],"mappings":";;;;;;AAOA,oCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,iBAAA;AAAA,EACNC,KAAOC,EAAAA,kBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAM,MAAA;AAAA,MAAEG,MAAAA;AAAAA,MAAQC,KAAAA;AAAAA,QAAUC,WAAY,EAAA,CAAA;AAEtC,IAAA,MAAMC,WAAWC,QACf,CAAA,MACEC,MAAMJ,KAAK,CAAA,EAAGK,MAAOC,CAAkB,IAAA,MAAA;AAAA,MAAEX,IAAMW,EAAAA,IAAAA;AAAAA,MAAMC,GAAKD,EAAAA,IAAAA;AAAAA,KAAK,CAAE,CAAK,IAAA,EAC1E,CAAA,CAAA;AAEA,IAAA,MAAME,sBAAuBC,CAAa,GAAA,KAAA;AACxC,MAAIC,IAAAA,MAAAA,GAASN,MAAMJ,KAAK,CAAA,CAAA;AAExBU,MAASC,MAAAA,GAAAA,KAAAA,CAAMC,QAAQF,MAAM,CAAA,GAAI,CAAC,GAAGA,MAAM,IAAI,EAAE,CAAA;AAEjDA,MAAAA,MAAAA,CAAOG,IAAKJ,CAAAA,GAAAA,CAAIK,IAAKA,CAAAA,IAAAA,CAAKC,IAAI,CAAA,CAAA;AAE9Bf,MAAAA,KAAAA,CAAMA,KAAQU,GAAAA,MAAAA,CAAAA;AAAAA,KAChB,CAAA;AAEA,IAAA,MAAMM,eAAgBV,CAAqB,IAAA,KAAA;AACzCN,MAAMA,KAAAA,CAAAA,KAAAA,GAAQI,MAAMJ,KAAK,CAAA,CAAEiB,OAAQF,CAAiBA,IAAAA,KAAAA,IAAAA,KAAST,KAAKC,GAAG,CAAA,CAAA;AAAA,KACvE,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAAW,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,iBAAA;AAAA,OAAA,EAAAA,CAAAA,WAAAA,CAAAC,YAAA,EAAA;AAAA,QAAA,OAAA,EAAA,uBAAA;AAAA,QAAA,cAIoB,EAAA,IAAA;AAAA,QAAI,UAAA,EACRf,MAAMF,QAAQ,CAAA;AAAA,QAAC,UAAA,EAAA,cAAA;AAAA,QAAA,UAEjBN,KAAMwB,CAAAA,MAAAA;AAAAA,QAAM,iBACHZ,EAAAA,mBAAAA;AAAAA,QAAmB,UAC1BQ,EAAAA,YAAAA;AAAAA,QAAY,SACfpB,KAAMyB,CAAAA,KAAAA;AAAAA,OAAK,EAAA;AAAA,QAAAC,OAAAA,EAAAA,MAAAJ,CAAAA,WAAAA,CAAAK,SAAA,EAAA;AAAA,UAAA,WAAA,EAAA,MAAA;AAAA,SAAA,EAAA,IAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAM1B,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/form-components/form-image-list/index.d.ts

@@ -1,32 +0,0 @@
-export declare const MKFormImageList: 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;
-    };
-    limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-    column: {
-        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    upload: {
-        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-    limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-    column: {
-        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-}>>, {
-    limit: number;
-}, {}>> & Record<string, any>;
-export default MKFormImageList;

package/dist/esm/components/form-components/form-image-list/index.js

@@ -1,7 +0,0 @@
-import { withInstall } from '@maketribe/utils';
-import FormImageList from './form-image-list.js';
-
-const MKFormImageList = withInstall(FormImageList);
-
-export { MKFormImageList, MKFormImageList as default };
-//# sourceMappingURL=index.js.map

package/dist/esm/components/form-components/form-image-list/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/form-components/form-image-list/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport FormImageList from \"./form-image-list\";\n\nexport const MKFormImageList = withInstall(FormImageList);\nexport default MKFormImageList;\n"],"names":[],"mappings":";;;AAGa,MAAA,eAAA,GAAkB,YAAY,aAAa;;;;"}

package/dist/esm/components/new-upload-file/MaterialUploadContext.d.ts

@@ -1,4 +0,0 @@
-import { UploadContext, UploadResult } from "./UploadContext";
-export declare class MaterialUploadContext extends UploadContext {
-    selectFile(): Promise<UploadResult>;
-}

package/dist/esm/components/new-upload-file/MaterialUploadContext.js

@@ -1,16 +0,0 @@
-import { MKMaterialSelect } from '../material-select/index.js';
-import { UploadContext } from './UploadContext.js';
-
-class MaterialUploadContext extends UploadContext {
-  async selectFile() {
-    const materialSelectResult = await MKMaterialSelect();
-    return {
-      success: materialSelectResult.success,
-      path: materialSelectResult.path,
-      msg: ""
-    };
-  }
-}
-
-export { MaterialUploadContext };
-//# sourceMappingURL=MaterialUploadContext.js.map

package/dist/esm/components/new-upload-file/MaterialUploadContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MaterialUploadContext.js","sources":["../../../../src/components/new-upload-file/MaterialUploadContext.ts"],"sourcesContent":["import { MKMaterialSelect, MaterialSelectResult } from \"../material-select\";\nimport { UploadContext, UploadResult } from \"./UploadContext\";\n\nexport class MaterialUploadContext extends UploadContext {\n  async selectFile(): Promise<UploadResult> {\n    const materialSelectResult = await MKMaterialSelect();\n\n    return {\n      success: materialSelectResult.success,\n      path: materialSelectResult.path,\n      msg: \"\",\n    };\n  }\n}\n"],"names":[],"mappings":";;;AAGO,MAAM,8BAA8B,aAAc,CAAA;AAAA,EACvD,MAAM,UAAoC,GAAA;AACxC,IAAM,MAAA,oBAAA,GAAuB,MAAM,gBAAiB,EAAA,CAAA;AAEpD,IAAO,OAAA;AAAA,MACL,SAAS,oBAAqB,CAAA,OAAA;AAAA,MAC9B,MAAM,oBAAqB,CAAA,IAAA;AAAA,MAC3B,GAAK,EAAA,EAAA;AAAA,KACP,CAAA;AAAA,GACF;AACF;;;;"}

package/dist/esm/components/new-upload-file/UploadContext.d.ts

@@ -1,8 +0,0 @@
-export type UploadResult = {
-    success: boolean;
-    path: string;
-    msg: string;
-};
-export declare class UploadContext {
-    selectFile(): Promise<UploadResult>;
-}

package/dist/esm/components/new-upload-file/UploadContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UploadContext.js","sources":["../../../../src/components/new-upload-file/UploadContext.ts"],"sourcesContent":["export type UploadResult = {\n  success: boolean;\n  path: string;\n  msg: string;\n};\n\nexport class UploadContext {\n  selectFile(): Promise<UploadResult> {\n    throw new Error();\n  }\n}\n"],"names":[],"mappings":"AAMO,MAAM,aAAc,CAAA;AAAA,EACzB,UAAoC,GAAA;AAClC,IAAA,MAAM,IAAI,KAAM,EAAA,CAAA;AAAA,GAClB;AACF;;;;"}

package/dist/esm/components/new-upload-file/WebFileUploadContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WebFileUploadContext.js","sources":["../../../../src/components/new-upload-file/WebFileUploadContext.ts"],"sourcesContent":["import { WebFileUpload } from \"@maketribe/request\";\nimport { UploadContext, UploadResult } from \"./UploadContext\";\nimport { MSAppClient } from \"../../core\";\n\nexport type WebFileUploadContextOptions = {\n  webFileUpload?: WebFileUpload;\n};\n\nexport class WebFileUploadContext extends UploadContext {\n  webFileUpload: WebFileUpload;\n\n  constructor(options: WebFileUploadContextOptions = {}) {\n    super();\n\n    this.webFileUpload =\n      options.webFileUpload ??\n      new WebFileUpload({\n        httpRequest: MSAppClient.instance!.httpRequest,\n      });\n  }\n\n  async selectFile(): Promise<UploadResult> {\n    const input = document.createElement(\"input\");\n\n    input.type = \"file\";\n    Object.assign(input.style, {\n      width: \"1px\",\n      height: \"1px\",\n      display: \"none\",\n    });\n\n    const file: File | null = await new Promise((resolve) => {\n      const handleFileChange = (event: Event) => {\n        const files = input.files;\n\n        input.parentElement?.removeChild(input);\n\n        resolve(files?.length ? files[0] : null);\n      };\n\n      input.addEventListener(\"change\", handleFileChange);\n\n      document.body.append(input);\n    });\n\n    if (!file) {\n      return { success: true, path: \"\", msg: \"\" };\n    }\n\n    const response = await this.webFileUpload.upload(file);\n\n    return {\n      success: response.data.code === 200,\n      path: response.data.data.path,\n      msg: response.data.msg,\n    };\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;AAQO,MAAM,6BAA6B,aAAc,CAAA;AAAA,EACtD,aAAA,CAAA;AAAA,EAEA,WAAA,CAAY,OAAuC,GAAA,EAAI,EAAA;AACrD,IAAM,KAAA,EAAA,CAAA;AAEN,IAAA,IAAA,CAAK,aACH,GAAA,OAAA,CAAQ,aACR,IAAA,IAAI,aAAc,CAAA;AAAA,MAChB,WAAA,EAAa,YAAY,QAAU,CAAA,WAAA;AAAA,KACpC,CAAA,CAAA;AAAA,GACL;AAAA,EAEA,MAAM,UAAoC,GAAA;AACxC,IAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,aAAA,CAAc,OAAO,CAAA,CAAA;AAE5C,IAAA,KAAA,CAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAO,MAAA,CAAA,MAAA,CAAO,MAAM,KAAO,EAAA;AAAA,MACzB,KAAO,EAAA,KAAA;AAAA,MACP,MAAQ,EAAA,KAAA;AAAA,MACR,OAAS,EAAA,MAAA;AAAA,KACV,CAAA,CAAA;AAED,IAAA,MAAM,IAAoB,GAAA,MAAM,IAAI,OAAA,CAAQ,CAAC,OAAY,KAAA;AACvD,MAAM,MAAA,gBAAA,GAAmB,CAAC,KAAiB,KAAA;AACzC,QAAA,MAAM,QAAQ,KAAM,CAAA,KAAA,CAAA;AAEpB,QAAM,KAAA,CAAA,aAAA,EAAe,YAAY,KAAK,CAAA,CAAA;AAEtC,QAAA,OAAA,CAAQ,KAAO,EAAA,MAAA,GAAS,KAAM,CAAA,CAAC,IAAI,IAAI,CAAA,CAAA;AAAA,OACzC,CAAA;AAEA,MAAM,KAAA,CAAA,gBAAA,CAAiB,UAAU,gBAAgB,CAAA,CAAA;AAEjD,MAAS,QAAA,CAAA,IAAA,CAAK,OAAO,KAAK,CAAA,CAAA;AAAA,KAC3B,CAAA,CAAA;AAED,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAA,OAAO,EAAE,OAAS,EAAA,IAAA,EAAM,IAAM,EAAA,EAAA,EAAI,KAAK,EAAG,EAAA,CAAA;AAAA,KAC5C;AAEA,IAAA,MAAM,QAAW,GAAA,MAAM,IAAK,CAAA,aAAA,CAAc,OAAO,IAAI,CAAA,CAAA;AAErD,IAAO,OAAA;AAAA,MACL,OAAA,EAAS,QAAS,CAAA,IAAA,CAAK,IAAS,KAAA,GAAA;AAAA,MAChC,IAAA,EAAM,QAAS,CAAA,IAAA,CAAK,IAAK,CAAA,IAAA;AAAA,MACzB,GAAA,EAAK,SAAS,IAAK,CAAA,GAAA;AAAA,KACrB,CAAA;AAAA,GACF;AACF;;;;"}

package/dist/esm/components/new-upload-file/upload-file-options.d.ts

@@ -1,17 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { UploadContext } from "./UploadContext";
-import { MaterialUploadContext } from "./MaterialUploadContext";
-export declare const uploadFileProps: {
-    readonly modelValue: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof UploadContext, unknown, unknown, () => MaterialUploadContext, boolean>;
-};
-export type UploadFileProps = ExtractPropTypes<typeof uploadFileProps>;
-export declare const uploadFileEmits: {
-    "upload:modelValue": (path: string) => boolean;
-};
-export type UploadFileEmits = typeof uploadFileEmits;

package/dist/esm/components/new-upload-file/upload-file-options.js

@@ -1,20 +0,0 @@
-import { buildProps } from '@maketribe/utils';
-import { UploadContext } from './UploadContext.js';
-import { MaterialUploadContext } from './MaterialUploadContext.js';
-
-const uploadFileProps = buildProps({
-  modelValue: {
-    type: String,
-    required: true
-  },
-  uploadContext: {
-    type: UploadContext,
-    default: () => new MaterialUploadContext()
-  }
-});
-const uploadFileEmits = {
-  "upload:modelValue": (path) => true
-};
-
-export { uploadFileEmits, uploadFileProps };
-//# sourceMappingURL=upload-file-options.js.map

package/dist/esm/components/new-upload-file/upload-file-options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"upload-file-options.js","sources":["../../../../src/components/new-upload-file/upload-file-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { UploadContext } from \"./UploadContext\";\nimport { MaterialUploadContext } from \"./MaterialUploadContext\";\n\nexport const uploadFileProps = buildProps({\n  modelValue: {\n    type: String,\n    required: true,\n  },\n  uploadContext: {\n    type: UploadContext,\n    default: () => new MaterialUploadContext(),\n  },\n} as const);\n\nexport type UploadFileProps = ExtractPropTypes<typeof uploadFileProps>;\n\nexport const uploadFileEmits = {\n  \"upload:modelValue\": (path: string) => true,\n};\n\nexport type UploadFileEmits = typeof uploadFileEmits;\n"],"names":[],"mappings":";;;;AAKO,MAAM,kBAAkB,UAAW,CAAA;AAAA,EACxC,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,aAAA;AAAA,IACN,OAAA,EAAS,MAAM,IAAI,qBAAsB,EAAA;AAAA,GAC3C;AACF,CAAU,EAAA;AAIH,MAAM,eAAkB,GAAA;AAAA,EAC7B,mBAAA,EAAqB,CAAC,IAAiB,KAAA,IAAA;AACzC;;;;"}

package/dist/esm/components/new-upload-file/upload-file.d.ts

@@ -1,40 +0,0 @@
-/**
- * 文件上传
- *
- * 文件上传在本后台中有两大分类
- * 1.直接上传文件
- * 2.使用素材库文件
- *
- * 文件上传的界面交互又会分为几种情况
- * 1.单文件上传（单文件上传，可能会根据。文件情况的不同，界面显示方式不一样）
- * 2.多文件上传（多文件上传基于单文件的逻辑，不过是会变成多个文件）
- *
- * 希望文件交互组件不需要用了解是直接上传文件或使用素材库。
- *
- */
-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;
-    };
-    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof import("./UploadContext").UploadContext, unknown, unknown, () => import("./MaterialUploadContext").MaterialUploadContext, boolean>;
-}, {
-    handleUpload: () => Promise<void>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "upload:modelValue": (path: string) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly modelValue: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof import("./UploadContext").UploadContext, unknown, unknown, () => import("./MaterialUploadContext").MaterialUploadContext, boolean>;
-}>> & {
-    "onUpload:modelValue"?: ((path: string) => any) | undefined;
-}, {
-    readonly uploadContext: import("./UploadContext").UploadContext;
-}, {}>;
-export default _default;

package/dist/esm/components/new-upload-file/upload-file.js

@@ -1,47 +0,0 @@
-import { defineComponent, computed, createVNode, unref } from 'vue';
-import { uploadFileProps, uploadFileEmits } from './upload-file-options.js';
-import { ElMessage } from 'element-plus';
-
-var uploadFile = /* @__PURE__ */ defineComponent({
-  name: "MKUploadFile",
-  props: uploadFileProps,
-  emits: uploadFileEmits,
-  setup(props, {
-    emit
-  }) {
-    const value = computed({
-      get: () => props.modelValue,
-      set: (v) => emit("upload:modelValue", v)
-    });
-    const uploadContext = computed(() => props.uploadContext);
-    const handleUpload = async () => {
-      try {
-        const uploadResult = await unref(uploadContext).selectFile();
-        if (uploadResult.success) {
-          value.value = uploadResult.path;
-          return;
-        }
-        ElMessage.error(uploadResult.msg);
-      } catch (e) {
-        console.error(e);
-        ElMessage.error("\u7F51\u7EDC\u5F02\u5E38");
-      }
-    };
-    return {
-      handleUpload
-    };
-  },
-  render() {
-    const {
-      handleUpload,
-      $slots
-    } = this;
-    return createVNode("div", {
-      "class": "mk-upload-file",
-      "onClick": handleUpload
-    }, [$slots.default?.()]);
-  }
-});
-
-export { uploadFile as default };
-//# sourceMappingURL=upload-file.js.map

package/dist/esm/components/new-upload-file/upload-file.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"upload-file.js","sources":["../../../../src/components/new-upload-file/upload-file.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { uploadFileEmits, uploadFileProps } from \"./upload-file-options\";\nimport { ElMessage } from \"element-plus\";\n\n/**\n * 文件上传\n *\n * 文件上传在本后台中有两大分类\n * 1.直接上传文件\n * 2.使用素材库文件\n *\n * 文件上传的界面交互又会分为几种情况\n * 1.单文件上传（单文件上传，可能会根据。文件情况的不同，界面显示方式不一样）\n * 2.多文件上传（多文件上传基于单文件的逻辑，不过是会变成多个文件）\n *\n * 希望文件交互组件不需要用了解是直接上传文件或使用素材库。\n *\n */\n\nexport default defineComponent({\n  name: \"MKUploadFile\",\n  props: uploadFileProps,\n  emits: uploadFileEmits,\n  setup(props, { emit }) {\n    const value = computed({\n      get: () => props.modelValue,\n      set: (v: string) => emit(\"upload:modelValue\", v),\n    });\n\n    const uploadContext = computed(() => props.uploadContext);\n\n    const handleUpload = async () => {\n      try {\n        const uploadResult = await unref(uploadContext).selectFile();\n\n        if (uploadResult.success) {\n          value.value = uploadResult.path;\n          return;\n        }\n\n        ElMessage.error(uploadResult.msg);\n      } catch (e) {\n        console.error(e);\n        ElMessage.error(\"网络异常\");\n      }\n    };\n\n    return {\n      handleUpload,\n    };\n  },\n  render() {\n    const { handleUpload, $slots } = this;\n\n    return (\n      <div class=\"mk-upload-file\" onClick={handleUpload}>\n        {$slots.default?.()}\n      </div>\n    );\n  },\n});\n"],"names":["name","props","uploadFileProps","emits","uploadFileEmits","setup","emit","value","computed","get","modelValue","set","v","uploadContext","handleUpload","uploadResult","unref","selectFile","success","path","ElMessage","error","msg","e","console","render","$slots","_createVNode","default"],"mappings":";;;;AAmBA,iCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,cAAA;AAAA,EACNC,KAAOC,EAAAA,eAAAA;AAAAA,EACPC,KAAOC,EAAAA,eAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMC,QAAQC,QAAS,CAAA;AAAA,MACrBC,GAAAA,EAAKA,MAAMR,KAAMS,CAAAA,UAAAA;AAAAA,MACjBC,GAAMC,EAAAA,CAAAA,CAAAA,KAAcN,IAAK,CAAA,mBAAA,EAAqBM,CAAC,CAAA;AAAA,KAChD,CAAA,CAAA;AAED,IAAA,MAAMC,aAAgBL,GAAAA,QAAAA,CAAS,MAAMP,KAAAA,CAAMY,aAAa,CAAA,CAAA;AAExD,IAAA,MAAMC,eAAe,YAAY;AAC/B,MAAI,IAAA;AACF,QAAA,MAAMC,YAAe,GAAA,MAAMC,KAAMH,CAAAA,aAAa,EAAEI,UAAW,EAAA,CAAA;AAE3D,QAAA,IAAIF,aAAaG,OAAS,EAAA;AACxBX,UAAAA,KAAAA,CAAMA,QAAQQ,YAAaI,CAAAA,IAAAA,CAAAA;AAC3B,UAAA,OAAA;AAAA,SACF;AAEAC,QAAUC,SAAAA,CAAAA,KAAAA,CAAMN,aAAaO,GAAG,CAAA,CAAA;AAAA,eACzBC,CAAG,EAAA;AACVC,QAAAA,OAAAA,CAAQH,MAAME,CAAC,CAAA,CAAA;AACfH,QAAAA,SAAAA,CAAUC,MAAM,0BAAM,CAAA,CAAA;AAAA,OACxB;AAAA,KACF,CAAA;AAEA,IAAO,OAAA;AAAA,MACLP,YAAAA;AAAAA,KACF,CAAA;AAAA,GACF;AAAA,EACAW,MAAS,GAAA;AACP,IAAM,MAAA;AAAA,MAAEX,YAAAA;AAAAA,MAAcY,MAAAA;AAAAA,KAAW,GAAA,IAAA,CAAA;AAEjC,IAAA,OAAAC,YAAA,KAAA,EAAA;AAAA,MAAA,OAAA,EAAA,gBAAA;AAAA,MAAA,SACuCb,EAAAA,YAAAA;AAAAA,KAAY,EAAA,CAC9CY,MAAOE,CAAAA,OAAAA,IAAW,CAAA,CAAA,CAAA;AAAA,GAGzB;AACF,CAAC,CAAA;;;;"}

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

@@ -1,36 +0,0 @@
-export declare const MKUploadImage: import("vue").DefineComponent<{
-    size: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
-    upload: {
-        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-    modelValue: {
-        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, {
-    "update:model-value": (modelValue: any) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
-    upload: {
-        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-    modelValue: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-}>> & {
-    "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
-}, {
-    size: string;
-}, {}>;
-export default MKUploadImage;

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

@@ -1,6 +0,0 @@
-import UploadImage from './upload-image.js';
-
-const MKUploadImage = UploadImage;
-
-export { MKUploadImage, MKUploadImage as default };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/upload-image/index.ts"],"sourcesContent":["import UploadImage from \"./upload-image\";\n\nexport const MKUploadImage = UploadImage;\n\nexport default MKUploadImage;\n"],"names":[],"mappings":";;AAEO,MAAM,aAAgB,GAAA;;;;"}

package/dist/esm/components/upload-image/upload-image-options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"upload-image-options.js","sources":["../../../../src/components/upload-image/upload-image-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { WebFileUpload } from \"@maketribe/request\";\n\nexport const uploadImageProps = buildProps({\n  size: {\n    type: String,\n    default: \"150px\",\n  },\n  upload: {\n    type: WebFileUpload,\n  },\n  modelValue: {\n    type: String,\n  },\n});\n\nexport type UploadImageProps = ExtractPropTypes<typeof uploadImageProps>;\n\nexport const uploadImageEmits = {\n  \"update:model-value\": (modelValue: any) => true,\n};\n\nexport type UploadImageEmits = typeof uploadImageEmits;\n"],"names":[],"mappings":";;;AAIO,MAAM,mBAAmB,UAAW,CAAA;AAAA,EACzC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,aAAA;AAAA,GACR;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AACF,CAAC,EAAA;AAIM,MAAM,gBAAmB,GAAA;AAAA,EAC9B,oBAAA,EAAsB,CAAC,UAAoB,KAAA,IAAA;AAC7C;;;;"}

package/dist/esm/components/upload-image/upload-image.d.ts

@@ -1,36 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    size: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
-    upload: {
-        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-    modelValue: {
-        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, {
-    "update:model-value": (modelValue: any) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
-    upload: {
-        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-    modelValue: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-}>> & {
-    "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
-}, {
-    size: string;
-}, {}>;
-export default _default;

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

@@ -1,58 +0,0 @@
-import { defineComponent, computed, unref, createVNode, isVNode } from 'vue';
-import { MKUploadFile } from '../upload-file/index.js';
-import { MKSvgIcon } from '../svg-icon/index.js';
-import { uploadImageProps, uploadImageEmits } from './upload-image-options.js';
-import { ElImage } from 'element-plus';
-
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-var UploadImage = /* @__PURE__ */ defineComponent({
-  name: "MKUploadImage",
-  props: uploadImageProps,
-  emits: uploadImageEmits,
-  setup(props, {
-    emit
-  }) {
-    const modelValue = computed({
-      get: () => props.modelValue,
-      set: (v) => emit("update:model-value", v)
-    });
-    const style = computed(() => ({
-      "--mk-upload-image-size": props.size
-    }));
-    const handleDelete = () => {
-      modelValue.value = "";
-    };
-    return () => {
-      const content = unref(modelValue) ? createVNode(ElImage, {
-        "src": unref(modelValue),
-        "fit": "contain"
-      }, null) : createVNode("div", {
-        "class": "mk-upload-image__select"
-      }, [createVNode(MKSvgIcon, {
-        "iconClass": "Plus"
-      }, null)]);
-      return createVNode("div", {
-        "class": ["mk-upload-image", unref(modelValue) ? "is-image" : ""],
-        "style": unref(style)
-      }, [createVNode(MKUploadFile, {
-        "class": "mk-upload-image__upload",
-        "upload": props.upload,
-        "listType": "picture-card",
-        "onUploadSuccess": (res) => modelValue.value = res.data.data.path
-      }, _isSlot(content) ? content : {
-        default: () => [content]
-      }), createVNode("div", {
-        "class": "mk-upload-image__mask"
-      }, [createVNode("span", {
-        "onClick": handleDelete
-      }, [createVNode(MKSvgIcon, {
-        "iconClass": "Delete"
-      }, null)])])]);
-    };
-  }
-});
-
-export { UploadImage as default };
-//# sourceMappingURL=upload-image.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"upload-image.js","sources":["../../../../src/components/upload-image/upload-image.tsx"],"sourcesContent":["import { ComputedRef, StyleValue, computed, defineComponent, unref } from \"vue\";\nimport MKUploadFile from \"../upload-file\";\nimport MKSvgIcon from \"../svg-icon\";\nimport { uploadImageEmits, uploadImageProps } from \"./upload-image-options\";\nimport { ElImage } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKUploadImage\",\n  props: uploadImageProps,\n  emits: uploadImageEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v: any) => emit(\"update:model-value\", v),\n    });\n\n    const style: ComputedRef<StyleValue> = computed(() => ({\n      \"--mk-upload-image-size\": props.size,\n    }));\n\n    const handleDelete = () => {\n      modelValue.value = \"\";\n    };\n\n    return () => {\n      const content = unref(modelValue) ? (\n        <ElImage src={unref(modelValue)} fit=\"contain\" />\n      ) : (\n        <div class=\"mk-upload-image__select\">\n          <MKSvgIcon iconClass=\"Plus\" />\n        </div>\n      );\n\n      return (\n        <div\n          class={[\"mk-upload-image\", unref(modelValue) ? \"is-image\" : \"\"]}\n          style={unref(style)}\n        >\n          <MKUploadFile\n            class=\"mk-upload-image__upload\"\n            upload={props.upload}\n            listType=\"picture-card\"\n            onUploadSuccess={(res: any) =>\n              (modelValue.value = res.data.data.path)\n            }\n          >\n            {content}\n          </MKUploadFile>\n          <div class=\"mk-upload-image__mask\">\n            <span onClick={handleDelete}>\n              <MKSvgIcon iconClass=\"Delete\" />\n            </span>\n          </div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","uploadImageProps","emits","uploadImageEmits","setup","emit","modelValue","computed","get","set","v","style","size","handleDelete","value","content","unref","_createVNode","ElImage","MKSvgIcon","MKUploadFile","upload","res","data","path","default"],"mappings":";;;;;;AAIuC,SAAAA,QAAAC,CAAA,EAAA;AAAA,EAAA,OAAA,OAAAA,CAAAA,KAAA,UAAAC,IAAAA,MAAAA,CAAAC,SAAAC,CAAAA,QAAAA,CAAAC,IAAAJ,CAAAA,CAAA,CAAAK,KAAAA,iBAAAA,IAAAA,CAAAA,OAAAA,CAAAL,CAAA,CAAA,CAAA;AAAA,CAAA;AAEvC,kCAA+B,eAAA,CAAA;AAAA,EAC7BM,IAAM,EAAA,eAAA;AAAA,EACNC,KAAOC,EAAAA,gBAAAA;AAAAA,EACPC,KAAOC,EAAAA,gBAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMC,aAAaC,QAAS,CAAA;AAAA,MAC1BC,GAAAA,EAAKA,MAAMR,KAAMM,CAAAA,UAAAA;AAAAA,MACjBG,GAAMC,EAAAA,CAAAA,CAAAA,KAAWL,IAAK,CAAA,oBAAA,EAAsBK,CAAC,CAAA;AAAA,KAC9C,CAAA,CAAA;AAED,IAAMC,MAAAA,KAAAA,GAAiCJ,SAAS,OAAO;AAAA,MACrD,0BAA0BP,KAAMY,CAAAA,IAAAA;AAAAA,KAChC,CAAA,CAAA,CAAA;AAEF,IAAA,MAAMC,eAAeA,MAAM;AACzBP,MAAAA,UAAAA,CAAWQ,KAAQ,GAAA,EAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,MAAMC,OAAUC,GAAAA,KAAAA,CAAMV,UAAU,CAAA,GAACW,YAAAC,OAAA,EAAA;AAAA,QAAA,KAAA,EACjBF,MAAMV,UAAU,CAAA;AAAA,QAAC,KAAA,EAAA,SAAA;AAAA,OAAA,EAAA,IAAA,CAAAW,GAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,yBAAA;AAAA,OAAA,EAAAA,CAAAA,WAAAA,CAAAE,SAAA,EAAA;AAAA,QAAA,WAAA,EAAA,MAAA;AAAA,OAAA,EAKhC,IAAA,CAAA,CAAA,CAAA,CAAA;AAED,MAAA,OAAAF,YAAA,KAAA,EAAA;AAAA,QAAA,SAEW,CAAC,iBAAA,EAAmBD,MAAMV,UAAU,CAAA,GAAI,aAAa,EAAE,CAAA;AAAA,QAAC,OAAA,EACxDU,MAAML,KAAK,CAAA;AAAA,OAAC,EAAAM,CAAAA,WAAAA,CAAAG,YAAA,EAAA;AAAA,QAAA,OAAA,EAAA,yBAAA;AAAA,QAAA,UAITpB,KAAMqB,CAAAA,MAAAA;AAAAA,QAAM,UAAA,EAAA,cAAA;AAAA,QAAA,mBAEFC,CACfhB,GAAAA,KAAAA,UAAAA,CAAWQ,KAAQQ,GAAAA,GAAAA,CAAIC,KAAKA,IAAKC,CAAAA,IAAAA;AAAAA,OAAKhC,EAAAA,OAAAA,CAGxCuB,OAAO,CAAA,GAAPA,OAAO,GAAA;AAAA,QAAAU,OAAAA,EAAAA,MAAA,CAAPV,OAAO,CAAA;AAAA,OAAA,CAAAE,EAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,uBAAA;AAAA,OAAA,EAAA,CAAAA,WAAAA,CAAA,MAAA,EAAA;AAAA,QAAA,SAGOJ,EAAAA,YAAAA;AAAAA,OAAY,EAAAI,CAAAA,WAAAA,CAAAE,SAAA,EAAA;AAAA,QAAA,WAAA,EAAA,QAAA;AAAA,SAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAMnC,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/src/components/form-components/form-image-list/form-image-list-options.ts

@@ -1,17 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { buildProps } from "@maketribe/utils";
-import { WebFileUpload } from "@maketribe/request";
-import { columnProps } from "../../data-model/data-form/composables";
-
-export const formImageListProps = buildProps({
-  ...columnProps,
-  upload: {
-    type: WebFileUpload,
-  },
-  limit: {
-    type: Number,
-    default: 10,
-  },
-});
-
-export type FormImageListProps = ExtractPropTypes<typeof formImageListProps>;

package/src/components/form-components/form-image-list/form-image-list.tsx

@@ -1,52 +0,0 @@
-import { defineComponent, computed, unref } from "vue";
-import { useFormItem } from "../../data-model/data-form/composables";
-import MKUploadFile from "../../upload-file";
-import { MKSvgIcon } from "../../svg-icon";
-import { formImageListProps } from "./form-image-list-options";
-import { UploadFile } from "element-plus";
-
-export default defineComponent({
-  name: "MKFormImageList",
-  props: formImageListProps,
-  setup(props) {
-    const { column, value } = useFormItem();
-
-    const fileList = computed(
-      () =>
-        unref(value)?.map?.((item: string) => ({ name: item, url: item })) ?? []
-    );
-
-    const handleUploadSuccess = (res: any) => {
-      let _value = unref(value);
-
-      _value = Array.isArray(_value) ? [..._value] : [];
-
-      _value.push(res.data.data.path);
-
-      value.value = _value;
-    };
-
-    const handleRemove = (item: UploadFile) => {
-      value.value = unref(value).filter((path: string) => path !== item.url);
-    };
-
-    return () => {
-      return (
-        <div class="img-select-list">
-          <MKUploadFile
-            class="image-select-list-box"
-            showFileList={true}
-            fileList={unref(fileList)}
-            listType="picture-card"
-            upload={props.upload}
-            onUploadSuccess={handleUploadSuccess}
-            onRemove={handleRemove}
-            limit={props.limit}
-          >
-            <MKSvgIcon iconClass="Plus" />
-          </MKUploadFile>
-        </div>
-      );
-    };
-  },
-});

package/src/components/form-components/form-image-list/index.ts

@@ -1,5 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import FormImageList from "./form-image-list";
-
-export const MKFormImageList = withInstall(FormImageList);
-export default MKFormImageList;

package/src/components/new-upload-file/MaterialUploadContext.ts

@@ -1,14 +0,0 @@
-import { MKMaterialSelect, MaterialSelectResult } from "../material-select";
-import { UploadContext, UploadResult } from "./UploadContext";
-
-export class MaterialUploadContext extends UploadContext {
-  async selectFile(): Promise<UploadResult> {
-    const materialSelectResult = await MKMaterialSelect();
-
-    return {
-      success: materialSelectResult.success,
-      path: materialSelectResult.path,
-      msg: "",
-    };
-  }
-}

package/src/components/new-upload-file/UploadContext.ts

@@ -1,11 +0,0 @@
-export type UploadResult = {
-  success: boolean;
-  path: string;
-  msg: string;
-};
-
-export class UploadContext {
-  selectFile(): Promise<UploadResult> {
-    throw new Error();
-  }
-}

package/src/components/new-upload-file/upload-file-options.ts

@@ -1,23 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { buildProps } from "@maketribe/utils";
-import { UploadContext } from "./UploadContext";
-import { MaterialUploadContext } from "./MaterialUploadContext";
-
-export const uploadFileProps = buildProps({
-  modelValue: {
-    type: String,
-    required: true,
-  },
-  uploadContext: {
-    type: UploadContext,
-    default: () => new MaterialUploadContext(),
-  },
-} as const);
-
-export type UploadFileProps = ExtractPropTypes<typeof uploadFileProps>;
-
-export const uploadFileEmits = {
-  "upload:modelValue": (path: string) => true,
-};
-
-export type UploadFileEmits = typeof uploadFileEmits;