dpzvc-ui 1.2.2 → 1.2.3

package/dist/dpzvc.js

@@ -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),
@@ -8072,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();
@@ -8131,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.
@@ -8240,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,
@@ -10734,7 +10742,7 @@ var textBar_component = normalizeComponent(
     };
   },
   components: {
-    Modal: modal_modal,
+    Modal: modal,
     TextBar: textBar,
     VButton: button_button
   },
@@ -10809,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: '确定',
@@ -10844,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);
@@ -12593,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
@@ -13527,7 +13449,7 @@ var components = {
 
 var services = {
   Message: components_message,
-  Modal: modal,
+  Modal: components_modal,
   Prompt: components_prompt,
   Indicator: components_Indicator
 };