dpzvc-ui 1.2.1 → 1.2.3

package/dist/dpzvc.js

@@ -5804,7 +5804,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `
     justify-content: center;
     flex-direction: column;
 }
-`, "",{"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":""}]);
+`, "",{"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":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -5969,7 +5969,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),
@@ -7505,6 +7505,9 @@ var header_component = normalizeComponent(
  */
 
 /* harmony default export */ const Header = (header);
+// EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(154);
+var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default = /*#__PURE__*/__webpack_require__.n(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_);
 ;// ./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/message/messageGroup.vue?vue&type=template&id=1acd65df
 var messageGroupvue_type_template_id_1acd65df_render = function render() {
   var _vm = this,
@@ -7735,45 +7738,48 @@ var messageGroup_component = normalizeComponent(
 )
 
 /* harmony default export */ const messageGroup = (messageGroup_component.exports);
-// EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
-var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(154);
-var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default = /*#__PURE__*/__webpack_require__.n(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_);
 ;// ./src/components/message/confirm.js
+
+function 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 _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
- * Created by admin on 2017/5/8.
+ * messageGroup.js
+ * 兼容 Vue 2.7 runtime-only 构建
  */
 
 
+ // 你的 Vue 组件
 
-
-messageGroup.newInstance = function (props) {
-  var _props = props || {};
-  var _prop = '';
-  Object.keys(_props).forEach(function (prop) {
-    _prop += ' :' + camelcaseToHyphen(prop) + '=' + prop;
-  });
+messageGroup.newInstance = function () {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var div = document.createElement('div');
   document.body.appendChild(div);
-  var message = new (external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default())({
-    el: div,
-    data: _props,
-    template: "<Message-group ".concat(_prop, " ></Message-group>"),
-    components: {
-      MessageGroup: messageGroup
+
+  // 使用 render 函数代替 template，兼容 runtime-only
+  var messageVm = new (external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_default())({
+    data: function data() {
+      return _objectSpread({}, props);
+    },
+    render: function render(h) {
+      return h(messageGroup, {
+        props: props
+      });
     }
-  }).$children[0];
+  }).$mount(div);
+  var instance = messageVm.$children[0]; // 确保实例存在
+
   return {
-    add: function add(props) {
-      message.add(props);
+    add: function add(options) {
+      if (instance) instance.add(options);
     },
-    remove: function remove(props) {
-      message.remove(props);
+    remove: function remove(options) {
+      if (instance) instance.remove(options);
     },
-    component: message,
+    component: instance,
     destroy: function destroy() {
-      message.closeAll();
+      if (instance) instance.closeAll();
       setTimeout(function () {
-        document.body.removeChild(document.getElementsByClassName('dpzvc-message')[0].parentElement);
+        if (div.parentNode) div.parentNode.removeChild(div);
       }, 500);
     }
   };
@@ -8066,57 +8072,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();
@@ -8125,73 +8170,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.
@@ -8234,7 +8248,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,
@@ -10728,7 +10742,7 @@ var textBar_component = normalizeComponent(
     };
   },
   components: {
-    Modal: modal_modal,
+    Modal: modal,
     TextBar: textBar,
     VButton: button_button
   },
@@ -10803,31 +10817,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: '确定',
@@ -10838,91 +10849,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);
@@ -12587,117 +12550,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
@@ -13521,7 +13449,7 @@ var components = {
 
 var services = {
   Message: components_message,
-  Modal: modal,
+  Modal: components_modal,
   Prompt: components_prompt,
   Indicator: components_Indicator
 };