dpzvc-ui 1.2.2 → 1.2.4

package/dist/dpzvc.js

@@ -11,244 +11,6 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 37
-(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(284);
-/* module decorator */ module = __webpack_require__.hmd(module);
-
-// MegaPixImage.js
-(function (global, factory) {
-  if (( false ? 0 : (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(module)) === 'object' && (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(module.exports) === 'object') {
-    module.exports = factory(); // CommonJS
-  } else if (typeof define === 'function' && __webpack_require__.amdO) {
-    define([], factory); // AMD
-  } else {
-    global.MegaPixImage = factory(); // Browser global
-  }
-})(typeof window !== 'undefined' ? window : undefined, 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;
-    }
-  }
-  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;
-  }
-  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 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;
-    }
-    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;
-    }
-  }
-  var 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");
-      }
-      var img = new Image();
-      img.src = URL.createObjectURL(srcImage);
-      this.blob = srcImage;
-      srcImage = img;
-    }
-    if (!srcImage.naturalWidth && !srcImage.naturalHeight) {
-      var _this = this;
-      srcImage.onload = srcImage.onerror = function () {
-        var listeners = _this.imageLoadListeners;
-        if (listeners) {
-          _this.imageLoadListeners = null;
-          for (var i = 0; i < listeners.length; i++) {
-            listeners[i]();
-          }
-        }
-      };
-      this.imageLoadListeners = [];
-    }
-    this.srcImage = srcImage;
-  }
-  MegaPixImage.prototype.render = function (target, options, callback) {
-    if (this.imageLoadListeners) {
-      var _this = this;
-      this.imageLoadListeners.push(function () {
-        _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;
-    } 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;
-});
-
-/***/ },
-
 /***/ 49
 (module) {
 
@@ -4281,26 +4043,6 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.dpzvc-rater-star {
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
-/***/ },
-
-/***/ 284
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (/* binding */ _typeof)
-/* harmony export */ });
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-
 /***/ },
 
 /***/ 314
@@ -5508,7 +5250,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `
     justify-content: center;
     flex-direction: column;
 }
-`, "",{"version":3,"sources":["webpack://./checkbox-group.vue"],"names":[],"mappings":";AA4EA;IACA,aAAA;IACA,uBAAA;IACA,sBAAA;AACA","sourcesContent":["<template>\n    <div :class=\"['dpzvc-checkBoxGroup',vertical?'dpzvc-checkBoxGroup-vertical':'']\" >\n        <slot></slot>\n    </div>\n</template>\n\n<script>\n\n    import {findComponentsDownward} from '../../utils/util'\n    import Emitter from '../../mixin/emitter'\n    export default {\n        name:'checkBoxGroup',\n        mixins:[Emitter],\n        props:{\n            value:{\n                type:Array,\n                default:()=>[]\n            },\n            single:{\n                type:Boolean,\n                default:false\n            },\n            vertical:{\n                type:Boolean,\n                default:false\n            }\n\n        },\n        data(){\n          return {\n              currentValue:this.value,\n              childrens:[]\n          }\n        },\n        methods:{\n            change(data){\n                console.log(data)\n                this.currentValue = data;\n                this.$emit('input', data);\n                this.$emit('on-change',data);\n                this.dispatch('on-form-change',data)\n            },\n            updateModel(){\n                let model = this.value;\n                this.childrens = findComponentsDownward(this,'checkBox');\n                if(this.childrens) {\n                    this.childrens.forEach((child)=>{\n\n                        child.model = model;\n                        child.currentValue = model.indexOf(child.label) >= 0;\n                        child.isGroup = true;\n                    })\n                }\n\n            }\n        },\n        mounted(){\n\n          this.updateModel()\n        },\n        watch:{\n            value(){\n                this.updateModel()\n            }\n        }\n    }\n</script>\n\n\n<style scoped>\n    .dpzvc-checkBoxGroup-vertical {\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n    }\n</style>"],"sourceRoot":""}]);
+`, "",{"version":3,"sources":["webpack://./src/components/checkBox/checkbox-group.vue"],"names":[],"mappings":";AA4EA;IACA,aAAA;IACA,uBAAA;IACA,sBAAA;AACA","sourcesContent":["<template>\n    <div :class=\"['dpzvc-checkBoxGroup',vertical?'dpzvc-checkBoxGroup-vertical':'']\" >\n        <slot></slot>\n    </div>\n</template>\n\n<script>\n\n    import {findComponentsDownward} from '../../utils/util'\n    import Emitter from '../../mixin/emitter'\n    export default {\n        name:'checkBoxGroup',\n        mixins:[Emitter],\n        props:{\n            value:{\n                type:Array,\n                default:()=>[]\n            },\n            single:{\n                type:Boolean,\n                default:false\n            },\n            vertical:{\n                type:Boolean,\n                default:false\n            }\n\n        },\n        data(){\n          return {\n              currentValue:this.value,\n              childrens:[]\n          }\n        },\n        methods:{\n            change(data){\n                console.log(data)\n                this.currentValue = data;\n                this.$emit('input', data);\n                this.$emit('on-change',data);\n                this.dispatch('on-form-change',data)\n            },\n            updateModel(){\n                let model = this.value;\n                this.childrens = findComponentsDownward(this,'checkBox');\n                if(this.childrens) {\n                    this.childrens.forEach((child)=>{\n\n                        child.model = model;\n                        child.currentValue = model.indexOf(child.label) >= 0;\n                        child.isGroup = true;\n                    })\n                }\n\n            }\n        },\n        mounted(){\n\n          this.updateModel()\n        },\n        watch:{\n            value(){\n                this.updateModel()\n            }\n        }\n    }\n</script>\n\n\n<style scoped>\n    .dpzvc-checkBoxGroup-vertical {\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n    }\n</style>"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -5804,7 +5546,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `
     justify-content: center;
     flex-direction: column;
 }
-`, "",{"version":3,"sources":["webpack://./radiobox-group.vue"],"names":[],"mappings":";AA0EA;IACA,aAAA;IACA,uBAAA;IACA,sBAAA;AACA","sourcesContent":["<template>\n    <div :class=\"classes\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\n\n    import {findComponentsDownward} from \"../../utils/util\"\n    const prefixCls = 'dpzvc-radioBoxGroup'\n    export default {\n        name:'radioBoxGroup',\n        props:{\n            value:{\n                type:[String,Boolean,Number]\n            },\n            vertical:{\n                type:Boolean,\n                default:false\n            }\n        },\n        mounted(){\n            this.updateModel()\n        },\n        data(){\n            return {\n                currentValue:this.value,\n                children:findComponentsDownward(this,'radioBox')\n            }\n        },\n        computed:{\n            classes(){\n                return [\n                    `${prefixCls}`,\n                    {\n                        [`${prefixCls}-vertical`]:this.vertical\n                    }\n                ]\n\n            }\n        },\n        methods:{\n            change(data){\n                this.currentValue = data.value;\n                this.updateModel();\n                this.$emit('input',data.value);\n                this.$emit('on-change',data.value);\n                this.$emit('on-form-change',data.value)\n            },\n            updateModel(){\n                let value = this.value;\n                this.children = findComponentsDownward(this,'radioBox');\n                this.children.forEach((child)=>{\n                    child.model = value == child.label;\n                    child.isGroup = true;\n\n                })\n            }\n        },\n        watch:{\n            value(){\n                this.updateModel();\n            },\n        }\n    }\n</script>\n\n<style scoped >\n    .dpzvc-radioBoxGroup-vertical {\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n    }\n</style>"],"sourceRoot":""}]);
+`, "",{"version":3,"sources":["webpack://./src/components/radioBox/radiobox-group.vue"],"names":[],"mappings":";AA0EA;IACA,aAAA;IACA,uBAAA;IACA,sBAAA;AACA","sourcesContent":["<template>\n    <div :class=\"classes\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\n\n    import {findComponentsDownward} from \"../../utils/util\"\n    const prefixCls = 'dpzvc-radioBoxGroup'\n    export default {\n        name:'radioBoxGroup',\n        props:{\n            value:{\n                type:[String,Boolean,Number]\n            },\n            vertical:{\n                type:Boolean,\n                default:false\n            }\n        },\n        mounted(){\n            this.updateModel()\n        },\n        data(){\n            return {\n                currentValue:this.value,\n                children:findComponentsDownward(this,'radioBox')\n            }\n        },\n        computed:{\n            classes(){\n                return [\n                    `${prefixCls}`,\n                    {\n                        [`${prefixCls}-vertical`]:this.vertical\n                    }\n                ]\n\n            }\n        },\n        methods:{\n            change(data){\n                this.currentValue = data.value;\n                this.updateModel();\n                this.$emit('input',data.value);\n                this.$emit('on-change',data.value);\n                this.$emit('on-form-change',data.value)\n            },\n            updateModel(){\n                let value = this.value;\n                this.children = findComponentsDownward(this,'radioBox');\n                this.children.forEach((child)=>{\n                    child.model = value == child.label;\n                    child.isGroup = true;\n\n                })\n            }\n        },\n        watch:{\n            value(){\n                this.updateModel();\n            },\n        }\n    }\n</script>\n\n<style scoped >\n    .dpzvc-radioBoxGroup-vertical {\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n    }\n</style>"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -5874,26 +5616,18 @@ var update = add("7918d0f5", content, true, {});
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = __webpack_module_cache__[moduleId] = {
 /******/ 			id: moduleId,
-/******/ 			loaded: false,
+/******/ 			// no module.loaded needed
 /******/ 			exports: {}
 /******/ 		};
 /******/ 	
 /******/ 		// Execute the module function
 /******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 /******/ 	
-/******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
-/******/ 	
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
 /******/ 	}
 /******/ 	
 /************************************************************************/
-/******/ 	/* webpack/runtime/amd options */
-/******/ 	(() => {
-/******/ 		__webpack_require__.amdO = {};
-/******/ 	})();
-/******/ 	
 /******/ 	/* webpack/runtime/compat get default export */
 /******/ 	(() => {
 /******/ 		// getDefaultExport function for compatibility with non-harmony modules
@@ -5918,21 +5652,6 @@ var update = add("7918d0f5", content, true, {});
 /******/ 		};
 /******/ 	})();
 /******/ 	
-/******/ 	/* webpack/runtime/harmony module decorator */
-/******/ 	(() => {
-/******/ 		__webpack_require__.hmd = (module) => {
-/******/ 			module = Object.create(module);
-/******/ 			if (!module.children) module.children = [];
-/******/ 			Object.defineProperty(module, 'exports', {
-/******/ 				enumerable: true,
-/******/ 				set: () => {
-/******/ 					throw new Error('ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: ' + module.id);
-/******/ 				}
-/******/ 			});
-/******/ 			return module;
-/******/ 		};
-/******/ 	})();
-/******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
 /******/ 	(() => {
 /******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
@@ -5969,7 +5688,7 @@ __webpack_require__.d(__webpack_exports__, {
   Indicator: () => (/* reexport */ components_Indicator),
   LoadMore: () => (/* reexport */ loadMore),
   Message: () => (/* reexport */ components_message),
-  Modal: () => (/* reexport */ modal),
+  Modal: () => (/* reexport */ components_modal),
   Picker: () => (/* reexport */ components_picker),
   Popup: () => (/* reexport */ components_popup),
   Progress: () => (/* reexport */ components_progress),
@@ -6026,16 +5745,25 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
-var esm_typeof = __webpack_require__(284);
+;// ./node_modules/@babel/runtime/helpers/esm/typeof.js
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
 ;// ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
 function toPrimitive(t, r) {
-  if ("object" != (0,esm_typeof/* default */.A)(t) || !t) return t;
+  if ("object" != _typeof(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
     var i = e.call(t, r || "default");
-    if ("object" != (0,esm_typeof/* default */.A)(i)) return i;
+    if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return ("string" === r ? String : Number)(t);
@@ -6046,7 +5774,7 @@ function toPrimitive(t, r) {
 
 function toPropertyKey(t) {
   var i = toPrimitive(t, "string");
-  return "symbol" == (0,esm_typeof/* default */.A)(i) ? i : i + "";
+  return "symbol" == _typeof(i) ? i : i + "";
 }
 
 ;// ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
@@ -8072,57 +7800,96 @@ var modal_component = normalizeComponent(
   
 )
 
-/* harmony default export */ const modal_modal = (modal_component.exports);
+/* harmony default export */ const modal = (modal_component.exports);
 ;// ./src/components/modal/confirm.js
 /**
- * Created by admin on 2017/3/30.
+ * confirm.js - 适配 Vue 2.7 runtime-only
  */
 
 
 
 
 var confirm_prefixCls = 'dpzvc-modal';
-modal_modal.newInstance = function (properties) {
-  var _props = properties || {};
-  var props = '';
-  Object.keys(_props).forEach(function (prop) {
-    props += ' :' + camelcaseToHyphen(prop) + '=' + prop;
-  });
-  var div = document.createElement('div');
-  document.body.appendChild(div);
-  var modal = new (external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default())({
-    el: div,
-    template: "<Modal ".concat(props, " v-model=\"visible\" :width=\"width\" >\n                        <div class=\"").concat(confirm_prefixCls, "-header-inner  ellipse-fir\"  v-html=\"title\" slot=\"header\"></div>\n                        <div class=\"").concat(confirm_prefixCls, "-body-inner\" v-html=\"body\" slot=\"body\"></div>\n                        <template slot=\"footer\">\n                            <v-button type=\"primary\" :radius=\"false\" @click=\"cancle\"  v-if=\"showCancle\">{{cancleText}}</v-button>\n                             <v-button type=\"normal\" :radius=\"false\" @click=\"ok\" :loading=\"buttonLoading\">{{okText}}</v-button>\n                        </template>\n                    </Modal>"),
+modal.newInstance = function () {
+  var properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  // 创建一个新的 Vue 构造函数
+  var ModalConstructor = external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default().extend({
     components: {
-      Modal: modal_modal,
+      Modal: modal,
       VButton: components_button
     },
-    data: Object.assign(_props, {
-      visible: false,
-      width: '70%',
-      body: '',
-      title: '',
-      okText: '确定',
-      cancleText: '取消',
-      loading: false,
-      buttonLoading: false,
-      showCancle: true,
-      showHead: true,
-      onOk: function onOk() {},
-      onCancle: function onCancle() {},
-      onRemove: function onRemove() {}
-    }),
+    data: function data() {
+      return Object.assign({
+        visible: false,
+        width: '70%',
+        body: '',
+        title: '',
+        okText: '确定',
+        cancleText: '取消',
+        loading: false,
+        buttonLoading: false,
+        showCancle: true,
+        showHead: true,
+        onOk: function onOk() {},
+        onCancle: function onCancle() {},
+        onRemove: function onRemove() {}
+      }, properties);
+    },
+    render: function render(h) {
+      var footer = [this.showCancle ? h('v-button', {
+        props: {
+          type: 'primary',
+          radius: false
+        },
+        on: {
+          click: this.cancle
+        }
+      }, this.cancleText) : null, h('v-button', {
+        props: {
+          type: 'normal',
+          radius: false,
+          loading: this.buttonLoading
+        },
+        on: {
+          click: this.ok
+        }
+      }, this.okText)];
+      return h(modal, {
+        props: {
+          value: this.visible,
+          width: this.width,
+          showHead: this.showHead,
+          footerHide: false
+        },
+        on: {
+          'on-ok': this.ok,
+          'on-cancle': this.cancle
+        }
+      }, [h('div', {
+        slot: 'header',
+        domProps: {
+          innerHTML: this.title
+        },
+        "class": "".concat(confirm_prefixCls, "-header-inner ellipse-fir")
+      }), h('div', {
+        slot: 'body',
+        domProps: {
+          innerHTML: this.body
+        },
+        "class": "".concat(confirm_prefixCls, "-body-inner")
+      }), h('template', {
+        slot: 'footer'
+      }, footer)]);
+    },
     methods: {
       cancle: function cancle() {
-        this.$children[0].visible = false;
+        this.visible = false;
         this.onCancle();
         this.remove();
       },
       ok: function ok() {
-        console.log('asd');
         if (this.loading) {
           this.buttonLoading = true;
-          this.$children[0].buttonLoading = true;
         } else {
           this.visible = false;
           this.remove();
@@ -8131,73 +7898,42 @@ modal_modal.newInstance = function (properties) {
       },
       remove: function remove() {
         var _this = this;
-        this.$children[0].visible = false;
+        this.visible = false;
         setTimeout(function () {
-          _this.destroy();
+          return _this.destroy();
         }, 300);
       },
       destroy: function destroy() {
         this.$destroy();
-        document.body.removeChild(this.$el);
+        if (this.$el && this.$el.parentNode) {
+          this.$el.parentNode.removeChild(this.$el);
+        }
         this.onRemove();
       }
     }
-  }).$children[0];
+  });
+
+  // 实例化并挂载到 DOM
+  var div = document.createElement('div');
+  document.body.appendChild(div);
+  var instance = new ModalConstructor().$mount(div);
   return {
-    show: function show(props) {
-      // if ('width' in props) {
-      //     modal.$parent.width = props.width
-      // }
-      //
-      // if ('title' in props) {
-      //     modal.$parent.title = props.title
-      // }
-      //
-      // if ('showHead' in props) {
-      //     modal.$parent.showHead = props.showHead
-      // }
-      //
-      // if ('okText' in props) {
-      //     modal.$parent.okText = props.okText
-      // }
-      //
-      // if ('cancleText' in props) {
-      //     modal.$parent.cancleText = props.cancleText
-      // }
-      //
-      //
-      // if ('onCancle' in props) {
-      //     modal.$parent.onCancle = props.onCancle
-      // }
-      //
-      // if ('onOk' in props) {
-      //     modal.$parent.onOk = props.onOk
-      // }
-      //
-      // if ('loading' in props) {
-      //     modal.$parent.loading = props.loading
-      // }
-      //
-      // if ('body' in props) {
-      //     modal.$parent.body = props.body
-      // }
-
-      Object.keys(props).forEach(function (item) {
-        modal.$parent[item] = props[item];
+    show: function show() {
+      var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      Object.keys(props).forEach(function (key) {
+        if (key in instance) {
+          instance[key] = props[key];
+        }
       });
-      modal.$parent.showCancle = props.showCancle;
-      modal.$parent.onRemove = props.onRemove;
-      modal.visible = true;
+      instance.visible = true;
     },
     remove: function remove() {
-      modal.visible = false;
-      modal.$parent.buttonLoading = false;
-      modal.$parent.remove();
+      instance.remove();
     },
-    component: modal
+    component: instance
   };
 };
-/* harmony default export */ const modal_confirm = (modal_modal);
+/* harmony default export */ const modal_confirm = (modal);
 ;// ./src/components/modal/index.js
 /**
  * Created by admin on 2017/3/30.
@@ -8240,7 +7976,7 @@ modal_confirm.remove = function () {
   var instance = getModalInstance();
   instance.remove();
 };
-/* harmony default export */ const modal = (modal_confirm);
+/* harmony default export */ const components_modal = (modal_confirm);
 ;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/picker/picker.vue?vue&type=template&id=c9eb303a
 var pickervue_type_template_id_c9eb303a_render = function render() {
   var _vm = this,
@@ -10734,7 +10470,7 @@ var textBar_component = normalizeComponent(
     };
   },
   components: {
-    Modal: modal_modal,
+    Modal: modal,
     TextBar: textBar,
     VButton: button_button
   },
@@ -10809,31 +10545,28 @@ var prompt_component = normalizeComponent(
 
 /* harmony default export */ const prompt_prompt = (prompt_component.exports);
 ;// ./src/components/prompt/confirm.js
+
+function confirm_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function confirm_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? confirm_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : confirm_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
- * Created by admin on 2017/5/10.
+ * Created by admin on 2025/12/10
+ * Rewritten for Vue 2.7 + Vue CLI (runtime-only)
  */
 
 
 
-var prompt_confirm_prefixCls = 'v-lc-modal';
-prompt_prompt.newInstance = function (properties) {
-  var _props = properties || {};
-  var props = '';
-  Object.keys(_props).forEach(function (prop) {
-    props += ' :' + camelcaseToHyphen(prop) + '=' + prop;
-  });
-  var div = document.createElement('div');
-  document.body.appendChild(div);
-  var propmt = new (external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default())({
-    el: div,
-    template: "<Prompt ".concat(props, " v-model=\"visible\" \n                                    :width=\"width\" \n                                    :text=\"text\" \n                                    :title=\"title\" \n                                    :ok-text=\"okText\" \n                                    :cancle-text=\"cancleText\" \n                                    :loading=\"loading\" \n                                    :spec=\"spec\" \n                                    :message=\"message\" \n                                    :validator=\"validator\"\n                                    :on-ok=\"onOk\" \n                                    :on-cancle=\"onCancle\"> </Prompt>"),
-    components: {
-      Prompt: prompt_prompt
-    },
-    data: Object.assign(_props, {
+prompt_prompt.newInstance = function () {
+  var properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  // 1. 创建构造器
+  var PromptConstructor = external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default().extend(prompt_prompt);
+
+  // 2. 初始化 props（等价你之前 data + v-model）
+  var instance = new PromptConstructor({
+    propsData: confirm_objectSpread(confirm_objectSpread({}, properties), {}, {
+      // 默认值（保持你原来的语义）
+      visible: false,
       text: '',
       placeholderText: '请输入',
-      visible: false,
       width: '70%',
       title: '',
       okText: '确定',
@@ -10844,91 +10577,43 @@ prompt_prompt.newInstance = function (properties) {
       message: '',
       validator: null,
       onOk: function onOk() {},
-      onCancle: function onCancle(prop) {},
-      onRemove: function onRemove() {}
-    }),
-    methods: {
-      cancle: function cancle() {
-        this.$children[0].visible = false;
-        this.onCancle();
-        this.remove();
-      },
-      ok: function ok() {
-        if (this.loading) {
-          this.buttonLoading = true;
-        } else {
-          this.visible = false;
-          this.remove();
-        }
-        this.onOk();
-      },
-      remove: function remove() {
-        var _this = this;
-        this.$children[0].visible = false;
-        setTimeout(function () {
-          _this.destroy();
-        }, 300);
-      },
-      destroy: function destroy() {
-        this.$destroy();
-        document.body.removeChild(this.$el);
-        this.onRemove();
-      },
-      mounted: function mounted() {}
-    }
-  }).$children[0];
+      onCancle: function onCancle() {}
+    })
+  });
+
+  // 3. 挂载到 DOM
+  instance.$mount();
+  document.body.appendChild(instance.$el);
+
+  // 4. 移除逻辑（统一）
+  var destroy = function destroy() {
+    instance.visible = false;
+    setTimeout(function () {
+      instance.$destroy();
+      instance.$el && document.body.removeChild(instance.$el);
+      instance.onRemove && instance.onRemove();
+    }, 300);
+  };
   return {
-    show: function 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);
+    /**
+     * 显示 Prompt
+     */
+    show: function show() {
+      var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      Object.keys(props).forEach(function (key) {
+        instance[key] = props[key];
+      });
+      instance.visible = true;
     },
+    /**
+     * 关闭 Prompt
+     */
     remove: function remove() {
-      propmt.visible = false;
-      propmt.$parent.buttonLoading = false;
-      propmt.$parent.remove();
+      instance.visible = false;
+      instance.buttonLoading = false;
+      destroy();
     },
-    component: propmt
+    component: instance
   };
 };
 /* harmony default export */ const prompt_confirm = (prompt_prompt);
@@ -11496,8 +11181,8 @@ var Number_component = normalizeComponent(
 
 textBar.Number = Text_Number;
 /* harmony default export */ const Text = (textBar);
-;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/upload/upload.vue?vue&type=template&id=b2513a8a
-var uploadvue_type_template_id_b2513a8a_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/upload/upload.vue?vue&type=template&id=23492f0b
+var uploadvue_type_template_id_23492f0b_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -11519,13 +11204,238 @@ var uploadvue_type_template_id_b2513a8a_render = function render() {
     }
   })], 2);
 };
-var uploadvue_type_template_id_b2513a8a_staticRenderFns = [];
+var uploadvue_type_template_id_23492f0b_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/exif-js/exif.js
 var exif = __webpack_require__(335);
 var exif_default = /*#__PURE__*/__webpack_require__.n(exif);
-// EXTERNAL MODULE: ./src/lib/MegaPixImage.js
-var MegaPixImage = __webpack_require__(37);
+;// ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
+function _classCallCheck(a, n) {
+  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+}
+
+;// ./node_modules/@babel/runtime/helpers/esm/createClass.js
+
+function _defineProperties(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);
+  }
+}
+function _createClass(e, r, t) {
+  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
+}
+
+;// ./src/lib/MegaPixImage.js
+
+
+
+function MegaPixImage_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function MegaPixImage_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? MegaPixImage_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : MegaPixImage_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// MegaPixImage.js
+// 将原先的 UMD/CommonJS 改为 ESM export default
+
+// -------------------------
+// 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;
+  }
+  return false;
+}
+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;
+}
+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 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;
+  }
+  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;
+  }
+}
+var URL = window.URL && window.URL.createObjectURL ? window.URL : window.webkitURL && window.webkitURL.createObjectURL ? window.webkitURL : null;
+
+// -------------------------
+// MegaPixImage class
+// -------------------------
+var MegaPixImage = /*#__PURE__*/function () {
+  function MegaPixImage(srcImage) {
+    _classCallCheck(this, MegaPixImage);
+    if (window.Blob && srcImage instanceof Blob) {
+      if (!URL) throw Error("No createObjectURL function found");
+      var img = new Image();
+      img.src = URL.createObjectURL(srcImage);
+      this.blob = srcImage;
+      srcImage = img;
+    }
+    if (!srcImage.naturalWidth && !srcImage.naturalHeight) {
+      this.imageLoadListeners = [];
+      var _this = this;
+      srcImage.onload = srcImage.onerror = function () {
+        var listeners = _this.imageLoadListeners;
+        if (listeners) {
+          _this.imageLoadListeners = null;
+          listeners.forEach(function (fn) {
+            return fn();
+          });
+        }
+      };
+    }
+    this.srcImage = srcImage;
+  }
+  return _createClass(MegaPixImage, [{
+    key: "render",
+    value: function render(target, options, callback) {
+      var _this2 = this;
+      if (this.imageLoadListeners) {
+        this.imageLoadListeners.push(function () {
+          _this2.render(target, options, callback);
+        });
+        return;
+      }
+      options = options || {};
+      var imgWidth = this.srcImage.naturalWidth,
+        imgHeight = this.srcImage.naturalHeight;
+      var width = options.width,
+        height = options.height;
+      var maxWidth = options.maxWidth,
+        maxHeight = options.maxHeight;
+      var 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 = MegaPixImage_objectSpread({
+        width: width,
+        height: height
+      }, options);
+      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);
+      }
+    }
+  }]);
+}(); // -------------------------
+// ESM export default
+// -------------------------
+/* harmony default export */ const lib_MegaPixImage = (MegaPixImage);
 ;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/upload/upload.vue?vue&type=script&lang=js
 
 // import MegaPixImage from '../../lib/MegaPixImage'
@@ -11598,7 +11508,7 @@ var uploadvue_type_script_lang_js_prefixCls = 'dpzvc-upload';
       var _this = this;
       var data = null;
       var img = new Image();
-      var mpImg = new MegaPixImage(file);
+      var mpImg = new lib_MegaPixImage(file);
       mpImg.render(img, {
         maxWidth: 600,
         quality: 0.8
@@ -11705,8 +11615,8 @@ var uploadvue_type_script_lang_js_prefixCls = 'dpzvc-upload';
 ;
 var upload_component = normalizeComponent(
   upload_uploadvue_type_script_lang_js,
-  uploadvue_type_template_id_b2513a8a_render,
-  uploadvue_type_template_id_b2513a8a_staticRenderFns,
+  uploadvue_type_template_id_23492f0b_render,
+  uploadvue_type_template_id_23492f0b_staticRenderFns,
   false,
   null,
   null,
@@ -12593,117 +12503,82 @@ var Indicator_component = normalizeComponent(
 
 /* harmony default export */ const Indicator = (Indicator_component.exports);
 ;// ./src/components/Indicator/index.js
+
+function Indicator_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function Indicator_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Indicator_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Indicator_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
- * Created by admin on 2017/6/22.
+ * Indicator - Vue 2.7 CLI 适配版
  */
 
 
 
-var instance;
-Indicator.newInstance = function (properties) {
-  var _props = properties || {};
-  var props = '';
-  Object.keys(_props).forEach(function (prop) {
-    props += ' :' + camelcaseToHyphen(prop) + '=' + prop;
-  });
-  var div = document.createElement('div');
-  document.body.appendChild(div);
-  var indicator = new (external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default())({
-    el: div,
-    template: "<Indicator ".concat(props, " v-model=\"visible\" ></Indicator>"),
-    components: {
-      Indicator: Indicator
-    },
-    data: Object.assign(_props, {
-      visible: false,
+var instance = null;
+function createInstance() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var IndicatorConstructor = external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default().extend(Indicator);
+  var vm = new IndicatorConstructor({
+    propsData: Indicator_objectSpread({
       size: 45,
       type: 'snake',
       color: '#ffffff',
-      text: '加载中...',
-      onRemove: function onRemove() {}
-    }),
-    methods: {
-      remove: function remove() {
-        var _this = this;
-        this.$children[0].visible = false;
-        setTimeout(function () {
-          _this.destroy();
-        }, 300);
-      },
-      destroy: function destroy() {
-        this.$destroy();
-
-        // if (!this.$el) return;
-        document.body.removeChild(this.$el);
-        this.onRemove();
-      }
-    }
-  }).$children[0];
-  return {
-    open: function open(options) {
-      indicator.$parent.visible = true;
-      indicator.$parent.onRemove = options.onRemove;
-      if ('size' in options) {
-        indicator.$parent.size = options.size;
-      }
-      if ('type' in options) {
-        indicator.$parent.type = options.type;
-      }
-      if ('color' in options) {
-        indicator.$parent.color = options.color;
-      }
-      if ('text' in options) {
-        indicator.$parent.text = options.text;
-      }
-    },
-    remove: function remove() {
-      indicator.visible = false;
-      indicator.$parent.remove();
-    },
-    component: indicator
-  };
-};
-function Indicator_confirm(options) {
-  instance = instance || Indicator.newInstance({
-    size: 45,
-    color: '#ffffff',
-    text: '正在加载...',
-    type: 'snake'
+      text: '加载中...'
+    }, props)
   });
-  options.onRemove = function () {
-    instance = null;
-  };
-  instance.open(options);
+  vm.$mount();
+  document.body.appendChild(vm.$el);
+  vm.visible = false;
+  vm.$on('remove', function () {
+    destroyInstance();
+  });
+  return vm;
 }
-Indicator.blade = function () {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  props.type = 'blade';
-  return Indicator_confirm(props);
-};
+function destroyInstance() {
+  if (!instance) return;
+  instance.$destroy();
+  if (instance.$el && instance.$el.parentNode) {
+    instance.$el.parentNode.removeChild(instance.$el);
+  }
+  instance = null;
+}
+function Indicator_open() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if (!instance) {
+    instance = createInstance(options);
+  }
+  Object.keys(options).forEach(function (key) {
+    instance.$props[key] = options[key];
+  });
+  instance.visible = true;
+}
+function Indicator_close() {
+  if (!instance) return;
+  instance.visible = false;
+  destroyInstance();
+}
+
+/* ================== 对外 API ================== */
+
+Indicator.open = Indicator_open;
+Indicator.remove = Indicator_close;
 Indicator.snake = function () {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   props.type = 'snake';
-  return Indicator_confirm(props);
+  Indicator_open(props);
+};
+Indicator.blade = function () {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  props.type = 'blade';
+  Indicator_open(props);
 };
 Indicator.circle = function () {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   props.type = 'fading-circle';
-  return Indicator_confirm(props);
+  Indicator_open(props);
 };
 Indicator.bounce = function () {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   props.type = 'double-bounce';
-  return Indicator_confirm(props);
-};
-Indicator.remove = function () {
-  if (!instance) return false;
-  instance = instance || Indicator.newInstance({
-    size: 45,
-    color: '#ffffff',
-    text: '正在加载...',
-    type: 'snake'
-  });
-  instance.remove();
+  Indicator_open(props);
 };
 /* harmony default export */ const components_Indicator = (Indicator);
 ;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/progress/progress.vue?vue&type=template&id=7444ee7d
@@ -13527,7 +13402,7 @@ var components = {
 
 var services = {
   Message: components_message,
-  Modal: modal,
+  Modal: components_modal,
   Prompt: components_prompt,
   Indicator: components_Indicator
 };