agilebuilder-ui 1.0.71-tmp7 → 1.0.72

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agilebuilder-ui",
-  "version": "1.0.71tmp7",
+  "version": "1.0.72",
   "type": "module",
   "private": false,
   "main": "./lib/super-ui.js",
@@ -12,6 +12,7 @@
     "@tinymce/tinymce-vue": "4.0.4",
     "@zxing/library": "^0.20.0",
     "async-validator": "^4.2.5",
+    "compressorjs": "1.2.1",
     "font-awesome": "^4.7.0",
     "js-base64": "^3.7.7",
     "js-cookie": "^3.0.5",
@@ -19,8 +20,7 @@
     "path-to-regexp": "6.2.1",
     "sortablejs": "^1.15.0",
     "tinymce": "5.8.2",
-    "uuid": "^9.0.1",
-    "vue-plugin-load-script": "^1.3.2"
+    "uuid": "^9.0.1"
   },
   "devDependencies": {
     "@element-plus/icons-vue": "^2.1.0",
@@ -34,7 +34,6 @@
     "vue": "3.3.4",
     "vue-i18n": "^9.5.0",
     "vue-router": "^4.2.5",
-    "vuex": "^4.1.0",
-    "axios": "^1.5.1"
+    "vuex": "^4.1.0"
   }
 }

package/packages/fs-upload-new/src/file-upload-mobile/file-upload-app.vue

@@ -0,0 +1,249 @@
+<template>
+  <div>
+    <FileUploadComponent
+      ref="fileUploadRef"
+      :disabled="disabled"
+      :systemCode="systemCode"
+      :accept="accept"
+      :multiple="multiple"
+      :limitFileSize="limitFileSize"
+      :fileList="fileListResult"
+      :beforeRemove="beforeRemove"
+      :onRemove="onRemove"
+      :beforeDownload="beforeDownload"
+      :baseURL="baseURLVal"
+      @chooseFile="pickBrowserFiles"
+      @remove="removeFile"
+    />
+  </div>
+</template>
+<script lang="ts" setup>
+import { ref, defineEmits } from 'vue'
+import { getToken, getCookieCache } from '../../../../src/utils/auth.js' // 获得token
+import Compressor from 'compressorjs'
+import { ElMessage } from 'element-plus'
+import { useI18n } from 'vue-i18n'
+import FileUploadComponent from './file-upload-component.vue'
+const props = defineProps({
+  openFsUpload: {
+    type: Object,
+    default: true
+  },
+  entity: {
+    type: Object,
+    default: () => {
+      return null
+    }
+  },
+  fileInfo: {
+    type: Object,
+    default: () => ({})
+  },
+  systemCode: {
+    type: String,
+    default: ''
+  },
+  displayType: {
+    type: String,
+    default: 'input'
+  },
+  // 是否禁止编辑，为true只能下载，不能删除和上传
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  accept: {
+    type: String,
+    default: ''
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  limit: {
+    type: Number,
+    default: 1
+  },
+  // 文件大小限制，单位是M，默认是30M
+  limitFileSize: {
+    type: Number,
+    default: 30
+  },
+  placeholder: {
+    type: String,
+    default: '拖拽文件 或 点击上传'
+  },
+  action: {
+    type: String,
+    default: ''
+  },
+  headers: {
+    type: Object,
+    default: () => ({ Authorization: null })
+  },
+  // 已上传文件列表
+  fileList: {
+    type: Array,
+    default: () => []
+  },
+  onSuccess: {
+    type: Function,
+    default: () => {}
+  },
+  beforeRemove: {
+    type: Function,
+    default: () => {}
+  },
+  onRemove: {
+    type: Function,
+    default: () => {}
+  },
+  beforeDownload: {
+    type: Function,
+    default: () => {}
+  },
+  pageContext: {
+    type: Object,
+    default: () => ({})
+  },
+  configure: {
+    type: Object,
+    default: () => ({})
+  },
+  // 组件id，在表单或列表中应该唯一，一般传字段名即可
+  componentId: {
+    type: String,
+    default: function () {
+      return 'file-upload'
+    }
+  },
+  // 组件名称，一般是字段label
+  componentName: {
+    type: String,
+    default: function () {
+      return 'file-upload'
+    }
+  },
+  options: {
+    type: Object,
+    default: null
+  },
+  // 列表编码
+  listCode: {
+    type: String,
+    default: null
+  },
+  // 打开相机和相册选项，默认是都可以打开
+  openCameraOrChoosePhoto: {
+    type: String,
+    default: 'openCameraAndChoosePhoto'
+  },
+  beforeUpload: {
+    type: Function,
+    default: () => {}
+  }
+})
+
+const fileListResult = ref(props.fileList)
+let baseURL = window.$vueApp.config.globalProperties.baseURL
+if (props.options) {
+  baseURL = props.options.backendUrl
+}
+if (!baseURL) {
+  baseURL = window.$vueApp.config.globalProperties.baseURL
+}
+const baseURLVal = ref(baseURL)
+
+const baseAPI = window.$vueApp.config.globalProperties.baseAPI
+const fileUploadRef = ref(null)
+const emits = defineEmits(['remove', 'uploadend'])
+
+// 表示点击了选择文件按钮
+function pickBrowserFiles() {
+  // console.log('---点击了选择文件按钮---')
+  const message = {
+    type: 'pickFiles',
+    multiple: props.multiple,
+    componentId: props.componentId,
+    componentName: props.componentName,
+    systemCode: props.systemCode,
+    token: getToken(),
+    listCode: props.listCode
+  }
+  window.parent.postMessage(JSON.stringify(message), '*')
+}
+
+function pickFileDone(data) {
+  appFileDone(data)
+}
+function uploadFileDone(data) {
+  // 表示文件上传到服务器成功
+  appFileDone(data)
+}
+function appFileDone(data) {
+  const files = data.files
+  let myFiles = files
+  if (files && typeof files === 'string') {
+    myFiles = JSON.parse(files)
+  }
+  if (myFiles && !Array.isArray(myFiles)) {
+    myFiles = [myFiles]
+  }
+  uploadFileSuccess(myFiles)
+}
+function uploadFileSuccess(files) {
+  // this.isUploading = true
+  let isCanUpload = true
+  if (props.beforeUpload && typeof props.beforeUpload === 'function') {
+    for (let i = 0; i < files.length; i++) {
+      const file = files[i]
+      const isMobile = true
+      // eslint-disable-next-line no-useless-call
+      isCanUpload = props.beforeUpload({
+        fileObj: file,
+        files: files,
+        isMobile,
+        pageContext: props.pageContext,
+        configureObj: props.configure
+      })
+      if (isCanUpload !== undefined && isCanUpload === false) {
+        break
+      }
+    }
+  }
+  if (isCanUpload !== undefined && !isCanUpload) {
+    // 不能提交文件
+    return
+  }
+  // this.isUploading = false
+  // 表示文件上传到服务器成功
+  if (files) {
+    // files:[{name:'',serverPath:''},{name:'',serverPath:''}]
+    if (props.multiple) {
+      files.forEach((file) => {
+        fileListResult.value.push(file)
+      })
+    } else {
+      // 单选时将已选文件移除，然后再替换为新上传的文件
+      const rmFiles = JSON.parse(JSON.stringify(fileListResult.value))
+      fileListResult.value = files
+      emits('remove', { rmFiles, serverFiles: fileListResult.value })
+    }
+  }
+  console.log('uploadFileSuccess111111----fileListResult.value=', JSON.stringify(fileListResult.value))
+  
+  fileUploadRef.value.changeFileList(fileListResult.value)
+  // this.isUploading = false
+  emits('uploadend', fileListResult.value)
+}
+
+function removeFile(param) {
+  console.log('removeFile----param=', param)
+  const file = param.file
+  if (file) {
+    emits('remove', { rmFiles: [file], serverFiles: fileListResult.value, index: param.index })
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>