dpzvc-ui 1.2.2 → 1.2.4

package/src/components/prompt/confirm.js

@@ -1,174 +1,75 @@
 /**
- * Created by admin on 2017/5/10.
+ * Created by admin on 2025/12/10
+ * Rewritten for Vue 2.7 + Vue CLI (runtime-only)
  */
-import Prompt from '../prompt/prompt.vue'
-import Vue from 'vue'
-
-import {camelcaseToHyphen} from '../../utils/util'
-
-const prefixCls = 'v-lc-modal';
-
-Prompt.newInstance = properties => {
-
-    let _props = properties || {};
-
-    let props = '';
-
-    Object.keys(_props).forEach(prop => {
-
-        props += ' :' + camelcaseToHyphen(prop) + '=' + prop
-    })
-
-
-    const div = document.createElement('div');
-
-    document.body.appendChild(div);
-
-    const propmt = new Vue({
-        el: div,
-
-        template: `<Prompt ${props} v-model="visible" 
-                                    :width="width" 
-                                    :text="text" 
-                                    :title="title" 
-                                    :ok-text="okText" 
-                                    :cancle-text="cancleText" 
-                                    :loading="loading" 
-                                    :spec="spec" 
-                                    :message="message" 
-                                    :validator="validator"
-                                    :on-ok="onOk" 
-                                    :on-cancle="onCancle"> </Prompt>`,
-        components: {
-            Prompt
-        },
-        data: Object.assign(_props, {
-            text:'',
-            placeholderText: '请输入',
-            visible: false,
-            width: '70%',
-            title: '',
-            okText: '确定',
-            cancleText: '取消',
-            loading: false,
-            showCancle: true,
-            spec: '',
-            message: '',
-            validator: null,
-            onOk:function(){},
-            onCancle:function(prop){},
-            onRemove:function(){}
-        }),
-        methods: {
-            cancle(){
-                this.$children[0].visible = false;
-                this.onCancle();
-                this.remove();
-            },
-            ok(){
-                if (this.loading) {
-                    this.buttonLoading = true;
-                } else {
-                    this.visible = false;
-                    this.remove();
-                }
-
-                this.onOk()
-            },
-            remove(){
-                this.$children[0].visible = false;
-                setTimeout(() => {
-                    this.destroy();
-                }, 300)
-            },
-            destroy(){
-                this.$destroy();
-                document.body.removeChild(this.$el);
-                this.onRemove()
-            },
-            mounted(){
-
-
-            },
-        }
-    }).$children[0]
-
-
-    return {
-
-        show(props){
-
-            propmt.$parent.showCancle = props.showCancle;
-            propmt.$parent.onRemove = props.onRemove;
-            propmt.visible = true;
 
-            if ('width' in props) {
-                propmt.$parent.width = props.width
-            }
-
-            if ('text' in props) {
-                propmt.$parent.text = props.text
-            }
-
-            if ('spec' in props) {
-                propmt.$parent.spec = props.spec
-            }
-
-            if ('title' in props) {
-
-                propmt.$parent.title = props.title
-            }
-
-
-
-            if ('placeholderText' in props) {
-                propmt.$parent.placeholderText = props.placeholderText
-            }
-
-            if ('content' in props) {
-                propmt.$parent.body = props.body
-            }
-
-
-            if ('okText' in props) {
-                propmt.$parent.okText = props.okText
-            }
-
-            if ('cancleText' in props) {
-                propmt.$parent.cancleText = props.cancleText
-            }
-
-            if ('onCancle' in props) {
-                propmt.$parent.onCancle = props.onCancle
-            }
-
-            if ('onOk' in props) {
-                propmt.$parent.onOk = props.onOk
-            }
-
-            if ('loading' in props) {
-                propmt.$parent.loading = props.loading
-            }
-
-            if ('message' in props) {
-                propmt.$parent.message = props.message
-            }
-
-            if ('validator' in props) {
-                propmt.$parent.validator = props.validator
-            }
-
-            console.log(propmt.$parent)
-        },
-        remove () {
-
-            propmt.visible = false;
-            propmt.$parent.buttonLoading = false;
-            propmt.$parent.remove();
+import Vue from 'vue'
+import Prompt from '../prompt/prompt.vue'
 
-        },
-        component: propmt
+Prompt.newInstance = (properties = {}) => {
+  // 1. 创建构造器
+  const PromptConstructor = Vue.extend(Prompt)
+
+  // 2. 初始化 props（等价你之前 data + v-model）
+  const instance = new PromptConstructor({
+    propsData: {
+      // 外部传入
+      ...properties,
+
+      // 默认值（保持你原来的语义）
+      visible: false,
+      text: '',
+      placeholderText: '请输入',
+      width: '70%',
+      title: '',
+      okText: '确定',
+      cancleText: '取消',
+      loading: false,
+      showCancle: true,
+      spec: '',
+      message: '',
+      validator: null,
+      onOk: () => {},
+      onCancle: () => {},
     }
-};
-
-export default  Prompt;
+  })
+
+  // 3. 挂载到 DOM
+  instance.$mount()
+  document.body.appendChild(instance.$el)
+
+  // 4. 移除逻辑（统一）
+  const destroy = () => {
+    instance.visible = false
+    setTimeout(() => {
+      instance.$destroy()
+      instance.$el && document.body.removeChild(instance.$el)
+      instance.onRemove && instance.onRemove()
+    }, 300)
+  }
+
+  return {
+    /**
+     * 显示 Prompt
+     */
+    show(props = {}) {
+      Object.keys(props).forEach(key => {
+        instance[key] = props[key]
+      })
+      instance.visible = true
+    },
+
+    /**
+     * 关闭 Prompt
+     */
+    remove() {
+      instance.visible = false
+      instance.buttonLoading = false
+      destroy()
+    },
+
+    component: instance
+  }
+}
+
+export default Prompt

package/src/components/upload/upload.vue

@@ -11,7 +11,7 @@
 
     import EXIF from 'exif-js'
     // import MegaPixImage from '../../lib/MegaPixImage'
-    import * as MegaPixImage from '../../lib/MegaPixImage';
+    import MegaPixImage from '../../lib/MegaPixImage';
     import { JPEG } from '../../utils/util'
     const prefixCls = 'dpzvc-upload';
     export default {

package/src/lib/MegaPixImage.js

@@ -1,158 +1,162 @@
 // MegaPixImage.js
-(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) {
-        var iw = img.naturalWidth, ih = img.naturalHeight;
-        if (iw * ih > 1024 * 1024) {
-            var canvas = document.createElement('canvas');
-            canvas.width = canvas.height = 1;
-            var ctx = canvas.getContext('2d');
-            ctx.drawImage(img, -iw + 1, 0);
-            return ctx.getImageData(0, 0, 1, 1).data[3] === 0;
-        } else {
-            return false;
-        }
-    }
+// 将原先的 UMD/CommonJS 改为 ESM export default
 
-    function detectVerticalSquash(img, iw, ih) {
-        var canvas = document.createElement('canvas');
-        canvas.width = 1;
-        canvas.height = ih;
-        var ctx = canvas.getContext('2d');
-        ctx.drawImage(img, 0, 0);
-        var data = ctx.getImageData(0, 0, 1, ih).data;
-        var sy = 0, ey = ih, py = ih;
-        while (py > sy) {
-            var alpha = data[(py - 1) * 4 + 3];
-            if (alpha === 0) { ey = py; } else { sy = py; }
-            py = (ey + sy) >> 1;
-        }
-        var ratio = py / ih;
-        return (ratio === 0) ? 1 : ratio;
+// -------------------------
+// Helper functions
+// -------------------------
+function detectSubsampling(img) {
+    const iw = img.naturalWidth, 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 renderImageToDataURL(img, options, doSquash) {
-        var canvas = document.createElement('canvas');
-        renderImageToCanvas(img, canvas, options, doSquash);
-        return canvas.toDataURL("image/jpeg", options.quality || 0.8);
+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, ey = ih, 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, ih = img.naturalHeight;
+    if (!(iw + ih)) return;
 
-    function renderImageToCanvas(img, canvas, options, doSquash) {
-        var iw = img.naturalWidth, ih = img.naturalHeight;
-        if (!(iw + ih)) return;
-        var width = options.width, height = options.height;
-        var ctx = canvas.getContext('2d');
-        ctx.save();
-        transformCoordinate(canvas, ctx, width, height, options.orientation);
-        var subsampled = detectSubsampling(img);
-        if (subsampled) { iw /= 2; ih /= 2; }
-        var d = 1024;
-        var tmpCanvas = document.createElement('canvas');
-        tmpCanvas.width = tmpCanvas.height = d;
-        var tmpCtx = tmpCanvas.getContext('2d');
-        var vertSquashRatio = doSquash ? detectVerticalSquash(img, iw, ih) : 1;
-        var dw = Math.ceil(d * width / iw);
-        var dh = Math.ceil(d * height / ih / vertSquashRatio);
-        var sy = 0, dy = 0;
-        while (sy < ih) {
-            var sx = 0, 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;
+    const width = options.width, 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, dy = 0;
+    while (sy < ih) {
+        let sx = 0, 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;
         }
-        ctx.restore();
-        tmpCanvas = tmpCtx = null;
+        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;
-        }
+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;
     }
+}
 
-    var URL = window.URL && window.URL.createObjectURL ? window.URL :
-        window.webkitURL && window.webkitURL.createObjectURL ? window.webkitURL : null;
+const URL = window.URL && window.URL.createObjectURL ? window.URL :
+    window.webkitURL && window.webkitURL.createObjectURL ? window.webkitURL : null;
 
-    // -------------------------
-    // MegaPixImage class
-    // -------------------------
-    function MegaPixImage(srcImage) {
+// -------------------------
+// MegaPixImage class
+// -------------------------
+class MegaPixImage {
+    constructor(srcImage) {
         if (window.Blob && srcImage instanceof Blob) {
-            if (!URL) { throw Error("No createObjectURL function found"); }
-            var img = new Image();
+            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) {
-            var _this = this;
+            this.imageLoadListeners = [];
+            const _this = this;
             srcImage.onload = srcImage.onerror = function () {
-                var listeners = _this.imageLoadListeners;
+                const listeners = _this.imageLoadListeners;
                 if (listeners) {
                     _this.imageLoadListeners = null;
-                    for (var i = 0; i < listeners.length; i++) { listeners[i](); }
+                    listeners.forEach(fn => fn());
                 }
             };
-            this.imageLoadListeners = [];
         }
         this.srcImage = srcImage;
     }
 
-    MegaPixImage.prototype.render = function (target, options, callback) {
+    render(target, options, callback) {
         if (this.imageLoadListeners) {
-            var _this = this;
-            this.imageLoadListeners.push(function () { _this.render(target, options, callback); });
+            this.imageLoadListeners.push(() => { this.render(target, options, callback); });
             return;
         }
         options = options || {};
-        var imgWidth = this.srcImage.naturalWidth, imgHeight = this.srcImage.naturalHeight,
-            width = options.width, height = options.height,
-            maxWidth = options.maxWidth, maxHeight = options.maxHeight,
-            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; }
+        const imgWidth = this.srcImage.naturalWidth, imgHeight = this.srcImage.naturalHeight;
+        let width = options.width, height = options.height;
+        const maxWidth = options.maxWidth, 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; }
-        var opt = { width: width, height: height };
-        for (var k in options) opt[k] = options[k];
-
-        var 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;
+        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;