@ibiz-template/mob-vue3-components 0.7.41-alpha.11 → 0.7.41-alpha.12

package/es/editor/upload/use/use-ibiz-upload.d.ts

@@ -1,95 +0,0 @@
-import { Ref } from 'vue';
-import { UploadEditorController } from '../upload-editor.controller';
-export type FileInfo = {
-    name: string;
-    id: string;
-    status?: 'uploading' | 'finished' | 'fail' | 'cancel';
-    percentage?: number;
-    url?: string;
-    /**
-     * 文件名（不带后缀）
-     */
-    fileName?: string;
-    /**
-     * 文件类型（拓展名）
-     */
-    fileExt?: string;
-    /**
-     * 是否是图片
-     */
-    isImage?: boolean;
-};
-/**
- * 格式化文件信息
- *
- * @author lxm
- * @date 2022-11-18 15:11:38
- * @param {FileInfo} file
- */
-export declare function formatFileInfo(file: FileInfo, downloadUrl: string): FileInfo;
-/**
- * 文件上传组件初始化，解析props并得到downloadUrl、uploadUrl、fileList
- *
- * @author lxm
- * @date 2022-11-21 10:11:01
- * @export
- * @param {{
- *   data: Ref<IData>;
- *   value: Ref<string>;
- *   controller: Ref<UploadEditorController>;
- * }} props
- * @returns {*}
- */
-export declare function useIBizUploadInit(props: {
-    data: Ref<IData>;
-    value: Ref<string | undefined>;
-    controller: Ref<UploadEditorController>;
-}): {
-    downloadUrl: Ref<string>;
-    uploadUrl: Ref<string>;
-    valueList: Ref<FileInfo[]>;
-};
-/**
- * 使用文件上传功能，传递外部已存在的文件集合，上传下载基础路径
- *
- * @author lxm
- * @date 2022-11-21 10:11:01
- * @export
- * @param {{
- *   downloadUrl: Ref<string>;
- *   uploadUrl: Ref<string>;
- *   value: Ref<
- *     {
- *       name: string;
- *       id: string;
- *       url?: string;
- *     }[]
- *   >;
- * }} opts
- * @returns {*}
- */
-export declare function useIBizUpload(opts: {
-    downloadUrl: Ref<string>;
-    uploadUrl: Ref<string>;
-    value: Ref<{
-        name: string;
-        id: string;
-        url?: string;
-    }[]>;
-    multiple?: boolean;
-    accept?: string;
-}): {
-    selectFile: () => void;
-    fileList: Ref<{
-        name: string;
-        id: string;
-        status?: 'uploading' | 'finished' | 'fail' | 'cancel' | undefined;
-        percentage?: number | undefined;
-        url?: string | undefined;
-        fileName?: string | undefined;
-        fileExt?: string | undefined;
-        isImage?: boolean | undefined;
-    }[]>;
-    uploadState: Ref<'loading' | 'undo' | 'done'>;
-};
-export declare function openImagePreview(file: FileInfo): Promise<void>;

package/es/editor/upload/use/use-ibiz-upload.mjs

@@ -1,170 +0,0 @@
-import { isImage, uploadFile } from '@ibiz-template/core';
-import { ref, watch } from 'vue';
-
-"use strict";
-function formatFileInfo(file, downloadUrl) {
-  file.url = downloadUrl.replace("%fileId%", file.id);
-  if (!file.status) {
-    file.status = "finished";
-  }
-  if (!file.fileName) {
-    const index = file.name.lastIndexOf(".");
-    file.fileName = file.name.substring(0, index);
-    file.fileExt = file.name.substring(index);
-    file.isImage = isImage(file.name);
-  }
-  return file;
-}
-function useIBizUploadInit(props) {
-  const uploadUrl = ref("");
-  const downloadUrl = ref("");
-  const valueList = ref([]);
-  watch(
-    props.data,
-    (newVal) => {
-      if (newVal) {
-        const urls = ibiz.util.file.calcFileUpDownUrl(
-          props.controller.value.context,
-          props.controller.value.params,
-          newVal,
-          props.controller.value.editorParams
-        );
-        uploadUrl.value = urls.uploadUrl;
-        downloadUrl.value = urls.downloadUrl;
-      }
-    },
-    { immediate: true, deep: true }
-  );
-  watch(
-    props.value,
-    (newVal) => {
-      valueList.value = !newVal ? [] : JSON.parse(newVal);
-      if (valueList.value.length && downloadUrl.value) {
-        valueList.value.forEach((file) => {
-          formatFileInfo(file, downloadUrl.value);
-        });
-      }
-    },
-    { immediate: true }
-  );
-  watch(
-    downloadUrl,
-    (newVal) => {
-      if (newVal && valueList.value.length) {
-        valueList.value.forEach((file) => {
-          formatFileInfo(file, newVal);
-        });
-      }
-    },
-    { immediate: true }
-  );
-  return {
-    downloadUrl,
-    uploadUrl,
-    valueList
-  };
-}
-function useIBizUpload(opts) {
-  const uploadState = ref("undo");
-  const fileList = ref([]);
-  const { downloadUrl, value, uploadUrl } = opts;
-  watch(
-    value,
-    (newVal) => {
-      if (newVal.length > 0) {
-        fileList.value = [];
-        newVal.forEach((item) => {
-          fileList.value.push(formatFileInfo(item, downloadUrl.value));
-        });
-      }
-    },
-    {
-      immediate: true,
-      deep: true
-    }
-  );
-  const beforeUpload = (fileData, files) => {
-    files.forEach((file) => {
-      fileList.value.push({
-        name: file.name,
-        status: file.status,
-        percentage: file.percentage,
-        id: file.uid,
-        url: ""
-      });
-    });
-    return true;
-  };
-  const onProgress = (files) => {
-    files.forEach((file) => {
-      fileList.value.find((item) => {
-        if (item.id === file.uid) {
-          item.percentage = file.percentage;
-          return true;
-        }
-        return false;
-      });
-    });
-  };
-  const onSuccess = (resultFiles, res) => {
-    resultFiles.forEach((file) => {
-      fileList.value.find((item) => {
-        if (item.id === file.uid) {
-          item.status = file.status;
-          item.id = res.data.fileid;
-          item.name = res.data.filename;
-          formatFileInfo(item, downloadUrl.value);
-          return true;
-        }
-        return false;
-      });
-    });
-  };
-  const onError = (resultFiles, error) => {
-    resultFiles.forEach((file) => {
-      fileList.value.find((item) => {
-        if (item.id === file.uid) {
-          item.status = file.status;
-          return true;
-        }
-        return false;
-      });
-    });
-    console.error(error);
-  };
-  const onFinish = (_resultFiles) => {
-    fileList.value = fileList.value.filter((file) => file.status === "finished");
-    uploadState.value = "done";
-  };
-  const selectFile = () => {
-    uploadFile({
-      multiple: opts.multiple,
-      accept: opts.accept,
-      uploadUrl: uploadUrl.value,
-      beforeUpload,
-      progress: onProgress,
-      success: onSuccess,
-      error: onError,
-      finish: onFinish
-    });
-  };
-  return {
-    selectFile,
-    fileList,
-    uploadState
-  };
-}
-function openImagePreview(file) {
-  return ibiz.overlay.modal(
-    "ImagePreview",
-    { file },
-    {
-      width: "auto",
-      height: "auto",
-      placement: "center",
-      modalClass: "ibiz-image-preview-modal"
-    }
-  );
-}
-
-export { formatFileInfo, openImagePreview, useIBizUpload, useIBizUploadInit };

package/lib/editor/upload/use/use-ibiz-upload.cjs

@@ -1,175 +0,0 @@
-'use strict';
-
-var core = require('@ibiz-template/core');
-var vue = require('vue');
-
-"use strict";
-function formatFileInfo(file, downloadUrl) {
-  file.url = downloadUrl.replace("%fileId%", file.id);
-  if (!file.status) {
-    file.status = "finished";
-  }
-  if (!file.fileName) {
-    const index = file.name.lastIndexOf(".");
-    file.fileName = file.name.substring(0, index);
-    file.fileExt = file.name.substring(index);
-    file.isImage = core.isImage(file.name);
-  }
-  return file;
-}
-function useIBizUploadInit(props) {
-  const uploadUrl = vue.ref("");
-  const downloadUrl = vue.ref("");
-  const valueList = vue.ref([]);
-  vue.watch(
-    props.data,
-    (newVal) => {
-      if (newVal) {
-        const urls = ibiz.util.file.calcFileUpDownUrl(
-          props.controller.value.context,
-          props.controller.value.params,
-          newVal,
-          props.controller.value.editorParams
-        );
-        uploadUrl.value = urls.uploadUrl;
-        downloadUrl.value = urls.downloadUrl;
-      }
-    },
-    { immediate: true, deep: true }
-  );
-  vue.watch(
-    props.value,
-    (newVal) => {
-      valueList.value = !newVal ? [] : JSON.parse(newVal);
-      if (valueList.value.length && downloadUrl.value) {
-        valueList.value.forEach((file) => {
-          formatFileInfo(file, downloadUrl.value);
-        });
-      }
-    },
-    { immediate: true }
-  );
-  vue.watch(
-    downloadUrl,
-    (newVal) => {
-      if (newVal && valueList.value.length) {
-        valueList.value.forEach((file) => {
-          formatFileInfo(file, newVal);
-        });
-      }
-    },
-    { immediate: true }
-  );
-  return {
-    downloadUrl,
-    uploadUrl,
-    valueList
-  };
-}
-function useIBizUpload(opts) {
-  const uploadState = vue.ref("undo");
-  const fileList = vue.ref([]);
-  const { downloadUrl, value, uploadUrl } = opts;
-  vue.watch(
-    value,
-    (newVal) => {
-      if (newVal.length > 0) {
-        fileList.value = [];
-        newVal.forEach((item) => {
-          fileList.value.push(formatFileInfo(item, downloadUrl.value));
-        });
-      }
-    },
-    {
-      immediate: true,
-      deep: true
-    }
-  );
-  const beforeUpload = (fileData, files) => {
-    files.forEach((file) => {
-      fileList.value.push({
-        name: file.name,
-        status: file.status,
-        percentage: file.percentage,
-        id: file.uid,
-        url: ""
-      });
-    });
-    return true;
-  };
-  const onProgress = (files) => {
-    files.forEach((file) => {
-      fileList.value.find((item) => {
-        if (item.id === file.uid) {
-          item.percentage = file.percentage;
-          return true;
-        }
-        return false;
-      });
-    });
-  };
-  const onSuccess = (resultFiles, res) => {
-    resultFiles.forEach((file) => {
-      fileList.value.find((item) => {
-        if (item.id === file.uid) {
-          item.status = file.status;
-          item.id = res.data.fileid;
-          item.name = res.data.filename;
-          formatFileInfo(item, downloadUrl.value);
-          return true;
-        }
-        return false;
-      });
-    });
-  };
-  const onError = (resultFiles, error) => {
-    resultFiles.forEach((file) => {
-      fileList.value.find((item) => {
-        if (item.id === file.uid) {
-          item.status = file.status;
-          return true;
-        }
-        return false;
-      });
-    });
-    console.error(error);
-  };
-  const onFinish = (_resultFiles) => {
-    fileList.value = fileList.value.filter((file) => file.status === "finished");
-    uploadState.value = "done";
-  };
-  const selectFile = () => {
-    core.uploadFile({
-      multiple: opts.multiple,
-      accept: opts.accept,
-      uploadUrl: uploadUrl.value,
-      beforeUpload,
-      progress: onProgress,
-      success: onSuccess,
-      error: onError,
-      finish: onFinish
-    });
-  };
-  return {
-    selectFile,
-    fileList,
-    uploadState
-  };
-}
-function openImagePreview(file) {
-  return ibiz.overlay.modal(
-    "ImagePreview",
-    { file },
-    {
-      width: "auto",
-      height: "auto",
-      placement: "center",
-      modalClass: "ibiz-image-preview-modal"
-    }
-  );
-}
-
-exports.formatFileInfo = formatFileInfo;
-exports.openImagePreview = openImagePreview;
-exports.useIBizUpload = useIBizUpload;
-exports.useIBizUploadInit = useIBizUploadInit;