@silver-formily/element-plus 2.0.1 → 2.2.0

package/esm/upload/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/upload/upload.vue","../../src/upload/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { Field } from '@formily/core'\r\nimport type { ImageViewerInstance, ImageViewerProps, UploadFile, UploadInstance, UploadProps, UploadRawFile } from 'element-plus'\r\nimport type { PropType } from 'vue'\r\nimport {\r\n  Plus as PlusIcon,\r\n  UploadFilled as UploadFilledIcon,\r\n  Upload as UploadIcon,\r\n} from '@element-plus/icons-vue'\r\nimport { reaction } from '@formily/reactive'\r\nimport { isFn } from '@formily/shared'\r\nimport { useField } from '@silver-formily/vue'\r\nimport { ElButton, ElIcon, ElImageViewer, ElUpload, genFileId } from 'element-plus'\r\nimport { omit } from 'lodash-es'\r\nimport { computed, onBeforeUnmount, ref, useAttrs } from 'vue'\r\nimport { hasSlotContent } from '../__builtins__'\r\n\r\ndefineOptions({\r\n  name: 'FUpload',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps({\r\n  textContent: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  errorAdaptor: {\r\n    type: Function as PropType<(error?: Error) => string>,\r\n    default: (error?: Error) => error?.message,\r\n  },\r\n  formatValue: {\r\n    type: Function as PropType<(fileList?: UploadFile[]) => any>,\r\n    default: item => item,\r\n  },\r\n  fileList: {\r\n    type: Array as PropType<UploadFile[]>,\r\n    default: () => [],\r\n  },\r\n  imageViewerProps: {\r\n    type: Object as PropType<ImageViewerProps>,\r\n    default: () => ({ teleported: true, showProgress: true }),\r\n  },\r\n})\r\n\r\nconst emit = defineEmits(['update:modelValue'])\r\n\r\nconst uploadRef = ref<UploadInstance>()\r\nconst attrs = useAttrs() as UploadProps\r\nconst innerAttrs = computed(() => {\r\n  return omit(attrs, [\r\n    'onChange',\r\n    'onRemove',\r\n    'onExceed',\r\n    'onError',\r\n    'onPreview',\r\n    'fileList',\r\n    'onUpdate:fileList',\r\n  ])\r\n})\r\nconst fieldRef = useField<Field>()\r\nfieldRef.value?.inject({\r\n  getElUploadRef: () => {\r\n    return uploadRef\r\n  },\r\n})\r\n\r\nconst imgPreviewRef = ref<ImageViewerInstance>()\r\nconst activeImageIndex = ref(0)\r\nconst isShowImgViewer = ref(false)\r\nconst imgPreviewList = computed(() => {\r\n  return props.fileList.map(item => item.url)\r\n})\r\n\r\nfunction setFeedBack(error?: Error) {\r\n  const message = props.errorAdaptor(error)\r\n  fieldRef.value?.setFeedback({\r\n    type: 'error',\r\n    code: 'UploadError',\r\n    messages: message ? [message] : [],\r\n  })\r\n}\r\n\r\nfunction handleChange(file: UploadFile, fileList: UploadFile[]) {\r\n  fieldRef.value?.setDataSource([...fileList])\r\n  setFeedBack()\r\n}\r\n\r\nfunction handleRemove(file: UploadFile, fileList: UploadFile[]) {\r\n  if (isFn(attrs.onRemove)) {\r\n    attrs.onRemove(file, fileList)\r\n  }\r\n  fieldRef.value.setDataSource([...fileList])\r\n  setFeedBack()\r\n}\r\n\r\nfunction handleExceed(files: File[], uploadFIles) {\r\n  if (isFn(attrs.onExceed)) {\r\n    attrs.onExceed(files, uploadFIles)\r\n  }\r\n  if (attrs.limit !== 1)\r\n    return\r\n  uploadRef.value!.clearFiles()\r\n  const file = files[0] as UploadRawFile\r\n  file.uid = genFileId()\r\n  uploadRef.value!.handleStart(file)\r\n  if (attrs.autoUpload ?? true) {\r\n    uploadRef.value!.submit()\r\n  }\r\n}\r\n\r\nfunction handleError(error: Error, file: UploadFile, fileList: UploadFile[]) {\r\n  if (isFn(attrs.onError)) {\r\n    (attrs.onError)(error, file, fileList)\r\n  }\r\n}\r\n\r\nfunction onPreviewClick(uploadFile: UploadFile) {\r\n  if (isFn(attrs.onPreview)) {\r\n    (attrs.onPreview)(uploadFile)\r\n    return\r\n  }\r\n  if (!uploadFile.url && !attrs.accept?.includes('image'))\r\n    return\r\n  const clickIndex = props.fileList.findIndex((element: UploadFile) => element.uid === uploadFile.uid)\r\n  activeImageIndex.value = clickIndex\r\n  isShowImgViewer.value = true\r\n}\r\n\r\nconst dispose = reaction(() => {\r\n  return fieldRef.value?.dataSource ?? []\r\n}, () => {\r\n  const emitValue = props.formatValue(fieldRef.value.dataSource as UploadFile[])\r\n  emit('update:modelValue', emitValue)\r\n})\r\nonBeforeUnmount(() => {\r\n  dispose()\r\n})\r\n</script>\r\n\r\n<template>\r\n  <ElUpload\r\n    ref=\"uploadRef\"\r\n    v-bind=\"innerAttrs\"\r\n    :file-list=\"$props.fileList\"\r\n    @change=\"handleChange\"\r\n    @remove=\"handleRemove\"\r\n    @exceed=\"handleExceed\"\r\n    @error=\"handleError\"\r\n    @preview=\"onPreviewClick\"\r\n  >\r\n    <slot v-if=\"hasSlotContent($slots?.default)\" />\r\n    <template v-else>\r\n      <template v-if=\"attrs.drag\">\r\n        <ElIcon style=\"font-size: 60px; margin: 40px 0 16px;\">\r\n          <UploadFilledIcon color=\"gray\" />\r\n        </ElIcon>\r\n        <div class=\"el-upload__text\">\r\n          {{ props.textContent }}\r\n        </div>\r\n      </template>\r\n      <template v-else-if=\"attrs.listType === 'picture-card'\">\r\n        <PlusIcon style=\"width: 28px; height: 28px; color: gray\" />\r\n      </template>\r\n      <template v-else>\r\n        <ElButton>\r\n          <UploadIcon width=\"16px\" height=\"16px\" />\r\n          <span style=\"margin-left: 6px\">\r\n            {{ props.textContent }}\r\n          </span>\r\n        </ElButton>\r\n      </template>\r\n    </template>\r\n    <template v-if=\"$slots.file\" #file=\"{ file, index }\">\r\n      <slot name=\"file\" :file=\"file\" :index=\"index\" />\r\n    </template>\r\n    <template v-if=\"$slots.tip\" #tip>\r\n      <slot name=\"tip\" />\r\n    </template>\r\n    <template v-if=\"$slots.trigger\" #trigger>\r\n      <slot name=\"trigger\" />\r\n    </template>\r\n  </ElUpload>\r\n  <ElImageViewer\r\n    v-if=\"isShowImgViewer\"\r\n    ref=\"imgPreviewRef\"\r\n    :url-list=\"imgPreviewList\"\r\n    :initial-index=\"activeImageIndex\"\r\n    v-bind=\"props.imageViewerProps\"\r\n    @close=\"isShowImgViewer = false\"\r\n  />\r\n</template>\r\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport FUpload from './upload.vue'\r\n\r\nexport const Upload = connect(\r\n  FUpload,\r\n  mapProps({ readOnly: 'readonly', dataSource: 'fileList' }),\r\n)\r\n\r\nexport default Upload\r\n"],"names":["props","__props","emit","__emit","uploadRef","ref","attrs","useAttrs","innerAttrs","computed","omit","fieldRef","useField","imgPreviewRef","activeImageIndex","isShowImgViewer","imgPreviewList","item","setFeedBack","error","message","handleChange","file","fileList","handleRemove","isFn","handleExceed","files","uploadFIles","genFileId","handleError","onPreviewClick","uploadFile","clickIndex","element","dispose","reaction","emitValue","onBeforeUnmount","_createVNode","_unref","_mergeProps","$props","hasSlotContent","$slots","_renderSlot","_ctx","_createElementBlock","_Fragment","ElIcon","UploadFilledIcon","_createElementVNode","_hoisted_1","_toDisplayString","_createBlock","PlusIcon","ElButton","UploadIcon","_hoisted_2","index","_openBlock","Upload","connect","FUpload","mapProps"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/upload/upload.vue","../../src/upload/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { Field } from '@formily/core'\r\nimport type { ImageViewerInstance, ImageViewerProps, UploadFile, UploadInstance, UploadProps, UploadRawFile } from 'element-plus'\r\nimport type { PropType } from 'vue'\r\nimport {\r\n  Plus as PlusIcon,\r\n  UploadFilled as UploadFilledIcon,\r\n  Upload as UploadIcon,\r\n} from '@element-plus/icons-vue'\r\nimport { reaction } from '@formily/reactive'\r\nimport { isFn } from '@formily/shared'\r\nimport { useField } from '@silver-formily/vue'\r\nimport { ElButton, ElIcon, ElImageViewer, ElUpload, genFileId } from 'element-plus'\r\nimport { omit } from 'lodash-es'\r\nimport { computed, onBeforeUnmount, ref, useAttrs } from 'vue'\r\nimport { hasSlotContent } from '../__builtins__'\r\n\r\ndefineOptions({\r\n  name: 'FUpload',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps({\r\n  textContent: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  errorAdaptor: {\r\n    type: Function as PropType<(error?: Error) => string>,\r\n    default: (error?: Error) => error?.message,\r\n  },\r\n  formatValue: {\r\n    type: Function as PropType<(fileList?: UploadFile[]) => any>,\r\n    default: item => item,\r\n  },\r\n  fileList: {\r\n    type: Array as PropType<UploadFile[]>,\r\n    default: () => [],\r\n  },\r\n  imageViewerProps: {\r\n    type: Object as PropType<ImageViewerProps>,\r\n    default: () => ({ teleported: true, showProgress: true }),\r\n  },\r\n})\r\n\r\nconst emit = defineEmits(['update:modelValue'])\r\n\r\nconst uploadRef = ref<UploadInstance>()\r\nconst attrs = useAttrs() as UploadProps\r\nconst innerAttrs = computed(() => {\r\n  return omit(attrs, [\r\n    'onChange',\r\n    'onRemove',\r\n    'onExceed',\r\n    'onError',\r\n    'onPreview',\r\n    'fileList',\r\n    'onUpdate:fileList',\r\n  ])\r\n})\r\nconst fieldRef = useField<Field>()\r\nfieldRef.value?.inject({\r\n  getElUploadRef: () => {\r\n    return uploadRef\r\n  },\r\n})\r\n\r\nconst imgPreviewRef = ref<ImageViewerInstance>()\r\nconst activeImageIndex = ref(0)\r\nconst isShowImgViewer = ref(false)\r\nconst imgPreviewList = computed(() => {\r\n  return props.fileList.map(item => item.url)\r\n})\r\n\r\nfunction setFeedBack(error?: Error) {\r\n  const message = props.errorAdaptor(error)\r\n  fieldRef.value?.setFeedback({\r\n    type: 'error',\r\n    code: 'UploadError',\r\n    messages: message ? [message] : [],\r\n  })\r\n}\r\n\r\nfunction handleChange(file: UploadFile, fileList: UploadFile[]) {\r\n  fieldRef.value?.setDataSource([...fileList])\r\n  setFeedBack()\r\n}\r\n\r\nfunction handleRemove(file: UploadFile, fileList: UploadFile[]) {\r\n  if (isFn(attrs.onRemove)) {\r\n    attrs.onRemove(file, fileList)\r\n  }\r\n  fieldRef.value.setDataSource([...fileList])\r\n  setFeedBack()\r\n}\r\n\r\nfunction handleExceed(files: File[], uploadFIles) {\r\n  if (isFn(attrs.onExceed)) {\r\n    attrs.onExceed(files, uploadFIles)\r\n  }\r\n  if (attrs.limit !== 1)\r\n    return\r\n  uploadRef.value!.clearFiles()\r\n  const file = files[0] as UploadRawFile\r\n  file.uid = genFileId()\r\n  uploadRef.value!.handleStart(file)\r\n  if (attrs.autoUpload ?? true) {\r\n    uploadRef.value!.submit()\r\n  }\r\n}\r\n\r\nfunction handleError(error: Error, file: UploadFile, fileList: UploadFile[]) {\r\n  if (isFn(attrs.onError)) {\r\n    (attrs.onError)(error, file, fileList)\r\n  }\r\n}\r\n\r\nfunction onPreviewClick(uploadFile: UploadFile) {\r\n  if (isFn(attrs.onPreview)) {\r\n    (attrs.onPreview)(uploadFile)\r\n    return\r\n  }\r\n  if (!uploadFile.url && !attrs.accept?.includes('image'))\r\n    return\r\n  const clickIndex = props.fileList.findIndex((element: UploadFile) => element.uid === uploadFile.uid)\r\n  activeImageIndex.value = clickIndex\r\n  isShowImgViewer.value = true\r\n}\r\n\r\nconst dispose = reaction(() => {\r\n  return fieldRef.value?.dataSource ?? []\r\n}, () => {\r\n  const emitValue = props.formatValue(fieldRef.value.dataSource as UploadFile[])\r\n  emit('update:modelValue', emitValue)\r\n})\r\nonBeforeUnmount(() => {\r\n  dispose()\r\n})\r\n</script>\r\n\r\n<template>\r\n  <ElUpload\r\n    ref=\"uploadRef\"\r\n    v-bind=\"innerAttrs\"\r\n    :file-list=\"$props.fileList\"\r\n    @change=\"handleChange\"\r\n    @remove=\"handleRemove\"\r\n    @exceed=\"handleExceed\"\r\n    @error=\"handleError\"\r\n    @preview=\"onPreviewClick\"\r\n  >\r\n    <slot v-if=\"hasSlotContent($slots?.default)\" />\r\n    <template v-else>\r\n      <template v-if=\"attrs.drag\">\r\n        <ElIcon style=\"font-size: 60px; margin: 40px 0 16px;\">\r\n          <UploadFilledIcon color=\"gray\" />\r\n        </ElIcon>\r\n        <div class=\"el-upload__text\">\r\n          {{ props.textContent }}\r\n        </div>\r\n      </template>\r\n      <template v-else-if=\"attrs.listType === 'picture-card'\">\r\n        <PlusIcon style=\"width: 28px; height: 28px; color: gray\" />\r\n      </template>\r\n      <template v-else>\r\n        <ElButton>\r\n          <UploadIcon width=\"16px\" height=\"16px\" />\r\n          <span style=\"margin-left: 6px\">\r\n            {{ props.textContent }}\r\n          </span>\r\n        </ElButton>\r\n      </template>\r\n    </template>\r\n    <template v-if=\"$slots.file\" #file=\"{ file, index }\">\r\n      <slot name=\"file\" :file=\"file\" :index=\"index\" />\r\n    </template>\r\n    <template v-if=\"$slots.tip\" #tip>\r\n      <slot name=\"tip\" />\r\n    </template>\r\n    <template v-if=\"$slots.trigger\" #trigger>\r\n      <slot name=\"trigger\" />\r\n    </template>\r\n  </ElUpload>\r\n  <ElImageViewer\r\n    v-if=\"isShowImgViewer\"\r\n    ref=\"imgPreviewRef\"\r\n    :url-list=\"imgPreviewList\"\r\n    :initial-index=\"activeImageIndex\"\r\n    v-bind=\"props.imageViewerProps\"\r\n    @close=\"isShowImgViewer = false\"\r\n  />\r\n</template>\r\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport FUpload from './upload.vue'\r\n\r\nexport const Upload = connect<typeof FUpload>(\n  FUpload,\n  mapProps({ readOnly: 'readonly', dataSource: 'fileList' }),\r\n)\r\n\r\nexport default Upload\r\n"],"names":["props","__props","emit","__emit","uploadRef","ref","attrs","useAttrs","innerAttrs","computed","omit","fieldRef","useField","imgPreviewRef","activeImageIndex","isShowImgViewer","imgPreviewList","item","setFeedBack","error","message","handleChange","file","fileList","handleRemove","isFn","handleExceed","files","uploadFIles","genFileId","handleError","onPreviewClick","uploadFile","clickIndex","element","dispose","reaction","emitValue","onBeforeUnmount","_createVNode","_unref","_mergeProps","$props","hasSlotContent","$slots","_renderSlot","_ctx","_createElementBlock","_Fragment","ElIcon","UploadFilledIcon","_createElementVNode","_hoisted_1","_toDisplayString","_createBlock","PlusIcon","ElButton","UploadIcon","_hoisted_2","index","_openBlock","Upload","connect","FUpload","mapProps"],"mappings":"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"}