dpzvc3-ui 3.1.4 → 3.1.6

package/src/lib/MegaPixImage.js

@@ -1,164 +0,0 @@
-// MegaPixImage.js
-// 将原先的 UMD/CommonJS 改为 ESM export default
-
-// -------------------------
-// Helper functions
-// -------------------------
-function detectSubsampling (img) {
-  const iw = img.naturalWidth; const ih = img.naturalHeight
-  if (iw * ih > 1024 * 1024) {
-    const canvas = document.createElement('canvas')
-    canvas.width = canvas.height = 1
-    const ctx = canvas.getContext('2d')
-    ctx.drawImage(img, -iw + 1, 0)
-    return ctx.getImageData(0, 0, 1, 1).data[3] === 0
-  }
-  return false
-}
-
-function detectVerticalSquash (img, iw, ih) {
-  const canvas = document.createElement('canvas')
-  canvas.width = 1
-  canvas.height = ih
-  const ctx = canvas.getContext('2d')
-  ctx.drawImage(img, 0, 0)
-  const data = ctx.getImageData(0, 0, 1, ih).data
-  let sy = 0; let ey = ih; let py = ih
-  while (py > sy) {
-    const alpha = data[(py - 1) * 4 + 3]
-    if (alpha === 0) ey = py
-    else sy = py
-    py = (ey + sy) >> 1
-  }
-  const ratio = py / ih
-  return ratio === 0 ? 1 : ratio
-}
-
-function renderImageToDataURL (img, options, doSquash) {
-  const canvas = document.createElement('canvas')
-  renderImageToCanvas(img, canvas, options, doSquash)
-  return canvas.toDataURL('image/jpeg', options.quality || 0.8)
-}
-
-function renderImageToCanvas (img, canvas, options, doSquash) {
-  let iw = img.naturalWidth; let ih = img.naturalHeight
-  if (!(iw + ih)) return
-
-  const width = options.width; const height = options.height
-  const ctx = canvas.getContext('2d')
-  ctx.save()
-  transformCoordinate(canvas, ctx, width, height, options.orientation)
-
-  const subsampled = detectSubsampling(img)
-  if (subsampled) { iw /= 2; ih /= 2 }
-
-  const d = 1024
-  const tmpCanvas = document.createElement('canvas')
-  tmpCanvas.width = tmpCanvas.height = d
-  const tmpCtx = tmpCanvas.getContext('2d')
-
-  const vertSquashRatio = doSquash ? detectVerticalSquash(img, iw, ih) : 1
-  const dw = Math.ceil(d * width / iw)
-  const dh = Math.ceil(d * height / ih / vertSquashRatio)
-
-  let sy = 0; let dy = 0
-  while (sy < ih) {
-    let sx = 0; let dx = 0
-    while (sx < iw) {
-      tmpCtx.clearRect(0, 0, d, d)
-      tmpCtx.drawImage(img, -sx, -sy)
-      ctx.drawImage(tmpCanvas, 0, 0, d, d, dx, dy, dw, dh)
-      sx += d
-      dx += dw
-    }
-    sy += d
-    dy += dh
-  }
-  ctx.restore()
-}
-
-function transformCoordinate (canvas, ctx, width, height, orientation) {
-  switch (orientation) {
-  case 5: case 6: case 7: case 8:
-    canvas.width = height
-    canvas.height = width
-    break
-  default:
-    canvas.width = width
-    canvas.height = height
-  }
-  switch (orientation) {
-  case 2: ctx.translate(width, 0); ctx.scale(-1, 1); break
-  case 3: ctx.translate(width, height); ctx.rotate(Math.PI); break
-  case 4: ctx.translate(0, height); ctx.scale(1, -1); break
-  case 5: ctx.rotate(0.5 * Math.PI); ctx.scale(1, -1); break
-  case 6: ctx.rotate(0.5 * Math.PI); ctx.translate(0, -height); break
-  case 7: ctx.rotate(0.5 * Math.PI); ctx.translate(width, -height); ctx.scale(-1, 1); break
-  case 8: ctx.rotate(-0.5 * Math.PI); ctx.translate(-width, 0); break
-  }
-}
-
-const URL = window.URL && window.URL.createObjectURL
-  ? window.URL
-  : window.webkitURL && window.webkitURL.createObjectURL ? window.webkitURL : null
-
-// -------------------------
-// MegaPixImage class
-// -------------------------
-class MegaPixImage {
-  constructor (srcImage) {
-    if (window.Blob && srcImage instanceof Blob) {
-      if (!URL) throw Error('No createObjectURL function found')
-      const img = new Image()
-      img.src = URL.createObjectURL(srcImage)
-      this.blob = srcImage
-      srcImage = img
-    }
-    if (!srcImage.naturalWidth && !srcImage.naturalHeight) {
-      this.imageLoadListeners = []
-      // eslint-disable-next-line @typescript-eslint/no-this-alias
-      const _this = this
-      srcImage.onload = srcImage.onerror = function () {
-        const listeners = _this.imageLoadListeners
-        if (listeners) {
-          _this.imageLoadListeners = null
-          listeners.forEach(fn => fn())
-        }
-      }
-    }
-    this.srcImage = srcImage
-  }
-
-  render (target, options, callback) {
-    if (this.imageLoadListeners) {
-      this.imageLoadListeners.push(() => { this.render(target, options, callback) })
-      return
-    }
-    options = options || {}
-    const imgWidth = this.srcImage.naturalWidth; const imgHeight = this.srcImage.naturalHeight
-    let width = options.width; let height = options.height
-    const maxWidth = options.maxWidth; const maxHeight = options.maxHeight
-    const doSquash = !this.blob || this.blob.type === 'image/jpeg'
-
-    if (width && !height) height = (imgHeight * width / imgWidth) << 0
-    else if (height && !width) width = (imgWidth * height / imgHeight) << 0
-    else { width = imgWidth; height = imgHeight }
-
-    if (maxWidth && width > maxWidth) { width = maxWidth; height = (imgHeight * width / imgWidth) << 0 }
-    if (maxHeight && height > maxHeight) { height = maxHeight; width = (imgWidth * height / imgHeight) << 0 }
-
-    const opt = { width, height, ...options }
-    const tagName = target.tagName.toLowerCase()
-    if (tagName === 'img') target.src = renderImageToDataURL(this.srcImage, opt, doSquash)
-    else if (tagName === 'canvas') renderImageToCanvas(this.srcImage, target, opt, doSquash)
-
-    if (typeof this.onrender === 'function') this.onrender(target)
-    if (callback) callback()
-    if (this.blob) { this.blob = null; URL.revokeObjectURL(this.srcImage.src) }
-  }
-}
-
-// -------------------------
-// ESM export default
-// -------------------------
-export default MegaPixImage

package/src/lib/MegaPixImageOld.js

@@ -1,153 +0,0 @@
-(function (global, factory) {
-  if (typeof module === 'object' && typeof module.exports === 'object') {
-    module.exports = factory() // CommonJS
-  } else if (typeof define === 'function' && define.amd) {
-    define([], factory) // AMD
-  } else {
-    global.MegaPixImage = factory() // Browser global
-  }
-}(typeof window !== 'undefined' ? window : this, function () {
-  // -------------------------
-  // Helper functions
-  // -------------------------
-  function detectSubsampling (img) {
-    const iw = img.naturalWidth; const ih = img.naturalHeight
-    if (iw * ih > 1024 * 1024) {
-      const canvas = document.createElement('canvas')
-      canvas.width = canvas.height = 1
-      const ctx = canvas.getContext('2d')
-      ctx.drawImage(img, -iw + 1, 0)
-      return ctx.getImageData(0, 0, 1, 1).data[3] === 0
-    } else {
-      return false
-    }
-  }
-
-  function detectVerticalSquash (img, iw, ih) {
-    const canvas = document.createElement('canvas')
-    canvas.width = 1
-    canvas.height = ih
-    const ctx = canvas.getContext('2d')
-    ctx.drawImage(img, 0, 0)
-    const data = ctx.getImageData(0, 0, 1, ih).data
-    let sy = 0; let ey = ih; let py = ih
-    while (py > sy) {
-      const alpha = data[(py - 1) * 4 + 3]
-      if (alpha === 0) { ey = py } else { sy = py }
-      py = (ey + sy) >> 1
-    }
-    const ratio = py / ih
-    return (ratio === 0) ? 1 : ratio
-  }
-
-  function renderImageToDataURL (img, options, doSquash) {
-    const canvas = document.createElement('canvas')
-    renderImageToCanvas(img, canvas, options, doSquash)
-    return canvas.toDataURL('image/jpeg', options.quality || 0.8)
-  }
-
-  function renderImageToCanvas (img, canvas, options, doSquash) {
-    let iw = img.naturalWidth; let ih = img.naturalHeight
-    if (!(iw + ih)) return
-    const width = options.width; const height = options.height
-    const ctx = canvas.getContext('2d')
-    ctx.save()
-    transformCoordinate(canvas, ctx, width, height, options.orientation)
-    const subsampled = detectSubsampling(img)
-    if (subsampled) { iw /= 2; ih /= 2 }
-    const d = 1024
-    let tmpCanvas = document.createElement('canvas')
-    tmpCanvas.width = tmpCanvas.height = d
-    let tmpCtx = tmpCanvas.getContext('2d')
-    const vertSquashRatio = doSquash ? detectVerticalSquash(img, iw, ih) : 1
-    const dw = Math.ceil(d * width / iw)
-    const dh = Math.ceil(d * height / ih / vertSquashRatio)
-    let sy = 0; let dy = 0
-    while (sy < ih) {
-      let sx = 0; let dx = 0
-      while (sx < iw) {
-        tmpCtx.clearRect(0, 0, d, d)
-        tmpCtx.drawImage(img, -sx, -sy)
-        ctx.drawImage(tmpCanvas, 0, 0, d, d, dx, dy, dw, dh)
-        sx += d; dx += dw
-      }
-      sy += d; dy += dh
-    }
-    ctx.restore()
-    tmpCanvas = tmpCtx = null
-  }
-
-  function transformCoordinate (canvas, ctx, width, height, orientation) {
-    switch (orientation) {
-    case 5: case 6: case 7: case 8: canvas.width = height; canvas.height = width; break
-    default: canvas.width = width; canvas.height = height
-    }
-    switch (orientation) {
-    case 2: ctx.translate(width, 0); ctx.scale(-1, 1); break
-    case 3: ctx.translate(width, height); ctx.rotate(Math.PI); break
-    case 4: ctx.translate(0, height); ctx.scale(1, -1); break
-    case 5: ctx.rotate(0.5 * Math.PI); ctx.scale(1, -1); break
-    case 6: ctx.rotate(0.5 * Math.PI); ctx.translate(0, -height); break
-    case 7: ctx.rotate(0.5 * Math.PI); ctx.translate(width, -height); ctx.scale(-1, 1); break
-    case 8: ctx.rotate(-0.5 * Math.PI); ctx.translate(-width, 0); break
-    }
-  }
-
-  const URL = window.URL && window.URL.createObjectURL
-    ? window.URL
-    : window.webkitURL && window.webkitURL.createObjectURL ? window.webkitURL : null
-
-  // -------------------------
-  // MegaPixImage class
-  // -------------------------
-  function MegaPixImage (srcImage) {
-    if (window.Blob && srcImage instanceof Blob) {
-      if (!URL) { throw Error('No createObjectURL function found') }
-      const img = new Image()
-      img.src = URL.createObjectURL(srcImage)
-      this.blob = srcImage
-      srcImage = img
-    }
-    if (!srcImage.naturalWidth && !srcImage.naturalHeight) {
-      const _this = this
-      srcImage.onload = srcImage.onerror = function () {
-        const listeners = _this.imageLoadListeners
-        if (listeners) {
-          _this.imageLoadListeners = null
-          for (let i = 0; i < listeners.length; i++) { listeners[i]() }
-        }
-      }
-      this.imageLoadListeners = []
-    }
-    this.srcImage = srcImage
-  }
-
-  MegaPixImage.prototype.render = function (target, options, callback) {
-    if (this.imageLoadListeners) {
-      const _this = this
-      this.imageLoadListeners.push(function () { _this.render(target, options, callback) })
-      return
-    }
-    options = options || {}
-    const imgWidth = this.srcImage.naturalWidth; const imgHeight = this.srcImage.naturalHeight
-    let width = options.width; let height = options.height
-    const maxWidth = options.maxWidth; const maxHeight = options.maxHeight
-    const doSquash = !this.blob || this.blob.type === 'image/jpeg'
-    if (width && !height) { height = (imgHeight * width / imgWidth) << 0 } else if (height && !width) { width = (imgWidth * height / imgHeight) << 0 } else { width = imgWidth; height = imgHeight }
-    if (maxWidth && width > maxWidth) { width = maxWidth; height = (imgHeight * width / imgWidth) << 0 }
-    if (maxHeight && height > maxHeight) { height = maxHeight; width = (imgWidth * height / imgHeight) << 0 }
-    const opt = { width, height }
-    for (const k in options) opt[k] = options[k]
-
-    const tagName = target.tagName.toLowerCase()
-    if (tagName === 'img') { target.src = renderImageToDataURL(this.srcImage, opt, doSquash) } else if (tagName === 'canvas') { renderImageToCanvas(this.srcImage, target, opt, doSquash) }
-    if (typeof this.onrender === 'function') { this.onrender(target) }
-    if (callback) { callback() }
-    if (this.blob) { this.blob = null; URL.revokeObjectURL(this.srcImage.src) }
-  }
-
-  // -------------------------
-  // Export as ESM default
-  // -------------------------
-  return MegaPixImage
-}))

package/src/lib/exif-js.js

@@ -1,235 +0,0 @@
-/*!
- * JavaScript EXIF Reader
- * https://github.com/exif-js/exif-js
- * 修复版：解决 strict mode 下未声明变量问题
- */
-
-(function () {
-  const debug = false
-  const root = this
-
-  const EXIF = function (obj) {
-    if (obj instanceof EXIF) return obj
-    if (!(this instanceof EXIF)) return new EXIF(obj)
-    this.EXIFwrapped = obj
-  }
-
-  if (typeof exports !== 'undefined') {
-    if (typeof module !== 'undefined' && module.exports) {
-      exports = module.exports = EXIF
-    }
-    exports.EXIF = EXIF
-  } else {
-    root.EXIF = EXIF
-  }
-
-  /* ========================= TAG MAPS ========================= */
-
-  const ExifTags = EXIF.Tags = {
-    0x9000: 'ExifVersion',
-    0xA000: 'FlashpixVersion',
-    0xA001: 'ColorSpace',
-    0xA002: 'PixelXDimension',
-    0xA003: 'PixelYDimension',
-    0x9101: 'ComponentsConfiguration',
-    0x9102: 'CompressedBitsPerPixel',
-    0x927C: 'MakerNote',
-    0x9286: 'UserComment',
-    0xA004: 'RelatedSoundFile',
-    0x9003: 'DateTimeOriginal',
-    0x9004: 'DateTimeDigitized',
-    0x9290: 'SubsecTime',
-    0x9291: 'SubsecTimeOriginal',
-    0x9292: 'SubsecTimeDigitized',
-    0x829A: 'ExposureTime',
-    0x829D: 'FNumber',
-    0x8822: 'ExposureProgram',
-    0x8824: 'SpectralSensitivity',
-    0x8827: 'ISOSpeedRatings',
-    0x8828: 'OECF',
-    0x9201: 'ShutterSpeedValue',
-    0x9202: 'ApertureValue',
-    0x9203: 'BrightnessValue',
-    0x9204: 'ExposureBias',
-    0x9205: 'MaxApertureValue',
-    0x9206: 'SubjectDistance',
-    0x9207: 'MeteringMode',
-    0x9208: 'LightSource',
-    0x9209: 'Flash',
-    0x920A: 'FocalLength',
-    0xA300: 'FileSource',
-    0xA301: 'SceneType',
-    0xA401: 'CustomRendered',
-    0xA402: 'ExposureMode',
-    0xA403: 'WhiteBalance',
-    0xA406: 'SceneCaptureType'
-  }
-
-  const TiffTags = EXIF.TiffTags = {
-    0x0100: 'ImageWidth',
-    0x0101: 'ImageHeight',
-    0x8769: 'ExifIFDPointer',
-    0x8825: 'GPSInfoIFDPointer',
-    0x0112: 'Orientation',
-    0x0132: 'DateTime',
-    0x010F: 'Make',
-    0x0110: 'Model',
-    0x0131: 'Software'
-  }
-
-  const GPSTags = EXIF.GPSTags = {
-    0x0000: 'GPSVersionID',
-    0x0001: 'GPSLatitudeRef',
-    0x0002: 'GPSLatitude',
-    0x0003: 'GPSLongitudeRef',
-    0x0004: 'GPSLongitude'
-  }
-
-  /* ========================= CORE ========================= */
-
-  function getStringFromDB (buffer, start, length) {
-    let outstr = ''
-    let n
-    for (n = start; n < start + length; n++) {
-      outstr += String.fromCharCode(buffer.getUint8(n))
-    }
-    return outstr
-  }
-
-  function readEXIFData (file, start) {
-    if (getStringFromDB(file, start, 4) !== 'Exif') {
-      return false
-    }
-
-    let bigEnd
-    const tiffOffset = start + 6
-
-    if (file.getUint16(tiffOffset) === 0x4949) {
-      bigEnd = false
-    } else if (file.getUint16(tiffOffset) === 0x4D4D) {
-      bigEnd = true
-    } else {
-      return false
-    }
-
-    const firstIFDOffset = file.getUint32(tiffOffset + 4, !bigEnd)
-    const tags = readTags(file, tiffOffset, tiffOffset + firstIFDOffset, TiffTags, bigEnd)
-
-    if (tags.ExifIFDPointer) {
-      const exifData = readTags(
-        file,
-        tiffOffset,
-        tiffOffset + tags.ExifIFDPointer,
-        ExifTags,
-        bigEnd
-      )
-      let tag
-      for (tag in exifData) {
-        tags[tag] = exifData[tag]
-      }
-    }
-
-    return tags
-  }
-
-  function readTags (file, tiffStart, dirStart, strings, bigEnd) {
-    const entries = file.getUint16(dirStart, !bigEnd)
-    const tags = {}
-    let i
-
-    for (i = 0; i < entries; i++) {
-      const entryOffset = dirStart + i * 12 + 2
-      const tag = strings[file.getUint16(entryOffset, !bigEnd)]
-      if (tag) {
-        tags[tag] = readTagValue(file, entryOffset, tiffStart, bigEnd)
-      }
-    }
-    return tags
-  }
-
-  function readTagValue (file, entryOffset, tiffStart, bigEnd) {
-    const type = file.getUint16(entryOffset + 2, !bigEnd)
-    const numValues = file.getUint32(entryOffset + 4, !bigEnd)
-    const valueOffset = file.getUint32(entryOffset + 8, !bigEnd) + tiffStart
-    let n, vals
-
-    if (type === 2) {
-      return getStringFromDB(file, valueOffset, numValues - 1)
-    }
-
-    if (type === 3) {
-      if (numValues === 1) {
-        return file.getUint16(entryOffset + 8, !bigEnd)
-      }
-      vals = []
-      for (n = 0; n < numValues; n++) {
-        vals[n] = file.getUint16(valueOffset + 2 * n, !bigEnd)
-      }
-      return vals
-    }
-
-    if (type === 4) {
-      if (numValues === 1) {
-        return file.getUint32(entryOffset + 8, !bigEnd)
-      }
-      vals = []
-      for (n = 0; n < numValues; n++) {
-        vals[n] = file.getUint32(valueOffset + 4 * n, !bigEnd)
-      }
-      return vals
-    }
-
-    return null
-  }
-
-  function findEXIFinJPEG (file) {
-    const dataView = new DataView(file)
-    if (dataView.getUint8(0) !== 0xFF || dataView.getUint8(1) !== 0xD8) {
-      return false
-    }
-
-    let offset = 2
-    const length = file.byteLength
-
-    while (offset < length) {
-      if (dataView.getUint8(offset) !== 0xFF) {
-        return false
-      }
-
-      const marker = dataView.getUint8(offset + 1)
-      if (marker === 225) {
-        return readEXIFData(
-          dataView,
-          offset + 4,
-          dataView.getUint16(offset + 2) - 2
-        )
-      } else {
-        offset += 2 + dataView.getUint16(offset + 2)
-      }
-    }
-    return false
-  }
-
-  EXIF.getData = function (img, callback) {
-    const reader = new FileReader()
-    reader.onload = function (e) {
-      img.exifdata = findEXIFinJPEG(e.target.result) || {}
-      if (callback) callback.call(img)
-    }
-    reader.readAsArrayBuffer(img)
-  }
-
-  EXIF.getAllTags = function (img) {
-    return img.exifdata || {}
-  }
-
-  EXIF.readFromBinaryFile = function (file) {
-    return findEXIFinJPEG(file)
-  }
-
-  if (typeof define === 'function' && define.amd) {
-    define('exif-js', [], function () {
-      return EXIF
-    })
-  }
-}.call(this))