dpzvc-ui 1.2.2 → 1.2.4

package/dist-prod/rater.2a701809bfde6325d1a2.chunk.js

@@ -0,0 +1,2 @@
+(self.webpackChunkdpzvc_ui=self.webpackChunkdpzvc_ui||[]).push([[109],{4142(n,e,t){var a=t(6795);a.__esModule&&(a=a.default),"string"==typeof a&&(a=[[n.id,a,""]]),a.locals&&(n.exports=a.locals);(0,t(534).A)("6ceb7c19",a,!0,{})},6795(n,e,t){"use strict";t.r(e),t.d(e,{default:()=>r});var a=t(1354),i=t.n(a),s=t(6314),A=t.n(s)()(i());A.push([n.id,".Rater[data-v-3763261e] {\n  width: 100%;\n  padding-top: 50px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.Rater p[data-v-3763261e] {\n  text-indent: 10px;\n  font-weight: bold;\n  font-size: 14px;\n  margin: 10px 0;\n}\n/*# sourceMappingURL=Rater.css.map */","",{version:3,sources:["webpack://./Rater.vue","webpack://./src/views/Rater.vue"],names:[],mappings:"AACA;EACI,WAAA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,mBAAA;ACAJ;ADNA;EAQQ,iBAAA;EACA,iBAAA;EACA,eAAA;EACA,cAAA;ACCR;AACA,oCAAoC",sourcesContent:["\n.Rater {\n    width: 100%;\n    padding-top: 50px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    p {\n        text-indent: 10px;\n        font-weight: bold;\n        font-size: 14px;\n        margin: 10px 0;\n    }\n}\n",".Rater {\n  width: 100%;\n  padding-top: 50px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.Rater p {\n  text-indent: 10px;\n  font-weight: bold;\n  font-size: 14px;\n  margin: 10px 0;\n}\n/*# sourceMappingURL=Rater.css.map */"],sourceRoot:""}]);const r=A},9123(n,e,t){"use strict";t.r(e),t.d(e,{default:()=>i});const a={name:"rater",data:function(){return{rate:0,disabledRate:4.5}}};t(4142);const i=(0,t(4486).A)(a,function(){var n=this,e=n._self._c;return e("div",{staticClass:"Rater"},[e("p",[n._v("可点击评分")]),n._v(" "),e("Rater",{model:{value:n.rate,callback:function(e){n.rate=e},expression:"rate"}}),n._v(" "),e("span",[n._v(n._s(n.rate))]),n._v(" "),e("p",[n._v("不可点击评分")]),n._v(" "),e("Rater",{attrs:{disabled:""},model:{value:n.disabledRate,callback:function(e){n.disabledRate=e},expression:"disabledRate"}}),n._v(" "),e("span",[n._v(n._s(n.disabledRate))])],1)},[],!1,null,"3763261e",null).exports}}]);
+//# sourceMappingURL=rater.2a701809bfde6325d1a2.chunk.js.map

package/dist-prod/rater.2a701809bfde6325d1a2.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rater.2a701809bfde6325d1a2.chunk.js","mappings":"mFAGA,IAAIA,EAAU,EAAQ,MACnBA,EAAQC,aAAYD,EAAUA,EAAQE,SACnB,iBAAZF,IAAsBA,EAAU,CAAC,CAACG,EAAOC,GAAIJ,EAAS,MAC7DA,EAAQK,SAAQF,EAAOG,QAAUN,EAAQK,SAG/BE,EADH,UACO,WAAYP,GAAS,EAAM,CAAC,E,0FCNzCQ,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACN,EAAOC,GAAI,gUAcD,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,wBAAwB,mCAAmC,MAAQ,GAAG,SAAW,4IAA4I,eAAiB,CAAC,gSAAgS,+RAA+R,WAAa,MAE93B,S,yDCTA,MCZqK,EDYrK,CACAM,KAAA,QACAC,KAAA,WACA,OACAC,KAAA,EACAC,aAAA,IAEA,G,QEAA,SAXgB,E,QAAA,GACd,ECTW,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,IAAI,CAACF,EAAIK,GAAG,WAAWL,EAAIK,GAAG,KAAKH,EAAG,QAAQ,CAACI,MAAM,CAACC,MAAOP,EAAIF,KAAMU,SAAS,SAAUC,GAAMT,EAAIF,KAAKW,CAAG,EAAEC,WAAW,UAAUV,EAAIK,GAAG,KAAKH,EAAG,OAAO,CAACF,EAAIK,GAAGL,EAAIW,GAAGX,EAAIF,SAASE,EAAIK,GAAG,KAAKH,EAAG,IAAI,CAACF,EAAIK,GAAG,YAAYL,EAAIK,GAAG,KAAKH,EAAG,QAAQ,CAACU,MAAM,CAAC,SAAW,IAAIN,MAAM,CAACC,MAAOP,EAAID,aAAcS,SAAS,SAAUC,GAAMT,EAAID,aAAaU,CAAG,EAAEC,WAAW,kBAAkBV,EAAIK,GAAG,KAAKH,EAAG,OAAO,CAACF,EAAIK,GAAGL,EAAIW,GAAGX,EAAID,kBAAkB,EACvhB,EACsB,IDUpB,EACA,KACA,WACA,M","sources":["webpack://dpzvc-ui/./src/views/Rater.vue?5a04","webpack://dpzvc-ui/./src/views/Rater.vue?3465","webpack://dpzvc-ui/src/views/Rater.vue","webpack://dpzvc-ui/./src/views/Rater.vue?6ab8","webpack://dpzvc-ui/./src/views/Rater.vue?bbed","webpack://dpzvc-ui/./src/views/Rater.vue"],"sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/less-loader/dist/cjs.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Rater.vue?vue&type=style&index=0&id=3763261e&prod&lang=less&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"6ceb7c19\", content, true, {});","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.Rater[data-v-3763261e] {\n  width: 100%;\n  padding-top: 50px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.Rater p[data-v-3763261e] {\n  text-indent: 10px;\n  font-weight: bold;\n  font-size: 14px;\n  margin: 10px 0;\n}\n/*# sourceMappingURL=Rater.css.map */`, \"\",{\"version\":3,\"sources\":[\"webpack://./Rater.vue\",\"webpack://./src/views/Rater.vue\"],\"names\":[],\"mappings\":\"AACA;EACI,WAAA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,mBAAA;ACAJ;ADNA;EAQQ,iBAAA;EACA,iBAAA;EACA,eAAA;EACA,cAAA;ACCR;AACA,oCAAoC\",\"sourcesContent\":[\"\\n.Rater {\\n    width: 100%;\\n    padding-top: 50px;\\n    display: flex;\\n    flex-direction: column;\\n    justify-content: center;\\n    align-items: center;\\n    p {\\n        text-indent: 10px;\\n        font-weight: bold;\\n        font-size: 14px;\\n        margin: 10px 0;\\n    }\\n}\\n\",\".Rater {\\n  width: 100%;\\n  padding-top: 50px;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: center;\\n  align-items: center;\\n}\\n.Rater p {\\n  text-indent: 10px;\\n  font-weight: bold;\\n  font-size: 14px;\\n  margin: 10px 0;\\n}\\n/*# sourceMappingURL=Rater.css.map */\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","<template>\n    <div class=\"Rater\">\n        <p>可点击评分</p>\n        <Rater v-model=\"rate\"></Rater>\n        <span>{{rate}}</span>\n        <p>不可点击评分</p>\n        <Rater v-model=\"disabledRate\" disabled></Rater>\n        <span>{{disabledRate}}</span>\n    </div>\n</template>\n\n<script>\n    export default {\n        name: \"rater\",\n        data(){\n            return {\n                rate:0,\n                disabledRate:4.5\n            }\n        }\n    }\n</script>\n\n<style lang=\"less\" scoped>\n    .Rater {\n        width: 100%;\n        padding-top: 50px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        p {\n            text-indent: 10px;\n            font-weight: bold;\n            font-size: 14px;\n            margin: 10px 0;\n        }\n    }\n</style>","import mod from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Rater.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Rater.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Rater.vue?vue&type=template&id=3763261e&scoped=true\"\nimport script from \"./Rater.vue?vue&type=script&lang=js\"\nexport * from \"./Rater.vue?vue&type=script&lang=js\"\nimport style0 from \"./Rater.vue?vue&type=style&index=0&id=3763261e&prod&lang=less&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3763261e\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"Rater\"},[_c('p',[_vm._v(\"可点击评分\")]),_vm._v(\" \"),_c('Rater',{model:{value:(_vm.rate),callback:function ($$v) {_vm.rate=$$v},expression:\"rate\"}}),_vm._v(\" \"),_c('span',[_vm._v(_vm._s(_vm.rate))]),_vm._v(\" \"),_c('p',[_vm._v(\"不可点击评分\")]),_vm._v(\" \"),_c('Rater',{attrs:{\"disabled\":\"\"},model:{value:(_vm.disabledRate),callback:function ($$v) {_vm.disabledRate=$$v},expression:\"disabledRate\"}}),_vm._v(\" \"),_c('span',[_vm._v(_vm._s(_vm.disabledRate))])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"],"names":["content","__esModule","default","module","id","locals","exports","add","___CSS_LOADER_EXPORT___","push","name","data","rate","disabledRate","_vm","this","_c","_self","staticClass","_v","model","value","callback","$$v","expression","_s","attrs"],"ignoreList":[],"sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dpzvc-ui",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "Vue组件库",
   "main": "dist/dpzvc.js",
   "module": "dist/dpzvc.esm.js",
@@ -47,6 +47,7 @@
     "babel-runtime": "^6.26.0",
     "cross-env": "^3.1.4",
     "css-loader": "^6.11.0",
+    "del": "^8.0.1",
     "eslint": "^3.12.2",
     "eslint-plugin-html": "^1.7.0",
     "exif-js": "^2.2.1",

package/src/components/Indicator/index.js

@@ -1,153 +1,88 @@
 /**
- * Created by admin on 2017/6/22.
+ * Indicator - Vue 2.7 CLI 适配版
  */
-import Indicator from './Indicator'
-import {camelcaseToHyphen} from '../../utils/util'
-import Vue from 'vue'
-let instance;
-
-Indicator.newInstance = properties => {
-
-    let _props = properties || {};
-
-    let props = '';
-
-    Object.keys(_props).forEach(prop => {
-
-        props += ' :' + camelcaseToHyphen(prop) + '=' + prop
-    })
-
-    const div = document.createElement('div');
-
-    document.body.appendChild(div);
-
-    let indicator = new Vue({
-        el: div,
-        template: `<Indicator ${props} v-model="visible" ></Indicator>`,
-        components: {
-            Indicator
-        },
-        data: Object.assign(_props, {
-            visible: false,
-            size: 45,
-            type: 'snake',
-            color: '#ffffff',
-            text: '加载中...',
-            onRemove:function(){}
-
-        }),
-        methods: {
-            remove() {
-                this.$children[0].visible = false;
-                setTimeout(() => {
-                    this.destroy();
-                }, 300)
-            },
-            destroy(){
 
-                this.$destroy();
-
-                // if (!this.$el) return;
-                document.body.removeChild(this.$el);
-                this.onRemove()
-            }
-        }
-    }).$children[0];
-
-
-    return {
-        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;
-            }
+import Vue from 'vue'
+import Indicator from './Indicator.vue'
 
-            if ('text' in options) {
-                indicator.$parent.text = options.text;
-            }
+let instance = null
 
-        },
+function createInstance(props = {}) {
+  const IndicatorConstructor = Vue.extend(Indicator)
 
-        remove(){
+  const vm = new IndicatorConstructor({
+    propsData: {
+      size: 45,
+      type: 'snake',
+      color: '#ffffff',
+      text: '加载中...',
+      ...props
+    }
+  })
 
-            indicator.visible = false;
+  vm.$mount()
+  document.body.appendChild(vm.$el)
 
-            indicator.$parent.remove()
+  vm.visible = false
 
-        },
-        component: indicator
-    }
-};
+  vm.$on('remove', () => {
+    destroyInstance()
+  })
 
+  return vm
+}
 
-function confirm(options) {
-    instance = instance || Indicator.newInstance({
-            size: 45,
-            color: '#ffffff',
-            text: '正在加载...',
-            type: 'snake'
-        });
+function destroyInstance() {
+  if (!instance) return
+  instance.$destroy()
+  if (instance.$el && instance.$el.parentNode) {
+    instance.$el.parentNode.removeChild(instance.$el)
+  }
+  instance = null
+}
 
-    options.onRemove = function () {
-        instance = null;
-    }
+function open(options = {}) {
+  if (!instance) {
+    instance = createInstance(options)
+  }
 
-    instance.open(options)
+  Object.keys(options).forEach(key => {
+    instance.$props[key] = options[key]
+  })
 
+  instance.visible = true
 }
 
+function close() {
+  if (!instance) return
+  instance.visible = false
+  destroyInstance()
+}
 
-Indicator.blade = function (props = {}) {
+/* ================== 对外 API ================== */
 
-    props.type = 'blade';
-    return confirm(props)
-}
+Indicator.open = open
 
+Indicator.remove = close
 
 Indicator.snake = function (props = {}) {
+  props.type = 'snake'
+  open(props)
+}
 
-    props.type = 'snake';
-    return confirm(props)
+Indicator.blade = function (props = {}) {
+  props.type = 'blade'
+  open(props)
 }
 
 Indicator.circle = function (props = {}) {
-
-    props.type = 'fading-circle';
-    return confirm(props)
+  props.type = 'fading-circle'
+  open(props)
 }
 
 Indicator.bounce = function (props = {}) {
-
-    props.type = 'double-bounce';
-    return confirm(props)
+  props.type = 'double-bounce'
+  open(props)
 }
 
-Indicator.remove = function () {
-
-
-    if (!instance) return false;
-
-     instance = instance || Indicator.newInstance({
-            size: 45,
-            color: '#ffffff',
-            text: '正在加载...',
-            type: 'snake'
-        })
-
-    instance.remove()
-}
-
-
-export default  Indicator
+export default Indicator

package/src/components/modal/confirm.js

@@ -1,161 +1,114 @@
 /**
- * Created by admin on 2017/3/30.
+ * confirm.js - 适配 Vue 2.7 runtime-only
  */
-import Modal from './modal.vue'
-import VButton from '../button'
-import Vue from 'vue'
-
-import { camelcaseToHyphen } from '../../utils/util'
+import Vue from 'vue';
+import Modal from './modal.vue';
+import VButton from '../button';
+import { camelcaseToHyphen } from '../../utils/util';
 
 const prefixCls = 'dpzvc-modal';
 
-Modal.newInstance = properties =>{
-
-    let _props = properties || {};
-
-    let props = '';
-
-    Object.keys(_props).forEach( prop =>{
-
-        props += ' :'+camelcaseToHyphen(prop) + '=' + prop
-    })
-
-    const div = document.createElement('div');
-
-    document.body.appendChild(div);
-
-    const modal = new Vue({
-        el:div,
-        template:`<Modal ${props} v-model="visible" :width="width" >
-                        <div class="${prefixCls}-header-inner  ellipse-fir"  v-html="title" slot="header"></div>
-                        <div class="${prefixCls}-body-inner" v-html="body" slot="body"></div>
-                        <template slot="footer">
-                            <v-button type="primary" :radius="false" @click="cancle"  v-if="showCancle">{{cancleText}}</v-button>
-                             <v-button type="normal" :radius="false" @click="ok" :loading="buttonLoading">{{okText}}</v-button>
-                        </template>
-                    </Modal>`,
-        components:{
-            Modal,
-            VButton
-        },
-        data:Object.assign(_props,{
-            visible:false,
-            width:'70%',
-            body:'',
-            title:'',
-            okText:'确定',
-            cancleText:'取消',
-            loading:false,
-            buttonLoading:false,
-            showCancle:true,
-            showHead:true,
-            onOk:function(){},
-            onCancle:function(){},
-            onRemove:function(){}
-        }),
-        methods:{
-            cancle(){
-                this.$children[0].visible = false;
-                this.onCancle();
-                this.remove()
-
-            },
-            ok(){
-                console.log('asd')
-                if (this.loading) {
-                    this.buttonLoading = true;
-                    this.$children[0].buttonLoading = true;
-                } else {
-                    this.visible = false;
-                    this.remove();
-                }
-
-                this.onOk()
-            },
-            remove(){
-                this.$children[0].visible = false;
-                setTimeout(()=>{
-                    this.destroy();
-                },300)
-            },
-            destroy(){
-
-                this.$destroy();
-                document.body.removeChild(this.$el);
-                this.onRemove()
-            },
-
-
-        },
-    }).$children[0];
-
-
-
-    return {
-
-        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((item)=>{
-                modal.$parent[item] = props[item]
-            })
-
-            modal.$parent.showCancle = props.showCancle;
-            modal.$parent.onRemove = props.onRemove;
-            modal.visible = true;
-
-
-        },
-        remove () {
-
-            modal.visible = false;
-            modal.$parent.buttonLoading = false;
-            modal.$parent.remove();
-
+Modal.newInstance = function(properties = {}) {
+  // 创建一个新的 Vue 构造函数
+  const ModalConstructor = Vue.extend({
+    components: { Modal, VButton },
+    data() {
+      return Object.assign({
+        visible: false,
+        width: '70%',
+        body: '',
+        title: '',
+        okText: '确定',
+        cancleText: '取消',
+        loading: false,
+        buttonLoading: false,
+        showCancle: true,
+        showHead: true,
+        onOk: () => {},
+        onCancle: () => {},
+        onRemove: () => {}
+      }, properties);
+    },
+    render(h) {
+      const 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
         },
-        component:modal
-
+        on: {
+          'on-ok': this.ok,
+          'on-cancle': this.cancle
+        }
+      }, [
+        h('div', { slot: 'header', domProps: { innerHTML: this.title }, class: `${prefixCls}-header-inner ellipse-fir` }),
+        h('div', { slot: 'body', domProps: { innerHTML: this.body }, class: `${prefixCls}-body-inner` }),
+        h('template', { slot: 'footer' }, footer)
+      ]);
+    },
+    methods: {
+      cancle() {
+        this.visible = false;
+        this.onCancle();
+        this.remove();
+      },
+      ok() {
+        if (this.loading) {
+          this.buttonLoading = true;
+        } else {
+          this.visible = false;
+          this.remove();
+        }
+        this.onOk();
+      },
+      remove() {
+        this.visible = false;
+        setTimeout(() => this.destroy(), 300);
+      },
+      destroy() {
+        this.$destroy();
+        if (this.$el && this.$el.parentNode) {
+          this.$el.parentNode.removeChild(this.$el);
+        }
+        this.onRemove();
+      }
     }
-    };
-
-
+  });
+
+  // 实例化并挂载到 DOM
+  const div = document.createElement('div');
+  document.body.appendChild(div);
+  const instance = new ModalConstructor().$mount(div);
+
+  return {
+    show(props = {}) {
+      Object.keys(props).forEach(key => {
+        if (key in instance) {
+          instance[key] = props[key];
+        }
+      });
+      instance.visible = true;
+    },
+    remove() {
+      instance.remove();
+    },
+    component: instance
+  };
+};
+
+export default Modal;
 
-export default  Modal