dpzvc-ui 1.2.0 → 1.2.2

package/dist/dpzvc.js

@@ -5508,7 +5508,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `
     justify-content: center;
     flex-direction: column;
 }
-`, "",{"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":""}]);
+`, "",{"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":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -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___);
 
@@ -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);
     }
   };