dpzvc3-ui 3.0.0

package/src/lib/MegaPixImage.js

@@ -0,0 +1,163 @@
+// 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 = []
+      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

@@ -0,0 +1,153 @@
+(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

@@ -0,0 +1,235 @@
+/*!
+ * 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))